/* =====================================================================
   Теми на интерфейса (html[data-theme]):
   inflow   – INFLOW ALIKE: основният вид от app.css (нищо не се променя)
   preciqa  – като приложението PreciQA: синя горна лента, светло, MUI вид
   workwork – като таблото WorkWork: тъмно, жълт акцент, DM Sans / Space Mono
   ===================================================================== */

/* елементи, които се виждат само в някои теми */
.side .brand,.side .lbl,.hamb{display:none}
.hamb{border:0;background:none;width:36px;height:36px;border-radius:50%;place-items:center;color:inherit;margin-left:-6px;flex:none}
.hamb svg{width:22px;height:22px}

/* =====================================================================
   PreciQA
   ===================================================================== */
html[data-theme=preciqa]{
  --hf:Roboto,Arial,Helvetica,sans-serif;
  --bg:#F4F8FC; --line:#E3EAF2; --line2:#D3DEEA; --text:#1B2B3C; --text2:#40536A; --muted:#71839A;
  --side:#0F5298; --side-hi:rgba(255,255,255,.14);
}
html[data-theme=preciqa],html[data-theme=preciqa] body{font-family:Roboto,Arial,Helvetica,sans-serif}
html[data-theme=preciqa] input,html[data-theme=preciqa] select,html[data-theme=preciqa] textarea{font-family:Roboto,Arial,Helvetica,sans-serif}

/* горна синя лента вместо лента вляво */
html[data-theme=preciqa] .shell{flex-direction:column}
html[data-theme=preciqa] .side{width:auto;height:58px;flex-direction:row;align-items:center;padding:0 14px;gap:2px;background:#0F5298;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14)}
html[data-theme=preciqa] .side .logo{width:auto;height:44px;background:transparent;box-shadow:none;margin:0 14px 0 0;padding:0 6px;display:flex;gap:9px;border-radius:6px}
html[data-theme=preciqa] .side .brand{display:inline;color:#fff;font-size:19px;white-space:nowrap}
html[data-theme=preciqa] .side .brand b{font-weight:700}
html[data-theme=preciqa] .side .brand i{font-style:normal;font-weight:400;opacity:.85}
html[data-theme=preciqa] .side .ico{width:auto;height:40px;padding:0 12px;border-radius:4px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.88);--ico-in:#0F5298}
html[data-theme=preciqa] .side .ico .lbl{display:inline;font-size:14px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}
html[data-theme=preciqa] .side .ico svg{width:18px;height:18px;--ico-in:#0F5298}
html[data-theme=preciqa] .side .ico:hover{background:rgba(255,255,255,.1);color:#fff}
html[data-theme=preciqa] .side .ico.on{background:rgba(255,255,255,.14);color:#fff}
html[data-theme=preciqa] .side .ico.on svg{--ico-in:#2B6BAA}
html[data-theme=preciqa] .side .ico.on::after{left:12px;right:12px;top:auto;bottom:-9px;width:auto;height:3px;border-radius:2px;background:#66D3FA}
html[data-theme=preciqa] .side .ico.plus{background:#3C99DC;color:#fff;margin-right:8px;--ico-in:#3C99DC;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14)}
html[data-theme=preciqa] .side .ico.plus svg{--ico-in:#3C99DC}
html[data-theme=preciqa] .side .spacer{flex:1}
html[data-theme=preciqa] .side a.ico .lbl{display:none}
html[data-theme=preciqa] .fly{left:0;top:calc(100% + 9px);border-radius:4px;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}
html[data-theme=preciqa] .fly::before{left:0;top:-12px;width:100%;height:12px}
html[data-theme=preciqa] .fly .ttl,html[data-theme=preciqa] .fly .ttl a{color:#0F5298}
html[data-theme=preciqa] .main{border-radius:0;background:var(--bg)}
html[data-theme=preciqa] .top{background:transparent;height:44px}
html[data-theme=preciqa] .top .title{font-weight:500;font-size:20px;color:#0F5298}

/* бутони, табове, етикети – като MUI */
html[data-theme=preciqa] .btn{border-radius:4px;font-weight:500;border-color:rgba(15,82,152,.45);color:#0F5298;letter-spacing:.2px}
html[data-theme=preciqa] .btn:hover{background:rgba(60,153,220,.08)}
html[data-theme=preciqa] .btn.yellow{background:#3C99DC;border-color:#3C99DC;color:#fff;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}
html[data-theme=preciqa] .btn.yellow:hover{background:#2565AE;border-color:#2565AE}
html[data-theme=preciqa] .btn.ghost,html[data-theme=preciqa] .btn.red{border-color:transparent;box-shadow:none}
html[data-theme=preciqa] .btn.red{color:var(--red)}
html[data-theme=preciqa] .search,html[data-theme=preciqa] .icon-btn{border-radius:4px;border-color:#B9C9DA}
html[data-theme=preciqa] .tabs{background:none;border-radius:0;padding:0;gap:0;border-bottom:1px solid var(--line2)}
html[data-theme=preciqa] .tabs a,html[data-theme=preciqa] .tabs button{border-radius:0;padding:8px 14px;font-weight:500;text-transform:uppercase;letter-spacing:.4px;font-size:13px;color:var(--text2)}
html[data-theme=preciqa] .tabs .on{background:none;color:#0F5298;box-shadow:inset 0 -3px 0 #3C99DC}
html[data-theme=preciqa] .tabs .cnt{background:#E3F2FC}
html[data-theme=preciqa] .badge{border-radius:4px;border:0;padding:1px 7px;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:18px}
html[data-theme=preciqa] .b-teal{background:#E3F4EA}
html[data-theme=preciqa] .b-indigo,html[data-theme=preciqa] .b-blue,html[data-theme=preciqa] .b-brown{background:#D5F3FE}
html[data-theme=preciqa] .b-grey{background:#EEF1F4}
html[data-theme=preciqa] .b-red{background:#FADBD7}
html[data-theme=preciqa] .b-prog{background:linear-gradient(90deg,#BDE7FB 50%,#E8F7FE 50%)}
html[data-theme=preciqa] .badge.fill{background:currentColor}
html[data-theme=preciqa] .b-teal.fill{background:var(--teal)}
html[data-theme=preciqa] .b-indigo.fill{background:var(--indigo)}
html[data-theme=preciqa] .money{border-radius:4px}
html[data-theme=preciqa] .chip.on{border-radius:4px}

/* карти със сянка вместо рамки */
html[data-theme=preciqa] table.grid{box-shadow:0 1px 3px rgba(15,82,152,.16);border-radius:4px}
html[data-theme=preciqa] .hcard,html[data-theme=preciqa] .hub-card,html[data-theme=preciqa] .opt .card,html[data-theme=preciqa] .op-card,html[data-theme=preciqa] .insp-card,html[data-theme=preciqa] .rep .card{border:0;border-radius:4px;box-shadow:0 2px 1px -1px rgba(15,82,152,.16),0 1px 1px 0 rgba(15,82,152,.1),0 1px 3px 0 rgba(15,82,152,.12)}
html[data-theme=preciqa] .hub-card::before{width:3px}
html[data-theme=preciqa] .hub-head{background:#fff;border:0;border-radius:4px;box-shadow:0 1px 3px rgba(15,82,152,.16)}
html[data-theme=preciqa] .dhead{background:#fff;border-bottom:1px solid var(--line)}
html[data-theme=preciqa] .dnum,html[data-theme=preciqa] .party,html[data-theme=preciqa] .p-name,html[data-theme=preciqa] .hub-head h1,html[data-theme=preciqa] .home h1{font-weight:500}
html[data-theme=preciqa] .modal{border-radius:4px}
html[data-theme=preciqa] .modal h3{font-weight:500;color:#0F5298}
html[data-theme=preciqa] .split .left .it.on{background:#E3F2FC;border-left-color:#3C99DC}
html[data-theme=preciqa] .lines th{border-bottom-color:#0F5298}

/* телефон: синя горна лента с бутон за меню, без долна лента */
@media (max-width:760px){
  html[data-theme=preciqa] .top{background:#0F5298;height:54px;box-shadow:0 2px 4px rgba(0,0,0,.2)}
  html[data-theme=preciqa] .top .title{color:#fff;font-size:18px}
  html[data-theme=preciqa] .hamb{display:grid;color:#fff}
  html[data-theme=preciqa] .avatar{background:#fff;color:#0F5298}
  html[data-theme=preciqa] .mnav{display:none}
  html[data-theme=preciqa] .view{padding-bottom:env(safe-area-inset-bottom)}
  html[data-theme=preciqa] .floatbal{bottom:0}
  html[data-theme=preciqa] #toast{bottom:calc(20px + env(safe-area-inset-bottom))}
  html[data-theme=preciqa] .ms-p{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  html[data-theme=preciqa] .ms-t b{color:#0F5298}
  html[data-theme=preciqa] .tabs{flex:none}
}

/* =====================================================================
   WorkWork (тъмна)
   ===================================================================== */
html[data-theme=workwork]{
  color-scheme:dark;
  --hf:'DM Sans',system-ui,sans-serif;
  --bg:#101419; --card:#161B22; --raise:#1B212A; --line:#262C36; --line2:#2F3743;
  --text:#E8ECF1; --text2:#B4BCC8; --muted:#8A93A3; --side:#0D1015; --side-hi:#1B212A;
  --pq:#FFC20A; --pq-2:#FFD65C; --pq-3:rgba(255,194,10,.15); --pq-4:#FFC20A; --pq-5:#FFD24D;
  --teal:#17CFAA; --teal-l:rgba(23,207,170,.14); --green:#17CFAA;
  --indigo:#FFC20A; --indigo-l:rgba(255,194,10,.13);
  --blue:#5AA9FF; --blue-l:rgba(90,169,255,.14); --brown:#5AA9FF; --brown-l:rgba(90,169,255,.14);
  --purple:#B48CFF; --orange:#FF9F43; --orange-l:rgba(255,159,67,.14);
  --qc:#5AA9FF; --qc-l:rgba(90,169,255,.14); --yellow:#FFC20A; --yellow-d:#E0A800; --star:#FFC20A;
  --red:#F2554A; --red-l:rgba(242,85,74,.16);
}
html[data-theme=workwork] [data-mod]{--mod:#FFC20A;--mod-l:rgba(255,194,10,.12)}
html[data-theme=workwork] [data-mod=opt]{--mod:#B4BCC8;--mod-l:#1B212A}
html[data-theme=workwork],html[data-theme=workwork] body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif}
html[data-theme=workwork] input,html[data-theme=workwork] select,html[data-theme=workwork] textarea{font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background-color:transparent}
html[data-theme=workwork] select option{background:#161B22;color:var(--text)}
html[data-theme=workwork] ::placeholder{color:#5D6675}
/* номера и цифри – Space Mono */
html[data-theme=workwork] .n,html[data-theme=workwork] .dnum,html[data-theme=workwork] .qty,html[data-theme=workwork] .hc-n,html[data-theme=workwork] .big,html[data-theme=workwork] .bign,html[data-theme=workwork] .money,html[data-theme=workwork] .insp-ctl input,html[data-theme=workwork] .lines input.num{font-family:'Space Mono',ui-monospace,monospace}

/* широк ляв панел с надписи */
html[data-theme=workwork] .side{width:212px;align-items:stretch;padding:12px 10px;gap:3px;background:#0D1015;border-right:1px solid var(--line)}
html[data-theme=workwork] .side .logo{width:auto;height:46px;background:transparent;box-shadow:none;margin:0 0 14px;padding:0 8px;display:flex;justify-content:flex-start;gap:10px;border-bottom:1px solid var(--line);border-radius:0;padding-bottom:12px;height:auto}
html[data-theme=workwork] .side .brand{display:inline;color:#E8ECF1;font-size:19px;font-weight:700;letter-spacing:-.3px;white-space:nowrap}
html[data-theme=workwork] .side .brand i{font-style:normal;color:#FFC20A}
html[data-theme=workwork] .side .ico{width:auto;height:40px;display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:0 12px;border-radius:8px;color:#8A93A3;border:1px solid transparent;--ico-in:#0D1015}
html[data-theme=workwork] .side .ico .lbl{display:inline;font-size:14px;font-weight:500;white-space:nowrap}
html[data-theme=workwork] .side svg{width:18px;height:18px;--ico-in:#0D1015}
html[data-theme=workwork] .side .ico:hover{background:#1B212A;color:#E8ECF1}
html[data-theme=workwork] .side .ico:hover svg{--ico-in:#1B212A}
html[data-theme=workwork] .side .ico.on{background:rgba(255,194,10,.15);border-color:rgba(255,194,10,.32);color:#FFC20A}
html[data-theme=workwork] .side .ico.on svg{--ico-in:#2A2512}
html[data-theme=workwork] .side .ico.on::after{display:none}
html[data-theme=workwork] .side .ico.plus{background:#FFC20A;color:#101419;font-weight:700;margin-bottom:8px;--ico-in:#FFC20A}
html[data-theme=workwork] .side .ico.plus svg{--ico-in:#FFC20A}
html[data-theme=workwork] .fly{left:calc(100% + 12px);background:#161B22;border:1px solid var(--line);color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme=workwork] .fly .ttl,html[data-theme=workwork] .fly .ttl a{color:#FFC20A}
html[data-theme=workwork] .fly a{color:var(--text2)}
html[data-theme=workwork] .fly a:hover{background:#1B212A;color:var(--text)}
html[data-theme=workwork] .main{background:var(--bg);border-radius:0}
html[data-theme=workwork] .top{background:var(--bg);border-bottom:1px solid var(--line)}
html[data-theme=workwork] .top .title{color:var(--text);font-weight:600}
html[data-theme=workwork] .top .help{border-color:var(--muted);color:var(--muted)}
html[data-theme=workwork] .avatar{background:#FFC20A;color:#101419}
html[data-theme=workwork] .menu,html[data-theme=workwork] .ddmenu,html[data-theme=workwork] .ac .res{background:#161B22;border:1px solid var(--line);color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme=workwork] .menu a,html[data-theme=workwork] .menu button,html[data-theme=workwork] .ddmenu button{color:var(--text2)}
html[data-theme=workwork] .menu a:hover,html[data-theme=workwork] .menu button:hover,html[data-theme=workwork] .ddmenu button:hover,html[data-theme=workwork] .ac .res div:hover,html[data-theme=workwork] .ac .res div.hl{background:#1B212A}
html[data-theme=workwork] .view{background:var(--bg)}

/* бутони и контроли */
html[data-theme=workwork] .btn{background:#1B212A;border:1px solid var(--line2);color:var(--text)}
html[data-theme=workwork] .btn:hover{background:#232A35}
html[data-theme=workwork] .btn.yellow,html[data-theme=workwork] .btn.mod{background:#FFC20A;border-color:#FFC20A;color:#101419;box-shadow:0 0 18px rgba(255,194,10,.22)}
html[data-theme=workwork] .btn.yellow:hover{background:#FFD24D;border-color:#FFD24D}
html[data-theme=workwork] .btn.ghost{background:none;border-color:transparent;color:var(--text2)}
html[data-theme=workwork] .btn.ghost:hover{background:rgba(255,255,255,.05)}
html[data-theme=workwork] .btn.red{background:none;border-color:transparent;color:var(--red)}
html[data-theme=workwork] .icon-btn,html[data-theme=workwork] .search{background:#161B22;border-color:var(--line2);color:var(--text2)}
html[data-theme=workwork] .search svg{color:var(--muted)}
html[data-theme=workwork] .chip{color:var(--text2)}
html[data-theme=workwork] .chip:hover{background:rgba(255,255,255,.05)}
html[data-theme=workwork] .chip.on{background:rgba(255,194,10,.15);color:#FFC20A}
html[data-theme=workwork] .tabs{background:#161B22;border:1px solid var(--line)}
html[data-theme=workwork] .tabs a,html[data-theme=workwork] .tabs button{color:var(--text2)}
html[data-theme=workwork] .tabs .on{background:#FFC20A;color:#101419}
html[data-theme=workwork] .tabs .cnt{background:#262C36;color:var(--text2)}
html[data-theme=workwork] .tabs .on .cnt{background:rgba(16,20,25,.2);color:#101419}
html[data-theme=workwork] .toggle{background:#2F3743}
html[data-theme=workwork] .toggle::after{background:#E8ECF1}
html[data-theme=workwork] .toggle.on{background:#FFC20A}
html[data-theme=workwork] .toggle.on::after{background:#101419}

/* етикети и количества */
html[data-theme=workwork] .badge{border-width:1px;border-radius:6px}
html[data-theme=workwork] .b-teal{background:rgba(23,207,170,.12)}
html[data-theme=workwork] .b-indigo,html[data-theme=workwork] .b-prog{background:rgba(255,194,10,.12)}
html[data-theme=workwork] .b-blue,html[data-theme=workwork] .b-brown{background:rgba(90,169,255,.12)}
html[data-theme=workwork] .b-grey{color:#8A93A3;background:#1B212A}
html[data-theme=workwork] .b-red{background:rgba(242,85,74,.14)}
html[data-theme=workwork] .badge.fill{color:#101419!important}
html[data-theme=workwork] .money{background:#161B22;border-color:var(--line2);color:var(--text2)}
html[data-theme=workwork] .money.part{background:linear-gradient(90deg,rgba(255,159,67,.3) var(--p,50%),#161B22 var(--p,50%))}
html[data-theme=workwork] .money.paid{color:#101419}
html[data-theme=workwork] .qty{background:#262C36;color:var(--text)}
html[data-theme=workwork] .tag{background:rgba(90,169,255,.14);color:#8EC5FF}
html[data-theme=workwork] .svc,html[data-theme=workwork] .tiny-tag,html[data-theme=workwork] .selmini{background:#262C36;color:var(--text2)}
html[data-theme=workwork] .thumb,html[data-theme=workwork] .mo-img,html[data-theme=workwork] .p-img{background:#1B212A;color:#5D6675}
html[data-theme=workwork] .empty h2{color:var(--text2)}

/* списъци и таблици */
html[data-theme=workwork] .list-head,html[data-theme=workwork] .split .left .lh{background:var(--bg)}
html[data-theme=workwork] table.grid{background:#161B22}
html[data-theme=workwork] table.grid th{background:#161B22;color:var(--muted)}
html[data-theme=workwork] table.grid tbody tr:hover,html[data-theme=workwork] .split .left .it:hover,html[data-theme=workwork] .olink:hover{background:#1B212A}
html[data-theme=workwork] .split .left{background:#161B22;border-right-color:var(--line)}
html[data-theme=workwork] .split .left .it.on{background:rgba(255,194,10,.1);border-left-color:#FFC20A}
html[data-theme=workwork] .split .right{background:var(--bg)}
html[data-theme=workwork] .lines th{border-bottom-color:var(--line2)}
html[data-theme=workwork] .lines input.num:focus,html[data-theme=workwork] .inl:hover,html[data-theme=workwork] .inl:focus{background:#1B212A;border-color:var(--line2)}
html[data-theme=workwork] .inl:focus{border-color:#FFC20A}
html[data-theme=workwork] .lines tr .del{background:rgba(242,85,74,.15)}
html[data-theme=workwork] .ref-table td input:hover{border-color:var(--line2)}

/* детайл */
html[data-theme=workwork] .dtop{background:var(--bg);border-bottom:1px solid var(--line)}
html[data-theme=workwork] .dtop .x{background:#1B212A;color:var(--text)}
html[data-theme=workwork] .dhead{background:#161B22;border-bottom:1px solid var(--line)}
html[data-theme=workwork] .dnum{color:#FFC20A}
html[data-theme=workwork] .dnum:hover,html[data-theme=workwork] .dnum:focus{background:#1B212A}
html[data-theme=workwork] .f svg{color:var(--muted)}
html[data-theme=workwork] .dbody{background:var(--bg)}
html[data-theme=workwork] .cf label{color:var(--text2)}
html[data-theme=workwork] .cf input::placeholder{color:#5D6675}
html[data-theme=workwork] .steps{background:#161B22;border:1px solid var(--line)}
html[data-theme=workwork] .steps .s .ci{color:var(--muted)}
html[data-theme=workwork] .steps .s.on .ci{color:#101419}
html[data-theme=workwork] .steps .dash{background:var(--line2)}
html[data-theme=workwork] .remarks:hover{border-color:var(--line2)}
html[data-theme=workwork] .totals .t input{background:#1B212A;color:var(--text)}
html[data-theme=workwork] .floatbal{background:#161B22;border-color:#FFC20A}
html[data-theme=workwork] .chk{background:#2F3743}
html[data-theme=workwork] .chk.on{background:#5D6675}
html[data-theme=workwork] .shipped,html[data-theme=workwork] .panel{background:#161B22;border:1px solid var(--line)}
html[data-theme=workwork] .addr textarea{background:#1B212A;border-color:var(--line2)}
html[data-theme=workwork] .ac input{background:#161B22}
html[data-theme=workwork] .p-name{color:#FFC20A}
html[data-theme=workwork] .p-name:hover,html[data-theme=workwork] .p-name:focus{background:#1B212A}
html[data-theme=workwork] .price-row input{background:#1B212A;color:var(--text)}

/* производство */
html[data-theme=workwork] .tr{background:#161B22}
html[data-theme=workwork] .tr.BLOCKED{background:rgba(242,85,74,.12)}
html[data-theme=workwork] .tr.START,html[data-theme=workwork] .tr.CONTINUE,html[data-theme=workwork] .tr.PICK{background:rgba(255,194,10,.08);border-left-color:#FFC20A}
html[data-theme=workwork] .tr.DONE{background:rgba(23,207,170,.1)}
html[data-theme=workwork] .tr.WAIT{background:#161B22;border-left-color:#5D6675}
html[data-theme=workwork] .pill.DONE,html[data-theme=workwork] .pill.run{color:#101419}
html[data-theme=workwork] .pill.START,html[data-theme=workwork] .pill.PICK{background:rgba(255,194,10,.18);color:#FFC20A}
html[data-theme=workwork] .pill.CONTINUE{background:#1B212A;border-color:var(--line2);color:var(--text2)}
html[data-theme=workwork] .avail.ok{background:rgba(23,207,170,.12)}
html[data-theme=workwork] .avail.no{background:rgba(242,85,74,.14);color:#FF8A80}
html[data-theme=workwork] .avail.wait{background:rgba(90,169,255,.14);color:#8EC5FF}
html[data-theme=workwork] .avail i{color:#101419}
html[data-theme=workwork] .op-card,html[data-theme=workwork] .ww-sel{background:#161B22;border:1px solid var(--line)}
html[data-theme=workwork] .op-card .b{color:var(--text2)}

/* табло, страници, карти */
html[data-theme=workwork] .home h1,html[data-theme=workwork] .hcard h3,html[data-theme=workwork] .home .sub{color:var(--text)}
html[data-theme=workwork] .hcard,html[data-theme=workwork] .hub-card,html[data-theme=workwork] .opt .card,html[data-theme=workwork] .rep .card,html[data-theme=workwork] .olink,html[data-theme=workwork] .insp-card{background:#161B22;border:1px solid var(--line);box-shadow:none}
html[data-theme=workwork] .hub-card:hover{border-color:rgba(255,194,10,.4);box-shadow:0 0 20px rgba(255,194,10,.12)}
html[data-theme=workwork] .hub-head{background:#161B22;border-color:var(--line)}
html[data-theme=workwork] .hub-head .hic{color:#101419;--ico-in:#FFC20A}
html[data-theme=workwork] .hub-card .hc-a a{color:#FFC20A}
html[data-theme=workwork] .bars{border-bottom-color:var(--line2)}
html[data-theme=workwork] .rep .cats a{color:var(--text2)}
html[data-theme=workwork] .rep .cats a.on{background:#161B22;color:var(--text)}
html[data-theme=workwork] .rep .cats a span{background:#262C36}
html[data-theme=workwork] .rep .card b{color:#FFC20A}
html[data-theme=workwork] .rep .card p{color:var(--text2)}
html[data-theme=workwork] .progress{background:#262C36}

/* модали и форми */
html[data-theme=workwork] .modal-bg{background:rgba(0,0,0,.6)}
html[data-theme=workwork] .modal{background:#161B22;border:1px solid var(--line);color:var(--text);box-shadow:0 20px 60px rgba(0,0,0,.6)}
html[data-theme=workwork] .form input,html[data-theme=workwork] .form select,html[data-theme=workwork] .form textarea,html[data-theme=workwork] .sn-dlg textarea,html[data-theme=workwork] .sn-gen input,html[data-theme=workwork] .insp-ctl input{background:#101419;border-color:var(--line2);color:var(--text)}
html[data-theme=workwork] .form input:focus,html[data-theme=workwork] .form select:focus{border-color:#FFC20A}
html[data-theme=workwork] .sn-gen label{color:var(--muted)}
html[data-theme=workwork] #toast div{background:#262C36;border:1px solid var(--line2)}
html[data-theme=workwork] #toast div.e{background:var(--red);color:#fff}

/* качество, снимки, серийни номера, права */
html[data-theme=workwork] .insp-strip button,html[data-theme=workwork] .insp-okn button,html[data-theme=workwork] .qc-chip,html[data-theme=workwork] .mg-chips .chip{background:#161B22;border-color:var(--line2);color:var(--text2)}
html[data-theme=workwork] .insp-strip button.ok,html[data-theme=workwork] .insp-row.ok,html[data-theme=workwork] .qc-chip.ok{background:rgba(23,207,170,.12)}
html[data-theme=workwork] .insp-strip button.nok,html[data-theme=workwork] .insp-row.nok,html[data-theme=workwork] .qc-chip.bad{background:rgba(242,85,74,.14)}
html[data-theme=workwork] .insp-row.on{background:rgba(255,194,10,.08)}
html[data-theme=workwork] .insp-okn button.sel{color:#101419!important}
html[data-theme=workwork] .qc-chip.run,html[data-theme=workwork] .qc-chip.held{background:rgba(255,194,10,.12);color:#FFC20A}
html[data-theme=workwork] .qc-chip.warn{background:var(--orange-l);color:#FFB877}
html[data-theme=workwork] .qc-sum{background:#161B22;border-color:var(--line)}
html[data-theme=workwork] tr.qc-on td,html[data-theme=workwork] .sn-hist td{background:#1B212A}
html[data-theme=workwork] .mg-tile{background:#1B212A}
html[data-theme=workwork] .mg-chips .chip.on{background:#FFC20A;border-color:#FFC20A;color:#101419}
html[data-theme=workwork] .mg-idx{color:#101419;border-color:#101419}
html[data-theme=workwork] .sn{background:rgba(255,194,10,.12);color:#FFC20A;border-color:rgba(255,194,10,.35)}
html[data-theme=workwork] .sn-box{background:#161B22;border-color:var(--line2)}
html[data-theme=workwork] .rights-tbl th{background:#161B22;color:var(--muted);border-bottom-color:var(--line2)}
html[data-theme=workwork] .rights-tbl td{border-bottom-color:var(--line)}
html[data-theme=workwork] .rights-grid .rg-h{border-bottom-color:var(--line2)}

/* цветове, сложени направо в HTML (style="...") */
html[data-theme=workwork] [style*="color:#333"],html[data-theme=workwork] [style*="color:#222"],html[data-theme=workwork] [style*="color: #333"]{color:var(--text)!important}
html[data-theme=workwork] [style*="color:#555"],html[data-theme=workwork] [style*="color:#444"],html[data-theme=workwork] [style*="color:#666"],html[data-theme=workwork] [style*="color:#777"],html[data-theme=workwork] [style*="color:#4A5A7A"],html[data-theme=workwork] [style*="color:#3F4D6B"],html[data-theme=workwork] [style*="color:#3a3a3a"]{color:var(--text2)!important}
html[data-theme=workwork] [style*="background:#fff"],html[data-theme=workwork] [style*="background:#F6F6F6"],html[data-theme=workwork] [style*="background:#f6f6f6"],html[data-theme=workwork] [style*="background:#F1F1F1"],html[data-theme=workwork] [style*="background:#F4F4F4"],html[data-theme=workwork] [style*="background:#E4E4E4"],html[data-theme=workwork] [style*="background:#DDE3EC"],html[data-theme=workwork] [style*="background:#C9CFE6"]{background:#1B212A!important}
html[data-theme=workwork] [style*="background:#FFF6E0"]{background:rgba(255,194,10,.1)!important}
html[data-theme=workwork] [style*="linear-gradient(180deg,#EAF3FB"]{background:var(--bg)!important}
html[data-theme=preciqa] [style*="linear-gradient(180deg,#EAF3FB"]{background:linear-gradient(180deg,#E3F2FC 0,#F4F8FC 260px)!important}
html[data-theme=workwork] .dw-view{background:#fff}

/* телефон */
@media (max-width:760px){
  html[data-theme=workwork] .top{background:#0D1015}
  html[data-theme=workwork] .mnav{background:#0D1015;border-top-color:var(--line);box-shadow:none}
  html[data-theme=workwork] .mnav a,html[data-theme=workwork] .mnav button{color:#8A93A3;--ico-in:#0D1015}
  html[data-theme=workwork] .mnav .on{color:#FFC20A}
  html[data-theme=workwork] .mnav .on svg{background:rgba(255,194,10,.15);--ico-in:#2A2512}
  html[data-theme=workwork] .ms-bg{background:rgba(0,0,0,.6)}
  html[data-theme=workwork] .ms-p,html[data-theme=workwork] .ms-h{background:#161B22}
  html[data-theme=workwork] .ms-grip{background:#2F3743}
  html[data-theme=workwork] .ms-t{--ico-in:#161B22}
  html[data-theme=workwork] .ms-t a{color:#FFC20A}
  html[data-theme=workwork] .ms-i a{background:#1B212A;color:var(--text2)}
  html[data-theme=workwork] table.grid,html[data-theme=workwork] table.lines{background:none}
  html[data-theme=workwork] table.grid tbody tr,html[data-theme=workwork] table.lines tbody tr,html[data-theme=workwork] table.grid tbody tr:hover{background:#161B22;border-color:var(--line);box-shadow:none}
  html[data-theme=workwork] table.lines td input.num{background:#101419;border-color:var(--line2)}
  html[data-theme=workwork] .dtop .x{box-shadow:6px 0 8px var(--bg)}
  html[data-theme=workwork] .mbtns{background:#161B22}
}

/* =====================================================================
   INFLOW OFFLINE – като Windows приложението на inFlow (гледано 23.10.2026):
   раздели като табове горе, цветна лента по раздел, плътни таблици с линии,
   сиви релефни бутони, златист главен бутон, Segoe UI 12–13 px
   --band = цветът на лентата (бял текст върху него), --mod = по-тъмен за текст
   ===================================================================== */
html[data-theme=inflowoff]{
  --hf:'Segoe UI',Tahoma,Arial,sans-serif;
  --bg:#F4F4F4; --card:#fff; --line:#DADADA; --line2:#BDBDBD; --text:#222; --text2:#444; --muted:#777;
  --pq:#E9A93B; --pq-2:#F5C86A; --pq-3:#E3F2FC; --pq-4:#3E7CC0; --pq-5:#2D5F94;
  --yellow:#E9A93B; --yellow-d:#C98A1F;
  --band:#3C99DC;
}
html[data-theme=inflowoff] [data-mod=sales],html[data-theme=inflowoff] [data-mm=sales]{--band:#2E7FC2;--mod:#1F5E99;--mod-l:#E1EEF9}
html[data-theme=inflowoff] [data-mod=pur],html[data-theme=inflowoff] [data-mm=pur]{--band:#6C74C9;--mod:#4A51A0;--mod-l:#E8E9F7}
html[data-theme=inflowoff] [data-mod=inv],html[data-theme=inflowoff] [data-mod=mfg],html[data-theme=inflowoff] [data-mm=mfg]{--band:#1E6FB0;--mod:#0F5298;--mod-l:#E0EBF6}
html[data-theme=inflowoff] [data-mod=qc],html[data-theme=inflowoff] [data-mm=qc]{--band:#1F8A7A;--mod:#16695D;--mod-l:#DDF1EE}
html[data-theme=inflowoff] [data-mod=rep]{--band:#6B4FBB;--mod:#523A99;--mod-l:#ECE7F8}
html[data-theme=inflowoff] [data-mod=hr]{--band:#2E8B57;--mod:#20683F;--mod-l:#E2F2E8}
html[data-theme=inflowoff] [data-mod=opt],html[data-theme=inflowoff] [data-mod=int],html[data-theme=inflowoff] [data-mod=imp]{--band:#7A8190;--mod:#525967;--mod-l:#ECEDF0}
html[data-theme=inflowoff] .side .ico.plus,html[data-theme=inflowoff] [data-mm=""]{--band:#3C99DC;--mod:#2565AE;--mod-l:#E3F2FC}
html[data-theme=inflowoff],html[data-theme=inflowoff] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:13px}
html[data-theme=inflowoff] input,html[data-theme=inflowoff] select,html[data-theme=inflowoff] textarea,html[data-theme=inflowoff] button{font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:13px}

/* горе: светла ивица с табове на разделите (активният – в цвета си) */
html[data-theme=inflowoff] .shell{flex-direction:column}
html[data-theme=inflowoff] .side{width:auto;height:34px;flex-direction:row;align-items:flex-end;padding:0 6px;gap:3px;background:#F1F5F6;border-bottom:0}
html[data-theme=inflowoff] .side .logo{width:auto;height:28px;margin:0 4px 0 0;padding:0 10px;background:#0B1E33;border-radius:3px 3px 0 0;box-shadow:none;display:flex;align-items:center;gap:7px}
html[data-theme=inflowoff] .side .brand{display:inline;color:#fff;font-size:13px;white-space:nowrap}
html[data-theme=inflowoff] .side .brand i{font-style:normal;opacity:.75}
html[data-theme=inflowoff] .side .ico{width:auto;height:26px;padding:0 12px;border-radius:4px 4px 0 0;display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--band) 22%,#F1F5F6);color:#444;--ico-in:color-mix(in srgb,var(--band) 22%,#F1F5F6)}
html[data-theme=inflowoff] .side .ico .lbl{display:inline;font-size:13px;white-space:nowrap}
html[data-theme=inflowoff] .side .ico svg{width:15px;height:15px;color:var(--band);--ico-in:color-mix(in srgb,var(--band) 22%,#F1F5F6)}
html[data-theme=inflowoff] .side .ico:hover{background:color-mix(in srgb,var(--band) 45%,#F1F5F6);color:#222}
html[data-theme=inflowoff] .side .ico:hover svg{--ico-in:color-mix(in srgb,var(--band) 45%,#F1F5F6)}
html[data-theme=inflowoff] .side .ico.on,html[data-theme=inflowoff] .side .ico.plus{height:28px;background:var(--band);color:#fff}
html[data-theme=inflowoff] .side .ico.on svg,html[data-theme=inflowoff] .side .ico.plus svg{color:#fff;--ico-in:var(--band)}
html[data-theme=inflowoff] .side .ico.on::after{display:none}
html[data-theme=inflowoff] .side .spacer{flex:1}
html[data-theme=inflowoff] .side a.ico{background:none;color:#555}
html[data-theme=inflowoff] .side a.ico svg{color:#555;--ico-in:#F1F5F6}
html[data-theme=inflowoff] .side a.ico.on{background:var(--band);color:#fff}
html[data-theme=inflowoff] .side a.ico.on svg{color:#fff;--ico-in:var(--band)}
/* падащото меню – като менюто на inFlow: бледо в цвета на раздела, без закръгляне */
html[data-theme=inflowoff] .fly{left:0;top:100%;border-radius:0;background:var(--mod-l);border:1px solid #B9B9B9;box-shadow:2px 3px 8px rgba(0,0,0,.18);padding:6px 0}
html[data-theme=inflowoff] .fly::before{left:0;top:-6px;width:100%;height:6px}
html[data-theme=inflowoff] .fly .ttl,html[data-theme=inflowoff] .fly .ttl a{color:var(--mod)!important}
html[data-theme=inflowoff] .fly a{font-size:13px;padding:6px 14px;color:#333}
html[data-theme=inflowoff] .fly a:hover{background:rgba(255,255,255,.65)}
html[data-theme=inflowoff] .side .fly .fi{color:var(--band)}
html[data-theme=inflowoff] .side .fly .fi svg{--ico-in:var(--mod-l)}
html[data-theme=inflowoff] .side .fly a:hover .fi svg{--ico-in:#F7F9F8}

/* цветната лента на раздела = заглавието; долу тънка лента като статус реда */
html[data-theme=inflowoff] .main{border-radius:0;background:#fff}
html[data-theme=inflowoff] [data-mod=home],html[data-theme=inflowoff] .shell:has(.side):not(:has(.side .ico.on)) .main{--band:#3C99DC;--mod:#2565AE;--mod-l:#E3F2FC}
html[data-theme=inflowoff] .top{height:26px;padding:0 10px;background:var(--band);color:#fff}
html[data-theme=inflowoff] .top .title{color:#fff!important;font-size:14px;font-weight:600;letter-spacing:0}
html[data-theme=inflowoff] .top .saved-ind{color:rgba(255,255,255,.85)!important}
html[data-theme=inflowoff] .top .help{width:18px;height:18px;border-color:#fff;color:#fff;font-size:11px;border-width:1.4px}
html[data-theme=inflowoff] .avatar{width:20px;height:20px;font-size:11px;background:#fff;color:var(--mod)}
html[data-theme=inflowoff] .main::after{content:'';flex:none;height:8px;background:var(--band)}
html[data-theme=inflowoff] .menu,html[data-theme=inflowoff] .ddmenu,html[data-theme=inflowoff] .ac .res{border-radius:0;border:1px solid #B9B9B9;box-shadow:2px 3px 8px rgba(0,0,0,.18)}
html[data-theme=inflowoff] .menu a,html[data-theme=inflowoff] .menu button,html[data-theme=inflowoff] .ddmenu button{font-size:13px;padding:6px 14px;color:#333}
html[data-theme=inflowoff] .menu a:hover,html[data-theme=inflowoff] .menu button:hover,html[data-theme=inflowoff] .ddmenu button:hover,html[data-theme=inflowoff] .ac .res div:hover,html[data-theme=inflowoff] .ac .res div.hl{background:#E5EEF8}

/* бутони: сиви релефни; главният – златист (като Mark Paid) */
html[data-theme=inflowoff] .btn,html[data-theme=inflowoff] .icon-btn{background:linear-gradient(#FAFAFA,#DCDCDC);border:1px solid #A9A9A9;border-radius:2px;color:#222;font-weight:400;padding:3px 12px}
html[data-theme=inflowoff] .icon-btn{padding:0;width:28px;height:24px}
html[data-theme=inflowoff] .btn:hover,html[data-theme=inflowoff] .icon-btn:hover{background:linear-gradient(#FFFFFF,#E8E8E8);border-color:#888}
html[data-theme=inflowoff] .btn:active{background:linear-gradient(#D6D6D6,#EEEEEE)}
html[data-theme=inflowoff] .btn.yellow,html[data-theme=inflowoff] .btn.mod{background:linear-gradient(#FADB86,#EBAE3C);border-color:#C9921F;color:#3D2A00}
html[data-theme=inflowoff] .btn.yellow:hover,html[data-theme=inflowoff] .btn.mod:hover{background:linear-gradient(#FCE3A0,#F0BA52);border-color:#B98317}
html[data-theme=inflowoff] .btn.ghost{background:none;border-color:transparent;color:#333}
html[data-theme=inflowoff] .btn.ghost:hover{background:rgba(0,0,0,.06);border-color:transparent}
html[data-theme=inflowoff] .btn.red{background:none;border-color:transparent;color:var(--red)}
html[data-theme=inflowoff] .btn.sm{padding:2px 9px;font-size:12px}
html[data-theme=inflowoff] .icon-btn svg,html[data-theme=inflowoff] .btn svg{width:14px;height:14px}
html[data-theme=inflowoff] .search{height:24px;border:1px solid #A9A9A9;border-radius:0;background:#fff}
html[data-theme=inflowoff] .search svg{color:#777}
html[data-theme=inflowoff] .chip{border-radius:2px;color:#333;padding:4px 9px}
html[data-theme=inflowoff] .chip.on{background:var(--band);color:#fff}
/* табове – като долните табове на документа в inFlow */
html[data-theme=inflowoff] .tabs{background:none;border-radius:0;padding:0;gap:2px}
html[data-theme=inflowoff] .tabs a,html[data-theme=inflowoff] .tabs button{border-radius:0;background:#CFCFCF;color:#555;font-weight:400;padding:3px 14px}
html[data-theme=inflowoff] .tabs a:hover,html[data-theme=inflowoff] .tabs button:hover{background:#DDDDDD}
html[data-theme=inflowoff] .tabs .on,html[data-theme=inflowoff] .tabs .on:hover{background:#fff;color:#222;font-weight:700;box-shadow:inset 0 0 0 1px #BDBDBD}
html[data-theme=inflowoff] .tabs .cnt{background:#EAEAEA;color:#555;border-radius:2px}
html[data-theme=inflowoff] .tabs .on .cnt{color:#222}
/* етикети – квадратни, без „хапчета“ */
html[data-theme=inflowoff] .badge{border-radius:2px;border-width:1px;font-size:11px;font-weight:600;padding:0 6px}
html[data-theme=inflowoff] .money,html[data-theme=inflowoff] .qty,html[data-theme=inflowoff] .tag,html[data-theme=inflowoff] .pill,html[data-theme=inflowoff] .avail,html[data-theme=inflowoff] .qc-chip,html[data-theme=inflowoff] .sn{border-radius:2px}
html[data-theme=inflowoff] .money,html[data-theme=inflowoff] .qty{font-weight:600}
html[data-theme=inflowoff] .avail i{border-radius:2px}
html[data-theme=inflowoff] .toggle,html[data-theme=inflowoff] .toggle::after{border-radius:2px}

/* списъци: панел „Search“ в цвета на раздела, плътна таблица с линии */
html[data-theme=inflowoff] .view{background:#fff}
html[data-theme=inflowoff] .list-head{background:var(--mod-l);padding:8px 10px 6px;border-bottom:1px solid #C9C9C9}
html[data-theme=inflowoff] table.grid{background:#fff;border-collapse:collapse}
html[data-theme=inflowoff] table.grid th{background:var(--mod-l);color:#222;font-weight:700;font-size:12px;padding:4px 6px;border:1px solid #CFCFCF;white-space:normal;line-height:1.2}
html[data-theme=inflowoff] table.grid td{padding:2px 6px;border:1px solid #DFDFDF;font-size:12px}
html[data-theme=inflowoff] table.grid tbody tr{height:22px}
html[data-theme=inflowoff] table.grid tbody tr:hover{background:#EEF3F9}
html[data-theme=inflowoff] table.grid td .n{font-weight:400;font-size:12px}
html[data-theme=inflowoff] table.grid td .sub{font-size:11px}
html[data-theme=inflowoff] table.grid .thumb{width:20px;height:20px}
html[data-theme=inflowoff] .split .left{background:var(--mod-l);border-right:1px solid #B9B9B9}
html[data-theme=inflowoff] .split .left .lh{background:var(--mod-l);padding:8px 8px 6px}
html[data-theme=inflowoff] .split .left .it{padding:3px 8px;border-left:0;border-bottom:1px solid rgba(0,0,0,.08);font-size:12px}
html[data-theme=inflowoff] .split .left .it .n{font-weight:400}
html[data-theme=inflowoff] .split .left .it:hover{background:rgba(255,255,255,.55)}
html[data-theme=inflowoff] .split .left .it.on{background:#707070;color:#fff}
html[data-theme=inflowoff] .split .left .it.on *{color:#fff!important}
html[data-theme=inflowoff] .split .left .it.on .money,html[data-theme=inflowoff] .split .left .it.on .badge,html[data-theme=inflowoff] .split .left .it.on .qty{background:transparent;border-color:rgba(255,255,255,.7)}
html[data-theme=inflowoff] .split .right{background:#fff}

/* документ: лента с инструменти, бяла форма, квадратни полета */
html[data-theme=inflowoff] .dtop{background:#F3F5F4;border-bottom:1px solid #D5D5D5;padding:5px 10px}
html[data-theme=inflowoff] .dtop .btn{background:none;border-color:transparent;padding:2px 8px}
html[data-theme=inflowoff] .dtop .btn:hover{background:linear-gradient(#FFFFFF,#E3E3E3);border-color:#B5B5B5}
html[data-theme=inflowoff] .dtop .btn.yellow,html[data-theme=inflowoff] .dtop .btn.mod{background:linear-gradient(#FADB86,#EBAE3C);border-color:#C9921F}
html[data-theme=inflowoff] .dtop .x{border-radius:2px;background:linear-gradient(#FAFAFA,#DCDCDC);border:1px solid #A9A9A9}
html[data-theme=inflowoff] .dhead{background:#fff;border-bottom:1px solid #D5D5D5;padding:4px 12px 12px}
html[data-theme=inflowoff] .dnum{font-size:18px;font-weight:600}
html[data-theme=inflowoff] .dnum:hover,html[data-theme=inflowoff] .dnum:focus{background:#F4F4F4}
html[data-theme=inflowoff] .party{font-size:16px;font-weight:600}
html[data-theme=inflowoff] .f{font-size:13px;min-height:26px;color:#555}
html[data-theme=inflowoff] .f .v,html[data-theme=inflowoff] .inl{font-weight:400}
html[data-theme=inflowoff] .inl{border-radius:0;border-color:#C9C9C9;background:#fff;padding:2px 5px}
html[data-theme=inflowoff] .inl:hover{border-color:#999}
html[data-theme=inflowoff] .inl:focus{border-color:#3E7CC0}
html[data-theme=inflowoff] .addr{font-size:13px}
html[data-theme=inflowoff] .addr textarea,html[data-theme=inflowoff] .remarks,html[data-theme=inflowoff] .ac input{border-radius:0;border:1px solid #C9C9C9;background:#fff}
html[data-theme=inflowoff] .dbody{background:#fff;padding:10px 12px 120px}
html[data-theme=inflowoff] .cf label{font-weight:400;color:#555}
html[data-theme=inflowoff] .steps{border-radius:0;background:#E9E9E9}
html[data-theme=inflowoff] .steps .s,html[data-theme=inflowoff] .steps .s .ci{border-radius:2px}
html[data-theme=inflowoff] .lines{border-collapse:collapse}
html[data-theme=inflowoff] .lines th{font-weight:700;color:#222;font-size:12px;padding:4px 6px;border:1px solid #CFCFCF;background:#fff}
html[data-theme=inflowoff] .lines td{padding:2px 6px;border:1px solid #DFDFDF}
html[data-theme=inflowoff] .lines .pname{font-weight:400;font-size:13px}
html[data-theme=inflowoff] .lines input.num{font-weight:400;border-radius:0}
html[data-theme=inflowoff] .lines tr .del{border-radius:2px}
html[data-theme=inflowoff] .totals .t input{border-radius:0;background:#fff;border:1px solid #C9C9C9;font-weight:400}
html[data-theme=inflowoff] .floatbal{border-radius:0;background:#fff;border-color:#BDBDBD;border-width:1px;box-shadow:0 -2px 6px rgba(0,0,0,.08)}
html[data-theme=inflowoff] .shipped,html[data-theme=inflowoff] .panel{border-radius:0;background:#F3F5F4;border:1px solid #DADADA}
html[data-theme=inflowoff] .chk{border-radius:1px}
html[data-theme=inflowoff] .p-name{font-size:22px;font-weight:600;color:#222}
html[data-theme=inflowoff] .p-img,html[data-theme=inflowoff] .mo-img,html[data-theme=inflowoff] .thumb{border-radius:0;border:1px solid #DADADA;background:#fff}
html[data-theme=inflowoff] .price-row input{border-radius:0;border:1px solid #C9C9C9}
html[data-theme=inflowoff] .tr{border-radius:0;min-height:36px;border-bottom:1px solid #EAEAEA}

/* заглавия на секции – светлосини като „Basic“, „Cost and Price“ */
html[data-theme=inflowoff] .opt h3,html[data-theme=inflowoff] .hcard h3,html[data-theme=inflowoff] .modal h3,html[data-theme=inflowoff] .card h3{font-weight:400;color:#4F8FD0}

/* табло, страници, карти – плоски, с рамка */
html[data-theme=inflowoff] .hcard,html[data-theme=inflowoff] .hub-card,html[data-theme=inflowoff] .opt .card,html[data-theme=inflowoff] .op-card,html[data-theme=inflowoff] .insp-card,html[data-theme=inflowoff] .rep .card,html[data-theme=inflowoff] .qc-sum{border-radius:0;border:1px solid #D0D0D0;box-shadow:none}
html[data-theme=inflowoff] .hub-card:hover{transform:none;box-shadow:none;border-color:var(--band);background:#FCFCFC}
html[data-theme=inflowoff] .hub-card .hc-ic,html[data-theme=inflowoff] .hub-head .hic,html[data-theme=inflowoff] .op-card .h .ic{border-radius:2px}
html[data-theme=inflowoff] .hub-head{border-radius:0;background:var(--mod-l);border:1px solid #D0D0D0}
html[data-theme=inflowoff] .hub-head .hic{background:var(--band);--ico-in:var(--band)}
html[data-theme=inflowoff] .hub-head h1,html[data-theme=inflowoff] .home h1{font-weight:400;font-size:24px}
html[data-theme=inflowoff] .hub-card b{font-weight:600}
html[data-theme=inflowoff] .hub-card::before{background:var(--band)}
html[data-theme=inflowoff] .rep .cats a{border-radius:0}
html[data-theme=inflowoff] .rep .cats a.on{background:var(--mod-l)}
html[data-theme=inflowoff] .bars .bar{border-radius:0}
html[data-theme=inflowoff] .progress,html[data-theme=inflowoff] .progress div{border-radius:0}
html[data-theme=inflowoff] .olink{border-radius:0}
html[data-theme=inflowoff] [style*="linear-gradient(180deg,#EAF3FB"]{background:#fff!important}

/* прозорци – светла заглавна ивица с оранжева черта отдолу */
html[data-theme=inflowoff] .modal-bg{background:rgba(0,0,0,.3)}
html[data-theme=inflowoff] .modal{border-radius:0;border:1px solid #8E8E8E;box-shadow:3px 4px 14px rgba(0,0,0,.3);padding:0 16px 14px}
html[data-theme=inflowoff] .modal h3{margin:0 -16px 12px;padding:7px 14px;background:#F1F5F6;border-bottom:3px solid #3C99DC;font-size:15px;color:#333}
html[data-theme=inflowoff] .form label{color:#555}
html[data-theme=inflowoff] .form input,html[data-theme=inflowoff] .form select,html[data-theme=inflowoff] .form textarea,html[data-theme=inflowoff] .insp-ctl input,html[data-theme=inflowoff] .ww-sel{border-radius:0;border:1px solid #B5B5B5;padding:4px 7px}
html[data-theme=inflowoff] .form input:focus,html[data-theme=inflowoff] .form select:focus{border-color:#3E7CC0}
html[data-theme=inflowoff] #toast div{border-radius:0}
html[data-theme=inflowoff] .insp-strip button,html[data-theme=inflowoff] .insp-okn button,html[data-theme=inflowoff] .insp-row{border-radius:2px}

/* телефон: тъмна ивица + цветната лента горе, долната лента в цвета на раздела */
@media (max-width:760px){
  html[data-theme=inflowoff],html[data-theme=inflowoff] body{font-size:14px}
  html[data-theme=inflowoff] input,html[data-theme=inflowoff] select,html[data-theme=inflowoff] textarea{font-size:16px}
  html[data-theme=inflowoff] .top{height:44px;border-top:5px solid #0B1E33;box-shadow:none}
  html[data-theme=inflowoff] .top .title{font-size:17px}
  html[data-theme=inflowoff] .avatar{width:28px;height:28px;font-size:13px}
  html[data-theme=inflowoff] .main::after{display:none}
  html[data-theme=inflowoff] .mnav{background:#F1F5F6;border-top:1px solid #BDBDBD;box-shadow:none}
  html[data-theme=inflowoff] .mnav a,html[data-theme=inflowoff] .mnav button{color:#555;border-radius:0;--ico-in:#F1F5F6}
  html[data-theme=inflowoff] .mnav .on{color:var(--mod,#2565AE)}
  html[data-theme=inflowoff] .mnav .on svg{background:var(--band,#3C99DC);color:#fff;border-radius:2px;--ico-in:var(--band,#3C99DC)}
  html[data-theme=inflowoff] .ms-p{border-radius:0}
  html[data-theme=inflowoff] .ms-i a{border-radius:2px;background:#F1F5F6}
  html[data-theme=inflowoff] .search{height:36px}
  html[data-theme=inflowoff] table.grid tbody tr,html[data-theme=inflowoff] table.lines tbody tr{height:auto;border-radius:0;border-color:#CFCFCF;box-shadow:none;padding:8px 10px}
  html[data-theme=inflowoff] table.grid td,html[data-theme=inflowoff] table.lines td{border:0;padding:1px 0}
  html[data-theme=inflowoff] table.grid tbody tr:hover{background:#fff}
}

/* избор на тема (Options → Personal / Global) */
.theme-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tp{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px;border:2px solid var(--line2);border-radius:10px;background:var(--card,#fff);color:var(--text)}
.tp:hover{border-color:var(--pq)}
.tp.on{border-color:var(--pq);box-shadow:0 0 0 3px var(--pq-3)}
.tp b{font-size:14px;margin-top:6px}
.tp small{color:var(--muted);font-size:12px;line-height:1.35}
.tp-mini{display:block;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.tp-mini i{display:block;position:relative;width:100%;height:100%}
.tp-mini i i{position:absolute;display:block;width:auto;height:auto;border-radius:2px}
.tp-on{position:absolute;right:8px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--pq);color:#fff;display:grid;place-items:center}
.tp-on svg{width:13px;height:13px}
html[data-theme=workwork] .tp-on{color:#101419}

/* иконки в падащото меню и в листа „More“ */
.fly .fi{width:20px;height:20px;display:grid;place-items:center;flex:none;color:var(--pq-4);--ico-in:#fff}
.fly .fi svg{width:17px;height:17px;color:inherit}
.fly a:hover .fi{color:var(--pq);--ico-in:#EEF6FC}
.fly .ico-dot{width:22px;height:22px;flex:none}
.fly .ico-dot svg{width:13px;height:13px;color:#fff}
.ms-i a{--ico-in:#F2F5F8}
.ms-i a svg{color:var(--pq-4)}
html[data-theme=workwork] .fly .fi{color:#FFC20A;--ico-in:#161B22}
html[data-theme=workwork] .fly a:hover .fi{--ico-in:#1B212A}
html[data-theme=workwork] .ms-i a{--ico-in:#1B212A}
html[data-theme=workwork] .ms-i a svg{color:#FFC20A}
html[data-theme=preciqa] .fly .fi{color:#0F5298}
/* вътрешността на плътните иконки = фона на менюто (не цвета на лентата) */
html .side .fly .fi svg{--ico-in:#fff}
html .side .fly a:hover .fi svg{--ico-in:#EEF6FC}
html[data-theme=workwork] .side .fly .fi svg{--ico-in:#161B22}
html[data-theme=workwork] .side .fly a:hover .fi svg{--ico-in:#1B212A}