/* =====================================================================
   Десктоп програмата (html[data-desk]) – рамката като inFlow за Windows.
   Цветовете по раздел (--band / --mod / --mod-l) идват от темата INFLOW OFFLINE в themes.css.
   ===================================================================== */
html[data-desk],html[data-desk] body{overflow:hidden}
html[data-desk] .shell.dk{display:flex;flex-direction:column;height:100%;position:relative}

/* горна ивица: ☰, ‹ ›, табове, + */
.dk-bar{flex:none;height:31px;display:flex;align-items:flex-end;gap:0;background:#F1F5F6;padding:0;user-select:none}
.dk-bar .grow{flex:1}
.dk-menu{width:54px;height:27px;border:0;border-radius:0 3px 0 0;background:linear-gradient(#4A4A4A,#262626);color:#E6E6E6;display:grid;place-items:center;margin-right:1px}
.dk-menu svg{width:17px;height:17px}
.dk-menu:hover{background:linear-gradient(#5A5A5A,#333)}
.dk-nav{width:21px;height:27px;border:0;margin-right:1px;background:linear-gradient(#4A4A4A,#262626);color:#9A9A9A;font-size:18px;line-height:1;padding:0 0 3px}
.dk-nav:last-of-type{border-radius:0 3px 0 0;margin-right:14px}
.dk-nav:hover{color:#fff}
.dk-tabs{display:flex;align-items:flex-end;gap:4px;min-width:0;overflow:hidden}
.dk-tab{--t-bg:color-mix(in srgb,var(--band) 22%,#fff);flex:0 1 152px;min-width:70px;height:26px;display:flex;align-items:center;gap:7px;padding:0 6px 0 9px;border-radius:4px 4px 0 0;background:var(--t-bg);color:#444;font-size:13px;cursor:default;position:relative}
.dk-tab:hover{--t-bg:color-mix(in srgb,var(--band) 38%,#fff)}
.dk-tab.on{background:var(--band);color:#fff}
.dk-ti{width:17px;height:17px;flex:none;border-radius:3px;background:#fff;display:grid;place-items:center;color:var(--band);--ico-in:#fff}
.dk-ti svg{width:12px;height:12px}
.dk-tt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-x{flex:none;width:18px;height:18px;border:0;background:none;color:inherit;opacity:.75;font-size:17px;line-height:1;padding:0;border-radius:2px}
.dk-x:hover{opacity:1;background:rgba(0,0,0,.12)}
.dk-plus{flex:none;width:21px;height:21px;margin:0 0 2px 4px;border:0;border-radius:2px;background:#C9C9C9;color:#fff;font-size:18px;line-height:1;padding:0 0 2px}
.dk-plus:hover{background:#ADADAD}
.dk-help{width:22px;height:22px;margin:0 6px 3px 0;border-radius:2px;background:#262626;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}

/* цветна лента, страница, долна лента */
html[data-desk] .main{flex:1;display:flex;flex-direction:column;min-height:0;border-radius:0;background:#fff}
html[data-desk] .main::after{display:none}
html[data-desk] .top{display:none}
.dk-band{flex:none;height:12px;background:var(--band)}
html[data-desk] .view{flex:1;min-height:0}
.dk-status{flex:none;height:18px;display:flex;align-items:center;gap:6px;padding:0 10px;background:var(--band);color:#333;font-size:11px}
.dk-status .grow{flex:1}
.dk-status b{font-weight:400}
.dk-status .saved-ind{color:#333!important;font-size:11px!important}

/* менюто ☰ */
.dk-pop{position:absolute;left:0;top:30px;z-index:200;background:#fff;border:1px solid #8E8E8E;box-shadow:3px 4px 14px rgba(0,0,0,.25)}
.dk-pop[hidden]{display:none}
.dk-mm{display:flex;width:420px;min-height:520px;padding:12px 12px 12px 12px}
.dk-ml{width:175px;flex:none;display:flex;flex-direction:column;gap:2px;padding-top:2px}
.dk-ms{display:flex;align-items:center;gap:12px;height:56px;padding:0 10px;border:0;border-radius:4px 0 0 4px;background:none;font-size:19px;color:#333;text-align:left}
.dk-ms.on{background:var(--mod-l)}
.dk-msi{width:28px;height:28px;display:grid;place-items:center;color:var(--band);--ico-in:#fff}
.dk-ms.on .dk-msi{--ico-in:var(--mod-l)}
.dk-msi svg{width:26px;height:26px}
.dk-mr{flex:1;background:var(--mod-l);border-radius:0 4px 4px 4px;padding:10px 12px;display:flex;flex-direction:column;gap:1px;max-height:calc(100vh - 80px);overflow:auto}
.dk-mr hr{border:0;border-top:2px solid rgba(255,255,255,.85);margin:7px 0}
.dk-mi{display:flex;align-items:center;gap:10px;padding:5px 6px;font-size:14px;color:#333;border-radius:2px}
.dk-mi:hover{background:rgba(255,255,255,.6)}
.dk-mic{width:26px;height:26px;flex:none;display:grid;place-items:center;color:var(--band);--ico-in:var(--mod-l)}
.dk-mi:hover .dk-mic{--ico-in:#F6F6F6}
.dk-mic svg{width:22px;height:22px}
.dk-mi.sub{padding:3px 6px 3px 42px;font-size:12px;color:#555}

/* начална страница: бързи действия + таблото */
.dk-quick{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #DDE3EA}
.dk-quick a{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border:1px solid #DDE3EA;border-radius:8px;background:#F7FAFD;color:#24364A;font-size:13px}
.dk-quick a:hover{border-color:var(--band);background:#fff}
.dk-qi{width:26px;height:26px;border-radius:6px;background:var(--band,#3C99DC);color:#fff;display:grid;place-items:center;--ico-in:var(--band,#3C99DC)}
.dk-qi svg{width:16px;height:16px}

/* екраните вътре: без закръгления и сенки на PreciQA, плътно като inFlow */
html[data-desk] .list-head{padding:6px 8px}

/* ---------- списъци като inFlow (desk-lists.js): панел „Search“ + таблица, всичко в бледия цвят на раздела */
.dl{display:flex;flex-direction:column;height:100%;background:var(--mod-l);font-size:12px;color:#333}
.dl-search{flex:none;padding:6px 8px 3px}
.dl-sh{display:flex;align-items:center;justify-content:space-between;height:20px}
.dl-sh b{font-size:15px;font-weight:700;color:#444}
.dl-col,.dl-open,.dl-show{border:0;background:none;color:#333;font-size:12px;padding:0 3px;cursor:pointer}
.dl-open{align-self:flex-end;padding:4px 10px}
.dl-view{margin:2px 0 4px;color:#444}
.dl-view a{color:#B23A2E;margin-left:4px}
.dl-rows{display:flex;flex-direction:column;gap:3px;margin-top:3px}
.dl-fr{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}
.dl-fl{display:flex;align-items:center;justify-content:space-between;padding-right:8px;color:#555;white-space:nowrap;overflow:hidden}
.dl-fl span{overflow:hidden;text-overflow:ellipsis}
.dl-fm{border:0;background:none;font-size:9px;color:#333;padding:0 2px;cursor:pointer;flex:none}
.dl-in{height:19px;width:100%;min-width:0;border:1px solid transparent;border-radius:0;background:#fff;color:#222;font-size:12px!important;padding:0 4px;outline:0}
.dl-in:focus{border-color:#7FA6D6}
select.dl-in{padding:0 1px}
.dl-dd{position:relative;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px;cursor:default}
.dl-dd::after{content:'▾';position:absolute;right:4px;top:1px;font-size:10px;color:#333}
.dl-date{display:flex;align-items:center;gap:6px;background:none;padding:0;border:0}
.dl-date input{height:19px;border:0;font-size:12px!important;padding:0 3px;width:120px}
.dl-date span{color:#666}
.dl-chk{height:19px;display:flex;align-items:center}
.dl-rf{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin:5px 0 2px}
.dl-btn{background:#8E96B0;color:#fff!important;border:0;border-radius:0;font-size:12px!important;padding:2px 9px;cursor:pointer;line-height:16px}
.dl-btn:hover{background:#78809E}
.dl-xl{margin-right:auto;font-size:11px;color:#555;text-decoration:underline}
.dl-grid{flex:1;min-height:0;overflow:auto;outline:0;border-top:1px solid rgba(0,0,0,.08)}
.dl-t{table-layout:fixed;border-collapse:collapse;min-width:100%}
.dl-t th{position:sticky;top:0;z-index:1;background:var(--mod-l);text-align:left;font-weight:700;color:#333;padding:2px 5px;height:32px;line-height:1.15;vertical-align:middle;white-space:normal;overflow:hidden;border-right:1px solid rgba(255,255,255,.8);border-bottom:1px solid rgba(0,0,0,.12);cursor:default;user-select:none}
.dl-t th svg{width:12px;height:12px;color:#555;--ico-in:var(--mod-l)}
.dl-t th.r,.dl-t td.r{text-align:right}
.dl-sm{font-size:8px;margin-left:4px;color:#777}
.dl-rs{position:absolute;right:-3px;top:0;bottom:0;width:7px;cursor:col-resize;z-index:2}
.dl-t td{height:19px;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;border-right:1px solid rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.75)}
.dl-t td .badge,.dl-t td .money,.dl-t td .qty{font-size:11px;line-height:15px}
.dl-t tbody tr{cursor:default}
.dl-t tbody tr:hover td{background:rgba(255,255,255,.35)}
.dl-t tbody tr.on td{background:#707070;color:#fff}
.dl-t tbody tr.on td *{color:#fff!important;border-color:rgba(255,255,255,.7)!important;background:transparent!important}
.dl-none td{color:#777;padding:12px 8px;white-space:normal}
.dl-foot{flex:none;height:18px;line-height:17px;text-align:center;color:#555;border-top:1px solid rgba(0,0,0,.12)}
/* отворен документ: списъкът вляво, редакторът вдясно */
.dl-split{display:flex;height:100%}
.dl-side{width:325px;flex:none;height:100%;border-right:1px solid #A9B3AE}
.dl-side.gone{display:none}
.dl-side .dl-fr{grid-template-columns:106px minmax(0,1fr)}
.dl-show{display:none;flex:none;width:16px;padding:6px 0 0;align-self:stretch;text-align:center;background:var(--mod-l);border-right:1px solid #A9B3AE}
.dl-split.nohide .dl-show{display:block}
.dl-right{flex:1;min-width:0;height:100%;overflow:auto;background:#fff;position:relative}
/* ---------- продажба / покупка като inFlow (desk-orders.js) */
.dko{display:flex;flex-direction:column;height:100%;min-height:600px;background:#fff;font-size:12px;color:#222}
.dko-tb{flex:none;display:flex;align-items:center;gap:1px;height:26px;padding:0 6px;background:#F7F9F8;border-bottom:1px solid #DADADA}
.dko-tb button{display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;background:none;font-size:12px;color:#222;padding:2px 6px;border-radius:2px;cursor:default}
.dko-tb button:hover{background:linear-gradient(#FFFFFF,#E6E6E6);border-color:#BDBDBD}
.dko-tb button svg{width:13px;height:13px;color:#333;--ico-in:#F7F9F8}
.dko-tb .sep{width:1px;height:15px;background:#C9C9C9;margin:0 4px}
.dko-tb .grow{flex:1}
.dko-tb .dko-x{font-size:13px;color:#666}
.dko-head{flex:none;display:grid;grid-template-columns:265px 250px minmax(0,1fr) 245px;gap:4px 16px;padding:8px 8px 6px;border-bottom:1px solid #E2E2E2}
.dko-head>.dko-g:nth-child(3){grid-column:4}
.dko-g{display:grid;grid-template-columns:66px minmax(0,1fr);gap:3px 6px;align-content:start}
.dko-l{color:#555;padding-top:2px;line-height:1.25;white-space:nowrap}
.dko-l.b{font-weight:700;color:#333}
.dko-v{min-width:0}
.dko-i{display:block;width:100%;height:20px;border:1px solid #C9C9C9;border-radius:0;background:#fff;font-size:12px!important;padding:0 4px;color:#222;outline:0}
.dko-i:focus{border-color:#7FA6D6}
select.dko-i{padding:0 1px}
.dko-i[readonly]{background:#F1F1F1}
.dko-i.r{text-align:right}
.dko-ro{height:20px;line-height:18px;background:#E9E9E9;border:1px solid #CFCFCF;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dko-party{position:relative}
.dko-party .dko-i{padding-right:16px}
.dko-dd{position:absolute;right:4px;top:2px;font-size:10px;color:#333;cursor:pointer}
.dko-party .res{min-width:280px}
.dko-addr{min-height:60px;border:1px solid #C9C9C9;padding:2px 4px;white-space:pre-line;font-size:11px;line-height:1.25;cursor:default;overflow:hidden}
.dko-addr.off{color:#999;font-style:italic}
.dko-arr{border:0;background:none;font-size:9px;color:#333;padding:0 2px;cursor:pointer}
.dko-chk{display:flex;align-items:center;gap:5px;height:20px;color:#444}
.dko-right{grid-template-columns:1fr;gap:6px}
.dko-box{display:grid;grid-template-columns:82px minmax(0,1fr);gap:3px 6px;border:1px solid #CFCFCF;padding:4px}
.dko-ship{display:grid;grid-template-columns:82px minmax(0,1fr);gap:2px 6px}
.dko-link{grid-column:1;font-size:11px;color:#777;text-decoration:underline;cursor:pointer;margin-top:-18px}
.dko-mid{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;padding:6px 6px 0}
.dko-mid .qc-sum{margin:0 0 4px;border-radius:0;padding:4px 8px}
.dko-stamp{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-4deg);color:#E5392F;font:400 42px Arial,sans-serif;pointer-events:none;z-index:3;opacity:.9}
.dko-grid{flex:1;min-height:200px;overflow:auto;border:1px solid #CFCFCF}
.dko-t{width:100%;border-collapse:collapse;table-layout:fixed}
.dko-t th{position:sticky;top:0;z-index:2;background:#fff;text-align:left;font-weight:700;color:#333;padding:3px 6px;height:30px;line-height:1.15;border-bottom:1px solid #DADADA;border-right:1px solid #F0F0F0}
.dko-t th.r,.dko-t td.r{text-align:right}
.dko-t td{height:20px;padding:0 4px;border:1px solid #E3E3E3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.dko-t .dko-st{width:24px;text-align:center;padding:0}
.dko-p a{color:#222}
.dko-p a:hover{text-decoration:underline}
.dko-dot{display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid var(--band);vertical-align:middle}
.dko-dot.half{background:linear-gradient(90deg,var(--band) 50%,transparent 50%)}
.dko-dot.full{background:var(--band)}
.dko-c{display:block;width:100%;height:19px;border:1px solid transparent;background:transparent;font-size:12px!important;padding:0 2px;color:#222;outline:0;border-radius:0}
.dko-c:focus{border-color:#7FA6D6;background:#fff}
.dko-c.r{text-align:right}
select.dko-c{padding:0}
.dko-warn{position:absolute;left:4px;top:3px;width:13px;height:13px;border-radius:50%;background:#D93025;color:#fff;font:700 10px/13px Arial,sans-serif;text-align:center}
.dko-add .dko-c::placeholder{color:#AAA;font-style:italic}
.dko-add td{overflow:visible}
.dko-add .ac .res{min-width:360px;z-index:5}
.dko-t tr.dk-empty td{height:20px}
.dko-del{position:absolute;left:2px;top:2px;width:15px;height:15px;padding:0;border:0;border-radius:2px;background:#F3D3CF;color:#B3261E;font-size:10px;line-height:15px;visibility:hidden;cursor:pointer}
.dko-t tr:hover .dko-del{visibility:visible}
.dko-del.on{visibility:visible;position:static;display:inline-block;margin-left:4px}
.dko-sn{border:1px solid #BDBDBD;background:linear-gradient(#FAFAFA,#E2E2E2);font-size:11px;padding:0 5px;border-radius:2px;cursor:pointer}
.dko-shp{display:inline-flex;align-items:center;gap:2px;background:#EEF3F0;padding:0 4px}
.dko-qc .qc-chip{margin:0;padding:0 6px;font-size:11px;max-width:100%}
.dko-t td.dko-qc{white-space:normal;padding:1px 4px}
.dko-qc .qc-miss{margin:0;font-size:11px;flex-wrap:wrap;gap:2px 6px}
.dko-qc .qc-miss .btn{padding:0 6px;font-size:11px}
.dko-foot{flex:none;display:grid;grid-template-columns:215px minmax(0,1fr) 200px;gap:12px;padding:6px 0 4px;align-items:start}
.dko-fl{grid-template-columns:100px minmax(0,1fr)}
.dko-mid2{display:flex;flex-direction:column;gap:4px;min-width:0}
.dko-mid2.wide{grid-column:1/3}
.dko-eta{display:grid;grid-template-columns:50px minmax(0,1fr)}
.dko-eta>.dko-g,.dko-eta{gap:6px}
.dko-eta .dko-l{text-align:right}
.dko-rem{display:grid;grid-template-columns:50px minmax(0,1fr);gap:6px}
.dko-rem label{color:#555;text-align:right;padding-top:2px}
.dko-rem textarea{height:66px;border:1px solid #C9C9C9;font-size:12px!important;padding:2px 4px;resize:vertical;border-radius:0;outline:0}
.dko-rem textarea:focus{border-color:#7FA6D6}
.dko-btns{display:flex;justify-content:flex-end;gap:6px;align-items:center}
.dko-btns.left{justify-content:flex-start;padding-left:56px}
.dko-btns .btn{min-width:80px;justify-content:center}
.dko-split{display:inline-flex}
.dko-split .btn:first-child{border-radius:2px 0 0 2px}
.dko-split .btn:last-child{min-width:0;padding:3px 6px;border-left:0;border-radius:0 2px 2px 0}
.dko-tot{display:flex;flex-direction:column;gap:3px}
.dko-tot>div{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:20px}
.dko-tot span{color:#555}
.dko-tot span a{color:#555;cursor:pointer}
.dko-tot .dko-i{width:100px}
.dko-tot .b span{font-weight:700;color:#333}
.dko-tot .big span,.dko-tot .big b{font-size:15px;font-weight:700;color:#222}
.dko-tabs{flex:none;display:flex;gap:2px;padding:3px 6px 4px}
.dko-tabs button{min-width:78px;border:0;border-radius:0;background:#CFCFCF;color:#555;font-size:12px;padding:3px 16px;cursor:default}
.dko-tabs button:hover{background:#DCDCDC}
.dko-tabs button.on{background:#fff;color:#222;font-weight:700;box-shadow:inset 0 0 0 1px #C9C9C9}

/* ---------- продукт като inFlow (products.js → deskProductHtml) */
.dkp{display:flex;flex-direction:column;height:100%;min-height:600px;background:#fff;font-size:12px;color:#222}
.dkp-body{flex:1;min-height:0;overflow:auto;padding:6px 14px 10px}
.dkp-inactive{flex:none;background:#FCE8E6;color:#9C2A20;padding:3px 14px}
.dkp-cols{display:grid;grid-template-columns:minmax(0,430px) minmax(0,300px);gap:10px 40px}
.dkp-cols.one{grid-template-columns:minmax(0,430px)}
.dkp h4{margin:12px 0 6px;font-size:17px;font-weight:400;color:#4F8FD0}
.dkp-g{grid-template-columns:120px minmax(0,1fr)}
.dkp-ta{height:42px;padding:2px 4px;resize:vertical}
.dkp-w{width:120px}
.dkp-w2{width:200px}
.dkp-ph{display:flex;gap:0;color:#555}
.dkp-ph span{width:120px;text-align:center}
.dkp-pr{display:flex;align-items:center;gap:12px}
.dkp-mk{color:#4F8FD0;text-decoration:underline;min-width:60px}
.dkp-img{position:relative;height:150px;border:1px solid #CFCFCF;cursor:pointer;background:#fff;overflow:hidden}
/* снимката е закачена за рамката: винаги цялата, смалена до полето, каквато и да е големината ѝ */
.dkp-img img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;display:block}
.dkp-ib{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}
.dkp-inv{max-height:260px;overflow-y:auto;border:1px solid #CFCFCF}
.dkp-inv .dkp-loc{background:#707070;color:#fff}
.dkp-qoh{display:flex;justify-content:space-between;padding:4px 2px;color:#555}
.dkp-qoh b{color:#222}
.dkp-q4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;font-size:11px;color:#777;padding:0 2px 4px}
.dkp-q4 b{display:block;font-size:13px;color:#222}
.dkp-q4 b.neg{color:var(--red)}
.dkp-qc{font-size:11px;color:#555;padding:0 2px 4px}
.dkp-reo{display:flex;align-items:center;height:28px;padding:0 10px;margin-top:4px;background:#5C6688;color:#fff;border-radius:3px}
.dkp-reo svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px}
.dkp-rs{margin-top:4px;border:1px solid #CFCFCF}
.dkp-rem{height:90px;width:430px;padding:2px 4px;resize:vertical}
.dkp-bom{max-width:1100px}
.dkp-hint{color:#888;margin:6px 0 10px}
.dkp-bg{height:330px;flex:none}
.dkp-bf{display:flex;align-items:center;gap:10px;margin-top:6px}
.dkp-bf .grow{flex:1}
.dkp-bf a{color:#777;text-decoration:underline;cursor:pointer}
.dkp-ops{max-width:520px}
.dkp-other{padding-top:6px}

/* ---------- производствена поръчка като inFlow (mfg.js → deskMoHtml) */
.dkm-mid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;padding:6px}
.dkm-panel{display:flex;flex-direction:column;min-height:0}
.dkm-ph{display:flex;align-items:center;gap:8px;height:22px;color:#333}
.dkm-ph .grow{flex:1}
.dkm-ph .dkm-raw{display:flex;align-items:center;gap:4px;color:#555;cursor:pointer}
.dkm-tree{flex:1;min-height:260px;overflow:auto;border:1px solid #CFCFCF;padding:4px 6px;background:#fff}
.dkm-node{display:flex;align-items:center;gap:6px;min-height:20px;white-space:nowrap;position:relative}
.dkm-node .dkm-n{overflow:hidden;text-overflow:ellipsis}
.dkm-node .dkm-q{color:#555}
.dkm-node .dkm-ops{color:#888;font-size:11px;overflow:hidden;text-overflow:ellipsis}
.dkm-node .grow{flex:1}
.dkm-node .pill{font-size:10px;padding:0 7px;line-height:16px}
.dkm-node .btn.ghost{padding:0 4px}
.dkm-node:hover{background:#EEF3F9}
.dkm-root{display:inline-block;background:#3399FF;color:#fff;padding:0 4px;margin-bottom:2px}
.dkm-ic{width:14px;height:14px;flex:none;display:inline-grid;place-items:center;border-radius:2px;font:700 10px/14px Arial,sans-serif;color:#fff}
.dkm-ic.ok{background:#5B9BD5}
.dkm-ic.no{background:#D93025;border-radius:50%}
.dkm-ic.wait{background:#F0B840;border-radius:50%}
.dkm-ic.go{background:#3E7CC0;border-radius:50%}
.dkm-ic.done{background:#2E8B57;border-radius:50%}
.dkm-fp{flex:1;min-height:0;overflow:auto}
.dkm-fp .dko-grid{min-height:120px;flex:none}
.dkm-fp .qc-chip{margin:2px 0}
.dkm-cost{margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;color:#555;max-width:300px;margin-left:auto}
.dkm-cost b{color:#222;text-align:right}
.dkm-fam{margin-top:8px}
.dkm-foot{grid-template-columns:minmax(0,1fr) auto;padding:6px 6px 4px}
.dkm-foot .dko-mid2.wide{grid-column:1}
.dkm-foot .dko-btns{align-self:end}

/* ---------- прозорци като в inFlow: бяло, голямо заглавие в цвета на раздела, OK / Cancel долу вдясно */
html[data-desk] .modal-bg{background:rgba(0,0,0,.18)}
html[data-desk] .modal{border-radius:0;border:1px solid #9A9A9A;box-shadow:0 6px 24px rgba(0,0,0,.28);padding:0 18px 14px;font-size:12px;min-width:440px}
html[data-desk] .modal h3{margin:0 -18px 12px;padding:14px 18px 8px;background:linear-gradient(#FFFFFF,#F4F6F8);border:0;border-bottom:1px solid #E2E2E2;font-size:22px;font-weight:400;color:var(--dk-mod,#4F8FD0)}
html[data-desk] .modal h3::before{content:'';display:inline-block;width:6px;height:22px;margin-right:10px;vertical-align:-3px;background:var(--dk-band,#3C99DC)}
html[data-desk] .mbtns{margin-top:14px;padding-top:10px;border-top:1px solid #EEE}
html[data-desk] .mbtns .btn{min-width:84px;justify-content:center}
html[data-desk] .form label{font-size:12px;color:#555}
html[data-desk] .form input,html[data-desk] .form select,html[data-desk] .form textarea{height:22px;padding:0 5px;font-size:12px!important}
html[data-desk] .form textarea{height:auto;padding:3px 5px}
html[data-desk] .lines th{background:#fff}
html[data-desk] #toast div{border-radius:0;background:#3A3A3A;font-size:12px;padding:7px 14px}

/* изскачащи менюта – като в Windows */
.dl-pop{position:fixed;z-index:300;min-width:150px;max-height:72vh;overflow:auto;background:#fff;border:1px solid #9A9A9A;box-shadow:2px 3px 8px rgba(0,0,0,.2);padding:3px 0;font-size:12px;color:#222}
.dl-pi{display:flex;align-items:center;padding:3px 14px 3px 2px;white-space:nowrap;cursor:default}
.dl-pi:hover{background:#D9E6F5}
.dl-ck{width:22px;text-align:center;flex:none}
.dl-cb{width:12px;height:12px;margin:0 7px 0 5px;flex:none;border:1px solid #999;background:#fff;font-size:10px;line-height:11px;text-align:center}
.dl-ph{padding:3px 10px 4px;font-weight:700;border-bottom:1px solid #DDD;margin-bottom:2px}
.dl-pop hr{border:0;border-top:1px solid #DDD;margin:3px 0}
.dl-right.dl-loading{opacity:.55;transition:opacity .15s}