:root{
 --burgundy:#6b0f20;--burgundy-deep:#430711;--burgundy-soft:#f8e8e9;
 --gold:#d4a548;--gold-deep:#9b6b1f;--gold-soft:#fff2cf;
 --cream:#f6eddd;--ivory:#fffaf1;--paper:#fffdf8;--ink:#2e211b;--muted:#78695f;--line:#eadbc2;
 --navy:#6b0f20;--navy2:#430711;--blue-soft:#fff2cf;--bg:#f6eddd;--card:#fffdf8;
 --shadow:0 14px 38px rgba(86,32,22,.10);--radius:18px;
}
html{background:var(--cream)}
body{background:radial-gradient(circle at 85% 4%,rgba(212,165,72,.13),transparent 27%),linear-gradient(180deg,#faf3e7 0,#f5ecdd 100%);color:var(--ink)}
h1,h2,h3{color:#321c17}.page-head h1,.portal-hero h1,.login-visual h1{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:-.025em}
.top{background:rgba(255,250,241,.96);color:var(--ink);border-bottom:1px solid rgba(161,111,39,.18);box-shadow:0 5px 22px rgba(72,26,18,.08);backdrop-filter:blur(16px)}
.brand-lockup{gap:12px;text-decoration:none}.brand-mark{width:48px;height:48px;border-radius:14px;background:#f3e6d1 url("/logo.png") center/cover no-repeat!important;font-size:0!important;box-shadow:0 5px 14px rgba(74,24,18,.13);border:1px solid #e4cfaa}.brand-copy strong{font-family:Georgia,"Times New Roman",serif;color:#2c1813;font-size:17px;letter-spacing:.12em}.brand-copy span{color:#8a6d4a!important;letter-spacing:.08em;text-transform:uppercase}
.top-right .btn.alt,.btn.alt{background:#fffaf1;color:var(--burgundy);border-color:#dbc49a}.account-chip{color:#674f42}.notification-badge{background:var(--burgundy);color:#fff}
.wrap{max-width:1340px}.card,.portal-hero,.modal-card{background:rgba(255,253,248,.96);border-color:#eadcc6;box-shadow:var(--shadow)}
.portal-hero,.page-head{position:relative;overflow:hidden}.portal-hero{background:linear-gradient(120deg,#540a18 0%,#751326 68%,#8b2032 100%);color:#fff;border-color:#7b1b2c;padding:28px}.portal-hero:after,.page-head:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;border:42px solid rgba(212,165,72,.15);pointer-events:none}.portal-hero h1,.portal-hero .muted,.portal-hero p{color:#fff}.portal-hero .eyebrow{color:#f4cf78}.eyebrow{color:var(--gold-deep)}
.page-head{background:linear-gradient(120deg,#560a18,#771426);border:1px solid #7e1a2d;border-radius:20px;padding:24px 26px;color:#fff;box-shadow:0 14px 34px rgba(79,12,27,.16);margin-bottom:18px}.page-head h1,.page-head p{color:#fff}.page-head p{opacity:.82}.page-head .btn.alt{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:#fff}.page-head .btn.good{background:linear-gradient(135deg,#eccb77,#c99635);border-color:#d7a84e;color:#3f2610;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.btn{border-radius:12px}.btn:not(.alt):not(.good):not(.bad):not(.soft):not(.warn):not(.danger-outline){background:var(--burgundy);border-color:var(--burgundy)}.btn.good{background:#ba8b32;color:#fff;border-color:#ba8b32}.btn.soft{background:var(--gold-soft);color:#6f4813;border-color:#edd69c}.btn.warn{background:#fff0c8;color:#7d5311;border-color:#efd28e}.btn.danger-outline{color:#8b1b27;border-color:#d9a8ad;background:#fffaf7}.btn:hover{box-shadow:0 8px 20px rgba(91,26,22,.15)}
input,select,textarea{background:#fffdf8;border-color:#ddccb1;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#c79a48;box-shadow:0 0 0 4px rgba(212,165,72,.16)}input[readonly]{background:#f7efe2}
.tab{border-color:#dec8a4;color:#695246;background:#fffdf8}.tab.active{background:var(--burgundy)!important;border-color:var(--burgundy)!important;color:#fff}.badge-count{background:#f2e6d5}.drawer{background:#fffaf1}.drawer-title{font-family:Georgia,"Times New Roman",serif;color:#371c18}.drawer-link{border-color:#eadac1;background:#fffdf8;color:#49362d}.drawer-link.active{background:var(--burgundy)!important;border-color:var(--burgundy)!important}.drawer-icon{background:var(--gold-soft)!important;color:#8b5b18!important}.drawer-link.active .drawer-icon{background:rgba(255,255,255,.14)!important;color:#f8d77d!important}
.order-card,.driver-order,.payment-card,.money-card,.subtle-card,.contact-card{background:#fffdf8!important;border-color:#eadbc2!important}.order-card:hover,.driver-order:hover,.contact-card:hover{border-color:#d6b875!important;box-shadow:0 10px 25px rgba(94,38,25,.08)!important}.chip,.money-chip{background:#f8eedc!important;color:#654a36!important}.status-pill,.tag{background:#f3e7d4;color:#654831}.status-assigned{background:#f1e6d7;color:#75522c}.status-on_the_way{background:#fff0c8;color:#7b4e0d}.status-delivered{background:#e8f7ee;color:#08743f}.status-cancelled{background:#f1eeee;color:#655b56}.notice-inline{background:#fff7e6!important;border-color:#ecd6a8!important;color:#5e4937!important}.danger-note{background:#fff0ee!important;border-color:#efc3bd!important;color:#8f251d!important}
.stat{background:rgba(255,253,248,.94);border-color:#eadcc6}.stat strong{color:var(--burgundy)}.money-panel{background:#f8eedc!important}.flag{background:var(--gold-soft)!important;color:#805313!important}.workflow-action .btn.good{background:linear-gradient(135deg,#e6bf64,#c49130);color:#3c250f;border-color:#d5a54a}.waiting-note{background:#fff2cf!important;color:#7a4f0d!important;border:1px solid #ecd08a}.priority{border-left-color:var(--gold)!important}
.login-page{background:#f4ead9}.login-visual{position:relative;background:linear-gradient(145deg,#430711,#6b0f20 58%,#8b2635);overflow:hidden}.login-visual:after{content:"";position:absolute;right:-80px;top:50px;width:390px;height:390px;background:url("/logo.png") center/contain no-repeat;opacity:.17;filter:saturate(.85)}.login-visual>div{position:relative;z-index:1}.login-visual .eyebrow{color:#f2cd77!important}.login-card{background:#fffaf1;border-color:#ead7b7;box-shadow:0 24px 60px rgba(81,27,20,.15)}.login-card .brand-mark{width:64px;height:64px}.security-note{background:#f8eedc;color:#685346}.password-toggle{color:#7f5b31}
.progress-simple{grid-template-columns:repeat(7,1fr)!important}.progress-step.done,.progress-step.current{background:var(--gold)!important}.progress-step.current{box-shadow:0 0 0 3px rgba(212,165,72,.18)}
.contact-icon{background:var(--gold-soft)!important;color:var(--burgundy)!important}.divider{background:#eadfcf}.empty{background:#fbf4e8;border-color:#decaa7;color:#77665b}
@media(max-width:640px){.brand-mark{width:42px;height:42px}.page-head{padding:18px}.page-head:after{display:none}.progress-simple{grid-template-columns:repeat(7,1fr)!important;gap:2px!important}}
.driver-track{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0 10px}.driver-track-step{position:relative;text-align:center;color:#907d6f;font-size:10px}.driver-track-step:before{content:"";position:absolute;left:-50%;right:50%;top:6px;height:2px;background:#e5d7c1;z-index:0}.driver-track-step:first-child:before{display:none}.driver-track-step span{position:relative;z-index:1;display:block;width:13px;height:13px;border-radius:50%;margin:0 auto 5px;background:#e4d6c1;border:2px solid #fffaf1}.driver-track-step.done span,.driver-track-step.current span{background:#d4a548}.driver-track-step.done:before,.driver-track-step.current:before{background:#d4a548}.driver-track-step.current small{color:#6b0f20;font-weight:900}.driver-track-step small{font-size:9px;line-height:1.15}.driver-order .status-pill{background:#f7e9d2;color:#6a4722}@media(max-width:520px){.driver-track-step small{font-size:8px}}

/* JAKHA Jordan premium identity */
.jordan-mark{font-family:Georgia,"Times New Roman",serif;color:#a06b22;letter-spacing:.08em}



/* ===== JAKHA FINAL DRIVER PORTAL ===== */
body.driver-final{padding-left:214px}.driver-sidebar{position:fixed;left:0;top:0;bottom:0;width:214px;z-index:150;background:#fffaf1;border-right:1px solid #e6d4b6;padding:16px 11px;display:flex;flex-direction:column;overflow:auto;box-shadow:8px 0 28px rgba(76,27,18,.05)}.driver-brand{text-align:center;padding:0 8px 13px;border-bottom:1px solid #eadac0}.driver-brand img{width:92px;height:92px;object-fit:cover;border-radius:21px;display:block;margin:auto}.driver-brand strong{display:block;font:700 25px Georgia,"Times New Roman",serif;letter-spacing:.10em;color:#351914;margin-top:5px}.driver-brand span{display:block;font-size:9px;letter-spacing:.26em;color:#7d4e3b;margin-top:3px}.driver-side-nav{display:grid;gap:4px;margin-top:14px}.driver-side-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#542725;font-weight:850;font-size:12px;text-decoration:none;border:0;background:transparent;text-align:left;cursor:pointer}.driver-side-link:hover{background:#f6ead8}.driver-side-link.active{background:linear-gradient(135deg,#6b0f20,#8e1730);color:#fff}.driver-side-icon{width:22px;text-align:center;font-size:17px}.driver-top{position:sticky;top:0;z-index:120;height:62px;background:rgba(255,250,241,.96);border-bottom:1px solid #e8d8bd;display:flex;align-items:center;justify-content:space-between;padding:8px 22px;box-shadow:0 4px 20px rgba(72,26,18,.06);backdrop-filter:blur(14px)}.driver-search{width:min(610px,48vw);position:relative}.driver-search input{min-height:40px;margin:0;border-radius:999px;padding-left:40px}.driver-search:before{content:"⌕";position:absolute;left:15px;top:7px;color:#7a4b3b;font-size:19px;z-index:2}.driver-menu-btn{display:none}.driver-top-right{display:flex;align-items:center;gap:8px}.driver-page{max-width:1460px;margin:13px auto 30px;padding:0 14px}.driver-hero{min-height:0;aspect-ratio:40/7;border-radius:18px;overflow:hidden;position:relative;background:#5b0b19 url("/jordan-hero.png") center/100% 100% no-repeat;border:1px solid #7f2131;box-shadow:0 16px 40px rgba(79,19,25,.17)}.driver-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(82,7,22,.22),rgba(99,9,28,.10) 42%,rgba(89,6,24,0) 70%)}.driver-hero-copy{position:relative;z-index:1;color:#fff;padding:24px 28px;max-width:640px}.driver-hero .kicker{font-size:9px;letter-spacing:.3em;color:#e7bd58;font-weight:950}.driver-hero h1{font:700 43px/1 Georgia,"Times New Roman",serif;color:#fff;margin:9px 0 3px}.driver-hero h2{font:700 23px Georgia,"Times New Roman",serif;color:#fff;margin:0}.driver-hero p{color:#f5e8df;font-size:13px;margin:9px 0 0}.driver-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.driver-summary-card{background:#fffdf8;border:1px solid #eadbc2;border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 22px rgba(83,31,20,.06)}.driver-summary-icon{width:42px;height:42px;border-radius:13px;background:#f8e7c8;color:#6b0f20;display:grid;place-items:center;font-size:20px}.driver-summary-card span{font-size:9.5px;font-weight:850;color:#756357}.driver-summary-card strong{display:block;font:700 25px Georgia,"Times New Roman",serif;color:#4b211b;margin-top:2px}.driver-main-card{padding:15px!important;border-radius:18px!important}.driver-final .section-block{margin-top:15px}.driver-final .driver-order{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(420px,1.25fr) minmax(210px,.72fr);gap:14px;align-items:center;padding:14px 15px}.driver-order-main .order-head{margin:0 0 6px}.driver-order-main .customer-panel{padding:0!important;border:0!important;background:transparent!important}.driver-order-main .money-panel{padding:8px 10px!important;margin-top:8px!important}.driver-order-flow{min-width:390px}.driver-order-actions{display:grid;gap:7px}.driver-order-actions .quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}.driver-order-actions .quick-actions .btn{font-size:10px;padding:8px}.driver-order-actions .workflow-action{margin:0}.driver-order-actions .workflow-action .btn{width:100%}.driver-order-actions .field-help{text-align:center;font-size:8px!important}.driver-final .waiting-note{grid-column:1/-1}.driver-final .driver-track{margin:4px 0 0}.driver-final .flags{margin:4px 0}.driver-final .flag{font-size:8px}.driver-final .order-date{font-size:9px}.driver-final .order-id{font-size:16px}.driver-final .customer-name{font-size:13px}.driver-final .destination{font-size:10px}.driver-final .money-panel strong{font-size:16px}
@media(max-width:1100px){.driver-final .driver-order{grid-template-columns:1fr}.driver-order-flow{min-width:0}.driver-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){body.driver-final{padding-left:0}.driver-sidebar{transform:translateX(-105%);transition:.2s ease;width:240px}.driver-sidebar.open{transform:translateX(0)}.driver-menu-btn{display:inline-flex}.driver-search{width:min(500px,55vw)}}@media(max-width:620px){.driver-top{padding:8px 10px}.driver-search{display:none}.driver-top-right .account-chip{display:none}.driver-page{padding:0 8px}.driver-hero{aspect-ratio:auto;min-height:220px;background-size:cover;background-position:70% center}.driver-hero-copy{padding:22px 18px}.driver-hero h1{font-size:34px}.driver-summary{grid-template-columns:1fr 1fr}.driver-order-actions .quick-actions{grid-template-columns:1fr}}


/* ===== V2.7.1 DESKTOP + MOBILE HAMBURGER DRAWER ===== */
body.driver-final{transition:padding-left .22s ease}
.driver-sidebar{transform:translateX(0);transition:transform .22s ease;will-change:transform}
.driver-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;min-height:42px;padding:0!important;border-radius:11px!important;font-size:20px!important;background:#fffaf1!important;color:#6b0f20!important;border:1px solid #dfc9a5!important;box-shadow:0 5px 14px rgba(79,25,19,.06)}
.driver-menu-btn:hover{background:#f7ead6!important}
.portal-sidebar-close{display:none;position:absolute;right:10px;top:9px;width:34px;height:34px;border:1px solid #dfc9a5;border-radius:9px;background:#fffaf1;color:#6b0f20;font-size:23px;line-height:1;cursor:pointer;z-index:3}
.portal-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(41,17,15,.42);backdrop-filter:blur(2px);z-index:140}
body.driver-final.driver-menu-collapsed{padding-left:0}
body.driver-final.driver-menu-collapsed .driver-sidebar{transform:translateX(-105%)}
body.driver-final.driver-menu-collapsed .driver-page{max-width:1540px}
@media(max-width:900px){
  body.driver-final{padding-left:0!important}
  .driver-sidebar{width:min(300px,88vw)!important;transform:translateX(-105%)!important;z-index:180!important;box-shadow:18px 0 50px rgba(52,18,16,.22)!important}
  .driver-sidebar.open{transform:translateX(0)!important}
  .portal-sidebar-close{display:grid;place-items:center}
  body.driver-drawer-open .portal-sidebar-overlay{display:block}
  
}