:root{--green-50:#eff6ea;--green-100:#d9ecc9;--green-200:#b7dda0;--green-300:#8fc970;--green-400:#70b36c;--green-500:#46a05a;--green-600:#2e8b57;--green-700:#1e7a46;--green-800:#165c36;--green-900:#0f3d24;--lime-200:#e8ecc0;--lime-300:#d4dc8a;--lime-400:#b9c259;--lime-500:#9ca641;--lime-600:#7c8431;--neutral-0:#fff;--neutral-50:#f7f9f5;--neutral-100:#eff2ec;--neutral-150:#e5e9df;--neutral-200:#d7dcd0;--neutral-300:#c0c7b8;--neutral-400:#97a08c;--neutral-500:#6e7768;--neutral-600:#515a4b;--neutral-700:#3a4235;--neutral-800:#262c22;--neutral-900:#15201a;--red-500:#d14338;--red-600:#bb3328;--red-wash:#fbe9e7;--amber-500:#c77f1a;--amber-700:#9a6311;--amber-800:#7f5210;--amber-wash:#fbf1df;--fg:var(--neutral-900);--fg-muted:var(--neutral-600);--fg-subtle:var(--neutral-400);--fg-primary:var(--green-700);--fg-negative:var(--red-600);--bg:#fff;--bg-alternate:var(--neutral-50);--bg-secondary:var(--neutral-100);--bg-tertiary:var(--neutral-150);--bg-inverse:var(--neutral-900);--bg-overlay:#15201a8c;--bg-primary:var(--green-700);--bg-primary-hover:var(--green-800);--bg-primary-wash:var(--green-50);--bg-negative:var(--red-500);--bg-warning:var(--amber-500);--bg-line:var(--neutral-200);--bg-line-heavy:var(--neutral-300);--st-new:#636e80;--st-printed:#1f6fbf;--st-in_progress:#a8500a;--st-technical:#6b4a9e;--st-escalated:#8f6a00;--st-ready_to_ship:#1e7a46;--st-shipped:#165c36;--st-delivered:#0f3d24;--st-cancelled:#bb3328;--stw-new:#f4f5f7;--stw-printed:#eaf3fc;--stw-in_progress:#fdf1e7;--stw-technical:#f1ecfa;--stw-escalated:#fdf8e3;--stw-ready_to_ship:#eaf4e3;--stw-shipped:#e4f0e8;--stw-delivered:#dcebe1;--stw-cancelled:#fbedea;--tkw-on_hold:#fbf3e4;--gradient-leaf:linear-gradient(135deg,#b9c259 0%,#70b36c 52%,#2e8b57 100%);--gradient-hero:linear-gradient(160deg,#f7f9f5 0%,#eaf4e3 60%,#e2f0dc 100%);--font-display:"Plus Jakarta Sans","Tajawal",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--font-ar:"Tajawal","Plus Jakarta Sans",system-ui,sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--radius-card:16px;--radius-control:10px;--shadow-xs:0 1px 2px #15201a0f;--shadow-card:0 1px 3px #15201a0d,0 10px 28px #15201a0f;--shadow-lg:0 16px 40px #15201a1f,0 4px 10px #15201a0d;--shadow-pop:0 12px 32px #15201a29;--ring-focus:0 0 0 3px var(--green-600);--d-fast:.12s;--d-base:.2s;--ease:cubic-bezier(.2,0,0,1);--wrap-max:1240px;--topbar-bg:#f2f7ee;--topbar-line:#d2e0c8;--topbar-fg:#15201a;--topbar-muted:#5a6b5c;--topbar-chip-bg:#fff;--topbar-chip-fg:#165c36;--topbar-field-line:#cedcc4;--topbar-hover:#165c360f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ar);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;line-height:1.6}@media screen{html{scrollbar-gutter:stable}}.mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:embed;display:inline-block}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit}svg{flex-shrink:0}#login{inset:0;top:var(--strip-h,0px);background:var(--gradient-hero);z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;overflow-y:auto}#login .box{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-xl);width:100%;max-width:900px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.loginAside{background:linear-gradient(135deg,var(--lime-400),var(--green-400));color:var(--neutral-900);flex-direction:column;gap:16px;padding:24px;display:flex}.loginAside .logo-w{filter:brightness(0);width:150px;max-width:56%;height:auto;display:block}.loginAside .eyebrow{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--neutral-900);font-weight:700}.loginAside .aside-h{font-family:var(--font-display);text-wrap:balance;margin-top:12px;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.25}.loginAside .aside-sub{font-size:var(--fs-base);color:var(--neutral-900);max-width:34ch;min-height:3.2em;margin-top:12px;line-height:1.8}.loginAside .aside-foot{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--neutral-900);align-items:center;gap:12px;font-weight:600;display:flex}.loginAside .aside-foot .rule{background:var(--lime-400);border-radius:2px;flex:none;width:26px;height:2px}.loginMain{flex-direction:column;justify-content:center;padding:32px 24px;display:flex}.loginMain>*{width:100%;max-width:330px;margin-inline:auto}.mainhead{text-align:center;margin-bottom:24px}.mainhead .mh-title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--fg);font-weight:700}.mainhead .sub{font-size:var(--fs-md);color:var(--fg-muted);margin-top:4px;line-height:1.6}@media (width<=640px){.loginAside{gap:12px;padding:24px}.loginAside .aside-foot{display:none}}@media (width>=820px){#login .box{flex-direction:row;min-height:520px}.loginAside{flex:1.12 1 0;justify-content:space-between;padding:44px 40px}.loginMain{flex:1 1 0;padding:44px 40px}}.userlist{border-top:1px solid var(--bg-line);flex-direction:column;display:flex}.urow{border:none;border-bottom:1px solid var(--bg-line);text-align:right;width:100%;transition:background var(--d-fast) var(--ease);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 12px 6px;display:flex;position:relative}.urow:before{content:"";background:var(--lime-400);opacity:0;width:3px;transition:opacity var(--d-fast) var(--ease);border-radius:3px;position:absolute;top:9px;bottom:9px;right:-4px}.urow:hover{background:var(--bg-primary-wash)}.urow:hover:before,.urow:focus-visible:before{opacity:1}button:focus-visible,a:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.urow:focus-visible{outline:2px solid var(--green-600);outline-offset:2px;border-radius:var(--radius-sm)}.urow .un{font-weight:600;font-size:var(--fs-base);line-height:1.3}.urow .arw{color:var(--bg-line-heavy);flex:none}.pwbox{display:none}.pwbox.on{display:block}.pwbox .who-row{background:var(--bg-primary-wash);border:1px solid var(--green-100);border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.pwbox .who-row .un{font-weight:700;font-size:var(--fs-base)}.pwbox .who-row .ch{color:var(--fg-primary);font-size:var(--fs-sm);background:0 0;padding:2px;font-weight:600;text-decoration:underline}.pwbox label{font-size:var(--fs-sm);color:var(--fg);margin-bottom:6px;font-weight:600;display:block}.pwbox input{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);width:100%;font-size:var(--fs-lg);font-family:var(--font-mono);background:var(--bg);color:var(--fg);letter-spacing:.34em;text-align:center;padding:12px}.pwbox input::placeholder{color:var(--bg-line-heavy);letter-spacing:.3em}.pwbox input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.pwbox .go{background:var(--bg-primary);color:#fff;border-radius:var(--radius-control);width:100%;font-size:var(--fs-base);font-weight:700;font-family:var(--font-ar);margin-top:12px;padding:12px}.pwbox .go:hover{background:var(--bg-primary-hover)}.pwbox .go:active{transform:translateY(1px)scale(.99)}.pwbox .go:disabled{background:var(--bg-tertiary);color:var(--fg-subtle)}.pwbox .err{color:var(--fg-negative);font-size:var(--fs-sm);text-align:center;margin-top:8px;font-weight:600;display:none}.pwbox .err.on{display:block}.topbar{background:var(--topbar-bg);color:var(--topbar-fg);border-bottom:1px solid var(--topbar-line);height:56px;top:var(--strip-h,0px);z-index:60;align-items:center;gap:16px;padding:0 16px;display:flex;position:sticky}.topbar .brand{direction:ltr;flex:none;align-items:center;gap:8px;display:flex}.topbar .brand img{width:auto;height:34px;display:block}.tabs{flex:1;gap:2px;display:flex;overflow-x:auto}.tabs a{color:var(--topbar-muted);border-radius:var(--radius-control);font-size:var(--fs-md);white-space:nowrap;transition:all var(--d-fast) var(--ease);background:0 0;align-items:center;gap:8px;padding:10px 12px;font-weight:700;text-decoration:none;display:inline-flex}.tabs a:not([aria-current]):hover{background:var(--topbar-hover);color:var(--topbar-fg)}.tabs a[aria-current]{background:var(--topbar-chip-bg);color:var(--topbar-chip-fg)}.tabs a:focus-visible{outline-offset:-2px}.tabs .badge,.who .badge{font-family:var(--font-mono);font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--lime-400);min-width:18px;color:var(--neutral-900);text-align:center;padding:0 4px;font-weight:700;line-height:16px}.updated{color:var(--fg-muted);font-size:var(--fs-xs)}fieldset.bare{border:0;min-width:0;margin:0;padding:0}.topsearch input{width:220px;min-width:0;height:34px;font-size:var(--fs-md);border:1px solid var(--topbar-field-line);border-radius:var(--radius-control);background:var(--topbar-chip-bg);color:var(--topbar-fg);padding:0 12px}.topsearch input::placeholder{color:var(--topbar-muted)}.topsearch input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.who{white-space:nowrap;align-items:center;gap:8px;display:flex}.who .nm{font-size:var(--fs-base);color:var(--topbar-fg);align-items:center;gap:6px;font-weight:600;display:inline-flex}.who .role{font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--topbar-chip-bg);color:var(--topbar-chip-fg);padding:2px 8px;font-weight:700;line-height:16px}.who a,.who button{border-radius:var(--radius-sm);min-height:32px;color:var(--topbar-muted);font-size:var(--fs-sm);background:0 0;justify-content:center;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;display:inline-flex}.who button{border:1px solid var(--topbar-field-line)}.who a{width:32px;padding:0}.who a:hover,.who button:hover{background:var(--topbar-hover);color:var(--topbar-fg)}.who .bell{border:0;width:32px;padding:0;position:relative}.who .bell .badge{top:-4px;position:absolute;inset-inline-end:-6px}.mnlist{flex-direction:column;gap:8px;display:flex}.mn{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);color:inherit;padding:8px 12px;text-decoration:none;display:block}.mn:hover{border-color:var(--green-300)}.mn.unread{background:var(--bg-primary-wash);border-color:var(--green-200)}.mn.unread .cm-h b:before{content:"";background:var(--green-600);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.mn-b{font-size:var(--fs-md);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.wrap{max-width:var(--wrap-max);margin:0 auto;padding:24px 24px 72px}.screen{display:none}.screen.on{display:block}.h.hsplit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.h h1,.h h2{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700}.h p{color:var(--fg-muted);font-size:var(--fs-base);margin-top:2px}.card{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:16px}.pill{font-size:var(--fs-sm);border-radius:var(--radius-pill);background:var(--bg-primary-wash);color:var(--green-700);border:1px solid var(--green-100);padding:3px 12px;font-weight:600;display:inline-block}.pill.new{color:var(--st-new);background:var(--stw-new);border-color:color-mix(in srgb,var(--st-new) 25%,white)}.pill.print,.pill.inspecting{color:var(--st-printed);background:var(--stw-printed);border-color:color-mix(in srgb,var(--st-printed) 25%,white)}.pill.work,.pill.repairing{color:var(--st-in_progress);background:var(--stw-in_progress);border-color:color-mix(in srgb,var(--st-in_progress) 25%,white)}.pill.tech{color:var(--st-technical);background:var(--stw-technical);border-color:color-mix(in srgb,var(--st-technical) 25%,white)}.pill.esc{color:var(--st-escalated);background:var(--stw-escalated);border-color:color-mix(in srgb,var(--st-escalated) 25%,white)}.pill.on_hold{color:var(--st-escalated);background:var(--tkw-on_hold);border-color:color-mix(in srgb,var(--st-escalated) 25%,white)}.pill.ready{color:var(--st-ready_to_ship);background:var(--stw-ready_to_ship);border-color:color-mix(in srgb,var(--st-ready_to_ship) 25%,white)}.pill.delivered{color:var(--st-delivered);background:var(--stw-delivered);border-color:color-mix(in srgb,var(--st-delivered) 25%,white)}.pill.ship,.pill.handed_over{color:var(--st-shipped);background:var(--stw-shipped);border-color:color-mix(in srgb,var(--st-shipped) 25%,white)}.pill.due{color:#5e6524;background:var(--lime-200);border-color:#d7d9c8}.pill.paid{background:var(--green-700);color:#fff;border-color:var(--green-700)}.pill.cancel,.pill.rejected{color:var(--st-cancelled);background:var(--stw-cancelled);border-color:color-mix(in srgb,var(--st-cancelled) 25%,white)}.pill.deliv{background:var(--neutral-100);color:var(--fg);border-color:var(--bg-line)}.pill.ok{color:var(--green-700);background:var(--green-50);border-color:var(--green-100)}.pill.no{color:var(--red-600);background:var(--red-wash);border-color:color-mix(in srgb,var(--red-600) 25%,white)}.pill.none{color:var(--fg-muted);background:var(--neutral-100);border-color:var(--bg-line)}.pill.wait{color:var(--amber-800);background:var(--amber-wash);border-color:#ebd9a6}.pill.sm{font-size:var(--fs-xs)}.h1-sm,.h h1.h1-sm,.h h2.h1-sm{font-size:var(--fs-lg)}.muted{color:var(--fg-muted)}.muted-sm{font-size:var(--fs-sm);color:var(--fg-muted)}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.btn{background:var(--bg-primary);color:#fff;border-radius:var(--radius-control);min-height:40px;line-height:1.2;font-size:var(--fs-md);transition:all var(--d-fast) var(--ease);border:1.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--bg-primary-hover)}.btn:active{transform:translateY(1px)scale(.99)}.btn.ghost{background:var(--bg);color:var(--green-700);border:1.5px solid var(--bg-line-heavy)}.btn.ghost:hover{background:var(--bg-primary-wash);border-color:var(--green-400)}.btn.amber{background:var(--amber-700)}.btn.amber:hover{background:var(--amber-800)}.btn.sm{min-height:32px;font-size:var(--fs-sm);padding:6px 12px}.line-acts{grid-auto-columns:1fr;grid-auto-flow:column;align-items:stretch;gap:8px;display:inline-grid}.btn:disabled{background:var(--bg-tertiary);color:var(--fg-subtle);cursor:not-allowed;transform:none}.btn.ghost:disabled{background:var(--bg-alternate);color:var(--fg-subtle);border-color:var(--bg-line)}.btn.urgent-on{background:var(--bg-negative)}.btn.urgent-on:hover{background:var(--red-600)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);padding:12px 16px}.kpi .n{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.kpi .l,.kpi .s{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:2px}.kpis.owner .n{font-size:var(--fs-xl)}.kpi.alert{background:var(--red-wash);border-color:#f2cfcb}.kpi.alert .n{color:var(--red-600)}.kpi.newkpi{background:var(--bg-primary-wash);border-color:var(--green-100)}.kpi.newkpi .n{color:var(--green-700)}.tblwrap{border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto}.tbl{border-collapse:collapse;background:var(--bg);width:100%}.tbl th{background:var(--bg-alternate);font-size:var(--fs-xs);color:var(--fg-muted);text-align:right;white-space:nowrap;border-bottom:1px solid var(--bg-line);padding:12px 8px;font-weight:700}.tbl td{font-size:var(--fs-sm);border-bottom:1px solid var(--neutral-100);vertical-align:middle;padding:12px 8px}.tbl tr:last-child td{border-bottom:none}.tbl .id{font-family:var(--font-mono);color:var(--green-700);font-weight:700}.tbl .nm{font-weight:600}.tbl .muted{color:var(--fg-muted);font-size:var(--fs-xs)}.gm{text-overflow:ellipsis;white-space:nowrap;max-width:160px;color:var(--fg-muted);font-size:var(--fs-xs);overflow:hidden}.warn{color:var(--red-600);font-weight:700}.note-flag{background:var(--amber-wash);color:var(--amber-800);border-radius:var(--radius-sm);font-size:var(--fs-xs);border:1px solid #ebd9a6;margin-top:3px;padding:1px 8px;display:inline-block}.newdot{background:var(--green-600);vertical-align:middle;width:8px;height:8px;box-shadow:0 0 0 3px var(--green-100);border-radius:50%;margin-inline-end:6px;display:inline-block}.urg-tag{background:var(--red-wash);color:var(--red-600);border-radius:var(--radius-pill);font-size:var(--fs-xs);border:1px solid #f2cfcb;margin-inline-end:4px;padding:1px 8px;font-weight:700;display:inline-block}.linkish{color:var(--green-700);cursor:pointer;font-weight:600;font-size:var(--fs-sm);background:0 0;text-decoration:underline}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.toolbar input,.toolbar select{font-size:var(--fs-md);border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);background:var(--bg);color:var(--fg);padding:8px 12px}.toolbar input:focus,.toolbar select:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.toolbar input{min-width:250px}.toolbar input,.toolbar select,.btoolbar input,.f input,.f select,.toolbar .btn,.btoolbar .btn{min-height:40px}.detail{grid-template-columns:1.45fr 1fr;gap:16px;display:grid}#oRight{margin-bottom:16px}.blk h4{font-size:var(--fs-xs);color:var(--fg-muted);border-bottom:1px solid var(--bg-line);margin-bottom:12px;padding-bottom:8px;font-weight:700}.blk h4.hact{justify-content:space-between;align-items:center;gap:8px;display:flex}.blk h4.hact .btn{margin-block:-8px}.kv{font-size:var(--fs-md);grid-template-columns:112px 1fr;gap:6px 12px;margin-bottom:16px;display:grid}.kv .k{color:var(--fg-muted)}.kv .v{font-weight:600}.help .blk{margin-bottom:24px}.help p{margin-bottom:8px}.help .kv .v{font-weight:400}.help .blk p{font-size:var(--fs-md)}.dev-card{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.dev-card .dh{font-weight:700;font-size:var(--fs-md);justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.dev-card .games-line{font-size:var(--fs-sm);color:var(--fg-muted)}.actions{flex-direction:column;gap:8px;display:flex}.actions .btn{width:100%}.next{background:var(--bg-primary-wash);border:1px solid var(--green-200);border-radius:var(--radius-md);margin-bottom:16px;padding:12px}.next h5{font-size:var(--fs-xs);color:var(--green-800);margin-bottom:8px;font-weight:700}.next .btn{width:100%;text-decoration:none}.agroup{margin-bottom:16px}.agroup:last-child{margin-bottom:0}.agroup h5{font-size:var(--fs-xs);color:var(--fg-muted);margin-bottom:8px;font-weight:700}.hist{font-size:var(--fs-sm);max-height:300px;overflow-y:auto}.hist .e{border-bottom:1px solid var(--neutral-100);gap:8px;padding:8px 0;display:flex}.hist .e:last-child{border:none}.hist .t{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--fg-muted);white-space:nowrap}.hist .w{color:var(--fg-muted)}.form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.f{flex-direction:column;gap:4px;display:flex}.f.wide{grid-column:1/-1}.f label,.f .lbl{font-size:var(--fs-sm);color:var(--fg);font-weight:600}.f input,.f select,.f textarea{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);font-size:var(--fs-md);background:var(--bg);color:var(--fg);padding:8px 12px}.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.f .err{font-size:var(--fs-xs);color:var(--fg-negative);font-weight:600;display:none}.f.bad input,.f.bad select,.f.bad textarea{border-color:var(--red-500);background:var(--red-wash)}.f.bad .err{display:block}.devrow{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);align-items:end;gap:8px;margin-bottom:8px;padding:12px;display:grid}.devrow .rm{background:var(--red-wash);color:var(--red-600);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid #f2cfcb;height:40px;padding:8px 12px;font-weight:600}.devrow .opts{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}@media (width<=640px){.devrow .opts select{min-height:44px}}dialog.modal{background:var(--bg);border-radius:var(--radius-xl);width:calc(100% - 40px);max-width:660px;max-height:90vh;box-shadow:var(--shadow-pop);border:none;margin:auto;padding:0;inset:0;overflow:hidden}dialog.modal[open]{flex-direction:column;display:flex}dialog.modal::backdrop{background:var(--bg-overlay)}.modal-body{flex:auto;min-height:0;padding:24px;overflow:hidden auto}.modal h3{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700}.modal .sub{font-size:var(--fs-md);color:var(--fg-muted);margin:3px 0 16px}.modal .foot{gap:8px;margin-top:16px;display:flex}.modal-x{z-index:3;top:12px;border-radius:var(--radius-sm);background:var(--bg);width:40px;height:40px;color:var(--fg-muted);border:1.5px solid var(--bg-line);justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-inline-end:12px}.modal-x:hover{color:var(--fg);background:var(--bg-alternate)}.modal-x:focus-visible{box-shadow:var(--ring-focus);outline:none}.modal-head{padding:24px 24px 12px;background:var(--topbar-bg);color:var(--topbar-fg);border-bottom:1px solid var(--topbar-line);flex:none;padding-inline-end:68px}.modal-head .sub{margin:3px 0 0}@media (width<=640px){.modal-x{width:44px;height:44px}}.statopts{gap:8px;display:grid}.so{border:1.5px solid var(--bg-line);border-radius:var(--radius-control);text-align:right;background:var(--bg);font-size:var(--fs-md);transition:all var(--d-fast) var(--ease);justify-content:space-between;align-items:center;padding:12px;font-weight:600;display:flex}.so:hover:not(:disabled){border-color:var(--green-400);background:var(--bg-primary-wash)}.so small{color:var(--fg-muted);font-weight:400;font-size:var(--fs-xs)}.so:disabled{opacity:1;color:var(--fg-muted);cursor:not-allowed}.done{background:var(--bg-primary-wash);border:1px solid var(--green-200);border-radius:var(--radius-md);font-size:var(--fs-md);text-align:center;color:var(--green-800);padding:16px}#toast{inset:auto;background:var(--bg-inverse);color:#fff;border-radius:var(--radius-control);font-size:var(--fs-md);z-index:150;transition:transform var(--d-base) cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-pop);border:0;margin:0;padding:12px 24px;font-weight:600;display:block;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(calc(100% + 24px))}#toast.on{transform:translate(-50%)translateY(0)}#loading{z-index:120;width:100%;height:100%;color:var(--green-700);background:#f7f9f5cc;border:0;justify-content:center;align-items:center;margin:0;padding:0;font-weight:700;display:none;position:fixed;inset:0}#loading.on{display:flex}body:has(>.staging-strip){--strip-h:32px}.staging-strip{z-index:70;height:var(--strip-h);background:var(--amber-700);color:#fff;font-size:var(--fs-md);white-space:nowrap;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-weight:700;display:flex;position:sticky;top:0}.staging-strip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.staging-strip a{color:#fff;text-underline-offset:3px;flex:none}@media print{.staging-strip{display:none}}.empty{color:var(--fg-muted);text-align:center;font-size:var(--fs-md);padding:16px}@media print{@page sticker{size:105mm 148mm;margin:6mm}body:has(#stickArea){page:sticker}:where(body:has(#stickArea)) *{visibility:hidden}#stickArea,#stickArea *{visibility:visible}#stickArea{margin:0;padding:0;position:absolute;top:0;left:0;right:0}#stickArea .btn,#stickArea>div:last-child{display:none!important}.sticker-print{width:100%!important;max-width:none!important;box-shadow:none!important;border:1px dashed #999!important;margin:0!important}.sticker-print+.sticker-print{break-before:page}.stk-dev,.pill,.bcol-chip{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (width<=900px){.detail,.form{grid-template-columns:1fr}.detail{flex-direction:column;display:flex}.detail>div{display:contents}#oRight{order:-1;margin-bottom:0}.wrap{padding:16px 16px 60px}}@media (width<=640px){.topbar{flex-wrap:wrap;justify-content:space-between;row-gap:8px;height:auto;min-height:56px;padding-block:8px;position:static}.topsearch{flex:1 0 100%;order:1}.topsearch input{width:100%;height:auto;font-size:var(--fs-lg);padding:8px 12px}.tabs{inset-inline:0;height:calc(56px + env(safe-area-inset-bottom,0px));background:var(--topbar-bg);z-index:60;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--topbar-line);flex:none;justify-content:space-around;display:flex;position:fixed;bottom:0;overflow:visible}.tabs a{font-size:var(--fs-xs);border-radius:var(--radius-sm);flex-direction:column;flex:1;justify-content:center;gap:3px;padding:6px 4px}.tabs a[aria-current]{background:var(--topbar-chip-bg);color:var(--topbar-chip-fg)}.tabs a{position:relative}.tabs .badge{top:3px;position:absolute;inset-inline-start:calc(50% + 6px)}.wrap{padding-bottom:80px}#toast{bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) translateY(calc(100% + 72px + env(safe-area-inset-bottom,0px)))}}.tbl tbody tr{background:var(--bg)}.tbl tbody tr td{background:0 0}.tbl tbody tr:hover{background:var(--bg-alternate)}.tbl tbody tr.is-urgent{background:#fef6f4}.tbl tbody tr.is-urgent:hover{background:#fdede9}.tbl tbody tr.is-urgent>td:first-child{box-shadow:inset 4px 0 0 var(--red-500)}.tbl tbody tr.stale{background:#fdf8ef}.tbl tbody tr.stale:hover{background:#fbf2e3}.tbl tbody tr.stale>td:first-child{box-shadow:inset 4px 0 0 var(--amber-500)}.tbl tbody tr.is-urgent.stale{background:#fef6f4}.tbl tbody tr.is-urgent.stale>td:first-child{box-shadow:inset 4px 0 0 var(--red-500)}.btoolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.btoolbar input{min-width:240px;font-size:var(--fs-md);border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);background:var(--bg);color:var(--fg);flex:1;padding:8px 12px;font-weight:600}.btoolbar input:focus{border-color:var(--green-500);box-shadow:var(--ring-focus);outline:none}.bfilters{background:var(--bg-secondary);border-radius:var(--radius-control);gap:4px;padding:3px;display:flex}.bfilters button,.bfilters a{color:var(--fg-muted);font-size:var(--fs-sm);border-radius:var(--radius-sm);background:0 0;padding:8px 12px;font-weight:700;text-decoration:none}.bfilters button:hover,.bfilters a:hover{color:var(--fg)}.bfilters button.on,.bfilters a.on{background:var(--bg);color:var(--green-700);box-shadow:var(--shadow-xs)}.bfilters.swnav{width:max-content;margin-bottom:16px}.board{direction:ltr;align-items:flex-start;gap:12px;min-height:62vh;padding:2px 2px 16px;display:flex;overflow-x:auto}.bcol{background:var(--neutral-50);width:272px;max-height:74vh;transition:background var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease);direction:rtl;border-radius:12px;flex-direction:column;flex-shrink:0;display:flex}.bcol.filled{background:var(--cw)}.bcol.over{box-shadow:inset 0 0 0 2px var(--cc);background:var(--cw)}.bcol-head{align-items:center;gap:8px;padding:12px;display:flex}.bcol-chip{color:var(--cc);background:var(--cw);border:1px solid color-mix(in srgb,var(--cc) 30%,white);border-radius:var(--radius-sm);font-size:var(--fs-sm);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-weight:700;display:inline-flex}.bcol-dot{background:var(--cc);border-radius:50%;flex-shrink:0;width:9px;height:9px}.bcol-count{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-md);color:var(--fg-muted)}.bcol-fold{color:var(--fg-muted);font-size:var(--fs-xl);border-radius:var(--radius-sm);background:0 0;min-width:24px;min-height:24px;margin-inline-start:auto;padding:6px 12px;font-weight:700;line-height:1}.bcol-fold:hover{color:var(--fg);background:#0000000d}.bcol-body{flex-direction:column;flex:1;gap:8px;padding:0 12px 12px;display:flex;overflow-y:auto}.bcol.collapsed{cursor:pointer;background:var(--neutral-50);direction:rtl;align-items:stretch;width:46px;padding:0}.bcol.collapsed:hover{background:var(--bg)}.bcol-v{writing-mode:vertical-rl;text-orientation:mixed;font-weight:700;font-size:var(--fs-sm);color:var(--cc);white-space:nowrap}.bcol-unfold{font:inherit;color:inherit;background:0 0;border-radius:12px;justify-content:center;padding:12px 0;display:flex}.bcol-unfold:focus-visible{outline-offset:-2px}.bempty{color:var(--fg-muted);font-size:var(--fs-lg);text-align:center;padding:12px 0;font-weight:700}.bcard{background:var(--bg);border:1px solid var(--bg-line);cursor:grab;transition:all var(--d-fast) var(--ease);border-radius:10px;padding:12px;box-shadow:0 1px 2px #15201a0f}.bcard:hover{border-color:var(--neutral-300);box-shadow:0 4px 12px #15201a1a}.bcard:active{cursor:grabbing}.bcard.dragging{opacity:.4;transform:rotate(2deg)}.bcard[draggable=false]{cursor:pointer}.bcard.unread{box-shadow:0 0 0 2px var(--green-500),0 4px 12px #15201a14}.bcard.urgent{border-inline-start:4px solid var(--red-500)}.bcard-name{font-weight:700;font-size:var(--fs-base);margin-bottom:8px;line-height:1.35}.bcard-meta{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.bm{font-size:var(--fs-xs);color:var(--fg-muted);background:var(--neutral-100);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-weight:700}.bm.mono{font-family:var(--font-mono);color:var(--green-700);background:var(--green-50)}.bm.urg{background:var(--red-wash);color:var(--red-600)}.bm.wait{background:var(--amber-wash);color:var(--amber-800)}.bm.old{background:var(--red-wash);color:var(--red-600)}.bm.cm{color:#1f5fa0;background:#eaf3fc}.bm.cm:before{content:"💬 ";font-size:var(--fs-xs)}.bcard-dev{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:600;line-height:1.45}.bcard-note{background:var(--amber-wash);color:var(--amber-800);font-size:var(--fs-xs);border-radius:6px;margin-top:8px;padding:4px 8px;font-weight:700;line-height:1.45}.bcard-note.dev{background:var(--neutral-100);color:var(--fg-muted)}.bcard-by{border-top:1px solid var(--neutral-100);font-size:var(--fs-xs);color:var(--fg-muted);align-items:center;gap:4px;margin-top:8px;padding-top:8px;font-weight:700;display:flex}.bav{background:var(--gradient-leaf);color:#fff;width:19px;height:19px;font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cm-note{background:var(--amber-wash);color:var(--amber-800);border-radius:var(--radius-md);font-size:var(--fs-sm);border:1px solid #ebd9a6;margin-bottom:16px;padding:8px 12px;font-weight:700}.cmlist{flex-direction:column;gap:8px;max-height:230px;margin-bottom:12px;display:flex;overflow-y:auto}.cm{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);padding:8px 12px}.cm-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.cm-h b{font-size:var(--fs-sm);color:var(--green-700);font-weight:700}.cm-t{font-size:var(--fs-xs);color:var(--fg-muted);font-weight:600}.cm-b{font-size:var(--fs-md);font-weight:600;line-height:1.5}.cm-add{align-items:flex-end;gap:8px;display:flex}.cm-box{border:1.5px solid var(--neutral-500);border-radius:var(--radius-control);background:var(--neutral-0);flex:1;align-items:flex-end;gap:2px;min-width:0;padding:2px;display:flex}.cm-box:focus-within{border-color:var(--green-500);box-shadow:var(--ring-focus)}.cm-field{flex:1;min-width:0;position:relative}.cm-field textarea,.cm-mirror{box-sizing:border-box;width:100%;font:inherit;font-size:var(--fs-md);letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;direction:inherit;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:8;scrollbar-gutter:stable;unicode-bidi:normal;border:0;margin:0;padding:6px 10px;font-weight:600;line-height:1.6;display:block}.cm-field textarea{color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--fg);border-radius:var(--radius-control);resize:vertical;background:0 0;position:relative;overflow-y:auto}.cm-field textarea::placeholder{color:var(--fg-subtle);-webkit-text-fill-color:var(--fg-subtle)}.cm-field textarea::selection{color:#0000;background:color-mix(in srgb,var(--green-500) 30%,transparent)}.cm-field textarea:focus{outline:none}.cm-mirror{color:var(--fg);pointer-events:none;position:absolute;inset:0;overflow:hidden}.cm-field:has(textarea:disabled) .cm-mirror{opacity:.5}.mention-live{color:var(--green-700);background:var(--green-50);border-radius:var(--radius-sm)}.cm-attach{border-radius:var(--radius-control);width:40px;height:40px;color:var(--green-700);cursor:pointer;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.cm-attach:hover{background:var(--green-50)}.cm-attach:has(input:focus-visible){box-shadow:var(--ring-focus)}.cm-attach input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cm-attach:has(input:disabled){opacity:.5;cursor:default}.cm-tray{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.cm-tile{border-radius:var(--radius-sm);border:1px solid var(--bg-line);background:var(--bg-alternate);width:64px;height:64px;position:relative;overflow:hidden}.cm-tile img{object-fit:cover;width:100%;height:100%;display:block}.cm-kb{inset-inline:0;color:#fff;text-align:center;background:#15201ab3;padding:1px 0;font-size:10px;position:absolute;bottom:0}.cm-busy{font-size:var(--fs-xs);color:var(--fg-muted);justify-content:center;align-items:center;font-weight:700;animation:1.2s ease-in-out infinite alternate cm-pulse;display:flex;position:absolute;inset:0}@keyframes cm-pulse{to{opacity:.4}}.cm-x{top:2px;color:#fff;cursor:pointer;background:#15201abf;border:0;border-radius:11px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:absolute;inset-inline-end:2px}.blk.drop{position:relative}.cm-drop{z-index:2;pointer-events:none;border:2px dashed var(--green-600);border-radius:var(--radius-card);background:color-mix(in srgb,var(--green-50) 94%,transparent);color:var(--green-700);font-weight:700;font-size:var(--fs-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:-6px}.cm-imgs{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.cm-imgs button{border:1px solid var(--bg-line);border-radius:var(--radius-sm);background:var(--bg-alternate);cursor:zoom-in;width:88px;height:88px;padding:0;overflow:hidden}.cm-imgs button:focus-visible{box-shadow:var(--ring-focus);outline:none}.cm-imgs img{object-fit:cover;width:100%;height:100%;display:block}dialog.viewer{background:var(--bg-inverse);color:#fff;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;inset:0}dialog.viewer[open]{flex-direction:column;display:flex}.viewer-bar{align-items:center;gap:8px;padding:16px;display:flex}.viewer-bar .mono{font-size:var(--fs-base)}.viewer-bar a{margin-inline-start:auto}.viewer-btn,.viewer-nav{color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.viewer-btn{border-radius:var(--radius-control);background:#ffffff1f}.viewer-btn:hover{background:#fff3}.viewer-btn:focus-visible,.viewer-nav:focus-visible{box-shadow:var(--ring-focus);outline:none}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 12px;display:flex;position:relative}.viewer-stage img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:100%}.viewer-nav{background:#15201a99;border:1px solid #ffffff40;border-radius:22px;position:absolute;top:50%;translate:0 -50%}.viewer-nav.prev{inset-inline-start:20px}.viewer-nav.next{inset-inline-end:20px}.viewer-cap{font-size:var(--fs-base);padding:16px 20px 24px;line-height:1.5}.viewer-cap b{color:var(--lime-400)}.viewer-cap .mono{font-size:var(--fs-sm);opacity:.8}.viewer-cap div{opacity:.85;margin-top:4px}body.board-wide .wrap{max-width:none}.bfilters button,.bfilters a{align-items:center;gap:6px;display:inline-flex}.bfilters .fcount{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--neutral-200);color:var(--neutral-600);border-radius:var(--radius-pill);text-align:center;min-width:18px;padding:0 6px;font-weight:700}.bfilters button.on .fcount{background:var(--green-100);color:var(--green-800)}.bfilters button[data-f=urgent].on .fcount{background:var(--red-wash);color:var(--red-600)}.bfilters button.empty .fcount{opacity:.45}.bfilters.kind{width:max-content}.bfilters.kind button{min-height:40px;padding:8px 16px}.bfilters.kind button.on{background:var(--bg-primary-wash);color:var(--green-800);box-shadow:inset 0 0 0 1.5px var(--green-700)}@media (width<=640px){.bfilters.kind{width:100%}.bfilters.kind button{flex:1;min-height:44px}}.colpick{flex-wrap:nowrap;margin-bottom:12px;overflow-x:auto}.btoolbar .colpick{margin-bottom:0}.colpick button{white-space:nowrap;flex-shrink:0}.board.phone .bcol{width:100%;max-height:none}.board.phone .bcol-fold{display:none}.linkish.tk{color:var(--amber-700);font-size:var(--fs-xs)}.linkish.tk:hover{color:var(--amber-500)}.wcard{background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:12px;padding:16px}.wc-head{border-bottom:1px solid var(--neutral-100);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.wc-no{font-weight:700;font-size:var(--fs-base);color:var(--green-700)}.wc-name{font-weight:700;font-size:var(--fs-base)}.wc-ph{font-size:var(--fs-sm);color:var(--fg-muted)}.wc-ship{font-size:var(--fs-sm);color:var(--fg-muted);margin-bottom:12px;font-weight:600}.wdev{background:var(--bg-alternate);border:1px solid var(--bg-line);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.wd-main b{font-size:var(--fs-md);font-weight:700;display:block}.wd-dates{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:3px;display:block}.wd-side{align-items:center;gap:8px;display:flex}.tk-head{border-radius:var(--radius-md);font-size:var(--fs-md);margin-bottom:16px;padding:12px 16px;line-height:1.6}.tk-head b{font-size:var(--fs-base);font-weight:700}.tk-head.ok{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-800)}.tk-head.no{background:var(--amber-wash);color:var(--amber-800);border:1px solid #ebd9a6}.bcard.tkcard.outw{border-inline-start:4px solid var(--amber-500)}.bm.amt{background:var(--green-50);color:var(--green-700)}.qty-sum{font-size:var(--fs-sm);color:var(--green-700);background:var(--bg-primary-wash);border-radius:var(--radius-sm);margin-top:2px;padding:4px 12px;font-weight:700}.nolink-note{background:var(--bg-secondary);border:1px solid var(--bg-line);border-radius:var(--radius-md);font-size:var(--fs-sm);color:var(--fg-muted);margin-top:8px;padding:8px 12px;font-weight:600}.h{margin-bottom:12px}.h h1{margin-bottom:0}.h p:empty{display:none}.chg-note{font-size:var(--fs-xs);color:var(--amber-800);background:var(--amber-wash);border-radius:var(--radius-sm);margin-top:2px;padding:4px 12px;font-weight:700}.devrow{gap:12px;grid-template-columns:1fr!important}@media (width>=520px){.devrow.dev-plain{grid-template-columns:1.4fr .9fr auto!important}.devrow.dev-acc{grid-template-columns:1.2fr .55fr .9fr auto!important}}.devrow>.f{min-width:0}.devrow input,.devrow select{width:100%;min-width:0}.modal{overflow-x:hidden}.modal .form{min-width:0}.glist{text-align:left;font-family:var(--font-mono);direction:ltr}.glist .gitem{break-inside:avoid;border-bottom:1px dotted #e4eee9;padding:1.5px 0;line-height:1.35}.glist .gitem b{color:var(--green-600)}.glist.g1{font-size:11px}.glist.g2{column-count:2;column-rule:1px solid #edf3f0;column-gap:10px;font-size:10px}.glist.g2.sm{font-size:8.8px}.glist.g2.sm .gitem{padding:1px 0}.glist.g2.xs{column-gap:8px;font-size:7.8px}.glist.g2.xs .gitem{padding:.5px 0;line-height:1.25}@media print{.glist.g2{column-count:2}}.sticker-print{border:2px dashed var(--fg-muted);width:100%;max-width:390px;margin:0 auto 12px;padding:11px 12px}.stk-head{border-bottom:2px solid var(--fg);justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding-bottom:5px;display:flex}.stk-head b{letter-spacing:.02em;font-size:14px;font-weight:800}.stk-sub{color:var(--fg-muted);font-size:9.5px;line-height:1.2}.stk-no{font-size:17px;font-weight:700;line-height:1}.stk-cust{margin-bottom:5px;font-size:12px;line-height:1.3}.stk-dev{background:var(--fg);color:#fff;border-radius:6px;justify-content:space-between;gap:8px;margin-bottom:5px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.stk-acc{background:var(--neutral-100);color:var(--fg-muted);border-radius:5px;margin-bottom:5px;padding:3px 8px;font-size:11px;font-weight:700}.stk-note{background:#fff3d6;border:1px solid #ebd9a6;border-radius:5px;margin-bottom:5px;padding:4px 8px;font-size:11px;line-height:1.35}.stk-note.cust{background:var(--bg-primary-wash);border-color:var(--bg-line)}.stk-foot{border-top:1px solid var(--bg-line);color:var(--fg-muted);justify-content:space-between;margin-top:6px;padding-top:5px;font-size:10.5px;display:flex}.stk-wait{text-align:center;color:var(--amber-700);padding:5px;font-size:11.5px;font-weight:700}.stk-idx{text-align:left;line-height:1.15}.stk-dev-n{color:var(--green-700);margin-top:2px;font-size:10.5px;font-weight:800}.stk-acc b{color:var(--fg)}.tk-ship{font-size:var(--fs-xs);color:var(--fg-muted);margin-top:4px;font-weight:700}.f.combo{position:relative}.pickList{z-index:40;background:var(--bg);border:1px solid var(--bg-line);border-radius:10px;max-height:260px;margin:0;padding:4px;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 10px 24px #15201a1f}.pickList li{cursor:pointer;font-size:var(--fs-md);border-radius:7px;padding:8px 12px}.pickList li.on{background:var(--lime-200)}.pickList li.none{color:var(--fg-muted);cursor:default}.glrow{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.glrow code{min-width:130px;font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;color:var(--green-700);font-family:var(--font-mono);flex:1;overflow:hidden}.glrow .btn{gap:4px;text-decoration:none}.btn.done{background:var(--green-50);color:var(--green-800);border:1.5px solid var(--green-200);font-size:var(--fs-md);text-align:initial;padding:8px 16px}.btn.done:hover{background:var(--green-100)}.btn.done:disabled{background:var(--bg-alternate);color:var(--fg-subtle);border-color:var(--bg-line)}.bcol.collapsed.over{background:var(--cw)}.tbl .id a{color:inherit;text-decoration:none}.tbl .id a:hover{text-decoration:underline}.tbl .id a:focus-visible{outline:2px solid var(--green-600);outline-offset:2px;border-radius:var(--radius-sm)}.gpick-head{text-align:center;border-bottom:1px solid var(--bg-line);margin-bottom:12px;padding-bottom:10px}.gpick-badge{color:var(--green-700);background:var(--bg-primary-wash);border-radius:var(--radius-pill);margin-top:5px;padding:2px 9px}.gpick-space{background:var(--bg-primary-wash);border-radius:var(--radius-md);margin-bottom:11px;padding:9px 11px}.gpick-track{background:var(--bg-line);border-radius:6px;height:7px;overflow:hidden}.gpick-fill{background:linear-gradient(90deg, var(--lime-400), var(--green-700));height:100%;display:block}.gpick-card{cursor:pointer;font:inherit;color:inherit;text-align:inherit;flex-direction:column;align-items:flex-start;margin:0;display:flex}.gpick-card.on{border-color:var(--green-700);background:var(--green-100)}.gpick-card.dis{cursor:not-allowed;opacity:.4}.gpick-muted{color:var(--fg-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.plock{align-items:center;gap:6px;min-height:40px;display:flex}.plock input{flex:1;min-width:0}.plock b{font-size:var(--fs-base);flex:1;padding:0 4px}.plock button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--fg-muted);border:1.5px solid var(--bg-line);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.plock button:hover{color:var(--green-700);background:var(--bg-primary-wash);border-color:var(--green-400)}.plock button:focus-visible{box-shadow:var(--ring-focus);outline:none}@media (width<=640px){.plock button{width:44px;height:44px}}.products .ptools{top:calc(56px + var(--strip-h,0px));z-index:5;background:var(--bg);border-bottom:1px solid var(--bg-line);margin-bottom:0;padding:8px 0 12px;position:sticky}.products .ptools input[type=search]{flex:1;min-width:180px;max-width:360px}.products .pviews{margin-bottom:8px}.products .pviews .sp{flex:1}.products .bfilters button,.products .bfilters a{min-height:40px}.products .bfilters.warn{background:0 0;padding:0}.products .bfilters.warn button{border:1.5px solid var(--amber-500);background:var(--amber-wash);color:var(--amber-800);border-radius:var(--radius-pill);padding:8px 14px}.products .bfilters.warn button.on{background:var(--amber-700);border-color:var(--amber-700);color:#fff}.pill.warn{color:var(--amber-800);background:var(--amber-wash);border-color:color-mix(in srgb,var(--amber-500) 45%,white)}.products .tbl th.fit{width:1%}.products .tbl td.num,.products .tbl td.nowrap{white-space:nowrap}.products .tbl td.num .pill{font-family:var(--font-ar)}.products .tbl td{font-size:var(--fs-base)}.products .tbl td.nm .pill{vertical-align:middle;margin-inline-start:6px}.products .famrow td{background:var(--bg);padding:16px 8px 6px}.products tbody:first-of-type .famrow td{padding-top:8px}.products .fold{border-radius:var(--radius-sm);min-height:40px;color:var(--fg);font-family:var(--font-display);font-size:var(--fs-xl);background:0 0;align-items:center;gap:8px;margin-inline-start:-8px;padding:4px 8px;font-weight:700;display:inline-flex}.products button.fold:hover{background:var(--bg-primary-wash)}.products .fold:focus-visible{box-shadow:var(--ring-focus);outline:none}.products .fold svg{transition:transform var(--d-fast) var(--ease)}.products .fold[aria-expanded=false] svg{transform:rotate(-90deg)}.products .fcount{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--fg-muted);background:var(--neutral-100);border-radius:var(--radius-pill);padding:0 8px}.products .edit{border-radius:var(--radius-sm);min-height:40px;color:var(--fg);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-inline-start:-8px;padding:4px 8px;font-weight:700;display:inline-flex}.products .edit svg{width:16px;height:16px;color:var(--fg-subtle);flex:none}.products .edit:hover{background:var(--bg-primary-wash)}.products .edit:hover svg{color:var(--green-700)}.products .edit:focus-visible{box-shadow:var(--ring-focus);outline:none}.sub2{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:2px;font-weight:400;line-height:1.6}.sub2 b{color:var(--neutral-700);font-weight:600}.products .dim{color:var(--fg-subtle)}.modal input.big{font-size:var(--fs-xl);min-height:48px;font-weight:700}.sheet-sw{grid-column:1/-1;justify-content:space-between;font-weight:700}.modal input.big::placeholder{font-family:var(--font-ar);font-weight:400;font-size:var(--fs-base)}.sheet-sec{border-top:1px solid var(--neutral-100);margin-top:12px;padding-top:12px}.sheet-sech{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.sheet-li{font-size:var(--fs-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px;padding:4px 0;display:flex}.sheet-note{font-size:var(--fs-sm);color:var(--amber-800);margin:10px 0 0}.sheet-acts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tbl tr.off{background:var(--bg-alternate)}.tbl tr.off .nm{color:var(--fg-muted)}.tbl tr.off .nm .pill{margin-inline-start:8px}.tbl tr.saved{animation:saved-wash 1.5s var(--ease)}@keyframes saved-wash{0%{background:var(--green-100)}}label.sw{cursor:pointer;align-items:center;min-height:40px;padding:0 4px;display:inline-flex}label.sw span{font-size:var(--fs-sm);margin-inline-start:8px;font-weight:600}.cfg-slot{border:1px solid var(--bg-line);border-radius:var(--radius-sm);margin-bottom:12px;padding:12px}.cfg-slot>b{margin-bottom:8px;display:block}.cfg-row{grid-template-columns:1fr 80px 40px;align-items:end;gap:8px;margin-bottom:8px;display:grid}.cfg-row.spec{grid-template-columns:1fr 1fr 40px}.cfg-row>.f{min-width:0}.cfg-row input{width:100%;min-width:0}.cfg-head{flex-wrap:wrap;align-items:end;gap:8px 16px;margin:8px 0;display:flex}.cfg-head .f input{width:120px}.cfg-opt{border-bottom:1px dashed var(--bg-line);padding:8px 0}.cfg-opt .cfg-head{margin-top:0}.cfg-opt .cfg-head .cfg-rm{margin-inline-start:auto}.cfg-rm{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--fg-muted);border:1.5px solid var(--bg-line);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.cfg-rm:hover{color:var(--red-600);background:var(--red-wash);border-color:#f2cfcb}.cfg-rm:focus-visible{box-shadow:var(--ring-focus);outline:none}.cfg-chk{cursor:pointer;align-items:center;gap:8px;min-height:40px;display:flex}.cfg-chk input{width:20px;height:20px;accent-color:var(--green-700);flex:none;margin:0}.cfg-list{border:1px solid var(--bg-line);border-radius:var(--radius-sm);flex-direction:column;max-height:50vh;padding:4px 12px;display:flex;overflow-y:auto}.cfg-note{margin:-8px 0 8px}.cfg-err{color:var(--fg-negative);font-size:var(--fs-sm);margin:4px 0 8px;font-weight:600}.btn.sm.cfg-add{min-height:40px;margin-top:4px}@media (width<=640px){.products .ptools{top:calc(env(safe-area-inset-top,0px) + var(--strip-h,0px))}.products .pviews .btn,.products .ptools input,.products .bfilters button,.products .bfilters a,.products .fold,.products .edit{min-height:44px}.products .ptools input[type=search]{flex:1 1 0;min-width:0;max-width:none}.products .tbl.cards td.nm .edit{margin-inline-start:0}label.sw{width:100%;min-height:44px}.btn.sm.cfg-add,.cfg-chk,.cfg-row input,.sheet-acts .btn.sm,.sheet-sech .btn.sm{min-height:44px}.cfg-rm{width:44px;height:44px}.cfg-row,.cfg-row.spec{grid-template-columns:1fr 44px}.cfg-row>:first-child{grid-column:1/-1}.cfg-head .f{flex:100%}.cfg-head .f input{width:100%;min-height:44px}}input.num{text-align:end}.pill.off{color:var(--amber-800);background:var(--amber-wash);border-color:color-mix(in srgb,var(--amber-500) 30%,white)}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--neutral-300);cursor:pointer;width:44px;height:24px;transition:background var(--d-fast) var(--ease);flex:none;margin:0;position:relative}.switch:after{content:"";top:2px;width:20px;height:20px;box-shadow:var(--shadow-xs);transition:transform var(--d-fast) var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:2px}.switch:checked{background:var(--green-700)}.switch:checked:after{transform:translate(-20px)}.switch:focus-visible{box-shadow:var(--ring-focus);outline:none}.tbl td.num,.tbl th.num{white-space:nowrap;width:1%}.tbl td.num{font-family:var(--font-mono)}.tbl tbody tr.on td{background:var(--bg-primary-wash)}.stock-units{margin-top:20px}.stock-units .btoolbar{margin-bottom:12px}.serials{font-family:var(--font-mono);text-align:left;min-height:160px;font-size:var(--fs-base);direction:ltr}.serials-count{font-size:var(--fs-sm);color:var(--fg-muted);justify-content:space-between;gap:8px;margin-top:4px;display:flex}.serials-count.dupe{color:var(--amber-800)}.run{flex-direction:column;gap:8px;margin-top:8px;display:flex}.run-span{font-size:var(--fs-lg);text-align:left}.run-check{font-size:var(--fs-md);color:var(--green-800);background:var(--bg-primary-wash);border-radius:var(--radius-md);padding:8px 12px}.run-dropped{font-size:var(--fs-md);color:var(--amber-800);background:var(--amber-wash);border-radius:var(--radius-md);padding:8px 12px}.run-tap{font-size:var(--fs-sm);color:var(--fg-muted)}.run-chips{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;max-height:216px;padding:2px;display:grid;overflow-y:auto}.run-chips button{font-size:var(--fs-sm);border:1.5px solid var(--bg-line);border-radius:var(--radius-sm);background:var(--bg);min-height:36px;color:var(--fg);cursor:pointer}.run-chips button:hover{border-color:var(--green-400)}.run-chips button[aria-pressed=true]{background:var(--red-wash);color:var(--red-600);border-color:#f2cfcb;text-decoration:line-through}.run-chips button:focus-visible{box-shadow:var(--ring-focus);outline:none}.run-switch{align-self:flex-start;margin-top:8px}.serial-in{text-align:left;text-transform:uppercase;direction:ltr}.prog{background:var(--bg-line);border-radius:6px;max-width:160px;height:6px;margin-top:6px;overflow:hidden}.prog i{background:var(--green-600);height:100%;display:block}.pserials{margin-top:6px;font-weight:400}.pserials summary{cursor:pointer;font-size:var(--fs-sm);color:var(--fg-muted)}.pserials ul{flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pserials li{align-items:center;gap:4px;display:inline-flex}.unit-line{font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}@media (width<=900px){.detail .card.lead{order:-1}}@media (width>=641px){.stock .tbl th,.stock .tbl td{padding-inline:16px}}@media (width<=640px){.tbl.cards,.tbl.cards tbody,.tbl.cards tfoot{display:block}.tbl.cards thead{display:none}.tbl.cards tr{border-bottom:1px solid var(--neutral-100);grid-template-columns:repeat(3,1fr);gap:8px 12px;padding:12px;display:grid}.tbl.cards tr:last-child{border-bottom:none}.tbl.cards td{border:0;width:auto;padding:0;display:block}.tbl.cards td.nm,.tbl.cards td.wide{font-size:var(--fs-base);grid-column:1/-1}.tbl.cards td.id{grid-column:span 2}.tbl.cards td.nm a,.tbl.cards td.id a{align-items:center;min-height:44px;display:inline-flex}.tbl.cards td[data-label]:before{content:attr(data-label);font-family:var(--font-ar);white-space:normal;overflow-wrap:anywhere;font-size:var(--fs-xs);color:var(--fg-muted);margin-bottom:2px;font-weight:700;display:block}.tbl.cards tfoot tr.total{border-top:2px solid var(--bg-line)}.tbl.cards tfoot tr.total td{border-top:0}.tbl.cards td:empty,.tbl.cards td.zero{display:none}.tbl.cards .btn.sm,.stock .btn.sm,.suppliers .btn.sm,.purchases .btn.sm,.unit-line .btn.sm{width:100%;min-height:44px}.unit-line .btn.sm{flex:1;width:auto}.line-acts{width:100%;display:grid}.serials{min-height:132px}}.tbl tfoot tr.total td{border-top:2px solid var(--bg-line);font-weight:700}.mention{color:var(--green-700);background:var(--green-50);border-radius:var(--radius-sm);padding:0 4px;font-weight:700}.mn-chips{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.mn-chip{border:1px solid var(--green-200);border-radius:var(--radius-pill);background:var(--bg);min-height:32px;color:var(--green-700);font-size:var(--fs-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.mn-chip:hover{border-color:var(--green-500)}.mn-chip.on{background:var(--green-700);border-color:var(--green-700);color:#fff}.push-line{margin-top:12px}p.push-line{font-size:var(--fs-sm);color:var(--fg-muted);line-height:1.6}.inv-page{--ink:#15201a;--leaf:#1e7a46;--leaf2:#2e8b57;--lime:#a8be5e;--wash:#edf4e5;--line:#dce7d5;--grey:#6e7768;--paper:#fbfaf6;color:#15201a;page:invoice;background:#e0e3df;justify-content:center;align-items:flex-start;min-height:100vh;padding:14px;font-family:Tajawal,sans-serif;line-height:normal;display:flex}.inv-page .mono{direction:ltr;unicode-bidi:embed;font-family:JetBrains Mono,monospace;display:inline-block}.inv-page .invoice{background:var(--paper);flex-direction:column;width:148mm;min-height:200mm;padding:11mm 9mm;display:flex;box-shadow:0 10px 40px #00000026}.inv-page .top{border-bottom:2px solid #1e7a46;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:8px;display:flex}.inv-page .brand{align-items:center;gap:9px;display:flex}.inv-page .logo-mark{width:34px;height:34px}.inv-page .nm{font-size:18px;font-weight:800;line-height:1}.inv-page .nm .rw{color:#1e7a46}.inv-page .nm small{color:#6e7768;margin-top:3px;font-size:8.5px;font-weight:500;display:block}.inv-page .tax{text-align:left;color:#6e7768;font-size:10px;line-height:1.7}.inv-page .tax b{color:#15201a;font-size:11px}.inv-page .meta{grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:10px;font-size:11px;display:grid}.inv-page .meta .row{background:#edf4e5;border-radius:6px;justify-content:space-between;padding:5px 9px;display:flex}.inv-page .meta .k{color:#5f6759}.inv-page .meta .v{font-weight:700}.inv-page .badge{color:#fff;background:#1e7a46;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.inv-page .cust{background:#fff;border:1px solid #dce7d5;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:11.5px}.inv-page .cust .cl{flex-wrap:wrap;gap:16px;display:flex}.inv-page .cust .cl>div{gap:5px;display:flex}.inv-page .cust .k{color:#6e7768}.inv-page .cust .v{font-weight:700}.inv-page table{border-collapse:collapse;table-layout:auto;width:100%;margin-bottom:10px;font-size:10.5px}.inv-page th{color:#fff;text-align:center;white-space:nowrap;background:#15201a;padding:6px 7px;font-size:9.5px;font-weight:600}.inv-page td{text-align:center;white-space:nowrap;background:#fff;border-bottom:1px solid #e7efe2;padding:7px 8px}.inv-page td.item{text-align:right;white-space:normal;font-weight:600}.inv-page td .mono{white-space:nowrap}.inv-page .warranty{text-align:center;color:#6e6320;background:#fbf7e4;border:1px solid #b9c259;border-radius:8px;margin:10px 0;padding:8px 10px;font-size:11.5px;font-weight:700}.inv-page .totals{width:100%;max-width:230px;margin-top:auto;margin-left:auto;font-size:11px}.inv-page .totals .tr{border-bottom:1px solid #dce7d5;justify-content:space-between;padding:4px 8px;display:flex}.inv-page .totals .grand{color:#fff;background:linear-gradient(135deg,#2e8b57,#1e7a46);border:none;border-radius:6px;margin-top:3px;padding:7px 8px;font-size:13px;font-weight:800}.inv-page .sign{text-align:center;color:#6e7768;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:14px;font-size:10px;display:grid}.inv-page .sign .s{border-top:1px dashed #6e7768;padding-top:5px}.inv-page .foot{text-align:center;color:#6e7768;border-top:1px solid #dce7d5;margin-top:12px;padding-top:8px;font-size:9.5px;line-height:1.7}.inv-page .foot .c{color:#1e7a46;font-weight:600}.inv-page .pbar{text-align:center;margin:14px 0}.inv-page .pbar button{color:#fff;cursor:pointer;background:#1e7a46;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}@page invoice{size:A5;margin:0}@media print{.inv-page{background:#fff;padding:0}.inv-page .invoice{box-shadow:none;width:100%;min-height:auto}.inv-page .pbar{display:none}.inv-page th,.inv-page .grand,.inv-page .badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.inv-page{min-height:0}}.wb-page{color:#000;page:waybill;background:#e0e3df;justify-content:center;align-items:flex-start;min-height:100vh;padding:14px;font-family:Tajawal,sans-serif;line-height:1.3;display:flex}.wb-page .mono{direction:ltr;unicode-bidi:embed;font-family:JetBrains Mono,monospace}.wb-page .waybill{box-sizing:border-box;background:#fff;flex-direction:column;gap:2mm;width:210mm;min-height:148mm;padding:7mm 8mm;font-size:10.5px;display:flex;box-shadow:0 10px 40px #00000026}.wb-page .waybill.empty{align-items:center;width:auto;min-height:0;font-size:16px;font-weight:700}.wb-page header{direction:ltr;grid-template-columns:1fr auto 1fr;align-items:start;gap:4mm;display:grid}.wb-page .egy{padding-top:2mm;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.wb-page .ttl{flex-direction:column;align-items:center;padding-top:2mm;font-family:Plus Jakarta Sans,sans-serif;display:flex}.wb-page .ttl b{font-size:18px;font-weight:800}.wb-page .ttl i{font-size:9px}.wb-page .ttl .url{color:#1a73e8}.wb-page .code{flex-direction:column;align-items:flex-end;gap:.5mm;display:flex}.wb-page .code .bars{fill:#000;width:70mm;height:15mm;display:block}.wb-page .code b{font-size:15px;font-weight:800}.wb-page .code>span{direction:rtl;font-size:9.5px}.wb-page .test{text-align:center;border:2px dashed #000;padding:1mm;font-size:13px;font-weight:800}.wb-page .body{border:1.5px solid #000;grid-template-columns:1fr 1fr;display:grid}.wb-page .parties{border-inline-end:1.5px solid #000;padding:0 1.5mm 1.5mm}.wb-page table{border-collapse:collapse;width:100%}.wb-page .parties h3{background:#eee;border-bottom:2px solid #000;margin:1.5mm -1.5mm 0;padding:.5mm 1.5mm;font-size:12px;font-weight:800;text-decoration:underline}.wb-page .parties th{text-align:start;color:#333;vertical-align:top;border-bottom:1px solid #ccc;width:26mm;padding:1mm 0;font-size:9px;font-weight:400}.wb-page .parties td{border-bottom:1px solid #ccc;min-width:0;padding:1mm 0;font-weight:700}.wb-page .facts{flex-direction:column;padding:0 1.5mm 1.5mm;display:flex}.wb-page .grid{table-layout:fixed;margin-top:1.5mm}.wb-page .grid th{background:#eee;border:1px solid #999;padding:.5mm;font-size:9px;font-weight:700}.wb-page .grid td{text-align:center;border:1px solid #000;height:5mm;padding:1mm .5mm}.wb-page .facts h4{margin:1.5mm 0 .5mm;font-size:11px;font-weight:800}.wb-page .facts .box{border:1px solid #ccc;min-height:5mm;padding:.5mm 1mm}.wb-page .facts .band{background:#eee;margin:1.5mm -1.5mm .5mm;padding:.5mm 1.5mm;font-size:12px}.wb-page .receipt th{text-align:center;padding:.5mm;font-size:9px;font-weight:700}.wb-page .receipt td{border:1px solid #ccc;height:7mm}.wb-page .receipt .nid{white-space:nowrap;text-align:center;direction:ltr;border:none}.wb-page .receipt .nid i{border:1px solid #000;width:3mm;height:6.5mm;margin-left:-1px;display:inline-block}.wb-page footer{text-align:left;border-top:1.5px solid #888;padding-top:1mm;font-size:9.5px;font-weight:700}.wb-page .pbar{text-align:center;margin:3mm 0 0}.wb-page .pbar button{color:#fff;cursor:pointer;background:#1e7a46;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}@page waybill{size:A5 landscape;margin:0}@media print{.wb-page{background:#fff;min-height:0;padding:0}.wb-page .waybill{box-shadow:none;width:100%;min-height:auto}.wb-page .pbar{display:none}.wb-page .code .bars,.wb-page .parties h3,.wb-page .grid th,.wb-page .band{-webkit-print-color-adjust:exact;print-color-adjust:exact}body:has(.wb-page) #toast{display:none}}