/* City Top Tailors - UI stylesheet. Path: assets/style.css */
:root{--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--r:12px;color-scheme:light;--bg:#fafafa;--card:#fff;--sb:#fff;--fg:#09090b;--mfg:#71717a;--bd:#e4e4e7;--ib:#d4d4d8;--mut:#f4f4f5;--pri:#18181b;--prifg:#fafafa;--ring:#71717a;--dng:#dc2626;--dngbg:rgba(220,38,38,.07);--ok:#16a34a;--okbg:rgba(22,163,74,.07);--sh:0 1px 2px rgba(0,0,0,.04)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#09090b;--card:#0c0c0f;--sb:#09090b;--fg:#fafafa;--mfg:#a1a1aa;--bd:#27272a;--ib:#27272a;--mut:#18181b;--pri:#fafafa;--prifg:#18181b;--ring:#d4d4d8;--dng:#f87171;--dngbg:rgba(248,113,113,.1);--ok:#4ade80;--okbg:rgba(74,222,128,.08);--sh:none}}
:root[data-theme=dark]{color-scheme:dark;--bg:#09090b;--card:#0c0c0f;--sb:#09090b;--fg:#fafafa;--mfg:#a1a1aa;--bd:#27272a;--ib:#27272a;--mut:#18181b;--pri:#fafafa;--prifg:#18181b;--ring:#d4d4d8;--dng:#f87171;--dngbg:rgba(248,113,113,.1);--ok:#4ade80;--okbg:rgba(74,222,128,.08);--sh:none}
:root[dir=rtl]{--font:"Noto Naskh Arabic","Inter",system-ui,sans-serif}
:root[dir=rtl] *{letter-spacing:0!important}
*,*::before,*::after{box-sizing:border-box}
*{scrollbar-width:thin;scrollbar-color:var(--bd) transparent}
body{margin:0;display:flex;min-height:100vh;background:var(--bg);color:var(--fg);font:15px/1.55 var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
:root[dir=rtl] body{line-height:1.8}
::selection{background:var(--fg);color:var(--bg)}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
p{margin:0 0 8px}
/* layout */
aside{width:248px;flex:none;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:16px 12px;background:var(--sb);border-inline-end:1px solid var(--bd)}
.logo{display:flex;align-items:center;gap:12px;padding:4px 12px 20px;font:600 15px/1.2 var(--font)}
.mk{flex:none;width:32px;height:32px;border-radius:8px;background:var(--pri);position:relative;display:block}
.mk::after{content:"";position:absolute;inset:7px;background:var(--prifg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12M20 4 8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12M20 4 8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/svg%3E") center/contain no-repeat}
aside a{display:flex;align-items:center;gap:12px;height:36px;padding:0 12px;border-radius:8px;color:var(--mfg);font:500 14px/1 var(--font);cursor:pointer;transition:background-color .15s,color .15s}
aside a::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
aside a:hover{background:var(--mut);color:var(--fg)}aside a.on{background:var(--mut);color:var(--fg)}
aside a[data-p=lang]{margin-top:auto}
aside .out small{margin-inline-start:auto;max-width:96px;overflow:hidden;text-overflow:ellipsis;font-size:12px;opacity:.8}
[data-p=dash]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/svg%3E")}[data-p=new]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8M12 8v8'/%3E%3C/svg%3E")}[data-p=customers]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}[data-p=pending]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E")}[data-p=delivered]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E")}[data-p=acc]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/svg%3E")}[data-p=emps]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='5'/%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3C/svg%3E")}[data-p=reports]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16M18 17V9M13 17V5M8 17v-3'/%3E%3C/svg%3E")}[data-p=lang]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/svg%3E")}[data-p=theme]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E")}[data-p=acct]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}[data-p=out]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
main{flex:1;min-width:0;padding:32px 40px 64px}main>*{max-width:1280px;margin-inline:auto}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}
.card .top{margin-bottom:12px}
h1{margin:0;font:600 24px/1.2 var(--font);letter-spacing:-.025em}
.ct{margin:0;font:600 16px/1.3 var(--font)}
h3{margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--bd);font:600 12px/1.2 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--mfg)}
.card>h3:first-child{margin-top:0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);padding:24px;margin-bottom:24px;box-shadow:var(--sh);overflow-x:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.searchbar{display:flex;gap:8px;margin-bottom:24px}
#gs{flex:0 1 480px;padding-inline-start:38px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 12px center/16px}
:root[dir=rtl] #gs{background-position:right 12px center}
/* controls */
label{display:block;margin:0 0 6px;font:500 13px/1.2 var(--font);color:var(--mfg)}
input,select{width:100%;height:38px;padding:0 12px;background:transparent;color:var(--fg);border:1px solid var(--ib);border-radius:8px;font:400 14px/1 var(--font);transition:border-color .15s,box-shadow .15s}
input::placeholder{color:var(--mfg);opacity:.75}
input:hover,select:hover{border-color:var(--mfg)}
input:focus,select:focus{outline:0;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 22%,transparent)}
input:disabled{background:var(--mut);color:var(--mfg);cursor:not-allowed}
select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-inline-end:32px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px}
:root[dir=rtl] select{background-position:left 10px center}
select option{background:var(--card);color:var(--fg)}
td select{width:auto;height:30px;font-size:13px;border-radius:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:var(--pri);color:var(--prifg);font:500 14px/1 var(--font);white-space:nowrap;cursor:pointer;transition:opacity .15s,background-color .15s,border-color .15s}
.btn:hover{opacity:.88}.btn:active{transform:translateY(1px)}
.btn.g{background:transparent;color:var(--fg);border-color:var(--ib)}.btn.g:hover{background:var(--mut);opacity:1}
.btn.r{background:transparent;color:var(--dng);border-color:color-mix(in srgb,var(--dng) 35%,transparent)}.btn.r:hover{background:var(--dngbg);opacity:1}
.btn.s{height:30px;padding:0 10px;font-size:13px;border-radius:6px}
.btn+.btn,.btn+select,select+.btn{margin-inline-start:4px}
/* data */
table{width:100%;border-collapse:collapse;font-size:14px}
th{padding:10px 12px;text-align:start;font:500 12px/1.2 var(--font);letter-spacing:.04em;text-transform:uppercase;color:var(--mfg);border-bottom:1px solid var(--bd);white-space:nowrap}
td{padding:12px;border-bottom:1px solid var(--bd);white-space:nowrap;vertical-align:middle}
tr:last-child td{border-bottom:0}
th:first-child,td:first-child{border-inline-start:3px solid transparent}
tr:hover td{background:var(--mut)}
tr.late td,tr.late:hover td{background:var(--dngbg)}tr.late td:first-child{border-inline-start-color:var(--dng)}
tr.done td,tr.done:hover td{background:var(--okbg)}tr.done td:first-child{border-inline-start-color:var(--ok)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.stats div{display:flex;flex-direction:column-reverse;gap:8px;padding:20px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh)}
.stats b{font:600 28px/1.1 var(--font);letter-spacing:-.02em}.stats span{font-size:13px;color:var(--mfg)}
.empty{padding:40px 16px;text-align:center;color:var(--mfg);font-size:14px}
.note{padding:10px 14px;margin-bottom:16px;border:1px solid var(--bd);border-radius:8px;background:var(--mut);color:var(--mfg);font-size:13px}
.err{margin-bottom:16px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--dng) 35%,transparent);border-radius:8px;background:var(--dngbg);color:var(--dng);font-size:13px}
small{font-size:12px;color:var(--mfg)}
/* login */
.login{width:min(400px,calc(100% - 32px));margin:auto;padding:32px;background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh)}
.brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px;text-align:center}
.brand .mk{width:44px;height:44px;border-radius:12px}.brand .mk::after{inset:11px}
.brand h2{margin:8px 0 0;font:600 20px/1.2 var(--font);letter-spacing:-.02em}.brand p{margin:0;color:var(--mfg);font-size:14px}
.login br{display:none}.login input{margin-bottom:16px}.login .btn{height:40px}
.login p a{color:var(--mfg);font-size:13px;text-decoration:underline;text-underline-offset:3px}
/* print preview + slips */
#pr{display:none}#pr.show{display:block;position:fixed;inset:0;overflow:auto;background:#27272a;z-index:50;padding:16px}
.ptb{max-width:210mm;margin:0 auto 12px;display:flex;gap:8px}
.sheet{color-scheme:light;--bg:#fafafa;--card:#fff;--sb:#fff;--fg:#09090b;--mfg:#71717a;--bd:#e4e4e7;--ib:#d4d4d8;--mut:#f4f4f5;--pri:#18181b;--prifg:#fafafa;--ring:#71717a;--dng:#dc2626;--dngbg:rgba(220,38,38,.07);--ok:#16a34a;--okbg:rgba(22,163,74,.07);--sh:0 1px 2px rgba(0,0,0,.04);background:#fff;color:#000;width:210mm;min-height:297mm;margin:auto;padding:12mm;font-size:14px}
.sheet table{font-size:12px}.sheet th,.sheet td{color:#000}.sheet tr:hover td{background:transparent}
.slip{width:50%;padding:0 8px;font-family:Calibri,Arial,sans-serif;color:#000}.slip h2{text-align:center;text-decoration:underline;margin:0}.slip p{margin:6px 0}.slip h4{background:#ddd;margin:10px 0 4px;padding:3px 6px}
.band{background:#666;color:#fff;font-weight:700;text-align:center;padding:6px}.box{border:2px solid #000;padding:8px;margin-top:10px}.amt{font-size:22px;font-weight:700}
.sl{width:90mm;font:14px/1.35 Calibri,Arial,sans-serif;color:#000}.sl h2{text-align:center;text-decoration:underline;margin:0 0 4px;font-size:22px;font-family:Calibri,Arial,sans-serif;letter-spacing:0}.sl .ad{text-align:center;font-size:11px;margin:2px 0}
.sl .bd{background:#666;color:#fff;font-weight:700;text-align:center;padding:5px;margin:8px 0}.sl .hd{background:#ddd;font-weight:700;text-decoration:underline;padding:4px 6px;margin:6px 0}
.sl .r{display:flex;padding:3px 6px}.sl .r>b:first-child{width:46%}.sl .cols{display:flex;gap:8px}.sl .cols>div{flex:1}.sl .dash{border-top:2px dashed #000;margin:10px 0}.sl .nt{font-size:12px;padding:0 6px}.sl .box{border:2px solid #000;padding:8px;margin-top:8px}
.two{display:flex;flex-direction:column;gap:7mm}.two .sl{width:100%;break-inside:avoid}.two .sl .r>b:first-child{width:34mm}.two .sl{font-size:13px;line-height:1.2}.two .sl h2{font-size:20px}.two .sl .r{padding:1px 6px}.two .sl .hd{margin:4px 0;padding:2px 6px}.two .sl .bd{margin:4px 0;padding:3px}.two .sl .dash{margin:6px 0}.two .sl .box{margin-top:6px;padding:6px}.sl .tc{column-count:2;column-gap:8px}.sl .tc .r{break-inside:avoid}
/* responsive */
@media (max-width:860px){body{flex-direction:column}aside{width:100%;height:auto;position:sticky;z-index:20;flex-direction:row;gap:4px;padding:8px;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--bd)}.logo{display:none}aside a{flex:none}aside a[data-p=lang]{margin-top:0;margin-inline-start:auto}aside .out small{display:none}main{padding:20px 16px 48px}.card{padding:16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{@page{size:A4;margin:12mm}:root,:root[data-theme]{color-scheme:light;--bg:#fafafa;--card:#fff;--sb:#fff;--fg:#09090b;--mfg:#71717a;--bd:#e4e4e7;--ib:#d4d4d8;--mut:#f4f4f5;--pri:#18181b;--prifg:#fafafa;--ring:#71717a;--dng:#dc2626;--dngbg:rgba(220,38,38,.07);--ok:#16a34a;--okbg:rgba(22,163,74,.07);--sh:0 1px 2px rgba(0,0,0,.04)}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}aside,.noprint,.note,.ptb{display:none!important}body{display:block;background:#fff;color:#000}main{padding:0}.card{border:0;box-shadow:none}body.ps #app{display:none!important}#pr.show{position:static!important;padding:0!important;background:#fff!important}.sheet{width:auto!important;min-height:0!important;padding:0!important}body.ps #pr{display:block;background:#fff}}

[data-p=dd]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 4h-7M10 4H3M21 12h-9M8 12H3M21 20h-5M12 20H3M14 2v4M8 10v4M16 18v4'/%3E%3C/svg%3E")}
.stats .stat{cursor:pointer;transition:border-color .15s,background-color .15s}.stats .stat:hover{border-color:var(--mfg);background:var(--mut)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border:1px solid var(--bd);border-radius:999px;background:var(--mut);font-size:13px}.chip a{cursor:pointer;color:var(--mfg)}.chip a:hover{color:var(--fg)}
.kv{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--mut)}.kv span{font-size:12px;color:var(--mfg)}.kv b{font-weight:600;font-size:15px}

/* update 3 */
.szg{display:flex;gap:8px;align-items:flex-start;margin:6px 0}.szg>div{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.szg>div:empty{display:none}
.szb{border:1.5px solid currentColor;break-inside:avoid}.szb h5{margin:0;padding:2px 6px;background:rgba(128,128,128,.22);font-size:13px;text-decoration:underline}.szb .sr{display:flex;gap:6px;padding:1px 6px;line-height:1.25}.szb .sr>b{flex:0 0 48%}.szb .sr>span{min-width:0;word-break:break-word}
.cbw{position:relative;display:block}.cbw>input{width:100%;padding-right:30px}.cbb{position:absolute;right:1px;top:1px;bottom:1px;width:28px;border:0;background:transparent;color:var(--mfg);cursor:pointer;font-size:12px;padding:0}
.cbm{position:fixed;z-index:90;max-height:240px;overflow:auto;background:var(--card);color:var(--fg);border:1px solid var(--bd);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:4px}.cbm div{padding:7px 10px;border-radius:6px;cursor:pointer;white-space:nowrap}.cbm div:hover{background:var(--mut)}
.dw{position:relative;display:block}.dw>.dtx{width:100%;padding-right:34px}.dw>.dtx.bad{border-color:var(--dng)}.dcal{position:absolute;right:1px;top:1px;bottom:1px;width:32px;border:0;background:transparent;color:var(--mfg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.dw>input[type=date]{position:absolute;left:0;bottom:0;width:100%;height:1px;opacity:0;pointer-events:none;border:0;padding:0;margin:0}
/* pagination */
.pg-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--bd)}
.pg-info{font-size:13px;color:var(--mfg)}
.pg-info b{color:var(--fg);font-weight:600}
.pg-btns{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.pg-dots{padding:0 6px;color:var(--mfg)}
.btn.disabled, .btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}
@media print{.ctc{display:none!important}}
/* A4 slips: one font size variable (--f) set by fitSlips() so the page is completely used */
.two{--f:15px;font-size:var(--f);height:270mm;display:flex;flex-direction:column;justify-content:space-between;gap:0}
.two .sl{width:100%;font-size:1em;line-height:1.22;break-inside:avoid}
.two .sl h2{font-size:1.8em;margin:0 0 .15em}
.two .sl .ad{font-size:.85em;margin:.1em 0}
.two .sl .bd{font-size:1.12em;padding:.3em;margin:.4em 0}
.two .sl .hd{font-size:1em;padding:.2em .5em;margin:.35em 0}
.two .sl .r{padding:.12em .5em}
.two .sl .r>b:first-child{width:9em}
.two .sl .box{font-size:.95em;padding:.5em .65em;margin-top:.45em}
.two .sl .nt{font-size:.92em;padding:0 .5em}
.two .sl .dash{margin:.4em 0}
.two .sl .szg{gap:.5em;margin:.4em 0;align-items:stretch}
.two .sl .szg>div{gap:.4em}
.two .sl .szb{display:flex;flex-direction:column}
.two .sl .szb h5{font-size:.95em;padding:.15em .5em}
.two .sl .szb .sr{flex:1;align-items:center;font-size:1em;padding:.05em .5em;line-height:1.2}
.two .sl .urn{margin-top:.35em;font-weight:700;font-size:1.08em;line-height:1.6;text-align:right;font-family:"Noto Naskh Arabic","Noto Nastaliq Urdu","Jameel Noori Nastaleeq","Segoe UI",Tahoma,Arial,sans-serif}
.sl .urn{direction:rtl;text-align:right}
/* size boxes: long lists run in 2 columns so text can be bigger */
.szb .rows{display:flex;flex-direction:column;flex:1}
.szb.c2 .rows{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--n),1fr);column-gap:.6em}
.szb.c2 .sr>b{flex:0 0 50%}
.szg.w2>div:first-child{flex:1.7}
/* comments row inside each size box */
.szb .cm{flex:none;padding:.3em .5em;border-top:1px solid currentColor;line-height:1.3;word-break:break-word;overflow-wrap:anywhere}
.szb .cm b{text-decoration:underline}
/* ===== New Order: searchable customer picker ===== */
.csw{position:relative}
.csw::after{content:"";position:absolute;inset-inline-end:14px;top:15px;width:7px;height:7px;border:solid var(--mfg);border-width:0 2px 2px 0;transform:rotate(45deg);pointer-events:none}
.csb{width:100%;height:38px;padding:0 32px 0 12px;text-align:start;background:transparent;color:var(--fg);border:1px solid var(--ib);border-radius:8px;font:400 14px/1 var(--font);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.csp{position:absolute;z-index:60;top:42px;inset-inline-start:0;width:max(100%,340px);background:var(--card);border:1px solid var(--ib);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:8px}
.csp[hidden]{display:none}
.csp input{margin-bottom:6px}
.csl{max-height:320px;overflow:auto}
.cso{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}
.cso:hover{background:var(--mut)}

/* ===== A4 print: 3 pages (Unit p1, Unit p2, Customer p3) ===== */
.two{height:auto;display:block}
.two .pg{box-sizing:border-box;background:#fff;min-height:269mm;margin:0 0 8mm;border-bottom:1px dashed #bbb}
.two .sl{box-sizing:border-box;line-height:1.12}
.two .sl h2{margin:0;line-height:1.1}
.two .sl .ad{margin:0}
.two .sl .bd{margin:.2em 0;padding:.12em .3em}
.two .sl .hd{margin:.2em 0;padding:.1em .5em}
.two .sl .box{margin-top:.25em;padding:.3em .6em}
.two .sl .dash{margin:.2em 0}
.two .sl p{line-height:1.12}
.two .sl .r{padding:var(--rp,.05em) .5em}
.two .sl .r>b:first-child{width:6.4em}
.two .sl .r>span:last-child,.two .sl .r u{white-space:nowrap;font-weight:600}
.two .sl [style*="float:right"]{width:44mm!important;margin:.2em .4em!important}
.two .sl [style*="float:right"] svg{width:100%;height:auto;display:block}
.two .sl .szg,.two .sl .szg.w2{flex-direction:column;align-items:stretch;margin:.2em 0;gap:.4em}
.two .sl .szg>div{flex:none}
.two .sl .szb{flex:none!important}
.two .sl .szb h5{padding:.08em .5em}
.two .sl .szb .rows,.two .sl .szb.c2 .rows{display:block}
.two .sl .szb .sr{flex:none;padding:var(--rp,.04em) .5em;line-height:1.1;font-weight:700}
.two .sl .szb .sr>b{flex:0 0 6.6em!important;min-width:0!important;white-space:nowrap}
.two .sl .szb .sr>span{flex:1;font-weight:700;word-break:normal!important;overflow-wrap:normal!important}
.two .idr{display:flex;gap:.35em;margin:.25em 0}
.two .idb{border:1.5px solid currentColor;padding:.12em .4em;min-width:0;font-weight:700;word-break:break-word}
.two .idb.idi{flex:0 0 auto}.two .idb:not(.idi){flex:1}
@media print{.two .pg{height:271mm;min-height:0;overflow:hidden;margin:0;border:0;break-after:page;page-break-after:always;break-inside:auto}.two .pg:last-child{break-after:auto;page-break-after:auto}}
.two .sl .szb .cm{font-weight:700;padding:var(--rp,.3em) .5em}
.two .sl .tc{column-count:1!important}
.two .sl .tc .r>span:last-child{white-space:normal}

/* ===== Select checkboxes + Download menu ===== */
.exbar{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;margin-inline-end:8px}
.exinfo{font-size:13px;color:var(--mfg)}
.exdl{position:relative;display:inline-block}
.exmenu{position:absolute;inset-inline-end:0;top:100%;margin-top:6px;z-index:70;min-width:210px;background:var(--card);border:1px solid var(--ib);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:6px;display:flex;flex-direction:column;gap:2px}
.exmenu[hidden]{display:none}
.exopt{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:2px;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--fg);cursor:pointer;font:600 14px/1.2 var(--font)}
.exopt small{font-weight:400;color:var(--mfg);font-size:12px}
.exopt:hover{background:var(--mut)}
th.exc,td.exc{width:40px;min-width:40px;text-align:center;padding-inline:8px}
input.exrow,input.exall{width:18px;height:18px;padding:0;margin:0;accent-color:var(--pri);cursor:pointer;border-radius:4px}
tr.exsel td{background:var(--mut)}
.cust-rep-item.exsel{outline:2px solid var(--pri)}
.excard{display:inline-flex;align-items:center;margin-inline-end:10px}
.exmaster{display:flex;gap:8px;align-items:center;margin:0 0 12px;font-weight:600;cursor:pointer}
.extoast{position:fixed;inset-inline-end:20px;bottom:20px;z-index:200;background:var(--pri);color:var(--prifg);padding:10px 16px;border-radius:10px;font:600 14px var(--font);box-shadow:0 6px 20px rgba(0,0,0,.25)}
.exbar [hidden]{display:none!important}