: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}}

/* JAKHA Jordan premium identity */
.jakha-support-card{margin:22px auto;max-width:1180px;border-radius:20px;padding:22px 26px;background:linear-gradient(125deg,#4b0813,#771326 62%,#8d2434);color:#fff;border:1px solid #9c3a48;box-shadow:0 18px 40px rgba(72,18,22,.16);display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:hidden;position:relative}.jakha-support-card:after{content:"";position:absolute;right:-35px;bottom:-70px;width:230px;height:230px;border-radius:50%;border:30px solid rgba(238,198,105,.18)}.jakha-support-card h3{color:#fff;margin:0 0 5px;font-family:Georgia,"Times New Roman",serif;font-size:24px}.jakha-support-card p{margin:0;color:#f7eadd}.jakha-support-card .btn{position:relative;z-index:1;background:linear-gradient(#f4ce70,#d9a943)!important;color:#3c220c!important;border-color:#f3d68d!important;font-weight:900}.jordan-mark{font-family:Georgia,"Times New Roman",serif;color:#a06b22;letter-spacing:.08em}
@media(max-width:700px){.jakha-support-card{align-items:flex-start;flex-direction:column}}


/* ===== JAKHA FINAL CLIENT PORTAL ===== */
body.client-final{padding-left:214px}.client-sidebar{position:fixed;z-index:150;left:0;top:0;bottom:0;width:214px;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)}.client-brand{text-align:center;padding:0 8px 13px;border-bottom:1px solid #eadac0}.client-brand img{width:92px;height:92px;object-fit:cover;border-radius:21px;display:block;margin:auto}.client-brand strong{display:block;font:700 25px Georgia,"Times New Roman",serif;letter-spacing:.10em;color:#351914;margin-top:5px}.client-brand span{display:block;font-size:9px;letter-spacing:.26em;color:#7d4e3b;margin-top:3px}.client-side-nav{display:grid;gap:4px;margin-top:14px}.client-side-link{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#542725;font-weight:850;font-size:12px;text-align:left;cursor:pointer}.client-side-link:hover{background:#f6ead8}.client-side-link.active{background:linear-gradient(135deg,#6b0f20,#8e1730);color:#fff}.client-side-icon{width:22px;text-align:center;font-size:17px}
.client-top{position:sticky;top:0;z-index:120;height:62px;background:rgba(255,250,241,.96);border-bottom:1px solid #e8d8bd;box-shadow:0 4px 20px rgba(72,26,18,.06);display:flex;align-items:center;justify-content:space-between;padding:8px 22px;backdrop-filter:blur(14px)}.client-top-left{display:flex;align-items:center;gap:10px}.client-search{position:relative;width:min(610px,48vw)}.client-search input{min-height:40px;margin:0;border-radius:999px;padding-left:40px}.client-search:before{content:"⌕";position:absolute;left:15px;top:7px;color:#7a4b3b;font-size:19px;z-index:2}.client-top-right{display:flex;align-items:center;gap:8px}.client-menu-btn{display:none}.client-page{max-width:1460px;margin:13px auto 30px;padding:0 14px}.client-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)}.client-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%)}.client-hero-copy{position:relative;z-index:1;color:#fff;padding:24px 28px;max-width:650px}.client-hero .kicker{font-size:9px;letter-spacing:.3em;color:#e7bd58;font-weight:950}.client-hero h1{font:700 43px/1 Georgia,"Times New Roman",serif;color:#fff;margin:9px 0 2px}.client-hero h2{font:700 25px/1.08 Georgia,"Times New Roman",serif;color:#fff;margin:0 0 8px}.client-hero p{color:#f5e8df;font-size:13px;margin:0}.client-hero .hero-order-btn{margin-top:18px;background:linear-gradient(#f1cf72,#d6a43c)!important;color:#3b220d!important;border-color:#efd486!important;padding:11px 20px;font-weight:950}.client-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:10px 0}.client-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)}.client-summary-icon{width:42px;height:42px;border-radius:13px;background:#f8e7c8;color:#6b0f20;display:grid;place-items:center;font-size:20px}.client-summary-card span{font-size:9.5px;font-weight:850;color:#756357}.client-summary-card strong{display:block;font:700 25px Georgia,"Times New Roman",serif;color:#4b211b;margin-top:2px}
.client-final .wrap{max-width:none;margin:0;padding:0}.client-final .portal-section>.page-head{background:transparent;border:0;box-shadow:none;padding:5px 0 8px;margin:0;color:#2f1b16;overflow:visible}.client-final .portal-section>.page-head:after{display:none}.client-final .portal-section>.page-head h1{color:#4f0c19;font-size:27px}.client-final .portal-section>.page-head p{color:#76675e}.client-final .portal-section>.page-head .page-actions{display:none}.client-final .compact-card{padding:14px 15px}.client-final #section-orders .compact-card{border-radius:17px}.client-final .searchbar.clean{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:8px;align-items:end}.client-final .searchbar.clean label{font-size:0}.client-final .searchbar.clean input,.client-final .searchbar.clean select{font-size:12px}.client-final .order-card{grid-template-columns:minmax(270px,.9fr) minmax(430px,1.35fr) auto;gap:16px;padding:13px 14px}.client-order-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;align-items:start;min-width:420px}.client-step{position:relative;text-align:center;color:#988a80;font-size:8px}.client-step:before{content:"";position:absolute;left:-50%;right:50%;height:2px;top:10px;background:#e2d9ce}.client-step:first-child:before{display:none}.client-step i{display:grid;width:20px;height:20px;border-radius:50%;background:#eee9e1;border:2px solid #fff;box-shadow:0 0 0 1px #d8cfc2;margin:0 auto 5px;place-items:center;font-style:normal;font-size:9px;position:relative;z-index:1}.client-step.done i,.client-step.current i{background:#790f26;color:#fff;box-shadow:0 0 0 1px #790f26}.client-step.onway.current i{background:#145fc6;box-shadow:0 0 0 3px #d7e7ff}.client-step.done:before,.client-step.current:before{background:#790f26}.client-step small{font-size:7.7px;line-height:1.1;display:block}.client-step.current small{font-weight:950;color:#6b0f20}.client-step.onway.current small{color:#145fc6}.client-card-main .order-title strong{font-size:14px}.client-card-main .order-primary{font-size:11px;margin-top:3px}.client-card-main .order-secondary{font-size:9.5px;margin-top:3px}.client-card-main .order-chips{margin-top:6px;gap:5px}.client-card-main .chip{font-size:8.5px;padding:3px 6px}.client-final .order-actions{min-width:120px}.client-final .order-actions .btn{white-space:nowrap}.client-policy{font-size:10px;margin:0 0 10px;background:#fff8e8;border:1px solid #ecd7a6;color:#644b37;border-radius:10px;padding:8px 10px}.client-final .jakha-support-card{max-width:none;margin:14px 0}.client-final .modal-card{border-color:#d8b76d}.client-final .create-modal .modal-head{margin:-24px -24px 20px;padding:20px 24px;background:linear-gradient(90deg,#620d20,#7f1730);color:#fff;border-radius:18px 18px 0 0}.client-final .create-modal .modal-head h2,.client-final .create-modal .modal-head .eyebrow{color:#fff}.client-final .create-modal .modal-head .btn{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.28)}
@media(max-width:1100px){.client-final .order-card{grid-template-columns:1fr}.client-order-timeline{min-width:0}.client-final .order-actions{justify-content:flex-start}.client-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){body.client-final{padding-left:0}.client-sidebar{transform:translateX(-105%);transition:.2s ease;width:240px}.client-sidebar.open{transform:translateX(0)}.client-menu-btn{display:inline-flex}.client-search{width:min(500px,55vw)}}@media(max-width:620px){.client-top{padding:8px 10px}.client-search{display:none}.client-top-right .account-chip{display:none}.client-page{padding:0 8px}.client-hero{aspect-ratio:auto;min-height:220px;background-size:cover;background-position:70% center}.client-hero-copy{padding:22px 18px}.client-hero h1{font-size:34px}.client-hero h2{font-size:20px}.client-summary{grid-template-columns:1fr 1fr}.client-order-timeline{grid-template-columns:repeat(3,1fr);row-gap:12px}.client-final .searchbar.clean{grid-template-columns:1fr}.client-final .order-actions{display:grid;grid-template-columns:1fr 1fr}.client-final .order-actions .btn{width:100%}}


/* ===== V3.6.1 DESKTOP + MOBILE HAMBURGER DRAWER ===== */
body.client-final{transition:padding-left .22s ease}
.client-sidebar{transform:translateX(0);transition:transform .22s ease;will-change:transform}
.client-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)}
.client-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.client-final.client-menu-collapsed{padding-left:0}
body.client-final.client-menu-collapsed .client-sidebar{transform:translateX(-105%)}
body.client-final.client-menu-collapsed .client-page{max-width:1540px}
@media(max-width:900px){
  body.client-final{padding-left:0!important}
  .client-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}
  .client-sidebar.open{transform:translateX(0)!important}
  .portal-sidebar-close{display:grid;place-items:center}
  body.client-drawer-open .portal-sidebar-overlay{display:block}
  
}