:root{--zippi-plum:#3b0a54;--zippi-purple:#61206f;--zippi-orchid:#a84486;--zippi-pink:#ef8ab8;--zippi-blush:#f9d5e8;--zippi-peach:#ffe0d2;--zippi-cream:#fff8f5;--zippi-ink:#2d1238;--zippi-muted:#765c78;--zippi-line:#efd6e5;--ink:var(--zippi-ink)!important;--gold:var(--zippi-orchid)!important;--gold-dark:var(--zippi-purple)!important;--paper:#fff2f7!important;--surface:#fff2f7!important;--card:#fff!important;--line:var(--zippi-line)!important;--muted:var(--zippi-muted)!important}
html,body{background:linear-gradient(145deg,var(--zippi-peach),var(--zippi-cream) 42%,var(--zippi-blush))!important;color:var(--zippi-ink)!important}#app,.shell,.driver-shell{background:rgba(255,255,255,.96)!important;color:var(--zippi-ink)!important}.topbar,.driver-head,.driver-nav,.nav{background:rgba(255,248,250,.94)!important;border-color:var(--zippi-line)!important}
.global-context,.context-bar,.today-card,.driver-welcome,.profile-card,.profile-strip,.driver-summary,.stats article:first-child{background:linear-gradient(135deg,#fff1eb,#f9d5e8 55%,#edc8ea)!important;border:1px solid var(--zippi-line)!important;color:var(--zippi-ink)!important;box-shadow:0 12px 32px #61206f16!important}.global-context small,.driver-welcome small,.profile-card small,.profile-card .verified{color:var(--zippi-purple)!important}.global-context b,.driver-welcome b,.driver-welcome span:last-child,.profile-card h2,.profile-card p{color:var(--zippi-ink)!important}
.avatar,.primary,.availability,.availability.online,.launch-navigation,.message-form button,.offer-actions .primary,.admin-head-actions button,aside footer button{background:linear-gradient(135deg,var(--zippi-plum),var(--zippi-purple) 55%,var(--zippi-orchid))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 22px #61206f28!important}.avatar{background:linear-gradient(145deg,var(--zippi-orchid),var(--zippi-purple))!important}.field.destination i,.cash-icon,.option.selected .category{background:var(--zippi-orchid)!important;color:#fff!important}.cash-consent input{accent-color:var(--zippi-orchid)!important}.map-locate,.icon-button,.secondary,.document-row label,.member-action,.review-actions button:last-child,.admin-modal header button{background:#fff2f7!important;color:var(--zippi-purple)!important}#toast{background:var(--zippi-purple)!important;color:#fff!important}.message-panel,.admin-modal{background:rgba(59,10,84,.42)!important}.message-bubble.mine{background:var(--zippi-blush)!important;color:var(--zippi-ink)!important}
.brand-panel{background:linear-gradient(145deg,#fff1eb,#f9d5e8 58%,#edc8ea)!important;color:var(--zippi-ink)!important}.brand-panel>img{filter:none!important}.brand-panel p,.trust span{color:var(--zippi-muted)!important}.trust span{background:#ffffff80!important;border-color:var(--zippi-line)!important}.route-dot{border-color:var(--zippi-purple)!important}.route-dot.start,.car-pill{background:var(--zippi-pink)!important;color:var(--zippi-ink)!important}.route-dot.end{background:#fff!important}
aside{background:linear-gradient(180deg,#fff8f5,#f9d5e8)!important;border-right:1px solid var(--zippi-line)!important;color:var(--zippi-ink)!important}aside nav button{color:var(--zippi-muted)!important}aside nav button.active,aside nav button:hover{background:#ffffffb8!important;color:var(--zippi-purple)!important}aside footer,aside>small{color:var(--zippi-muted)!important}aside footer b{color:var(--zippi-ink)!important}.phone{background:var(--zippi-purple)!important;border-color:var(--zippi-orchid)!important;box-shadow:0 35px 80px #61206f38!important}.phone:before{background:var(--zippi-orchid)!important}
html[data-theme="dark"]{color-scheme:dark;--ink:#fff8fb!important;--paper:#52205c!important;--surface:#52205c!important;--card:#43154d!important;--line:#81447c!important;--muted:#e6cfe3!important}html[data-theme="dark"],html[data-theme="dark"] body{background:linear-gradient(145deg,#2f093f,#4b155f 52%,#70225f)!important;color:#fff8fb!important}html[data-theme="dark"] #app,html[data-theme="dark"] .shell,html[data-theme="dark"] .driver-shell{background:#351044!important;color:#fff8fb!important}html[data-theme="dark"] .topbar,html[data-theme="dark"] .driver-head,html[data-theme="dark"] .driver-nav,html[data-theme="dark"] .nav{background:rgba(53,16,68,.94)!important;border-color:#81447c!important}
html[data-theme="dark"] .global-context,html[data-theme="dark"] .context-bar,html[data-theme="dark"] .today-card,html[data-theme="dark"] .driver-welcome,html[data-theme="dark"] .profile-card,html[data-theme="dark"] .profile-strip,html[data-theme="dark"] .driver-summary{background:linear-gradient(135deg,#4b155f,#61206f,#a84486)!important;border-color:#a65a98!important;color:#fff!important}html[data-theme="dark"] .global-context b,html[data-theme="dark"] .driver-welcome b,html[data-theme="dark"] .driver-welcome span:last-child,html[data-theme="dark"] .profile-card h2,html[data-theme="dark"] .profile-card p{color:#fff!important}
.brand-panel>img{filter:none!important;opacity:1!important;height:auto!important;object-fit:contain!important;object-position:left center!important;width:min(100%,500px)!important}
html[data-theme="dark"] .ride-card,html[data-theme="dark"] .confirm,html[data-theme="dark"] .card,html[data-theme="dark"] .offer,html[data-theme="dark"] .trip-row,html[data-theme="dark"] .notification-row,html[data-theme="dark"] .document-row,html[data-theme="dark"] .setting-row,html[data-theme="dark"] .account-row,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .message-sheet{background:#43154d!important;border-color:#81447c!important;color:#fff8fb!important}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] .field,html[data-theme="dark"] .cash-checkout,html[data-theme="dark"] .role-tabs{background:#52205c!important;border-color:#81447c!important;color:#fff!important}html[data-theme="dark"] .secondary,html[data-theme="dark"] .icon-button,html[data-theme="dark"] .map-locate{background:#6a2a70!important;color:#fff!important}html[data-theme="dark"] .brand-logo-light{display:none!important}html:not([data-theme="dark"]) .brand-logo-dark{display:none!important}

/* Zippi rider landing experience — sunshine, blush and clean app depth */
body:not(:has(.auth-card)):not(:has(.driver-shell)){background:linear-gradient(145deg,#fff6d8 0,#ffe5d4 34%,#f9d5e8 72%,#fff8f5 100%)!important}
#app{border:1px solid #f0d7bf!important;box-shadow:0 24px 80px #9b6b3b20!important}
.topbar{background:linear-gradient(180deg,rgba(255,252,238,.97),rgba(255,248,250,.94))!important;border-bottom:1px solid #f2d699!important}
.global-context{background:linear-gradient(125deg,#fff1a8 0,#ffe2aa 38%,#f7bfdc 100%)!important;border:1px solid #edca78!important;box-shadow:0 13px 32px #c48c3d20!important}
.global-greeting small,.hero-copy>small,.section-title small,.card-head small{color:#8a4d00!important}
.global-facts>span{background:rgba(255,255,255,.78)!important;border-color:#efd8aa!important}.global-facts i,.weather-symbol{color:#cc8800!important}.global-facts .mini-calendar{background:#ffd45e!important;color:#552146!important}
.hero-copy{background:linear-gradient(105deg,#fff7d6,#fff0e7 62%,#fbe2ef)!important;border:1px solid #f1dfbd!important;border-radius:22px!important;margin:10px 0 18px!important;padding:20px!important}.hello{color:#3b0a54!important}.hero-copy p{color:#725d70!important}
.map{border:2px solid #f2d58b!important;box-shadow:0 14px 36px #bd8b4820!important}.map-locate{background:#fff6cd!important;color:#7c4b00!important}
.ride-card,.confirm{background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(255,249,225,.96))!important;border-color:#efd699!important;box-shadow:0 18px 44px #9f71352b!important}.safe-badge{background:#fff0a8!important;color:#724900!important}.field{background:#fff9e8!important;border:1px solid #f1dfb8!important}.field.destination i{background:linear-gradient(145deg,#ef8ab8,#a84486)!important}.primary{background:linear-gradient(105deg,#ffd45e 0,#f7b75f 34%,#ef8ab8 100%)!important;color:#3b0a54!important;text-shadow:none!important}.primary span{color:#3b0a54!important}.safety-grid button{background:linear-gradient(155deg,#fffdf4,#fff3cb)!important;border-color:#f0dda9!important}.nav{background:rgba(255,251,234,.95)!important;border-top-color:#efd89e!important}.nav .active .nav-icon{background:#ffe69a!important}.nav .active{color:#6b3e00!important}

/* Night mode uses warm graphite, not a purple wash */
html[data-theme="dark"],html[data-theme="dark"] body{background:linear-gradient(145deg,#191714,#26211b 54%,#35291f)!important;color:#fff8e8!important}
html[data-theme="dark"] #app,html[data-theme="dark"] .shell{background:#201d19!important;border-color:#5e4d34!important;color:#fff8e8!important}
html[data-theme="dark"] .topbar,html[data-theme="dark"] .nav{background:rgba(31,28,24,.95)!important;border-color:#5d4a2c!important}
html[data-theme="dark"] .global-context{background:linear-gradient(125deg,#4c3b20,#5a4121 48%,#593142)!important;border-color:#8f7037!important;color:#fff4cc!important}
html[data-theme="dark"] .global-facts>span{background:rgba(255,239,188,.1)!important;border-color:#7d6337!important}html[data-theme="dark"] .global-facts i,html[data-theme="dark"] .global-greeting small{color:#ffd970!important}
html[data-theme="dark"] .hero-copy{background:linear-gradient(120deg,#30291e,#28231f 65%,#35232c)!important;border-color:#665234!important}html[data-theme="dark"] .hello,html[data-theme="dark"] .hero-copy p{color:#fff1c4!important}
html[data-theme="dark"] .ride-card,html[data-theme="dark"] .confirm,html[data-theme="dark"] .card,html[data-theme="dark"] .trip-card,html[data-theme="dark"] .account-row,html[data-theme="dark"] .sheet{background:#2c2822!important;border-color:#685538!important;color:#fff8e8!important}
html[data-theme="dark"] .field,html[data-theme="dark"] .cash-checkout,html[data-theme="dark"] input,html[data-theme="dark"] select{background:#383126!important;border-color:#705c38!important;color:#fff8e8!important}
html[data-theme="dark"] .field input::placeholder,html[data-theme="dark"] .mapping-status{color:#c9b998!important}html[data-theme="dark"] .safe-badge{background:#5c4924!important;color:#ffe28a!important}
html[data-theme="dark"] .map{border-color:#8b6b32!important}html[data-theme="dark"] .map-locate,html[data-theme="dark"] .theme-toggle{background:#4b3c24!important;border-color:#7f6433!important;color:#ffe28a!important}
html[data-theme="dark"] .nav .active{color:#ffe078!important}html[data-theme="dark"] .nav .active .nav-icon{background:#5b4724!important}html[data-theme="dark"] .brand-logo-dark{filter:none!important;object-fit:contain!important}