/* ===================== Distributor desk (admin → Distributors · portal → Work with Aprikos) ===================== */
.dk{--c-tender:#248A8C;--c-order:#3B6FB6;--c-complaint:#C0492F;--c-docs:#8A6A2F;font-size:.92rem;color:var(--ink)}
.dk svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dk-errbar{background:#FDECEA;color:#8A2A1B;border:1px solid #F1C2B9;border-radius:10px;padding:10px 14px;margin-bottom:14px;font-weight:600}

/* tiles */
.dk-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.dk-tile{--c:var(--c-tender);position:relative;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;cursor:pointer;font:inherit;color:inherit;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center;transition:box-shadow .18s,transform .18s,border-color .18s;overflow:hidden}
.dk-tile::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--c)}
.dk-tile.order{--c:var(--c-order)} .dk-tile.complaint{--c:var(--c-complaint)} .dk-tile.docs{--c:var(--c-docs)}
.dk-tile:hover{box-shadow:0 12px 30px rgba(10,46,47,.10);transform:translateY(-2px)}
.dk-tile.on{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}
.dk-tile:focus-visible{outline:3px solid var(--tq);outline-offset:2px}
.dk-ti{grid-row:span 2;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.dk-ti svg{width:21px;height:21px}
.dk-tl{font-family:Jost;font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dk-tile b{font-family:Jost;font-size:2rem;line-height:1.05;color:var(--darkest)}
.dk-tile small{grid-column:1/-1;color:var(--muted);font-size:.8rem;margin-top:8px}
.dk-tbadge{font-style:normal;font-family:Jost;font-weight:700;font-size:.7rem;background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap}
.dk-tile .dk-tbadge{position:absolute;top:14px;right:14px}
.dk-cnt{font-style:normal;font-family:Jost;font-weight:700;font-size:.72rem;background:var(--tq-soft);color:var(--deeper);border-radius:999px;padding:2px 8px}

/* layout */
.dk-body{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:start}
.dk.dist .dk-body{grid-template-columns:1fr}
.dk-dists{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;position:sticky;top:16px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}
.dk-search input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;font-size:.88rem;background:var(--bg-soft)}
.dk-search input:focus{outline:none;border-color:var(--tq);background:#fff}
.dk-dlist{overflow:auto;margin-top:4px}
.dk-dist{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;cursor:pointer;margin-top:4px}
.dk-dist:hover{background:var(--bg-soft)} .dk-dist.on{background:var(--tq-soft)}
.dk-dist>span:nth-child(2){flex:1;min-width:0}
.dk-dist b{display:block;font-size:.88rem;color:var(--darkest);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-dist small{display:block;font-size:.75rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-dist small em{font-style:normal;color:#9A5B00}
.dk-av{--h:180;width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;flex:none;font-family:Jost;font-weight:700;font-size:.74rem;color:#fff;background:hsl(var(--h),42%,40%)}
.dk-av.sm{width:22px;height:22px;font-size:.58rem}
.dk-av.all{background:var(--darkest)} .dk-av.all svg{width:16px;height:16px}
.dk-main{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px 22px 24px;min-width:0}
.dk-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 -22px 20px;padding:0 16px;overflow:auto}
.dk-tabs button{background:none;border:0;border-bottom:2.5px solid transparent;padding:14px 12px 12px;font-family:Jost;font-weight:600;font-size:.9rem;color:var(--muted);cursor:pointer;white-space:nowrap}
.dk-tabs button:hover{color:var(--deeper)} .dk-tabs button.on{color:var(--darkest);border-bottom-color:var(--deep)}
.dk-sechead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.dk-sechead h3{font-size:1.1rem;color:var(--darkest);margin:0}
.dk-sechead p{margin:3px 0 0;color:var(--muted);font-size:.86rem;max-width:68ch}
.dk-sechead .btn{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none}
.dk-sechead .btn svg{width:15px;height:15px}
.dk-empty{background:var(--bg-soft);border:1px dashed #CFE0DF;border-radius:12px;padding:22px;color:var(--muted);text-align:center;font-size:.9rem}
.dk-empty.sm{padding:12px;font-size:.82rem;margin-top:8px}
.dk-profile{display:flex;align-items:center;gap:14px;background:var(--bg-soft);border-radius:14px;padding:14px 16px;margin-bottom:20px;flex-wrap:wrap}
.dk-profile .dk-av{width:46px;height:46px;font-size:.95rem}
.dk-profile>div{flex:1;min-width:200px} .dk-profile b{display:block;font-size:1.02rem;color:var(--darkest)} .dk-profile small{display:block;color:var(--muted);font-size:.8rem}
.dk-profile .ok{color:var(--green);font-weight:600} .dk-profile .warn{color:#9A5B00;font-weight:600}
.dk-pacts{display:flex;gap:8px;flex-wrap:wrap}

/* case rows */
.dk-cases{display:grid;gap:8px}
.dk-case{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s}
.dk-case:hover{border-color:#B9D6D5;box-shadow:0 6px 18px rgba(10,46,47,.06)}
.dk-case.on{border-color:var(--deep)} .dk-case.unread{background:#F6FBFB;border-color:#BFE1E1}
.dk-kind{--c:var(--c-tender);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 12%,#fff);color:var(--c)}
.dk-kind.order{--c:var(--c-order)} .dk-kind.complaint{--c:var(--c-complaint)}
.dk-cmain{flex:1;min-width:0;display:grid;gap:1px}
.dk-cmain b{color:var(--darkest);font-size:.94rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-case.unread .dk-cmain b{font-weight:700}
.dk-cmain small{color:var(--muted);font-size:.76rem}
.dk-last{color:#3F5B5A;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-cmeta{display:grid;justify-items:end;gap:4px;flex:none;position:relative}
.dk-cmeta small{color:var(--muted);font-size:.74rem}
.dk-dot{position:absolute;left:-16px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--red)}
.dk-st{font-family:Jost;font-weight:700;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;white-space:nowrap;background:#E7F0FA;color:#2A5A9C}
.dk-st.progress{background:var(--tq-soft);color:var(--deeper)} .dk-st.waiting{background:#FFF1E0;color:#9A5B00} .dk-st.closed{background:#EDF1F1;color:#587373}
.dk-flag{font-style:normal;color:var(--red);font-weight:700}
.dk-closed{margin-top:14px} .dk-closed summary{cursor:pointer;color:var(--muted);font-family:Jost;font-weight:600;font-size:.85rem;padding:6px 0} .dk-closed .dk-cases{margin-top:8px;opacity:.85}

/* documents + orders */
.dk-doccat{margin-top:20px} .dk-doccat h4{font-family:Jost;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 8px} .dk-doccat h4 small{font-weight:400}
.dk-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.dk-doc{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.dk-doc>div{flex:1;min-width:0} .dk-doc b{display:block;color:var(--darkest);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dk-doc small{display:block;color:var(--muted);font-size:.74rem} .dk-doc p{margin:4px 0 0;font-size:.8rem;color:#3F5B5A}
.dk-ext{width:40px;height:46px;border-radius:8px;background:color-mix(in srgb,var(--c-docs) 14%,#fff);color:var(--c-docs);font-family:Jost;font-weight:700;font-size:.66rem;display:grid;place-items:center;flex:none}
.dk-docacts{display:flex;gap:6px;flex:none}
.dk-ibtn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font-family:Jost;font-weight:600;font-size:.78rem;color:var(--deeper);cursor:pointer}
.dk-ibtn:hover{border-color:var(--deep)} .dk-ibtn.del:hover{border-color:var(--red);color:var(--red)} .dk-ibtn svg{width:15px;height:15px}
.dk-orders{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.dk-order{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.dk-order b{display:block;font-size:.86rem;color:var(--darkest)} .dk-order small{color:var(--muted);font-size:.74rem}

/* thread drawer */
body.dk-open{overflow:hidden}
.dk-drawer,.dk-modal{position:fixed;inset:0;z-index:4000;font-size:.92rem;color:var(--ink)}
.dk-drawer svg,.dk-modal svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.dk-scrim{position:absolute;inset:0;background:rgba(10,46,47,.42);backdrop-filter:blur(2px);animation:dkFade .18s}
.dk-thread{position:absolute;top:0;right:0;bottom:0;width:min(620px,100%);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(10,46,47,.22);animation:dkIn .24s cubic-bezier(.2,.8,.2,1)}
@keyframes dkIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}} @keyframes dkFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.dk-thread,.dk-scrim,.dk-mbox{animation:none}}
.dk-thread>header{padding:18px 22px 14px;border-bottom:1px solid var(--line)}
.dk-thtop{display:flex;align-items:center;gap:10px}
.dk-thid{font-family:Jost;font-weight:600;font-size:.8rem;letter-spacing:.05em;color:var(--muted);flex:1}
.dk-thread h3{margin:10px 0 4px;font-size:1.2rem;color:var(--darkest)}
.dk-thsub{margin:0;color:var(--muted);font-size:.82rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap} .dk-thsub b{color:var(--ink)}
.dk-x{border:0;background:var(--bg-soft);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;color:var(--muted)} .dk-x:hover{color:var(--darkest);background:var(--tq-soft)}
.dk-stsel{border:1.5px solid var(--line);border-radius:999px;padding:5px 10px;font-family:Jost;font-weight:600;font-size:.78rem;background:#fff;color:var(--deeper);cursor:pointer}
.dk-stsel.open{border-color:#9DBCE3;color:#2A5A9C} .dk-stsel.waiting{border-color:#F0CF9B;color:#9A5B00} .dk-stsel.closed{color:#587373}
.dk-thbody{flex:1;overflow:auto;padding:18px 22px;background:var(--bg-soft)}
.dk-info{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:0 0 16px;font-size:.86rem}
.dk-info dt{color:var(--muted);font-family:Jost;font-weight:600;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;padding-top:2px} .dk-info dd{margin:0;color:var(--ink)} .dk-info dd small{display:block;color:var(--muted);font-size:.76rem}
.dk-link{color:var(--deep);font-weight:700;text-decoration:none} .dk-link:hover{text-decoration:underline}
.dk-counts{display:inline-flex;gap:5px;flex-wrap:wrap} .dk-counts em{font-style:normal;font-family:Jost;font-weight:700;font-size:.72rem;border-radius:999px;padding:2px 8px;color:#fff}
.dk-counts .ex{background:#0E8F5B} .dk-counts .m80{background:#C47814} .dk-counts .m50{background:#D4572A} .dk-counts .no{background:#B03A28}
.dk-sev{font-family:Jost;font-weight:700;font-size:.72rem;border-radius:999px;padding:2px 9px;background:#E3F3EB;color:#0B7449} .dk-sev.medium{background:#FFF1E0;color:#9A5B00} .dk-sev.high{background:#FDECEA;color:#8A2A1B}
.dk-msgs{display:grid;gap:12px}
.dk-msg{max-width:88%;background:#fff;border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:10px 14px}
.dk-msg.mine{justify-self:end;background:#E9F6F6;border-color:#C9E6E6;border-radius:14px 4px 14px 14px}
.dk-msg.sys{justify-self:center;max-width:100%;background:none;border:0;padding:0;text-align:center;color:var(--muted);font-size:.8rem} .dk-msg.sys .dk-mh{justify-content:center} .dk-msg.sys .dk-av{display:none}
.dk-mh{display:flex;align-items:center;gap:7px;font-size:.78rem;margin-bottom:4px} .dk-mh b{color:var(--darkest)} .dk-mh small{color:var(--muted)}
.dk-mt{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.dk-mf,.dk-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .dk-attach:empty{display:none}
.dk-file{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 10px;font:inherit;font-size:.8rem;color:var(--deeper);cursor:pointer}
.dk-file:hover{border-color:var(--deep)} .dk-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-weight:600} .dk-file small{color:var(--muted)} .dk-file svg{width:14px;height:14px}
.dk-file.pending{cursor:default;background:var(--bg-soft)} .dk-file.pending a{cursor:pointer;color:var(--muted);display:grid} .dk-file.pending a:hover{color:var(--red)}
.dk-thread>footer{border-top:1px solid var(--line);padding:12px 22px 16px;background:#fff}
.dk-compose{display:flex;align-items:flex-end;gap:8px;margin-top:6px}
.dk-compose textarea{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;resize:vertical;min-height:46px;max-height:200px}
.dk-compose textarea:focus{outline:none;border-color:var(--tq)}
.dk-compose .btn{display:inline-flex;align-items:center;gap:6px} .dk-compose .btn svg{width:15px;height:15px}
.dk-ibtn.clip{padding:11px;border-radius:12px}
.dk-prog{font-size:.8rem;color:var(--deeper);font-weight:600;margin-top:6px}
.dk-closednote{font-size:.8rem;color:var(--muted);margin-bottom:4px}
.dk-quick{display:flex;gap:8px;margin-top:10px;justify-content:flex-end}
.dk-quick button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font-family:Jost;font-weight:600;font-size:.78rem;color:var(--muted);cursor:pointer}
.dk-quick button:hover{border-color:var(--deep);color:var(--deeper)} .dk-quick .close:hover{border-color:var(--green);color:var(--green)}

/* modal */
.dk-modal{display:grid;place-items:center;padding:16px;z-index:4100}
.dk-mbox{position:relative;width:min(580px,100%);max-height:calc(100vh - 32px);background:#fff;border-radius:18px;box-shadow:0 30px 80px rgba(10,46,47,.3);display:flex;flex-direction:column;animation:dkIn .22s}
.dk-mbox>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)} .dk-mbox h3{margin:0;font-size:1.15rem;color:var(--darkest)}
.dk-mbody{padding:18px 22px;overflow:auto;display:grid;gap:12px}
.dk-mbox>footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line)}
.dk-f{display:grid;gap:5px} .dk-f>span{font-family:Jost;font-weight:600;font-size:.78rem;color:var(--muted)}
.dk-f input,.dk-f select,.dk-f textarea{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:.92rem;background:#fff;width:100%}
.dk-f input:focus,.dk-f select:focus,.dk-f textarea:focus{outline:none;border-color:var(--tq)}
.dk-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dk-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed #B9D6D5;border-radius:12px;padding:14px;color:var(--muted);cursor:pointer;font-size:.85rem;background:var(--bg-soft)} .dk-drop:hover{border-color:var(--deep);color:var(--deeper)} .dk-drop b{color:var(--deeper)}
.dk-err{color:var(--red);font-weight:600;font-size:.85rem} .dk-err:empty{display:none}
.dk-sum{background:var(--bg-soft);border-radius:12px;padding:14px 16px;display:grid;gap:8px} .dk-sum b{color:var(--darkest)} .dk-sum small{color:var(--muted);font-size:.8rem}
.dk-toast{position:fixed;right:22px;bottom:22px;z-index:4200;background:var(--darkest);color:#fff;border-radius:12px;padding:12px 18px;font-family:Jost;font-weight:600;font-size:.9rem;box-shadow:0 14px 40px rgba(10,46,47,.3);max-width:420px} .dk-toast.bad{background:#8A2A1B}

/* portal tab */
#ptDeskBadge{display:inline-block;margin-left:7px;background:var(--red);color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;padding:1px 7px;vertical-align:middle}
.dk-phead{margin-bottom:18px} .dk-phead h3{font-size:1.3rem;color:var(--deeper)} .dk-phead p{color:var(--muted);font-size:.92rem;margin-top:4px;max-width:70ch}

@media(max-width:1100px){.dk-tiles{grid-template-columns:repeat(2,1fr)}.dk-body{grid-template-columns:1fr}.dk-dists{position:static;max-height:260px}}
@media(max-width:600px){.dk-tiles{gap:8px}.dk-tile{padding:14px 12px}.dk-tile b{font-size:1.5rem}.dk-main{padding:4px 14px 18px}.dk-tabs{margin:0 -14px 16px}.dk-two{grid-template-columns:1fr}.dk-sechead{flex-direction:column}.dk-docs{grid-template-columns:1fr}.dk-cmeta small{display:none}}
/* tender hand-over */
.dk-st.done{background:#EAF7F0;color:#1E6B45}
.dk-stsel.done{border-color:#9AD3B4;color:#1E6B45}
.dk-acts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.dk-acts .btn{text-decoration:none}
.dk-quick button.done{background:#1E6B45;border-color:#1E6B45;color:#fff}