:root{color-scheme:dark;--ink:#f2fff8;--paper:#001613;--card:#08271f;--mut:#a8c7b8;--g:#00A86B;--g2:#00A86B;--amb:#001F3F;--red:#ff8178;--ln:#1b4b3b;--shadow:0 14px 34px rgba(0,0,0,.28);--r:20px}
html{background:#001613!important;color-scheme:dark;scroll-behavior:smooth}
body{background:radial-gradient(120% 75% at 50% 0%,#0a3024 0%,#031b16 52%,#001613 100%)!important;color:var(--ink)!important;color-scheme:dark}
header{background:rgba(0,22,19,.94)!important;border-bottom:1px solid rgba(38,112,83,.42)!important;color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
header b{display:inline-flex;align-items:center;gap:10px;color:#f4fff9!important;font-weight:850;letter-spacing:-.3px}
header b:before{display:none!important}.brand-mark{width:38px;height:38px;display:inline-block;object-fit:cover;border-radius:12px;background:#001613;box-shadow:0 0 0 1px rgba(0, 168, 107,.22),0 5px 14px rgba(0,0,0,.28);vertical-align:middle;flex:none}
main{color:var(--ink)}h1,h2,h3{color:#f4fff9!important;line-height:1.35}p{color:inherit}
.card{background:linear-gradient(145deg,#0a2d22 0%,#06231b 100%)!important;border-color:#174b39!important;color:var(--ink);box-shadow:var(--shadow)!important}
.hero{background:linear-gradient(135deg,#00A86B 0%,#087d59 56%,#04583e 100%)!important;color:#fff!important;box-shadow:0 13px 30px rgba(0,0,0,.24)!important}
button,.btn{background:#0a3024!important;border-color:#22634a!important;color:#d9ffed!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}
button.p,.btn.p,button.on,nav button.on{background:linear-gradient(135deg,#0eaf78,#087454)!important;border-color:#00A86B!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.22)}
button.d,.btn.d{background:#321f1c!important;border-color:#81443b!important;color:#ffaaa2!important}
button.w{width:100%}button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed}
input,textarea,select{background:#041f18!important;border-color:#24513f!important;color:#f2fff8!important;box-shadow:none}input::placeholder,textarea::placeholder{color:#84a99a!important}input:focus,textarea:focus,select:focus{border-color:#00A86B!important;box-shadow:0 0 0 4px rgba(0, 168, 107,.13)!important;outline:0}
.note{color:#a8c7b8!important}.err{color:#ff9288!important}.chip{background:#123d2e!important;color:#d8ffeb!important;border:1px solid #246346}.chip.u,.u{background:#001F3F!important;color:#001F3F!important;border-color:#001F3F}
.tl li{color:#829d90!important}.tl li.on{color:#e9fff4!important}.tl li:before{background:#24483a!important;box-shadow:0 0 0 4px #0a2a20!important}.tl li.on:before{background:#00A86B!important;box-shadow:0 0 0 4px #123d2e!important}
.seg label{background:#06251c!important;border-color:#1a4c39!important;color:#c1dfd1!important}.seg label:has(input:checked){background:#0b3b2c!important;border-color:#00A86B!important;color:#effff7!important;box-shadow:0 0 0 3px rgba(0, 168, 107,.1)!important}.seg label.ur:has(input:checked){background:#001F3F!important;border-color:#001F3F!important;color:#001F3F!important}
footer{background:rgba(0,22,19,.97)!important;border-top-color:#194836!important;box-shadow:0 -8px 25px rgba(0,0,0,.25)!important}footer button{background:transparent!important;color:#92ad9f!important;box-shadow:none!important}footer button.on{background:#103b2c!important;color:#00A86B!important}
nav button{background:#08271f!important;border-color:#1c4d3a!important;color:#b5d3c5!important}nav button.on{background:#087454!important;border-color:#00A86B!important;color:#fff!important}
table{background:#06231b!important;border-color:#1a4d3a!important;color:#eafff4!important}td,th{border-bottom-color:#174333!important}th{background:#0b3528!important;color:#c9f3df!important}
.warn{background:#3b211c!important;border-color:#7e4137!important;color:#ffd3c8!important}.big{color:#4be7ad!important}
.loyalty-box{background:linear-gradient(145deg,#0b3024,#06231b)!important;border-color:#25664b!important}.ly-head,.ly-active,.loyalty-opt{color:#d8ffec!important}.ly-head span,.loyalty-box small{color:#a8c7b8!important}.loyalty-bar{background:#183d2f!important}.loyalty-bar i{background:linear-gradient(90deg,#00A86B,#00A86B)!important}.ly-active,.loyalty-opt{background:#103b2c!important;border-color:#25664b!important}.loyalty-opt input{accent-color:#00A86B!important}
#off{background:#001F3F!important;color:#001F3F!important;border-bottom:1px solid #001F3F}
.city-trigger{background:#0a3024!important;border-color:#22634a!important;color:#d9ffed!important}.city-overlay{background:rgba(0,10,8,.82)!important;backdrop-filter:blur(8px)}.city-dialog{background:#08271f!important;border:1px solid #25664b!important;box-shadow:0 24px 70px rgba(0,0,0,.52)!important}.city-option{background:#051f18!important;border-color:#1c4d3a!important;color:#eafff4!important}.city-option.active{background:#0b3b2c!important;border-color:#00A86B!important}.city-option.unavailable{background:#10251f!important;color:#9ab5a8!important}.city-option small{color:#a8c7b8!important}
.price-review{background:linear-gradient(145deg,#0d3528,#07251c)!important;border:1px solid #31bd89!important}.price-review .big{color:#00A86B!important}
#map,.maplibregl-popup-content{background:#08271f!important;border-color:#1b4b3b!important;color:#f2fff8!important}.maplibregl-popup-tip{border-top-color:#08271f!important;border-bottom-color:#08271f!important}
a{color:#00A86B!important}hr{border-color:#1b4b3b!important}::selection{background:#00A86B;color:#fff}
.tb-carousel{border:1px solid rgba(0, 168, 107,.24);box-shadow:0 18px 40px rgba(0,0,0,.32)!important}.tb-carousel__cta{background:linear-gradient(135deg,rgba(10,138,96,.96),rgba(3,69,48,.94))!important;border-color:rgba(91,242,183,.72)!important}.tb-carousel__dots button.is-active{background:#00A86B!important}
.demo-switch{background:rgba(5,34,25,.96)!important;border-color:#22563f!important;color:#b5d3c5!important}

/* Navy accents retain readable text contrast on dark and bright status surfaces. */
.chip.u,.u{color:#fff!important}
.seg label.ur:has(input:checked){color:#fff!important}
#off{background:#001F3F!important;color:#fff!important;border-bottom-color:#001F3F!important}

/* Talbista customer navigation and accessible phone-safe layout. */
.customer-name{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9f3df;font-size:13px;font-weight:750}
#brandHome{cursor:pointer}
.has-customer-tabs{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
#customer-tabs:not([hidden]){position:fixed;z-index:900;inset-inline:0;bottom:0;display:flex;gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(0,22,19,.97);border-top:1px solid #194836;box-shadow:0 -8px 25px rgba(0,0,0,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#customer-tabs button{flex:1;min-width:0;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;border:0;border-radius:13px;background:transparent;color:#9bb7a9;box-shadow:none;font-size:11px;font-weight:750;white-space:nowrap}
#customer-tabs button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#customer-tabs button.on{background:#103b2c;color:#00A86B;box-shadow:inset 0 0 0 1px #21704f}
.order-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease}.order-card:active{transform:scale(.99);border-color:#00A86B!important}
@media(max-width:370px){#customer-tabs button{font-size:10px}.customer-name{max-width:27vw}}

#tbc{color:var(--ink)}.brand{display:flex;align-items:center;gap:12px}.brandmark{width:50px;height:50px;display:block;object-fit:cover;border-radius:15px;background:#001613;box-shadow:0 0 0 1px rgba(0, 168, 107,.25),0 7px 18px rgba(0,0,0,.3);flex:none}.brandcopy{display:flex;flex-direction:column;line-height:1.35}.brandcopy strong{font-size:22px;letter-spacing:-.4px;font-weight:850;color:#f4fff9}.brandcopy span,.intro{color:#a8c7b8!important}.role-link{background:linear-gradient(145deg,#0a2d22,#06231b)!important;border-color:#1b4b3b!important;color:#f2fff8!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}.role-link:after,.role-link.driver:after{background:#10412f!important;color:#00A86B!important}.role-link:hover{border-color:#00A86B!important;box-shadow:0 12px 28px rgba(0,0,0,.3)!important}


/* Shared mobile task picker and audio preferences. */
.tb-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;margin:12px 0 18px}
button.tb-task-option{position:relative;isolation:isolate;display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:9px;padding:14px;border:1px solid rgba(77,180,136,.38)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(12,56,42,.92),rgba(4,32,24,.96))!important;color:#f2fff8!important;text-align:right;box-shadow:0 12px 26px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
button.tb-task-option:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 15% 15%,rgba(48,230,162,.18),transparent 48%);pointer-events:none}
button.tb-task-option:active{transform:scale(.985)}button.tb-task-option.is-selected{border-color:#00A86B!important;box-shadow:0 0 0 2px rgba(0, 168, 107,.15),0 12px 28px rgba(0,0,0,.3)!important}
.tb-task-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(33,214,144,.14);color:#00A86B}
.tb-task-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tb-task-name{font-weight:800;font-size:15px;line-height:1.4}.tb-task-check{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#00A86B;color:#fff;font-size:14px;font-weight:900}
.tb-audio-settings{border-color:rgba(58,174,127,.5)!important;background:linear-gradient(145deg,rgba(11,47,35,.92),rgba(4,29,22,.97))!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.tb-audio-settings h3{margin-top:0}.tb-audio-music{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(140px,1.25fr);align-items:end;gap:12px;margin:12px 0}
.tb-audio-music label{display:block;margin:0;color:#d2f5e4;font-size:13px;font-weight:700}.tb-audio-music input[type=range]{width:100%;min-height:34px;margin:6px 0 0;padding:0;accent-color:#00A86B}
.tb-audio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tb-audio-grid button{min-width:0;min-height:50px;padding:8px;font-size:13px;line-height:1.45;white-space:normal}
.tb-audio-status{min-height:22px;margin-bottom:0}

/* Admin-only glass form, all existing driver fields retained. */
body.tb-admin{min-height:100vh}
body.tb-admin #app{width:min(1040px,100%);margin:0 auto;padding:clamp(14px,3vw,24px)}
body.tb-admin #nav{scrollbar-width:thin}
body.tb-admin .tb-driver-form-card{overflow:visible;border-color:rgba(49,190,137,.42)!important;background:linear-gradient(145deg,rgba(9,46,34,.94),rgba(3,28,21,.98))!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.tb-admin .tb-driver-form-card h3{margin:0 0 5px}
body.tb-admin .tb-driver-form-card fieldset{min-width:0;margin:14px 0;padding:14px;border:1px solid rgba(73,150,116,.32);border-radius:16px;background:rgba(0,15,11,.18)}
body.tb-admin .tb-driver-form-card legend{padding:0 8px;color:#00A86B;font-weight:800}
body.tb-admin .driver-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}
body.tb-admin .driver-form-grid label{display:block;min-width:0;margin:4px 0;color:#d2eee0;font-size:13px;font-weight:700}
body.tb-admin .driver-form-grid .span-full{grid-column:1/-1}
body.tb-admin .driver-form-grid input{display:block;width:100%;min-width:0;box-sizing:border-box;margin:5px 0 8px;padding:11px 12px}
body.tb-admin .driver-form-actions{display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin-top:12px}
body.tb-admin .driver-form-actions button{min-width:140px}
@media(max-width:520px){.tb-audio-music{grid-template-columns:1fr}.tb-audio-grid{grid-template-columns:1fr 1fr}body.tb-admin .driver-form-grid{grid-template-columns:1fr}body.tb-admin .driver-form-grid .span-full{grid-column:auto}body.tb-admin .driver-form-actions{display:grid;grid-template-columns:1fr 1fr}body.tb-admin .driver-form-actions button{min-width:0}}
@media(prefers-reduced-motion:reduce){button.tb-task-option{transition:none}}

/* Talbista unified green/white product UI. Scoped after the legacy rules so existing
   feature layouts and IDs remain intact while auth, launcher and app chrome share one system. */
:root{color-scheme:light;--tb-green:#087d59;--tb-green-strong:#056247;--tb-mint:#e8f7ef;--tb-paper:#f7fbf8;--tb-ink:#17372b;--tb-muted:#63776d;--tb-line:#d9e8df;--tb-card:#fff;--tb-shadow:0 14px 36px rgba(19,75,50,.10)}
html{background:var(--tb-paper)!important;color-scheme:light!important}
body{background:linear-gradient(180deg,#fafffc 0%,var(--tb-paper) 55%,#eef8f1 100%)!important;color:var(--tb-ink)!important}
header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--tb-line)!important;color:var(--tb-ink)!important;box-shadow:0 4px 20px rgba(35,93,63,.06)!important}
header b{color:var(--tb-green-strong)!important}
.brand-mark{background:#eef8f1!important;box-shadow:0 0 0 1px rgba(8,125,89,.16),0 5px 14px rgba(20,92,58,.10)!important}
main{color:var(--tb-ink)!important}
.card{background:rgba(255,255,255,.98)!important;border-color:var(--tb-line)!important;color:var(--tb-ink)!important;box-shadow:var(--tb-shadow)!important}
h1,h2,h3{color:var(--tb-ink)!important}
button,.btn{background:#fff!important;border-color:#b9d8c7!important;color:var(--tb-green-strong)!important;box-shadow:0 3px 10px rgba(27,94,61,.07)!important}
button.p,.btn.p,button.on,nav button.on{background:linear-gradient(135deg,#00A86B,#067451)!important;border-color:#00A86B!important;color:#fff!important;box-shadow:0 8px 18px rgba(8,125,89,.18)!important}
button.d,.btn.d{background:#fff7f6!important;border-color:#efc9c3!important;color:#bd5148!important}
input,textarea,select{background:#fff!important;border-color:#d2e4da!important;color:var(--tb-ink)!important;box-shadow:inset 0 1px 1px rgba(16,69,44,.03)!important}
input::placeholder,textarea::placeholder{color:#82968b!important}
input:focus,textarea:focus,select:focus{border-color:#3aaf80!important;box-shadow:0 0 0 4px rgba(15,159,105,.14)!important;outline:0}
.note{color:var(--tb-muted)!important}.err{color:#b64d45!important}.chip{background:var(--tb-mint)!important;color:var(--tb-green-strong)!important;border-color:#c8e5d5!important}
.seg label{background:#fff!important;border-color:var(--tb-line)!important;color:#5d7468!important}.seg label:has(input:checked){background:var(--tb-mint)!important;border-color:#56b58b!important;color:var(--tb-green-strong)!important}
footer{background:rgba(255,255,255,.96)!important;border-top-color:var(--tb-line)!important;box-shadow:0 -8px 25px rgba(27,94,61,.08)!important}footer button{background:transparent!important;color:#71867b!important;box-shadow:none!important}footer button.on{background:var(--tb-mint)!important;color:var(--tb-green-strong)!important}
nav button{background:#fff!important;border-color:var(--tb-line)!important;color:#62786c!important}nav button.on{background:var(--tb-green)!important;border-color:var(--tb-green)!important;color:#fff!important}
table{background:#fff!important;border-color:var(--tb-line)!important;color:var(--tb-ink)!important}td,th{border-bottom-color:#e6f0ea!important}th{background:#f0f8f3!important;color:#4f6d5e!important}
.warn{background:#fff6f2!important;border-color:#efcec8!important;color:#91453e!important}.big{color:var(--tb-green)!important}
.loyalty-box{background:linear-gradient(145deg,#fff,#f1faf4)!important;border-color:#cce6d7!important}.loyalty-bar{background:#e4f0e8!important}.loyalty-bar i{background:linear-gradient(90deg,#27b77e,#07845b)!important}
#off{background:#001F3F!important;color:#001F3F!important;border-bottom:1px solid #001F3F!important}
a{color:var(--tb-green-strong)!important}
.tb-auth-shell{max-width:520px!important;margin:clamp(18px,6vh,58px) auto 28px!important;padding:0!important}.tb-auth-head{display:flex;align-items:center;gap:13px;margin:0 0 18px}.tb-auth-logo{width:58px;height:58px;object-fit:cover;border-radius:18px;background:#063c2d;box-shadow:0 8px 22px rgba(8,125,89,.16)}.tb-auth-kicker{margin:0;color:var(--tb-green)!important;font-size:12px;font-weight:800;letter-spacing:.02em}.tb-auth-title{margin:2px 0 0!important;font-size:25px!important}.tb-auth-card{padding:clamp(18px,4vw,28px)!important;border-radius:24px!important}.tb-auth-card label{display:block;margin:0 0 9px;color:#385b4a;font-size:14px;font-weight:750}.tb-auth-card input{margin-top:5px}.tb-auth-card .tb-auth-submit{width:100%;min-height:50px;font-size:16px}.tb-auth-card .tb-auth-switch{margin:17px 0 0;text-align:center}.tb-auth-status{min-height:24px;margin:5px 0 8px;font-size:13px}.tb-auth-status:empty{min-height:10px}.tb-auth-card [aria-invalid="true"]{border-color:#c45b51!important;box-shadow:0 0 0 4px rgba(196,91,81,.12)!important}.tb-auth-card small.tb-help{display:block;margin:-4px 0 9px;color:var(--tb-muted);font-size:12px}.tb-auth-card .row>label{flex:1;min-width:140px}
.role-link:before{background:linear-gradient(145deg,#f9fffb,#eaf7ef)!important;opacity:1!important}.role-link:after{background:#e8f7ef!important;color:var(--tb-green-strong)!important;border-color:#c5e4d2!important}.role-link{background:#fff!important;border-color:#cce3d5!important;color:var(--tb-ink)!important;box-shadow:0 10px 24px rgba(27,94,61,.09)!important}.role-link:hover{border-color:#55b78c!important;box-shadow:0 12px 28px rgba(27,94,61,.14)!important}.role-link.customer:before,.role-link.store:before,.role-link.driver:before,.role-link.admin:before{background-image:none!important}.role-icon{background:var(--tb-mint)!important;border-color:#c8e6d5!important;color:var(--tb-green)!important;box-shadow:none!important}.role-title{color:var(--tb-ink)!important;text-shadow:none!important}.role-desc{color:var(--tb-muted)!important;text-shadow:none!important}.trust{border-top-color:#dcece2!important;color:var(--tb-muted)!important}
@media(max-width:560px){.tb-auth-shell{margin-top:18px}.tb-auth-head{margin-inline:2px}.tb-auth-card{border-radius:20px!important}}

/* Contrast completion for feature surfaces inherited from the former dark theme. */
#tbc .brandcopy strong { color: var(--tb-green-strong); }
#tbc .brandcopy span, #tbc .sectionhead span, .intro { color: var(--tb-muted) !important; }
.hero h1, .hero h2, .hero h3 { color: #fff !important; }
.hero p, .hero .eyebrow { color: #e5fff0 !important; }
.city-dialog { background: #fff !important; border-color: #cce3d5 !important; }
.city-option { background: #fff !important; color: var(--tb-ink) !important; border-color: var(--tb-line) !important; }
.city-option.active { background: var(--tb-mint) !important; border-color: #59b98e !important; }
.city-option.unavailable { background: #f2f5f3 !important; color: #74897c !important; }
.city-option small { color: var(--tb-muted) !important; }
.tb-audio-settings { background: #fff !important; border-color: #cce3d5 !important; }
.tb-audio-music label { color: #385b4a; }
button.tb-task-option { background: #fff !important; color: var(--tb-ink) !important; border-color: #cce3d5 !important; box-shadow: var(--tb-shadow) !important; }
button.tb-task-option:before { background: linear-gradient(145deg, #f9fffb, #eaf7ef); }
button.tb-task-option.is-selected { background: var(--tb-mint) !important; border-color: #48ad80 !important; }
.tb-task-icon { background: #e8f7ef; color: var(--tb-green); }
.tl li { color: #72857b !important; }
.tl li.on { color: var(--tb-green-strong) !important; }
.tl li:before { background: #c9ddcf !important; box-shadow: 0 0 0 4px #f1f8f3 !important; }
.tl li.on:before { background: #159c6a !important; box-shadow: 0 0 0 4px #e8f7ef !important; }
.ly-head, .ly-active, .loyalty-opt { color: var(--tb-green-strong) !important; }
.ly-head span, .loyalty-box small { color: var(--tb-muted) !important; }
.ly-active, .loyalty-opt { background: #e8f7ef !important; border-color: #c8e5d5 !important; }
.price-review { background: #f3fbf6 !important; border-color: #7fc9a3 !important; }
body.tb-admin .tb-driver-form-card { background: #fff !important; border-color: #cce3d5 !important; }
body.tb-admin .tb-driver-form-card fieldset { background: #f8fcf9; border-color: #d8e9df; }
body.tb-admin .tb-driver-form-card legend { color: var(--tb-green-strong); }
body.tb-admin .driver-form-grid label { color: #385b4a; }

/* Preserve semantic hidden state even when author button styles set display:flex. */
[hidden]{display:none!important}


/* Requested product canvas: CUSTOMER, DRIVER, STORE and ADMIN use pure white. */
:root{--tb-paper:#fff;--paper:#fff}
html,body{background:#fff!important}