/* Продажи раскладкой amoCRM (14.10.2026) — по макетам 03/03b/04/05/06 дизайн-проекта */
.main.own .pbar{display:none}
.view.flush{padding:0;display:flex;flex-direction:column}
.sbar{height:64px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 0 0 26px;position:sticky;top:0;z-index:5}
.sbar .pn{font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:6px;white-space:nowrap;padding-right:22px;color:var(--ink)}
.sbar .pn .ic{width:16px;height:16px;color:var(--tx2)}
.sbar .vw{display:flex;gap:2px;margin:0 16px 0 -8px}
.sbar .vw button{width:30px;height:30px;display:grid;place-items:center;border-radius:5px;color:var(--tx3)}
.sbar .vw button.on{color:var(--pri);background:var(--pri-l)}
.sbar .vw .ic{width:18px;height:18px}
.sbar .sr{flex:1;min-width:0;height:64px;border-left:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:0 18px;color:var(--tx3);font-size:14px}
.sbar .sr input{border:0;outline:0;background:none;flex:1;min-width:80px;height:100%;font-size:14px;color:var(--ink)}
.sbar .sr .ic{width:17px;height:17px;flex:none}
.fch{display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 4px 0 7px;border:1px solid var(--line);border-radius:3px;background:#FAFBFC;color:var(--tx);font-size:12px;white-space:nowrap}
.fch button{display:grid;place-items:center;width:16px;height:16px;color:var(--tx3)}.fch .ic{width:12px;height:12px}
.sbar .tot{color:var(--tx2);font-size:14px;padding:0 18px;white-space:nowrap}
.sbar .tot b{color:var(--ink);font-weight:700}
.sbar .dots{width:52px;height:64px;border-left:1px solid var(--line);display:grid;place-items:center;color:var(--tx2)}
.sbar .bt{height:36px;padding:0 15px;border-radius:5px;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:12px;letter-spacing:.03em;text-transform:uppercase;margin-right:10px;white-space:nowrap}
.sbar .bt .ic{width:15px;height:15px}
.sbar .bt.p{background:var(--pri);color:#fff}.sbar .bt.p:hover{background:var(--pri-d)}
.pop.wide{width:300px}
.pop .ck{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:13.5px}
.pop .fl{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px;color:var(--tx2)}
.pop .fl .sel{max-width:none;width:100%}
.pop .row2,.row2{display:flex;gap:8px;align-items:center;margin-top:12px}
.pop .sw,.sw{width:10px;height:10px;border-radius:2px;flex:none}
.sbody{flex:1;min-height:0;overflow:auto;padding:16px 22px 24px}
.fab{display:none}
.mstg,.mtot{display:none}
/* канбан */
.kan{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(262px,1fr);gap:14px;align-items:start;min-height:100%}
.stg{min-width:0;border-radius:3px;padding-bottom:30px}
.stg.over{background:var(--pri-l)}
.stg .h{text-align:center;padding:2px 6px 9px;border-bottom:3px solid}
.stg .h b{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stg .h span{font-size:12.5px;color:var(--tx2)}
.qa{display:block;width:100%;margin-top:8px;height:44px;border:1px dashed #C4CCD8;border-radius:3px;background:#F7F9FB;color:var(--tx2);font-size:13px}
.qa:hover{border-color:var(--pri);color:var(--pri)}
.qf{background:#fff;border:1px solid var(--line);border-radius:3px;padding:8px;margin-top:6px;display:flex;flex-direction:column;gap:6px}
.qf input,.qf select{height:32px;border:1px solid var(--line);border-radius:3px;padding:0 8px;font-size:13px;background:#fff}
.qf .row2{margin-top:2px}
.qf .err{margin:0;font-size:12px}
.dc{display:block;background:#fff;border:1px solid var(--line);border-radius:3px;padding:8px 9px 7px;margin-top:6px;color:inherit;cursor:grab}
.dc:hover{border-color:#C4CCD8}
.dc.drag{opacity:.45}
.dc .t1{display:flex;font-size:12.5px;gap:6px;align-items:center}
.dc .t1 span:first-child{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}
.dc .t1 .ic{width:14px;height:14px;color:var(--pos)}
.dc .t1 .tm{color:var(--tx3);font-size:12px;white-space:nowrap}
.dc .nm{color:var(--pri);font-size:14px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc .tgs{margin-top:5px}
.tgs{display:flex;flex-wrap:wrap;gap:4px}
.tg{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid var(--line);border-radius:3px;font-size:11.5px;color:var(--tx2);background:#FAFBFC;white-space:nowrap;font-weight:500}
.tg.acc{background:var(--acc-l);border-color:#F1D6AA;color:#9A5F0C}
.tg.ok{background:var(--pos-bg);border-color:#BFE3D2;color:var(--pos)}
.tg.bad{background:var(--neg-bg);border-color:#F1C9C5;color:var(--neg)}
.tg.vio{background:#EEEAF8;border-color:#D9D1F0;color:#6B55B8}
.dc .ft{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;color:var(--tx2)}
.dc .ft b{margin-left:auto;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap}
.dc .ft .bad{color:var(--neg)}
.tdot{width:7px;height:7px;border-radius:50%;flex:none;background:#C4CCD8}
.tdot.acc{background:var(--acc)}.tdot.bad{background:var(--neg)}
.dc.un{border-top:3px solid var(--acc);cursor:default}
.dc.un .nm2{font-weight:600;font-size:14px;margin-top:3px}
.dc.un .msg{font-size:12px;color:var(--tx2);margin-top:2px}
.dc .ab{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.btn.sm{height:28px;padding:0 10px;font-size:12.5px}
.dropbar{position:fixed;left:var(--rail);right:0;bottom:0;height:64px;display:none;grid-template-columns:1fr 1fr;z-index:20}
.dropbar.on{display:grid}
.dropbar div{display:grid;place-items:center;font-weight:600;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.dropbar [data-k=lost]{background:#6B7687}.dropbar [data-k=won]{background:var(--pos)}
.dropbar div.over{filter:brightness(1.15)}
/* список */
.lst{overflow:auto}
.dl{width:100%;border-collapse:collapse;font-size:13.5px}
.dl th{font-weight:500;color:var(--tx3);font-size:11.5px;text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);background:#FAFBFC;white-space:nowrap}
.dl td{padding:7px 12px;border-bottom:1px solid var(--line2);vertical-align:middle;white-space:nowrap}
.dl tr[data-id]{cursor:pointer}.dl tr[data-id]:hover td{background:#F7F9FC}
.dl .nm{color:var(--pri);font-size:14px;display:block}
.dl small{display:block;color:var(--tx2);font-size:11.5px}
.dl .r,.r{text-align:right}.b{font-weight:700}
.dl td.bad,.bad{color:var(--neg)}
.mut{color:var(--tx2)}.mut3{color:var(--tx3)}
.stl{display:inline-block;border-left:4px solid;padding-left:7px;line-height:18px;white-space:nowrap}
.av.xs{width:22px;height:22px;font-size:9px}
.pers{display:inline-flex;align-items:center;gap:7px;min-width:0}
/* карточка сделки */
.deal{flex:1;min-height:0;display:grid;grid-template-columns:440px minmax(0,1fr)}
.dl-l{background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;overflow:auto}
.dh{background:var(--side);color:#fff;padding:14px 20px 12px}
.dh .r1{display:flex;align-items:center;font-size:13px;color:var(--sidetx)}
.dh .r1 span{margin-left:auto}
.dh .bk{display:inline-flex;align-items:center;gap:2px;color:var(--sidetx)}.dh .bk .ic{width:15px;height:15px}
.dh h1{font-size:20px;font-weight:700;margin:6px 0 8px;line-height:26px;cursor:text;word-break:break-word}
.dh .tti{width:100%;font-size:20px;font-weight:700;margin:6px 0 8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);border-radius:3px;color:#fff;padding:2px 6px}
.dh .tg{background:#24344F;border-color:#34476A;color:#DCE4F2}
.dh .tg.add{width:22px;padding:0;justify-content:center}.dh .tg.add .ic{width:12px;height:12px}
.stp{display:flex;align-items:center;gap:4px;width:100%;margin-top:10px;height:32px;padding:0 10px;border-radius:3px;background:var(--pri);color:#fff;font-size:13px;text-align:left}
.stp b{font-weight:700}.stp .ic{width:14px;height:14px}
.stp.won{background:var(--pos)}.stp.lost{background:#6B7687}.stp.unsorted{background:#8A95A5}
.prog{display:flex;gap:3px;margin-top:8px}.prog i{flex:1;height:4px;border-radius:2px}
.dtabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 20px;flex:none}
.dtabs button{padding:11px 0;color:var(--tx2);font-weight:500;font-size:14px;white-space:nowrap}
.dtabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}
.dtabs .mob{display:none}
.dbd{padding:12px 20px 20px}
.plash{display:flex;gap:9px;align-items:flex-start;padding:9px 12px;border-radius:4px;background:var(--neg-bg);color:#7E231E;border:1px solid #F1C9C5;font-size:13px;margin-bottom:12px}
.plash b{color:var(--neg)}.plash .ic{width:16px;height:16px;color:var(--neg);flex:none;margin-top:1px}
.ffs{display:flex;flex-direction:column}
.ff{display:grid;grid-template-columns:138px minmax(0,1fr);align-items:center;min-height:32px;font-size:14px}
.ff label{color:var(--tx3);font-size:13px}
.ff div{min-width:0}
.fi{width:100%;height:30px;border:1px solid transparent;border-radius:3px;background:none;padding:0 6px;margin-left:-7px;font-size:14px;color:var(--ink)}
.fi:hover{border-color:var(--line)}.fi:focus{border-color:var(--pri);outline:0;background:#fff}
select.fi{appearance:none;-webkit-appearance:none;cursor:pointer}
.fi.b{font-weight:700}
.fi.r{text-align:right}
.blk{border-top:1px solid var(--line2);margin-top:12px;padding-top:12px}
.blk .bh{display:flex;align-items:center;font-size:13.5px;margin-bottom:6px}
.blk .bh .lnk{margin-left:auto;font-size:12.5px}
.lnk{color:var(--pri);font-weight:500}
.itr{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}
.crow{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.crow b{display:block;font-size:14.5px}.crow small{display:block;color:var(--tx2);font-size:12px}
.crow .av .ic{width:16px;height:16px}
.itt{width:100%;border-collapse:collapse;font-size:13.5px}
.itt th{font-weight:500;color:var(--tx3);font-size:11.5px;text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}
.itt td{padding:3px 4px;border-bottom:1px solid var(--line2)}
.itt .fi{margin-left:0}.itt .q{width:60px}
.itt .ib{width:28px;height:28px}.itt .ib .ic{width:14px;height:14px}
.sp{flex:1}
/* лента */
.dl-r{min-width:0;min-height:0;display:flex}
.feed{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}
.fh{height:52px;flex:none;display:flex;align-items:center;gap:10px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line)}
.fh .sr{flex:1;display:flex;align-items:center;gap:8px;color:var(--tx3)}
.fh .sr input{border:0;outline:0;flex:1;font-size:13.5px;background:none}
.fh .sr .ic{width:16px;height:16px}
.seg2{display:inline-flex;background:#E8ECF2;border-radius:4px;padding:3px;gap:2px}
.seg2 button{padding:4px 12px;border-radius:3px;font-weight:500;font-size:13px;color:var(--tx2)}
.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.fl2{flex:1;min-height:0;overflow:auto;padding:14px 18px}
.fday{text-align:center;margin:8px 0}.fday span{display:inline-block;background:#E4E8EE;border-radius:9px;padding:1px 10px;font-size:12px;color:var(--tx2)}
.fs{font-size:12.5px;color:var(--tx2);padding:4px 0 4px 38px}
.fi2{display:flex;gap:10px;margin:6px 0}
.fic{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;flex:none;color:var(--tx2)}
.fic .ic{width:14px;height:14px}
.fb{flex:1;min-width:0;background:#fff;border:1px solid var(--line);border-radius:4px;padding:8px 12px}
.fb small{color:var(--tx3);font-size:12px}
.fb p{font-size:13.5px;margin-top:2px;white-space:pre-wrap;word-break:break-word}
.fb.task{background:#FFF8EA;border-color:#F1D6AA;display:flex;align-items:center;gap:10px}
.fb.task>div{flex:1;font-size:13px}.fb.task b{font-weight:700}
.fb.task.late{background:var(--neg-bg);border-color:#F1C9C5}
.comp{flex:none;background:#fff;border-top:1px solid var(--line);padding:8px 18px 12px}
.comp nav{display:flex;gap:18px;margin-bottom:8px}
.comp nav button{font-size:13.5px;color:var(--tx2);padding:2px 0}
.comp nav button.on{color:var(--pri);font-weight:600;box-shadow:inset 0 -2px 0 var(--pri)}
.comp textarea{width:100%;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font-size:14px;resize:vertical;min-height:58px}
.comp textarea:focus{outline:0;border-color:var(--pri)}
.cf{display:flex;gap:8px;align-items:center;margin-top:8px}
.cf input[type=datetime-local]{height:32px;border:1px solid var(--line);border-radius:3px;padding:0 8px;font-size:13px}
.cf .sel{height:32px;font-size:13px}
.nochan{display:flex;align-items:center;gap:8px;color:var(--tx3);font-size:13.5px;min-height:58px;justify-content:center;border:1px dashed var(--line);border-radius:4px}
.nochan .ic{width:18px;height:18px}
.nochan.big{flex-direction:column;border:0;gap:10px;min-height:0;height:100%}
.nochan.big .ic{width:36px;height:36px}.nochan.big b{color:var(--tx2);font-weight:600;font-size:15px}
/* чаты */
.chats{flex:1;min-height:0;display:grid;grid-template-columns:340px minmax(0,1fr)}
.chats .cl{background:#fff;border-right:1px solid var(--line)}
.chats .cc{background:#EEF1F5}
/* клиенты */
.cbody{flex:1;min-height:0;overflow:auto;padding:16px 22px 24px}
.ctop{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13.5px}
.segs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.segs button{height:24px;padding:0 8px;border:1px solid var(--line);border-radius:3px;background:#FAFBFC;font-size:12.5px;color:var(--tx)}
.segs button.on{background:var(--pri-l);border-color:#CFDBF0;color:var(--pri);font-weight:600}
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}
.ctb{width:100%;border-collapse:collapse;font-size:13.5px}
.ctb th{font-weight:500;color:var(--tx3);font-size:11.5px;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);background:#FAFBFC}
.ctb td{padding:7px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.ctb tr[data-id]{cursor:pointer}.ctb tr[data-id]:hover td,.ctb tr.on td{background:#F4F7FC}
.ctb td:first-child{max-width:240px}
.cside{position:sticky;top:0}
.csh{display:flex;align-items:center;gap:10px;padding:12px 14px}
.csh>div{flex:1;min-width:0}.csh b{display:block;font-size:14.5px}.csh small{color:var(--tx2);font-size:12px}
.tabs2{display:flex;gap:18px;border-bottom:1px solid var(--line);padding:0 14px}
.tabs2 button{padding:8px 0;color:var(--tx2);font-weight:500}
.tabs2 button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--pri)}
.csb{padding:10px 14px 14px}
.csb .ff{grid-template-columns:120px minmax(0,1fr);font-size:13.5px}
.cdl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line2);font-size:13px}
.cdl span:first-child{color:var(--pri)}
@media (max-width:1180px){.deal{grid-template-columns:380px minmax(0,1fr)}.cgrid{grid-template-columns:1fr}.cside{position:static}.sbar .tot{display:none}}
@media (max-width:760px){
 .main.own{padding-bottom:calc(var(--tabh) + env(safe-area-inset-bottom))}
 .sbar{height:56px;padding:0 6px 0 16px}
 .sbar .vw,.sbar .tot,.sbar .bt,.sbar .sr input,.sbar .fch{display:none}
 .sbar .pn{flex:1;padding:0;font-size:15px;min-width:0;overflow:hidden}
 .sbar .sr{flex:none;border:0;padding:0 8px;height:56px}
 .sbar .sr .ic{width:21px;height:21px;color:var(--tx2)}
 .sbar .dots{border:0;width:44px;height:56px}
 .sbody,.cbody{padding:10px 12px 90px}
 .mstg{display:flex;overflow-x:auto;gap:20px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line);scrollbar-width:none;flex:none}
 .mstg button{white-space:nowrap;padding:11px 0;color:var(--tx3);font-size:14px}
 .mstg button.on{color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--acc)}
 .mtot{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#F7F9FB;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx2);flex:none}
 .mtot b{color:var(--ink)}.mtot button{color:var(--pri);font-weight:600}
 .mcol .dc{margin-top:8px;padding:11px 12px}
 .fab{display:grid;position:fixed;right:16px;bottom:calc(var(--tabh) + 16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--pri);color:#fff;place-items:center;box-shadow:var(--shadow);z-index:15}
 .fab .ic{width:24px;height:24px}
 .deal{grid-template-columns:1fr;overflow:auto}
 .dl-l{overflow:visible;border:0}
 .dl-r{display:none}
 .dtabs{padding:0 16px;overflow-x:auto}
 .dtabs .mob{display:block;order:-1}
 .dbd{padding:12px 16px 20px}
 .dbd .feed{margin:-12px -16px -20px;min-height:60vh}
 .fh .seg2{display:none}
 .ff{grid-template-columns:120px minmax(0,1fr)}
 .ctb th:nth-child(2),.ctb td:nth-child(2),.ctb th:nth-child(5),.ctb td:nth-child(5),.ctb th:nth-child(6),.ctb td:nth-child(6){display:none}
 .chats{grid-template-columns:1fr}.chats .cl{display:none}
 .dropbar{left:0}
}
.ctb .r{text-align:right}
.dl .tgs{flex-wrap:nowrap}
.kan{grid-auto-columns:262px}
.sbody.hscroll{scrollbar-width:auto;scrollbar-color:#9AA6B8 #E4E8EE}
.sbody::-webkit-scrollbar{height:12px;width:10px}.sbody::-webkit-scrollbar-track{background:#E4E8EE}.sbody::-webkit-scrollbar-thumb{background:#9AA6B8;border-radius:6px;border:2px solid #E4E8EE}
/* главная по макету 02 */
.home2{display:flex;flex-direction:column;gap:14px}
.hrow{display:flex;align-items:center;gap:10px;font-size:13.5px}
.kps{display:grid;gap:14px}
.kp{background:#fff;border:1px solid var(--line);border-radius:4px;padding:13px 15px;min-width:0}
.kp small{display:block;color:var(--tx2);font-size:12.5px}
.kp b{display:block;font-size:24px;line-height:30px;font-weight:700;margin-top:4px;white-space:nowrap}
.kp span{display:block;font-size:12.5px;color:var(--tx2);margin-top:2px}
.kp span.bad{color:var(--neg)}
.g2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:14px;align-items:stretch}
.g2.g2b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.g2.g2c{grid-template-columns:repeat(2,minmax(0,1fr))}
.g2>.card:only-child{grid-column:1/-1}
.card>.hd a{color:var(--pri);font-size:13px;font-weight:500}
.card>.hd .mut{font-size:13px}
.cnt{background:var(--neg-bg);color:var(--neg);border:1px solid #F1C9C5;border-radius:3px;font-size:12px;font-weight:600;padding:0 6px}
.bars{display:flex;align-items:flex-end;gap:4px;height:190px;padding:14px 14px 8px}
.bc2{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.bc2 i{display:block;width:70%;max-width:30px;background:var(--pri);border-radius:2px 2px 0 0}
.bc2 i.td{background:var(--acc)}
.bc2 span{font-size:10.5px;color:var(--tx3)}
.fun{display:flex;flex-direction:column;gap:2px}
.fr{display:grid;grid-template-columns:150px minmax(0,1fr) 44px 74px;gap:12px;align-items:center;font-size:13.5px;padding:4px 0}
.fr i{height:14px;background:var(--line2);border-radius:2px;overflow:hidden}.fr s{display:block;height:100%;background:var(--pri)}
.fr b{text-align:right}.fr em{font-style:normal;text-align:right;color:var(--tx2);font-size:12.5px;white-space:nowrap}
.ovl a{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line2)}
.ovl a:first-child{border-top:0}
.ovl .tdot{margin-top:6px}
.ovl div{flex:1;min-width:0}.ovl b{display:block;font-size:13.5px}.ovl small{display:block;color:var(--tx2);font-size:12px}
.ovl a>span{font-size:12px;color:var(--tx2);white-space:nowrap}
.dl td.w{white-space:normal}
.dl .pers small{display:block}
@media (max-width:1180px){.g2,.g2.b,.g2.g2c{grid-template-columns:1fr}.kps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:760px){.kps{grid-template-columns:1fr 1fr!important;gap:8px}.kp b{font-size:19px}.fr{grid-template-columns:110px minmax(0,1fr) 34px}.fr em{display:none}
 .home2 .dl th:nth-child(4),.home2 .dl td:nth-child(4){display:none}.home2 .card{overflow-x:auto}.bars{height:140px;gap:2px}.bc2 span{font-size:8px}}
.kar{position:fixed;top:50%;z-index:12;width:34px;height:64px;display:grid;place-items:center;background:rgba(14,26,46,.72);color:#fff;border-radius:4px;box-shadow:var(--shadow)}
.kar .ic{width:20px;height:20px}.kar.r{right:6px}.kar.l{left:calc(var(--rail) + 6px)}.kar:hover{background:var(--side)}
@media (max-width:760px){.kar{display:none}}
.sbody.hscroll{scroll-snap-type:x proximity;scroll-padding-left:22px}.stg{scroll-snap-align:start}
.sbar h1.pn,.sbar button.pn{background:none;width:auto;border-radius:0}
.sbar .pn{flex:none;padding-top:0;padding-bottom:0;min-height:0;cursor:default}.sbar button.pn{cursor:pointer}.sbar .pn:hover{background:none}
@media (max-width:1024px) and (min-width:761px){.deal{grid-template-columns:1fr;overflow:auto}.dl-l{overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.dl-r{min-height:620px}}
@media (max-width:760px){.bc2 span.mh{visibility:hidden}}
.demo{flex:none;align-self:center;margin:0 12px;padding:2px 8px;border:1px solid #F1D6AA;background:var(--acc-l);color:#9A5F0C;border-radius:3px;font-size:11.5px;font-weight:500;white-space:nowrap;letter-spacing:0;text-transform:none}
.sbar>.pn{order:-2}.sbar .demo{order:-1;margin-left:-8px}
@media (max-width:760px){.demo{font-size:10px;margin:0 6px;padding:1px 5px}.sbar .demo{margin:0 4px}}
@media (max-width:760px){.sbar .demo,.pbar .demo{position:fixed;left:0;right:0;bottom:calc(var(--tabh) + env(safe-area-inset-bottom));margin:0;text-align:center;border-radius:0;border-width:1px 0 0;font-size:10.5px;padding:2px 0;z-index:24}}
.dl td:last-child{white-space:normal;min-width:200px}.dl td:nth-child(5) .tgs{flex-wrap:wrap}
.more{display:block;width:100%;margin-top:6px;height:34px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--pri);font-size:13px;font-weight:500}.more:hover{border-color:var(--pri)}
/* забота, склад, планы, отчёты */
.ops{display:flex;flex-direction:column;gap:14px}
.tabsh{gap:20px!important;padding:0 14px!important;overflow-x:auto}
.tabsh button{padding:12px 0;color:var(--tx2);font-weight:500;font-size:13.5px;white-space:nowrap}
.tabsh button span{color:var(--tx3);font-weight:500}
.tabsh button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--pri)}
.ops .dl tr[data-id]{cursor:pointer}
.ops .dl td b{font-weight:600}
@media (max-width:760px){.ops .card{overflow-x:auto}.ops .dl{min-width:640px}}
.itr{align-items:center;gap:8px}.itr span:first-child{flex:1}.itr .tg{flex:none}
.q3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px}
.q3 h4{font-size:13.5px;font-weight:700;margin-bottom:8px}.q3 h4 span{color:var(--tx3);font-weight:500;margin-left:4px}
.qc{border:1px solid var(--line);border-radius:4px;padding:9px 11px;margin-bottom:8px;background:#fff}
.qh{display:flex;align-items:center;justify-content:space-between}.qh b{font-size:13.5px}
.qc small{display:block;color:var(--tx2);font-size:12px;margin-top:3px}.qc>span{display:block;font-size:12.5px;margin-top:2px}
.qa2{display:flex;gap:6px;margin-top:8px}.qa2 .trk{flex:1;min-width:0;height:28px;border:1px solid var(--line);border-radius:3px;padding:0 7px;font-size:12.5px}
.tg.pri{background:var(--pri-l);border-color:#CFDBF0;color:var(--pri)}
.skg{grid-template-columns:minmax(0,1fr) 360px}
.ord p{font-size:13px;margin-bottom:6px}.ord .btn{margin-top:8px}
.btn.acc{background:var(--acc);border-color:var(--acc);color:#fff}
.dl td.warn{color:#B4690E}.dl tr.off td{color:var(--tx3)}
.sm{font-size:12.5px}
@media (max-width:1180px){.skg{grid-template-columns:1fr}}
@media (max-width:760px){.q3{grid-template-columns:1fr}.hrow{flex-wrap:wrap}}
.pbar2{display:flex;align-items:center;gap:10px}.pbar2 i{flex:1;max-width:160px;height:6px;border-radius:3px;background:var(--line2);overflow:hidden}
.pbar2 s{display:block;height:100%;background:var(--pos)}.pbar2 s.mid{background:#C7811A}.pbar2 s.low{background:var(--neg)}.pbar2 span{font-size:12.5px;color:var(--tx2);min-width:40px}
.pop p.sm{font-size:13px;color:var(--tx2)}
.kp b.nm{font-size:19px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){.sbar{position:relative}.sbar .sr.open input{display:block;position:absolute;left:0;right:0;top:0;height:56px;background:#fff;padding:0 16px;z-index:6;border-bottom:1px solid var(--line);font-size:16px}}
.ops>*,.home2>*{flex-shrink:0}