@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--deep:#0c2340;--navy:#243d71;--blue:#14628a;--sky:#28c1e0;--sky-tint:#e3f6fa;--coral-btn:#d9364a;--coral-ink:#c22a3e;--ink:#2e2e30;--ink-2:#58585a;--line:#e1e4e8;--paper:#f4f5f7;--ok:#1f7a4d;--ok-bg:#e5f4ec;--warn:#8a5300;--warn-bg:#fcf0dc;color:var(--ink);background:var(--paper);font-family:IBM Plex Sans Arabic,system-ui,Segoe UI,Tahoma,sans-serif;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--blue)}h1{color:var(--deep);margin:0;font-size:22px}h2{color:var(--navy);margin:0 0 10px;font-size:16px}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.muted{color:var(--ink-2)}.small{font-size:13px}.error{color:var(--coral-ink);font-weight:600}.ok{color:var(--ok);font-weight:600}.boot{text-align:center;color:var(--ink-2);padding:40px}.shell{--nv-ink:#dbe6f3;--nv-ink-2:#b9c7d8;--nv-ink-3:#8fa3bb;--nv-hover:#ffffff14;--nv-on:#28c1e02e;--nv-line:#ffffff1f;grid-template-columns:var(--side-w,244px) minmax(0, 1fr);min-height:100vh;transition:grid-template-columns .15s;display:grid}.side{background:var(--deep);color:#fff;flex-direction:column;height:100vh;padding:12px 8px;display:flex;position:sticky;top:0;overflow:hidden}.side .ico{flex:none}.side .chv{width:14px;height:14px;color:var(--nv-ink-3);flex:none;transition:transform .15s}.brand{border-bottom:1px solid var(--nv-line);flex:none;align-items:center;gap:8px;margin-bottom:6px;padding:4px 6px 12px;font-size:16px;font-weight:700;display:flex}.brand .lbl{flex:1;min-width:0}.nav-tg{border:1px solid var(--nv-line);width:32px;height:32px;color:var(--nv-ink-2);cursor:pointer;background:0 0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.nav-tg:hover{background:var(--nv-hover);color:#fff}.nav{flex-direction:column;flex:1;gap:2px;min-height:0;padding:2px 0;display:flex;overflow:hidden auto}.nsec-h{width:100%;color:var(--nv-ink-2);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.nsec-h:hover{background:var(--nv-hover);color:#fff}.nsec-h .lbl{flex:1;min-width:0}.nsec.open>.nsec-h{color:#fff}.nsec.cur>.nsec-h .ico{color:var(--sky)}.nsec.open>.nsec-h .chv,.ngrp.open>.ngrp-h .chv{transform:rotate(180deg)}.nsec-b{margin:2px 0 6px;border-inline-start:1px solid var(--nv-line);margin-inline-start:18px;padding-inline-start:8px;display:none}.nsec.open>.nsec-b{display:block}.nitem{color:var(--nv-ink);border-inline-start:3px solid #0000;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.45;text-decoration:none;display:block}.nitem:hover{background:var(--nv-hover);color:#fff}.nitem.on{background:var(--nv-on);color:#fff;border-inline-start-color:var(--sky);font-weight:600}.ngrp-h{width:100%;color:var(--nv-ink-3);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.ngrp-h:hover{background:var(--nv-hover);color:var(--nv-ink-2)}.ngrp.open>.ngrp-h{color:var(--nv-ink-2)}.ngrp-b{padding-inline-start:6px;display:none}.ngrp.open>.ngrp-b{display:block}.nav-foot{border-top:1px solid var(--nv-line);flex-direction:column;flex:none;gap:2px;margin-top:6px;padding-top:6px;display:flex}.nav-me{gap:1px;padding:4px 10px 6px;font-size:13px;display:grid}.nav-me span{color:var(--nv-ink-2);font-size:12px}.nfoot{width:100%;color:var(--nv-ink-2);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:flex}.nfoot:hover{background:var(--nv-hover);color:#fff}.nsec-h:focus-visible,.ngrp-h:focus-visible,.nitem:focus-visible,.nfoot:focus-visible,.nav-tg:focus-visible,.menu-btn:focus-visible,.nstar:focus-visible,.nmv:focus-visible{outline:2px solid var(--sky);outline-offset:1px}.nav-tip{z-index:60;background:var(--deep);color:#fff;pointer-events:none;white-space:nowrap;border:1px solid #fff3;border-radius:6px;padding:4px 9px;font-size:12px;position:fixed}.nav-fly{z-index:60;background:var(--deep);border:1px solid #fff3;border-radius:8px;width:260px;max-height:calc(100vh - 16px);padding:6px;position:fixed;overflow:auto;box-shadow:0 6px 24px #0c234059}.nav-fly-h{color:#fff;border-bottom:1px solid var(--nv-line);margin-bottom:4px;padding:6px 10px 8px;font-size:13px;font-weight:700}.nav-fly-sub{color:var(--nv-ink-3);padding:8px 10px 2px;font-size:11.5px;font-weight:600}.menu-btn{top:10px;z-index:30;border:1px solid var(--line);background:var(--deep);color:#fff;cursor:pointer;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:none;position:fixed;inset-inline-start:10px}.side-back{display:none}.nedit{border-radius:6px;align-items:center;gap:2px;display:flex}.nedit .nitem{flex:1;min-width:0}.nedit .grip{width:14px;height:14px;color:var(--nv-ink-3);cursor:grab;flex:none}.nstar,.nmv{color:var(--nv-ink-3);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:5px;flex:none;padding:3px 4px;font-size:12px;line-height:1}.nstar:hover,.nmv:hover{background:var(--nv-hover);color:#fff}.nstar svg{width:15px;height:15px;display:block}.nstar.on{color:var(--sky)}.nstar.on svg{fill:currentColor}.nav-editbar{color:var(--nv-ink-2);border:1px dashed #ffffff4d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;padding:8px;font-size:12px;display:flex}.nav-editbar button{font:inherit;border:1px solid var(--nv-line);color:#fff;cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px}.nav-editbar button.primary{background:var(--coral-btn);border-color:var(--coral-btn)}@media (width>=901px){.shell.nav-col{--side-w:64px}.nav-col .side .lbl,.nav-col .nsec-h .chv,.nav-col .nsec .nsec-b,.nav-col .nav-custom{display:none}.nav-col .brand{flex-direction:column}.nav-col .nsec-h,.nav-col .nfoot{justify-content:center;padding:10px 0;position:relative}.nav-col .nsec.cur>.nsec-h{background:var(--nv-on)}.nav-col .sec-badge{top:2px;position:absolute;inset-inline-start:6px}}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.menu-btn{display:grid}.nav-tg{display:none}.side{z-index:50;width:min(300px,86vw);height:auto;display:none;position:fixed;top:0;bottom:0;right:0;box-shadow:0 6px 24px #0c234059}.side.open{display:flex}.side-back{z-index:40;background:var(--deep);opacity:.35;display:block;position:fixed;inset:0}.main{padding-top:60px}body.drawer-open{overflow:hidden}}.main{align-content:start;gap:16px;min-width:0;padding:20px 24px 60px;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.between{justify-content:space-between}.grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;padding:16px}.empty{border:1px dashed var(--line);text-align:center;color:var(--ink-2);background:#fff;border-radius:12px;padding:28px}.btn{border:1px solid var(--line);height:38px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--coral-btn);border-color:var(--coral-btn);color:#fff}.btn:disabled{opacity:.6;cursor:default}.btn.danger{color:#c81e35;background:#fff;border-color:#c81e35}.btn.danger:hover:not(:disabled){background:#fdecef}.btn.danger.primary{color:#fff;background:#b3172c;border-color:#b3172c}.link.danger{color:#c81e35}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.actions .push{margin-inline-start:auto}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-head>h2{margin:0}.form-foot{z-index:5;border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 10px #0c23400f}.link{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}input,select{font:inherit;height:36px;color:var(--ink);background:#fff;border:1px solid #c9ced6;border-radius:8px;min-width:0;padding:0 10px}input.qty{width:70px}textarea{font:inherit;width:100%;min-height:64px;color:var(--ink);resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #c9ced6;border-radius:8px;padding:8px 10px}label{color:var(--ink-2);font-size:13px;font-weight:600}.form-grid{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.form-grid>label{margin-top:10px}.form-grid>label:first-child{margin-top:0}.form-grid>input,.form-grid>select{width:100%}label:has(>input:not([type=checkbox],[type=radio]),>select,>textarea){gap:4px;display:grid}:is(label:has(>input:not([type=checkbox],[type=radio]))>input,label:has(>select)>select){width:100%}.card>label+label{margin-top:10px}label:has(>input[type=checkbox],>input[type=radio]){align-items:center;gap:6px;display:inline-flex}.row>label,.pager label,.page-head label{align-items:center;gap:8px;display:inline-flex}.row>label>input:not([type=checkbox],[type=radio]),.row>label>select{width:auto}.loc-field{gap:4px;display:grid}.loc-field p{margin:0}.loc-suggest{background:var(--warn-bg);border-radius:8px;padding:6px 10px}.addr-edit{border:1px dashed var(--line);border-radius:10px;margin:8px 0;padding:10px}.tbl{border-collapse:collapse;background:#fff;width:100%;font-size:13.5px}.tbl th{text-align:start;background:var(--paper);color:var(--deep);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 10px}.tbl.compact td{padding:5px 8px}.tbl tr.strong td{color:var(--deep);font-weight:700}.main>.tbl{border:1px solid var(--line);border-radius:12px;overflow:hidden}.chip{background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip.s-en_route{color:var(--blue);background:#e4f1f8;border-color:#bfdff0}.chip.s-arrived,.chip.s-working{background:var(--sky-tint);color:var(--deep);border-color:#b6e6f1}.chip.s-finished,.chip.i-done{background:var(--ok-bg);color:var(--ok);border-color:#c6e7d4}.chip.s-paused,.chip.s-away_for_parts,.chip.s-incomplete,.chip.i-on_hold_safety{background:var(--warn-bg);color:var(--warn);border-color:#f1d7a8}.pick-list{gap:4px;max-height:220px;margin:8px 0;padding:0;list-style:none;display:grid;overflow:auto}.pick-list button{text-align:start;background:var(--paper);border:1px solid var(--line);width:100%;font:inherit;cursor:pointer;border-radius:8px;padding:8px 10px}.pick-list button:hover{border-color:var(--sky)}.picked{gap:6px;display:grid}.photos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.photo{border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:0;overflow:hidden}.photo img{object-fit:cover;width:100%;height:120px;display:block}.photo .ph-empty{height:120px;color:var(--ink-2);place-items:center;display:grid}.photo figcaption{padding:6px 8px;font-size:12.5px}.login{background:var(--deep);place-items:center;min-height:100vh;padding:16px;display:grid}.login-card{gap:8px;width:min(380px,100%);display:grid}.login-card h1{margin-bottom:8px}.login-card input{height:42px}.login-card .btn{height:44px;margin-top:8px}.badge{background:var(--coral-btn);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-inline-start:6px;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.btn.sm{height:32px;padding:0 12px;font-size:13px}.decide{gap:6px;min-width:260px;display:grid}.check{color:var(--ink);align-items:center;gap:6px;font-weight:500;display:flex}.check input{height:auto}.receipt{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:72px;height:72px}.scroll-x{overflow-x:auto}h3{color:var(--deep);margin:0;font-size:16px}.notes-card{background:var(--warn-bg);border-color:#f1d7a8;margin-bottom:16px}.notes{gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.note-chip{background:var(--warn-bg);color:var(--warn);border-color:#f1d7a8;margin-inline-start:8px}.notice.warn{background:var(--warn-bg);color:var(--warn);border-color:#f0d9a8;margin-top:12px;display:block}.notice{background:var(--sky-tint);color:var(--deep);border:1px solid #b6e6f1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.chip.r-submitted,.chip.r-awaiting_customer_info{background:var(--warn-bg);color:var(--warn);border-color:#f1d7a8}.chip.r-under_review,.chip.r-quoted{background:var(--sky-tint);color:var(--deep);border-color:#b6e6f1}.chip.r-in_fulfilment,.chip.r-completed,.chip.r-approved{background:var(--ok-bg);color:var(--ok);border-color:#c6e7d4}.help-btn{inset-inline-end:20px;z-index:30;border:1px solid var(--line);height:40px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;box-shadow:0 2px 8px #0c23401f}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--navy)}.help-mark{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:700;display:inline-grid}.help-panel{z-index:40;border-inline-start:1px solid var(--line);background:#fff;align-content:start;gap:14px;width:min(380px,100vw);padding:18px 20px 72px;line-height:1.7;display:grid;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;box-shadow:-6px 0 24px #0c234024}.help-panel:focus{outline:none}.help-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-panel h2{margin:0;font-size:18px}.help-panel h3{color:var(--navy);margin:0 0 4px;font-size:14px}.help-panel p,.help-panel ul,.help-panel ol{margin:0}.help-panel ul,.help-panel ol{gap:4px;padding-inline-start:20px;display:grid}.help-close{border:1px solid var(--line);cursor:pointer;width:34px;height:34px;color:var(--navy);background:#fff;border-radius:8px;font-size:22px;line-height:1}.help-notes{background:#fff7e6;border-inline-start:4px solid #f4a300;border-radius:8px;padding:10px 12px}.help-kpis{gap:8px;margin:0;display:grid}.help-kpis dt{font-weight:700}.help-kpis dd{margin:0}.help-panel footer{border-top:1px solid var(--line);padding-top:10px}@media (width>=1100px){body.help-open .main{margin-inline-end:380px}}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--blue)}.card.focus{outline:3px solid var(--blue);outline-offset:2px}.price-sum{margin-top:12px;border:1px solid var(--line,#e1e4e8);border-radius:8px;gap:8px;max-width:420px;margin-inline-start:auto;padding:12px;display:grid}.team-controls{gap:6px;margin:8px 0;display:grid}.addr-block{border-bottom:1px dashed var(--line,#e1e4e8);gap:8px;padding:12px 0;display:grid}.on-behalf{border:1px dashed var(--line);border-radius:8px;margin-top:8px;padding:8px 12px}.on-behalf summary{cursor:pointer;font-size:13px;font-weight:600}.card:has(.items-edit){grid-column:1/-1}.fields{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:14px 16px;display:grid}.field{gap:4px;display:grid}.field input,.field select{width:100%}.field small{font-size:12px}.move-list{gap:12px;display:grid}.move{border:1px solid var(--line);border-radius:10px;gap:8px;padding:12px;display:grid}.move-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:0;display:grid}.move-grid dt{color:var(--ink-2);font-size:12px}.move-grid dd{margin:2px 0 0}.move-steps{margin:6px 0 0;padding-inline-start:18px;font-size:13px;line-height:1.8}.nav-search{flex:none;gap:4px;padding:0 4px 8px;display:grid}.nav-search input{border-color:var(--nv-line);color:#fff;background:#ffffff1a;width:100%;height:34px;font-size:13px}.nav-search input::placeholder{color:var(--nv-ink-3)}.nav-search-err{color:#ffb4bd;font-size:12px}.nav-col .nav-search{display:none}.stats{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);min-width:0;color:inherit;background:#fff;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;text-decoration:none;display:flex}a.stat:hover{border-color:var(--blue);box-shadow:0 2px 8px #0c234014}.stat-label{color:var(--ink-2);text-align:center;font-size:13px;line-height:1.35}.stat-value{color:var(--deep);overflow-wrap:anywhere;text-align:center;font-size:26px;font-weight:700;line-height:1.15}.stat-sub{color:var(--ink-2);text-align:center;font-size:12px;line-height:1.35}.stat.quiet{background:0 0}.stat.quiet .stat-value{color:var(--ink-2);opacity:.6;font-weight:500}.stat.alert{border-inline-start:3px solid var(--coral-btn)}.stat.alert .stat-value{color:var(--coral-ink)}.stat.ok .stat-value{color:var(--ok)}.stats-money .stat-value{font-size:20px}.stats-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=700px){.stats-3{grid-template-columns:minmax(0,1fr)}}.stat-group{gap:8px;display:grid}.stat-group>h2{align-items:baseline;gap:8px;margin:0;font-size:14px;display:flex}.stat-group>h2 .count{color:var(--ink-2);font-size:12px;font-weight:500}.page-sections{gap:18px;display:grid}.now-strip{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.svc-picker{min-width:220px;position:relative}.svc-picker input{width:100%}.svc-picker-list{z-index:20;inset-inline:0;border:1px solid var(--line,#e1e4e8);background:#fff;border-radius:8px;max-height:320px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;overflow:auto;box-shadow:0 6px 18px #0000001f}.svc-picker-list button{text-align:start;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:8px;padding:6px 8px;display:flex}.svc-picker-list button:hover,.svc-picker-list button.on{background:var(--sky-tint,#e3f6fa)}.svc-picker-group{padding:6px 8px 2px}.cust-new{border-top:1px solid var(--line);background:#fff;margin-top:4px;padding:4px 0;position:sticky;bottom:-4px}.cust-new button{color:var(--navy);font-weight:600}.visit-stack{gap:16px;margin-bottom:16px;display:grid}.visit-stack>.card{margin:0}.visit-row{align-items:end;gap:12px 16px;display:grid}.visit-row+.visit-row{margin-top:14px}.visit-row.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.visit-row.when{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.6fr)}.visit-row.when>p{margin:0 0 10px}.visit-row.who{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.6fr);align-items:start}@media (width<=860px){.visit-row.cols-2,.visit-row.when,.visit-row.who{grid-template-columns:minmax(0,1fr)}}.pager{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;display:flex}.pager-pages{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pager-pages .btn{min-width:36px;padding:0 10px}.pager select{width:auto;margin-inline-start:4px}
