@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-Hairline.otf") format("opentype");font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-ExtraLight.otf") format("opentype");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-Thin.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-Medium.otf") format("opentype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Ping AR LT";src:url("fonts/PingARLT-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
:root{--yellow:#ffc400;--yellow2:#ffd51a;--black:#081018;--nav:#09131d;--text:#132033;--muted:#6f7c90;--bg:#f4f7fb;--line:#e4e9f1;--green:#19a75a;--red:#ef4444;--blue:#2f80ed;--purple:#7c3aed;--cyan:#0ea5e9}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{width:230px;background:linear-gradient(180deg,#07111a,#0a1722);color:#fff;padding:16px 12px;position:sticky;top:0;height:100vh;overflow:auto;z-index:50}.brand{height:78px;display:grid;place-items:center;border-bottom:1px solid #23303d;margin-bottom:12px}.brand img{width:170px;max-height:62px;object-fit:contain}.sidebar nav a{display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:9px;margin:3px 0;color:#d9e0e7;font-size:13px}.sidebar nav a:hover{background:#17232e;color:#fff}.sidebar nav a:first-child{background:var(--yellow);color:#111;font-weight:800}.nav-title{font-size:10px;color:#7f8c98;margin:20px 10px 7px;letter-spacing:.08em}.main{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.mobile-menu{display:none;border:0;background:none;font-size:22px}.global-search{width:min(560px,55vw);background:#f3f6fa;border:1px solid #e6eaf0;border-radius:10px;padding:0 12px;display:flex;align-items:center;gap:8px}.global-search input{border:0;background:transparent;outline:0;width:100%;padding:11px 0}.top-user{display:flex;align-items:center;gap:10px}.top-user small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:900}.content{padding:0 22px 26px}.page-head{display:flex;justify-content:space-between;align-items:center;padding:24px 0 16px}.page-head h1{margin:4px 0;font-size:26px}.page-head p{margin:0;color:var(--muted)}.btn{border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800;background:#fff;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:7px}.btn.primary{background:linear-gradient(135deg,var(--yellow),var(--yellow2));border-color:#eab500;color:#111}.btn.secondary{background:#111c28;color:#fff;border-color:#111c28}.btn.ghost{background:#fff}.full{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;gap:11px;align-items:center;box-shadow:0 2px 8px #17203308}.stat b{display:block;font-size:20px}.stat small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;font-weight:900}.dark{background:#101923;color:#fff}.yellow{background:#fff0b8;color:#8a6200}.green{background:#def7e8;color:#148346}.red{background:#fee3e3;color:#c81e1e}.purple{background:#eee5ff;color:#6d28d9}.blue{background:#e3efff;color:#2563eb}.cyan{background:#dff5ff;color:#0284c7}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 2px 8px #17203308}.panel+.panel{margin-top:16px}.panel h2,.panel h3{margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head h2{font-size:16px;margin:0}.panel-head a{font-size:12px;color:#3b6fd8}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.fake-map{height:300px;border-radius:10px;background:linear-gradient(150deg,#cfe8ef,#e8e8d8 58%,#d4e9d4);position:relative;overflow:hidden;border:1px solid #d7e0e9}.fake-map:before,.fake-map:after{content:"";position:absolute;background:#fff8;transform:rotate(-15deg)}.fake-map:before{width:120%;height:14px;left:-10%;top:45%}.fake-map:after{width:14px;height:130%;left:50%;top:-15%}.map-city{position:absolute;left:43%;top:42%;font-weight:900;font-size:22px;z-index:2}.pin{position:absolute;z-index:3;background:#fff;border:2px solid var(--yellow);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;box-shadow:0 4px 10px #0002}.p1{left:38%;top:20%}.p2{left:72%;top:28%}.p3{left:14%;top:33%}.p4{left:65%;top:72%}.live-dot{font-size:11px;color:var(--green)}.activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row b{font-size:12px}.activity-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.activity-row time{font-size:10px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;background:#999}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.yellow{background:#eab308}.dot.blue{background:var(--blue)}.dot.purple{background:var(--purple)}.dot.cyan{background:var(--cyan)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:880px}th,td{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:12px;vertical-align:middle}th{font-size:10px;color:#7b8797;text-transform:uppercase;letter-spacing:.02em}.tracking{font-weight:900}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.badge.green{background:#ddf8e7;color:#14783a}.badge.red{background:#fee2e2;color:#b91c1c}.badge.yellow{background:#fff2c8;color:#8a6500}.badge.blue{background:#e0ecff;color:#285fbf}.badge.cyan{background:#def5ff;color:#0778a6}.badge.purple{background:#eee7ff;color:#6d28d9}.badge.gray{background:#eef1f4;color:#5f6875}.icon-btn{width:30px;height:30px;border:1px solid var(--line);display:inline-grid;place-items:center;border-radius:7px;background:#fff}.row-actions{display:flex;gap:5px}.filters{margin-bottom:16px}.search-row{display:flex;gap:10px}.search-row input{flex:1}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr) auto auto;gap:10px;margin-top:10px}input,select,textarea{width:100%;border:1px solid #d7dee8;background:#fff;border-radius:8px;padding:10px 11px;outline:0;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#dfae00;box-shadow:0 0 0 3px #ffc40025}textarea{min-height:86px;resize:vertical}.form-panel{max-width:1150px}.form-section{padding:8px 0 18px;border-bottom:1px solid var(--line)}.form-section h3{font-size:14px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form-grid label{font-size:11px;font-weight:800}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:6px;font-weight:400}.wide{grid-column:1/-1}.toggle-line{display:flex;align-items:center;gap:8px}.toggle-line input{width:auto}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{border:1px solid var(--line);border-radius:10px;padding:14px}.info-card h3{font-size:12px;color:var(--muted)}.info-card strong{font-size:18px}.info-card p{margin:7px 0;font-size:12px}.parcel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.parcel-metrics>div{border:1px solid var(--line);border-radius:9px;padding:11px}.parcel-metrics small,.info-block small{display:block;color:var(--muted);font-size:10px}.parcel-metrics b{display:block;margin-top:4px}.info-block{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:10px}.side-stack{display:grid;gap:16px;align-content:start}.stack{display:grid;gap:10px}.timeline-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.timeline-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.timeline-row p{margin:5px 0 0;font-size:12px}.split{display:grid;grid-template-columns:1fr 1.6fr;gap:16px}.empty{text-align:center;padding:28px;color:var(--muted)}.alert{padding:11px;border-radius:9px;margin:12px 0}.alert.danger{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.auth-body{min-height:100vh;background:radial-gradient(circle at 30% 30%,#18293a,#070d13 65%);display:grid;place-items:center;padding:20px}.auth-shell{width:min(1050px,95vw);display:grid;grid-template-columns:1.15fr .85fr;background:#09131ded;border:1px solid #263444;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px #0008}.auth-brand{min-height:620px;padding:60px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#07111aaa,#07111add),url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1200&q=70') center/cover;color:#fff}.auth-brand img{width:300px;max-width:80%;filter:drop-shadow(0 4px 20px #0008)}.auth-brand h2 span{color:var(--yellow)}.auth-card{background:#0a1520;color:#fff;padding:58px 48px;display:flex;flex-direction:column;justify-content:center}.auth-card h1{font-size:30px;margin:0}.auth-card>p,.auth-card>small{color:#9aacbc}.auth-card label{font-size:12px;font-weight:700}.auth-card input{margin-top:6px;background:#101d29;border-color:#2c3b49;color:#fff}.auth-card .btn{margin-top:4px}.install-card{width:min(520px,95vw);background:#fff;color:var(--text);border-radius:16px}.install-card .auth-logo{width:220px;margin:0 auto 20px;display:block}.install-card input{background:#fff;color:var(--text)}.label-page{background:#eef2f7;padding:18px}.label-toolbar{max-width:102mm;margin:0 auto 12px;display:flex;gap:8px}.shipping-label{width:101.6mm;height:101.6mm;background:#fff;margin:0 auto;border:1px solid #111;border-radius:2mm;overflow:hidden;color:#111;display:flex;flex-direction:column}.label-top{height:18mm;display:grid;grid-template-columns:34% 39% 27%;align-items:center;border-bottom:.5mm solid #111}.label-logo img{width:31mm;height:15mm;object-fit:contain;margin-left:2mm}.label-track{border:.35mm solid #111;border-radius:2mm;overflow:hidden;margin:1.5mm;height:15mm;text-align:center}.label-track span{display:block;background:#090909;color:var(--yellow);font-size:2.2mm;padding:.8mm;font-weight:900}.label-track strong{display:block;font-size:3.4mm;margin:.5mm}.label-track svg{width:34mm!important;height:5mm!important}.label-fast{font-size:2.5mm;font-weight:800;text-align:center}.label-fast:first-letter{font-size:6mm}.label-options{height:18mm;display:grid;grid-template-columns:22% 22% 28% 28%;align-items:center;border-bottom:.4mm solid var(--yellow)}.label-options>div{text-align:center}.label-options small{font-size:2.2mm;font-weight:800;display:block}.pill{display:inline-block;margin-top:1.4mm;border:.35mm solid var(--yellow);border-radius:5mm;padding:1.5mm 4mm;font-size:3.4mm}.pill.no{background:#090909;color:var(--yellow);border-color:#090909}.qrbox{display:grid;place-items:center}.qrbox img{width:16mm!important;height:16mm!important}.service-code{border:.35mm solid #111;border-radius:2mm;margin:1mm 3mm;overflow:hidden}.service-code b,.service-code span{display:block;font-size:4mm;padding:.8mm}.service-code b{background:#090909;color:var(--yellow)}.service-code span{background:var(--yellow)}.service-code small{font-size:1.8mm;margin:.7mm}.label-parties{height:37mm;display:grid;grid-template-columns:42% 58%;border-bottom:.4mm solid var(--yellow)}.label-parties>div{position:relative;border-right:.35mm dashed var(--yellow);padding:0 4mm}.label-parties h3,.label-merch h3{background:#090909;color:var(--yellow);margin:0 -4mm 2mm;padding:1.5mm 4mm;font-size:2.8mm}.merchant-name{font-size:5.5mm;font-weight:800;margin:5mm 0 3mm}.sender p{font-size:2.6mm;margin:2mm 0}.mini-brand{position:absolute;bottom:2mm;font-weight:900;color:#222}.receiver dl{display:grid;grid-template-columns:24mm 1fr;gap:1.2mm;margin:2mm 0;font-size:2.4mm}.receiver dt{font-weight:900}.receiver dd{margin:0}.cod-line{border-top:.3mm dashed var(--yellow);margin-top:1.7mm;padding-top:1.5mm;display:flex;justify-content:space-between;align-items:center;font-size:2.8mm}.cod-line strong{font-size:4.6mm}.comment-line{font-size:2.4mm;display:flex;gap:3mm;margin-top:1mm}.label-merch{height:12.5mm;border:.35mm solid var(--yellow);border-radius:2mm;margin:2mm 2.5mm;position:relative;overflow:hidden}.label-merch h3{margin:0;padding:1mm 3mm;font-size:2.5mm}.label-merch p{font-size:2.2mm;margin:1.5mm 3mm;width:76%;white-space:nowrap;overflow:hidden}.weight{position:absolute;right:2mm;top:4.5mm;border:.3mm dashed var(--yellow);padding:1mm 2mm;text-align:center;font-size:1.8mm}.label-benefits{height:10mm;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4mm;margin:0 2.5mm}.label-benefits div{border:.3mm solid var(--yellow);border-radius:1.6mm;font-size:1.9mm;text-align:center;padding:.8mm}.label-benefits b{display:block}.shipping-label footer{margin-top:auto;background:#090909;color:#fff;text-align:center;font-size:2mm;padding:1.2mm}.shipping-label footer span{color:var(--yellow);font-size:3mm}@page{size:101.6mm 101.6mm;margin:0}@media print{body.label-page{padding:0;background:#fff}.label-toolbar{display:none}.shipping-label{margin:0;border:0;border-radius:0}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}.filter-grid{grid-template-columns:repeat(3,1fr)}.sidebar{width:210px}}@media(max-width:820px){.sidebar{position:fixed;left:-240px;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block}.global-search{width:48vw}.content{padding:0 12px 18px}.topbar{padding:0 12px}.top-user div{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.detail-grid,.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.two-cards{grid-template-columns:1fr}.parcel-metrics{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;gap:10px}.page-head .btn{font-size:11px}.shipping-label{transform-origin:top left}}@media(max-width:520px){.topbar{height:62px}.global-search{width:auto;flex:1}.top-user{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:10px}.stat b{font-size:17px}.fake-map{height:220px}.filter-grid,.search-row{grid-template-columns:1fr;display:grid}.page-head h1{font-size:22px}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{padding:38px 24px;min-height:600px}}
/* ===== Phase 2 ===== */
.btn.success{background:#17a65a;color:#fff;border-color:#17a65a}.btn.info{background:#1677ff;color:#fff;border-color:#1677ff}.btn.danger{background:#ef4444;color:#fff;border-color:#ef4444}.head-actions,.parcel-quick{display:flex;gap:8px;flex-wrap:wrap}.phase2-filters{grid-template-columns:repeat(5,minmax(130px,1fr))}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.driver-stats{grid-template-columns:repeat(4,1fr)}.client-stats{grid-template-columns:repeat(6,1fr)}.finance-stats{grid-template-columns:repeat(2,minmax(220px,360px))}.store-stats{grid-template-columns:repeat(6,1fr)}.driver-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.driver-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 2px 10px #1720330a}.driver-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.driver-card h3{margin:12px 0 8px}.driver-card p{margin:6px 0;color:#566477;font-size:13px}.driver-card>strong{display:block;font-size:20px;margin:12px 0}.driver-actions{display:flex;flex-wrap:wrap;gap:7px}.driver-actions form{display:inline-flex}.driver-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.driver-admin-card{margin:0!important}.driver-profile{display:flex;align-items:center;gap:10px}.driver-profile h3{margin:0}.driver-profile p{margin:3px 0;color:var(--muted);font-size:12px}.driver-profile .badge{margin-left:auto}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.mini-stats>div{border:1px solid var(--line);border-radius:9px;padding:10px}.mini-stats b{display:block;font-size:16px}.mini-stats small{font-size:10px;color:var(--muted)}.tracking-page{min-height:100vh;background:radial-gradient(circle at 30% 0,#1e3347,#07111a 70%);padding:24px}.tracking-shell{width:min(720px,96vw);margin:30px auto;background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 80px #0006}.tracking-logo{width:220px;max-height:90px;object-fit:contain;display:block;margin:0 auto 18px}.tracking-shell>h1{text-align:center;margin-bottom:4px}.tracking-shell>p{text-align:center;color:var(--muted)}.tracking-form{display:flex;gap:8px;margin:24px 0}.tracking-form input{font-size:16px}.tracking-result{border:1px solid var(--line);border-radius:14px;padding:18px}.tracking-result-head{display:flex;align-items:center;justify-content:space-between}.tracking-result-head h2{margin:3px 0}.tracking-result-head small,.tracking-grid small{color:var(--muted);font-size:10px}.tracking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.tracking-grid>div{background:#f7f9fc;border-radius:9px;padding:12px}.tracking-grid b{display:block;margin-top:4px}.tracking-back{text-align:center!important}.shipping-label .label-track strong{font-size:3.4mm}.shipping-label .receiver dd{overflow:hidden;text-overflow:ellipsis}.shipping-label .label-merch p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.driver-admin-grid{grid-template-columns:repeat(2,1fr)}.client-stats,.store-stats{grid-template-columns:repeat(3,1fr)}.phase2-filters{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.driver-list{grid-template-columns:1fr}.driver-stats,.client-stats,.store-stats{grid-template-columns:repeat(2,1fr)}.driver-admin-grid{grid-template-columns:1fr}.phase2-filters{grid-template-columns:1fr 1fr}.tracking-grid{grid-template-columns:1fr}.tracking-form{flex-direction:column}.driver-actions .btn,.driver-actions form{flex:1}.driver-actions form .btn{width:100%}}
@media(max-width:520px){.phase2-filters{grid-template-columns:1fr}.tracking-shell{padding:22px 16px;margin:8px auto}.finance-stats{grid-template-columns:1fr}.head-actions{width:100%;margin-top:10px}.page-head{align-items:flex-start;flex-wrap:wrap}}

/* ===== Phase 3 ===== */
.alert{padding:13px 16px;border-radius:10px;margin:0 0 16px;border:1px solid var(--line)}.alert.success{background:#edfff4;border-color:#b9efcc;color:#166534}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:28px!important}.btn.small{padding:7px 10px;font-size:11px}.inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline-form select{min-width:120px}.parcel-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:350px;overflow:auto;padding:4px}.picker-row{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.picker-row input{width:auto;margin-top:3px}.picker-row span{display:flex;flex-direction:column}.picker-row small{color:var(--muted);margin-top:3px}.import-help{background:#fffbea;border:1px solid #f7df7b;padding:14px;border-radius:10px;margin-bottom:16px}.import-help h3{margin:0 0 6px}.report-stats{grid-template-columns:repeat(6,1fr)}

/* Phase 3 label: physical 4x4, no overlaps */
.label-page-v3{margin:0;background:#eef3f8;font-family:Arial,Helvetica,sans-serif;color:#111}.label-workspace{min-height:100vh;display:grid;grid-template-columns:auto 360px;gap:24px;justify-content:center;align-items:start;padding:24px;box-sizing:border-box}.shipping-label-v3{--y:#ffc400;width:101.6mm;height:101.6mm;background:#fff;border:.55mm solid #111;border-radius:2mm;box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:15.5mm 15mm 39mm 14mm 11mm 6mm;color:#0b0b0b;box-shadow:0 10px 30px #18203324}.l3-top{display:grid;grid-template-columns:31% 43% 26%;border-bottom:.45mm solid #111;background:linear-gradient(90deg,var(--y) 0 31%,#fff 31%);min-height:0}.l3-logo{display:grid;place-items:center;padding:1mm}.l3-logo img{width:27mm;height:12.5mm;object-fit:contain}.l3-track{margin:1.2mm 1.3mm;border:.35mm solid #111;border-radius:1.5mm;text-align:center;overflow:hidden;display:grid;grid-template-rows:3.6mm 5.2mm 1fr;align-items:center}.l3-track>div{background:#0b0b0b;color:var(--y);font-size:1.9mm;font-weight:900;line-height:3.6mm}.l3-track strong{font-size:3.5mm;line-height:5.2mm;letter-spacing:.2mm}.l3-track svg{width:34mm!important;height:4.4mm!important;justify-self:center}.l3-fast{display:flex;align-items:center;justify-content:center;gap:1.5mm;padding:1mm;font-size:2.25mm;line-height:1.25}.l3-fast span{font-size:6mm}.l3-options{display:grid;grid-template-columns:23% 22% 29% 26%;border-bottom:.35mm solid var(--y);min-height:0}.l3-option,.l3-qr,.l3-service{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:.25mm dashed #999}.l3-option small{font-size:1.9mm;font-weight:900;margin-bottom:1.4mm}.l3-option b{font-size:3.1mm;border:.32mm solid #111;border-radius:6mm;padding:1.3mm 4mm;line-height:1}.l3-option .is-no{background:#0b0b0b;color:var(--y)}.l3-option .is-yes{background:#fff;color:#111;border-color:var(--y)}.l3-qr{gap:.6mm}.l3-qr #qrcode,.l3-qr img,.l3-qr canvas{width:10.8mm!important;height:10.8mm!important}.l3-qr small{font-size:1.45mm;font-weight:700}.l3-service{border-right:0}.l3-service b,.l3-service span{width:17.5mm;text-align:center}.l3-service b{background:#0b0b0b;color:var(--y);font-size:3.4mm;padding:1.2mm 0;border-radius:1.3mm 1.3mm 0 0}.l3-service span{background:var(--y);font-size:3.8mm;padding:1mm 0}.l3-service small{font-size:1.4mm;margin-top:.7mm;font-weight:700}.l3-parties{display:grid;grid-template-columns:42% 58%;min-height:0}.l3-party{min-width:0;overflow:hidden;border-right:.28mm dashed var(--y)}.l3-party:last-child{border-right:0}.l3-party h3{height:6mm;line-height:6mm;margin:0;background:#0b0b0b;color:var(--y);font-size:2.65mm;padding:0 3mm;box-sizing:border-box}.l3-party-body{padding:2.2mm 3.2mm;box-sizing:border-box;height:33mm;overflow:hidden}.l3-store{font-size:5mm;display:block;margin:1.2mm 0 2.2mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-sender p{font-size:2.55mm;margin:1.5mm 0;display:flex;gap:1.2mm}.l3-recipient dl{display:grid;grid-template-columns:25mm minmax(0,1fr);row-gap:1.2mm;margin:0;font-size:2.25mm;line-height:1.15}.l3-recipient dt{font-weight:900;white-space:nowrap}.l3-recipient dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-recipient dd.l3-address{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:5.4mm}.l3-cod{margin-top:1.7mm;padding-top:1.4mm;border-top:.28mm dashed var(--y);display:flex;align-items:center;justify-content:space-between}.l3-cod span{font-size:2.5mm;font-weight:900}.l3-cod strong{background:#fff3a5;padding:.8mm 1.4mm;border-radius:1mm;font-size:4.15mm}.l3-comment{display:flex;gap:2mm;font-size:2.1mm;margin-top:1.3mm;white-space:nowrap;overflow:hidden}.l3-comment span{overflow:hidden;text-overflow:ellipsis}.l3-merch{position:relative;margin:1.7mm 2.2mm 1.3mm;border:.3mm solid var(--y);border-radius:1.4mm;overflow:hidden;box-sizing:border-box}.l3-merch h3{height:5mm;line-height:5mm;margin:0;background:#0b0b0b;color:var(--y);padding:0 2.5mm;font-size:2.45mm}.l3-merch p{font-size:2.3mm;margin:1.4mm 23mm 0 2.5mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l3-weight{position:absolute;right:2mm;bottom:1.2mm;border:.28mm dashed var(--y);border-radius:1.1mm;padding:.7mm 1.5mm;text-align:center;background:#fff}.l3-weight small{display:block;font-size:1.45mm}.l3-weight b{display:block;font-size:2.8mm;margin-top:.3mm}.l3-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1mm;padding:0 2.1mm 1mm;box-sizing:border-box}.l3-benefits>div{border:.28mm solid var(--y);border-radius:1.2mm;display:flex;align-items:center;justify-content:center;gap:1.2mm;text-align:center;overflow:hidden}.l3-benefits span{font-size:3.8mm}.l3-benefits b{font-size:1.65mm;line-height:1.25}.shipping-label-v3 footer{background:#0b0b0b;color:#fff;display:flex;align-items:center;justify-content:center;gap:2mm;font-size:1.9mm;font-weight:700}.shipping-label-v3 footer span{color:var(--y);font-size:2.3mm}.label-controls-v3{width:360px;background:#fff;border:1px solid #dfe6ef;border-radius:16px;padding:24px;box-sizing:border-box;box-shadow:0 12px 35px #18203310}.label-controls-v3 h1{font-size:24px;margin:0 0 20px}.format-card{border:1px solid #dbe3ed;border-radius:12px;padding:16px;display:flex;flex-direction:column;margin-bottom:12px}.format-card.selected{border:2px solid var(--yellow);background:#fffbeb}.format-card span{color:#64748b;margin-top:4px}.print-note{background:#eff6ff;color:#334155;padding:13px;border-radius:10px;margin:16px 0}.label-print-btn,.label-back-btn{width:100%;border:0;border-radius:10px;padding:14px;margin-top:10px;font-weight:900;font-size:15px;cursor:pointer}.label-print-btn{background:#ffc400;color:#111}.label-back-btn{background:#f3f6fa}.print-specs{background:#f7f9fc;border-radius:12px;padding:14px;margin-top:18px;font-size:13px}.print-specs h3{margin:0 0 8px}.print-specs p{margin:6px 0}.label-ready{margin-top:10px;color:#187a3f;font-weight:700;font-size:13px}
@page{size:101.6mm 101.6mm;margin:0}@media print{html,body.label-page-v3{width:101.6mm;height:101.6mm;margin:0!important;padding:0!important;background:#fff}.label-workspace{display:block!important;padding:0!important;margin:0!important;min-height:0}.label-controls-v3,.label-ready{display:none!important}.shipping-label-v3{width:101.6mm!important;height:101.6mm!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;break-after:avoid;page-break-after:avoid}}
@media(max-width:980px){.label-workspace{grid-template-columns:1fr;justify-items:center}.label-controls-v3{width:min(101.6mm,100%)}.report-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.parcel-picker{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.label-workspace{padding:10px;overflow:auto}.shipping-label-v3{transform:scale(.82);transform-origin:top center;margin-bottom:-18mm}}
.proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.proof-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.proof-card img{width:100%;height:130px;object-fit:cover;display:block}.proof-card>div{padding:10px}.proof-card b,.proof-card small{display:block}.proof-card small{color:var(--muted);margin-top:2px}.proof-card p{margin:7px 0 0;font-size:12px}@media(max-width:640px){.proof-grid{grid-template-columns:1fr}}
@media print{.shipping-label-v3{transform:none!important}.label-workspace>div{width:101.6mm!important;height:101.6mm!important}}

/* ===== Phase 4: monochrome thermal label ===== */
.label-page-v4{margin:0;background:#eef3f8;font-family:Arial,Helvetica,sans-serif;color:#000}.label-workspace-v4{min-height:100vh;display:grid;grid-template-columns:auto 360px;gap:24px;justify-content:center;align-items:start;padding:24px;box-sizing:border-box}.shipping-label-v4{width:101.6mm;height:101.6mm;background:#fff;border:.55mm solid #000;border-radius:2mm;box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:16mm 16mm 39mm 12mm 10mm 8.6mm;box-shadow:0 10px 30px #18203324;color:#000}.v4-top{display:grid;grid-template-columns:30% 44% 26%;border-bottom:.45mm solid #000}.v4-logo{display:grid;place-items:center;padding:1mm;background:#fff}.v4-logo img{width:27mm;height:12.5mm;object-fit:contain;filter:grayscale(1) contrast(2) brightness(.15)}.v4-track{margin:1.1mm;border:.35mm solid #000;border-radius:1.4mm;text-align:center;overflow:hidden;display:grid;grid-template-rows:3.6mm 5.1mm 1fr}.v4-track>b{background:#000;color:#fff;font-size:1.9mm;line-height:3.6mm}.v4-track>strong{font-size:3.7mm;line-height:5.1mm}.v4-track svg{width:35mm!important;height:4.6mm!important;justify-self:center}.v4-fast{display:flex;align-items:center;justify-content:center;gap:1.6mm;padding:1mm;font-size:2.15mm;line-height:1.12}.v4-fast span{font-size:6.5mm}.v4-options{display:grid;grid-template-columns:24% 22% 29% 25%;border-bottom:.35mm solid #000}.v4-options>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:.25mm dashed #555}.v4-options>div:last-child{border-right:0}.v4-options small{font-size:1.7mm;font-weight:900}.v4-options>div>b:not(.v4-service b){margin-top:1.5mm;border:.32mm solid #000;border-radius:6mm;padding:1.2mm 4mm;font-size:3mm;line-height:1}.v4-qr{gap:.5mm}.v4-qr #qrcode,.v4-qr img,.v4-qr canvas{width:11mm!important;height:11mm!important}.v4-service b,.v4-service strong{width:17mm;text-align:center}.v4-service b{background:#000;color:#fff;font-size:3.3mm;padding:1mm 0}.v4-service strong{border:.35mm solid #000;border-top:0;font-size:3.6mm;padding:1mm 0}.v4-service small{margin-top:.5mm}.v4-parties{display:grid;grid-template-columns:42% 58%}.v4-party{min-width:0;overflow:hidden;border-right:.28mm dashed #444}.v4-party:last-child{border-right:0}.v4-party h3{height:6mm;line-height:6mm;margin:0;background:#000;color:#fff;font-size:2.65mm;padding:0 3mm}.v4-body{padding:2mm 3mm;height:33mm;box-sizing:border-box;position:relative}.v4-store{font-size:5mm;display:block;margin:1mm 0 2mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v4-sender p{font-size:2.55mm;margin:1.4mm 0}.v4-social{position:absolute;bottom:1.2mm;left:3mm;right:3mm;border-top:.25mm solid #000;padding-top:1mm;font-size:1.75mm;font-weight:800}.v4-recipient dl{display:grid;grid-template-columns:25mm minmax(0,1fr);row-gap:1.05mm;margin:0;font-size:2.2mm;line-height:1.14}.v4-recipient dt{font-weight:900}.v4-recipient dd{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v4-recipient dd.v4-address{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:5.3mm}.v4-cod{margin-top:1.4mm;padding-top:1.2mm;border-top:.25mm dashed #000;display:flex;justify-content:space-between;align-items:center}.v4-cod span{font-size:2.45mm;font-weight:900}.v4-cod strong{border:.35mm solid #000;border-radius:1mm;padding:.65mm 1.5mm;font-size:4mm}.v4-comment{display:flex;gap:1.6mm;margin-top:1.1mm;font-size:2mm;white-space:nowrap;overflow:hidden}.v4-comment span{overflow:hidden;text-overflow:ellipsis}.v4-merch{position:relative;margin:1.2mm 2mm;border:.3mm solid #000;border-radius:1.2mm;overflow:hidden}.v4-merch h3{height:4.7mm;line-height:4.7mm;margin:0;background:#000;color:#fff;padding:0 2.5mm;font-size:2.35mm}.v4-merch p{font-size:2.2mm;margin:1.2mm 23mm 0 2.5mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v4-weight{position:absolute;right:1.5mm;bottom:1mm;border:.3mm solid #000;border-radius:1mm;padding:.6mm 1.4mm;text-align:center;background:#fff}.v4-weight small{display:block;font-size:1.35mm}.v4-weight b{font-size:2.7mm}.v4-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:0 2mm 1mm}.v4-benefits>div{border:.28mm solid #000;display:flex;align-items:center;justify-content:center;gap:1.1mm;text-align:center}.v4-benefits b{font-size:3.4mm}.v4-benefits span{font-size:1.55mm;font-weight:900;line-height:1.18}.v4-footer{background:#000;color:#fff;display:grid;grid-template-columns:8mm 1fr 17mm;align-items:center;padding:0 2.5mm;gap:1.5mm}.v4-footer>span{font-size:4.4mm}.v4-footer p{margin:0;font-size:1.55mm;line-height:1.25}.v4-footer>strong{text-align:center;font-size:4.6mm;line-height:.8;border-left:.25mm solid #fff;padding-left:1.6mm}.v4-footer small{font-size:1.5mm;letter-spacing:.8mm}.phase4-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.bulk-bar select{min-width:150px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid .panel{margin:0}.check-col{width:34px}.check-col input{width:auto}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@page{size:101.6mm 101.6mm;margin:0}@media print{html,body.label-page-v4{width:101.6mm;height:101.6mm;margin:0!important;padding:0!important;background:#fff}.label-workspace-v4{display:block!important;padding:0!important;margin:0!important;min-height:0}.label-controls-v3,.label-ready{display:none!important}.shipping-label-v4{width:101.6mm!important;height:101.6mm!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:grayscale(1) contrast(1.25)!important}}
@media(max-width:980px){.label-workspace-v4{grid-template-columns:1fr;justify-items:center}.settings-grid,.account-grid{grid-template-columns:1fr}}@media(max-width:640px){.label-workspace-v4{padding:10px;overflow:auto}.shipping-label-v4{transform:scale(.82);transform-origin:top center;margin-bottom:-18mm}}

/* ===== Phase 5: Tracking YYMMDDNNNN + coded delivery zones + print-first label ===== */
.zone-code-pill{display:inline-block;background:#101010;color:#fff;border-radius:6px;padding:5px 8px;font-weight:900;letter-spacing:.04em}.field-hint{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:500}
.label-page-v5{margin:0;background:#eef3f8;font-family:Arial,Helvetica,sans-serif;color:#000}.label-workspace-v5{min-height:100vh;display:grid;grid-template-columns:auto 360px;gap:24px;justify-content:center;align-items:start;padding:24px;box-sizing:border-box}.shipping-label-v5{width:106mm;height:106mm;background:#fff;border:.55mm solid #000;border-radius:2mm;box-sizing:border-box;overflow:hidden;display:grid;grid-template-rows:16.2mm 16.2mm 39.2mm 11.4mm 9mm 8.4mm;box-shadow:0 10px 30px #18203324;color:#000}.v5-top{display:grid;grid-template-columns:30% 44% 26%;border-bottom:.45mm solid #000}.v5-logo{display:grid;place-items:center;padding:.9mm;background:#fff}.v5-logo img{width:28.5mm;height:13.2mm;object-fit:contain}.v5-track{margin:1mm;border:.4mm solid #000;border-radius:1.4mm;text-align:center;overflow:hidden;display:grid;grid-template-rows:3.6mm 5.3mm 1fr}.v5-track>b{background:#000;color:#fff;font-size:2mm;line-height:3.6mm;letter-spacing:.08mm}.v5-track>strong{font-size:4mm;line-height:5.3mm;letter-spacing:.15mm}.v5-track svg{width:36mm!important;height:4.8mm!important;justify-self:center}.v5-fast{display:flex;align-items:center;justify-content:center;gap:1.2mm;padding:1mm;font-size:2.2mm;line-height:1.12}.v5-fast span{font-size:6.7mm}.v5-options{display:grid;grid-template-columns:34% 30% 36%;border-bottom:.4mm solid #000}.v5-options>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:.25mm dashed #444;min-width:0}.v5-options>div:last-child{border-right:0}.v5-options small{font-size:1.62mm;font-weight:900}.v5-options>div>b:not(.v5-zone b){margin-top:1.4mm;border:.35mm solid #000;border-radius:6mm;padding:1.25mm 4mm;font-size:3.2mm;line-height:1}.v5-qr{gap:.35mm}.v5-qr #qrcode,.v5-qr img,.v5-qr canvas{width:11.3mm!important;height:11.3mm!important}.v5-qr small{font-size:1.35mm}.v5-zone b,.v5-zone strong{width:21mm;text-align:center}.v5-zone b{background:#000;color:#fff;font-size:2.15mm;padding:1mm 0}.v5-zone strong{border:.4mm solid #000;border-top:0;font-size:3.9mm;padding:1.2mm .4mm;letter-spacing:.08mm}.v5-zone small{margin-top:.7mm;font-size:1.4mm;max-width:22mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-parties{display:grid;grid-template-columns:41.5% 58.5%}.v5-party{min-width:0;overflow:hidden;border-right:.3mm dashed #333}.v5-party:last-child{border-right:0}.v5-party h3{height:6mm;line-height:6mm;margin:0;background:#000;color:#fff;font-size:2.8mm;padding:0 3mm}.v5-body{padding:1.9mm 3mm;height:33.2mm;box-sizing:border-box;position:relative}.v5-store{font-size:5.2mm;display:block;margin:.9mm 0 2mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-sender p{font-size:2.8mm;margin:1.35mm 0;line-height:1.1}.v5-social{position:absolute;bottom:1.1mm;left:3mm;right:3mm;border-top:.28mm solid #000;padding-top:1mm;font-size:1.85mm;font-weight:800}.v5-recipient dl{display:grid;grid-template-columns:25mm minmax(0,1fr);row-gap:1.02mm;margin:0;font-size:2.55mm;line-height:1.16}.v5-recipient dt{font-weight:900}.v5-recipient dd{margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-recipient dd.v5-address{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:8.2mm;line-height:1.18}.v5-cod{margin-top:1mm;padding-top:1mm;border-top:.3mm dashed #000;display:flex;justify-content:space-between;align-items:center}.v5-cod span{font-size:2.7mm;font-weight:900}.v5-cod strong{border:.4mm solid #000;border-radius:1mm;padding:.55mm 1.5mm;font-size:4.15mm}.v5-comment{display:flex;gap:1.3mm;margin-top:.85mm;font-size:2.15mm;white-space:nowrap;overflow:hidden}.v5-comment span{overflow:hidden;text-overflow:ellipsis;font-weight:600}.v5-merch{position:relative;margin:1mm 2mm;border:.35mm solid #000;border-radius:1.2mm;overflow:hidden}.v5-merch h3{height:4.6mm;line-height:4.6mm;margin:0;background:#000;color:#fff;padding:0 2.5mm;font-size:2.45mm}.v5-merch p{font-size:2.5mm;font-weight:600;margin:1.2mm 24mm 0 2.5mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v5-weight{position:absolute;right:1.4mm;bottom:.8mm;border:.35mm solid #000;border-radius:1mm;padding:.55mm 1.3mm;text-align:center;background:#fff}.v5-weight small{display:block;font-size:1.4mm}.v5-weight b{font-size:2.9mm}.v5-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:0 2mm .8mm}.v5-benefits>div{border:.3mm solid #000;display:flex;align-items:center;justify-content:center;gap:1mm;text-align:center}.v5-benefits b{font-size:3.4mm}.v5-benefits span{font-size:1.65mm;font-weight:900;line-height:1.16}.v5-footer{background:#000;color:#fff;display:grid;grid-template-columns:7mm 1fr 17mm;align-items:center;padding:0 2.3mm;gap:1.4mm}.v5-footer>span{font-size:4.3mm}.v5-footer p{margin:0;font-size:1.65mm;line-height:1.22;font-weight:700}.v5-footer>strong{text-align:center;font-size:4.7mm;line-height:.85;border-left:.25mm solid #fff;padding-left:1.6mm}.v5-footer>strong small{display:block;font-size:1.55mm;letter-spacing:.8mm;margin-top:.8mm}
@media(max-width:980px){.label-workspace-v5{grid-template-columns:1fr;justify-items:center}.label-controls-v3{width:min(101.6mm,100%)}}
@media print{@page{size:101.6mm 101.6mm;margin:0}.label-page-v5{background:#fff!important;width:101.6mm;height:101.6mm}.label-workspace-v5{display:block!important;padding:0!important;margin:0!important;min-height:0!important}.shipping-label-v5{box-shadow:none!important;border-radius:0!important;margin:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.label-controls-v3,.label-ready{display:none!important}}
.nav-logout-form{margin:0}.nav-logout{width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:left;display:flex;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;border-radius:10px}.nav-logout:hover{background:rgba(255,255,255,.08)}
/* Phase 7: city / zone management */
.zones-admin-grid{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(0,1.55fr);gap:16px;align-items:start}.city-create-form{display:grid;grid-template-columns:1.5fr .7fr auto;gap:10px;align-items:end;margin-bottom:14px}.city-create-form label,.zone-create-grid label,.edit-dialog label{font-size:11px;font-weight:800}.city-create-form input,.zone-create-grid input,.zone-create-grid select,.edit-dialog input,.edit-dialog select,.edit-dialog textarea{margin-top:6px;font-weight:400}.zone-create-grid{display:grid;grid-template-columns:1fr .65fr 1.5fr .65fr auto;gap:10px;align-items:end;margin-bottom:22px}.zones-list-head{gap:14px}.zone-tools{display:flex;gap:8px;min-width:min(480px,55%)}.compact-table{min-width:580px}.danger-icon{color:#c81e1e;background:#fff2f2;border-color:#ffd5d5}.edit-dialog{border:0;border-radius:14px;padding:0;box-shadow:0 30px 80px #0005;width:min(520px,92vw)}.edit-dialog::backdrop{background:#07111a99}.edit-dialog form{padding:20px;display:grid;gap:12px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h3{margin:0}.dialog-close{border:0;background:none;font-size:24px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.muted{color:var(--muted);font-size:12px;margin:4px 0 0}@media(max-width:1180px){.zones-admin-grid{grid-template-columns:1fr}.zone-create-grid{grid-template-columns:1fr 1fr}.zone-create-grid button{grid-column:1/-1}.city-create-form{grid-template-columns:1fr 1fr auto}}@media(max-width:640px){.city-create-form,.zone-create-grid{grid-template-columns:1fr}.zone-tools{min-width:0;width:100%;display:grid}.zones-list-head{display:grid}.city-create-form button,.zone-create-grid button{grid-column:auto}}
/* Phase 7: direct mobile proof-of-delivery camera */
.pod-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:16px}.pod-form{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fbfcfe}.camera-box{height:260px;border:1px dashed #b8c3d1;border-radius:12px;background:#0b1117;overflow:hidden;display:grid;place-items:center;position:relative}.camera-box video,.camera-box>img{width:100%;height:100%;object-fit:cover}.camera-empty{color:#d8e1ea;text-align:center;padding:25px;display:grid;gap:7px}.camera-empty span{font-size:42px}.camera-empty small{color:#91a0ae;max-width:300px}.camera-actions{display:flex;gap:8px;flex-wrap:wrap}.fallback-upload{font-size:11px;font-weight:800}.fallback-upload input{margin-top:6px}.gps-status{font-size:11px;color:var(--muted);background:#f1f5f9;border-radius:8px;padding:9px}.gps-status.ok{background:#e6f8ed;color:#14783a}.proof-location{display:inline-block;margin-top:8px;font-size:11px;font-weight:800;color:#1463c7}@media(max-width:900px){.pod-layout{grid-template-columns:1fr}.camera-box{height:min(58vw,360px)}}

/* ===== Phase 8: responsive polish, dark mode, real map, visible actions ===== */
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--text:#e7edf5;--muted:#9aa9bb;--bg:#0d141d;--line:#263241;--nav:#07111a}body{transition:background-color .22s ease,color .22s ease}.main,.content{min-width:0}.content{max-width:1700px;margin:0 auto;width:100%}
.top-actions{display:flex;align-items:center;gap:12px}.theme-toggle{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;color:#182235;display:grid;place-items:center;cursor:pointer;font-size:19px;transition:.2s ease;position:relative;overflow:hidden}.theme-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0b162318}.sidebar-backdrop{display:none}
.sidebar nav a,.nav-logout,.btn,.icon-btn,.stat,.panel,.driver-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.sidebar nav a.active{background:var(--yellow)!important;color:#111!important;font-weight:900;box-shadow:0 7px 20px #0002}.sidebar nav a:hover,.nav-logout:hover{transform:translateX(2px)}.btn,.icon-btn,.theme-toggle,.mobile-menu{position:relative;overflow:hidden}.btn:hover,.icon-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #13203316}.btn:active,.icon-btn:active{transform:translateY(0) scale(.98)}.btn.primary:hover{box-shadow:0 10px 24px #ffc40040}.ui-ripple{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.16;transform:scale(0);animation:uiRipple .55s ease-out forwards}@keyframes uiRipple{to{transform:scale(1);opacity:0}}@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.page-enter{animation:pageEnter .28s ease both}.stat:hover{transform:translateY(-3px);box-shadow:0 10px 28px #13203310}.stat-pulse{animation:statPulse .45s ease}@keyframes statPulse{50%{transform:scale(1.08);color:#b47d00}}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(310px,.9fr)}.live-map{height:340px;border-radius:12px;border:1px solid var(--line);overflow:hidden;background:#e8eef4;position:relative}.map-loading{height:100%;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.map-loading span{font-size:36px}.osm-fallback{width:100%;height:100%;border:0}.driver-map-icon{background:transparent!important;border:0!important;display:flex;align-items:center;gap:5px;white-space:nowrap}.driver-map-icon span{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:2px solid #111;box-shadow:0 4px 12px #0003}.driver-map-icon span.stale{filter:grayscale(1);opacity:.65}.driver-map-icon b{background:#fff;color:#111;border:1px solid #d8dee6;border-radius:7px;padding:4px 6px;font:700 11px/1.1 Inter,Segoe UI,Arial,sans-serif;box-shadow:0 3px 10px #0002}.leaflet-control-attribution{font-size:9px!important}.live-dot{white-space:nowrap}.dashboard-table table{min-width:900px}.table-edit-btn{padding:7px 10px!important;font-size:11px!important;white-space:nowrap;background:#fff8d7!important;border-color:#f4cf4a!important;color:#614900!important}.row-actions{align-items:center;flex-wrap:nowrap;white-space:nowrap}.row-actions form{margin:0}
.driver-location-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.driver-location-card>div{display:flex;align-items:center;gap:12px}.driver-location-card h3{margin:0 0 3px}.driver-location-icon{width:44px;height:44px;border-radius:12px;background:#fff3bd;color:#6d5200;display:grid;place-items:center;font-size:22px}.driver-location-card .sharing{background:#831b1b;color:#fff;border-color:#831b1b}.driver-location-card .muted.ok{color:var(--green);font-weight:800}
/* Zones: full-width sections prevent action buttons from falling outside the viewport. */
.zones-admin-grid{grid-template-columns:1fr!important;gap:16px!important}.city-panel,.zone-panel{min-width:0}.city-table-wrap{overflow:visible}.compact-table{min-width:0!important;table-layout:auto}.zone-panel>.table-wrap{overflow:visible}.zone-panel table{min-width:0!important;table-layout:fixed}.zone-panel table th:nth-child(1),.zone-panel table td:nth-child(1){width:92px}.zone-panel table th:nth-child(2),.zone-panel table td:nth-child(2){width:110px}.zone-panel table th:nth-child(4),.zone-panel table td:nth-child(4){width:88px}.zone-panel table th:nth-child(5),.zone-panel table td:nth-child(5){width:58px}.zone-panel table th:nth-child(6),.zone-panel table td:nth-child(6){width:82px}.zone-panel table th:nth-child(7),.zone-panel table td:nth-child(7){width:116px}.zone-panel td:nth-child(3){white-space:normal;overflow-wrap:anywhere}.city-create-form{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.7fr) auto}.zone-create-grid{grid-template-columns:minmax(180px,1fr) minmax(130px,.65fr) minmax(260px,1.5fr) minmax(110px,.65fr) auto}.zone-tools{min-width:0;width:min(520px,55%)}
/* Dark mode */
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .info-card,html[data-theme="dark"] .info-block,html[data-theme="dark"] .parcel-metrics>div,html[data-theme="dark"] .pod-form,html[data-theme="dark"] .driver-card,html[data-theme="dark"] .edit-dialog{background:#131d28;color:var(--text);border-color:var(--line);box-shadow:0 3px 16px #0002}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea,html[data-theme="dark"] .global-search,html[data-theme="dark"] .btn.ghost,html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .theme-toggle{background:#0f1822;color:var(--text);border-color:#334153}html[data-theme="dark"] .global-search input{background:transparent}html[data-theme="dark"] .btn.secondary{background:#263445;border-color:#33465a}html[data-theme="dark"] .table-edit-btn{background:#3d3310!important;border-color:#6e5a15!important;color:#ffe17a!important}html[data-theme="dark"] th{color:#9aa8b9}html[data-theme="dark"] td{border-color:var(--line)}html[data-theme="dark"] .camera-box{border-color:#3c4b5d}html[data-theme="dark"] .gps-status{background:#0d1620}html[data-theme="dark"] .dialog-close{color:var(--text)}html[data-theme="dark"] .driver-location-icon{background:#463a0d;color:#ffe26d}html[data-theme="dark"] .leaflet-container{filter:brightness(.88) saturate(.82)}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1fr}.activity{max-height:360px;overflow:auto}.zone-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-create-grid button{grid-column:1/-1}.zone-panel>.table-wrap{overflow:auto}.zone-panel table{min-width:820px!important}.city-table-wrap{overflow:auto}.compact-table{min-width:620px!important}}
@media(max-width:900px){.sidebar{position:fixed;left:-248px;top:0;width:238px;transition:left .22s ease;box-shadow:12px 0 35px #0004}.sidebar.open{left:0}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#06101aa8;z-index:45;opacity:0;pointer-events:none;transition:opacity .2s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.mobile-menu{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);margin-right:8px}.topbar{padding:0 12px;height:64px}.top-user div{display:none}.global-search{width:min(100%,620px);flex:1}.content{padding:0 12px 22px}.page-head{padding:18px 0 12px;gap:12px;align-items:flex-start}.page-head h1{font-size:22px}.page-head>div:last-child:not(:first-child),.head-actions,.phase4-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.split,.two-cards{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr 1fr}.live-map{height:310px}.driver-location-card{align-items:flex-start;flex-direction:column}.driver-location-card .btn{width:100%}html[data-theme="dark"] .mobile-menu{background:#0f1822}}
@media(max-width:640px){.topbar{gap:6px}.global-search{min-width:0}.global-search input{font-size:12px}.theme-toggle{width:38px;height:38px}.avatar{width:34px;height:34px}.page-head{display:grid}.page-head .btn{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:11px}.stat b{font-size:18px}.stat-icon{width:34px;height:34px}.dashboard-grid{gap:12px}.panel{padding:13px;border-radius:11px}.live-map{height:285px}.filter-grid,.form-grid,.city-create-form,.zone-create-grid{grid-template-columns:1fr!important}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.zone-tools{width:100%;display:grid}.zones-list-head{display:grid}.zone-panel>.table-wrap,.city-table-wrap,.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.zone-panel table{min-width:790px!important}.compact-table{min-width:600px!important}.driver-actions{display:grid!important;grid-template-columns:1fr 1fr}.driver-actions form,.driver-actions .btn{width:100%}.camera-actions .btn{flex:1}.pod-panel{padding:12px}.top-user{gap:5px}.row-actions{gap:4px}.table-edit-btn{padding:7px 8px!important}.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{padding:34px 22px;min-height:100vh}.account-grid,.settings-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
.sidebar nav a:first-child:not(.active){background:transparent;color:#d9e0e7;font-weight:400;box-shadow:none}
/* ===== Phase 9: Arabic/RTL, finance, scanner ===== */
.lang-toggle{width:42px;height:42px;border:1px solid var(--border);border-radius:12px;display:grid;place-items:center;background:var(--panel);color:var(--text);font-weight:900;text-decoration:none;transition:.2s ease}.lang-toggle:hover{transform:translateY(-2px);border-color:#ffbf00;box-shadow:0 8px 22px rgba(0,0,0,.08)}
html[dir="rtl"] body{font-family:"Ping AR LT",Tahoma,Arial,sans-serif}html[dir="rtl"] .app{direction:rtl}html[dir="rtl"] .sidebar{right:0;left:auto}html[dir="rtl"] .main{margin-left:0;margin-right:0}html[dir="rtl"] .sidebar nav a,html[dir="rtl"] .nav-logout{text-align:right}html[dir="rtl"] .global-search,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}html[dir="rtl"] .row-actions,html[dir="rtl"] .head-actions{direction:rtl}html[dir="rtl"] table{text-align:right}
.finance-balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.balance-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border)}.balance-row strong{font-size:19px}.scanner-panel{max-width:760px;margin-inline:auto}.scanner-frame{height:390px;border:2px dashed var(--border);border-radius:18px;overflow:hidden;position:relative;background:#07111b;display:grid;place-items:center}.scanner-frame video{width:100%;height:100%;object-fit:cover}.scanner-empty{color:#fff;display:grid;gap:8px;text-align:center;font-size:44px}.scanner-empty b{font-size:22px}.scanner-empty small{font-size:13px;color:#aeb8c2}.scan-line{position:absolute;left:8%;right:8%;top:50%;height:2px;background:#ffbf00;box-shadow:0 0 14px #ffbf00;animation:scanMove 2s ease-in-out infinite}@keyframes scanMove{0%,100%{transform:translateY(-120px)}50%{transform:translateY(120px)}}.scan-manual{display:flex;gap:10px;margin-top:16px}.scan-manual input{flex:1}
.signature-box{border:1px dashed var(--border);border-radius:12px;padding:10px}.signature-canvas{width:100%;height:150px;background:#fff;border-radius:8px;touch-action:none}.signature-actions{display:flex;justify-content:flex-end;margin-top:7px}
@media(max-width:900px){html[dir="rtl"] .main{margin-right:0}.finance-balance-grid{grid-template-columns:1fr}.scanner-frame{height:320px}}
@media(max-width:640px){.lang-toggle{width:38px;height:38px}.scanner-frame{height:270px}.scan-manual{display:grid}.finance-balance-grid{gap:12px}}

/* Phase 9.1 — voice evidence */
.optional{font-size:10px;font-weight:800;color:var(--muted);background:var(--soft,#f1f5f9);padding:3px 7px;border-radius:999px;margin-inline-start:5px}.voice-note{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card,#fff);display:grid;gap:10px}.voice-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.voice-head>div{display:grid;gap:2px}.voice-head small{color:var(--muted);font-size:11px}.voice-timer{font-variant-numeric:tabular-nums;font-weight:900;font-size:16px;min-width:50px;text-align:center}.voice-controls{display:flex;align-items:center;gap:8px}.voice-record{min-height:46px;flex:1;border:0;border-radius:999px;background:#17212b;color:#fff;font:inherit;font-weight:800;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.voice-record:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(0,0,0,.14)}.voice-record:disabled{opacity:.55;cursor:default;transform:none}.mic-dot{width:28px;height:28px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:14px}.voice-live{min-height:52px;border-radius:12px;background:#fff3f3;border:1px solid #ffd2d2;padding:9px 11px;display:flex;align-items:center;gap:9px}.recording-dot{width:10px;height:10px;border-radius:50%;background:#e32636;box-shadow:0 0 0 0 rgba(227,38,54,.45);animation:voicePulse 1.2s infinite}.voice-wave{height:25px;display:flex;align-items:center;gap:3px;flex:1}.voice-wave i{width:3px;border-radius:4px;background:#e32636;animation:voiceWave .8s ease-in-out infinite alternate}.voice-wave i:nth-child(1),.voice-wave i:nth-child(5){height:7px}.voice-wave i:nth-child(2),.voice-wave i:nth-child(7){height:15px;animation-delay:.15s}.voice-wave i:nth-child(3),.voice-wave i:nth-child(6){height:22px;animation-delay:.3s}.voice-wave i:nth-child(4),.voice-wave i:nth-child(8){height:11px;animation-delay:.45s}.voice-stop{border:0;border-radius:999px;background:#e32636;color:#fff;padding:8px 12px;font-weight:900;cursor:pointer}.audio-preview{width:100%;height:42px}.proof-audio{padding:12px;background:#eaf8ef;border-bottom:1px solid var(--line);display:grid;gap:8px}.proof-audio span{font-size:12px;font-weight:900;color:#16733a}.proof-audio audio{width:100%;height:38px}@keyframes voicePulse{70%{box-shadow:0 0 0 8px rgba(227,38,54,0)}100%{box-shadow:0 0 0 0 rgba(227,38,54,0)}}@keyframes voiceWave{from{transform:scaleY(.55)}to{transform:scaleY(1.15)}}
[data-theme="dark"] .voice-note{background:var(--card)}[data-theme="dark"] .voice-live{background:#2a171a;border-color:#5b252c}[data-theme="dark"] .proof-audio{background:#14271d}.rtl .voice-head,.rtl .voice-controls,.rtl .voice-live{direction:rtl}@media(max-width:640px){.voice-head{align-items:flex-start}.voice-record{font-size:12px;padding-inline:11px}.voice-wave{min-width:55px}.voice-live{gap:6px}.voice-stop{padding:7px 9px;font-size:11px}}

/* ===== Phase 9.2 — Arabic typography & localization polish ===== */
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] a,html[lang="ar"] label,html[lang="ar"] th,html[lang="ar"] td,html[lang="ar"] small,html[lang="ar"] span{font-family:"Ping AR LT",Tahoma,Arial,sans-serif!important}
html[dir="rtl"] body{font-size:17px;line-height:1.45}html[dir="rtl"] .sidebar nav a{font-size:16px;font-weight:500}html[dir="rtl"] .nav-title{font-size:13px;font-weight:600;letter-spacing:0}html[dir="rtl"] .page-head h1{font-size:32px;font-weight:700}html[dir="rtl"] .page-head p{font-size:17px}html[dir="rtl"] .panel-head h2,html[dir="rtl"] .panel h2{font-size:22px}html[dir="rtl"] .stat b{font-size:25px}html[dir="rtl"] .stat small{font-size:14px}html[dir="rtl"] .btn{font-size:16px}html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{font-size:16px}html[dir="rtl"] th{font-size:13px;letter-spacing:0}html[dir="rtl"] td{font-size:15px}html[dir="rtl"] .badge{font-size:13px}html[dir="rtl"] .activity-row b{font-size:15px}html[dir="rtl"] .activity-row small{font-size:14px}html[dir="rtl"] .top-user small{font-size:13px}html[dir="rtl"] .top-user b{font-size:16px}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}html[dir="rtl"] .global-search{direction:rtl}html[dir="rtl"] .top-actions{direction:ltr}html[dir="rtl"] .top-user{direction:rtl}html[dir="rtl"] .sidebar nav a{direction:rtl}html[dir="rtl"] .row-actions{justify-content:flex-start}

/* Phase 9.2.3 — Arabic typography hierarchy */
html[lang="ar"] body{font-weight:400}html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea,html[lang="ar"] td,html[lang="ar"] .page-head p,html[lang="ar"] .activity-row small{font-weight:400}html[lang="ar"] .sidebar nav a,html[lang="ar"] label,html[lang="ar"] th,html[lang="ar"] .top-user b,html[lang="ar"] .tracking{font-weight:500}html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .btn,html[lang="ar"] .badge,html[lang="ar"] .stat b,html[lang="ar"] .avatar{font-weight:700}html[lang="ar"] .nav-title,html[lang="ar"] .top-user small,html[lang="ar"] .muted{font-weight:300}

/* ===== Phase 10.1: Money Ledger ===== */
.money-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.client-money-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.driver-money-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.money-balance-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.balance-actions{display:flex;align-items:center;gap:10px}.balance-actions .btn{padding:7px 10px}.money-entry-panel{margin:18px 0}.money-posted{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.money-posted .btn{margin-inline-start:auto}html[dir="rtl"] .money-balance-row{text-align:right}html[dir="rtl"] .balance-actions{flex-direction:row-reverse}
@media(max-width:1180px){.money-stats,.driver-money-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.money-stats,.client-money-stats,.driver-money-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.money-balance-row{align-items:flex-start;gap:12px}.balance-actions{align-items:flex-end;flex-direction:column}.money-posted .btn{margin-inline-start:0;width:100%}}

/* ===== Phase 10.3 · Add parcel workspace + blacklist ===== */
.parcel-create-shell{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:18px;align-items:start}.parcel-main-card{padding:20px}.parcel-card-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border,#e3e9f2)}.parcel-card-title h2{margin:0}.parcel-card-title span{font-size:12px;color:var(--muted,#718096)}.form-section.compact{padding:18px 0;border-bottom:1px solid var(--border,#e3e9f2)}.form-section.compact:last-of-type{border-bottom:0}.form-section.compact h3{margin:0 0 13px;font-size:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .wide{grid-column:1/-1}.advanced-options-card{margin-top:18px;border:1px solid #f1c54b;background:linear-gradient(180deg,rgba(255,197,0,.07),rgba(255,255,255,.35));border-radius:14px;padding:16px}.advanced-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.advanced-title h3{margin:0;font-size:18px}.advanced-title p{margin:4px 0 0;color:var(--muted,#718096);font-size:13px}.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.option-group{background:var(--panel,#fff);border:1px solid var(--border,#e3e9f2);border-radius:12px;padding:14px;min-width:0}.option-group h4{margin:0 0 12px;font-size:15px}.option-group label{margin-bottom:9px}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.switch-row span:first-child{display:grid;gap:2px}.switch-row small{color:var(--muted,#718096);font-weight:400}.switch{position:relative;display:inline-flex!important;flex:0 0 44px;width:44px;height:24px;margin:0!important}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{width:44px;height:24px;border-radius:999px;background:#ccd5e1;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:white;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:.2s}.switch input:checked+i{background:#0ea5e9}.switch input:checked+i:after{transform:translateX(20px)}html[dir="rtl"] .switch input:checked+i:after{transform:translateX(-20px)}html[dir="rtl"] .switch i:after{left:auto;right:3px}.check-row{display:flex!important;align-items:center;gap:9px;padding:7px 0}.check-row input{width:17px;height:17px}.parcel-form-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-top:18px}.parcel-side-column{display:grid;gap:14px;position:sticky;top:88px}.parcel-map{height:285px;border-radius:12px;overflow:hidden;background:#e7edf5;position:relative}.map-fallback{display:grid;place-items:center;height:100%;padding:20px;text-align:center;color:var(--muted,#718096)}.parcel-map.leaflet-container .map-fallback{display:none}.phone-inline-status{min-height:18px;font-size:12px;margin-top:4px}.text-danger{color:#dc2626}.text-success{color:#059669}.risk-empty{padding:18px 4px;color:var(--muted,#718096);font-size:13px;line-height:1.7}.risk-alert{border-radius:10px;padding:11px 12px;display:grid;gap:3px;margin-bottom:12px}.risk-alert.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.risk-alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.risk-alert span{font-size:12px}.risk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.risk-stats>div{border:1px solid var(--border,#e3e9f2);border-radius:9px;text-align:center;padding:9px 4px}.risk-stats b{display:block;font-size:18px}.risk-stats small{color:var(--muted,#718096);font-size:10px}.risk-recent{margin-top:11px;border-top:1px solid var(--border,#e3e9f2);padding-top:8px}.risk-recent>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px}.blacklist-quick-card p{color:var(--muted,#718096);font-size:13px;line-height:1.7}.blacklist-layout{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1.58fr);gap:16px;align-items:start}.blacklist-add-card{position:sticky;top:88px}.blacklist-head{align-items:flex-end}.blacklist-head form{min-width:260px}.badge.red{background:#fee2e2;color:#b91c1c}.badge.gray{background:#e5e7eb;color:#4b5563}.block{display:block}.muted{color:var(--muted,#718096)}.empty-cell{text-align:center;color:var(--muted,#718096);padding:30px!important}
@media(max-width:1180px){.parcel-create-shell{grid-template-columns:1fr}.parcel-side-column{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.map-card{grid-column:1/-1}.advanced-grid{grid-template-columns:1fr 1fr}.blacklist-layout{grid-template-columns:1fr}.blacklist-add-card{position:static}}
@media(max-width:760px){.form-grid.two,.form-grid.three,.advanced-grid,.parcel-side-column{grid-template-columns:1fr}.parcel-form-actions{flex-direction:column-reverse}.parcel-form-actions .btn{width:100%}.parcel-card-title{align-items:flex-start;flex-direction:column}.risk-stats{grid-template-columns:repeat(2,1fr)}.blacklist-head{align-items:stretch;flex-direction:column}.blacklist-head form{min-width:0;width:100%}}
/* Phase 10.4 — Daily Operations Control */
.ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ops-card{border:1px solid var(--border);border-radius:18px;padding:18px;background:var(--card);box-shadow:0 8px 24px rgba(15,23,42,.04)}.ops-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.ops-card h3{margin:8px 0 2px;font-size:1.2rem}.ops-card small{color:var(--muted)}.ops-location{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ops-location b{color:#16a34a;font-size:.85rem}.ops-metrics,.ops-money{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.ops-metrics>div,.ops-money>div{background:var(--soft,#f7f9fc);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px}.ops-metrics b,.ops-money b{font-size:1.08rem}.ops-metrics span,.ops-money span{font-size:.78rem;color:var(--muted)}.ops-actions{display:flex;gap:8px;margin-top:14px}.ok-text b{color:#15803d}.warn-text b{color:#b45309}.ops-empty{grid-column:1/-1;padding:36px}.closure-money{grid-template-columns:repeat(4,1fr);margin-top:0}.close-tour-panel{max-width:980px}.alert.danger{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:16px;border-radius:14px;margin-bottom:18px}.alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:14px;border-radius:12px}.span-2{grid-column:span 2}@media(max-width:900px){.ops-grid{grid-template-columns:1fr}.closure-money{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:1/-1}}@media(max-width:560px){.ops-metrics,.ops-money,.closure-money{grid-template-columns:1fr 1fr}.ops-card{padding:14px}}

/* Phase 10.4.1 — Tours management polish */
.tour-create-grid,.tour-edit-grid{align-items:end}.tour-create-grid .form-actions,.tour-edit-grid .form-actions{align-self:end}.tour-name-cell{display:flex;flex-direction:column;gap:3px}.tour-name-cell small{color:var(--muted,#7b8798);font-size:11px}.tour-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tour-actions form{margin:0}.btn.danger-outline{background:transparent;color:#c62828;border:1px solid #efb4b4}.btn.danger-outline:hover{background:#fff0f0}.btn[disabled]{opacity:.45;cursor:not-allowed}.compact-form-panel{max-width:1100px}.alert.success{background:#edf9f1;border:1px solid #bfe9cc;color:#176b37;border-radius:10px;padding:12px 14px;margin-bottom:14px}.alert.warning{background:#fff8e5;border:1px solid #f0d387;color:#7b5600;border-radius:10px;padding:12px 14px;margin-bottom:14px}
@media(max-width:900px){.tour-actions{min-width:210px}.tours-table{min-width:900px}}

/* Phase 10.4.2 — Driver performance analytics */
.driver-page-head{align-items:flex-start}.driver-period-form select{min-width:145px;height:44px}.driver-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 18px}.driver-kpi{background:var(--panel,#fff);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 3px 14px #1720330a}.driver-kpi>span{width:42px;height:42px;border-radius:12px;background:#fff4c6;color:#9a6a00;display:grid;place-items:center;font-weight:800}.driver-kpi b{display:block;font-size:22px;line-height:1.1}.driver-kpi small{display:block;color:var(--muted);margin-top:5px}.driver-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.driver-chart-panel{margin:0!important;min-height:340px}.rank-bars,.quality-bars{display:grid;gap:16px;margin-top:10px}.rank-label,.quality-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.rank-label b,.quality-head b{flex:1}.rank-label strong,.quality-head strong{font-size:14px}.rank-num{color:var(--muted);font-size:12px;min-width:30px}.rank-track,.quality-track,.micro-progress{height:10px;background:#edf1f6;border-radius:999px;overflow:hidden;display:flex}.rank-track>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc400,#ff9f1a)}.quality-track>span{display:block;height:100%}.q-success{background:#18a566}.q-fail{background:#ef4444}.q-return{background:#8b5cf6}.quality-meta{display:flex;gap:14px;color:var(--muted);font-size:11px;margin-top:6px}.quality-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:12px}.quality-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:5px}.legend-success{background:#18a566}.legend-fail{background:#ef4444}.legend-return{background:#8b5cf6}.driver-leaderboard{margin-bottom:16px}.driver-performance-table{min-width:1120px}.driver-performance-table th,.driver-performance-table td{white-space:nowrap;vertical-align:middle}.driver-cell{display:flex;align-items:center;gap:9px;min-width:230px}.driver-cell>div{display:grid}.driver-cell small{color:var(--muted);font-size:11px}.driver-cell .badge{margin-inline-start:auto}.table-rank{font-weight:800;color:var(--muted)}.table-rank.top{color:#bd8400}.score-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.score-pill.great{background:#dff6e8;color:#0c7b43}.score-pill.good{background:#fff1bd;color:#8a6100}.score-pill.watch{background:#ffe3e3;color:#b42318}.micro-progress{width:90px;height:5px;margin-top:5px}.micro-progress span{display:block;background:#18a566;border-radius:999px}.driver-cards-compact{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.driver-cards-compact .driver-admin-card{box-shadow:none}.driver-cards-compact .mini-stats{margin-bottom:10px}
html[dir="rtl"] .driver-performance-table{text-align:right}
@media(max-width:1200px){.driver-kpis{grid-template-columns:repeat(3,1fr)}.driver-analytics-grid{grid-template-columns:1fr}.driver-cards-compact{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.driver-kpis{grid-template-columns:1fr 1fr}.driver-cards-compact{grid-template-columns:1fr}.driver-page-head .head-actions{width:100%}.driver-period-form,.driver-period-form select{width:100%}}

/* Phase 10.4.3 — Driver cards redesign */
.driver-page-head-v2{gap:18px}.driver-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.driver-period-tabs{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.driver-period-tab{border:0;border-inline-end:1px solid var(--line);background:#fff;padding:11px 16px;font-weight:700;color:#556173;cursor:pointer;min-width:70px}.driver-period-tab:last-child{border-inline-end:0}.driver-period-tab.active{background:#142336;color:#fff}.driver-add-btn{min-height:44px}.driver-kpis-v2{grid-template-columns:repeat(5,minmax(0,1fr));}.driver-kpis-v2 .driver-kpi{position:relative;overflow:hidden}.driver-kpis-v2 .driver-kpi:after{content:"";position:absolute;inset:auto -26px -34px auto;width:86px;height:86px;border-radius:50%;background:#fff5;filter:blur(2px)}.driver-kpi-blue{background:linear-gradient(135deg,#eef6ff,#f8fbff)}.driver-kpi-green{background:linear-gradient(135deg,#ecfbf3,#f8fffb)}.driver-kpi-red{background:linear-gradient(135deg,#fff0f0,#fff8f8)}.driver-kpi-purple{background:linear-gradient(135deg,#f5f0ff,#fbf9ff)}.driver-kpi-yellow{background:linear-gradient(135deg,#fff8df,#fffdf5)}.driver-directory-panel{margin-bottom:16px}.driver-directory-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.driver-directory-head h2{margin:0 0 4px}.driver-directory-tools{display:flex;gap:10px;align-items:center}.driver-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;min-width:320px}.driver-search-box input{border:0;box-shadow:none!important;padding-inline:0}.driver-directory-tools select{min-width:185px}.driver-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.driver-performance-card{background:#fff;border:1px solid #dfe6ee;border-radius:14px;padding:15px;box-shadow:0 4px 16px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.driver-performance-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(15,23,42,.085);border-color:#d1dbe6}.driver-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.driver-identity{display:flex;gap:10px;align-items:center;min-width:0}.driver-avatar-pro{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#0f365d,#071c31);color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 46px;box-shadow:0 4px 10px #0b2b4c22}.driver-name-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.driver-name-line h3{margin:0;font-size:16px}.driver-identity small{color:var(--muted);font-size:11px}.driver-status{font-size:10px;padding:3px 7px;border-radius:999px;font-weight:800}.driver-status.active{background:#e1f8e9;color:#0c7c43}.driver-status.inactive{background:#eef1f5;color:#65707f}.driver-score-box{min-width:76px;text-align:center;border-radius:11px;padding:8px 9px;background:#f5f8fc;border:1px solid #e6ebf2}.driver-score-box small{display:block;color:var(--muted);font-size:10px}.driver-score-box strong{font-size:20px;line-height:1}.driver-score-box strong span{font-size:11px;color:var(--muted);font-weight:600}.driver-score-box.great{background:#effaf4;border-color:#d3efde}.driver-score-box.good{background:#fff8e7;border-color:#f2dfaa}.driver-score-box.watch{background:#fff1f1;border-color:#f2d0d0}.driver-ring-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 10px}.driver-ring-card{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;background:#fbfcfe}.driver-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 54px}.driver-ring:after{content:"";position:absolute;width:40px;height:40px;background:#fff;border-radius:50%}.driver-ring span{position:relative;z-index:2;font-size:12px;font-weight:900}.driver-ring-card small{display:block;color:var(--muted);font-size:10px;line-height:1.2}.driver-ring-card strong{display:block;font-size:12px;margin-top:4px}.driver-mid-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.driver-mid-metrics>div{background:#f7f9fc;border-radius:9px;padding:9px;text-align:center;border:1px solid #edf0f4}.driver-mid-metrics span{display:block;font-size:15px;margin-bottom:2px}.driver-mid-metrics b{display:block;font-size:14px}.driver-mid-metrics small{color:var(--muted);font-size:9px}.driver-outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.driver-outcome-grid .outcome{border-radius:9px;padding:8px 6px;text-align:center;border:1px solid transparent}.outcome span{display:block;font-size:12px}.outcome b{display:block;font-size:14px}.outcome small{font-size:9px}.outcome.success{background:#ecfbf3;color:#087b43;border-color:#d7f3e3}.outcome.pending{background:#fff8e8;color:#a05f00;border-color:#f5e6bb}.outcome.failed{background:#fff0f0;color:#bd2626;border-color:#f4d9d9}.outcome.return{background:#f4efff;color:#6c3ac4;border-color:#e9defd}.driver-card-bottom{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.driver-cod small{display:block;color:var(--muted);font-size:10px}.driver-cod strong{font-size:15px}.driver-detail-link{font-size:12px;color:#2563eb;font-weight:800}.driver-analytics-grid-v2{margin-top:0}.driver-empty{grid-column:1/-1}
html[dir="rtl"] .driver-search-box{text-align:right}
@media(max-width:1280px){.driver-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-kpis-v2{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.driver-directory-head{align-items:stretch;flex-direction:column}.driver-directory-tools{flex-direction:column;align-items:stretch}.driver-search-box,.driver-directory-tools select{min-width:0;width:100%}.driver-card-grid{grid-template-columns:1fr}.driver-period-tabs{width:100%;overflow:auto}.driver-period-tab{flex:1;min-width:74px}.driver-kpis-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.driver-head-actions{width:100%}.driver-add-btn{width:100%}.driver-ring-row{grid-template-columns:1fr}.driver-mid-metrics{grid-template-columns:repeat(3,1fr)}.driver-outcome-grid{grid-template-columns:repeat(2,1fr)}.driver-kpis-v2{grid-template-columns:1fr}.driver-card-top{align-items:center}.driver-performance-card{padding:13px}}
/* Phase 10.4.4 — Driver detailed performance profile */
.driver-profile-head{align-items:center}.driver-profile-identity{display:flex;align-items:center;gap:13px}.driver-profile-avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0f365d,#071c31);color:#fff;font-weight:900;font-size:18px;box-shadow:0 7px 18px #0b2b4c22}.driver-profile-title{display:flex;align-items:center;gap:9px}.driver-profile-title h1{margin:0}.driver-profile-identity p{margin:4px 0 0;color:var(--muted)}.driver-profile-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.driver-profile-score{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.profile-score-main{display:flex;align-items:center;gap:15px}.profile-score-ring{--score:0;width:96px;height:96px;border-radius:50%;background:conic-gradient(#18a566 calc(var(--score)*1%),#e8edf3 0);display:grid;place-items:center;position:relative;flex:0 0 96px}.profile-score-ring:after{content:"";position:absolute;width:74px;height:74px;border-radius:50%;background:var(--card,#fff)}.profile-score-ring span{z-index:2;text-align:center}.profile-score-ring b{display:block;font-size:25px;line-height:1}.profile-score-ring small{font-size:11px;color:var(--muted)}.profile-score-main h2{margin:3px 0 4px}.profile-live-location{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.profile-live-location div{display:grid}.profile-live-location small{color:var(--muted)}.live-dot{width:10px;height:10px;border-radius:50%;background:#18a566;box-shadow:0 0 0 5px #18a56618}.driver-profile-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.profile-kpi{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;min-width:0}.profile-kpi>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900}.profile-kpi small,.profile-kpi em{display:block;color:var(--muted);font-size:10px;font-style:normal}.profile-kpi b{display:block;font-size:20px;line-height:1.15}.profile-kpi.success>span{background:#e6f8ed;color:#087b43}.profile-kpi.failed>span{background:#feecec;color:#c02525}.profile-kpi.returned>span{background:#f2ebff;color:#6c3ac4}.profile-kpi.pending>span{background:#fff4d7;color:#9a6500}.profile-kpi.tours>span{background:#edf5ff;color:#2563eb}.profile-kpi.cod>span{background:#e8fbf7;color:#0a7a6a;font-size:11px}.driver-profile-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:14px;margin-bottom:14px}.driver-profile-grid.lower{grid-template-columns:1fr 1fr}.driver-svg-chart{height:240px;width:100%;overflow:hidden}.driver-svg-chart svg{width:100%;height:100%}.chart-axis{stroke:#dbe3eb;stroke-width:1}.chart-line{stroke:#18a566;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#18a566;stroke:#fff;stroke-width:2}.trend-labels{display:flex;justify-content:space-between;gap:2px;color:var(--muted);font-size:9px}.trend-labels span{visibility:hidden}.trend-labels span.show{visibility:visible}.trend-legend{display:flex;gap:10px}.trend-legend span{font-size:11px;color:var(--muted)}.trend-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:5px}.trend-legend .ok{background:#18a566}.quality-donut-wrap{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:18px;min-height:240px}.quality-donut{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;position:relative;margin:auto}.quality-donut:after{content:"";position:absolute;width:104px;height:104px;border-radius:50%;background:#fff}.quality-donut span{z-index:2;text-align:center}.quality-donut b{display:block;font-size:25px}.quality-donut small{color:var(--muted);font-size:10px}.quality-donut-legend{display:grid;gap:10px}.quality-donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center}.quality-donut-legend i{width:9px;height:9px;border-radius:50%}.quality-donut-legend .green{background:#18a566}.quality-donut-legend .red{background:#ef4444}.quality-donut-legend .purple{background:#8b5cf6}.quality-donut-legend .yellow{background:#f59e0b}.reason-list{display:grid;gap:12px}.reason-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px}.reason-row b{font-size:12px}.reason-row strong{font-size:12px}.reason-row>span{display:block;height:7px;background:#edf1f5;border-radius:999px;overflow:hidden}.reason-row i{display:block;height:100%;background:#ef4444;border-radius:999px}.money-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.money-profile-grid>div{padding:17px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.money-profile-grid small{display:block;color:var(--muted);font-size:10px}.money-profile-grid b{display:block;margin-top:4px;font-size:19px}.money-profile-grid .ok{background:#edf9f1}.money-profile-grid .warn{background:#fff6e5}.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}.driver-profile-tours{margin-bottom:14px}
@media(max-width:1250px){.driver-profile-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.driver-profile-head,.driver-profile-score{align-items:stretch;flex-direction:column}.driver-profile-actions{width:100%}.driver-profile-grid,.driver-profile-grid.lower{grid-template-columns:1fr}.driver-profile-kpis{grid-template-columns:repeat(2,1fr)}.profile-live-location{width:100%}.quality-donut-wrap{grid-template-columns:1fr}}
@media(max-width:560px){.driver-profile-kpis{grid-template-columns:1fr}.driver-profile-identity{align-items:flex-start}.driver-profile-title{align-items:flex-start;flex-direction:column}.driver-period-tabs{max-width:100%}.profile-score-main{align-items:flex-start}.profile-score-ring{width:82px;height:82px;flex-basis:82px}.profile-score-ring:after{width:62px;height:62px}.money-profile-grid{grid-template-columns:1fr}}
/* Phase 10.5 — notifications & channel readiness */
.notification-bell{position:relative;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;text-decoration:none;background:var(--card,#fff);transition:.18s ease}.notification-bell:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(15,23,42,.08)}.notification-bell-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-bell.is-empty{color:#94a3b8;background:var(--card,#fff)}.notification-bell.has-unread{color:#111827;background:#ffc400;border-color:#eab308}.notification-bell.has-unread:hover{background:#ffcf26}.notification-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--card,#fff);border-radius:999px;background:#111827;color:#fff;font-size:10px;font-weight:800;line-height:15px;display:grid;place-items:center;box-sizing:border-box}.notification-bell.has-unread .notification-bell-icon{animation:notificationBellRing .45s ease-out 1}@keyframes notificationBellRing{0%,100%{transform:rotate(0)}25%{transform:rotate(9deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}html[dir="rtl"] .notification-count{right:auto;left:-6px}
.notification-list{padding:0;overflow:hidden}.notification-row{display:flex;align-items:center;gap:13px;padding:16px 18px;border-bottom:1px solid var(--line)}.notification-row:last-child{border-bottom:0}.notification-row.is-unread{background:#fff9e8}.notification-icon{width:42px;height:42px;border-radius:12px;background:#eef5ff;display:grid;place-items:center;font-weight:900;flex:0 0 42px}.notification-copy{flex:1;min-width:0}.notification-copy>div{display:flex;justify-content:space-between;gap:10px}.notification-copy small{color:var(--muted);font-size:10px}.notification-copy p{margin:4px 0 0;color:var(--muted)}.btn.small{padding:7px 10px;font-size:12px}.channel-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-readiness>div{display:flex;align-items:center;justify-content:space-between;padding:13px;border:1px solid var(--line);border-radius:12px}.queue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.queue-grid>div{display:grid;padding:13px;border:1px solid var(--line);border-radius:12px}.queue-grid span{color:var(--muted);font-size:11px}.queue-grid strong{font-size:22px;margin-top:4px}@media(max-width:700px){.channel-readiness,.queue-grid{grid-template-columns:1fr}.notification-row{align-items:flex-start}.notification-copy>div{display:grid}}

/* Phase 11.1 system reliability */
.health-summary{margin-bottom:18px}.health-list{display:grid;gap:8px;margin-top:14px}.health-row{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border,#e5e7eb)}.health-row:last-child{border-bottom:0}.health-row small,.token-list small{display:block;color:var(--muted,#718096);margin-top:3px}.health-dot{width:10px;height:10px;border-radius:50%;background:#22c55e}.health-dot.warning{background:#f5b800}.health-dot.danger{background:#ef4444}.token-list{display:grid;gap:10px;margin-top:16px}.token-list>div{padding:12px;border:1px solid var(--border,#e5e7eb);border-radius:12px}.token-list form{margin-top:8px}.inline-form{display:flex;gap:8px;flex-wrap:wrap}.inline-form input{flex:1;min-width:220px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}@media(max-width:800px){.grid-2{grid-template-columns:1fr}}
/* Phase 11.1.1 — trilingual language selector */
.language-switcher{height:42px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--text);white-space:nowrap}.language-switcher select{border:0!important;background:transparent!important;color:inherit!important;font:inherit;font-weight:700;outline:0;cursor:pointer;min-width:78px;padding:0 2px}.language-switcher select option{color:#111;background:#fff}.language-globe{font-size:16px;color:#64748b}.auth-language{position:fixed;top:18px;right:18px;z-index:20;display:flex;gap:5px;padding:5px;background:rgba(255,255,255,.92);border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.08)}.auth-language a{padding:7px 9px;border-radius:8px;text-decoration:none;color:#334155;font-size:12px;font-weight:700}.auth-language a:hover{background:#ffc400;color:#111}html[dir="rtl"] .auth-language{right:auto;left:18px}@media(max-width:700px){.language-switcher{max-width:116px}.language-globe{display:none}.language-switcher select{min-width:80px}.auth-language{top:8px;right:8px}html[dir="rtl"] .auth-language{left:8px}}
/* Phase 11.2 — Client Portal V2 + Reports */
.head-actions{display:flex;gap:8px;flex-wrap:wrap}.client-v2-stats{margin-bottom:18px}.portal-grid,.report-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-bottom:16px}.mini-bars,.report-chart{min-height:165px;display:flex;align-items:flex-end;gap:7px;overflow-x:auto;padding:18px 8px 4px}.mini-bar-col{height:145px;min-width:28px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.mini-bar{width:13px;border-radius:5px 5px 2px 2px}.mini-bar.delivered{background:#16a34a}.mini-bar.total{background:#e2e8f0}.mini-bar-col small,.report-bar small{font-size:10px;color:var(--muted);white-space:nowrap;margin-top:5px}.settlement-list{display:grid}.settlement-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.settlement-list a:last-child{border-bottom:0}.settlement-list small{display:block;color:var(--muted);margin-top:3px}.settlement-list strong{white-space:nowrap}.report-filters{margin-bottom:16px;align-items:end}.report-filters label{display:grid;gap:5px;font-size:12px;color:var(--muted)}.report-filters input,.report-filters select{min-width:135px}.report-chart{height:190px;gap:10px}.report-bar{height:170px;min-width:31px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-stack{height:145px;display:flex;align-items:flex-end;gap:2px}.bar-stack i,.bar-stack b{display:block;width:11px;border-radius:4px 4px 1px 1px}.bar-stack i{background:#16a34a}.bar-stack b{background:#cbd5e1}.empty-state{padding:30px;color:var(--muted);text-align:center}@media(max-width:950px){.portal-grid,.report-two{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.report-filters,.page-head .btn{display:none!important}.main{margin:0!important}.content{padding:0!important}.panel{break-inside:avoid;box-shadow:none}}

/* Phase 11.2.1 — flag language menu + polished live status */
.language-menu{position:relative}.language-trigger{height:44px;min-width:104px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--text);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;cursor:pointer;transition:.18s ease}.language-trigger:hover,.language-menu.open .language-trigger{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(15,23,42,.07)}.language-flag{font-size:20px;line-height:1}.language-code{font-size:13px;letter-spacing:.04em}.language-chevron{font-size:14px;color:var(--muted);transition:.18s}.language-menu.open .language-chevron{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:176px;padding:7px;background:var(--card,#fff);border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 35px rgba(15,23,42,.14);display:none;z-index:100}.language-menu.open .language-dropdown{display:grid}.language-dropdown a{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;padding:10px;border-radius:9px;color:var(--text);font-size:12px}.language-dropdown a:hover{background:#f5f7fa}.language-dropdown a.active{background:#fff7d6;color:#8a6500}.language-dropdown a span{font-size:20px}.language-dropdown a b{font-weight:750}.language-dropdown a i{font-style:normal;font-weight:900}.live-status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#e7f8ee;color:#138447;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.live-status i{width:8px;height:8px;border-radius:50%;background:#18a957;box-shadow:0 0 0 4px rgba(24,169,87,.11);animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{50%{box-shadow:0 0 0 6px rgba(24,169,87,0)}}html[dir="rtl"] .language-dropdown{right:auto;left:0}@media(max-width:700px){.language-trigger{min-width:78px;padding:0 9px}.language-code{display:none}.language-dropdown{width:164px}}

/* Phase 11.2.2 - dependency-free language menu + local SVG flags */
.language-menu{position:relative}.language-menu summary{list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu[open] .language-trigger{border-color:#cbd5e1;box-shadow:0 4px 14px rgba(15,23,42,.07)}.language-menu[open] .language-chevron{transform:rotate(180deg)}.language-menu[open] .language-dropdown{display:grid}.language-flag-img,.language-dropdown a img{width:25px;height:17px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(15,23,42,.08)}.language-dropdown a img{width:26px;height:18px}.language-dropdown a span{display:none}

/* Phase 12 — PWA/mobile operations */
.network-state{position:fixed;z-index:3000;left:50%;bottom:18px;transform:translateX(-50%) translateY(90px);display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:750;box-shadow:0 10px 30px rgba(15,23,42,.22);opacity:0;pointer-events:none;transition:.25s ease}.network-state.show{opacity:1;transform:translateX(-50%) translateY(0)}.network-state.online{background:#08783e}.network-state .state-dot{width:8px;height:8px;border-radius:50%;background:#ffc400}.network-state.online .state-dot{background:#7cf0ad}.pwa-install{display:none;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card,#fff);color:var(--text,#111827);border-radius:12px;height:42px;padding:0 12px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.pwa-install.ready{display:flex}.pwa-install svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.mobile-ops-nav{display:none}
@media(max-width:760px){.pwa-install.ready{display:none}.mobile-ops-nav{position:fixed;z-index:1200;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:62px;background:rgba(9,19,29,.96);border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.26);overflow:hidden;backdrop-filter:blur(14px)}.mobile-ops-nav a{color:#aeb9c5;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700}.mobile-ops-nav a b{font-size:19px;line-height:1}.mobile-ops-nav a.active{color:#ffc400;background:rgba(255,196,0,.08)}.content{padding-bottom:88px!important}.network-state{bottom:84px}.top-user div{display:none}}


/* Phase 12.1 — Admin Mobile Preview */
.mobile-preview-trigger{height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--text);display:flex;align-items:center;gap:7px;padding:0 11px;cursor:pointer;font-weight:800;font-size:11px;transition:.18s ease}.mobile-preview-trigger:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 5px 14px rgba(15,23,42,.08)}.mobile-preview-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mobile-preview-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px}.mobile-preview-modal.open{display:flex}.mobile-preview-backdrop{position:absolute;inset:0;background:rgba(4,12,22,.72);backdrop-filter:blur(5px)}.mobile-preview-panel{position:relative;z-index:1;width:min(620px,100%);max-height:96vh;overflow:auto;background:#f3f6fa;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 28px 80px rgba(0,0,0,.34);padding:14px}.mobile-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 3px 13px}.mobile-preview-head>div:first-child{display:grid}.mobile-preview-head b{font-size:15px}.mobile-preview-head small{color:var(--muted);font-size:10px;margin-top:2px}.mobile-preview-tools{display:flex;align-items:center;gap:6px}.preview-size,.preview-close{border:1px solid #d8e0e9;background:#fff;border-radius:9px;height:34px;padding:0 10px;cursor:pointer;font-size:11px;font-weight:800;color:#334155}.preview-size.active{background:#ffc400;border-color:#eab308;color:#111827}.preview-close{width:34px;padding:0;font-size:20px;line-height:1}.mobile-device-shell{width:min(var(--preview-width),100%);height:min(844px,calc(96vh - 120px));min-height:620px;margin:auto;background:#0a111a;border:8px solid #111827;border-radius:34px;position:relative;overflow:hidden;box-shadow:0 15px 40px rgba(15,23,42,.22);transition:width .2s ease}.mobile-device-shell iframe{width:100%;height:100%;border:0;background:#f4f7fb;display:block}.mobile-device-speaker{position:absolute;z-index:3;top:7px;left:50%;transform:translateX(-50%);width:68px;height:5px;border-radius:999px;background:#263445;pointer-events:none}.mobile-device-home{position:absolute;z-index:3;bottom:5px;left:50%;transform:translateX(-50%);width:90px;height:4px;border-radius:999px;background:#64748b;pointer-events:none}.mobile-preview-foot{text-align:center;color:var(--muted);font-size:10px;padding:10px 4px 1px}.mobile-preview-modal.open~*{}body.mobile-preview-lock{overflow:hidden}@media(max-width:700px){.mobile-preview-trigger{display:none}.mobile-preview-modal{padding:6px}.mobile-preview-panel{border-radius:14px;padding:8px}.mobile-device-shell{min-height:540px;height:calc(100vh - 110px);border-width:5px;border-radius:25px}}

/* Phase 14 — Pickup & Dispatch V2 */
.pickup-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.pickup-kpi{background:var(--card,#fff);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;align-items:center;gap:11px}.pickup-kpi>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#f1f5f9;font-weight:900}.pickup-kpi b{display:block;font-size:20px}.pickup-kpi small{display:block;color:var(--muted);font-size:10px}.pickup-kpi.en_route>span{background:#e8f3ff;color:#2563eb}.pickup-kpi.picked_up>span{background:#e7f8ee;color:#138447}.pickup-kpi.failed>span{background:#feecec;color:#c02525}.pickup-create{margin-bottom:16px}.pickup-toolbar{gap:12px;flex-wrap:wrap}.pickup-list{display:grid;gap:11px}.pickup-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--card,#fff)}.pickup-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.pickup-card-head>div{display:grid}.pickup-card-head small{color:var(--muted);font-size:10px;margin-top:3px}.pickup-card-grid{display:grid;grid-template-columns:1.1fr 2fr .55fr 1fr 1fr;gap:13px}.pickup-card-grid>div{display:grid;align-content:start}.pickup-card-grid small{color:var(--muted);font-size:10px}.pickup-card-grid b{font-size:12px;margin-top:3px}.pickup-card-grid span,.pickup-card-grid a{font-size:11px;color:var(--muted);margin-top:2px}.pickup-note{margin:12px 0 0;padding:9px 11px;background:#f8fafc;border-radius:9px;color:var(--muted);font-size:11px}.pickup-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.pickup-status-form input[name=failure_reason]{min-width:160px}.badge.neutral{background:#f1f5f9;color:#475569}@media(max-width:1100px){.pickup-kpis{grid-template-columns:repeat(3,1fr)}.pickup-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.pickup-kpis{grid-template-columns:repeat(2,1fr)}.pickup-card-grid{grid-template-columns:1fr 1fr}.pickup-actions,.pickup-status-form{align-items:stretch}.pickup-actions form,.pickup-status-form input[name=failure_reason]{width:100%}.pickup-status-form{display:grid;grid-template-columns:1fr 1fr}.pickup-status-form input[name=failure_reason]{grid-column:1/-1}.pickup-status-form button{width:100%}}

/* Phase 16.1 QA hotfix: pickup operations layout */
.pickup-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:12px!important}.pickup-kpi{min-height:82px!important}.pickup-create .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pickup-create .form-grid .wide{grid-column:span 2}.pickup-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pickup-card{min-width:0}.pickup-status-form{display:flex;gap:7px;flex-wrap:wrap}@media(max-width:1200px){.pickup-kpis{grid-template-columns:repeat(3,1fr)!important}.pickup-list{grid-template-columns:1fr}.pickup-create .form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pickup-kpis{grid-template-columns:repeat(2,1fr)!important}.pickup-create .form-grid{grid-template-columns:1fr}.pickup-create .form-grid .wide{grid-column:auto}}
/* === 212Livré UI/UX V2: Ameex-inspired split navigation + Claims V2 === */
.nav-v2 .sidebar-v2{width:286px;padding:0;display:flex;overflow:visible;background:#081827;border-inline-end:1px solid #1d3042}.nav-rail{width:78px;flex:0 0 78px;background:#071521;display:flex;flex-direction:column;align-items:stretch;padding:8px 7px;gap:5px;height:100vh;overflow-y:auto}.rail-brand{height:62px;display:grid;place-items:center;margin-bottom:7px}.rail-brand img{max-width:48px;max-height:48px}.rail-btn{border:0;background:transparent;color:#9eb0c1;border-radius:10px;min-height:57px;padding:6px 2px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.rail-btn b{font-size:19px;line-height:1}.rail-btn span{font-size:9px;white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis}.rail-btn:hover,.rail-btn.active{background:#17314d;color:#fff}.rail-btn.active{box-shadow:inset 3px 0 0 #ffc400}.rail-help{margin-top:auto;width:34px;height:34px;border:1px solid #5f7284;border-radius:50%;display:grid;place-items:center;align-self:center;color:#fff}.nav-drawer{width:208px;background:linear-gradient(180deg,#0b1d2e,#0a1927);height:100vh;display:flex;flex-direction:column;padding:14px 10px;overflow-y:auto}.drawer-brand{height:58px;display:grid;place-items:center;border-bottom:1px solid #203448;margin-bottom:14px}.drawer-brand img{max-width:150px;max-height:48px}.nav-group{display:none}.nav-group.active{display:block}.drawer-title{padding:8px 9px 13px;color:#fff;border-bottom:1px solid #203448;margin-bottom:8px}.drawer-title b{display:block;font-size:16px}.drawer-title small{color:#6f879b;font-size:9px}.nav-drawer .nav-group a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:8px;color:#b9c7d4;font-size:12px;margin:2px 0}.nav-drawer .nav-group a i{font-style:normal;color:#60768b}.nav-drawer .nav-group a:hover{background:#132b41;color:#fff}.nav-drawer .nav-group a.active{background:#173b61;color:#fff;font-weight:700}.nav-drawer .nav-group a.active i{color:#ffc400}.drawer-footer{margin-top:auto;border-top:1px solid #203448;padding-top:12px}.mini-user{display:flex;gap:8px;align-items:center;color:#fff;margin-bottom:8px}.mini-user small{display:block;color:#8093a4;font-size:9px}.drawer-footer .nav-logout{width:100%;background:transparent;border:0;color:#9eb0c1;text-align:start;padding:8px;cursor:pointer}.claim-head{align-items:flex-end}.claim-create-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:16px;margin-bottom:16px}.claim-form-card{padding:20px}.claim-form{display:grid;gap:14px}.claim-form label{font-size:12px;font-weight:700}.claim-form label input,.claim-form label select,.claim-form label textarea{margin-top:7px}.claim-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.claim-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.claim-submit{background:#1265e8;color:#fff;border-color:#1265e8}.claim-side{display:grid;gap:16px;align-content:start}.claim-type-row{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.claim-type-row:last-child{border-bottom:0}.claim-type-row>span{width:38px;height:38px;border-radius:9px;background:#f1f5f9;display:grid;place-items:center;font-size:16px}.claim-type-row b{font-size:12px}.recent-claim-parcel{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.recent-claim-parcel b{font-size:11px;display:block}.recent-claim-parcel small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.recent-claim-parcel a{font-size:10px;font-weight:800;color:#1265e8;background:#edf5ff;padding:7px 8px;border-radius:7px}.claim-row-btn{color:#1265e8}.claims-list{margin-top:0}
@media(max-width:1000px){.nav-v2 .sidebar-v2{width:78px}.nav-drawer{display:none}.claim-create-grid{grid-template-columns:1fr}.claim-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-v2 .sidebar-v2{width:286px;transform:translateX(-110%)}html[dir="rtl"] .nav-v2 .sidebar-v2{transform:translateX(110%)}.nav-v2 .sidebar-v2.open{transform:translateX(0)}.nav-drawer{display:flex}.claim-side{grid-template-columns:1fr}.claim-two{grid-template-columns:1fr}.claim-head{align-items:flex-start}.claim-head .btn{width:100%;margin-top:10px}}

/* === Phase 17.2 — Global UX consistency & compact density pass === */
:root{--ui-radius:10px;--ui-gap:12px;--ui-pad:14px;--ui-control-h:38px;--ui-shadow:0 1px 3px rgba(15,23,42,.045)}
.content{padding:0 18px 20px;max-width:1680px;width:100%;margin-inline:auto}
.page-head{padding:16px 0 12px;gap:12px;min-height:0}.page-head>div:first-child{min-width:0}.page-head h1{font-size:23px;line-height:1.25;margin:0 0 3px}.page-head p{font-size:12px;line-height:1.55;max-width:760px}.head-actions,.phase4-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.panel{border-radius:var(--ui-radius);padding:14px;box-shadow:var(--ui-shadow)}.panel+.panel{margin-top:12px}.panel-head{margin-bottom:10px;gap:10px}.panel-head h2{font-size:15px}.panel-head h3{font-size:14px}.panel-head p,.panel-head small{margin:2px 0 0;font-size:10px}
.btn{min-height:36px;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.2}.btn.small{min-height:30px;padding:6px 9px}.icon-btn{width:30px;height:30px;border-radius:7px}.row-actions{gap:4px;align-items:center;white-space:nowrap}
input,select,textarea{min-height:38px;padding:8px 10px;border-radius:7px;font-size:12px}textarea{min-height:76px}.form-grid{gap:10px 12px}.form-grid label{font-size:10.5px}.form-grid label input,.form-grid label select,.form-grid label textarea{margin-top:4px}.form-section{padding:5px 0 13px}.form-section h3{margin:6px 0 10px}.form-actions{padding-top:13px;gap:8px}.form-panel{max-width:none}
.stats-grid{gap:9px;margin-bottom:12px}.stat{min-width:0;padding:11px 12px;border-radius:10px;gap:9px;min-height:72px}.stat-icon{width:34px;height:34px;border-radius:8px;flex:0 0 34px}.stat b{font-size:18px;line-height:1.1}.stat small{font-size:9.5px;line-height:1.35;margin-top:2px}.dashboard-grid{gap:12px;margin-bottom:12px;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr)}.live-map,.fake-map{height:270px!important}.activity-row{padding:9px 0;gap:8px}.activity-row b{font-size:11px}.activity-row small{font-size:10px}.activity-row time{font-size:9px}
.filters{margin-bottom:12px}.search-row{gap:7px}.filter-grid{gap:7px;margin-top:7px}.phase2-filters{grid-template-columns:repeat(4,minmax(130px,1fr))!important}.bulk-bar{gap:7px!important;padding:8px 0!important;align-items:center!important;flex-wrap:wrap}.bulk-bar select{width:auto;min-width:145px}.pagination{margin-top:10px!important;padding-top:10px!important}
.table-wrap{border-radius:8px}.table-wrap table{margin:0}th,td{padding:8px 7px;font-size:11px;line-height:1.35}th{font-size:9px;white-space:nowrap}td small{font-size:9.5px;color:var(--muted)}.badge{padding:4px 7px;font-size:9px}.tracking{font-size:11px}.table-edit-btn{min-height:30px;padding:6px 8px;font-size:10px}
.detail-grid{gap:12px;grid-template-columns:minmax(0,2fr) minmax(270px,.8fr)}.two-cards{gap:9px}.info-card{padding:11px;border-radius:8px}.info-card h3{margin:0 0 6px}.info-card strong{font-size:16px}.info-card p{margin:5px 0}.parcel-metrics{gap:7px;margin:9px 0}.parcel-metrics>div{padding:9px}.info-block{padding:10px;margin-top:7px}.side-stack,.stack{gap:10px}.timeline-row{padding:8px 0}.split{gap:12px}.empty{padding:20px!important}
.driver-kpis{gap:9px!important;margin-bottom:12px!important}.driver-kpi{min-height:76px!important;padding:11px 12px!important}.driver-directory-panel{margin-bottom:12px}.driver-directory-head{gap:10px!important;margin-bottom:11px!important}.driver-card-grid{gap:10px!important}.driver-performance-card{padding:13px!important;border-radius:10px!important}.driver-card-top{margin-bottom:10px!important}.driver-ring-row{gap:8px!important;margin-bottom:9px!important}.driver-mid-metrics,.driver-outcome-grid{gap:6px!important;margin-top:8px!important}.driver-mid-metrics>div,.driver-outcome-grid>div{padding:8px!important}.driver-card-bottom{padding-top:9px!important;margin-top:9px!important}.driver-analytics-grid{gap:12px!important}
.pickup-kpis{gap:9px!important;margin-bottom:12px!important}.pickup-kpi{min-height:72px!important;padding:10px 11px!important}.pickup-kpi>span{width:34px;height:34px}.pickup-kpi b{font-size:18px}.pickup-create{margin-bottom:12px}.pickup-list{gap:9px}.pickup-card{padding:12px;border-radius:10px}.pickup-card-head{margin-bottom:9px}.pickup-card-grid{gap:9px}.pickup-actions{margin-top:9px;padding-top:9px}
.claim-create-grid{gap:12px;margin-bottom:12px;grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr)}.claim-form-card{padding:15px}.claim-form{gap:10px}.claim-form label input,.claim-form label select,.claim-form label textarea{margin-top:4px}.claim-two{gap:9px}.claim-actions{padding-top:11px}.claim-side{gap:12px}.claim-type-row{padding:7px 0;gap:8px}.claim-type-row>span{width:34px;height:34px}.recent-claim-parcel{padding:8px 0}
.nav-v2 .sidebar-v2{width:270px}.nav-rail{width:72px;flex-basis:72px;padding:7px 6px}.rail-btn{min-height:53px}.rail-btn b{font-size:18px}.rail-btn span{font-size:8.5px}.nav-drawer{width:198px;padding:10px 9px}.drawer-brand{height:55px;margin-bottom:10px}.drawer-brand img{max-width:142px;max-height:44px}.drawer-title{padding:6px 8px 10px}.drawer-title b{font-size:14px}.nav-drawer .nav-group a{padding:8px 9px;font-size:11px}.drawer-footer{padding-top:9px}.topbar{height:66px;padding:0 18px}.global-search{max-width:520px}.global-search input{padding:9px 0}.top-actions{gap:7px!important}.top-user .avatar{width:34px;height:34px}.language-trigger,.theme-toggle,.notification-bell,.pwa-install,.mobile-preview-trigger{min-height:36px!important}
.alert{padding:9px 11px;margin-bottom:10px;font-size:11px}.card{border-radius:10px!important}.money-stats,.client-stats,.store-stats,.finance-stats,.report-stats{gap:9px!important;margin-bottom:12px!important}.receipt-row{padding-block:8px!important}
@media(max-width:1280px){.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.activity{max-height:360px;overflow:auto}.phase2-filters{grid-template-columns:repeat(3,minmax(130px,1fr))!important}.claim-create-grid{grid-template-columns:1fr}.claim-side{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.content{padding-inline:14px}.nav-v2 .sidebar-v2{width:72px}.page-head{padding-top:13px}.stats-grid{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.phase2-filters{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.content{padding:0 10px 74px}.topbar{height:58px;padding:0 10px}.page-head{padding:11px 0 9px;align-items:flex-start;flex-wrap:wrap}.page-head h1{font-size:20px}.page-head .btn,.phase4-toolbar{max-width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat{min-height:66px;padding:9px}.dashboard-grid{gap:9px}.live-map,.fake-map{height:230px!important}.panel{padding:11px}.form-grid,.claim-two{grid-template-columns:1fr}.filter-grid,.phase2-filters{grid-template-columns:1fr!important}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%}.search-row .btn{flex:1}.claim-side{grid-template-columns:1fr}.pickup-kpis{grid-template-columns:repeat(2,1fr)!important}.table-wrap{margin-inline:-3px}.top-user>div,.pwa-install span,.mobile-preview-trigger span{display:none}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.stat b{font-size:16px}.stat small{font-size:9px}.page-head h1{font-size:19px}.btn{padding-inline:10px}.claim-form-card{padding:11px}}

/* === Phase 17.3 — Screenshot-led visual QA & layout corrections === */
/* shared surfaces: legacy pages now use the same visual system as panels */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--ui-radius);padding:14px;box-shadow:var(--ui-shadow);min-width:0}.card+.card{margin-top:12px}.card h2{margin:0 0 10px;font-size:16px}.card p{font-size:11px;line-height:1.55;color:var(--muted)}
.grid-2{gap:12px;margin-top:12px}.health-summary{margin-bottom:12px}.health-list{gap:0;margin-top:8px}.health-row{grid-template-columns:12px minmax(0,1fr) auto;gap:10px;padding:10px 2px;min-height:54px}.health-row b{font-size:12px}.health-row small{font-size:10px}.health-row strong{direction:ltr;unicode-bidi:isolate;font-size:12px}.readiness-score{direction:ltr!important;unicode-bidi:isolate;min-width:58px;text-align:center}
/* reports: filters were stacking because the form had no layout declaration */
.report-filters{display:grid!important;grid-template-columns:repeat(5,minmax(145px,1fr)) auto auto;gap:8px!important;align-items:end;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:var(--ui-shadow)}.report-filters label{min-width:0}.report-filters input,.report-filters select{min-width:0;width:100%}.report-filters .btn{white-space:nowrap}.report-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.report-stats .stat{justify-content:space-between}.report-stats .stat b{direction:ltr;unicode-bidi:isolate}.report-chart{min-height:150px;height:165px;padding-top:8px}.report-bar{height:150px}.bar-stack{height:125px}
/* pickups: remove the dead grid cell beside the note/action area */
.pickup-create .form-grid{align-items:end}.pickup-create .pickup-note-field{grid-column:span 2}.pickup-create .pickup-note-field textarea{height:74px;min-height:74px}.pickup-create-actions{padding:0!important;align-self:stretch;display:flex;align-items:stretch}.pickup-create-actions .btn{width:100%;min-height:74px}.pickup-create .wide{grid-column:span 2}.pickup-toolbar .inline-form{margin-inline-start:auto}.pickup-toolbar .inline-form input,.pickup-toolbar .inline-form select{min-width:150px}
/* driver page: compact analytics and force monetary values to stay readable in RTL */
.driver-chart-panel{min-height:0!important}.driver-analytics-grid-v2{align-items:start;margin-bottom:12px}.rank-bars,.quality-bars{gap:10px!important;margin-top:4px!important}.rank-row,.quality-row{padding:2px 0}.rank-label,.quality-head{margin-bottom:5px}.rank-track,.quality-track{height:7px}.quality-meta{margin-top:4px;font-size:9px}.driver-cod strong,.driver-kpi b,.money-stats b,.finance-stats b,.client-money-stats b,.driver-money-stats b{direction:ltr;unicode-bidi:isolate;display:inline-block}
/* zones / stores / users / blacklist: denser, aligned management layouts */
.zones-admin-grid{gap:12px!important}.city-create-form,.zone-create-grid{gap:8px!important;align-items:end}.city-create-form label,.zone-create-grid label{min-width:0}.zones-list-head{margin-top:12px!important}.zone-tools{gap:7px!important}.zone-tools input,.zone-tools select{min-height:34px}.compact-table td,.compact-table th{padding-block:7px}.split,.stores-grid,.users-grid{align-items:start}.blacklist-grid{align-items:start!important;gap:12px!important}
/* finance */
.money-stats{gap:9px!important}.money-entry-panel{margin:12px 0!important}.balance-actions{gap:7px}.money-balance-row{padding-block:8px!important}
/* settings/communications/audit: keep controls grouped instead of full-width loose rows */
.inline-form{align-items:center}.inline-form select{min-width:180px;width:auto}.token-list{gap:7px;margin-top:10px}.token-list>div{padding:9px;border-radius:8px}.communication-provider-grid,.channel-status-grid{gap:9px!important}.audit-filters{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto auto;gap:8px;align-items:end}
/* generic density corrections seen across screenshots */
.content>.panel:last-child,.content>.card:last-child{margin-bottom:14px}.page-head+ .panel,.page-head+ .card{margin-top:0}.muted{line-height:1.45}.empty-state{padding:18px!important}.panel>h2:first-child,.card>h2:first-child{margin-top:0}
@media(max-width:1350px){.report-filters{grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto}.report-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.report-filters{grid-template-columns:repeat(2,1fr)}.report-filters .btn{width:100%}.pickup-create .pickup-note-field,.pickup-create .wide{grid-column:1/-1}.pickup-create-actions{grid-column:1/-1}.pickup-create-actions .btn{min-height:38px}.driver-analytics-grid-v2{grid-template-columns:1fr}}
@media(max-width:760px){.report-filters{grid-template-columns:1fr}.report-stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.health-row{min-height:50px}.pickup-toolbar .inline-form{width:100%}.pickup-toolbar .inline-form>*{width:100%!important;min-width:0!important}}
/* Phase 17.4 — parcels polish */
.money-cell{white-space:nowrap;direction:ltr;unicode-bidi:isolate;text-align:center;font-variant-numeric:tabular-nums}
.status-badge{white-space:nowrap!important;display:inline-flex!important;align-items:center;justify-content:center;min-width:max-content;line-height:1.15}
.table-edit-btn{width:34px!important;height:34px!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;font-size:16px!important}
.table-wrap td small{line-height:1.25}

/* Phase 17.5 — compact reports/import + trilingual polish */
.report-stats-v175{gap:8px!important;margin-bottom:10px!important}
.report-stats-v175 .stat{min-height:76px!important;padding:11px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;overflow:hidden}
.report-stats-v175 .stat span{font-size:12px!important;line-height:1.25;max-width:58%}
.report-stats-v175 .stat b{font-size:22px!important;line-height:1!important;white-space:nowrap!important;direction:ltr!important;unicode-bidi:isolate!important;text-align:end}
.report-stats-v175 .stat.money-kpi b{font-size:19px!important}
.report-panel-v175{padding-bottom:10px!important;margin-bottom:10px!important}
.report-panel-v175 .panel-head{margin-bottom:2px!important;padding-bottom:4px!important}
.report-chart-v175{height:118px!important;min-height:118px!important;padding:4px 10px 2px!important;justify-content:flex-start}
.report-chart-v175 .report-bar{height:108px!important;min-width:36px!important}
.report-chart-v175 .bar-stack{height:84px!important}
.report-two-v175{gap:10px!important;margin-bottom:10px!important;grid-template-columns:1fr 1fr!important}
.report-two-v175 .panel{margin-bottom:0!important}
.report-two-v175 .panel-head{padding-bottom:5px!important;margin-bottom:2px!important}
.report-two-v175 th,.report-two-v175 td{padding-top:8px!important;padding-bottom:8px!important}
.import-panel-v175{max-width:none}.import-help-v175{padding:12px 14px!important;margin-bottom:12px!important}.import-help-v175 p{margin:4px 0 0;line-height:1.65}.import-form-v175{gap:10px!important}.import-form-v175 .form-actions{margin-top:0!important}
@media(max-width:1100px){.report-two-v175{grid-template-columns:1fr!important}.report-stats-v175 .stat span{max-width:65%}}
@media(max-width:760px){.report-stats-v175 .stat{min-height:70px!important}.report-stats-v175 .stat b{font-size:19px!important}.report-chart-v175{height:105px!important;min-height:105px!important}}

/* Phase 17.6 — thermal handling instructions */
.v5-merch-text{max-width:49mm}
.v5-handling{position:absolute;left:2.2mm;right:23.5mm;bottom:.7mm;display:flex;gap:.8mm;align-items:center;overflow:hidden;white-space:nowrap}
.v5-handling span{display:inline-flex;align-items:center;gap:.45mm;border:.32mm solid #000;border-radius:.8mm;padding:.45mm .8mm;font-size:1.55mm;font-weight:900;line-height:1;background:#fff}
.v5-handling span b{font-size:2.35mm;line-height:1}
.v5-options>div>b.is-yes,.v5-options>div>b.is-no{min-width:12mm;text-align:center;padding:1.15mm 2mm}
.v5-options>div>b.is-yes{background:#000;color:#fff}
.v5-options>div>b.is-no{background:#fff;color:#000}

/* Phase 17.7 — 106mm label + livreur QR in top corner */
.shipping-label-v5{width:106mm;height:106mm;grid-template-rows:16.8mm 16.2mm 41.8mm 11.8mm 9mm 9.2mm}
.v5-top{grid-template-columns:30% 44% 26%}
.v5-driver-qr{display:flex!important;flex-direction:column;gap:.55mm;align-items:center;justify-content:center;padding:.8mm!important;border-left:.25mm solid #000}
.v5-driver-qr #qrcode,.v5-driver-qr #qrcode img,.v5-driver-qr #qrcode canvas{width:12.8mm!important;height:12.8mm!important}
.v5-driver-qr small{font-size:1.55mm;font-weight:900;line-height:1}
.v5-options{grid-template-columns:34% 30% 36%}
.v5-body{height:35.8mm}
@media(max-width:980px){.label-controls-v3{width:min(106mm,100%)}}
@media print{@page{size:106mm 106mm;margin:0}html,body.label-page-v5{width:106mm!important;height:106mm!important}.shipping-label-v5{width:106mm!important;height:106mm!important}}

/* Phase 17.8 — production label: QR/barcode + handling */
.shipping-label-v5{grid-template-rows:18mm 18mm 42mm 14mm 13mm!important}
.v5-top{grid-template-columns:29% 45% 26%!important}
.v5-track{grid-template-rows:3.4mm 5.2mm 1fr!important}
.v5-track svg{display:block!important;width:39mm!important;height:7.2mm!important;max-height:7.2mm!important}
.v5-driver-qr{min-width:0!important;overflow:hidden!important}
.v5-driver-qr #qrcode,.v5-driver-qr #qrcode img,.v5-driver-qr #qrcode canvas{display:block!important;width:13.2mm!important;height:13.2mm!important;min-width:13.2mm!important;min-height:13.2mm!important}
.v5-options-handling{grid-template-columns:22% 20% 36% 22%!important;min-height:18mm!important}
.v5-options-handling>div{border-right:.25mm dashed #444!important}
.v5-options-handling>div:last-child{border-right:0!important}
.v5-options-handling .v5-open>b,.v5-options-handling .v5-fit>b{font-size:2.7mm!important;padding:1.1mm 2mm!important;white-space:nowrap!important}
.v5-handling-top{display:flex!important;flex-direction:row!important;gap:1mm!important;align-items:center!important;justify-content:center!important;padding:.8mm!important;overflow:hidden!important}
.v5-handling-top span{height:13.5mm;min-width:8.6mm;max-width:11mm;border:.4mm solid #000;border-radius:1.2mm;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5mm;padding:.5mm;box-sizing:border-box;text-align:center;background:#fff}
.v5-handling-top span b{font-size:5.2mm;line-height:1;font-family:Arial,sans-serif}
.v5-handling-top span small{font-size:1.45mm!important;line-height:1.05;font-weight:900;white-space:normal}
.v5-handling-top span.fragile{border-width:.65mm}
.v5-handling-top span.none{min-width:17mm}
.v5-zone b,.v5-zone strong{width:18mm!important}.v5-zone b{font-size:1.9mm!important}.v5-zone strong{font-size:3.35mm!important}.v5-zone small{max-width:18mm!important}
.v5-body{height:36mm!important}.v5-party h3{height:6mm!important}.v5-parties{min-height:42mm!important}
.v5-merch{margin:1mm 2mm!important}.v5-merch-text{max-width:64mm!important;margin-right:25mm!important}
.v5-footer{min-height:13mm!important}
.v5-footer p{font-size:1.75mm!important}
.v5-benefits,.v5-handling{display:none!important}
@media print{@page{size:106mm 106mm!important;margin:0!important}html,body.label-page-v5{width:106mm!important;height:106mm!important;margin:0!important}.shipping-label-v5{width:106mm!important;height:106mm!important;border-radius:0!important}}

/* Phase 17.9 — self-contained thermal codes; no CDN */
.v5-track .v5-barcode-svg{display:block!important;width:39mm!important;height:6.8mm!important;justify-self:center!important;align-self:end!important;margin:0 .6mm .7mm!important}
.v5-driver-qr #qrcode{width:14.2mm!important;height:14.2mm!important;display:grid!important;place-items:center!important;background:#fff!important}
.v5-driver-qr #qrcode svg{display:block!important;width:14.2mm!important;height:14.2mm!important;min-width:14.2mm!important;min-height:14.2mm!important}
.v5-driver-qr small{font-size:1.35mm!important;margin-top:.25mm!important}
@media print{.v5-track .v5-barcode-svg,.v5-driver-qr #qrcode svg{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}
/* Phase 17.10 — parcel delete action */
.inline-delete-form{display:inline-flex;margin:0}.parcel-delete-btn{color:#b42318!important;border-color:#f2b8b5!important;background:#fff7f6!important}.parcel-delete-btn:hover{background:#fee4e2!important}
/* Phase 17.11 — QR-to-driver parcel workflow */
.driver-scan-page{max-width:980px;margin:0 auto;padding:18px}.driver-scan-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.driver-scan-hero h1{font-size:32px;margin:4px 0}.driver-scan-hero p{margin:0;color:#718096}.driver-scan-kicker{font-weight:800;color:#64748b;font-size:12px}.driver-status-pill{white-space:nowrap;font-size:14px;padding:8px 12px}.driver-scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.driver-scan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 5px 20px #0f172a0a}.driver-scan-card h2{margin:5px 0 12px}.driver-scan-card>small{color:#64748b;font-weight:700}.driver-phone{display:inline-block;font-size:22px;font-weight:800;margin:5px 0 10px;text-decoration:none}.driver-address{min-height:42px}.driver-crbt{display:flex;align-items:center;justify-content:space-between;background:#fff8db;border:1px solid #f5c400;border-radius:13px;padding:12px 14px;margin:14px 0}.driver-crbt strong{font-size:24px}.driver-note{background:#f8fafc;border-radius:10px;padding:10px;margin-bottom:12px}.driver-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.driver-action-buttons form{display:contents}.driver-action{min-height:76px;border:0;border-radius:14px;font-weight:900;font-size:22px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.driver-action span{font-size:15px}.driver-action.delivered{background:#dff8e9;color:#08783d}.driver-action.failed{background:#ffe7e7;color:#b42318}.driver-action.postponed{background:#f1e8ff;color:#6d28d9}.driver-action.returned{background:#eef2f7;color:#334155}.driver-reason-form{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.driver-reason-form select,.driver-reason-form textarea{width:100%;margin-top:8px}.driver-reason-form textarea{min-height:85px}.driver-reason-actions{display:flex;gap:8px;margin-top:10px}.driver-final-state{display:flex;flex-direction:column;gap:7px;padding:22px;border-radius:14px;background:#f1f5f9;text-align:center}.driver-final-state b{font-size:24px}.driver-denied{text-align:center;max-width:520px;margin:70px auto}.denied-icon{font-size:46px}.driver-denied h1{font-size:24px}.driver-denied p{color:#64748b;margin-bottom:20px}
@media(max-width:760px){.driver-scan-page{padding:10px}.driver-scan-hero{align-items:flex-start}.driver-scan-hero h1{font-size:24px}.driver-scan-grid{grid-template-columns:1fr}.driver-scan-card{padding:15px;border-radius:14px}.driver-phone{font-size:20px}.driver-action{min-height:70px}.driver-contact-actions{grid-template-columns:1fr 1fr}}

/* Phase 17.12 — label fidelity + reliable parcel action icons */
.row-actions .icon-btn{flex:0 0 32px;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;color:#263445;background:#fff}
.row-actions .action-svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.row-actions .parcel-delete-btn{display:inline-flex!important;color:#b42318!important}
.inline-delete-form{display:inline-flex!important;align-items:center!important}
/* handling pictograms: same visual hierarchy as approved reference */
.v5-handling-top{gap:.65mm!important;padding:.55mm .4mm!important;justify-content:space-evenly!important}
.v5-handling-top span{border:0!important;border-radius:0!important;min-width:8.4mm!important;max-width:10.6mm!important;height:14.4mm!important;padding:.35mm!important;gap:.35mm!important;background:#fff!important}
.v5-handling-top span b{width:6.1mm;height:6.1mm;display:grid;place-items:center}
.v5-handling-top span b svg{width:5.8mm;height:5.8mm;display:block;fill:none;stroke:#000;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.v5-handling-top span small{font-family:Arial,sans-serif!important;font-size:1.48mm!important;line-height:1.02!important;font-weight:900!important;letter-spacing:-.03mm}
.v5-handling-top span.fragile b svg{stroke:#000;stroke-width:2.1}
.v5-options-handling{grid-template-columns:22% 20% 36% 22%!important}
.v5-driver-qr{background:#fff!important;position:relative!important;z-index:2!important}
.v5-driver-qr #qrcode{overflow:visible!important}
.v5-driver-qr #qrcode svg{display:block!important;visibility:visible!important;opacity:1!important;background:#fff!important}
@media print{.row-actions{display:none!important}.v5-handling-top span b svg,.action-svg{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}

/* Phase 17.13 — label layout/QR hard fix */
.v5-options-handling{grid-template-columns:22% 20% 36% 22%!important;overflow:hidden!important}
.v5-options-handling .v5-handling-top{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;gap:.45mm!important;padding:.6mm .35mm!important;overflow:hidden!important}
.v5-handling-top span{flex:1 1 0!important;min-width:0!important;max-width:none!important;width:auto!important;height:14.5mm!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.v5-handling-top span b{flex:0 0 6mm!important;width:6mm!important;height:6mm!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important}
.v5-handling-top span b svg{width:5.4mm!important;height:5.4mm!important;display:block!important;overflow:visible!important;fill:none!important;stroke:#000!important;stroke-width:1.65!important;vector-effect:non-scaling-stroke}
.v5-handling-top span small{display:block!important;width:100%!important;text-align:center!important;font-size:1.28mm!important;line-height:1.02!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;margin:0!important}
.v5-handling-top span.pressure small{font-size:1.08mm!important}
.v5-driver-qr{display:grid!important;grid-template-rows:14.8mm 2.2mm!important;place-items:center!important;padding:.4mm!important;overflow:hidden!important}
.v5-driver-qr #qrcode{display:grid!important;place-items:center!important;width:14.4mm!important;height:14.4mm!important;min-width:14.4mm!important;min-height:14.4mm!important;overflow:hidden!important;background:#fff!important}
.v5-driver-qr #qrcode>svg{display:block!important;width:14.4mm!important;height:14.4mm!important;max-width:14.4mm!important;max-height:14.4mm!important;visibility:visible!important;opacity:1!important}
.v5-driver-qr small{font-size:1.2mm!important;line-height:1!important;white-space:nowrap!important}
.qr-failed{display:grid;place-items:center;width:14mm;height:14mm;border:.5mm solid #000;font-size:3mm;font-weight:900}
@media print{.v5-driver-qr #qrcode>svg,.v5-handling-top svg{visibility:visible!important;opacity:1!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}}