:root{--bg:#f4f6fa;--card:#fff;--ink:#151b2b;--muted:#6b7280;--line:#e5e7eb;--accent:#151b2b;--good:#087443;--warn:#a45b00;--bad:#b42318;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f3f7;padding:2px 5px;border-radius:5px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.sidebar{background:#121827;color:white;padding:22px 16px;position:sticky;top:0;height:100vh}.brand{font-weight:900;font-size:20px;margin:4px 8px 24px;letter-spacing:.03em}.brand span{display:block;font-size:10px;font-weight:600;letter-spacing:.09em;color:#8993a6;margin-top:4px}.nav a{display:block;padding:11px 12px;border-radius:10px;margin:4px 0;color:#d5d9e2}.nav a:hover{background:#ffffff14;color:#fff}.sidebar-btn{background:#ffffff12;border:1px solid #ffffff24}.main{padding:26px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.top h1{margin:0;font-size:27px}.user-chip{text-align:end}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:0 2px 10px #11182708}.card h2,.card h3{margin-top:0}.metric b{display:block;font-size:27px;margin-top:4px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}.badge,.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f6;font-size:12px;font-weight:800}.SANTE{background:#eee9ff;color:#5b3fb5}.KONN{background:#fff0dc;color:#7a4700}.ANUBIS{background:#e8f2ff;color:#195ea8}.ROMA{background:#ffe9e9;color:#9b2a2a}.pill.good,.pill.delivered{background:#e8fff2;color:#075f39}.pill.bad,.pill.dead{background:#fff0ef;color:#9c2117}.pill.retry{background:#fff7e6;color:#8a5600}.status{font-weight:750}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:10px;background:var(--accent);color:white;border:0;cursor:pointer;font-weight:750}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.good{background:var(--good)}.btn.bad{background:var(--bad)}button:disabled{opacity:.65;cursor:not-allowed}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd6e1;border-radius:9px;background:white;font:inherit}textarea{min-height:96px;resize:vertical}label{display:block;font-size:13px;font-weight:750;margin:11px 0 5px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.filters>*{min-width:160px}.flash{padding:11px 14px;border-radius:10px;margin-bottom:14px}.flash.good{background:#e8fff2;color:#075f39}.flash.bad{background:#fff0ef;color:#9c2117}.timeline{border-inline-start:2px solid #d8dee8;margin-inline-start:8px;padding-inline-start:22px}.timeline .event{position:relative;padding:0 0 20px}.timeline .event:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#151b2b;inset-inline-start:-28px;top:5px}.route-stop{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.route-stop:last-child{border-bottom:0}.route-stop .num{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef1f6;font-weight:900}.mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.tracking{max-width:680px;margin:24px auto;padding:0 16px}.tracking .hero{background:#151b2b;color:#fff;border-radius:22px;padding:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar h2,.toolbar h3{margin:0}.driver-row,.event-row,.item-line,.alert-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.driver-row:last-child,.event-row:last-child,.item-line:last-child,.alert-line:last-child{border-bottom:0}.scan-row{display:grid;grid-template-columns:1fr auto;gap:8px}.stop-big{width:52px;height:52px;border-radius:16px;background:#eef1f6;display:grid;place-items:center;font-weight:900;font-size:18px}.cod{margin-top:14px;padding:12px;border-radius:10px;background:#fff7e6;color:#7a4700;font-weight:900}.danger-text{color:var(--bad)}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.rtl{direction:rtl;text-align:right}@media(max-width:1100px){.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr 1fr}}@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{display:flex;overflow:auto}.nav a{white-space:nowrap}.main{padding:18px}.grid,.grid.two,.grid.three{grid-template-columns:repeat(2,1fr)}.user-chip{text-align:start}}@media(max-width:640px){.grid,.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.top{align-items:flex-start}.top h1{font-size:22px}.route-stop{grid-template-columns:38px 1fr}.route-stop>.btn,.route-stop>.mobile-actions{grid-column:2}.main{padding:14px}.card{padding:15px}.filters>*{min-width:100%;width:100%}.scan-row{grid-template-columns:1fr}.toolbar{align-items:flex-start}.user-chip{font-size:12px}}

.lang-switch,.public-lang{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff24;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.lang-switch{color:#fff;background:#ffffff0d;margin:0 8px 14px}.public-lang{position:fixed;z-index:20;top:14px;inset-inline-end:14px;background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 4px 18px #00000012}.sidebar{direction:inherit}.main{direction:inherit}html[dir="rtl"] body{font-family:Tahoma,"Segoe UI",Arial,sans-serif}html[dir="rtl"] .brand{letter-spacing:0}html[dir="rtl"] .brand span{letter-spacing:0}html[dir="rtl"] th{text-transform:none;letter-spacing:0}html[dir="rtl"] input[name*="phone"],html[dir="rtl"] input[name="identifier"],html[dir="rtl"] input[type="email"],html[dir="rtl"] input[name*="url"],html[dir="rtl"] input[name="latitude"],html[dir="rtl"] input[name="longitude"],html[dir="rtl"] input[name="plate_number"],html[dir="rtl"] code{direction:ltr;text-align:left}.ltr{direction:ltr;text-align:left;unicode-bidi:plaintext}.bilingual-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bilingual-title small{font-size:11px;color:var(--muted);font-weight:600}.hero .public-lang{position:static}.tracking{direction:inherit}@media(max-width:960px){.lang-switch{margin-inline-start:8px}}

/* v1.2.0 scan + reports */
.scanner-video-wrap{position:relative;overflow:hidden;border-radius:16px;background:#0b1020;aspect-ratio:4/3;margin-top:14px}.scanner-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.scanner-frame{position:absolute;inset:18%;border:2px solid #fff8;border-radius:14px;box-shadow:0 0 0 999px #0005;pointer-events:none}.scanner-frame span:before,.scanner-frame span:after{content:"";position:absolute;width:38px;height:38px;border-color:#fff;border-style:solid}.scanner-frame span:before{top:-2px;inset-inline-start:-2px;border-width:4px 0 0 4px;border-radius:12px 0 0 0}.scanner-frame span:after{bottom:-2px;inset-inline-end:-2px;border-width:0 4px 4px 0;border-radius:0 0 12px 0}.scanner-state{position:absolute;bottom:12px;left:12px;right:12px;background:#111c;color:white;padding:9px 11px;border-radius:10px;font-weight:750;text-align:center;backdrop-filter:blur(6px)}.scanner-state.success{background:#087443e8}.scanner-state.error{background:#b42318e8}.scanner-state.working{background:#7a4700e8}.scan-result{border:1px dashed var(--line);border-radius:12px;padding:16px;min-height:110px}.scan-result.good{border-style:solid;background:#f0fff7}.scan-result.bad{border-style:solid;background:#fff3f2;color:var(--bad)}.compact-list{padding-inline-start:20px;margin:8px 0}.compact-list li{margin:8px 0}.report-actions{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.report-preview{max-height:520px}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#f3f4f6}.detail-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.detail-item{border:1px solid var(--line);border-radius:10px;padding:10px}.detail-item .muted{font-size:12px}.detail-item b{display:block;margin-top:4px;word-break:break-word}@media(max-width:960px){.detail-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.detail-list{grid-template-columns:1fr}.scanner-video-wrap{aspect-ratio:3/4}}

/* v1.2.4 live driver tracking */
.driver-tracking-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin:-8px 0 16px;box-shadow:0 2px 10px #11182708}.driver-tracking-copy{min-width:0}.driver-tracking-copy b{display:block;font-size:13px}.driver-tracking-copy small{display:block;margin-top:2px;font-size:11px}.driver-tracking-chip{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#eef1f6;color:#475467}.driver-tracking-chip.live{background:#e8fff2;color:#075f39}.driver-tracking-chip.permission{background:#fff7e6;color:#8a5600}.driver-tracking-chip.blocked{background:#fff0ef;color:#9c2117}.driver-tracking-chip.stopped{background:#eef1f6;color:#475467}.driver-tracking-chip.checking{background:#eef4ff;color:#315a9d}
.live-map-card{padding:14px}.live-map-toolbar{padding:4px 4px 12px}.live-map-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.live-map-controls label{margin:0 0 5px}.live-map-controls input{width:auto;min-width:150px}.live-status-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 4px 14px}.tracking-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:11px;font-weight:800}.tracking-pill i,.presence-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#98a2b3}.tracking-pill.live i,.presence-dot.live{background:#12b76a}.tracking-pill.stale i,.presence-dot.stale{background:#f79009}.tracking-pill.offline i,.presence-dot.offline,.presence-dot.no_signal{background:#f04438}.tracking-pill.idle i,.presence-dot.idle{background:#98a2b3}.live-generated{margin-inline-start:auto;font-size:11px}.live-map-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:640px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.live-map-canvas{min-height:640px;z-index:1}.live-driver-panel{border-inline-start:1px solid var(--line);background:#fafbfc;display:flex;flex-direction:column;min-width:0}.live-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.live-driver-list{overflow:auto;max-height:470px;padding:8px}.live-driver-row{width:100%;border:1px solid transparent;background:transparent;border-radius:11px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:start;color:var(--ink);cursor:pointer}.live-driver-row:hover,.live-driver-row.selected{background:#fff;border-color:var(--line);box-shadow:0 2px 8px #11182708}.live-driver-main,.live-driver-meta{min-width:0}.live-driver-main b,.live-driver-main small,.live-driver-meta b,.live-driver-meta small{display:block}.live-driver-main small,.live-driver-meta small{color:var(--muted);font-size:10px;margin-top:2px}.live-driver-meta{text-align:end}.live-history-box{margin-top:auto;border-top:1px solid var(--line);background:#fff;padding:12px}.toolbar.compact{gap:6px}.btn.tiny{padding:6px 9px;font-size:11px;border-radius:8px}.history-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.history-metrics>div{background:#f8fafc;border:1px solid var(--line);border-radius:9px;padding:8px}.history-metrics span{display:block;color:var(--muted);font-size:10px}.history-metrics b{display:block;margin-top:3px;font-size:13px}.map-attribution-note{font-size:10px;margin:8px 4px 0}.driver-map-icon{background:transparent;border:0}.driver-map-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 2px 10px #0004;border:3px solid #98a2b3}.driver-map-dot span{width:10px;height:10px;border-radius:50%;background:#98a2b3}.driver-map-dot.live{border-color:#12b76a}.driver-map-dot.live span{background:#12b76a}.driver-map-dot.stale{border-color:#f79009}.driver-map-dot.stale span{background:#f79009}.driver-map-dot.offline,.driver-map-dot.no_signal{border-color:#f04438}.driver-map-dot.offline span,.driver-map-dot.no_signal span{background:#f04438}.driver-map-popup{line-height:1.55;min-width:170px}html[dir="rtl"] .leaflet-control-container,html[dir="rtl"] .leaflet-popup-content-wrapper{direction:rtl;text-align:right}
@media(max-width:1100px){.live-map-grid{grid-template-columns:1fr;min-height:auto}.live-map-canvas{min-height:540px}.live-driver-panel{border-inline-start:0;border-top:1px solid var(--line)}.live-driver-list{max-height:300px}.live-history-box{margin-top:0}}
@media(max-width:640px){.driver-tracking-strip{grid-template-columns:1fr;align-items:start}.driver-tracking-chip{justify-self:start}.driver-tracking-strip .btn{width:100%}.live-map-card{padding:8px}.live-map-canvas{min-height:440px}.live-map-controls{width:100%}.live-map-controls input,.live-map-controls .btn{width:100%}.live-generated{width:100%;margin-inline-start:0}.history-metrics{grid-template-columns:1fr 1fr 1fr}}

/* ==========================================================
   v1.2.5 ROMA BRAND EXPERIENCE
   v1.2.6 FLEET OPERATIONS & HANDOVER
   Brand source: official Roma logo supplied by merchant.
   Primary green sampled from the logo: #35B04F
   ========================================================== */
:root{
  --roma:#35b04f;
  --roma-600:#22933c;
  --roma-700:#157932;
  --roma-800:#0b5d2b;
  --roma-900:#063f25;
  --roma-deep:#04341f;
  --roma-soft:#eef9f1;
  --roma-soft-2:#e3f6e8;
  --bg:#f4f8f5;
  --card:#fff;
  --ink:#142019;
  --muted:#708078;
  --line:#e1ebe4;
  --accent:var(--roma-800);
  --good:var(--roma-700);
  --warn:#d97706;
  --bad:#d92d20;
  --radius:18px;
  --shadow:0 12px 34px rgba(13,76,40,.075);
  --shadow-soft:0 6px 20px rgba(13,76,40,.055)
}
html{scroll-behavior:smooth}
body{font-family:Inter,Tajawal,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 90% -10%,#eaf8ee 0,transparent 34%),var(--bg);color:var(--ink);font-weight:500}
html[dir="rtl"] body{font-family:Tajawal,Inter,system-ui,"Segoe UI",Arial,sans-serif}
::selection{background:#bce9c8;color:#063f25}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}
.shell{grid-template-columns:270px minmax(0,1fr)}
.sidebar{padding:22px 16px 18px;background:linear-gradient(165deg,#064327 0%,#075b32 52%,#04341f 100%);box-shadow:14px 0 36px rgba(5,56,31,.12);display:flex;flex-direction:column;overflow:hidden}
html[dir="rtl"] .sidebar{box-shadow:-14px 0 36px rgba(5,56,31,.12)}
.sidebar:after{content:"";position:absolute;width:280px;height:280px;border-radius:46% 54% 70% 30%;background:linear-gradient(145deg,rgba(85,199,111,.18),rgba(255,255,255,.02));bottom:-115px;inset-inline-end:-120px;transform:rotate(-22deg);pointer-events:none}
.brand-lockup{display:block;position:relative;z-index:1;margin-bottom:20px}
.brand-logo-card{height:78px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:8px 11px;box-shadow:0 8px 26px rgba(0,0,0,.13);overflow:hidden}
.brand-logo-card img{display:block;width:100%;height:100%;object-fit:contain}
.brand-product{display:block;padding:10px 8px 0;color:#fff}
.brand-product b{display:block;font-size:15px;font-weight:800}.brand-product small{display:block;color:#b9dcc6;font-size:11px;margin-top:2px}
.nav{position:relative;z-index:1;display:block;overflow:auto;padding-inline:2px}
.nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;margin:3px 0;color:#d9eee0;font-weight:650;font-size:13px;border:1px solid transparent}
.nav a:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}
.nav a.active{background:linear-gradient(135deg,rgba(53,176,79,.88),rgba(31,144,58,.92));color:#fff;border-color:rgba(255,255,255,.13);box-shadow:0 7px 20px rgba(0,0,0,.12)}
.nav-svg{width:20px;height:20px;flex:0 0 20px}
.sidebar-bottom{margin-top:auto;position:relative;z-index:1;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.sidebar-bottom .lang-switch{margin:0 0 12px;width:100%;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.brand-slogan{color:#fff;padding:3px 4px 15px}.brand-slogan b{display:block;font-size:13px}.brand-slogan span{display:block;font-size:10px;color:#a9d5b7;margin-top:4px}
.sidebar-btn{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}
.main{padding:22px 26px 34px;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(221,235,225,.86);box-shadow:var(--shadow-soft);border-radius:18px;padding:11px 14px;margin-bottom:20px;position:sticky;top:10px;z-index:30}
.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title h1{font-size:21px;margin:0;font-weight:800;line-height:1.2}.topbar-title span{color:var(--muted);font-size:10px;font-weight:650}
.mobile-brand{display:none;width:72px;height:38px;overflow:hidden}.mobile-brand img{width:100%;height:100%;object-fit:contain}
.topbar-actions{display:flex;align-items:center;gap:10px}.top-lang{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--roma-800);font-size:11px;font-weight:800}.top-lang:hover{border-color:#b8dfc1;background:var(--roma-soft)}
.user-chip{display:flex;align-items:center;gap:9px;text-align:start;padding:5px 7px 5px 12px;border-inline-start:1px solid var(--line)}.user-chip b{display:block;font-size:12px}.user-chip small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--roma),var(--roma-800));color:#fff;font-weight:900;box-shadow:inset 0 0 0 3px rgba(255,255,255,.65)}
.card,.report-actions,.table-wrap{border-color:var(--line);box-shadow:var(--shadow-soft)}
.card{border-radius:18px}.card h2,.card h3{font-weight:800;color:#142019}
.grid{gap:14px}.metric{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#fbfefc)}.metric:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#daf3e0 0,#eef9f1 65%,transparent 67%);inset-inline-end:-30px;top:-34px}.metric b{position:relative;color:#10261a;font-weight:850}.metric .muted{position:relative;font-weight:650}
.table-wrap{border-radius:18px;background:#fff}th{background:#f7fbf8;color:#65756c;border-color:var(--line);font-weight:800}td{border-color:#edf2ee}tbody tr{transition:background .15s ease}tbody tr:hover{background:#f8fcf9}
.btn{background:linear-gradient(135deg,var(--roma-700),var(--roma-900));border-radius:11px;box-shadow:0 5px 14px rgba(16,121,50,.13);font-weight:800}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,121,50,.17)}.btn.secondary{background:#fff;color:var(--roma-900);border:1px solid #cfe3d4;box-shadow:none}.btn.secondary:hover{background:var(--roma-soft);border-color:#a9d5b7}.btn.good{background:linear-gradient(135deg,var(--roma),var(--roma-700))}.btn.bad{background:linear-gradient(135deg,#ef5347,#ba251b)}
input,select,textarea{border-color:#d4e2d8;border-radius:11px;background:#fff;color:var(--ink);outline:none;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#71c986;box-shadow:0 0 0 4px rgba(53,176,79,.11)}
.badge,.pill{border-radius:999px;font-weight:800}.SANTE{background:#f3efff;color:#6c4fc1}.KONN{background:#fff1df;color:#87530e}.ANUBIS{background:#edf5ff;color:#2a64a2}.ROMA{background:#e9f9ed;color:#147232}.pill.good,.pill.delivered{background:#e5f8ea;color:#117333}.pill.bad,.pill.dead{background:#ffefed;color:#a9281f}.pill.retry{background:#fff5df;color:#935e0b}
.timeline{border-inline-start-color:#bfe2c7}.timeline .event:before{background:var(--roma);box-shadow:0 0 0 5px #e6f7ea}
.flash{border:1px solid transparent}.flash.good{background:#e8f8ec;border-color:#c5e7cc;color:#0d6d2c}.flash.bad{background:#fff0ef;border-color:#ffd1cd;color:#a5261d}

/* dashboard */
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px;background:linear-gradient(120deg,#fff 0%,#f4fbf6 65%,#e9f8ed 100%);border:1px solid var(--line);border-radius:22px;padding:22px 24px;margin-bottom:16px;box-shadow:var(--shadow);overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(53,176,79,.18),rgba(53,176,79,0));inset-inline-end:-55px;top:-80px}.dashboard-hero h2{font-size:29px;margin:0 0 8px;font-weight:850}.dashboard-hero p{margin:0;color:#607168;max-width:680px}.dashboard-hero-brand{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.dashboard-hero-brand img{width:100%;max-width:310px;max-height:110px;object-fit:contain}.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.metric.brand-metric{min-height:120px;padding:17px}.metric-icon{width:40px;height:40px;border-radius:13px;background:var(--roma-soft);color:var(--roma-800);display:grid;place-items:center;margin-bottom:10px;font-weight:900}.metric-icon svg{width:21px;height:21px}.dashboard-section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.dashboard-section-title h2{margin:0;font-size:19px}.dashboard-driver-card .driver-row b{font-weight:800}.dashboard-driver-card .driver-row a{color:var(--roma-800);font-weight:800}.alert-count{min-width:32px;height:32px;border-radius:10px;background:#f6faf7;display:grid;place-items:center;color:var(--roma-900);font-weight:900}

/* public / login */
.public-page{min-height:100vh;background:linear-gradient(140deg,#f6fbf7,#e8f6ec)}
.public-lang{background:#fff;color:var(--roma-800);border-color:#d5e8da;box-shadow:var(--shadow-soft)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr)}.login-visual{background:linear-gradient(150deg,#064327 0%,#08703a 65%,#04341f 100%);color:#fff;position:relative;overflow:hidden;padding:60px;display:flex;flex-direction:column;justify-content:space-between}.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(80,205,109,.12)}.login-visual:before{width:520px;height:520px;inset-inline-start:-210px;bottom:-250px}.login-visual:after{width:340px;height:340px;inset-inline-end:-140px;top:-140px}.login-visual img{position:relative;z-index:2;width:min(460px,85%);background:#fff;border-radius:20px;padding:12px 18px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.login-visual h2{position:relative;z-index:2;font-size:34px;max-width:520px;margin:20px 0 8px}.login-visual p{position:relative;z-index:2;color:#c6e5d0;max-width:560px;line-height:1.8}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:34px}.login-card{width:100%;max-width:440px;border-radius:24px;padding:30px}.login-logo-mobile{display:none;text-align:center;margin-bottom:18px}.login-logo-mobile img{max-width:250px;width:100%}.login-card h1{font-size:26px;margin-bottom:5px}.login-card .btn{min-height:48px}

/* driver mobile experience */
.driver-app .main{padding-bottom:92px}.driver-home-hero{background:linear-gradient(135deg,#064327,#08713b);color:#fff;border-radius:22px;padding:20px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 14px 34px rgba(5,86,44,.2)}.driver-home-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(83,211,111,.15);inset-inline-end:-70px;top:-80px}.driver-home-hero .driver-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}.driver-home-hero h2{margin:0;color:#fff;font-size:23px}.driver-home-hero p{margin:5px 0 0;color:#c9e8d2}.driver-hero-logo{width:120px;background:#fff;border-radius:12px;padding:4px 7px}.driver-hero-logo img{width:100%;display:block}.driver-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;position:relative;z-index:1}.driver-summary div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:10px}.driver-summary span{display:block;font-size:10px;color:#c8e4d0}.driver-summary b{display:block;font-size:18px;margin-top:3px}.driver-route-card{padding:16px}.driver-route-card .route-stop{background:#fff;border:1px solid #e5eee7;border-radius:15px;padding:13px;margin-bottom:9px}.driver-route-card .route-stop:last-child{border-bottom:1px solid #e5eee7}.route-stop .num{background:var(--roma-soft);color:var(--roma-800)}.driver-bottom-nav{display:none}.shipment-hero{background:linear-gradient(135deg,#fff,#f2faf4);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}.shipment-customer{font-size:24px;margin:8px 0 3px}.shipment-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.shipment-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.shipment-action-grid .btn{min-height:45px}.shipment-map-card{margin-top:14px;background:linear-gradient(135deg,#e8f5eb,#f8fcf9);border:1px solid #cfe6d5;border-radius:18px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.shipment-map-card strong{display:block}.shipment-map-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.status-action-card{border-inline-start:4px solid var(--roma)}

/* live map */
.live-map-card{box-shadow:var(--shadow)}.live-map-grid{border-radius:18px;border-color:var(--line)}.live-driver-panel{background:#f8fbf9}.live-panel-head{background:#fff}.live-driver-row:hover,.live-driver-row.selected{border-color:#cde4d3}.driver-map-dot.live{border-color:var(--roma)}.driver-map-dot.live span{background:var(--roma)}.tracking-pill.live i,.presence-dot.live{background:var(--roma)}

/* customer tracking — premium branded */
.tracking{max-width:920px;margin:0 auto;padding:78px 18px 36px}.tracking-brandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.tracking-brandbar img{width:220px;max-width:55%;height:75px;object-fit:contain;background:#fff;border-radius:15px;padding:5px 8px;box-shadow:var(--shadow-soft)}.tracking-brandbar .secure-note{text-align:end;color:#6e8076;font-size:11px}.tracking-hero{background:linear-gradient(135deg,#064327 0%,#08713b 72%,#0e7f42 100%);color:#fff;border-radius:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(4,77,38,.22)}.tracking-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(117,225,141,.14);inset-inline-end:-70px;top:-90px}.tracking-hero-top{display:flex;align-items:start;justify-content:space-between;gap:12px;position:relative;z-index:1}.tracking-hero h1{font-size:28px;margin:8px 0 4px}.tracking-status{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 11px;font-weight:850}.tracking-status i{width:9px;height:9px;border-radius:50%;background:#72e28d;box-shadow:0 0 0 5px rgba(114,226,141,.12)}.tracking-number{font-size:11px;color:#c7e7d0}.tracking-order-ref{position:relative;z-index:1;text-align:end}.tracking-order-ref span{display:block;font-size:10px;color:#bfe1c9}.tracking-order-ref b{display:block;font-size:18px;margin-top:3px}.tracking-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;position:relative;z-index:1}.tracking-progress div{border-top:3px solid rgba(255,255,255,.18);padding-top:7px;font-size:10px;color:#b8d9c2}.tracking-progress div.done{border-color:#72e28d;color:#fff}.tracking-progress div.current{border-color:#fff;color:#fff;font-weight:800}.tracking-content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:14px;margin-top:14px}.tracking-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:var(--shadow-soft)}.tracking-card h3{margin:0 0 13px;font-size:16px}.tracking-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tracking-detail{background:#f8fbf9;border:1px solid #edf3ee;border-radius:13px;padding:11px}.tracking-detail span{display:block;color:var(--muted);font-size:10px}.tracking-detail b{display:block;margin-top:3px;font-size:13px}.tracking-driver-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:15px;background:linear-gradient(135deg,#edf9f0,#f8fcf9);margin-top:12px}.tracking-driver-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--roma),var(--roma-800));color:#fff;font-size:20px;font-weight:900}.tracking-driver-card .driver-copy{min-width:0;flex:1}.tracking-driver-card b{display:block}.tracking-driver-card span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.tracking-driver-card a{white-space:nowrap}.customer-map{height:360px;border-radius:16px;overflow:hidden;background:#eef5ef}.customer-map-empty{min-height:220px;border-radius:16px;background:linear-gradient(135deg,#edf8f0,#f9fcfa);display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#63776a}.customer-map-empty b{display:block;color:var(--roma-800);font-size:17px;margin-bottom:5px}.customer-map-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}.tracking-timeline .event{padding-bottom:22px}.tracking-timeline .event b{display:block}.tracking-timeline .event.current b{color:var(--roma-800)}.tracking-pod img{width:100%;max-height:420px;object-fit:cover;border-radius:15px;border:1px solid var(--line)}.tracking-footer{text-align:center;margin-top:18px;color:#809087;font-size:10px}.tracking-footer img{width:140px;height:48px;object-fit:contain;display:block;margin:0 auto 5px;opacity:.86}

/* print brand */
.print-brand-header{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #35b04f;padding-bottom:10px;margin-bottom:14px}.print-brand-header img{width:210px;height:70px;object-fit:contain}.print-brand-header .print-meta{text-align:end}.print-brand-header .print-meta b{display:block;color:#0b5d2b;font-size:16px}.print-brand-header .print-meta span{font-size:10px;color:#66756b}

/* responsive */
@media(max-width:1180px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.tracking-content-grid{grid-template-columns:1fr}}
@media(max-width:960px){
  .shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:12px 14px;background:#064327;display:block}.sidebar:after{display:none}.brand-lockup{display:flex;align-items:center;gap:10px;margin:0 0 10px}.brand-logo-card{width:160px;height:58px;flex:0 0 160px}.brand-product{padding:0}.brand-product small{display:none}.nav{display:flex;overflow:auto;padding-bottom:2px}.nav a{white-space:nowrap;padding:9px 11px}.sidebar-bottom{display:none}.main{padding:14px}.topbar{top:6px;border-radius:15px;padding:8px 10px}.topbar-title h1{font-size:17px}.topbar-title>div>span{display:none}.mobile-brand{display:block}.topbar-actions .top-lang{display:none}.dashboard-hero{grid-template-columns:1fr}.dashboard-hero-brand{display:none}.dashboard-kpis{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  body.driver-app .sidebar{display:none}.driver-app .main{padding:10px 10px 88px}.driver-app .topbar{position:static;background:#fff;margin-bottom:10px}.driver-app .topbar-title>div{display:none}.driver-app .mobile-brand{width:135px;height:54px}.driver-app .topbar-actions .user-chip{border:0;padding:3px}.driver-app .topbar-actions .user-chip small{display:none}.driver-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);bottom:0;left:0;right:0;z-index:80;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-top:1px solid #dfe9e2;box-shadow:0 -10px 28px rgba(19,80,42,.09);padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.driver-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#7a8a81;font-size:9px;font-weight:800;border-radius:12px;padding:5px}.driver-bottom-nav a.active{color:var(--roma-800);background:var(--roma-soft)}.driver-bottom-nav .nav-svg{width:21px;height:21px}.driver-home-hero{padding:16px}.driver-home-hero h2{font-size:21px}.driver-hero-logo{width:105px}.driver-summary{grid-template-columns:repeat(3,1fr)}.driver-summary div{padding:8px}.driver-route-card{padding:10px}.driver-route-card .toolbar{padding:4px}.driver-route-card .route-stop{grid-template-columns:38px 1fr;padding:12px}.driver-route-card .route-stop>.btn{grid-column:1/-1;width:100%}.shipment-action-grid{grid-template-columns:1fr}.shipment-map-card{align-items:flex-start;flex-direction:column}.driver-tracking-strip{margin:0 0 10px;border-radius:15px}.mobile-actions .btn{flex:1;min-width:130px}
}
@media(max-width:640px){
  .main{padding:10px}.topbar{margin-bottom:12px}.topbar-title h1{font-size:16px}.user-chip b{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-hero{padding:18px;border-radius:18px}.dashboard-hero h2{font-size:22px}.dashboard-kpis{grid-template-columns:1fr 1fr;gap:9px}.metric.brand-metric{min-height:108px;padding:13px}.metric b{font-size:24px}.grid.two,.grid.three,.grid.four,.grid{gap:10px}.card{border-radius:16px;padding:13px}.table-wrap{border-radius:15px}.tracking{padding:72px 10px 24px}.tracking-brandbar img{width:180px;height:60px}.tracking-brandbar .secure-note{font-size:9px}.tracking-hero{padding:18px;border-radius:20px}.tracking-hero h1{font-size:22px}.tracking-hero-top{display:block}.tracking-order-ref{text-align:start;margin-top:16px}.tracking-progress{gap:5px}.tracking-progress div{font-size:8px}.tracking-content-grid{gap:10px;margin-top:10px}.tracking-card{padding:14px;border-radius:16px}.tracking-detail-grid{grid-template-columns:1fr 1fr}.tracking-driver-card{align-items:flex-start;flex-wrap:wrap}.tracking-driver-card .driver-copy{min-width:160px}.tracking-driver-card a{width:100%}.customer-map{height:310px}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-wrap{min-height:100vh;padding:20px}.login-card{padding:22px}.login-logo-mobile{display:block}
}
.customer-dest-icon,.customer-driver-icon{background:transparent!important;border:0!important}.customer-dest-pin,.customer-driver-pin{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:3px solid #0b5d2b;color:#0b5d2b;font-weight:900;box-shadow:0 5px 16px rgba(8,79,39,.22)}.customer-driver-pin{width:38px;height:38px;border-color:#35b04f;background:#35b04f;color:#fff;box-shadow:0 0 0 7px rgba(53,176,79,.14),0 5px 16px rgba(8,79,39,.24)}

/* ==========================================================
   v1.2.6 FLEET OPERATIONS & HANDOVER
   Manual assignment, auditable reassignment and Arabic-only
   driver experience. Source warehouse is informational only.
   ========================================================== */
.assignment-console{margin-top:16px;border:1px solid #cfe5d4;background:linear-gradient(145deg,#ffffff 0%,#f6fcf7 100%);box-shadow:0 14px 34px rgba(8,88,43,.075);overflow:hidden;position:relative}.assignment-console:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(53,176,79,.15),rgba(53,176,79,0) 70%);inset-inline-end:-45px;top:-70px;pointer-events:none}.assignment-console>.toolbar{position:relative;z-index:1;border-bottom:1px solid #e5f0e8;padding-bottom:14px;margin-bottom:14px}.assignment-console>.toolbar h3{margin:0;color:var(--roma-900)}.assignment-current{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;position:relative;z-index:1}.assignment-current>div{padding:11px 12px;background:#fff;border:1px solid #e2ece5;border-radius:14px}.assignment-current span{display:block;color:var(--muted);font-size:10px;font-weight:700}.assignment-current b{display:block;margin-top:4px;font-size:13px;color:#142019}.assignment-forms{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px;position:relative;z-index:1}.assignment-form{background:#fff;border:1px solid #e0ebe3;border-radius:15px;padding:14px}.assignment-form.unassign{border-color:#f0d6d2;background:#fffafa}.assignment-form label:first-child{margin-top:0}.assignment-form .btn{width:100%;margin-top:10px;min-height:43px}.assignment-helper{display:flex;align-items:flex-start;gap:9px;margin:11px 0 0;padding:10px 11px;border-radius:12px;background:#eef9f1;color:#376047;font-size:11px;line-height:1.65}.assignment-helper:before{content:"✓";width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:var(--roma);color:#fff;font-weight:900}.assignment-history{display:grid;gap:8px}.assignment-history-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:11px 12px;border:1px solid #e5ede7;border-radius:14px;background:#fff}.assignment-history-row .assignment-action{min-width:94px;text-align:center}.assignment-history-row p{margin:5px 0 0;color:#5f7066;font-size:11px}.assignment-history-row .muted{line-height:1.6}.fleet-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#e7f8eb;color:#0b672d;font-size:11px;font-weight:900}.fleet-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--roma);box-shadow:0 0 0 4px rgba(53,176,79,.12)}

/* Driver app — clearer, denser and Arabic-only */
.driver-arabic-only{direction:rtl;text-align:right}.driver-app .topbar{border-color:#d7e8db}.driver-app .topbar-title{min-width:130px}.driver-shift-pill{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.14);font-size:10px;padding:6px 9px}.driver-summary-status{font-size:14px!important;line-height:1.35}.driver-route-toolbar{padding-bottom:12px;border-bottom:1px solid #edf2ee;margin-bottom:12px}.driver-route-toolbar h3{margin:0 0 3px}.driver-route-toolbar p{margin:0;max-width:620px}.driver-stop-card{display:grid;grid-template-columns:62px minmax(0,1fr);gap:13px;padding:14px;border:1px solid #e1ece4;border-radius:18px;background:#fff;margin-bottom:10px;box-shadow:0 5px 17px rgba(20,75,40,.035);position:relative;overflow:hidden}.driver-stop-card.next-stop{border-color:#9fd7ac;box-shadow:0 9px 26px rgba(37,147,62,.10)}.driver-stop-card.next-stop:before{content:"المحطة التالية";position:absolute;top:0;inset-inline-start:0;background:var(--roma);color:#fff;font-size:9px;font-weight:900;padding:4px 9px;border-end-end-radius:9px}.driver-stop-sequence{width:58px;height:64px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf9f0,#e2f5e7);color:var(--roma-900);border:1px solid #d3ead9}.driver-stop-sequence span{font-size:8px;font-weight:800;color:#63806c}.driver-stop-sequence b{font-size:22px;line-height:1}.driver-stop-main{min-width:0}.driver-stop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.driver-stop-head h3{margin:7px 0 0;font-size:18px}.driver-stop-head .pill{white-space:nowrap}.driver-stop-address{margin-top:9px;font-weight:800;color:#314b3a}.driver-stop-address-text{margin-top:3px;font-size:11px;line-height:1.65}.driver-stop-meta{display:flex;flex-wrap:wrap;gap:7px 13px;margin-top:9px;font-size:10px;color:#75837b}.driver-stop-meta span{display:inline-flex;align-items:center;gap:4px}.cod-mini{color:#915c08!important;background:#fff5df;padding:3px 7px;border-radius:999px;font-weight:900}.driver-stop-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.driver-stop-actions .btn{min-height:40px}.driver-empty-state{text-align:center;padding:36px 15px}.driver-empty-state img{width:210px;max-width:70%;height:80px;object-fit:contain;margin-bottom:10px}.driver-empty-state h3{margin:4px 0}.driver-empty-state p{max-width:480px;margin:5px auto 16px;line-height:1.8}.driver-shipment-page{max-width:900px;margin:0 auto}.driver-shipment-hero{padding:20px;border-color:#cfe5d4}.driver-order-status-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.driver-order-number{font-size:12px;font-weight:850;color:#4c6253}.driver-customer-head{align-items:center}.driver-customer-head .stop-big{background:linear-gradient(145deg,#e5f7e9,#f3fbf5);color:var(--roma-900);border:1px solid #cee9d5}.driver-customer-head .stop-big small{display:block;font-size:8px;color:#74847a}.driver-full-address{margin-top:12px;padding:11px 12px;border-radius:13px;background:#fff;border:1px solid #e0ebe3;font-size:12px;line-height:1.8;color:#3d5145}.driver-contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.driver-items-card .item-line{padding:12px 0}.driver-status-actions{margin-top:16px}.driver-section-title{margin:0 2px 9px}.driver-section-title h3{margin:0}.driver-section-title p{margin:3px 0 0}.status-action-card{padding:15px;border-radius:17px}.driver-action-heading{display:flex;align-items:center;gap:9px;margin-bottom:9px}.driver-action-heading h3{margin:0}.driver-action-number{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--roma-soft);color:var(--roma-800);font-weight:900}.driver-confirm-actions{margin-top:11px}.driver-confirm-actions .btn{min-height:44px}.driver-tracking-strip{border-color:#cfe5d4;background:linear-gradient(145deg,#fff,#f8fcf9)}

@media(max-width:900px){.assignment-current{grid-template-columns:repeat(2,minmax(0,1fr))}.assignment-forms{grid-template-columns:1fr}.driver-contact-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){
  .assignment-console{padding:13px}.assignment-current{grid-template-columns:1fr 1fr}.assignment-forms{grid-template-columns:1fr}.assignment-history-row{grid-template-columns:1fr}.assignment-history-row .assignment-action{justify-self:start}.driver-app .topbar{min-height:66px;padding:7px 9px}.driver-app .mobile-brand{width:142px;height:52px}.driver-app .user-chip{padding-inline-start:7px}.driver-home-hero{padding:17px 15px 15px;border-radius:20px}.driver-home-hero .driver-hero-top{align-items:flex-start}.driver-home-hero h2{font-size:20px;line-height:1.45}.driver-home-hero p{font-size:11px;line-height:1.7}.driver-hero-logo{width:98px;flex:0 0 98px}.driver-summary{margin-top:14px}.driver-summary div{min-height:66px;display:flex;flex-direction:column;justify-content:center}.driver-summary b{font-size:19px}.driver-route-card{border-radius:18px}.driver-route-toolbar{display:block}.driver-route-toolbar .btn{width:100%;margin-top:10px}.driver-stop-card{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:13px 11px}.driver-stop-sequence{width:48px;height:58px}.driver-stop-head{display:block}.driver-stop-head .pill{margin-top:7px}.driver-stop-head h3{font-size:17px}.driver-stop-address{font-size:12px}.driver-stop-actions{display:grid;grid-template-columns:1fr 1fr}.driver-stop-actions .btn:first-child{grid-column:1/-1}.driver-shipment-hero{padding:15px;border-radius:19px}.shipment-customer{font-size:22px}.driver-customer-head{align-items:flex-start}.driver-customer-head .stop-big{width:50px;height:50px}.driver-contact-grid{grid-template-columns:1fr 1fr}.driver-contact-grid .btn.good{grid-column:1/-1}.driver-full-address{font-size:11px}.shipment-meta .pill{font-size:10px}.shipment-map-card .btn{width:100%}.status-action-card{padding:13px}.driver-confirm-actions{display:grid;grid-template-columns:1fr}.driver-confirm-actions .btn{width:100%}.driver-bottom-nav{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:430px){.assignment-current{grid-template-columns:1fr}.driver-home-hero .driver-hero-logo{display:none}.driver-summary{gap:6px}.driver-summary span{font-size:8px}.driver-summary b{font-size:17px}.driver-stop-actions{grid-template-columns:1fr}.driver-stop-actions .btn:first-child{grid-column:auto}.driver-contact-grid{grid-template-columns:1fr}.driver-contact-grid .btn.good{grid-column:auto}.driver-order-status-row{align-items:flex-start}.driver-order-number{font-size:10px}.driver-route-card{padding:8px}.driver-stop-card{border-radius:16px}.driver-stop-meta{display:grid;gap:4px}.driver-tracking-strip{grid-template-columns:1fr auto}.driver-tracking-chip{min-width:76px}.driver-tracking-copy{grid-column:1/-1;grid-row:2}.driver-tracking-strip>.btn{grid-row:1;grid-column:2}}
.assignment-current{grid-template-columns:repeat(3,minmax(0,1fr))}.assignment-form.danger-zone{border-color:#f0d6d2;background:linear-gradient(145deg,#fff,#fff9f8)}.assignment-help{margin:9px 0 0!important;font-size:10px;line-height:1.65}.assignment-history-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--roma-soft);color:var(--roma-800);font-weight:900;font-size:16px}.assignment-history-icon.unassigned{background:#fff0ee;color:#b92d22}.assignment-history-icon.reassigned{background:#fff6e8;color:#94600e}@media(max-width:900px){.assignment-current{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.assignment-current{grid-template-columns:1fr}}

/* v2.1 permissions/settings */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.settings-tabs a{padding:10px 14px;border:1px solid var(--border,#dfe5e8);border-radius:10px;background:#fff;text-decoration:none;color:inherit}.settings-tabs a.active{font-weight:700;border-color:#35b04f}.permission-matrix-wrap{overflow:auto}.permission-matrix{min-width:1180px}.permission-matrix th:first-child,.permission-matrix td:first-child{position:sticky;inset-inline-start:0;background:#fff;z-index:1;min-width:220px}.permission-matrix td small{display:block;margin-top:4px}.permission-cell{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:6px}.permission-cell label{display:flex;gap:5px;align-items:center;white-space:nowrap;font-size:12px}.permission-cell.locked{opacity:.65}.sticky-save{position:sticky;bottom:10px;background:rgba(255,255,255,.96);padding:12px;border:1px solid #e4e8eb;border-radius:12px;margin-top:12px;z-index:3}.session-settings-note{max-width:720px}

/* v2.1 navigation, notification bell and driver languages */
.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #e4e8eb;border-radius:12px;background:#fff;color:inherit;text-decoration:none}.notification-bell .nav-svg{width:20px;height:20px}.notification-bell>span{position:absolute;top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:12px;background:#d93025;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.driver-language-picker{padding:8px 0}.driver-language-picker>span{display:block;font-size:12px;opacity:.7;margin-bottom:6px}.driver-language-picker>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.driver-language-picker a{font-size:11px;padding:7px 4px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:inherit;text-decoration:none}.driver-language-picker a.active{background:rgba(53,176,79,.22);border-color:#35b04f;font-weight:700}

/* ==========================================================
   Roma Delivery v2.4.0 — mobile shell, settings, reports & data
   ========================================================== */
.nav-group{margin:0 0 17px}.nav-group-label{display:block;padding:0 12px 7px;color:#81908a;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav-group a{display:flex;align-items:center;gap:10px}.nav-group .nav-svg{width:19px;height:19px;flex:0 0 19px}.sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo-card{width:46px;height:46px;border-radius:12px;background:#fff;display:grid;place-items:center;padding:5px;flex:0 0 46px}.brand-logo-card img{width:100%;height:100%;object-fit:contain}.brand-product{display:block;min-width:0}.brand-product b,.brand-product small{display:block}.brand-product b{font-size:14px;color:#fff}.brand-product small{font-size:9px;color:#91a099;margin-top:2px}.sidebar-close{display:none}.sidebar-bottom{position:absolute;inset-inline:16px;bottom:18px}.brand-slogan{display:grid;gap:2px;padding:0 8px 11px;color:#fff}.brand-slogan b{font-size:10px}.brand-slogan span{font-size:8px;color:#89978f}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 22px;padding:10px 12px;border:1px solid #e3e9e5;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(20,75,40,.04);position:relative;z-index:20}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:9px;min-width:0}.topbar-title h1{margin:0;font-size:18px;line-height:1.25}.topbar-title span{display:block;margin-top:2px;color:#7c8b82;font-size:9px}.mobile-menu-button,.mobile-back-button{display:none}.mobile-brand{display:none}.icon-btn{width:40px;height:40px;border:1px solid #e1e7e3;border-radius:11px;background:#fff;color:#284635;display:grid;place-items:center;padding:0;cursor:pointer}.icon-btn .nav-svg{width:20px;height:20px}.top-lang{font-size:11px;font-weight:850;color:#506359;padding:7px 9px;border-radius:9px}.user-menu-wrap{position:relative}.user-chip.user-menu-trigger{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:4px 5px;cursor:pointer;color:inherit;text-align:start}.user-avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#35b04f,#14712c);display:grid;place-items:center;color:#fff;font-weight:900;flex:0 0 38px}.user-chip b,.user-chip small{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip b{font-size:11px}.user-chip small{font-size:9px;color:#7b887f;margin-top:2px}.user-menu-caret{font-size:14px;color:#7b887f}.user-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:245px;padding:8px;border:1px solid #dfe8e2;border-radius:14px;background:#fff;box-shadow:0 20px 55px rgba(23,54,34,.18);z-index:90}.user-menu[hidden]{display:none!important}.user-menu>a,.user-menu-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#24372c;font:inherit;font-size:12px;text-align:start;cursor:pointer}.user-menu>a:hover,.user-menu-logout:hover{background:#f2f8f4}.user-menu .nav-svg{width:18px;height:18px}.user-menu form{margin:4px 0 0;padding-top:4px;border-top:1px solid #edf1ee}.user-menu-logout{color:#a12c24}.user-menu-languages{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:5px;padding:7px 0;border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee}.user-menu-languages a{padding:7px 3px;border-radius:7px;background:#f6f8f6;text-align:center;font-size:10px;font-weight:800}.mobile-bottom-nav{display:none}.mobile-drawer-overlay{display:none}

/* Settings hub */
.settings-hero{padding:24px 26px;margin-bottom:16px;border-radius:20px;background:linear-gradient(130deg,#15331f,#245e35 70%,#35b04f);color:#fff;position:relative;overflow:hidden}.settings-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#ffffff12;inset-inline-end:-55px;top:-80px}.settings-hero .eyebrow,.settings-eyebrow{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#99d9a8}.settings-hero h2{font-size:27px;margin:6px 0}.settings-hero p{max-width:700px;margin:0;line-height:1.8;color:#def0e2}.settings-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-hub-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;transition:.2s ease}.settings-hub-card:hover{transform:translateY(-2px);border-color:#bcdac4;box-shadow:0 12px 30px rgba(22,95,44,.08)}.settings-hub-icon{width:54px;height:54px;border-radius:15px;background:#e9f7ec;color:#12692d;display:grid;place-items:center;font-size:22px;font-weight:900}.settings-hub-card h3{margin:1px 0 5px}.settings-hub-card p{font-size:12px;line-height:1.7;margin:0 0 10px}.settings-card-link{font-size:11px;font-weight:900;color:#158135}.settings-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.settings-page-header h2{margin:5px 0 4px;font-size:25px}.settings-page-header p{max-width:760px;margin:0;line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:5px;color:#28713e;font-size:11px;font-weight:850;margin-bottom:5px}.settings-explainer{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;background:#f7fbf8}.settings-explainer-icon{width:34px;height:34px;border-radius:10px;background:#dff4e4;color:#0e6b2a;display:grid;place-items:center;font-weight:900}.settings-explainer p{margin:4px 0 0;color:#6a776e;font-size:11px}.feature-section-nav{display:flex;gap:7px;overflow:auto;padding:2px 0 11px;scrollbar-width:thin}.feature-section-nav a{flex:0 0 auto;padding:8px 11px;border:1px solid #dde6df;border-radius:999px;background:#fff;font-size:10px;font-weight:850}.feature-section-card{margin-bottom:13px;scroll-margin-top:14px}.feature-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf1ee;margin-bottom:12px}.feature-section-head>div:first-child{min-width:0}.feature-section-head h3{display:inline-block;margin:0}.feature-section-head p{margin:4px 0 0;line-height:1.65}.feature-section-number{display:inline-grid;place-items:center;width:25px;height:25px;margin-inline-end:7px;border-radius:8px;background:#e7f6ea;color:#146b2f;font-size:10px;font-weight:900}.feature-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-toggle-clean{position:relative;display:grid!important;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;margin:0!important;padding:12px!important;border:1px solid #e2e9e4;border-radius:13px;background:#fff;cursor:pointer;min-height:66px}.feature-toggle-clean>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.toggle-ui{width:38px;height:22px;border-radius:999px;background:#cdd6cf;position:relative;transition:.2s;flex:0 0 38px}.toggle-ui:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;top:3px;inset-inline-start:3px;background:#fff;box-shadow:0 1px 4px #0002;transition:.2s}.feature-toggle-clean>input:checked+.toggle-ui{background:#35b04f}.feature-toggle-clean>input:checked+.toggle-ui:after{inset-inline-start:19px}.feature-toggle-copy b,.feature-toggle-copy small{display:block}.feature-toggle-copy b{font-size:12px;line-height:1.45}.feature-toggle-copy small{margin-top:3px;color:#819087;font-size:9px;font-weight:600;line-height:1.45}.settings-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-form-grid.five-col{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-form-grid>div>label,.advanced-field>label,.session-days>label{margin-top:0}.session-settings-box{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,.6fr);gap:12px;align-items:stretch}.session-days{padding:11px;border:1px solid #e2e9e4;border-radius:13px;background:#fff}.advanced-settings-details{padding:0!important;overflow:hidden;margin-bottom:80px}.advanced-settings-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;cursor:pointer}.advanced-settings-details>summary::-webkit-details-marker{display:none}.advanced-settings-details>summary b,.advanced-settings-details>summary small{display:block}.advanced-settings-details>summary small{font-size:10px;color:#7d8b82;margin-top:4px;max-width:720px}.advanced-settings-details>summary>span{font-size:22px;color:#39734b}.advanced-settings-details[open]>summary>span{transform:rotate(45deg)}.advanced-settings-body{padding:0 18px 18px;border-top:1px solid #edf1ee}.advanced-setting-group{padding-top:15px}.advanced-setting-group h4{margin:0 0 9px}.advanced-field{padding:12px;border:1px solid #e2e9e4;border-radius:13px;background:#fff}.advanced-field small{display:block;margin-top:5px}.input-with-unit{display:flex;align-items:center;gap:6px}.input-with-unit span{font-size:10px;color:#68766d;white-space:nowrap}.settings-sticky-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:8px;padding:10px;margin-top:14px;border:1px solid #dce6df;border-radius:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(20,64,34,.12);z-index:12}

/* Permissions */
.role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.role-tabs a{display:block;padding:11px 12px;border:1px solid #dfe7e1;border-radius:12px;background:#fff}.role-tabs a b,.role-tabs a small{display:block}.role-tabs a b{font-size:12px}.role-tabs a small{margin-top:4px;color:#7a887f;font-size:9px;line-height:1.5}.role-tabs a.active{border-color:#35b04f;background:#eef9f1;box-shadow:inset 0 0 0 1px #35b04f}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.permission-toolbar p{margin:4px 0 0;font-size:11px}.permission-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission-page-card{padding:14px}.permission-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;border-bottom:1px solid #edf1ee}.permission-page-head h3{font-size:13px;margin:0}.permission-page-head small{display:block;margin-top:3px;font-size:8px}.permission-master{display:flex;align-items:center;gap:6px;margin:0;padding:7px 9px;border-radius:9px;background:#eaf7ed;color:#116d2e;white-space:nowrap}.permission-master input,.permission-action input{width:17px;height:17px;margin:0;accent-color:#35b04f}.permission-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.permission-action{display:flex;align-items:flex-start;gap:7px;margin:0!important;padding:8px;border:1px solid #e6ebe7;border-radius:9px;background:#fbfcfb}.permission-action b,.permission-action small{display:block}.permission-action b{font-size:10px}.permission-action small{font-size:8px;line-height:1.45;color:#7a877e;margin-top:2px}.permission-owner-note{border-color:#bfe4c8;background:#f4fcf6}

/* Data exchange */
.data-exchange-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.data-exchange-card{display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;align-content:start}.data-exchange-icon{width:45px;height:45px;border-radius:13px;background:#eaf7ed;color:#126e2e;display:grid;place-items:center;font-size:20px;font-weight:900}.data-exchange-card h3{margin:2px 0 4px}.data-exchange-card>div:nth-child(2) p{margin:0;line-height:1.65;font-size:11px}.data-exchange-actions,.data-import-form{grid-column:1/-1}.data-exchange-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:5px}.data-exchange-actions .btn{font-size:10px;padding:8px 10px}.data-import-form{padding:12px;border:1px dashed #cad9ce;border-radius:12px;background:#f8fbf9}.data-import-form label{margin-top:0}.data-import-form small{display:block;margin:6px 0 9px;line-height:1.6}.import-summary{margin-bottom:13px;border-color:#bfe2c7;background:#f7fcf8}.import-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:11px 0}.import-stat-grid span{padding:9px;border-radius:9px;background:#fff;border:1px solid #e2ebe4;font-size:10px}.import-stat-grid b{display:block;font-size:17px;margin-top:3px}.data-page-tools{margin:0 0 12px}.data-page-tools>summary{width:max-content;list-style:none}.data-page-tools>summary::-webkit-details-marker{display:none}.data-page-tools-panel{margin-top:7px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.data-page-tools-panel p{margin:3px 0 0;font-size:10px}.data-page-tools-actions{display:flex;flex-wrap:wrap;gap:6px}.data-page-tools-actions .btn{font-size:10px;padding:8px 10px}.data-page-import{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:7px;padding-top:9px;border-top:1px solid #edf1ee}.data-page-import input{margin:0}

/* Reports */
.report-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.report-page-head h2{margin:4px 0;font-size:26px}.report-page-head p{margin:0;max-width:720px;line-height:1.7}.report-quick-ranges{display:flex;gap:6px;flex-wrap:wrap}.report-quick-ranges a{padding:8px 10px;border:1px solid #dfe7e1;border-radius:999px;background:#fff;font-size:10px;font-weight:850}.report-filter-card{padding:13px}.report-filters{margin:0}.report-filters>div{min-width:145px}.report-more-filters{min-width:auto!important}.report-more-filters>summary{list-style:none}.report-more-filters>summary::-webkit-details-marker{display:none}.report-more-grid{position:absolute;z-index:11;margin-top:7px;padding:11px;width:min(520px,calc(100vw - 45px));display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fff;border:1px solid #dfe7e1;border-radius:12px;box-shadow:0 16px 40px rgba(20,60,31,.15)}.report-more-grid label{margin-top:0}.report-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:13px 0}.report-kpi{min-height:112px;display:flex;flex-direction:column;justify-content:center}.report-kpi span{font-size:10px;color:#6f7f75;font-weight:800}.report-kpi b{font-size:24px;margin:4px 0;color:#183421}.report-kpi small{font-size:9px;color:#849087}.report-kpi.good{border-inline-start:4px solid #35b04f}.report-kpi.warn{border-inline-start:4px solid #e59a21}.report-kpi.bad{border-inline-start:4px solid #d84237}.report-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:17px 1px 10px}.report-section-title h3{margin:0}.report-section-title p{margin:3px 0 0}.report-chart-grid{align-items:start}.report-chart h3{font-size:13px;margin-bottom:14px}.bar-row{margin:0 0 11px}.bar-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;margin-bottom:5px}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;background:#edf2ee;border-radius:99px;overflow:hidden}.bar-track span{display:block;height:100%;min-width:3px;background:linear-gradient(90deg,#35b04f,#15843a);border-radius:99px}.report-detail-card{padding:14px}.report-preview{max-height:640px}

/* Account */
.account-page{max-width:900px;margin:0 auto}.account-card{display:flex;align-items:center;gap:15px;background:linear-gradient(140deg,#fff,#f4fbf6)}.account-avatar{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#35b04f,#176f30);color:#fff;font-size:26px;font-weight:900}.account-card h2{margin:0}.account-card p{margin:4px 0 0}

/* Driver next-stop label: translated in markup, never hard-coded in CSS */
.driver-stop-card.next-stop:before{display:none!important;content:""!important}.driver-next-label{position:absolute;top:0;inset-inline-start:0;background:var(--roma);color:#fff;font-size:9px;font-weight:900;padding:4px 9px;border-end-end-radius:9px;z-index:2}.driver-stop-card.next-stop{padding-top:19px}

@media(max-width:1180px){.settings-form-grid.five-col{grid-template-columns:repeat(3,minmax(0,1fr))}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.role-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:960px){
  body.authenticated:not(.driver-app){padding-bottom:68px}.shell{display:block;min-height:100vh}.main{padding:14px!important}.topbar{position:sticky;top:7px;margin:0 0 13px;padding:7px 8px;border-radius:14px}.topbar-left{flex:1}.topbar-actions{gap:4px}.topbar-title{min-width:0}.topbar-title h1{font-size:14px;max-width:43vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title span{display:none}.mobile-menu-button{display:grid}.mobile-back-button{display:grid}.mobile-brand{display:none}.top-lang{display:none}.user-chip.user-menu-trigger{padding:2px}.user-chip.user-menu-trigger>div,.user-menu-caret{display:none}.user-avatar{width:38px;height:38px}.notification-bell{width:38px;height:38px;border-radius:10px}.user-menu{position:fixed;top:64px;inset-inline-end:10px;width:min(280px,calc(100vw - 20px))}
  .sidebar{display:flex!important;flex-direction:column;position:fixed!important;top:0!important;bottom:0!important;left:0;height:100dvh!important;width:min(330px,88vw);padding:15px 14px!important;z-index:120;overflow:auto;background:#102118;transform:translateX(-105%);transition:transform .22s ease;box-shadow:0 0 0 transparent}.sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0004}html[dir="rtl"] .sidebar{left:auto;right:0;transform:translateX(105%)}html[dir="rtl"] .sidebar.open{transform:translateX(0);box-shadow:-20px 0 50px #0004}.sidebar-mobile-head{position:sticky;top:-15px;z-index:5;background:#102118;padding:15px 0 10px}.sidebar-close{display:grid;color:#fff;background:#ffffff0d;border-color:#ffffff1e}.sidebar .nav{display:block!important;overflow:visible!important;flex:1}.sidebar .nav a{display:flex!important;white-space:normal!important;margin:3px 0}.sidebar-bottom{position:static!important;inset:auto!important;margin-top:12px}.mobile-drawer-overlay{display:block;position:fixed;inset:0;background:#08170eb5;backdrop-filter:blur(2px);z-index:110}.mobile-drawer-overlay[hidden]{display:none!important}body.drawer-open{overflow:hidden}
  .mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));height:58px;padding:5px;border:1px solid #dce7df;border-radius:17px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 10px 38px rgba(11,52,23,.18);z-index:100}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:11px;background:transparent;color:#718078;font:inherit;font-size:8px;font-weight:800}.mobile-bottom-nav .nav-svg{width:19px;height:19px}.mobile-bottom-nav a.active{background:#e9f7ed;color:#147132}.mobile-bottom-nav button{cursor:pointer}.driver-app .sidebar{display:none!important}
  .settings-hub-grid,.data-exchange-grid,.permission-cards{grid-template-columns:1fr}.settings-page-header,.report-page-head{align-items:flex-start;flex-direction:column}.feature-toggle-grid{grid-template-columns:1fr}.settings-form-grid,.settings-form-grid.five-col{grid-template-columns:repeat(2,minmax(0,1fr))}.role-tabs{display:flex;overflow:auto;gap:7px;padding-bottom:4px}.role-tabs a{flex:0 0 190px}.permission-toolbar{align-items:flex-start;flex-direction:column}.permission-toolbar .btn{width:100%}.permission-action-grid{grid-template-columns:repeat(3,1fr)}.data-page-tools-panel{grid-template-columns:1fr}.data-page-import{grid-template-columns:1fr}.report-more-grid{position:fixed;left:10px;right:10px;bottom:78px;width:auto;grid-template-columns:1fr;max-height:62vh;overflow:auto}.report-chart-grid{grid-template-columns:1fr!important}.settings-sticky-save{bottom:72px}.advanced-settings-details{margin-bottom:82px}
}

@media(max-width:640px){
  .main{padding:10px!important}.topbar{top:4px}.topbar-title h1{max-width:36vw}.mobile-back-button{width:36px;height:36px}.mobile-menu-button{width:36px;height:36px}.user-avatar,.notification-bell{width:36px;height:36px}.user-avatar{flex-basis:36px}.settings-hero{padding:20px;border-radius:17px}.settings-hero h2{font-size:22px}.settings-hub-card{grid-template-columns:45px minmax(0,1fr);padding:14px}.settings-hub-icon{width:45px;height:45px}.settings-page-header h2,.report-page-head h2{font-size:21px}.feature-section-card{padding:13px}.feature-section-nav{margin-inline:-2px}.settings-form-grid,.settings-form-grid.five-col{grid-template-columns:1fr}.session-settings-box{grid-template-columns:1fr}.permission-page-head{align-items:center}.permission-action-grid{grid-template-columns:1fr}.permission-action{align-items:center}.report-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.report-kpi{min-height:96px;padding:12px}.report-kpi b{font-size:20px}.report-section-title{align-items:flex-start;flex-direction:column}.report-section-title .mobile-actions{width:100%}.report-section-title .mobile-actions .btn{flex:1}.data-exchange-card{grid-template-columns:39px minmax(0,1fr);padding:14px}.data-exchange-icon{width:39px;height:39px}.data-exchange-actions{display:grid;grid-template-columns:1fr 1fr}.data-exchange-actions .btn{width:100%}.import-stat-grid{grid-template-columns:1fr 1fr}.account-card{align-items:flex-start}.account-avatar{width:54px;height:54px;border-radius:15px}.account-page .grid.two{grid-template-columns:1fr}.driver-app .topbar-title h1{max-width:46vw}.driver-app .user-chip>div{display:none}
}
@media(max-width:960px){.mobile-bottom-nav{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.mobile-brand{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#fff;border:1px solid #e2e8e4;padding:3px;flex:0 0 36px}.mobile-brand img{width:100%;height:100%;object-fit:contain}}
@media(max-width:430px){.topbar-title h1{max-width:25vw;font-size:12px}}

/* ==========================================================
   Roma Delivery v2.5.0 — Intelligence dashboards & UX polish
   ========================================================== */

/* Desktop shell: keep the navigation usable without footer overlap. */
@media(min-width:961px){
  .shell{grid-template-columns:270px minmax(0,1fr)}
  .sidebar{display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px}
  .sidebar .sidebar-mobile-head{flex:0 0 auto}
  .sidebar .nav{display:block;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-inline-end:3px;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}
  .sidebar .nav::-webkit-scrollbar{width:5px}.sidebar .nav::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}
  .sidebar-bottom{position:static!important;inset:auto!important;flex:0 0 auto;margin-top:6px;padding-top:11px!important}
  .brand-slogan.compact{padding:0 7px 2px}
  .brand-slogan.compact b{font-size:9px}.brand-slogan.compact span{font-size:7.5px}
}

/* Shared intelligent-dashboard primitives */
.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#1d7f3a;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}.section-head h3,.section-head h4{margin:3px 0 0}.section-head p{margin:4px 0 0}.result-badge,.live-pill{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:6px 9px;border-radius:999px;background:#eef7f0;color:#176a31;font-size:10px;font-weight:900}.live-pill{background:#e7f8ec}.empty-state{padding:32px 16px;text-align:center;color:#748178}.filter-chip{border:1px solid #d8e5db;background:#fff;color:#31513b;border-radius:999px;padding:8px 11px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.filter-chip:hover,.filter-chip:focus{border-color:#76c589;background:#eff9f2;color:#126b2d}.filter-reset-link{display:inline-flex;align-items:center;padding:8px 5px;color:#607268;font-size:10px;font-weight:850}.filters-primary{align-items:end}.filter-more{min-width:auto!important}.filter-more>summary{list-style:none;cursor:pointer}.filter-more>summary::-webkit-details-marker{display:none}.filter-more-grid{position:absolute;z-index:40;width:min(560px,calc(100vw - 50px));padding:12px;margin-top:7px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;background:#fff;border:1px solid #dbe6de;border-radius:14px;box-shadow:0 20px 50px rgba(18,68,34,.14)}.filter-more-grid label{margin-top:0}.list-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 2px;font-size:11px;color:#718078}

/* Reports / executive intelligence */
.analytics-page{display:grid;gap:14px}.analytics-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:25px 27px;border-radius:24px;background:linear-gradient(135deg,#112b1b 0%,#176b34 62%,#38b450 130%);color:#fff;box-shadow:0 20px 50px rgba(20,92,42,.14)}.analytics-hero:before,.analytics-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.analytics-hero:before{width:280px;height:280px;inset-inline-end:-95px;top:-150px;background:#ffffff0b}.analytics-hero:after{width:160px;height:160px;inset-inline-end:95px;bottom:-125px;background:#ffffff09}.analytics-hero-copy,.analytics-hero-actions{position:relative;z-index:1}.analytics-hero .eyebrow{color:#a9e6b8}.analytics-hero h2{margin:5px 0 7px;font-size:29px;line-height:1.25}.analytics-hero p{max-width:790px;margin:0;color:#ddf1e2;line-height:1.8;font-size:12px}.analytics-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.analytics-hero-actions .btn.secondary{border-color:#ffffff2c;background:#ffffff14;color:#fff;backdrop-filter:blur(10px)}.analytics-live-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px;color:#dff4e4;font-size:10px;font-weight:750}.analytics-live-state small{color:#a8cdb2}.live-dot{width:8px;height:8px;border-radius:50%;background:#6ee78a;box-shadow:0 0 0 5px #6ee78a1f;animation:romaPulse 1.8s infinite}@keyframes romaPulse{50%{box-shadow:0 0 0 9px #6ee78a00}}
.analytics-filter-card{padding:13px 14px;border-color:#d9e6dc;position:relative}.analytics-filter-form{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.analytics-filter-primary{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;flex:1;min-width:min(100%,660px)}.analytics-filter-primary label,.analytics-more-grid label{margin:0 0 4px;font-size:9px;color:#627268}.analytics-filter-primary input,.analytics-filter-primary select,.analytics-more-grid select{min-height:40px;border-color:#dce6df;background:#fbfdfb}.analytics-quick-ranges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.analytics-more-filters{position:relative}.analytics-more-filters>summary{list-style:none;cursor:pointer;border:1px solid #d8e5db;background:#fff;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:850;color:#31513b}.analytics-more-filters>summary::-webkit-details-marker{display:none}.analytics-more-grid{position:absolute;z-index:50;inset-inline-end:0;margin-top:7px;width:min(620px,calc(100vw - 40px));display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:9px;padding:12px;border:1px solid #dbe6de;border-radius:14px;background:#fff;box-shadow:0 20px 50px rgba(18,68,34,.15)}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-kpi{position:relative;overflow:hidden;min-height:118px;padding:16px;border:1px solid #dfe8e1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(22,75,36,.04)}.analytics-kpi:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;inset-inline-end:-28px;top:-25px;background:#edf6ef}.analytics-kpi span,.analytics-kpi b,.analytics-kpi small{display:block;position:relative;z-index:1}.analytics-kpi span{font-size:10px;font-weight:850;color:#66766c}.analytics-kpi b{margin:6px 0 4px;font-size:26px;line-height:1.1;color:#193922}.analytics-kpi small{font-size:9px;line-height:1.55;color:#819087}.analytics-kpi.good{border-inline-start:4px solid #2baa4a}.analytics-kpi.good:after{background:#e6f8eb}.analytics-kpi.warn{border-inline-start:4px solid #e59a21}.analytics-kpi.warn:after{background:#fff4df}.analytics-kpi.bad{border-inline-start:4px solid #d84237}.analytics-kpi.bad:after{background:#fff0ef}.analytics-kpi.info{border-inline-start:4px solid #3988d6}.analytics-kpi.info:after{background:#edf6ff}
.analytics-grid-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:12px}.analytics-insights-card,.analytics-pulse-card,.analytics-chart-card,.analytics-table-card{border-color:#dfe8e1}.insight-list{display:grid;gap:8px}.insight-item{display:grid;grid-template-columns:13px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #e7eee9;border-radius:13px;background:#fbfdfb}.insight-icon{width:9px;height:9px;border-radius:50%;margin-top:5px;background:#7c8b81;box-shadow:0 0 0 4px #7c8b8115}.insight-item b{display:block;font-size:11px}.insight-item p{margin:3px 0 0;color:#728078;font-size:10px;line-height:1.65}.insight-item.good .insight-icon{background:#27a648;box-shadow:0 0 0 4px #27a64817}.insight-item.warn .insight-icon{background:#e29a27;box-shadow:0 0 0 4px #e29a2718}.insight-item.bad .insight-icon{background:#d94b40;box-shadow:0 0 0 4px #d94b4018}.insight-item.info .insight-icon{background:#397ed0;box-shadow:0 0 0 4px #397ed018}.pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pulse-grid>div{padding:12px;border:1px solid #e2ebe4;border-radius:13px;background:linear-gradient(145deg,#fbfdfb,#f6faf7)}.pulse-grid span,.pulse-grid b{display:block}.pulse-grid span{font-size:9px;color:#718078}.pulse-grid b{margin-top:5px;font-size:21px;color:#193922}.analytics-breakdown-section{padding-top:2px}.analytics-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-chart-card{padding:14px;min-width:0}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #edf1ee}.chart-card-head h4{margin:0;font-size:12px}.chart-card-head>span{font-size:9px;color:#728078;font-weight:900}.analytics-bars{display:grid;gap:10px;margin-top:11px}.analytics-bar-row>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;margin-bottom:4px}.analytics-bar-row>div span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-bar-row>div b{font-size:10px}.analytics-bar-row>i{display:block;height:7px;border-radius:999px;background:#edf3ef;overflow:hidden}.analytics-bar-row>i>em{display:block;height:100%;min-width:2px;border-radius:999px;background:linear-gradient(90deg,#35b04f,#147832);transition:width .25s ease}.analytics-empty{padding:22px 8px;text-align:center;color:#91a098}.analytics-lower-grid{grid-template-columns:minmax(260px,.45fr) minmax(0,1.55fr)}.analytics-table-card{min-width:0}.analytics-table-wrap{border:0;border-radius:12px}.analytics-table-wrap table{min-width:850px}.analytics-table-wrap td:first-child small{display:block;margin-top:3px;color:#819087;font-size:8px}.analytics-table-wrap th{background:#f8fbf9}.reports-loading .analytics-filter-card{box-shadow:0 0 0 2px #35b04f18}.reports-loading .live-dot{background:#f0a72a}.reports-error .live-dot{background:#d94b40}

/* CRM / complaints */
.crm-dashboard,.ticket-page{display:grid;gap:13px}.crm-hero,.ticket-hero{position:relative;overflow:hidden;padding:21px 23px;border-radius:21px;background:linear-gradient(135deg,#fff,#f3faf5);border:1px solid #dce9df}.crm-hero:after,.ticket-hero:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;inset-inline-end:-62px;top:-75px;background:#dff3e4}.crm-hero h2,.ticket-hero h2{position:relative;z-index:1;margin:4px 0 6px;font-size:25px}.crm-hero p,.ticket-hero p{position:relative;z-index:1;margin:0;max-width:760px;color:#69786f;line-height:1.7}.crm-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.crm-kpi{padding:13px;border-radius:15px;background:#fff;border:1px solid #e0e8e2;min-height:91px}.crm-kpi span,.crm-kpi b{display:block}.crm-kpi span{font-size:9px;color:#718078;font-weight:800}.crm-kpi b{font-size:23px;margin-top:6px;color:#1f3c29}.crm-kpi.good{border-bottom:3px solid #31a84b}.crm-kpi.warn{border-bottom:3px solid #e5a02f}.crm-kpi.bad{border-bottom:3px solid #d94b40}.crm-kpi.info{border-bottom:3px solid #3d87d3}.crm-scope-tabs{display:flex;gap:7px;flex-wrap:wrap}.crm-scope-tabs a{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dae5dd;font-size:10px;font-weight:850}.crm-scope-tabs a.active{background:#176f34;color:#fff;border-color:#176f34}.crm-filter-card{padding:12px}.crm-list-summary{padding-inline:2px}.crm-table td{vertical-align:top}.sla-time{font-size:9px;font-weight:800;color:#68776e}.sla-time.bad{color:#b33329}.sla-time.warn{color:#9b650a}.priority-urgent{background:#fff0ef;color:#ad2d24}.priority-high{background:#fff6e5;color:#895709}.priority-medium{background:#edf5ff;color:#2c64a0}.priority-low{background:#f1f3f4;color:#69746d}.status-new{background:#eef5ff;color:#285f9c}.status-under_review{background:#fff4df;color:#8c5a08}.status-resolved{background:#e8f8ec;color:#167032}.ticket-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.ticket-state-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.ticket-action-card{border-inline-start:4px solid #e5a02f}.detail-grid{display:grid;gap:9px}.detail-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{padding:10px;border:1px solid #e5ebe7;border-radius:11px;background:#fbfdfb}.kv span,.kv b{display:block}.kv span{font-size:9px;color:#75847b}.kv b{margin-top:3px;font-size:11px;word-break:break-word}.text-block{padding:12px;border:1px solid #e4ebe6;border-radius:12px;background:#fbfdfb;line-height:1.7;font-size:11px;white-space:pre-wrap}.ticket-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.metric-grid.ticket-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Account */
.account-page{max-width:1120px}.account-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px;border-radius:22px;background:linear-gradient(135deg,#143520,#25743b);color:#fff;margin-bottom:13px}.account-hero-copy{display:flex;align-items:center;gap:15px;min-width:0}.account-hero .account-avatar{background:#fff;color:#176d33;box-shadow:0 10px 30px #0002}.account-hero h2{margin:0 0 4px}.account-hero p{margin:0;color:#d7ebdc}.account-hero-meta{display:grid;gap:5px;justify-items:end}.account-hero-meta span{padding:5px 9px;border-radius:999px;background:#ffffff13;border:1px solid #ffffff20;font-size:9px}.account-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:12px}.account-panel{border-color:#dfe8e1}.account-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.account-readonly-grid>div{padding:10px;border-radius:11px;background:#f8fbf9;border:1px solid #e5ece7}.account-readonly-grid span,.account-readonly-grid b{display:block}.account-readonly-grid span{font-size:9px;color:#748178}.account-readonly-grid b{margin-top:3px;font-size:11px}.account-security-note{margin:10px 0;padding:10px 11px;border-radius:11px;background:#fff8e9;color:#715012;font-size:10px;line-height:1.7}.account-form .form-grid{margin-bottom:4px}

/* Customer intelligence */
.customer-intelligence-page,.customer-profile-page,.sales-intelligence-page{display:grid;gap:13px}.customer-hero,.customer-profile-hero,.sales-hero{position:relative;overflow:hidden;padding:23px 25px;border-radius:22px;background:linear-gradient(135deg,#102e1b,#1a7136 72%,#3db85a);color:#fff}.customer-hero:after,.customer-profile-hero:after,.sales-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:#ffffff0b;inset-inline-end:-75px;top:-100px}.customer-hero h2,.customer-profile-hero h2,.sales-hero h2{position:relative;z-index:1;margin:5px 0 6px;font-size:27px}.customer-hero p,.customer-profile-hero p,.sales-hero p{position:relative;z-index:1;margin:0;color:#d8eddd;line-height:1.75;max-width:820px}.customer-hero-readiness,.sales-hero-note{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.customer-hero-readiness span,.sales-hero-note{font-size:9px}.customer-hero-readiness span{padding:6px 9px;border-radius:999px;background:#ffffff13;border:1px solid #ffffff1f}.customer-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.customer-kpi{padding:13px;border-radius:15px;background:#fff;border:1px solid #e0e8e2;min-height:92px}.customer-kpi span,.customer-kpi b,.customer-kpi small{display:block}.customer-kpi span{font-size:9px;color:#748078;font-weight:800}.customer-kpi b{font-size:22px;margin:5px 0 2px;color:#1b3824}.customer-kpi small{font-size:8px;color:#89958e}.customer-kpi.good{border-bottom:3px solid #34aa4e}.customer-kpi.warn{border-bottom:3px solid #e6a12f}.customer-kpi.bad{border-bottom:3px solid #d94b40}.customer-kpi.info{border-bottom:3px solid #4288d4}.customer-kpi.premium{border-bottom:3px solid #8a66cf;background:linear-gradient(145deg,#fff,#faf7ff)}.audience-board{padding:16px}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.audience-card{display:block;padding:12px;border:1px solid #e2e9e4;border-radius:14px;background:#fbfdfb;transition:.18s ease}.audience-card:hover{transform:translateY(-2px);border-color:#acd6b7;box-shadow:0 9px 24px #174d2810}.audience-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.audience-card-top b:last-child{font-size:22px;color:#183d25}.audience-card p{margin:6px 0 0;font-size:9px;color:#718078;line-height:1.6}.audience-card.premium{background:#fbf8ff;border-color:#e8def8}.audience-card.bad{background:#fff9f8;border-color:#f2d9d6}.audience-card.warn{background:#fffcf5;border-color:#f1e1bc}.customer-filter-card{padding:12px}.customer-ready-check{min-width:auto!important;padding:8px 10px;border:1px solid #dce6df;border-radius:10px;background:#fff}.customer-score{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 7px;border-radius:12px;font-size:13px;font-weight:950}.customer-score.score-high{background:#e6f7ea;color:#176d32}.customer-score.score-mid{background:#fff4df;color:#8b5a08}.customer-score.score-low{background:#fff0ef;color:#a83229}.customer-table td{vertical-align:top}.segment-service_risk{background:#fff0ef;color:#a83229}.segment-vip_loyal,.segment-high_value_at_risk{background:#f2eaff;color:#6842a3}.segment-repeat_active{background:#e7f7eb;color:#167032}.segment-at_risk,.segment-lapsed,.segment-complaint_recovery{background:#fff4df;color:#8b5a08}.segment-new_customer,.segment-second_order_opportunity,.segment-registered_no_order{background:#edf5ff;color:#2b619c}
.customer-profile-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.customer-profile-actions{display:flex;gap:7px;flex-wrap:wrap;position:relative;z-index:1}.customer-profile-actions .btn.secondary{background:#ffffff13;color:#fff;border-color:#ffffff25}.customer-profile-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px}.customer-profile-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.customer-score-card{display:flex;gap:13px;align-items:center;padding:15px;border-radius:16px;background:linear-gradient(145deg,#fbfdfb,#eff8f1);border:1px solid #d9e8dd}.customer-score-card .customer-score{width:58px;height:58px;border-radius:17px;font-size:20px}.score-track{height:7px;border-radius:999px;background:#e4ece6;overflow:hidden;margin-top:7px}.score-track span{display:block;height:100%;background:linear-gradient(90deg,#35b04f,#176e34)}.customer-profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pill.subtle{background:#f1f5f2;color:#52645a}.customer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-profile-grid.customer-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intel-recommendation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.intel-recommendation-grid>div{padding:11px;border:1px solid #e2e9e4;border-radius:12px;background:#fafcfb}.intel-recommendation-grid span,.intel-recommendation-grid b{display:block}.intel-recommendation-grid span{font-size:9px;color:#728078}.intel-recommendation-grid b{margin-top:4px}.intel-warning{margin-top:10px;padding:10px 11px;border-radius:11px;background:#fff3e0;color:#7c530d;font-size:10px;line-height:1.65}.customer-history-row,.list-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf1ee}.customer-history-row:last-child,.list-row:last-child{border-bottom:0}.campaign-priority{font-size:9px;color:#748178;font-weight:800}

/* Sales opportunity queue */
.sales-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.sales-hero-note{max-width:340px;padding:10px 12px;border:1px solid #ffffff20;border-radius:13px;background:#ffffff0d;line-height:1.6}.sales-assign-bar{position:sticky;bottom:12px;z-index:15;border-color:#cfe1d3;box-shadow:0 12px 34px rgba(25,78,38,.11)}.sales-suggestions-table tr.marketing-hold{background:#fff8f7}.marketing-hold td{opacity:.78}.marketing-hold .customer-score{opacity:1}

/* Generic form helpers used by account / ticket pages. */
.form-grid{display:grid;gap:10px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.one-col{grid-template-columns:1fr}.form-grid>div>label{margin-top:0}

@media(max-width:1280px){
  .analytics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .crm-kpi-grid,.customer-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1080px){
  .analytics-filter-primary{grid-template-columns:repeat(2,minmax(150px,1fr))}.analytics-grid-main,.analytics-lower-grid{grid-template-columns:1fr}.account-layout,.customer-profile-main{grid-template-columns:1fr}.customer-profile-grid.customer-history-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
  .analytics-hero,.customer-profile-hero,.sales-hero,.ticket-hero{align-items:flex-start;flex-direction:column}.analytics-hero-actions,.customer-profile-actions{width:100%}.analytics-hero-actions .btn,.customer-profile-actions .btn{flex:1}.analytics-filter-form{align-items:stretch}.analytics-filter-primary{width:100%}.analytics-quick-ranges{width:100%}.analytics-more-filters{position:static}.analytics-more-grid{position:fixed;left:10px;right:10px;bottom:77px;inset-inline:auto;width:auto;grid-template-columns:1fr 1fr;max-height:62vh;overflow:auto}.filter-more-grid{position:fixed;left:10px;right:10px;bottom:77px;width:auto;grid-template-columns:1fr;max-height:62vh;overflow:auto}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-grid.customer-history-grid{grid-template-columns:1fr}.sales-assign-bar{bottom:72px}
}
@media(max-width:640px){
  .analytics-page,.crm-dashboard,.customer-intelligence-page,.customer-profile-page,.sales-intelligence-page{gap:10px}.analytics-hero,.customer-hero,.customer-profile-hero,.sales-hero{padding:18px 16px;border-radius:18px}.analytics-hero h2,.customer-hero h2,.customer-profile-hero h2,.sales-hero h2{font-size:22px}.analytics-hero p,.customer-hero p,.customer-profile-hero p,.sales-hero p{font-size:10px}.analytics-hero-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-filter-card{padding:10px}.analytics-filter-primary{grid-template-columns:1fr 1fr;gap:7px}.analytics-filter-primary>div:nth-child(n+3){min-width:0}.analytics-quick-ranges{gap:5px}.filter-chip,.analytics-more-filters>summary{padding:7px 9px;font-size:9px}.analytics-more-grid{grid-template-columns:1fr}.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.analytics-kpi{min-height:101px;padding:12px;border-radius:14px}.analytics-kpi b{font-size:21px}.analytics-chart-grid{grid-template-columns:1fr}.analytics-grid-main{gap:9px}.pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-table-card{padding:11px}.analytics-table-wrap{margin-inline:-2px}.section-head{align-items:flex-start}.crm-hero,.ticket-hero{padding:17px 15px;border-radius:18px}.crm-hero h2,.ticket-hero h2{font-size:21px}.crm-kpi-grid,.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.crm-kpi,.customer-kpi{min-height:82px;padding:11px}.crm-kpi b,.customer-kpi b{font-size:19px}.detail-grid.two-col,.metric-grid.ticket-metrics,.form-grid.two-col,.account-readonly-grid{grid-template-columns:1fr}.account-hero{align-items:flex-start;flex-direction:column;padding:18px;border-radius:18px}.account-hero-meta{justify-items:start}.account-layout{gap:9px}.customer-hero{padding:18px 16px}.audience-grid{grid-template-columns:1fr 1fr}.audience-card{padding:10px}.customer-profile-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-grid,.intel-recommendation-grid{grid-template-columns:1fr}.customer-profile-main{gap:9px}.sales-hero-note{max-width:none}.sales-assign-bar{align-items:stretch;flex-direction:column}.sales-assign-bar .btn{width:100%}
}
@media(max-width:420px){
  .analytics-filter-primary{grid-template-columns:1fr}.analytics-hero-actions{grid-template-columns:1fr}.analytics-kpi-grid,.crm-kpi-grid,.customer-kpi-grid{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr}.pulse-grid{grid-template-columns:1fr 1fr}.topbar-title h1{max-width:22vw}
}

/* v2.5 live daily activity trend */
.analytics-trend-card{padding:15px 16px;overflow:hidden}.analytics-trend-head p{margin:4px 0 0;font-size:10px;line-height:1.6}.trend-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.trend-legend span{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;color:#64736a}.trend-legend span:before{content:"";width:8px;height:8px;border-radius:3px;background:#92a098}.trend-legend .created:before,.trend-bars .created{background:#8aa39a}.trend-legend .delivered:before,.trend-bars .delivered{background:#31aa50}.trend-legend .failed:before,.trend-bars .failed{background:#da4a3f}.trend-legend .returned:before,.trend-bars .returned{background:#e6a12d}.analytics-trend{display:flex;align-items:stretch;gap:5px;min-height:175px;overflow-x:auto;padding:7px 2px 2px;scrollbar-width:thin}.trend-day{flex:1 0 30px;min-width:30px;max-width:54px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.trend-bars{height:135px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0 2px;border-bottom:1px solid #dfe8e1;background:linear-gradient(to top,#f8fbf9 1px,transparent 1px);background-size:100% 34px}.trend-bars i{display:block;width:20%;min-width:3px;border-radius:4px 4px 1px 1px;transition:height .25s ease;opacity:.95}.trend-day small{font-size:7.5px;color:#7b8980;white-space:nowrap}.reports-loading .analytics-trend{opacity:.66}
@media(max-width:640px){.analytics-trend-card{padding:12px}.analytics-trend-head{display:block}.trend-legend{justify-content:flex-start;margin-top:8px}.analytics-trend{min-height:155px}.trend-bars{height:115px}.trend-day{flex-basis:28px;min-width:28px}}
.customer-profile-copy{position:relative;z-index:1;min-width:0}.customer-profile-copy h2{margin:5px 0 6px}.customer-profile-copy p{margin:0}.score-track i,.score-track span{display:block;height:100%;background:linear-gradient(90deg,#35b04f,#176e34);border-radius:999px}.product-affinity-card{grid-column:1/-1}.product-affinity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1ee}.product-affinity-row:last-child{border-bottom:0}.product-affinity-row b,.product-affinity-row small,.product-affinity-row strong{display:block}.product-affinity-row b{font-size:11px}.product-affinity-row small{margin-top:2px;font-size:8.5px;color:#7b8980}.product-affinity-row>div:last-child{text-align:end}.product-affinity-row strong{font-size:10px;color:#176d32}
/* v2.6 guided data import */
.import-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}.import-stepper span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border,#dfe5e2);border-radius:12px;background:#fff;color:#6b756f;font-size:13px}.import-stepper b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eef2f0;color:#46514b}.import-stepper .active{border-color:#174c3b;color:#174c3b;font-weight:700;box-shadow:0 5px 18px rgba(18,65,50,.08)}.import-stepper .active b,.import-stepper .done b{background:#174c3b;color:#fff}.import-stepper .done{color:#174c3b}.import-file-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.import-file-summary h3{margin:.2rem 0}.import-auto-score{text-align:center;min-width:120px;padding:12px;border-radius:14px;background:#f5f8f6}.import-auto-score b{display:block;font-size:22px;color:#174c3b}.import-auto-score span{font-size:12px;color:#66726c}.mapping-table th,.mapping-table td{vertical-align:top}.mapping-table .mapping-select{min-width:260px}.sample-chips{display:flex;gap:5px;flex-wrap:wrap;max-width:420px}.sample-chips span{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;background:#f3f5f4;border-radius:7px;font-size:11px;color:#52605a}.import-safety-card{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:16px}.import-safety-card ul{margin:.6rem 0 0;padding-inline-start:20px;color:#52605a}.import-safety-card li{margin:5px 0}.import-execute-btn{min-width:210px}.import-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.import-success-card{border-inline-start:4px solid #2d8a60}.data-import-form.guided{border-top:1px solid #e5e9e7;margin-top:12px;padding-top:12px}.data-import-form.guided small{display:block;line-height:1.5;margin:7px 0 10px}@media(max-width:850px){.import-stepper{grid-template-columns:1fr 1fr}.import-file-summary,.import-safety-card{align-items:stretch;flex-direction:column}.import-result-grid{grid-template-columns:1fr 1fr}.mapping-table .mapping-select{min-width:210px}}@media(max-width:520px){.import-stepper,.import-result-grid{grid-template-columns:1fr}}
.import-mapping-validation{margin:14px 0;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700}.import-mapping-validation.good{background:#eef8f2;color:#17643b;border:1px solid #cfe9d8}.import-mapping-validation.bad{background:#fff2f0;color:#a12c24;border:1px solid #f0d2ce}.mapping-select.mapping-invalid{border-color:#c83b32!important;background:#fff7f6!important}.import-execute-btn:disabled{opacity:.45;cursor:not-allowed}

/* Roma Delivery v2.6.1 — Data Exchange Pro */
.data-exchange-page{display:grid;gap:14px}.data-exchange-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#0f2f1b,#176d34 70%,#39a951);color:#fff;box-shadow:0 14px 34px rgba(22,86,45,.13)}.data-exchange-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff0b;inset-inline-end:-72px;top:-130px}.data-exchange-hero>div{position:relative;z-index:1}.back-link.light{color:#d9eddf}.hero-kicker,.eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#748178}.data-exchange-hero .hero-kicker{color:#cfe9d6}.data-exchange-hero h2{margin:6px 0 7px;font-size:29px}.data-exchange-hero p{margin:0;max-width:780px;line-height:1.8;color:#dbefe0}.data-exchange-hero-status{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:8px;min-width:390px}.data-exchange-hero-status span{display:block;padding:11px 12px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1f}.data-exchange-hero-status b{display:block;font-size:15px;margin-bottom:3px}.data-exchange-hero-status span{font-size:9px;color:#d9ebde}.data-limit-warning{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:15px;background:#fff7e8;border:1px solid #efddb8;color:#7a5110}.data-limit-warning-icon{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;background:#f4b64a;color:#fff;font-weight:950}.data-limit-warning p{margin:3px 0 0;font-size:11px;line-height:1.65}.data-exchange-workflow{padding:16px 18px}.data-workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.data-workflow-steps>div{display:grid;grid-template-columns:31px 1fr;gap:3px 9px;align-items:center;padding:11px;border:1px solid #e2e9e4;border-radius:13px;background:#fbfdfb}.data-workflow-steps b{grid-row:1/3;display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#173d25;color:#fff}.data-workflow-steps span{font-size:11px;font-weight:900}.data-workflow-steps small{font-size:8.5px;line-height:1.55;color:#7a877f}.data-exchange-pro-grid{display:grid;gap:13px}.data-dataset-card{padding:0;overflow:hidden;scroll-margin-top:16px}.data-dataset-head{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:13px;align-items:center;padding:17px 18px;border-bottom:1px solid #e8ede9;background:linear-gradient(180deg,#fff,#fbfdfb)}.data-dataset-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:#e9f6ec;color:#176d34;font-size:17px;font-weight:950}.data-dataset-head h3{margin:2px 0 3px;font-size:17px}.data-dataset-head p{margin:0;font-size:10px;line-height:1.55;color:#718078}.data-dataset-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.data-dataset-meta span{padding:6px 8px;border-radius:999px;background:#f1f5f2;color:#52635a;font-size:8.5px;font-weight:850}.data-dataset-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.data-import-panel,.data-export-panel{padding:17px 18px}.data-import-panel{border-inline-end:1px solid #e9eeea;background:#fcfefd}.data-panel-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}.data-panel-icon{display:grid;place-items:center;min-width:31px;height:31px;border-radius:10px;background:#173d25;color:#fff;font-weight:950}.data-panel-title b,.data-panel-title small{display:block}.data-panel-title b{font-size:12px}.data-panel-title small{margin-top:3px;font-size:9px;line-height:1.55;color:#748178}.pro-import-form{display:grid;gap:9px}.file-drop-zone{position:relative;display:grid;place-items:center;text-align:center;gap:4px;min-height:150px;margin:0;padding:18px;border:1.5px dashed #b9cabe;border-radius:16px;background:#f8fbf9;cursor:pointer;transition:.18s ease}.file-drop-zone:hover,.file-drop-zone.dragging{border-color:#2a8b47;background:#f1faf3;transform:translateY(-1px)}.file-drop-zone.has-file{border-style:solid;border-color:#63ab75;background:#f1faf3}.file-drop-zone.invalid{border-color:#d2564a;background:#fff8f7}.file-drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#e4f3e8;color:#176d34;font-size:23px;font-weight:950}.file-drop-zone b{font-size:11px}.file-drop-zone small{font-size:9px;color:#76837b}.file-drop-error{padding:8px 10px;border-radius:10px;background:#fff0ef;color:#9d2d24;font-size:9px}.file-selection-state{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border-radius:11px;background:#eef8f1;color:#1d6331;font-size:9.5px;font-weight:800}.file-selection-state button{border:0;background:transparent;color:#7a877f;font-size:18px;cursor:pointer}.primary-wide{width:100%;min-height:42px;justify-content:space-between;padding-inline:15px}.primary-wide.loading{opacity:.72}.permission-note{padding:12px;border-radius:12px;background:#f4f6f5;color:#6d7972;font-size:10px}.export-action-grid{display:grid;gap:8px}.export-action{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px;border:1px solid #e1e8e3;border-radius:13px;background:#fff;transition:.18s ease}.export-action:hover{border-color:#b8d7c0;box-shadow:0 8px 22px rgba(23,77,40,.08);transform:translateY(-1px)}.export-action>span{display:grid;place-items:center;width:42px;height:38px;border-radius:10px;font-size:9px;font-weight:950}.export-action.xlsx>span{background:#e7f6eb;color:#167033}.export-action.csv>span{background:#edf5ff;color:#28639e}.export-action.template>span{background:#fff5df;color:#8b5c0d}.export-action b,.export-action small{display:block}.export-action b{font-size:10.5px}.export-action small{margin-top:2px;font-size:8.5px;color:#7c8981}.export-action i{font-style:normal;color:#78857d}.import-summary-pro{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:12px;align-items:center}.dataset-quick-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;margin-bottom:12px;border:1px solid #dfe8e1;border-radius:13px;background:#fbfdfb}.dataset-quick-tools-copy span,.dataset-quick-tools-copy b{display:block}.dataset-quick-tools-copy b{font-size:11px;margin-top:2px}.dataset-quick-actions{display:flex;gap:6px;flex-wrap:wrap}.dataset-quick-actions .btn{padding:8px 10px;font-size:9px}

/* import mapping refinement */
.import-wizard-head{padding:4px 0}.import-mapping-card{padding:0;overflow:hidden}.import-mapping-card .section-head{padding:17px 18px;border-bottom:1px solid #e7ede8}.mapping-table{min-width:1050px}.mapping-table thead th{position:sticky;top:0;z-index:2;background:#f6f9f7}.mapping-table td{padding-top:10px;padding-bottom:10px}.mapping-table .mapping-select{min-width:270px;border-color:#cbd8ce;background:#fbfdfb;font-size:11px}.mapping-select.mapping-invalid{border-color:#cf5147;background:#fff7f6}.import-mapping-validation{margin:12px 0 0;padding:10px 12px;border-radius:11px;font-size:10px;font-weight:750}.import-mapping-validation.good{background:#eaf8ee;color:#176d34}.import-mapping-validation.bad{background:#fff0ef;color:#9f2f26}.import-safety-card{border-color:#dfe9e2;background:#fbfdfb}.import-execute-btn{min-height:43px;border-radius:11px}

/* live chunked import */
.import-progress-page{display:grid;gap:13px}.import-live-card{padding:20px}.import-live-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.import-live-head h3{margin:3px 0 4px}.import-live-percent{font-size:34px;font-weight:950;color:#176d34;min-width:90px;text-align:end}.import-progress-track{height:12px;border-radius:999px;background:#e7eee9;overflow:hidden;margin:18px 0}.import-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1d7c3b,#41b85b);transition:width .25s ease}.import-live-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.import-live-stats>div{padding:11px;border-radius:12px;background:#f8faf9;border:1px solid #e3e9e5}.import-live-stats span,.import-live-stats b,.import-live-stats small{display:block}.import-live-stats span{font-size:8.5px;color:#76837b;font-weight:850}.import-live-stats b{font-size:22px;margin-top:4px}.import-live-stats small{font-size:8px;color:#8a958e}.import-live-stats .good{border-bottom:3px solid #32a94b}.import-live-stats .info{border-bottom:3px solid #4388d2}.import-live-stats .warn{border-bottom:3px solid #dfa134}.import-live-stats .bad{border-bottom:3px solid #d74d42}.import-progress-actions{display:flex;gap:7px;justify-content:flex-end;margin-top:15px}.import-progress-page.has-error .import-progress-track span{background:#c7463d}.import-safety-note{display:flex;gap:12px;align-items:flex-start;background:#f8fbf9}.import-safety-note-icon{display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;background:#e5f5e9;color:#176d34;font-weight:950}.import-safety-note p{margin:4px 0 0;font-size:10px;line-height:1.65;color:#6f7d75}

@media(max-width:1050px){.data-exchange-hero{align-items:flex-start;flex-direction:column}.data-exchange-hero-status{min-width:0;width:100%}.data-dataset-body{grid-template-columns:1fr}.data-import-panel{border-inline-end:0;border-bottom:1px solid #e9eeea}.data-workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.import-summary-pro{grid-template-columns:1fr}.import-live-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.data-exchange-hero{padding:21px 18px;border-radius:19px}.data-exchange-hero h2{font-size:24px}.data-exchange-hero-status{grid-template-columns:1fr}.data-workflow-steps{grid-template-columns:1fr}.data-dataset-head{grid-template-columns:42px minmax(0,1fr)}.data-dataset-meta{grid-column:1/-1;justify-content:flex-start}.data-dataset-body{display:block}.data-import-panel,.data-export-panel{padding:14px}.dataset-quick-tools{align-items:flex-start;flex-direction:column}.dataset-quick-actions{width:100%}.dataset-quick-actions .btn{flex:1}.import-live-head{align-items:flex-start;flex-direction:column}.import-live-percent{text-align:start}.import-live-stats{grid-template-columns:1fr 1fr}.import-progress-actions{flex-direction:column}.import-progress-actions .btn{width:100%}}

/* v2.6.2 order/shipment integrity */
.status-pending-scan{background:#eef3f0;color:#58685f;border:1px solid #dce7df}.order-scan-note{display:block;font-size:10px;margin-top:3px}.pending-tracking{font-weight:900;color:#7c8b82}
.integrity-repair-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.9fr);gap:18px;align-items:center;margin:16px 0;padding:20px;border-width:1px}.integrity-repair-card.needs-repair{border-color:#f2c98b;background:linear-gradient(135deg,#fffdf8,#fff8e9)}.integrity-repair-card.is-clean{border-color:#bfe2c8;background:linear-gradient(135deg,#fbfffc,#edf9f0)}.integrity-repair-copy h3{margin:4px 0 8px}.integrity-repair-copy p{margin:0;color:var(--muted);line-height:1.7}.integrity-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.integrity-stat-grid span{background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 12px}.integrity-stat-grid small{display:block;color:var(--muted);font-size:10px;font-weight:750}.integrity-stat-grid b{display:block;margin-top:4px;font-size:23px}.integrity-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.integrity-progress{display:flex;align-items:center;gap:8px}.integrity-progress i{width:16px;height:16px;border-radius:50%;border:2px solid #c7ddd0;border-top-color:var(--roma);animation:roma-spin .7s linear infinite}.integrity-clean-note{grid-column:1/-1;color:#126b32;font-weight:750}@keyframes roma-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.integrity-repair-card{grid-template-columns:1fr}.integrity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v2.7.0 CRM console + platform alignment polish */
:where(.main,.card,.table-wrap,.form-card,.crm-dashboard,.ticket-page,.settings-tabs){text-align:start}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,button,.btn,label,p,small,span,dt,dd,th,td){text-align:start}
html[dir="rtl"] :where(.main,.card,.table-wrap,.form-card,.crm-dashboard,.crm-console-page,.crm-intake-shell){direction:rtl}
html[dir="ltr"] :where(.main,.card,.table-wrap,.form-card,.crm-dashboard,.crm-console-page,.crm-intake-shell){direction:ltr}
.auto-dir,[dir="auto"]{unicode-bidi:plaintext;text-align:start}.ltr{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext}
input[type="email"],input[type="url"],input[name*="phone"],input[name*="mobile"],input[name*="tracking"],input[name*="order_number"],input[name*="order_reference"]{direction:ltr;text-align:left;unicode-bidi:plaintext}
.toolbar,.section-head,.list-summary,.crm-panel-title,.crm-case-header,.crm-selected-head,.crm-submit-row{min-width:0}.toolbar>*{min-width:0}

/* Dashboard warehouse cards */
.warehouse-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:8px}
.warehouse-summary-card{display:block;text-decoration:none;color:var(--ink);padding:18px 19px;min-width:0;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.warehouse-summary-card:hover{transform:translateY(-2px);border-color:#a9d8b5;box-shadow:0 12px 28px rgba(10,86,44,.1)}
.warehouse-summary-card>.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.warehouse-summary-card>.toolbar b{font-size:15px;font-weight:850;line-height:1.4}.warehouse-summary-card>.toolbar .pill{min-width:34px;text-align:center}
.warehouse-status-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}.warehouse-status-mini>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid #e2ece5;background:#f8fcf9;border-radius:12px;color:#64746b;font-size:11px;font-weight:700;min-width:0}.warehouse-status-mini>span b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:9px;background:#fff;color:#153f27;font-size:13px;box-shadow:0 2px 8px rgba(16,80,42,.05)}

/* Complaint intake */
.crm-intake-shell{max-width:1180px;margin:0 auto}.crm-intake-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#0b5d35,#168142);color:#fff;box-shadow:var(--shadow)}.crm-intake-hero .eyebrow{color:#bfe7ca}.crm-intake-hero h2{margin:3px 0 6px;font-size:26px}.crm-intake-hero p{margin:0;color:#d9eee0;max-width:720px;line-height:1.7}.crm-intake-hero .btn.secondary{background:#fff}
.crm-intake-form{display:grid;gap:14px}.crm-order-first,.crm-manual-customer,.crm-issue-card{padding:20px}.step-chip{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e9f7ed;color:#0e6a31;font-size:11px;font-weight:900;margin-inline-end:8px}.section-head h3{display:inline-block;margin:0;font-size:17px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:11px}
.crm-order-search-row{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;align-items:end;margin-top:14px}.crm-order-search-field label{display:block;margin-bottom:6px}.crm-order-search-field input{width:100%;min-height:46px;font-size:16px;font-weight:800}.crm-order-search-row>.btn{min-height:46px;white-space:nowrap}.crm-no-order-btn{border-style:dashed!important}.crm-order-feedback{margin-top:10px;font-size:11px}.crm-order-results{display:grid;gap:7px;margin-top:10px}.crm-order-result{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);cursor:pointer}.crm-order-result:hover{border-color:#92cfa0;background:#f7fcf8}.crm-order-result b{font-size:13px}.crm-order-result span{color:var(--muted);font-size:11px}
.crm-order-selected{margin-top:14px;border:1px solid #bde2c6;background:#f5fcf7;border-radius:15px;padding:14px}.crm-selected-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.crm-selected-head>div{display:flex;align-items:center;gap:9px}.link-btn{border:0;background:transparent;color:#167238;font-weight:800;cursor:pointer;padding:6px}.crm-order-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crm-order-facts>div{padding:10px 11px;background:#fff;border:1px solid #e0ece3;border-radius:11px;min-width:0}.crm-order-facts span,.crm-order-facts b{display:block}.crm-order-facts span{font-size:9px;color:var(--muted);font-weight:750}.crm-order-facts b{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.crm-escalation-banner{margin-top:10px;padding:10px 12px;border-radius:11px;background:#fff1df;color:#854d0e;border:1px solid #f3d3a3;font-size:11px;line-height:1.7}
.crm-issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.crm-description-field{grid-column:1/-1}.crm-advanced{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.crm-advanced summary{cursor:pointer;color:#567066;font-size:11px;font-weight:800}.crm-advanced .form-grid{margin-top:12px}.crm-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.crm-submit[disabled]{opacity:.48;cursor:not-allowed;transform:none!important}

/* Complaint console */
.crm-console-page{max-width:1540px;margin:0 auto}.crm-case-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}.crm-case-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.crm-case-title h2{margin:8px 0 4px;font-size:25px}.crm-case-title p{margin:0;color:var(--muted)}.crm-case-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.crm-case-actions form{margin:0}
.crm-console-grid{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(230px,300px);gap:14px;align-items:start}.crm-console-side,.crm-console-main{display:grid;gap:14px;min-width:0}.crm-panel,.crm-issue-focus,.crm-update-console,.crm-timeline-panel{padding:16px}.crm-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid #edf2ee}.crm-panel-title h3{margin:0;font-size:14px}.crm-panel-icon{width:12px;height:12px;color:#35a957}.crm-kv-list{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:0;margin:0}.crm-kv-list dt,.crm-kv-list dd{padding:7px 0;border-bottom:1px dashed #edf1ee;margin:0;min-width:0;font-size:11px;overflow-wrap:anywhere}.crm-kv-list dt{color:#75837b;font-weight:700}.crm-kv-list dd{font-weight:800}.crm-address-box{margin-top:12px;padding:10px 11px;border-radius:11px;background:#f8faf9}.crm-address-box span{font-size:9px;color:var(--muted);font-weight:800}.crm-address-box p{font-size:11px;line-height:1.65;margin:5px 0 0}
.crm-issue-focus{border-inline-start:4px solid var(--roma)}.crm-issue-copy{font-size:15px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}.crm-update-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.crm-update-console label{margin-top:9px}.crm-update-console textarea{width:100%}.crm-feed{display:grid;gap:0}.crm-feed-item{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;padding:10px 0;position:relative}.crm-feed-item:not(:last-child):before{content:"";position:absolute;inset-inline-start:7px;top:25px;bottom:-3px;width:1px;background:#dfe9e2}.crm-feed-dot{width:10px;height:10px;margin-top:4px;border-radius:50%;background:#35a957;box-shadow:0 0 0 4px #eaf7ed}.crm-feed-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.crm-feed-head b{font-size:11px}.crm-feed-head time,.crm-feed-item small{font-size:9px;color:var(--muted)}.crm-feed-item p{font-size:11px;line-height:1.7;margin:5px 0}.crm-summary-stack{display:grid;gap:7px}.crm-summary-stack>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #edf1ee;border-radius:10px;background:#fafcfb}.crm-summary-stack span{color:var(--muted);font-size:10px}.crm-summary-stack b{font-size:11px;text-align:end}.crm-related-list{display:grid;gap:7px}.crm-related-list>a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border:1px solid #e7eee9;border-radius:10px;color:var(--ink);background:#fff}.crm-related-list>a:hover{background:#f6fbf7;border-color:#b9dec2}.crm-related-list>a>div:first-child b,.crm-related-list>a>div:first-child span{display:block}.crm-related-list>a>div:first-child b{font-size:11px}.crm-related-list>a>div:first-child span,.crm-related-list small{font-size:9px;color:var(--muted);margin-top:3px}.empty-state.compact{padding:14px;font-size:10px}

/* CRM dashboard simplification */
.crm-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.crm-kpi.escalation{background:#fff8ed;border-color:#f0d4a3}.crm-table td small{display:block;margin-top:4px}.crm-escalation-mini{display:inline-flex;align-items:center;margin-top:5px;padding:3px 7px;border-radius:999px;background:#fff1df;color:#85510e;font-size:8px;font-weight:850}

@media(max-width:1250px){.crm-console-grid{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.crm-console-right{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.crm-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.warehouse-summary-grid{grid-template-columns:1fr}.crm-order-search-row{grid-template-columns:1fr 1fr}.crm-order-search-field{grid-column:1/-1}.crm-order-facts{grid-template-columns:1fr 1fr}.crm-console-grid{grid-template-columns:1fr}.crm-console-right{grid-column:auto;grid-template-columns:1fr}.crm-console-left{grid-template-columns:1fr 1fr}.crm-update-top{grid-template-columns:1fr}.crm-intake-hero,.crm-case-header{align-items:flex-start;flex-direction:column}.crm-issue-grid{grid-template-columns:1fr}.crm-description-field{grid-column:auto}}
@media(max-width:640px){.crm-order-search-row{display:flex;flex-direction:column;align-items:stretch}.crm-order-search-row>.btn{width:100%}.crm-order-facts,.crm-console-left{grid-template-columns:1fr}.crm-submit-row{align-items:stretch;flex-direction:column}.crm-submit-row .btn{width:100%}.crm-kpi-grid{grid-template-columns:1fr 1fr}.warehouse-status-mini{grid-template-columns:1fr}.crm-case-title h2{font-size:21px}}
.warehouse-summary-card>.toolbar>div small,.warehouse-summary-card>.toolbar>div b{display:block}.warehouse-summary-card>.toolbar>div small{font-size:9px;margin-bottom:3px}.warehouse-status-mini>span em{font-style:normal;min-width:0;overflow-wrap:anywhere}.warehouse-summary-open{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid #edf2ee;color:#147232;font-size:10px;font-weight:850}
.crm-source-link{margin-top:12px}.crm-source-link .btn{width:100%;justify-content:center}.integration-webhooks-card p{line-height:1.65}

/* ==========================================================
   Roma Delivery v2.7.1 — Navigation, bilingual alignment,
   notification center, order/shipment split and report builder
   ========================================================== */
html[dir="rtl"] body{font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif}
html[dir="ltr"] body{font-family:Inter,"Segoe UI",Arial,sans-serif}
html[dir="rtl"] :where(h1,h2,h3,h4,h5,p,label,small,span,dt,dd,th,td,.btn,.pill,.badge,.muted){text-align:start}
html[dir="ltr"] :where(h1,h2,h3,h4,h5,p,label,small,span,dt,dd,th,td,.btn,.pill,.badge,.muted){text-align:start}
:where(input,select,textarea){text-align:start}.auto-dir{unicode-bidi:plaintext}.entity-link{display:inline-flex;flex-direction:column;gap:2px;color:#135f31;font-weight:800}.entity-link:hover{color:#0a7a37;text-decoration:underline;text-underline-offset:3px}.entity-link small{font-weight:650;color:#7b8880;text-decoration:none}
.page-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px;margin-bottom:14px;border-radius:21px;background:linear-gradient(135deg,#0e6037,#168247);color:#fff;box-shadow:0 14px 35px rgba(12,94,49,.12)}.page-hero .eyebrow{color:#bce8c8}.page-hero h2{margin:4px 0 6px;font-size:25px}.page-hero p{max-width:850px;margin:0;color:#d8efe0;line-height:1.7}.page-hero .btn.secondary{background:#fff}.compact-page-hero{padding-block:19px}.orders-page,.shipments-page,.order-record-page{display:grid;gap:13px}.orders-filter-card{margin-bottom:0}

/* Notification center */
.notification-center-page{display:grid;gap:13px;max-width:1180px;margin:0 auto}.notification-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:21px 23px;border:1px solid #dbe7de;border-radius:20px;background:linear-gradient(135deg,#fff,#f2faf4)}.notification-center-head h2{margin:4px 0 5px;font-size:25px}.notification-center-head p{margin:0;color:var(--muted);line-height:1.65}.notification-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.notification-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #dfe8e1;border-radius:14px;background:#fff}.notification-kpi span{font-size:10px;color:#65756b;font-weight:850}.notification-kpi b{font-size:22px;color:#183e27}.notification-kpi.active{border-color:#7fc392;background:#f3fbf5;box-shadow:0 0 0 2px #6ab97d18}.notification-kpi.unread b{color:#bb2e24}.notification-stream-card{padding:0;overflow:hidden}.notification-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid #e7ede9;background:#fafcfb}.notification-tabs a{padding:8px 12px;border-radius:999px;font-size:10px;font-weight:850;color:#607067}.notification-tabs a.active{background:#e5f5e9;color:#126b31}.notification-stream{display:grid}.notification-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #edf1ee;background:#fff}.notification-card:last-child{border-bottom:0}.notification-card.unread{background:linear-gradient(90deg,#f3fbf5,#fff)}html[dir="rtl"] .notification-card.unread{background:linear-gradient(270deg,#f3fbf5,#fff)}.notification-open{display:grid;grid-template-columns:12px minmax(0,1fr);gap:11px;padding:15px 0}.notification-state-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#c5cec8}.notification-card.unread .notification-state-dot{background:#e24237;box-shadow:0 0 0 4px #e2423714}.notification-copy{min-width:0}.notification-title-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.notification-title-row b{font-size:12px}.notification-copy p{margin:4px 0 5px;color:#53645a;font-size:11px;line-height:1.65}.notification-copy small{font-size:9px;color:#859188}.notification-state-form{margin:0}.notification-state-form .link-btn{font-size:9px;white-space:nowrap}.notification-empty{padding:45px 18px}.notification-empty b{display:block;margin-bottom:5px;color:#334c3d}

/* Dashboard reporting period */
.dashboard-period-report{margin-top:14px;padding:17px 18px}.dashboard-period-head{align-items:flex-start}.dashboard-period-head h3{margin:3px 0 4px}.period-label{direction:ltr;unicode-bidi:plaintext;padding:7px 10px;border-radius:999px;background:#f1f6f2;color:#53705d;font-size:9px;font-weight:850}.dashboard-period-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.dashboard-period-tabs a,.dashboard-period-tabs button{border:1px solid #dbe6de;background:#fff;color:#41584a;padding:8px 11px;border-radius:999px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.dashboard-period-tabs .active{background:#176e36;color:#fff;border-color:#176e36}.dashboard-custom-range{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto;gap:9px;align-items:end;padding:11px;margin:10px 0;border:1px solid #e2ebe4;border-radius:13px;background:#fafcfb}.dashboard-custom-range label{margin-top:0}.dashboard-period-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.dashboard-period-kpis>div{padding:12px;border:1px solid #e1e9e3;border-radius:13px;background:#fbfdfb;min-width:0}.dashboard-period-kpis span,.dashboard-period-kpis b{display:block}.dashboard-period-kpis span{font-size:9px;color:#748178;font-weight:750}.dashboard-period-kpis b{margin-top:4px;font-size:18px;color:#183f28;overflow-wrap:anywhere}

/* Report builder */
.report-builder-card{padding:17px 18px}.report-builder-head{margin-bottom:12px}.report-builder-form{display:grid;gap:11px}.report-period-presets{display:flex;gap:6px;flex-wrap:wrap}.report-builder-primary{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;align-items:end}.report-builder-primary label,.report-builder-form .analytics-more-grid label{margin:0 0 4px;font-size:9px;color:#66766c}.report-builder-primary input,.report-builder-primary select{min-height:40px;background:#fbfdfb;border-color:#dce6df}.report-builder-form .analytics-more-filters{justify-self:start}.report-builder-form .analytics-more-grid{inset-inline-start:0;inset-inline-end:auto}.report-builder-actions{display:flex;gap:7px;justify-content:flex-end}.grouped-report-card{padding:15px 16px}.grouped-report-table{min-width:760px}.grouped-report-table th,.grouped-report-table td{white-space:nowrap}.grouped-report-table tbody tr:hover{background:#f8fcf9}.analytics-table-wrap .entity-link{max-width:260px}.analytics-table-wrap td small{display:block}

/* Warehouse dashboard cards: stronger alignment and hierarchy */
.warehouse-summary-grid{align-items:stretch}.warehouse-summary-card{display:flex;flex-direction:column;min-height:205px}.warehouse-summary-card .warehouse-status-mini{flex:1}.warehouse-summary-open{margin-top:auto}.warehouse-summary-open span{font-size:15px;line-height:1}.warehouse-status-mini>span{min-height:50px}.warehouse-status-mini>span em{line-height:1.35}

@media(max-width:1250px){.report-builder-primary{grid-template-columns:repeat(3,minmax(150px,1fr))}.dashboard-period-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.notification-center-head,.page-hero{align-items:flex-start;flex-direction:column}.notification-kpis{grid-template-columns:1fr}.notification-card{grid-template-columns:1fr}.notification-state-form{padding:0 0 12px 23px}.report-builder-primary{grid-template-columns:1fr 1fr}.dashboard-custom-range{grid-template-columns:1fr 1fr}.dashboard-custom-range .btn{grid-column:1/-1}.dashboard-period-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.report-builder-primary,.dashboard-custom-range,.dashboard-period-kpis{grid-template-columns:1fr}.notification-title-row{align-items:flex-start;flex-direction:column}.notification-state-form{padding-inline-start:0}.report-builder-actions{flex-direction:column}.report-builder-actions .btn{width:100%}}

/* ===== Roma Delivery v2.8.0: Orders command center + customer tracking + shared sales ===== */
.orders-command-center,.dashboard-orders-command{display:grid;gap:16px;margin-bottom:16px}
.orders-search-primary label{display:block;font-weight:800;margin-bottom:7px}.search-action-row,.dashboard-order-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.orders-search-primary input,.dashboard-order-search input{min-height:48px;font-size:16px}
.orders-overview-cards,.dashboard-order-summary{display:grid;grid-template-columns:repeat(5,minmax(135px,1fr));gap:10px}.dashboard-order-summary{grid-template-columns:repeat(4,minmax(130px,1fr))}.order-overview-card,.dashboard-order-summary>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:var(--card);text-decoration:none;color:inherit;min-height:70px}.order-overview-card:hover,.dashboard-order-summary>a:hover,.order-overview-card.active{border-color:var(--green);box-shadow:0 8px 28px rgba(10,91,53,.08)}.order-overview-card span,.dashboard-order-summary span{font-size:13px;color:var(--muted)}.order-overview-card b,.dashboard-order-summary b{font-size:23px;line-height:1}
.order-status-scroller{display:flex;gap:8px;overflow:auto;padding:2px 1px 8px;scrollbar-width:thin}.order-status-chip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:170px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#fff;text-decoration:none;color:inherit;white-space:nowrap}.order-status-chip b{background:var(--surface-soft,#f3f8f5);border-radius:999px;padding:4px 9px;font-size:12px}.order-status-chip:hover,.order-status-chip.active{border-color:var(--green);background:#f2fbf6}
.dashboard-orders-command-head{align-items:flex-start}.dashboard-recent-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-recent-order{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;background:#fff}.dashboard-recent-order>div{display:flex;flex-direction:column;gap:3px}.dashboard-recent-order>div:last-child{align-items:flex-end}.dashboard-recent-order span,.dashboard-recent-order small{font-size:12px;color:var(--muted)}

.customer-tracking-v280{max-width:1180px;margin:0 auto;padding:28px 18px 44px}.tracking-brand-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.tracking-roma-mark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.tracking-roma-mark img{width:82px;height:50px;object-fit:contain;background:#fff;border-radius:12px;padding:5px;border:1px solid #dfe8e3}.tracking-roma-mark div{display:flex;flex-direction:column}.tracking-roma-mark span{font-size:12px;color:#66736c}.tracking-order-chip{display:flex;flex-direction:column;align-items:flex-end;background:#fff;border:1px solid #dfe8e3;border-radius:14px;padding:9px 14px}.tracking-order-chip span{font-size:11px;color:#6d7972}.tracking-hero-v280{background:linear-gradient(135deg,#075b36,#119451);color:#fff;border-radius:26px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 14px 38px rgba(7,91,54,.15)}.tracking-hero-v280 h1{margin:6px 0 8px;font-size:clamp(26px,4vw,42px)}.tracking-hero-v280 p{max-width:720px;margin:0;opacity:.9}.tracking-status-big{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:16px 18px;min-width:250px;display:flex;flex-direction:column}.tracking-status-big span,.tracking-status-big small{font-size:12px;opacity:.82}.tracking-status-big b{font-size:22px;margin:4px 0}.tracking-layout-v280{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:16px;margin-top:16px}.tracking-layout-v280 main,.tracking-layout-v280 aside{display:grid;align-content:start;gap:16px}.tracking-card{background:#fff;border:1px solid #dfe8e3;border-radius:20px;padding:20px;box-shadow:0 8px 26px rgba(27,61,45,.05)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.source-status-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:#f3f8f5;margin-bottom:14px}.source-status-strip span{font-size:12px;color:#66736c}.source-status-strip small{margin-inline-start:auto}.tracking-timeline-v280{display:grid;gap:0}.tracking-step{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:18px;opacity:.5}.tracking-step:not(:last-child):before{content:"";position:absolute;inset-inline-start:16px;top:30px;bottom:0;width:2px;background:#dbe6df}.tracking-step.done{opacity:1}.tracking-step.current b{color:#08713f}.step-dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid #dbe6df;background:#fff;font-weight:800}.tracking-step.done .step-dot{background:#0b7a45;color:#fff;border-color:#0b7a45}.tracking-step div{display:flex;flex-direction:column;gap:3px}.tracking-step small{color:#718078}.external-journey{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.external-step{border:1px solid #dfe8e3;border-radius:15px;padding:14px;display:flex;gap:10px;align-items:flex-start}.external-step>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf4f0;font-weight:800}.external-step.done>span,.external-step.current>span{background:#0b7a45;color:#fff}.external-step div{display:flex;flex-direction:column}.external-step small{color:#718078;margin-top:4px}.tracking-items{display:grid;gap:8px}.tracking-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid #eef2ef;border-radius:12px}.tracking-item div{display:flex;flex-direction:column}.tracking-action-primary{display:flex!important;flex-direction:column;align-items:center}.tracking-action-disabled{padding:13px;border-radius:14px;background:#f5f6f5;border:1px dashed #cfd8d2;display:flex;flex-direction:column;gap:3px}.tracking-action-disabled small{color:#6f7d75}.tracking-actions-card{display:grid;gap:10px}.driver-mini-card{padding:12px;border-radius:14px;background:#f3f8f5;display:grid;gap:4px}.order-summary-card dl{margin:0;display:grid;gap:10px}.order-summary-card dl>div{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #eef2ef}.order-summary-card dt{color:#718078}.order-summary-card dd{margin:0;font-weight:700}.tracking-brand-family{margin-top:18px;background:#fff;border:1px solid #dfe8e3;border-radius:22px;padding:20px}.brand-family-heading{text-align:center}.brand-family-heading p{color:#718078}.brand-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.brand-family-card{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:120px;border:1px solid #e2eae5;border-radius:16px;text-decoration:none;color:inherit;padding:12px}.brand-family-card img{width:82px;height:55px;object-fit:contain}.brand-family-card.active{border-color:#0b7a45;background:#f2fbf6}.parent-company-note{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px;color:#607068;font-size:13px}.customer-map{height:300px;border-radius:16px;overflow:hidden}.proof-preview img{width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:#f6f7f6}.tracking-meta-row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}

.sales-hero-v280,.sales-customer-hero{align-items:center}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.sales-kpis-v280,.sales-customer-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.sales-shared-workspace-note{margin:14px 0;background:#f4fbf7}.sales-shared-workspace-note p{margin-bottom:0}.sales-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-customer-card{text-decoration:none;color:inherit;display:grid;gap:14px;transition:.15s ease}.sales-customer-card:hover{transform:translateY(-2px);border-color:#0b7a45}.sales-customer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sales-customer-head>div{display:flex;flex-direction:column}.sales-customer-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sales-customer-meta span{background:#f6f8f7;border-radius:10px;padding:7px;font-size:11px;display:flex;flex-direction:column;gap:2px}.sales-card-action{font-weight:700;color:#08713f}.activity-feed-v280{display:grid;gap:8px}.activity-feed-row{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid #e5ebe7;border-radius:13px;text-decoration:none;color:inherit}.activity-feed-row.static{align-items:flex-start}.activity-feed-row>div{display:flex;flex-direction:column;gap:4px}.activity-feed-row span{white-space:normal}.attachment-chip{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;background:#eef7f1;border-radius:9px;color:#086d3d;text-decoration:none}.sales-workspace-columns{align-items:start}.abandoned-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.abandoned-source-note{margin:14px 0;background:#fffaf0}

@media(max-width:980px){.orders-overview-cards{grid-template-columns:repeat(3,minmax(125px,1fr))}.dashboard-order-summary{grid-template-columns:repeat(2,1fr)}.dashboard-recent-orders{grid-template-columns:1fr}.tracking-layout-v280{grid-template-columns:1fr}.brand-family-grid{grid-template-columns:repeat(2,1fr)}.sales-customer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.orders-overview-cards,.dashboard-order-summary{display:flex;overflow:auto;padding-bottom:6px}.order-overview-card,.dashboard-order-summary>a{min-width:145px}.orders-filter-card{grid-template-columns:1fr}.dashboard-orders-command-head,.tracking-brand-header,.tracking-hero-v280{align-items:stretch;flex-direction:column}.tracking-status-big{min-width:0}.tracking-order-chip{align-items:flex-start}.external-journey{grid-template-columns:1fr}.customer-tracking-v280{padding:18px 10px 90px}.tracking-card{padding:15px}.brand-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-kpis-v280,.sales-customer-summary-grid,.abandoned-kpis{grid-template-columns:repeat(2,1fr)}.sales-customer-grid{grid-template-columns:1fr}.sales-customer-meta{grid-template-columns:1fr 1fr 1fr}.search-action-row,.dashboard-order-search{grid-template-columns:1fr auto}.dashboard-recent-order{align-items:flex-start}.dashboard-recent-order>div:last-child{align-items:flex-end}.hero-actions .btn{flex:1}.tracking-brand-header{display:flex}.tracking-roma-mark img{width:70px}.source-status-strip small{margin-inline-start:0;width:100%}}


/* ===== Roma Delivery v2.8.4: shipping/tracking status clarity ===== */
.source-status-badge,.shipment-status-badge,.fulfillment-pill{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;line-height:1.25;border:1px solid transparent;white-space:normal}
.order-status-chip.source-status-payment_pending,.source-status-badge.source-status-payment_pending,.order-status-chip.source-status-pending,.source-status-badge.source-status-pending{background:#fff8e6;color:#8a5a00;border-color:#f2d28a}.order-status-chip.source-status-under_review,.source-status-badge.source-status-under_review{background:#f4efff;color:#6741a5;border-color:#d8c8ff}.order-status-chip.source-status-in_progress,.source-status-badge.source-status-in_progress,.order-status-chip.source-status-completed,.source-status-badge.source-status-completed{background:#eaf4ff;color:#1d5e9e;border-color:#b8d8f7}.order-status-chip.source-status-delivering,.source-status-badge.source-status-delivering,.order-status-chip.source-status-shipped,.source-status-badge.source-status-shipped{background:#e8f7ff;color:#126786;border-color:#b8e1f0}.order-status-chip.source-status-delivered,.source-status-badge.source-status-delivered{background:#e9f8ee;color:#176b35;border-color:#b9e3c7}.order-status-chip.source-status-canceled,.source-status-badge.source-status-canceled,.source-status-badge.source-status-failed,.order-status-chip.source-status-deleted,.source-status-badge.source-status-deleted{background:#fff0ef;color:#a12a24;border-color:#f2c0bd}.order-status-chip.source-status-restoring,.source-status-badge.source-status-restoring,.order-status-chip.source-status-restored,.source-status-badge.source-status-restored,.order-status-chip.source-status-refunded,.source-status-badge.source-status-refunded{background:#fff3e8;color:#985019;border-color:#edc9a8}.order-status-chip.source-status-request_quote,.source-status-badge.source-status-request_quote{background:#eef5ff;color:#365f92;border-color:#c9d9ef}.source-status-badge.source-status-unknown,.source-status-badge.source-status-other{background:#f1f4f2;color:#5f6e65;border-color:#d8e0db}
.shipment-status-badge.shipment-status-processing{background:#edf4ff;color:#245f9b;border-color:#c9dcf2}.shipment-status-badge.shipment-status-ready_for_dispatch{background:#e8f7ff;color:#126786;border-color:#b8e1f0}.shipment-status-badge.shipment-status-assigned{background:#f2efff;color:#6347a7;border-color:#d7cdf6}.shipment-status-badge.shipment-status-driver_received{background:#edf8f4;color:#1b6f4d;border-color:#bfe0d1}.shipment-status-badge.shipment-status-out_for_delivery{background:#fff7df;color:#8b5a00;border-color:#efd48a}.shipment-status-badge.shipment-status-arrived{background:#fff0d9;color:#9a5700;border-color:#ecc786}.shipment-status-badge.shipment-status-delivered{background:#e7f8ec;color:#146b31;border-color:#b8e2c4}.shipment-status-badge.shipment-status-failed_attempt,.shipment-status-badge.shipment-status-canceled{background:#fff0ef;color:#a12a24;border-color:#f2c0bd}.shipment-status-badge.shipment-status-return_to_warehouse,.shipment-status-badge.shipment-status-returned{background:#fff3e8;color:#985019;border-color:#edc9a8}
.fulfillment-pill.fulfillment-roma{background:#e7f8ec;color:#146b31;border-color:#b8e2c4}.fulfillment-pill.fulfillment-external{background:#eaf4ff;color:#1d5e9e;border-color:#b8d8f7}.fulfillment-pill.fulfillment-pending{background:#f1f4f2;color:#5f6e65;border-color:#d8e0db}
.order-status-chip[class*="source-status-"]{border-width:1px}.order-status-chip[class*="source-status-"].active{box-shadow:0 0 0 2px rgba(9,108,61,.13) inset}

/* ===== Roma Delivery v2.8.5: professional customer tracking + complaint intake ===== */
.customer-tracking-v285{max-width:1180px;margin:0 auto;padding:26px 18px 48px}.tracking-top-v285{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.tracking-hero-v285{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:24px;align-items:center;background:linear-gradient(135deg,#064d30 0%,#087443 48%,#15965a 100%);color:#fff;border-radius:28px;padding:30px;box-shadow:0 18px 45px rgba(8,116,67,.18);position:relative;overflow:hidden}.tracking-hero-v285:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ffffff10;inset-inline-end:-80px;bottom:-150px}.tracking-hero-v285.is-canceled{background:linear-gradient(135deg,#6b1f1b,#a12a24)}.tracking-hero-v285 h1{font-size:clamp(28px,4vw,44px);margin:5px 0 9px;line-height:1.2}.tracking-hero-v285 p{max-width:700px;margin:0;opacity:.9;line-height:1.8}.tracking-current-state{position:relative;z-index:1;background:#ffffff16;border:1px solid #ffffff2e;border-radius:20px;padding:18px;display:grid;gap:5px}.tracking-current-state>span,.tracking-current-state>small{font-size:12px;opacity:.82}.tracking-current-state strong{font-size:24px;line-height:1.35}.tracking-card{background:#fff;border:1px solid #dfe8e3;border-radius:22px;padding:21px;box-shadow:0 8px 28px rgba(27,61,45,.055)}.tracking-progress-v285{margin-top:16px}.tracking-section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.tracking-section-head h2{margin:0}.tracking-section-head p{margin:5px 0 0;color:#66736c;line-height:1.6}.tracking-source-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f6f9f7;border:1px solid #e5ece8;border-radius:14px}.tracking-source-row>span{font-size:12px;color:#66736c}.tracking-source-row>small{margin-inline-start:auto}.tracking-progress-meter{height:12px;border-radius:999px;background:#edf2ef;overflow:hidden;margin-top:18px;border:1px solid #e1e9e4}.tracking-progress-meter>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0b7a45,#31b765);transition:width .35s ease}.tracking-progress-percent{display:flex;align-items:baseline;gap:8px;margin-top:8px}.tracking-progress-percent b{font-size:18px;color:#08713f}.tracking-progress-percent span{font-size:12px;color:#718078}.tracking-canceled-note{margin-top:14px;padding:10px 13px;border-radius:12px;background:#fff0ef;color:#91241f;border:1px solid #efc4c0;font-weight:750}.tracking-steps-v285{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:18px;position:relative}.tracking-step-v285{min-width:0;text-align:center;display:grid;justify-items:center;gap:8px;opacity:.5}.tracking-step-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid #dbe6df;background:#fff;font-weight:850;position:relative;z-index:1}.tracking-step-v285.done{opacity:1}.tracking-step-v285.done .tracking-step-icon{background:#0b7a45;border-color:#0b7a45;color:#fff}.tracking-step-v285.current .tracking-step-icon{box-shadow:0 0 0 5px #dff4e8}.tracking-step-copy{display:grid;gap:3px}.tracking-step-copy b{font-size:12px}.tracking-step-copy small{font-size:10px;color:#718078}.tracking-layout-v285{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.78fr);gap:16px;margin-top:16px}.tracking-layout-v285 main,.tracking-layout-v285 aside{display:grid;align-content:start;gap:16px}.tracking-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tracking-facts-grid>div{padding:13px;border:1px solid #e5ece8;border-radius:14px;background:#fafcfb;min-width:0}.tracking-facts-grid span{display:block;font-size:11px;color:#718078;margin-bottom:5px}.tracking-facts-grid b{display:block;overflow-wrap:anywhere}.tracking-primary-wide{width:100%;margin-top:14px;background:#087443}.tracking-live-status{display:flex;align-items:center;gap:10px;padding:13px 0 10px}.tracking-live-status div{display:grid;gap:2px}.tracking-live-status small{font-size:11px;color:#718078}.tracking-live-dot{width:11px;height:11px;border-radius:50%;background:#aab6af;box-shadow:0 0 0 5px #edf2ef}.tracking-live-dot.live{background:#12a65d;box-shadow:0 0 0 5px #e3f7ec}.customer-map-v285{height:320px;border-radius:17px;overflow:hidden;border:1px solid #dfe8e3;background:#f4f7f5;position:relative;z-index:1}.customer-map-v285 .map-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:#65756c}.map-placeholder span{font-size:35px}.map-placeholder p{max-width:460px;line-height:1.7}.tracking-invoice-card h2{margin-top:0}.tracking-invoice-pending{padding:13px;border-radius:13px;background:#f5f7f6;border:1px dashed #cad6cf;color:#65756c;line-height:1.55}.tracking-help-card{border-color:#cfe5d7}.tracking-complaint-form label{font-weight:800}.tracking-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tracking-form-grid .wide{grid-column:1/-1}.tracking-file-field{padding:13px;border:1px dashed #c8d7cf;border-radius:14px;background:#fafcfb}.tracking-file-field input{padding:8px;background:#fff}.tracking-file-field small{display:block;color:#718078;margin-top:7px;line-height:1.55}.tracking-honeypot{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;z-index:-1!important}.tracking-form-alert{display:grid;gap:3px;padding:12px 14px;border-radius:14px;margin-bottom:14px}.tracking-form-alert.success{background:#e9f8ee;color:#176b35;border:1px solid #b9e3c7}.tracking-form-alert.error{background:#fff0ef;color:#a12a24;border:1px solid #f2c0bd}.tracking-form-alert span{font-size:12px}.crm-ticket-attachments{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.crm-ticket-attachments h4{margin:0 0 10px}.crm-attachment-grid{display:grid;gap:8px}.crm-attachment-grid>a{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;text-decoration:none}.crm-attachment-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eef5f1;color:#0b7041;font-size:10px;font-weight:900}.crm-attachment-grid a div{display:grid;min-width:0}.crm-attachment-grid b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-attachment-grid small{color:var(--muted);margin-top:3px}

/* Stronger, learnable order-status colors */
.order-status-chip.source-status-pending,.source-status-badge.source-status-pending,.order-status-chip.source-status-payment_pending,.source-status-badge.source-status-payment_pending{background:#fff2c7;color:#744900;border-color:#e3b94c}
.order-status-chip.source-status-under_review,.source-status-badge.source-status-under_review{background:#efe4ff;color:#5e3192;border-color:#bda0e7}
.order-status-chip.source-status-in_progress,.source-status-badge.source-status-in_progress{background:#dcecff;color:#144f8a;border-color:#83b6e9}
.order-status-chip.source-status-completed,.source-status-badge.source-status-completed{background:#dce8ff;color:#234e9b;border-color:#98b5ef}
.order-status-chip.source-status-shipped,.source-status-badge.source-status-shipped{background:#d8f0ff;color:#0c5f86;border-color:#7bc0e2}
.order-status-chip.source-status-delivering,.source-status-badge.source-status-delivering{background:#fff0c9;color:#835300;border-color:#e4bd54}
.order-status-chip.source-status-delivered,.source-status-badge.source-status-delivered{background:#dff5e7;color:#12652f;border-color:#82ce9c}
.order-status-chip.source-status-canceled,.source-status-badge.source-status-canceled,.order-status-chip.source-status-deleted,.source-status-badge.source-status-deleted,.source-status-badge.source-status-failed{background:#ffe1df;color:#9b211c;border-color:#e98983}
.order-status-chip.source-status-restoring,.source-status-badge.source-status-restoring{background:#ffe8d4;color:#8b4711;border-color:#e9a56f}
.order-status-chip.source-status-restored,.source-status-badge.source-status-restored,.order-status-chip.source-status-refunded,.source-status-badge.source-status-refunded{background:#f1e1ff;color:#73349a;border-color:#c39ce0}
.order-status-chip.source-status-request_quote,.source-status-badge.source-status-request_quote{background:#e5ecf8;color:#3e5a80;border-color:#afbdd2}

@media(max-width:900px){.tracking-hero-v285{grid-template-columns:1fr}.tracking-layout-v285{grid-template-columns:1fr}.tracking-layout-v285 aside{grid-template-columns:1fr 1fr}.tracking-facts-grid{grid-template-columns:repeat(2,1fr)}.tracking-steps-v285{grid-template-columns:repeat(3,1fr);row-gap:16px}}
@media(max-width:680px){.customer-tracking-v285{padding:16px 10px 70px}.tracking-top-v285,.tracking-section-head{align-items:stretch;flex-direction:column}.tracking-hero-v285{padding:22px;border-radius:22px}.tracking-current-state strong{font-size:21px}.tracking-card{padding:15px;border-radius:18px}.tracking-source-row>small{width:100%;margin-inline-start:0}.tracking-progress-meter{height:10px}.tracking-steps-v285{grid-template-columns:1fr;gap:0;margin-top:16px}.tracking-step-v285{text-align:start;justify-items:stretch;grid-template-columns:38px 1fr;align-items:start;position:relative;padding-bottom:14px;gap:10px}.tracking-step-v285:not(:last-child):before{content:"";position:absolute;inset-inline-start:17px;top:34px;bottom:0;width:2px;background:#dce6e0}.tracking-step-copy{padding-top:7px}.tracking-step-icon{width:34px;height:34px}.tracking-layout-v285 aside{grid-template-columns:1fr}.tracking-facts-grid{grid-template-columns:1fr 1fr}.tracking-form-grid{grid-template-columns:1fr}.tracking-form-grid .wide{grid-column:auto}.customer-map-v285{height:270px}.tracking-roma-mark img{width:68px}.tracking-order-chip{align-items:flex-start}}
@media(max-width:430px){.tracking-facts-grid{grid-template-columns:1fr}.tracking-hero-v285 h1{font-size:27px}.tracking-current-state{padding:14px}.tracking-current-state strong{font-size:19px}}

/* ===== Roma Delivery v2.8.6: canonical source statuses + stronger visual language + support contacts ===== */
.source-status-badge,.order-status-chip[class*="source-status-"]{border-width:1.5px;box-shadow:0 1px 0 rgba(0,0,0,.025)}
.order-status-chip[class*="source-status-"]{font-weight:850;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.order-status-chip[class*="source-status-"]:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(24,54,39,.08)}
.order-status-chip[class*="source-status-"] b{background:rgba(255,255,255,.7);color:inherit;border:1px solid currentColor;font-weight:900}
.order-status-chip.source-status-pending,.source-status-badge.source-status-pending{background:#f2f4f3;color:#526159;border-color:#b9c3bd}
.order-status-chip.source-status-payment_pending,.source-status-badge.source-status-payment_pending{background:#fff1b8;color:#6e4800;border-color:#dcae25}
.order-status-chip.source-status-under_review,.source-status-badge.source-status-under_review{background:#eee2ff;color:#603397;border-color:#a980dc}
.order-status-chip.source-status-in_progress,.source-status-badge.source-status-in_progress{background:#e0e7ff;color:#29499b;border-color:#8ba0e9}
.order-status-chip.source-status-completed,.source-status-badge.source-status-completed{background:#d8f5f2;color:#0b6661;border-color:#78c9c1}
.order-status-chip.source-status-shipped,.source-status-badge.source-status-shipped{background:#dceeff;color:#15598c;border-color:#7eb7e2}
.order-status-chip.source-status-delivering,.source-status-badge.source-status-delivering{background:#fff0c6;color:#805100;border-color:#dda935}
.order-status-chip.source-status-delivered,.source-status-badge.source-status-delivered{background:#dcf5e4;color:#12652f;border-color:#73c88f}
.order-status-chip.source-status-canceled,.source-status-badge.source-status-canceled{background:#ffe0de;color:#9a211d;border-color:#df7770}
.order-status-chip.source-status-deleted,.source-status-badge.source-status-deleted{background:#f1e4e4;color:#77302d;border-color:#c79a97}
.order-status-chip.source-status-restoring,.source-status-badge.source-status-restoring{background:#ffe6d2;color:#87420d;border-color:#dfa06c}
.order-status-chip.source-status-restored,.source-status-badge.source-status-restored{background:#f1e3ff;color:#713497;border-color:#b98bd9}
.order-status-chip.source-status-refunded,.source-status-badge.source-status-refunded{background:#ffe0ef;color:#8c285b;border-color:#dc88b1}
.order-status-chip.source-status-request_quote,.source-status-badge.source-status-request_quote{background:#e8edf5;color:#425b7a;border-color:#a9b9ce}
.order-status-chip.source-status-failed,.source-status-badge.source-status-failed{background:#ffd9d6;color:#9e1d18;border-color:#d96d66}
.order-status-chip.source-status-other,.source-status-badge.source-status-other,.source-status-badge.source-status-unknown{background:#f0f3f1;color:#5d6c63;border-color:#c8d1cc}

.fulfillment-pill{position:relative;padding:6px 11px 6px 12px;border-width:1.5px;font-weight:900;box-shadow:0 1px 0 rgba(0,0,0,.025)}
.fulfillment-pill:before{content:"";width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.72)}
.fulfillment-pill.fulfillment-roma{background:#dcf5e4;color:#11642e;border-color:#72c98f}
.fulfillment-pill.fulfillment-external{background:#dceeff;color:#15598c;border-color:#7eb7e2}
.fulfillment-pill.fulfillment-pending{background:#fff1c9;color:#7b5100;border-color:#dfb34a}

.tracking-support-card{overflow:hidden;border-color:#cfe3d6;background:linear-gradient(180deg,#fff 0%,#fbfdfc 100%)}
.tracking-support-heading{display:grid;gap:4px;margin-bottom:14px}.tracking-support-heading h2{margin:0}.tracking-support-heading p{margin:2px 0 0;color:#66736c;line-height:1.65}.tracking-support-kicker{width:max-content;padding:4px 8px;border-radius:999px;background:#e8f6ed;color:#11683a;font-size:10px;font-weight:900}
.tracking-contact-grid{display:grid;gap:10px}.tracking-contact-grid.has-two{grid-template-columns:1fr 1fr}.tracking-contact-grid.has-one{grid-template-columns:1fr}
.tracking-contact-link{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px;border:1px solid #dfe8e3;border-radius:16px;text-decoration:none;color:inherit;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;background:#fff}
.tracking-contact-link:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(22,65,43,.09)}
.tracking-contact-link.whatsapp{background:#effbf3;border-color:#b9e3c7;color:#145d31}.tracking-contact-link.whatsapp:hover{border-color:#79ca95}
.tracking-contact-link.call{background:#edf5ff;border-color:#bdd8f2;color:#184f7e}.tracking-contact-link.call:hover{border-color:#7db5df}
.tracking-contact-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;border:1px solid currentColor}.tracking-contact-icon svg{width:23px;height:23px;fill:currentColor}
.tracking-contact-copy{display:grid;min-width:0;gap:3px}.tracking-contact-copy b{font-size:13px;line-height:1.3}.tracking-contact-copy small{font-size:10px;line-height:1.45;color:inherit;opacity:.75;overflow-wrap:anywhere}.tracking-contact-arrow{font-size:16px;font-weight:900;opacity:.55}
.tracking-support-note{margin-top:11px;padding-top:11px;border-top:1px solid #e8eeea;color:#68766e;font-size:10px;line-height:1.55}
html[dir="rtl"] .tracking-contact-arrow{transform:scaleX(-1)}

@media(max-width:900px){.tracking-contact-grid.has-two{grid-template-columns:1fr}}
@media(max-width:430px){.tracking-contact-link{grid-template-columns:42px minmax(0,1fr) auto;padding:11px}.tracking-contact-icon{width:42px;height:42px;border-radius:12px}.tracking-contact-icon svg{width:21px;height:21px}}


/* ===== Roma Delivery v2.8.7: tracking responsive hardening ===== */
html{max-width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.tracking-public-page{width:100%;max-width:100%;min-width:0;overflow-x:hidden;background:linear-gradient(180deg,#f5faf7 0%,#eef5f1 100%)}
body.tracking-public-page>.public-lang{top:max(12px,env(safe-area-inset-top));inset-inline-end:max(12px,env(safe-area-inset-right));max-width:calc(100vw - 24px)}
body.tracking-public-page .customer-tracking-v285{width:100%;max-width:1180px;min-width:0;margin-inline:auto;padding:clamp(22px,2.4vw,30px) clamp(12px,2.4vw,24px) max(56px,env(safe-area-inset-bottom))}
body.tracking-public-page .customer-tracking-v285>*,
body.tracking-public-page .tracking-layout-v285>*,
body.tracking-public-page .tracking-layout-v285 main,
body.tracking-public-page .tracking-layout-v285 aside,
body.tracking-public-page .tracking-card,
body.tracking-public-page .tracking-hero-v285>*,
body.tracking-public-page .tracking-section-head>*,
body.tracking-public-page .tracking-facts-grid>*,
body.tracking-public-page .tracking-contact-grid>*,
body.tracking-public-page .tracking-form-grid>*{min-width:0}
body.tracking-public-page .tracking-top-v285{width:100%;min-width:0;flex-wrap:wrap}
body.tracking-public-page .tracking-roma-mark{min-width:0;max-width:100%}
body.tracking-public-page .tracking-roma-mark div{min-width:0}
body.tracking-public-page .tracking-roma-mark b,
body.tracking-public-page .tracking-roma-mark span,
body.tracking-public-page .tracking-order-chip b,
body.tracking-public-page .tracking-hero-v285 h1,
body.tracking-public-page .tracking-current-state strong,
body.tracking-public-page .tracking-facts-grid b,
body.tracking-public-page .tracking-item b,
body.tracking-public-page .order-summary-card dd{overflow-wrap:anywhere;word-break:normal}
body.tracking-public-page .tracking-hero-v285{width:100%;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:clamp(16px,2.2vw,28px);padding:clamp(22px,3vw,32px)}
body.tracking-public-page .tracking-current-state{width:100%;max-width:360px;justify-self:end}
body.tracking-public-page .tracking-current-state small{line-height:1.6}
body.tracking-public-page .tracking-layout-v285{width:100%;grid-template-columns:minmax(0,1.75fr) minmax(290px,.7fr);gap:18px}
body.tracking-public-page .tracking-card{width:100%;max-width:100%}
body.tracking-public-page .tracking-section-head{min-width:0}
body.tracking-public-page .tracking-section-head h2{line-height:1.35}
body.tracking-public-page .tracking-section-head p{max-width:720px}
body.tracking-public-page .tracking-source-row{min-width:0}
body.tracking-public-page .tracking-source-row b,
body.tracking-public-page .tracking-source-row small{overflow-wrap:anywhere}
body.tracking-public-page .tracking-facts-grid>div{display:flex;flex-direction:column;justify-content:flex-start;min-height:92px}
body.tracking-public-page .tracking-facts-grid b{font-size:14px;line-height:1.55}
body.tracking-public-page .customer-map-v285{width:100%;max-width:100%;height:clamp(300px,34vw,430px)}
body.tracking-public-page .customer-map-v285 .leaflet-container,
body.tracking-public-page #customer-live-map{width:100%!important;max-width:100%!important}
body.tracking-public-page .tracking-item{min-width:0;align-items:center}
body.tracking-public-page .tracking-item>div{min-width:0}
body.tracking-public-page .tracking-item small{overflow-wrap:anywhere}
body.tracking-public-page .tracking-complaint-form input,
body.tracking-public-page .tracking-complaint-form select,
body.tracking-public-page .tracking-complaint-form textarea{min-width:0;max-width:100%}
body.tracking-public-page .tracking-complaint-form input[type=file]{display:block;width:100%;overflow:hidden}
body.tracking-public-page .tracking-contact-link{width:100%;max-width:100%}
body.tracking-public-page .tracking-brand-family{width:100%;max-width:100%}
body.tracking-public-page .brand-family-card{min-width:0}
body.tracking-public-page .brand-family-card b{max-width:100%;overflow-wrap:anywhere;text-align:center}

@media (max-width:1100px){
  body.tracking-public-page .tracking-layout-v285{grid-template-columns:1fr}
  body.tracking-public-page .tracking-layout-v285 aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tracking-public-page .tracking-invoice-card,
  body.tracking-public-page .tracking-support-card{height:100%}
}

@media (max-width:820px){
  body.tracking-public-page .customer-tracking-v285{padding-inline:14px}
  body.tracking-public-page .tracking-hero-v285{grid-template-columns:1fr}
  body.tracking-public-page .tracking-current-state{max-width:none;justify-self:stretch}
  body.tracking-public-page .tracking-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.tracking-public-page .tracking-steps-v285{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  body.tracking-public-page .tracking-layout-v285 aside{grid-template-columns:1fr 1fr}
}

@media (max-width:680px), (max-device-width:680px){
  body.tracking-public-page{overflow-x:clip}
  body.tracking-public-page .customer-tracking-v285{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:64px 10px max(72px,env(safe-area-inset-bottom))!important}
  body.tracking-public-page .tracking-top-v285{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;margin-bottom:12px!important}
  body.tracking-public-page .tracking-roma-mark{width:100%;gap:10px}
  body.tracking-public-page .tracking-roma-mark img{width:64px;height:44px;flex:0 0 auto}
  body.tracking-public-page .tracking-roma-mark b{font-size:14px;line-height:1.35}
  body.tracking-public-page .tracking-roma-mark span{font-size:11px;line-height:1.45}
  body.tracking-public-page .tracking-order-chip{width:100%;align-items:flex-start!important;padding:10px 12px}
  html[dir="rtl"] body.tracking-public-page .tracking-order-chip{align-items:flex-end!important}
  body.tracking-public-page .tracking-hero-v285{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:14px!important;padding:18px!important;border-radius:20px!important}
  body.tracking-public-page .tracking-hero-v285 h1{font-size:clamp(24px,8vw,30px)!important;line-height:1.25;margin:4px 0 8px}
  body.tracking-public-page .tracking-hero-v285 p{font-size:13px;line-height:1.7}
  body.tracking-public-page .tracking-current-state{width:100%!important;max-width:none!important;padding:14px!important;border-radius:16px}
  body.tracking-public-page .tracking-current-state strong{font-size:19px!important;line-height:1.45}
  body.tracking-public-page .tracking-card{width:100%!important;max-width:100%!important;padding:15px!important;border-radius:18px!important;overflow:hidden}
  body.tracking-public-page .tracking-section-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important}
  body.tracking-public-page .tracking-section-head .fulfillment-pill{justify-self:start}
  html[dir="rtl"] body.tracking-public-page .tracking-section-head .fulfillment-pill{justify-self:end}
  body.tracking-public-page .tracking-source-row{display:grid!important;grid-template-columns:1fr!important;align-items:start!important;padding:11px 12px}
  body.tracking-public-page .tracking-source-row>small{width:auto!important;margin:0!important}
  body.tracking-public-page .tracking-progress-meter{margin-top:14px}
  body.tracking-public-page .tracking-steps-v285{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:16px!important}
  body.tracking-public-page .tracking-step-v285{width:100%;text-align:start!important;justify-items:stretch!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;position:relative;padding-bottom:14px;gap:10px}
  body.tracking-public-page .tracking-step-copy{min-width:0;padding-top:7px}
  body.tracking-public-page .tracking-step-copy b,
  body.tracking-public-page .tracking-step-copy small{white-space:normal;overflow-wrap:anywhere}
  body.tracking-public-page .tracking-layout-v285{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:12px!important;margin-top:12px!important}
  body.tracking-public-page .tracking-layout-v285 main,
  body.tracking-public-page .tracking-layout-v285 aside{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:12px!important}
  body.tracking-public-page .tracking-facts-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  body.tracking-public-page .tracking-facts-grid>div{min-height:82px;padding:11px}
  body.tracking-public-page .tracking-facts-grid b{font-size:13px;line-height:1.55}
  body.tracking-public-page .customer-map-v285{width:100%!important;max-width:100%!important;height:300px!important;border-radius:14px}
  body.tracking-public-page .tracking-live-status{align-items:flex-start}
  body.tracking-public-page .tracking-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:10px!important}
  body.tracking-public-page .tracking-meta-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  body.tracking-public-page .tracking-form-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.tracking-public-page .tracking-form-grid .wide{grid-column:auto!important}
  body.tracking-public-page .tracking-contact-grid.has-two,
  body.tracking-public-page .tracking-contact-grid.has-one{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.tracking-public-page .tracking-contact-link{grid-template-columns:42px minmax(0,1fr) auto!important;padding:11px!important}
  body.tracking-public-page .order-summary-card dl>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
  body.tracking-public-page .tracking-brand-family{margin-top:12px;padding:15px;border-radius:18px}
  body.tracking-public-page .brand-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  body.tracking-public-page .brand-family-card{min-height:100px;padding:9px}
  body.tracking-public-page .brand-family-card img{width:68px;height:46px}
  body.tracking-public-page .parent-company-note{font-size:11px;line-height:1.6;text-align:center}
}

@media (max-width:430px), (max-device-width:430px){
  body.tracking-public-page .customer-tracking-v285{padding-inline:8px!important}
  body.tracking-public-page .tracking-facts-grid{grid-template-columns:1fr!important}
  body.tracking-public-page .tracking-facts-grid>div{min-height:0}
  body.tracking-public-page .tracking-hero-v285 h1{font-size:24px!important}
  body.tracking-public-page .tracking-card{padding:13px!important}
  body.tracking-public-page .customer-map-v285{height:270px!important}
  body.tracking-public-page .tracking-contact-link{grid-template-columns:40px minmax(0,1fr) auto!important;gap:9px!important}
  body.tracking-public-page .tracking-contact-icon{width:40px!important;height:40px!important}
  body.tracking-public-page .brand-family-grid{grid-template-columns:1fr 1fr!important}
}


/* ===== Roma Delivery v2.8.7.1: mobile viewport overflow root-cause fix ===== */
body.tracking-public-page{inline-size:100%;max-inline-size:100%;overflow-x:clip;overscroll-behavior-x:none}
body.tracking-public-page .customer-tracking-v285{inline-size:100%;max-inline-size:1180px}
body.tracking-public-page .tracking-complaint-form{min-inline-size:0;max-inline-size:100%}
body.tracking-public-page .tracking-honeypot{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;inline-size:1px!important;block-size:1px!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none!important}
@media (max-width:680px),(max-device-width:680px){
  html,body.tracking-public-page{inline-size:100%!important;max-inline-size:100%!important;min-inline-size:0!important}
  body.tracking-public-page .customer-tracking-v285{inline-size:100%!important;max-inline-size:100%!important}
}


/* v2.8.8 Order 360 workspace */
.order360-page{gap:14px}.order360-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#0b6638,#14864a);color:#fff;box-shadow:0 16px 36px rgba(10,92,48,.13)}.order360-hero-copy{min-width:0}.order360-hero .eyebrow{display:block;margin-top:10px;color:#cbeed5}.order360-hero h2{font-size:27px;margin:3px 0 5px}.order360-hero p{margin:0;max-width:720px;color:#dff3e5;line-height:1.65}.order360-badges{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.order360-store{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff38;color:#fff;font-size:11px;font-weight:850}.order360-hero .source-status-badge,.order360-hero .fulfillment-pill{box-shadow:none}.order360-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:440px}.order360-hero .btn.secondary{background:#fff;border-color:#fff}.order360-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.order360-kpis>div{padding:14px 15px;background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0}.order360-kpis span,.order360-kpis small{display:block;color:var(--muted);font-size:10px;font-weight:750}.order360-kpis b{display:block;font-size:16px;margin-top:5px;overflow-wrap:anywhere}.order360-kpis small{margin-top:3px}.order360-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:start}.order360-card{min-width:0;padding:17px}.order360-half{grid-column:span 6}.order360-full{grid-column:1/-1}.order360-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid #e9efeb}.order360-section-head>div>span{display:block;color:#7d8c83;font-size:9px;font-weight:850;margin-bottom:3px}.order360-section-head h3{margin:0;font-size:15px}.text-link{font-size:11px;font-weight:850;color:#0c6a3b;text-decoration:none}.order360-person-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order360-person{border:1px solid #e2ebe5;background:#f8fbf9;border-radius:13px;padding:13px;min-width:0}.order360-person.receiver{background:#eff9f2;border-color:#cfe6d6}.order360-person span{display:block;color:var(--muted);font-size:10px;font-weight:800}.order360-person b{display:block;margin:5px 0 7px;font-size:14px;overflow-wrap:anywhere}.order360-person small{display:block;margin-top:3px;color:#526159;overflow-wrap:anywhere}.order360-kv{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);margin:0}.order360-kv dt,.order360-kv dd{padding:7px 0;border-bottom:1px dashed #e6ece8;margin:0;font-size:11px;min-width:0;overflow-wrap:anywhere}.order360-kv dt{color:var(--muted);font-weight:750}.order360-kv dd{font-weight:800}.order360-kv dd small{display:block;margin-top:3px;color:var(--muted)}.order360-kv.compact{margin-top:9px}.order360-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.order360-destination-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:15px}.order360-address-main{padding:12px 13px;background:#f8fbf9;border:1px solid #e1e9e4;border-radius:13px}.order360-address-main span,.order360-address-grid span,.order360-coordinates span{display:block;color:var(--muted);font-size:9px;font-weight:800}.order360-address-main b{display:block;margin-top:5px;line-height:1.7;overflow-wrap:anywhere}.order360-address-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.order360-address-grid>div{padding:10px 11px;border:1px solid #e5ece7;border-radius:11px;min-width:0}.order360-address-grid b{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.order360-coordinates{margin-top:9px;padding:9px 11px;border-radius:10px;background:#f6f8f7}.order360-coordinates code{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.order360-map-wrap{min-width:0}.order360-map{height:330px;border:1px solid #dce6df;border-radius:14px;overflow:hidden;z-index:1}.order360-map-empty{height:100%;min-height:240px;border:1px dashed #cfd9d3;border-radius:14px;background:#f8faf9;display:grid;place-items:center;align-content:center;text-align:center;padding:20px}.order360-map-empty b{font-size:14px}.order360-map-empty span{max-width:360px;color:var(--muted);font-size:11px;margin-top:5px;line-height:1.6}.order360-money-list{display:grid;gap:0;border:1px solid #e1e9e4;border-radius:13px;padding:4px 12px}.order360-money-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #e6ece8}.order360-money-list>div:last-child{border-bottom:0}.order360-money-list span{color:var(--muted);font-size:11px}.order360-money-list b{font-size:12px}.order360-money-list .total{padding-top:11px}.order360-money-list .total span,.order360-money-list .total b{font-size:15px;color:#0b6738;font-weight:900}.order360-count{font-size:10px;font-weight:850;color:#526159;background:#f1f5f2;border-radius:999px;padding:5px 8px}.order360-items-table{display:grid;min-width:0}.order360-items-head,.order360-item-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(110px,.8fr) 80px minmax(115px,.8fr) minmax(115px,.8fr);gap:10px;align-items:center;padding:10px 11px}.order360-items-head{background:#f5f8f6;border-radius:10px;color:#68766e;font-size:9px;font-weight:850}.order360-item-row{border-bottom:1px solid #edf1ee;font-size:11px}.order360-item-row>*{min-width:0;overflow-wrap:anywhere}.order360-item-row:last-child{border-bottom:0}.order360-docs{display:grid;gap:9px}.order360-doc{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid #dfe8e2;border-radius:12px;text-decoration:none;color:inherit;background:#fbfdfc}.order360-doc:hover{border-color:#94cbaa;background:#f4fbf6}.order360-doc.unavailable{opacity:.7}.order360-doc-icon{width:42px;height:42px;border-radius:10px;background:#e5f4e9;color:#0c6a38;display:grid;place-items:center;font-weight:900;font-size:10px}.order360-doc-icon.source{background:#e7efff;color:#28578e}.order360-doc b,.order360-doc small{display:block}.order360-doc small{color:var(--muted);font-size:10px;margin-top:3px;line-height:1.5}.order360-ticket-list{display:grid;gap:7px}.order360-ticket{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e4ebe6;border-radius:11px;text-decoration:none;color:inherit}.order360-ticket b,.order360-ticket small{display:block}.order360-ticket small{color:var(--muted);font-size:9px;margin-top:3px}
@media(max-width:1180px){.order360-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.order360-half{grid-column:1/-1}.order360-destination-grid{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr)}}
@media(max-width:760px){.order360-hero{padding:17px;flex-direction:column;border-radius:18px}.order360-hero h2{font-size:22px}.order360-actions{width:100%;max-width:none;justify-content:stretch}.order360-actions .btn{flex:1 1 calc(50% - 8px);text-align:center}.order360-kpis{grid-template-columns:1fr 1fr;gap:8px}.order360-kpis>div{padding:11px}.order360-grid{display:block}.order360-card{margin-bottom:10px;padding:14px}.order360-person-grid,.order360-destination-grid{grid-template-columns:1fr}.order360-address-grid{grid-template-columns:1fr 1fr}.order360-map{height:280px}.order360-items-table{overflow-x:auto}.order360-items-head,.order360-item-row{min-width:700px}.order360-section-head{align-items:flex-start}.order360-kv{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:430px){.order360-kpis{grid-template-columns:1fr}.order360-actions .btn{flex-basis:100%}.order360-address-grid{grid-template-columns:1fr}.order360-person-grid{grid-template-columns:1fr}.order360-map{height:240px}.order360-section-head{flex-direction:column}.order360-ticket{align-items:flex-start;flex-direction:column}.order360-hero p{font-size:11px}}
html[dir="rtl"] .order360-map .leaflet-control-container,html[dir="rtl"] .order360-map .leaflet-popup-content-wrapper{direction:rtl;text-align:right}

/* Roma Delivery v2.8.9 — Sales Recovery Priority Queue */
.sales-tabs-v289{display:flex;gap:8px;align-items:center;margin:0 0 14px;padding:5px;background:#eef6f1;border:1px solid #dfe9e3;border-radius:16px;width:max-content;max-width:100%;overflow:auto}.sales-tabs-v289 a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;text-decoration:none;color:#49635a;font-weight:800;white-space:nowrap}.sales-tabs-v289 a.active{background:#fff;color:#075f37;box-shadow:0 3px 12px #0000000d}.sales-tabs-v289 a span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#dff1e5;color:#075f37;font-size:11px}
.recovery-preview-v289{margin:14px 0 18px}.recovery-preview-head-v289{align-items:flex-start}.recovery-preview-head-v289 p{margin:5px 0 0;color:#64756e}.recovery-mini-grid-v289{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.recovery-mini-card-v289{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid #e1e8e4;border-radius:14px;padding:12px;background:#fff}.recovery-mini-card-v289.priority-urgent{border-color:#efc7c7;background:#fffafa}.recovery-mini-card-v289.priority-high{border-color:#f0d6b5;background:#fffdf9}.recovery-mini-score-v289{width:58px;height:58px;border-radius:15px;background:#f2f7f4;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0a673c}.recovery-mini-score-v289 b{font-size:22px;line-height:1}.recovery-mini-score-v289 small{font-size:10px}.recovery-mini-main-v289{min-width:0}.recovery-mini-title-v289{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.recovery-mini-main-v289>small{display:block;color:#6b7b74;margin-top:4px}.recovery-mini-main-v289 p{margin:8px 0 0;font-size:12px;color:#2e463d}.recovery-mini-actions-v289{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.priority-badge-v289{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-weight:800;font-size:11px;background:#eef3f0;color:#50645c}.priority-badge-v289.priority-urgent{background:#ffe8e8;color:#a31717}.priority-badge-v289.priority-high{background:#fff0da;color:#965900}.priority-badge-v289.priority-medium{background:#e8f1ff;color:#1e5f9f}.priority-badge-v289.priority-low{background:#eef2f0;color:#63726c}.priority-badge-v289.priority-converted{background:#e5f5ea;color:#087240}
.abandoned-kpis-v289{grid-template-columns:repeat(6,minmax(0,1fr));margin:14px 0}.abandoned-kpis-v289 .kpi{min-width:0}.abandoned-kpis-v289 .kpi small{display:block;margin-top:4px;color:#6a7973;font-weight:600}.priority-kpi-v289{background:linear-gradient(180deg,#fffaf4,#fff)}
.recovery-score-explainer-v289{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.8fr);gap:18px;align-items:center;margin:14px 0}.recovery-score-explainer-v289 h3{margin:3px 0 6px}.recovery-score-explainer-v289 p{margin:0;color:#64756e}.score-formula-v289{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.score-formula-v289 span{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;padding:10px 7px;border:1px solid #e1e8e4;border-radius:11px;background:#f8fbf9;font-size:11px;color:#607169}.score-formula-v289 b{font-size:18px;color:#08713f}
.abandoned-filters-v289{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:end}.abandoned-source-note{margin:14px 0;background:#fffaf0}.abandoned-source-note p{margin-bottom:0}
.recovery-list-v289{display:grid;gap:10px}.recovery-card-v289{display:grid;grid-template-columns:94px minmax(260px,1.9fr) minmax(140px,.8fr) minmax(180px,1fr) auto;gap:14px;align-items:center;padding:14px;border-inline-start:4px solid #c8d5ce}.recovery-card-v289.priority-urgent{border-inline-start-color:#c52828}.recovery-card-v289.priority-high{border-inline-start-color:#d27a00}.recovery-card-v289.priority-medium{border-inline-start-color:#2d75b8}.recovery-card-v289.priority-low{border-inline-start-color:#8a9992}.recovery-card-v289.priority-converted{border-inline-start-color:#16834d}.recovery-score-block-v289{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:78px;border-radius:13px;background:#f5f9f7;padding:9px}.recovery-score-block-v289 strong{font-size:28px;line-height:1;color:#0b6b3f}.recovery-score-block-v289>small{font-size:10px;color:#75827d;margin-bottom:5px}.converted-mark-v289{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#dff3e6;color:#08713f;font-weight:900;font-size:20px}.recovery-score-block-v289>b{font-size:11px;color:#08713f;text-align:center;margin-top:4px}.recovery-customer-v289{min-width:0}.recovery-title-row-v289{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.recovery-title-row-v289>div{display:flex;flex-direction:column;min-width:0}.recovery-title-row-v289 b{font-size:14px}.recovery-title-row-v289 small{color:#6c7a74;margin-top:2px}.recovery-meta-v289{display:flex;gap:6px 12px;flex-wrap:wrap;margin-top:8px;color:#64756e;font-size:11px}.cart-items-preview-v289,.recovery-reasons-v289{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.cart-items-preview-v289 span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border-radius:8px;background:#f4f7f5;color:#385148;font-size:10px}.recovery-reasons-v289 span{padding:4px 7px;border-radius:999px;background:#edf7f0;color:#19704a;font-size:10px;font-weight:700}.recovery-value-v289,.recovery-next-v289{display:flex;flex-direction:column;gap:4px;min-width:0}.recovery-value-v289>span,.recovery-next-v289>span{font-size:10px;color:#7a8782}.recovery-value-v289>b{font-size:16px}.recovery-value-v289 small,.recovery-next-v289 small{color:#687771;overflow-wrap:anywhere}.recovery-next-v289>b{font-size:12px;line-height:1.5}.recovery-actions-v289{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}.whatsapp-action-v289{background:#0a7c45;border-color:#0a7c45}

@media(max-width:1200px){.abandoned-kpis-v289{grid-template-columns:repeat(3,minmax(0,1fr))}.score-formula-v289{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-card-v289{grid-template-columns:82px minmax(240px,1.6fr) minmax(130px,.8fr) minmax(180px,1fr)}.recovery-actions-v289{grid-column:2/-1;justify-content:flex-start;max-width:none}.recovery-mini-grid-v289{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.recovery-score-explainer-v289{grid-template-columns:1fr}.abandoned-filters-v289{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-card-v289{grid-template-columns:72px minmax(0,1fr)}.recovery-value-v289,.recovery-next-v289,.recovery-actions-v289{grid-column:2}.recovery-actions-v289{justify-content:flex-start}.recovery-title-row-v289{flex-wrap:wrap}}
@media(max-width:680px){.sales-tabs-v289{width:100%;padding:4px}.sales-tabs-v289 a{flex:1;justify-content:center}.recovery-preview-head-v289{flex-direction:column;gap:10px}.recovery-preview-head-v289 .btn{width:100%}.recovery-mini-grid-v289{grid-template-columns:1fr}.abandoned-kpis-v289{grid-template-columns:repeat(2,minmax(0,1fr))}.score-formula-v289{grid-template-columns:repeat(2,minmax(0,1fr))}.abandoned-filters-v289{grid-template-columns:1fr}.recovery-card-v289{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:11px}.recovery-score-block-v289{min-height:64px}.recovery-score-block-v289 strong{font-size:23px}.recovery-value-v289,.recovery-next-v289,.recovery-actions-v289{grid-column:1/-1}.recovery-value-v289,.recovery-next-v289{padding-top:8px;border-top:1px solid #edf1ef}.recovery-actions-v289{display:grid;grid-template-columns:1fr}.recovery-actions-v289 .btn{width:100%;justify-content:center}.cart-items-preview-v289 span{max-width:100%}}
/* v2.8.9 KPI compatibility: older pages used kpi-grid/kpi without base display rules. */
.sales-kpis-v280,.abandoned-kpis-v289{display:grid;gap:10px}.kpi-grid .kpi{background:#fff;border:1px solid #dfe8e2;border-radius:15px;padding:13px 14px;min-height:92px;display:flex;flex-direction:column;justify-content:center}.kpi-grid .kpi>span{display:block;color:#6d7c74;font-size:10px;font-weight:800}.kpi-grid .kpi>b{display:block;margin-top:5px;font-size:22px;color:#173923}.kpi-grid .kpi>small{font-size:9px}


/* ===== Roma Delivery v2.8.10: platform guide + transparent customer score + bilingual UX ===== */
.help-center-v2810{max-width:1320px;margin:0 auto;padding-bottom:30px}.help-hero-v2810{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;align-items:stretch;padding:24px;border-radius:22px;background:linear-gradient(135deg,#063b27 0%,#0b6d43 70%,#159157 100%);color:#fff;box-shadow:0 18px 42px rgba(7,73,45,.14)}.help-hero-v2810 h2{font-size:30px;margin:5px 0 8px}.help-hero-v2810 p{margin:0;max-width:760px;line-height:1.75;color:#e7f5ed}.help-hero-v2810 .eyebrow{color:#bce8cd}.help-rule-v2810{display:flex;flex-direction:column;justify-content:center;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.10);backdrop-filter:blur(6px)}.help-rule-v2810 span{font-size:10px;font-weight:900;color:#bce8cd}.help-rule-v2810 b{font-size:15px;line-height:1.6;margin:7px 0}.help-rule-v2810 small{line-height:1.55;color:#e9f6ee}.help-readiness-v2810{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.help-readiness-v2810>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid #dfe8e3;border-radius:13px;background:#fff}.help-readiness-v2810 span{font-size:10px;color:#6c7b74}.help-readiness-v2810 b{font-size:10px;padding:4px 7px;border-radius:999px}.help-readiness-v2810 .ready b{background:#dff4e6;color:#0b713e}.help-readiness-v2810 .warn b{background:#fff1cf;color:#845600}.help-search-card-v2810{margin:12px 0;padding:14px}.help-search-card-v2810 label{display:block;font-weight:900;margin-bottom:7px}.help-search-card-v2810 input{width:100%}.help-search-card-v2810 small{display:block;margin-top:7px;color:#6d7c75}.help-score-model-v2810{margin:12px 0 16px;padding:18px}.help-score-model-v2810 .section-head{align-items:flex-start}.help-score-model-v2810 .section-head p{margin:5px 0 0;color:#687870}.help-score-total-v2810{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#e7f5ec;color:#08703f;font-size:24px;font-weight:900}.help-score-grid-v2810{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.help-score-grid-v2810>div{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:13px;border:1px solid #e0e8e4;border-radius:14px;background:#f9fbfa}.help-score-grid-v2810 b{grid-row:1/3;font-size:25px;color:#08703f}.help-score-grid-v2810 span{font-weight:900}.help-score-grid-v2810 small{color:#6b7a73;line-height:1.5}.help-score-penalties-v2810{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.help-score-penalties-v2810 span{padding:6px 9px;border-radius:999px;background:#fff0ed;color:#8f3228;font-size:10px;font-weight:800}.help-score-note-v2810{margin:10px 0 0;color:#5e6d66;font-size:11px}.help-grid-v2810{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-card-v2810{display:flex;flex-direction:column;min-width:0;padding:16px}.help-card-head-v2810{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:start}.help-card-number-v2810{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef6f1;color:#0b6c40;font-weight:900}.help-card-v2810 h3{margin:1px 0 5px}.help-card-v2810 p{margin:0;color:#687870;line-height:1.55;font-size:11px}.help-card-v2810 ol{margin:13px 0 16px;padding-inline-start:20px;display:grid;gap:7px;color:#30483e;font-size:11px;line-height:1.55}.help-card-v2810 .help-open-v2810{margin-top:auto;align-self:flex-start}.help-card-v2810[hidden]{display:none!important}.help-empty-v2810{margin-top:12px}
.customer-score-explainer-v2810{margin:14px 0;padding:18px}.customer-score-explainer-head-v2810{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.customer-score-explainer-head-v2810 h3{margin:3px 0 5px}.customer-score-explainer-head-v2810 p{margin:0;color:#687870;line-height:1.6}.customer-score-components-v2810{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.customer-score-components-v2810 article{padding:13px;border:1px solid #e0e8e4;border-radius:14px;background:#fbfcfb}.score-component-top-v2810{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.score-component-top-v2810 span{font-weight:900}.score-component-top-v2810 b{font-size:21px;color:#08703f}.score-component-top-v2810 b small{font-size:10px;color:#718079}.score-component-track-v2810{height:8px;margin:9px 0 7px;border-radius:999px;background:#e9efec;overflow:hidden}.score-component-track-v2810 i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#159054,#45b96e)}.customer-score-components-v2810 article>small{color:#6c7a74;line-height:1.45}.customer-score-summary-v2810{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.customer-score-summary-v2810>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:#f3f6f4}.customer-score-summary-v2810 span{font-size:10px;color:#6d7b75}.customer-score-summary-v2810 b{font-size:14px}.customer-score-summary-v2810 .penalty{background:#fff3f0;color:#8d3329}.customer-score-summary-v2810 .final{background:#e6f5eb;color:#08703f}.customer-score-disclaimer-v2810{margin:10px 0 0;padding-top:10px;border-top:1px solid #e7ece9;color:#68766f;font-size:10px;line-height:1.55}
@media(max-width:1100px){.help-grid-v2810{grid-template-columns:repeat(2,minmax(0,1fr))}.help-readiness-v2810{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.help-hero-v2810{grid-template-columns:1fr}.help-score-grid-v2810,.customer-score-components-v2810{grid-template-columns:1fr}.customer-score-summary-v2810{grid-template-columns:1fr 1fr}.customer-score-explainer-head-v2810{flex-direction:column}.customer-score-explainer-head-v2810 .btn{width:100%;text-align:center}}
@media(max-width:680px){.help-center-v2810{width:100%;min-width:0}.help-hero-v2810{padding:17px;border-radius:18px}.help-hero-v2810 h2{font-size:24px}.help-readiness-v2810{grid-template-columns:1fr 1fr}.help-grid-v2810{grid-template-columns:1fr}.help-score-grid-v2810{grid-template-columns:1fr}.customer-score-summary-v2810{grid-template-columns:1fr}.help-card-v2810,.help-score-model-v2810,.customer-score-explainer-v2810{padding:14px}}
@media(max-width:430px){.help-readiness-v2810{grid-template-columns:1fr}.help-card-head-v2810{grid-template-columns:36px minmax(0,1fr)}.help-card-number-v2810{width:36px;height:36px}.help-rule-v2810{padding:14px}}
\n\n/* ===== v2.8.11: Roma Trading Group E-Commerce rebrand + CRM service desk ===== */\n.brand-product b{font-size:12px;line-height:1.45;white-space:normal}.brand-product small{line-height:1.4}\n.sidebar-mobile-head .brand-lockup{max-width:100%}.sidebar-mobile-head .brand-product{overflow:hidden}\n.crm-legacy-ref{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 7px;border-radius:8px;background:#f3f6f4;color:#53645a;font-size:9px;font-weight:800}\n.crm-source-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf6ff;color:#175a92;font-size:9px;font-weight:850}\n.crm-attachment-input{padding:12px;border:1px dashed #cbd9d0;border-radius:13px;background:#f8fbf9}.crm-attachment-input input[type=file]{width:100%;margin-top:7px}\n.crm-kpi.neutral{border-color:#d9e2dc;background:linear-gradient(145deg,#fff,#f5f8f6)}\n@media(max-width:960px){.brand-product b{font-size:11px}.sidebar-mobile-head .brand-product{max-width:190px}}\n
/* v2.8.12 — unified Customer 360 sales hub, targets, work inbox and row navigation */
.clickable-row-v2812{cursor:pointer;transition:background .16s ease,transform .16s ease}.clickable-row-v2812:hover{background:rgba(53,176,79,.055)}.clickable-row-v2812:focus{outline:2px solid rgba(53,176,79,.4);outline-offset:-2px}.clickable-row-v2812 td:first-child{position:relative}.customer-sales-hub-v2812{display:block}.customer-kpis-v2812{grid-template-columns:repeat(6,minmax(0,1fr))}.customer-kpi.loyalty{background:linear-gradient(145deg,#fff9e8,#fff);border-color:#f0d77c}.customer-kpi.warning{background:linear-gradient(145deg,#fff4e8,#fff);border-color:#f0c18b}.customer-sales-command-v2812,.customer-activity-composer-v2812,.customer-behavior-insights-v2812,.customer-carts-v2812{margin-top:16px}.customer-sales-command-grid-v2812{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.customer-sales-command-grid-v2812>div{padding:15px;border:1px solid var(--border,#dfe7e2);border-radius:14px;background:#fbfdfb;display:flex;flex-direction:column;gap:5px}.customer-sales-command-grid-v2812 span{font-size:12px;color:var(--muted,#6e7d74)}.customer-sales-command-grid-v2812 b{font-size:16px}.customer-assignment-form-v2812{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border,#dfe7e2)}.customer-assignment-form-v2812 label{display:block;margin-bottom:6px}.behavior-insight-grid-v2812{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.behavior-insight-grid-v2812 article{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:14px;background:#f7fbf8;border:1px solid #e0ece4}.behavior-insight-grid-v2812 article>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2f5e8;color:#14723c;font-weight:800}.behavior-insight-grid-v2812 p{margin:3px 0 0;line-height:1.6}.abandoned-affinity-v2812{background:linear-gradient(180deg,#fffdf8,#fff)}.my-work-page-v2812,.sales-performance-page-v2812{display:block}.my-work-grid-v2812{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.work-row-v2812{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--border,#e1e7e3);text-decoration:none;color:inherit}.work-row-v2812:last-child{border-bottom:0}.work-row-v2812:hover{background:#fafcfb}.work-row-v2812>div{display:flex;flex-direction:column;gap:4px}.work-row-v2812>div:last-child{text-align:end;align-items:flex-end}.count-badge{min-width:28px;height:28px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:#edf6ef;color:#22653b;font-weight:800}.work-target-card-v2812{margin-top:16px}.work-target-grid-v2812{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.work-target-grid-v2812>div{padding:14px;border:1px solid var(--border,#e0e7e2);border-radius:14px;display:flex;flex-direction:column;gap:4px}.work-target-grid-v2812 span,.work-target-grid-v2812 small{color:var(--muted,#6e7d74);font-size:12px}.work-target-grid-v2812 b{font-size:20px}.work-responsibilities-v2812{margin-top:12px;padding:14px;border-radius:14px;background:#f8faf9}.work-responsibilities-v2812 p{margin:6px 0 0;line-height:1.7}.sales-performance-summary-v2812,.target-editor-v2812{margin-top:16px}.sales-performance-table-wrap-v2812{overflow:auto}.sales-performance-table-wrap-v2812 td small{display:block;color:var(--muted,#6e7d74);margin-top:4px}.target-progress-v2812{min-width:130px}.target-progress-v2812>span{display:block;height:8px;background:#edf1ee;border-radius:999px;overflow:hidden}.target-progress-v2812 i{display:block;height:100%;background:#35b04f;border-radius:999px}.target-progress-v2812 b{font-size:12px}.form-grid .full{grid-column:1/-1}.customer-history-row small{max-width:100%}
@media(max-width:1180px){.customer-kpis-v2812{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-sales-command-grid-v2812,.work-target-grid-v2812{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.customer-kpis-v2812{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-sales-command-grid-v2812,.work-target-grid-v2812,.my-work-grid-v2812,.behavior-insight-grid-v2812{grid-template-columns:1fr}.customer-assignment-form-v2812{grid-template-columns:1fr}.sales-performance-table-wrap-v2812 table{min-width:760px}.customer-sales-command-v2812 .section-head,.customer-carts-v2812 .section-head{align-items:flex-start;gap:10px}.customer-carts-v2812 .section-head .btn{width:100%}}
@media(max-width:430px){.customer-kpis-v2812{grid-template-columns:1fr}.customer-profile-page,.my-work-page-v2812,.sales-performance-page-v2812{max-width:100%;overflow-x:hidden}.customer-sales-command-grid-v2812>div,.work-target-grid-v2812>div{min-width:0}.work-row-v2812{align-items:flex-start;flex-direction:column}.work-row-v2812>div:last-child{text-align:start;align-items:flex-start}}


/* ================================================================
   v2.9.0 — platform UX shell pass
   Collapsible sidebar groups · responsive tables · pagination ·
   empty states · topbar hardening · button/form consistency.
   Presentation only; no business-logic selectors touched.
   ================================================================ */

/* --- Collapsible sidebar nav groups (layout.php [data-nav-group]) --- */
.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 12px 7px;border:0;background:transparent;color:#81908a;font-family:inherit;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:start}
html[dir="rtl"] .nav-group-toggle{letter-spacing:0}
.nav-group-toggle:hover{color:#d7ecdd}
.nav-group-toggle:focus-visible{outline:2px solid rgba(53,176,79,.65);outline-offset:2px;border-radius:6px}
.nav-group-chevron{transition:transform .18s ease;flex:0 0 auto}
.nav-group.is-collapsed .nav-group-chevron{transform:rotate(-90deg)}
html[dir="rtl"] .nav-group.is-collapsed .nav-group-chevron{transform:rotate(90deg)}
.nav-group.is-collapsed .nav-group-items{display:none}

/* --- Responsive tables: scroll hint + sticky first column (<768px) --- */
.table-wrap{scrollbar-width:thin}
@media(max-width:768px){
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;
    background-image:linear-gradient(to right,#fff 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),#fff 70%),linear-gradient(to right,rgba(20,60,35,.10),rgba(20,60,35,0)),linear-gradient(to left,rgba(20,60,35,.10),rgba(20,60,35,0));
    background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:44px 100%,44px 100%,16px 100%,16px 100%;background-attachment:local,local,scroll,scroll}
  .table-wrap thead th:first-child,.table-wrap tbody td:first-child{position:sticky;inset-inline-start:0;z-index:2}
  .table-wrap thead th:first-child{background:#f7fbf8;box-shadow:1px 0 0 var(--line)}
  .table-wrap tbody td:first-child{background:#fff;box-shadow:1px 0 0 #edf2ee}
  html[dir="rtl"] .table-wrap thead th:first-child,html[dir="rtl"] .table-wrap tbody td:first-child{box-shadow:-1px 0 0 var(--line)}
}

/* --- Pagination (shared .pagination + legacy .crm-pagination) --- */
.pagination,.crm-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0;flex-wrap:wrap}
.pagination>span,.crm-pagination>span{font-size:12px;font-weight:800;color:var(--muted)}
.pagination .is-disabled,.crm-pagination .is-disabled{opacity:.45;pointer-events:none}
.btn.small{padding:7px 11px;font-size:11px;border-radius:9px;min-height:0}
.btn.danger{background:linear-gradient(135deg,#ef5347,#ba251b)}
.btn.danger:hover{box-shadow:0 8px 18px rgba(186,37,27,.22)}

/* --- Empty states --- */
.empty-state{padding:38px 18px;text-align:center;color:var(--muted);background:#fbfdfc;border:1px dashed #d3e0d7;border-radius:16px;margin:12px 0}
.empty-state .empty-icon{width:52px;height:52px;border-radius:16px;background:#e9f6ed;color:#2c7a4c;display:grid;place-items:center;font-size:24px;margin:0 auto 10px}
.empty-state b{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}
.empty-state p{margin:0 auto;max-width:440px;font-size:11px;line-height:1.7}

/* --- Mobile drawer: extend the <992px range (≤960px rules above still apply) --- */
@media(max-width:991px) and (min-width:961px){
  .shell{grid-template-columns:1fr}
  .sidebar{display:flex;flex-direction:column;position:fixed;top:0;bottom:0;inset-inline-start:0;height:100dvh;width:min(330px,88vw);padding:15px 14px;z-index:120;overflow:auto;transform:translateX(-105%);transition:transform .22s ease}
  html[dir="rtl"] .sidebar{transform:translateX(105%)}
  .sidebar.open{transform:translateX(0);box-shadow:20px 0 50px #0004}
  html[dir="rtl"] .sidebar.open{box-shadow:-20px 0 50px #0004}
  .sidebar-close{display:grid;color:#fff;background:#ffffff0d;border-color:#ffffff1e}
  .mobile-menu-button{display:grid}
  .mobile-drawer-overlay{display:block;position:fixed;inset:0;background:#08170eb5;backdrop-filter:blur(2px);z-index:110}
  .mobile-drawer-overlay[hidden]{display:none!important}
  body.drawer-open{overflow:hidden}
}

/* --- Topbar hardening for narrow phones --- */
@media(max-width:480px){
  .topbar{flex-wrap:wrap;row-gap:8px}
  .topbar-left{flex:1 1 auto}
  .topbar-actions{flex:1 1 100%;justify-content:flex-end;flex-wrap:wrap}
  .topbar-title h1{max-width:none}
}

/* --- Form consistency helpers --- */
.field{margin:0 0 12px;min-width:0}
.field>label{margin-top:0}
.field .hint{display:block;margin-top:5px;font-size:10px;color:var(--muted);line-height:1.6}

/* --- Result-set cap / pager notice (v2.9) --- */
.notice{padding:11px 14px;border-radius:10px;margin:12px 0;border:1px solid transparent}
.notice.warning{background:#fff7e6;border-color:#f0d77c;color:#7a4700}

/* --- Notification card open button (v2.9: state-changing action now POSTs) --- */
button.notification-open{border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:start;width:100%}
.notification-open-form{margin:0;min-width:0}

/* ================================================================
   v2.9.2 — order sync + mobile viewport recovery
   Prevent page-level overflow while preserving horizontal table scroll.
   ================================================================ */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.shell,.main,.topbar,.orders-page,.shipments-page,.order-record-page,.page-hero,.orders-command-center,.orders-filter-card,.card{min-width:0;max-width:100%}
.main>*{max-width:100%;min-width:0}
.table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
.table-wrap table{width:max-content;min-width:100%}
.orders-command-center{overflow:hidden}
.orders-search-primary,.orders-search-primary form,.search-action-row{min-width:0;max-width:100%}
.orders-search-primary input{min-width:0}
.order-status-scroller{max-width:100%;min-width:0}
.orders-overview-cards{min-width:0}
.orders-filter-card>*{min-width:0}
.filter-more{max-width:100%}
.filter-more-grid{max-width:calc(100vw - 24px)}
.list-summary{min-width:0;flex-wrap:wrap}
.entity-link,.entity-link b,.entity-link small,td,th{overflow-wrap:anywhere}

@media(max-width:680px){
  body.authenticated:not(.driver-app){width:100%;max-width:100%;overflow-x:hidden}
  .shell,.main{width:100%;max-width:100%}
  .main{padding-inline:10px!important}
  .page-hero{width:100%;padding:16px!important;gap:12px}
  .page-hero>div,.page-hero>.btn,.page-hero>.hero-actions{width:100%;min-width:0}
  .page-hero>.btn{display:flex}
  .orders-command-center{padding:12px;gap:12px;margin-bottom:0}
  .search-action-row,.dashboard-order-search{grid-template-columns:minmax(0,1fr)}
  .search-action-row .btn,.dashboard-order-search .btn{width:100%}
  .orders-overview-cards,.dashboard-order-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding-bottom:0}
  .order-overview-card,.dashboard-order-summary>a{min-width:0;width:100%;padding:11px;min-height:64px;align-items:flex-start;flex-direction:column;gap:5px}
  .order-overview-card span,.dashboard-order-summary span{white-space:normal;line-height:1.35}
  .order-overview-card b,.dashboard-order-summary b{font-size:20px}
  .order-status-scroller{width:100%;margin-inline:0;padding-inline:0}
  .order-status-chip{min-width:145px;max-width:78vw}
  .orders-filter-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;width:100%;padding:12px}
  .orders-filter-card>div,.orders-filter-card>details,.orders-filter-card>.btn{width:100%!important;min-width:0!important}
  .orders-filter-card select,.orders-filter-card input{min-width:0;max-width:100%}
  .filter-more>summary{width:100%}
  .filter-more-grid{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;bottom:74px!important;grid-template-columns:minmax(0,1fr)!important}
  .table-wrap{width:100%;border-radius:14px}
  .table-wrap table{min-width:760px}
  .topbar{width:100%;max-width:100%}
  .topbar-left,.topbar-actions{min-width:0}
}

@media(max-width:420px){
  .orders-overview-cards,.dashboard-order-summary{grid-template-columns:minmax(0,1fr)}
  .order-overview-card,.dashboard-order-summary>a{flex-direction:row;align-items:center}
  .main{padding-inline:8px!important}
  .page-hero,.orders-command-center,.orders-filter-card{border-radius:16px}
}

/* v2.9.2 order sync observability */
.list-summary .orders-sync-meta{display:inline-flex;align-items:center;gap:.35rem;flex-wrap:wrap;margin-inline-start:auto;font-size:.82rem;color:var(--muted,#64748b)}
.order-sync-stamp{display:block;margin-top:.25rem;max-width:18rem;font-size:.72rem;line-height:1.35;color:var(--muted,#64748b);white-space:normal}
@media (max-width:680px){.list-summary{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.list-summary .orders-sync-meta{margin-inline-start:0}.order-sync-stamp{max-width:14rem}}

/* ================================================================
   v2.9.3 — authoritative Salla Orders mirror / safe archive
   ================================================================ */
.order-rebuild-launch{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;align-items:center;border:1px solid #b9dbc4;background:linear-gradient(135deg,#f6fcf8,#edf8f1);overflow:hidden;position:relative}
.order-rebuild-launch:before{content:"";position:absolute;inset-inline-end:-70px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(28,133,72,.07);pointer-events:none}
.order-rebuild-launch-copy{position:relative;z-index:1;min-width:0}.order-rebuild-launch h3{font-size:21px;margin:3px 0 7px}.order-rebuild-launch p{margin:0;color:var(--muted);line-height:1.75;max-width:780px}
.order-rebuild-feature-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.order-rebuild-feature-chips span{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid #cfe5d6;background:#fff;border-radius:999px;font-size:10px;font-weight:850;color:#17613a}
.order-rebuild-upload{position:relative;z-index:1;padding:14px;border:1px solid #d5e8db;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(19,88,49,.06)}
.order-rebuild-page{display:grid;gap:14px;min-width:0;max-width:100%}.order-rebuild-verdict{display:flex;align-items:center;justify-content:space-between;gap:18px;border-width:1px}.order-rebuild-verdict.is-clean{border-color:#b9dfc5;background:#f4fbf6}.order-rebuild-verdict.has-blockers{border-color:#f0c2bb;background:#fff7f5}.order-rebuild-verdict h3{margin:3px 0 6px}.order-rebuild-verdict p{margin:0;color:var(--muted);line-height:1.7}.order-rebuild-verdict-badge{flex:0 0 52px;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:950;background:#fff;border:1px solid #d8e6dc}.is-clean .order-rebuild-verdict-badge{color:#17753f}.has-blockers .order-rebuild-verdict-badge{color:#b63b2e}
.order-rebuild-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.order-rebuild-kpis .analytics-kpi{min-width:0}.order-rebuild-safety-list ul{margin:9px 0 0;padding-inline-start:20px;display:grid;gap:7px}.order-rebuild-safety-list li{line-height:1.65;color:#46564d}.order-rebuild-confirm-form{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid #b7d9c1;background:#f4fbf6;border-radius:16px}.order-rebuild-confirm-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0}.order-rebuild-confirm-check input{margin-top:4px;flex:0 0 auto}.order-rebuild-confirm-check b,.order-rebuild-confirm-check small{display:block}.order-rebuild-confirm-check small{margin-top:4px;color:var(--muted);line-height:1.55}.order-rebuild-start{flex:0 0 auto;white-space:nowrap}.order-rebuild-errors{border-color:#efc3bc}.order-rebuild-backup{display:flex;align-items:center;justify-content:space-between;gap:16px}.order-rebuild-backup h3{margin:3px 0 5px}.order-rebuild-history code{font-size:10px}.order-rebuild-history .btn.tiny{padding:5px 8px;font-size:9px}.order-rebuild-progress .import-live-card{border-color:#c2dfca}.orders-archive-summary{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--muted)}.archived-order-badge{display:inline-flex;margin-inline-start:5px;background:#eef1f3!important;color:#59636c!important;border-color:#d7dde2!important}

@media(max-width:1100px){.order-rebuild-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.order-rebuild-launch{grid-template-columns:1fr}}
@media(max-width:680px){
  .order-rebuild-launch{padding:14px;gap:14px}.order-rebuild-upload{padding:10px}.order-rebuild-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.order-rebuild-verdict{align-items:flex-start}.order-rebuild-verdict-badge{width:44px;height:44px;flex-basis:44px;border-radius:14px}.order-rebuild-confirm-form,.order-rebuild-backup{display:grid;grid-template-columns:1fr}.order-rebuild-start,.order-rebuild-backup .btn{width:100%}.order-rebuild-page .table-wrap table{min-width:720px}.import-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){.order-rebuild-kpis{grid-template-columns:1fr}.order-rebuild-verdict{display:grid;grid-template-columns:minmax(0,1fr) auto}.order-rebuild-feature-chips span{width:100%;justify-content:flex-start}}
.order-rebuild-store-select{display:grid;gap:5px;margin-bottom:10px}.order-rebuild-store-select>span{font-size:10px;font-weight:850;color:var(--ink)}.order-rebuild-store-select select{width:100%;min-width:0}.order-rebuild-store-select small{color:var(--muted);font-size:9px;line-height:1.55}