.dispatch-card{position:fixed;z-index:880;left:10px;bottom:14px;width:min(370px,calc(100% - 20px));padding:12px;border:1px solid #3c91ad;border-radius:14px;background:rgba(3,18,30,.96);color:#e7f6ff;box-shadow:0 8px 25px #0006;pointer-events:auto}.dispatch-card[hidden],.dispatch-tools[hidden]{display:none!important}.dispatch-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dispatch-card h2{font-size:14px;margin:0;color:#68d9ff}.dispatch-card p{font-size:14px;line-height:1.35;margin:8px 0}.dispatch-card label{font-size:14px}.dispatch-card select{max-width:180px}.dispatch-controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.dispatch-card button,.dispatch-card select,.dispatch-tools button,.dispatch-tools input,.dispatch-tools select{min-height:44px;border:1px solid #3e758a;border-radius:9px;background:#0a283b;color:#ebf8ff;padding:8px;font-size:14px}.dispatch-card button{flex:1}.dispatch-head button{flex:none;min-width:44px}.dispatch-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:12px;color:#bdd2dc}.dispatch-metrics b{display:block;color:#fff;font-size:16px}.dispatch-status{font-size:12px;color:#acc6d5;margin-top:6px}.dispatch-tools{padding:14px;border:1px solid #326379;background:#071b2a;border-radius:14px;margin:12px 0}.dispatch-tools h3{margin:0 0 10px;font-size:16px}.dispatch-tools p,.dispatch-tools label{font-size:14px;line-height:1.5}.dispatch-tools form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dispatch-tools label{display:flex;flex-direction:column;gap:4px}.dispatch-tools input,.dispatch-tools select{width:100%;box-sizing:border-box}.dispatch-tools input[type=checkbox]{width:24px;min-height:24px}.dispatch-tools .wide{grid-column:1/-1}.dispatch-tools textarea{width:100%;box-sizing:border-box;min-height:100px;background:#0a283b;color:#fff}.dispatch-card details{font-size:14px;line-height:1.4;margin-top:8px;max-height:150px;overflow:auto}.dispatch-live{border-radius:50%;width:10px;height:10px;display:inline-block;margin-right:5px;background:#7e8b94}.dispatch-live.green{background:#4bdd81}.dispatch-live.yellow{background:#f4c34c}.dispatch-log{max-height:240px;overflow:auto;font-size:14px}.dispatch-log article{border-bottom:1px solid #315569;padding:8px 0}.dispatch-launch{min-height:44px;font-size:14px}.app.ui-hidden .dispatch-card{display:none!important}.dispatch-moving .dispatch-tools form{display:none}.dispatch-moving .dispatch-card details{display:none}.dispatch-moving .dispatch-card .dispatch-metrics{display:none}.dispatch-moving .dispatch-card{max-width:300px}.dispatch-moving .dispatch-card button{min-height:48px}.dispatch-moving .dispatch-card select{display:none}.dispatch-card.collapsed> :not(.dispatch-head){display:none}.dispatch-card.collapsed{width:210px}.workspace-view:not([hidden])~.dispatch-card{display:none}@media(max-width:420px){.dispatch-card{bottom:12px;width:calc(100% - 20px)}.dispatch-tools form{grid-template-columns:1fr}.dispatch-tools .wide{grid-column:1}}@media(prefers-reduced-motion:reduce){.dispatch-card{transition:none}}
.dispatch-head{position:sticky;top:-12px;z-index:1;background:#03121e;padding-block:4px}.dispatch-head h2{font-size:12px;line-height:1.3;flex:1;min-width:62px}.dispatch-card #copilotMode{width:100%;max-width:100%;font-size:12px;padding:7px;margin-top:8px}.dispatch-head #copilotListen{min-width:62px}.dispatch-head #copilotHide{padding:7px}.dispatch-card #copilotStatus{display:none}.dispatch-card #copilotExplanation:not([open]){display:none}.dispatch-card #copilotGoal[hidden]{display:none}.dispatch-card #copilotLive{min-height:32px;padding:5px;font-size:12px}.dispatch-card .dispatch-metrics{margin-top:8px}.dispatch-card .dispatch-metrics span{font-size:11px}.dispatch-card .dispatch-metrics b{font-size:15px}.dispatch-controls button:disabled{opacity:.45}
.dispatch-moving .dispatch-card{width:min(300px,calc(100% - 20px))}.dispatch-moving .dispatch-head h2{font-size:14px}

.dispatch-tools fieldset{min-width:0;border:1px solid #326379;border-radius:9px}.dispatch-tools fieldset label{flex-direction:row;align-items:center;gap:8px}.dispatch-tools legend{font-size:14px}
.feed-signal.partial .feed-light{background:#f4c34c;box-shadow:0 0 8px #f4c34c66}.feed-signal[role=button]{cursor:pointer;min-height:44px}

.dispatch-card{overflow:auto}.dispatch-card #copilotStatus{display:block}.dispatch-card.collapsed{overflow:visible;width:min(250px,calc(100% - 20px))}.dispatch-card.collapsed .dispatch-head{position:static;padding:0}

/* Home Base clean-map shell: hidden hamburger menu + voice-first Copilot */
.hb-shell-active{--hb-voice-color:#1769ff;padding-bottom:0!important;min-height:100svh}
.hb-shell-active header{position:fixed;z-index:840;top:0;left:50%;transform:translateX(-50%);width:min(100%,760px);padding:0!important;background:transparent!important;pointer-events:none}
.hb-shell-active header .status,.hb-shell-active header .map-style-controls{display:none!important}
.hb-shell-active header .conditions{display:none!important;pointer-events:auto;margin:72px 10px 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hb-shell-active.hb-show-conditions header .conditions{display:grid!important}
.hb-shell-active main{position:fixed!important;z-index:6!important;inset:0!important;min-height:0!important;padding:72px 10px 110px!important;overflow:visible!important;pointer-events:none}
.hb-shell-active.hb-show-conditions main{padding-top:150px!important}
.hb-shell-active .compare-source-row,.hb-shell-active .platforms,.hb-shell-active .gross-note,.hb-shell-active .time-row,.hb-shell-active .route-plan,.hb-shell-active .legend,.hb-shell-active .bottom-sheet,.hb-shell-active .home-nav{display:none!important}
.hb-shell-active.hb-show-platforms .compare-source-row{display:flex!important;pointer-events:auto}
.hb-shell-active.hb-show-platforms .platforms{display:grid!important;pointer-events:auto}
.hb-shell-active.hb-show-platforms .gross-note{display:block!important}
.hb-shell-active.hb-show-forecast .time-row{display:flex!important;pointer-events:auto}
.hb-shell-active .map-stage{position:fixed!important;inset:0!important;height:auto!important;margin:0!important;pointer-events:none}
.hb-shell-active.hb-show-route .route-plan{display:block!important;top:82px!important;left:10px!important;pointer-events:auto}
.hb-shell-active.hb-show-conditions.hb-show-route .route-plan{top:155px!important}
.hb-shell-active.hb-show-legend .legend{display:block!important;right:10px!important;bottom:95px!important;pointer-events:auto}
.hb-shell-active.hb-show-briefing .bottom-sheet{display:block!important;bottom:max(14px,env(safe-area-inset-bottom))!important;pointer-events:auto}
.hb-shell-active .dispatch-card{display:none!important}
/* The planner's legacy top toolbar and floating restore buttons remain as command targets only. All user-facing controls live in the hamburger drawer. */
.hb-shell-active .planner-toolbar,.hb-shell-active #showPlannerView,.hb-shell-active #showMapTabs,.hb-shell-active #showMapControls{display:none!important}
.hb-menu-toggle{position:fixed;z-index:1302;top:max(12px,calc(env(safe-area-inset-top) + 6px));left:max(12px,calc((100vw - min(100vw,760px))/2 + 12px));width:46px;height:46px;border:0;border-radius:12px;background:transparent;color:#f4fbff;display:grid;place-items:center;box-shadow:none;-webkit-tap-highlight-color:transparent}
.hb-menu-toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round}
.hb-home-word{position:fixed;z-index:1248;top:max(18px,calc(env(safe-area-inset-top) + 12px));left:50%;transform:translateX(-50%);margin:0;padding:0;border:0;background:transparent;color:#fff;font-size:1.28rem;line-height:1;font-weight:800;letter-spacing:-.045em;text-shadow:0 1px 5px rgba(0,0,0,.62);pointer-events:none;user-select:none}
.hb-home-word[hidden]{display:none!important}
.hb-menu-backdrop{position:fixed;z-index:1298;inset:0;border:0;background:rgba(0,4,10,.62);opacity:0;pointer-events:none;transition:opacity .22s ease}
.hb-menu-backdrop.open{opacity:1;pointer-events:auto}
.hb-side-menu{position:fixed;z-index:1301;top:0;bottom:0;left:max(0px,calc((100vw - min(100vw,760px))/2));width:min(88vw,355px);transform:translateX(-104%);transition:transform .25s ease;background:linear-gradient(180deg,rgba(4,17,29,.99),rgba(2,10,18,.995));border-right:1px solid rgba(64,180,245,.28);box-shadow:24px 0 60px rgba(0,0,0,.5);color:#eff9ff;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top)}
.hb-side-menu.open{transform:translateX(0)}
.hb-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 16px 14px;border-bottom:1px solid rgba(83,170,219,.18)}
.hb-menu-head span,.hb-chat-head span{display:block;color:#40c7ff;font-size:.62rem;font-weight:900;letter-spacing:.18em}.hb-menu-head b,.hb-chat-head b{display:block;margin-top:4px;font-size:1.12rem;letter-spacing:-.02em}.hb-menu-head button,.hb-chat-head button{width:42px;height:42px;border:1px solid rgba(95,177,224,.28);border-radius:13px;background:#071b2b;color:#fff;font-size:1.35rem}
.hb-menu-scroll{overflow:auto;padding:8px 14px calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain}.hb-menu-status{min-height:0;margin:8px 2px 0;color:#9fdcff;font-size:.62rem;line-height:1.35}.hb-menu-section{padding:14px 0;border-bottom:1px solid rgba(83,170,219,.14)}.hb-menu-section:last-child{border-bottom:0}.hb-menu-section h3{margin:0;color:#89a9bb;font-size:.62rem;letter-spacing:.14em}.hb-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:9px}.hb-section-title small{color:#6f8d9f;font-size:.58rem;text-align:right;line-height:1.25}.hb-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.hb-menu-grid button{min-height:46px;border:1px solid rgba(66,167,226,.24);border-radius:12px;background:linear-gradient(145deg,rgba(10,35,54,.92),rgba(5,19,31,.94));color:#e8f7ff;text-align:left;padding:10px 11px;font-size:.72rem;font-weight:800}
.hb-module-list{display:grid;gap:7px}.hb-setting-row,.hb-color-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:9px 10px;border:1px solid rgba(66,167,226,.18);border-radius:12px;background:rgba(6,24,38,.76)}.hb-setting-row span,.hb-color-row>span{min-width:0}.hb-setting-row b,.hb-color-row b{display:block;font-size:.72rem}.hb-setting-row small,.hb-color-row small{display:block;color:#809bad;font-size:.59rem;margin-top:3px}.hb-setting-row input[type=checkbox]{appearance:none;width:44px;height:26px;flex:0 0 auto;border-radius:14px;background:#243845;position:relative;transition:.18s}.hb-setting-row input[type=checkbox]:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#8fa4b0;transition:.18s}.hb-setting-row input[type=checkbox]:checked{background:#087dcc}.hb-setting-row input[type=checkbox]:checked:after{left:21px;background:#effbff;box-shadow:0 0 9px rgba(62,199,255,.55)}
.hb-swatches{display:flex;align-items:center;gap:6px}.hb-swatches button{width:24px;height:24px;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:var(--swatch);box-shadow:0 0 10px color-mix(in srgb,var(--swatch) 42%,transparent)}.hb-swatches input[type=color]{width:28px;height:28px;border:0;padding:0;border-radius:50%;background:transparent;overflow:hidden}
.hb-voice-bubble{position:fixed;z-index:1250;right:max(18px,calc((100vw - min(100vw,760px))/2 + 18px));bottom:max(92px,calc(76px + env(safe-area-inset-bottom)));width:52px;height:52px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:radial-gradient(circle at 42% 34%,color-mix(in srgb,var(--hb-voice-color) 72%,white),var(--hb-voice-color) 56%,color-mix(in srgb,var(--hb-voice-color) 72%,black));color:#fff;display:grid;place-items:center;box-shadow:0 0 0 5px color-mix(in srgb,var(--hb-voice-color) 18%,transparent),0 8px 24px rgba(0,0,0,.42),0 0 22px color-mix(in srgb,var(--hb-voice-color) 52%,transparent);transition:transform .18s ease,box-shadow .18s ease;isolation:isolate}
.hb-voice-bubble svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:2}.hb-voice-bubble:before,.hb-voice-bubble:after,.hb-voice-ring{content:"";position:absolute;inset:-1px;border:2px solid color-mix(in srgb,var(--hb-voice-color) 68%,white);border-radius:50%;opacity:0;z-index:-1;pointer-events:none}.hb-voice-bubble.listening,.hb-voice-bubble.responding{transform:scale(1.25);box-shadow:0 0 0 7px color-mix(in srgb,var(--hb-voice-color) 18%,transparent),0 8px 28px rgba(0,0,0,.45),0 0 30px color-mix(in srgb,var(--hb-voice-color) 72%,transparent)}.hb-voice-bubble.listening:before,.hb-voice-bubble.listening:after,.hb-voice-bubble.listening .hb-voice-ring,.hb-voice-bubble.responding:before,.hb-voice-bubble.responding:after,.hb-voice-bubble.responding .hb-voice-ring{animation:hbVoicePulse 1.65s ease-out infinite}.hb-voice-bubble.listening:after,.hb-voice-bubble.responding:after{animation-delay:.5s}.hb-voice-bubble.listening .hb-voice-ring,.hb-voice-bubble.responding .hb-voice-ring{animation-delay:1s}@keyframes hbVoicePulse{0%{opacity:.72;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
.hb-voice-text{position:fixed;z-index:1249;right:max(18px,calc((100vw - min(100vw,760px))/2 + 18px));bottom:max(164px,calc(148px + env(safe-area-inset-bottom)));width:min(285px,calc(100vw - 84px));max-height:112px;overflow:auto;padding:10px 12px;border:1px solid rgba(74,178,239,.28);border-radius:14px;background:rgba(3,17,29,.93);color:#eaf8ff;font-size:.72rem;line-height:1.4;box-shadow:0 10px 28px rgba(0,0,0,.38);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s}.hb-voice-text.visible{opacity:1;transform:none}
.hb-chat-panel{position:fixed;z-index:1400;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);background:linear-gradient(180deg,#03111d,#020a12);color:#eef9ff;padding-top:env(safe-area-inset-top);overflow:hidden}.hb-chat-panel[hidden]{display:none!important}.hb-chat-head{height:70px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(70,168,225,.18)}.hb-chat-head button:last-child{width:auto;padding:0 12px;font-size:.68rem;font-weight:850}.hb-chat-tools{padding:10px 14px}.hb-chat-tools input{width:100%;height:44px;border:1px solid rgba(72,168,223,.22);border-radius:13px;background:#081b2a;color:#effaff;padding:0 13px;font-size:.78rem}.hb-chat-content{height:calc(100% - 124px);overflow:auto;padding:0 14px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain}.hb-conversation{padding:12px 0 18px;border-bottom:1px solid rgba(72,168,223,.14)}.hb-conversation-date{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:#86a5b7;font-size:.62rem}.hb-conversation-date b{color:#d8edf7}.hb-chat-message{max-width:88%;margin:8px 0;padding:10px 12px;border-radius:15px;background:#0a2233;border:1px solid rgba(75,169,222,.17)}.hb-chat-message.user{margin-left:auto;background:linear-gradient(145deg,color-mix(in srgb,var(--hb-voice-color) 34%,#092237),#0a2233);border-color:color-mix(in srgb,var(--hb-voice-color) 42%,transparent)}.hb-chat-message span{display:block;color:#6fcfff;font-size:.56rem;font-weight:900;letter-spacing:.08em}.hb-chat-message p{margin:4px 0 0;font-size:.78rem;line-height:1.42}.hb-chat-empty{min-height:55vh;display:grid;place-content:center;text-align:center;gap:6px;color:#7f9bab}.hb-chat-empty b{color:#dff5ff;font-size:1rem}.hb-chat-empty span{font-size:.72rem;max-width:280px;line-height:1.45}
@media(max-width:430px){.hb-menu-toggle{width:44px;height:44px}.hb-home-word{font-size:1.2rem}.hb-voice-bubble{width:50px;height:50px;right:15px}.hb-side-menu{width:min(90vw,345px)}.hb-shell-active main{padding-inline:8px!important}.hb-shell-active.hb-show-platforms .platforms{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.hb-side-menu,.hb-menu-backdrop,.hb-voice-bubble,.hb-voice-text{transition:none}.hb-voice-bubble:before,.hb-voice-bubble:after,.hb-voice-ring{animation:none!important}}

/* Voice language, accent and conversation controls */
.hb-voice-preferences{display:grid;gap:8px;margin:9px 0}
.hb-voice-preferences label{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:10px;min-height:46px;padding:8px 10px;border:1px solid rgba(66,167,226,.18);border-radius:12px;background:rgba(6,24,38,.76);color:#dff5ff;font-size:.68rem;font-weight:800}
.hb-voice-preferences select{min-width:0;width:100%;height:36px;border:1px solid rgba(88,184,237,.26);border-radius:9px;background:#071b2b;color:#effaff;padding:0 9px;font-size:.68rem}
.hb-voice-preferences>button{min-height:42px;border:1px solid rgba(72,181,242,.35);border-radius:11px;background:linear-gradient(145deg,rgba(13,58,87,.96),rgba(6,28,44,.96));color:#eaf9ff;font-size:.7rem;font-weight:850}
.hb-conversation-date>div:first-child{display:grid;gap:2px}.hb-conversation-date>div:first-child span{display:block}
.hb-chat-actions{display:flex;gap:6px;align-items:center}.hb-chat-actions button{min-height:30px;border:1px solid rgba(72,168,223,.24);border-radius:8px;background:#071b2b;color:#dff5ff;padding:0 8px;font-size:.58rem;font-weight:800}.hb-chat-actions button:last-child{color:#ffb4bd;border-color:rgba(255,105,125,.24)}
@media(max-width:430px){.hb-voice-preferences label{grid-template-columns:86px 1fr}.hb-chat-actions{flex-direction:column;align-items:stretch}.hb-chat-actions button{min-height:28px}}

/* Pulse Modern brand treatment — translucent blue water glass */
.hb-home-word{
  top:max(17px,calc(env(safe-area-inset-top) + 11px));
  overflow:visible;
  color:rgba(202,241,255,.92);
  font-size:1.34rem;
  font-weight:780;
  letter-spacing:-.04em;
  background:linear-gradient(180deg,rgba(232,250,255,.98) 0%,rgba(101,210,255,.94) 42%,rgba(25,118,255,.9) 76%,rgba(132,86,255,.86) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.28)) drop-shadow(0 0 5px rgba(39,180,255,.68)) drop-shadow(0 0 11px rgba(42,103,255,.38));
  text-shadow:none;
}
.hb-home-word:before,.hb-home-word:after{
  content:"";position:absolute;top:50%;width:54px;height:16px;transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(40,180,255,0),rgba(65,214,255,.88) 28%,rgba(66,132,255,.96) 70%,rgba(151,83,255,.72));
  clip-path:polygon(0 46%,24% 46%,30% 28%,36% 68%,42% 6%,48% 88%,54% 34%,61% 54%,72% 46%,100% 46%,100% 56%,72% 56%,61% 64%,54% 44%,48% 100%,42% 18%,36% 78%,30% 38%,24% 56%,0 56%);
  filter:drop-shadow(0 0 4px rgba(50,196,255,.72));
  opacity:.88;
}
.hb-home-word:before{right:calc(100% + 10px);transform:translateY(-50%) scaleX(-1)}
.hb-home-word:after{left:calc(100% + 10px)}
.hb-menu-toggle{color:rgba(120,220,255,.96);filter:drop-shadow(0 0 5px rgba(34,169,255,.45))}
.hb-voice-bubble{
  border:1px solid rgba(201,244,255,.82);
  background:
    radial-gradient(circle at 31% 24%,rgba(255,255,255,.52) 0 7%,rgba(255,255,255,.13) 18%,transparent 31%),
    radial-gradient(circle at 55% 44%,rgba(65,174,255,.88),rgba(24,103,245,.84) 54%,rgba(84,54,221,.8) 82%,rgba(23,48,137,.88));
  backdrop-filter:blur(13px) saturate(145%);-webkit-backdrop-filter:blur(13px) saturate(145%);
  box-shadow:
    inset 0 1px 4px rgba(255,255,255,.58),
    inset 0 -7px 14px rgba(19,41,149,.34),
    0 0 0 5px rgba(43,147,255,.13),
    0 0 0 9px rgba(91,72,255,.07),
    0 9px 26px rgba(0,0,0,.42),
    0 0 24px rgba(42,143,255,.64);
}
.hb-voice-bubble svg{stroke:rgba(242,252,255,.98);filter:drop-shadow(0 0 4px rgba(116,226,255,.85))}
.hb-voice-bubble:before,.hb-voice-bubble:after,.hb-voice-ring{
  border-color:rgba(86,198,255,.66);
  box-shadow:0 0 12px rgba(67,148,255,.32);
}
.hb-voice-bubble.listening,.hb-voice-bubble.responding{
  box-shadow:
    inset 0 1px 5px rgba(255,255,255,.65),
    inset 0 -8px 16px rgba(38,30,153,.34),
    0 0 0 7px rgba(53,173,255,.16),
    0 0 0 12px rgba(132,75,255,.09),
    0 9px 28px rgba(0,0,0,.44),
    0 0 34px rgba(55,155,255,.76);
}
@media(max-width:430px){
 .hb-home-word{font-size:1.24rem}
 .hb-home-word:before,.hb-home-word:after{width:42px}
 .hb-home-word:before{right:calc(100% + 7px)}
 .hb-home-word:after{left:calc(100% + 7px)}
}


/* White / Ice brand treatment — selected visual option #2 */
.hb-home-word{
  color:rgba(248,253,255,.98);
  background:linear-gradient(180deg,#ffffff 0%,#f7fcff 36%,#dcefff 70%,#b9d9ee 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.34)) drop-shadow(0 0 4px rgba(214,243,255,.5)) drop-shadow(0 0 9px rgba(118,196,238,.22));
}
.hb-home-word:before,.hb-home-word:after{
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(247,253,255,.94) 28%,rgba(211,241,255,.98) 70%,rgba(164,215,244,.7));
  filter:drop-shadow(0 0 3px rgba(220,247,255,.58));
  opacity:.94;
}
.hb-menu-toggle{
  color:rgba(244,252,255,.98);
  filter:drop-shadow(0 0 4px rgba(185,226,249,.34));
}
.hb-voice-bubble{
  border:1px solid rgba(248,253,255,.92);
  background:
    radial-gradient(circle at 31% 24%,rgba(255,255,255,.94) 0 7%,rgba(255,255,255,.34) 18%,transparent 31%),
    radial-gradient(circle at 55% 44%,rgba(246,252,255,.9),rgba(205,235,251,.82) 52%,rgba(129,192,230,.74) 80%,rgba(55,107,150,.82));
  backdrop-filter:blur(14px) saturate(118%);-webkit-backdrop-filter:blur(14px) saturate(118%);
  box-shadow:
    inset 0 1px 5px rgba(255,255,255,.92),
    inset 0 -7px 14px rgba(67,124,164,.22),
    0 0 0 5px rgba(221,244,255,.13),
    0 0 0 9px rgba(159,213,243,.06),
    0 9px 26px rgba(0,0,0,.42),
    0 0 20px rgba(196,235,255,.42);
}
.hb-voice-bubble svg{
  stroke:rgba(255,255,255,1);
  filter:drop-shadow(0 0 4px rgba(255,255,255,.72)) drop-shadow(0 1px 2px rgba(28,73,105,.45));
}
.hb-voice-bubble:before,.hb-voice-bubble:after,.hb-voice-ring{
  border-color:rgba(224,246,255,.7);
  box-shadow:0 0 10px rgba(190,230,252,.28);
}
.hb-voice-bubble.listening,.hb-voice-bubble.responding{
  box-shadow:
    inset 0 1px 5px rgba(255,255,255,.96),
    inset 0 -8px 16px rgba(63,117,157,.24),
    0 0 0 7px rgba(224,246,255,.16),
    0 0 0 12px rgba(156,215,247,.08),
    0 9px 28px rgba(0,0,0,.44),
    0 0 30px rgba(202,238,255,.58);
}


/* Charcoal + smoked-ice refinement — approved Homebase direction */
.hb-shell-active.app.dark,.hb-shell-active .map{background:#171d22!important}
.hb-shell-active.app.dark .leaflet-tile-pane{filter:brightness(.88) contrast(1.12) saturate(.68)}
.hb-voice-bubble{
  border:1px solid rgba(132,215,255,.72);
  background:rgba(15,29,39,.46);
  -webkit-backdrop-filter:blur(12px) saturate(112%);
  backdrop-filter:blur(12px) saturate(112%);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.12),
    inset 0 -1px 2px rgba(5,18,28,.18),
    0 5px 16px rgba(0,0,0,.3);
}
.hb-voice-bubble svg{
  stroke:rgba(250,253,255,.98);
  filter:none;
}
.hb-voice-bubble:before,.hb-voice-bubble:after,.hb-voice-ring{
  border-color:rgba(139,220,255,.58);
  box-shadow:none;
}
.hb-voice-bubble.listening,.hb-voice-bubble.responding{
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.14),
    0 0 0 5px rgba(112,207,255,.1),
    0 6px 18px rgba(0,0,0,.32);
}

/* Shell-native menu visibility */
/* The reference Home navigation is the only visible navigation bar. */
.hb-shell-active.hb-show-nav .home-nav{display:none!important}


/* Street-mode charcoal + ice icon treatment */
.hb-shell-active.app.dark,.hb-shell-active.app.dark .map{background:#151b20!important}
.hb-shell-active.app.dark .leaflet-tile-pane{filter:brightness(.79) contrast(1.13) saturate(.72)}
.hb-shell-active.app.dark .leaflet-labels-pane{opacity:1;filter:brightness(1.12) contrast(1.04) saturate(.72)}
.hb-shell-active.app.dark .map:after{background:linear-gradient(180deg,rgba(15,28,37,.08),rgba(27,34,40,.12));pointer-events:none}
.hb-side-menu{background:linear-gradient(180deg,rgba(21,27,32,.995),rgba(12,18,23,.998));border-right-color:rgba(129,188,220,.22)}
.hb-menu-grid{gap:9px}
.hb-menu-grid button{
 min-height:64px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;
 border:1px solid rgba(166,211,235,.16);border-radius:14px;
 background:linear-gradient(145deg,rgba(31,41,48,.96),rgba(21,29,35,.98));
 color:#edf8ff;padding:10px;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.16)
}
.hb-menu-grid button:active{transform:scale(.985);background:linear-gradient(145deg,rgba(36,51,61,.98),rgba(23,34,42,.99))}
.hb-menu-icon{
 width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
 color:#dff5ff;background:linear-gradient(145deg,rgba(51,75,89,.62),rgba(25,39,48,.72));
 border:1px solid rgba(177,222,245,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)
}
.hb-menu-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-menu-label{font-size:.68rem;font-weight:820;line-height:1.18;letter-spacing:.015em}
.hb-menu-grid button[data-control="heatToggle"] .hb-menu-icon{color:#ff805c}
.hb-menu-grid button[data-control="paletteToggle"] .hb-menu-icon{color:#d6b7ff}
.hb-menu-grid button[data-control="layerBtn"] .hb-menu-icon,
.hb-menu-grid button[data-nav="navMap"] .hb-menu-icon{color:#8ed7ff}
.hb-menu-grid button[data-control="refreshBtn"] .hb-menu-icon,
.hb-menu-grid button[data-control="showPickupCard"] .hb-menu-icon{color:#a9e1ff}
.hb-menu-grid button[data-nav="navEarn"] .hb-menu-icon{color:#6fd7ff}
.hb-menu-grid button[data-nav="navAlerts"] .hb-menu-icon{color:#ffd27a}
.hb-menu-grid button[data-nav="navSupport"] .hb-menu-icon{color:#b9d9ec}
.hb-menu-grid button[data-control="driveViewToggle"] .hb-menu-icon{color:#dbeaf2}
.hb-menu-grid button[data-control="demandDetails"] .hb-menu-icon{color:#7cc7ff}
@media(max-width:430px){
 .hb-menu-grid button{min-height:60px;grid-template-columns:32px 1fr;padding:9px;gap:8px}
 .hb-menu-icon{width:32px;height:32px}.hb-menu-icon svg{width:19px;height:19px}.hb-menu-label{font-size:.65rem}
}


/* Home screen control layout follows the approved reference image */
.hb-shell-active .home-nav{display:none!important}
.hb-shell-active .hb-home-word{left:max(70px,calc((100vw - min(100vw,760px))/2 + 70px));transform:none;top:max(22px,calc(env(safe-area-inset-top) + 15px));font-size:1.32rem}
.hb-reference-controls{position:fixed;z-index:1247;inset:0;pointer-events:none;color:#eef8ff;font-family:inherit}
.hb-reference-controls button{pointer-events:auto;-webkit-tap-highlight-color:transparent;color:inherit}
.hb-reference-controls svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-ref-top{position:absolute;top:max(14px,calc(env(safe-area-inset-top) + 8px));left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hb-ref-chip{height:44px;min-width:118px;padding:0 15px;border-radius:22px;border:1px solid rgba(167,213,237,.24);background:rgba(9,18,25,.91);box-shadow:0 6px 20px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;font-weight:800}
.hb-ref-chip:first-child svg{color:#3d9bff}.hb-ref-chip b{font-size:1rem;margin-left:4px}
.hb-ref-status{position:absolute;top:max(14px,calc(env(safe-area-inset-top) + 8px));right:max(14px,calc((100vw - min(100vw,760px))/2 + 14px));display:flex;gap:8px}
.hb-ref-status button{height:44px;border-radius:22px;border:1px solid rgba(167,213,237,.24);background:rgba(9,18,25,.91);box-shadow:0 6px 20px rgba(0,0,0,.32)}
.hb-ref-status>button:first-child{width:48px;display:grid;place-items:center;position:relative}.hb-ref-status>button:first-child i{position:absolute;right:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#ff3b43;box-shadow:0 0 0 2px #101820}
.hb-online{padding:0 14px;display:flex;align-items:center;gap:8px;font-weight:800}.hb-online em{width:12px;height:12px;border-radius:50%;background:#16d85c;box-shadow:0 0 10px rgba(22,216,92,.45)}.hb-online b{font-size:1rem}
.hb-ref-left{position:absolute;left:max(12px,calc((100vw - min(100vw,760px))/2 + 12px));top:20%;display:grid;gap:8px}
.hb-ref-left button{width:76px;min-height:70px;padding:8px 5px;border:1px solid rgba(167,213,237,.15);border-radius:17px;background:rgba(8,17,23,.9);box-shadow:0 7px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:.59rem;font-weight:800}
.hb-ref-left button:first-child svg{color:#ff6d4d;fill:rgba(255,109,77,.12)}.hb-ref-left button.active{background:linear-gradient(145deg,rgba(20,110,205,.96),rgba(12,73,142,.96));border-color:rgba(100,183,255,.5)}
.hb-ref-right{position:absolute;right:max(12px,calc((100vw - min(100vw,760px))/2 + 12px));top:27%;display:grid;gap:10px}
.hb-ref-right button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(167,213,237,.18);background:rgba(8,17,23,.91);box-shadow:0 7px 20px rgba(0,0,0,.3);display:grid;place-items:center}
.hb-ref-bottom{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);height:max(84px,calc(72px + env(safe-area-inset-bottom)));padding:7px 8px max(7px,env(safe-area-inset-bottom));border:1px solid rgba(167,213,237,.18);border-bottom:0;border-radius:26px 26px 0 0;background:rgba(7,16,22,.96);box-shadow:0 -8px 28px rgba(0,0,0,.34);display:grid;grid-template-columns:repeat(8,1fr);align-items:center}
.hb-ref-bottom button{height:62px;min-width:0;border:0;border-radius:15px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.53rem;font-weight:800;position:relative}
.hb-ref-bottom button.active{background:linear-gradient(145deg,#1676d8,#0b5cb3)}.hb-ref-bottom button.active svg{color:#fff}.hb-ref-bottom button i{position:absolute;top:5px;right:22%;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#ef4048;color:#fff;font:800 10px/17px Arial,sans-serif}
.hb-ref-bottom .ask{padding-top:31px;overflow:visible}.hb-ref-bottom .ask svg{display:none}.hb-ref-bottom .ask span{white-space:nowrap}
.hb-shell-active .hb-voice-bubble{left:50%;right:auto;transform:translateX(-50%);bottom:max(51px,calc(39px + env(safe-area-inset-bottom)));width:62px;height:62px;z-index:1251;background:radial-gradient(circle at 45% 35%,#74bfff 0,#1769ff 42%,#5b43f1 73%,#101c49 100%);box-shadow:0 0 0 5px rgba(55,129,255,.18),0 0 0 8px rgba(121,77,255,.13),0 0 28px rgba(79,106,255,.76),0 8px 24px rgba(0,0,0,.45)}
.hb-shell-active .hb-voice-bubble.listening,.hb-shell-active .hb-voice-bubble.responding{transform:translateX(-50%) scale(1.16)}
.hb-side-menu.open~.hb-reference-controls,.hb-chat-panel:not([hidden])~.hb-reference-controls{opacity:.22}
@media(max-width:600px){
 .hb-ref-top{top:max(66px,calc(env(safe-area-inset-top) + 58px));gap:6px}.hb-ref-chip{height:38px;min-width:92px;padding:0 10px;font-size:.64rem}
 .hb-ref-status{top:max(66px,calc(env(safe-area-inset-top) + 58px))}.hb-online{padding:0 10px}.hb-online span{display:none}.hb-ref-status button{height:38px}.hb-ref-status>button:first-child{width:40px}
 .hb-ref-left{top:23%;left:8px}.hb-ref-left button{width:58px;min-height:58px;border-radius:14px;font-size:.5rem;padding:6px 3px}.hb-ref-left svg{width:19px;height:19px}
 .hb-ref-right{right:8px;top:29%;gap:8px}.hb-ref-right button{width:42px;height:42px}.hb-ref-right svg{width:19px;height:19px}
 .hb-ref-bottom{height:max(78px,calc(68px + env(safe-area-inset-bottom)));padding-inline:4px;border-radius:20px 20px 0 0}.hb-ref-bottom button{height:57px;font-size:.44rem;border-radius:12px}.hb-ref-bottom svg{width:19px;height:19px}.hb-ref-bottom button i{right:13%;top:4px}
 .hb-ref-bottom .ask span{font-size:.41rem}.hb-shell-active .hb-voice-bubble{width:56px;height:56px;bottom:max(49px,calc(38px + env(safe-area-inset-bottom)))}
}
@media(max-width:390px){
 .hb-ref-bottom button span{font-size:.4rem}.hb-ref-bottom .ask span{max-width:52px;white-space:normal;line-height:1.05;text-align:center}
 .hb-ref-left button{width:54px}.hb-ref-chip{min-width:82px}.hb-ref-chip:first-child span{display:none}
}


/* Reference header: hamburger + Homebase + Drive. Earn. Connect. */
.hb-shell-active .hb-menu-toggle{
 top:max(15px,calc(env(safe-area-inset-top) + 9px));left:max(14px,calc((100vw - min(100vw,760px))/2 + 14px));
 width:46px;height:54px;border-radius:14px;background:rgba(8,17,23,.72);border:1px solid rgba(167,213,237,.08);backdrop-filter:blur(10px)
}
.hb-shell-active .hb-menu-toggle svg{width:27px;height:27px;stroke-width:2}
.hb-shell-active .hb-home-word{
 left:max(74px,calc((100vw - min(100vw,760px))/2 + 74px));top:max(17px,calc(env(safe-area-inset-top) + 11px));
 transform:none;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;text-shadow:0 2px 7px rgba(0,0,0,.7)
}
.hb-shell-active .hb-home-word strong{display:block;color:#f7fbfd;font-size:1.43rem;line-height:1;font-weight:850;letter-spacing:-.045em}
.hb-shell-active .hb-home-word small{display:block;color:#a9bdca;font-size:.67rem;line-height:1.1;font-weight:650;letter-spacing:.025em;white-space:nowrap}
@media(max-width:430px){
 .hb-shell-active .hb-menu-toggle{left:8px;width:42px;height:48px}
 .hb-shell-active .hb-home-word{left:58px;top:max(18px,calc(env(safe-area-inset-top) + 12px))}
 .hb-shell-active .hb-home-word strong{font-size:1.18rem}
 .hb-shell-active .hb-home-word small{font-size:.56rem}
}


/* Compact live weather card from the approved Home reference */
.hb-home-weather{
 position:fixed;z-index:1248;left:max(12px,calc((100vw - min(100vw,760px))/2 + 12px));
 bottom:max(94px,calc(82px + env(safe-area-inset-bottom)));min-width:118px;height:68px;padding:9px 13px;
 border:1px solid rgba(167,213,237,.2);border-radius:18px;background:rgba(8,17,23,.93);
 box-shadow:0 8px 24px rgba(0,0,0,.34);backdrop-filter:blur(14px);
 display:flex;align-items:center;gap:10px;color:#f5fbff;pointer-events:none
}
.hb-weather-icon{width:38px;text-align:center;font-size:2rem;line-height:1;filter:drop-shadow(0 0 8px rgba(255,193,62,.22))}
.hb-home-weather strong{display:block;font-size:1.28rem;line-height:1;font-weight:850;letter-spacing:-.035em}
.hb-home-weather span{display:block;margin-top:5px;color:#b9cbd6;font-size:.64rem;font-weight:650;white-space:nowrap}
@media(max-width:430px){
 .hb-home-weather{left:8px;bottom:max(88px,calc(77px + env(safe-area-inset-bottom)));min-width:100px;height:58px;padding:7px 10px;border-radius:15px;gap:7px}
 .hb-weather-icon{width:31px;font-size:1.65rem}.hb-home-weather strong{font-size:1.05rem}.hb-home-weather span{font-size:.54rem;margin-top:4px}
}


/* Reference-brand header block: same dark glass background, white wordmark, muted subtitle */
.hb-shell-active .hb-menu-toggle{
 background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;
 left:max(18px,calc((100vw - min(100vw,760px))/2 + 18px));top:max(17px,calc(env(safe-area-inset-top) + 11px));z-index:1252
}
.hb-shell-active .hb-home-word{
 left:max(12px,calc((100vw - min(100vw,760px))/2 + 12px));top:max(9px,calc(env(safe-area-inset-top) + 3px));
 width:292px;min-height:76px;padding:15px 16px 12px 78px;border-radius:20px;
 background:linear-gradient(145deg,rgba(10,24,33,.96),rgba(7,19,27,.92));
 border:1px solid rgba(159,202,226,.08);box-shadow:0 10px 28px rgba(0,0,0,.35);
 backdrop-filter:blur(14px);justify-content:center;pointer-events:none
}
.hb-shell-active .hb-home-word strong{
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
 color:#f5f7f9;font-size:1.62rem;font-weight:720;letter-spacing:-.035em;line-height:1
}
.hb-shell-active .hb-home-word small{
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
 color:#aab9c7;font-size:.78rem;font-weight:450;letter-spacing:.005em;line-height:1.1;margin-top:4px
}
.hb-shell-active .hb-menu-toggle svg{width:31px;height:31px;stroke:#d9e3e9;stroke-width:1.9}
@media(max-width:430px){
 .hb-shell-active .hb-home-word{left:7px;width:255px;min-height:67px;padding:12px 12px 10px 66px;border-radius:17px}
 .hb-shell-active .hb-home-word strong{font-size:1.38rem}.hb-shell-active .hb-home-word small{font-size:.67rem}
 .hb-shell-active .hb-menu-toggle{left:13px;top:max(14px,calc(env(safe-area-inset-top) + 8px));width:42px;height:48px}
 .hb-shell-active .hb-menu-toggle svg{width:28px;height:28px}
}


/* Live provider price/surge badges on the map */
.hb-price-badge{position:relative;display:flex;align-items:center;justify-content:center;min-width:68px;height:36px;padding:0 11px;border-radius:13px;background:rgba(9,17,23,.94);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:.88rem;font-weight:760;line-height:1;white-space:nowrap;box-shadow:0 0 0 1.5px var(--price),0 0 16px color-mix(in srgb,var(--price) 46%,transparent),0 7px 16px rgba(0,0,0,.42);color:#f8fbfd}
.hb-price-badge:after{content:'';position:absolute;left:50%;bottom:-12px;width:7px;height:7px;transform:translateX(-50%);border-radius:50%;background:var(--price);box-shadow:0 0 10px var(--price),0 0 18px var(--price)}
.hb-price-badge .platform-dot{width:7px;height:7px;border-radius:50%;background:var(--price);margin-right:6px;box-shadow:0 0 7px var(--price)}
.hb-price-badge.uber{--price:#f2f6f8;color:#fff}.hb-price-badge.lyft{--price:#ff3fb4}.hb-price-badge.empower{--price:#278dff}
.hb-price-badge small{display:block;margin-left:5px;color:#9fb1bd;font-size:.45rem;font-weight:800;letter-spacing:.08em}


/* Home HUD cleanup: no legacy wordmark rays/glow; overlays exist only on Home/Map */
.hb-shell-active .hb-home-word:before,.hb-shell-active .hb-home-word:after{content:none!important;display:none!important}
.hb-shell-active .hb-home-word,.hb-shell-active .hb-home-word strong,.hb-shell-active .hb-home-word small{filter:none!important;text-shadow:none!important;-webkit-text-fill-color:currentColor}
.hb-shell-active .hb-menu-toggle{filter:none!important;text-shadow:none!important}
.hb-reference-controls[hidden],.hb-home-weather[hidden],.hb-home-word[hidden],.hb-menu-toggle[hidden],.hb-voice-bubble[hidden],.hb-voice-text[hidden]{display:none!important}

/* Phone spacing: keep the reference header clear of Earnings/Today/status controls */
@media(max-width:600px){
 .hb-ref-top,.hb-ref-status{top:max(104px,calc(env(safe-area-inset-top) + 94px))}
 .hb-ref-chip{height:34px;min-width:84px;padding:0 9px;font-size:.59rem}
 .hb-ref-status button{height:34px}.hb-ref-status>button:first-child{width:36px}.hb-online{padding:0 9px}
 .hb-ref-left{top:27%;gap:7px}.hb-ref-left button{width:55px;min-height:55px;border-radius:13px;font-size:.47rem}
 .hb-ref-right{top:32%;gap:7px}.hb-ref-right button{width:40px;height:40px}
 .hb-home-weather{min-width:94px;height:54px;padding:6px 9px}
}
@media(max-width:430px){
 .hb-shell-active .hb-home-word{width:222px;min-height:62px;padding:10px 10px 9px 59px}
 .hb-shell-active .hb-home-word strong{font-size:1.22rem}.hb-shell-active .hb-home-word small{font-size:.6rem}
 .hb-shell-active .hb-menu-toggle{width:38px;height:44px}.hb-shell-active .hb-menu-toggle svg{width:25px;height:25px}
 .hb-ref-top{left:8px;transform:none}.hb-ref-status{right:8px}
 .hb-ref-chip{min-width:72px;padding:0 7px}.hb-ref-chip svg{width:17px;height:17px}.hb-ref-chip:first-child span{display:none}
 .hb-online{padding:0 8px}.hb-online span{display:none}
 .hb-ref-left{left:7px}.hb-ref-right{right:7px}
}


/* Keep the Homebase lettering above the glass header instead of blending into its background */
.hb-shell-active .hb-home-word{isolation:isolate}
.hb-shell-active .hb-home-word strong,.hb-shell-active .hb-home-word small{
 position:relative;z-index:2;background:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;
 filter:none!important;text-shadow:none!important
}
.hb-shell-active .hb-home-word strong{color:#f5f7f9!important;-webkit-text-fill-color:#f5f7f9!important;opacity:1!important}
.hb-shell-active .hb-home-word small{color:#aab9c7!important;-webkit-text-fill-color:#aab9c7!important;opacity:1!important}


/* Persistent app navigation: keep only the bottom bar available inside workspace tabs */
.hb-shell-active:not(.hb-home-hud-visible) .hb-ref-top,
.hb-shell-active:not(.hb-home-hud-visible) .hb-ref-status,
.hb-shell-active:not(.hb-home-hud-visible) .hb-ref-left,
.hb-shell-active:not(.hb-home-hud-visible) .hb-ref-right{display:none!important}
.hb-shell-active.hb-workspace-open .hb-ref-bottom{display:grid!important;z-index:1260}
.hb-shell-active.hb-workspace-open .workspace-view{bottom:calc(88px + env(safe-area-inset-bottom));padding-bottom:24px}
.hb-shell-active .hb-ref-bottom .ask{padding-top:25px}

/* Center the voice orb over its own Ask Homebase column (5th of 8), not the viewport center */
.hb-shell-active .hb-voice-bubble{
 left:calc(50% + min(100vw,760px)/16);right:auto;bottom:max(48px,calc(36px + env(safe-area-inset-bottom)));
 width:54px;height:54px;transform:translateX(-50%);z-index:1262;
 box-shadow:0 0 0 4px rgba(55,129,255,.16),0 0 0 7px rgba(121,77,255,.1),0 0 20px rgba(79,106,255,.58),0 7px 18px rgba(0,0,0,.42)
}
.hb-shell-active .hb-voice-bubble svg{width:25px;height:25px}
.hb-shell-active .hb-voice-bubble.listening,.hb-shell-active .hb-voice-bubble.responding{transform:translateX(-50%) scale(1.1)}
@media(max-width:430px){
 .hb-shell-active .hb-voice-bubble{left:calc(50% + min(100vw,760px)/16);width:50px;height:50px;bottom:max(47px,calc(35px + env(safe-area-inset-bottom)))}
 .hb-shell-active .hb-voice-bubble svg{width:23px;height:23px}
 .hb-shell-active .hb-ref-bottom .ask{padding-top:23px}
}


/* Compact current-platform strip — replaces only the old Earnings / Today / Alerts / Online row */
.hb-platform-bar{
 position:fixed;z-index:1247;
 top:max(104px,calc(env(safe-area-inset-top) + 94px));
 left:50%;transform:translateX(-50%);
 width:min(calc(100vw - 16px),470px);
 height:46px;display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:6px;
 pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif
}
.hb-platform-values{
 min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
 border:1px solid rgba(87,166,214,.28);border-radius:15px;
 background:rgba(3,16,27,.91);box-shadow:0 8px 22px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden
}
.hb-platform-mini{position:relative;min-width:0;padding:7px 7px 6px 10px;display:flex;flex-direction:column;justify-content:center}
.hb-platform-mini+.hb-platform-mini{border-left:1px solid rgba(106,174,214,.15)}
.hb-platform-mini:before{content:"";position:absolute;left:4px;top:12px;bottom:12px;width:2px;border-radius:2px;background:#8f62ff;box-shadow:0 0 7px #8f62ff}
.hb-platform-mini-1:before{background:#ff3fa4;box-shadow:0 0 7px #ff3fa4}.hb-platform-mini-2:before{background:#20dfbd;box-shadow:0 0 7px #20dfbd}
.hb-platform-mini b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aebdca;font-size:.5rem;font-weight:900;letter-spacing:.08em;line-height:1.05}
.hb-platform-mini span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#f7fbff;font-size:.72rem;font-weight:850;line-height:1}
.hb-platform-toggle{
 width:42px;height:42px;align-self:center;border:1px solid rgba(91,171,219,.3);border-radius:13px;
 background:rgba(3,16,27,.92);color:#dff5ff;display:grid;place-items:center;
 box-shadow:0 7px 20px rgba(0,0,0,.32);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.hb-platform-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hb-platform-bar.collapsed{width:42px;left:auto;right:max(8px,calc((100vw - min(100vw,760px))/2 + 8px));transform:none;display:block}
.hb-platform-bar.collapsed .hb-platform-values{display:none}.hb-platform-bar.collapsed .hb-platform-toggle{width:42px;height:42px}
.hb-platform-bar.collapsed .hb-platform-eye{opacity:.55}
.hb-platform-bar[hidden]{display:none!important}
@media(max-width:430px){
 .hb-platform-bar{width:calc(100vw - 12px);height:43px;grid-template-columns:minmax(0,1fr) 39px;gap:5px}
 .hb-platform-values{border-radius:13px}.hb-platform-toggle{width:39px;height:39px;border-radius:12px}
 .hb-platform-mini{padding:6px 4px 5px 8px}.hb-platform-mini:before{left:3px;top:11px;bottom:11px}
 .hb-platform-mini b{font-size:.44rem}.hb-platform-mini span{font-size:.64rem}
 .hb-platform-bar.collapsed{width:39px;right:6px}.hb-platform-bar.collapsed .hb-platform-toggle{width:39px;height:39px}
}


/* Bottom navigation v2: seven items with Ask Homebase exactly centered */
.hb-shell-active .hb-ref-bottom{
 grid-template-columns:repeat(7,minmax(0,1fr))!important;
}
.hb-shell-active .hb-ref-bottom .ask{
 grid-column:4!important;
 padding-top:29px!important;
 overflow:visible!important;
}
.hb-shell-active .hb-voice-bubble{
 left:50%!important;
 right:auto!important;
 bottom:max(50px,calc(38px + env(safe-area-inset-bottom)))!important;
 width:62px!important;
 height:62px!important;
 transform:translateX(-50%)!important;
 z-index:1262!important;
 background:radial-gradient(circle at 43% 32%,#7bc8ff 0%,#2382ff 32%,#315fff 58%,#6848ef 82%,#17204c 100%)!important;
 border:1px solid rgba(148,202,255,.82)!important;
 box-shadow:0 0 0 5px rgba(55,129,255,.18),0 0 0 9px rgba(98,82,255,.12),0 0 27px rgba(63,111,255,.72),0 8px 22px rgba(0,0,0,.44)!important;
}
.hb-shell-active .hb-voice-bubble svg{width:28px!important;height:28px!important;stroke-width:1.8}
.hb-shell-active .hb-voice-bubble.listening,
.hb-shell-active .hb-voice-bubble.responding{transform:translateX(-50%) scale(1.14)!important}
@media(max-width:430px){
 .hb-shell-active .hb-ref-bottom{grid-template-columns:repeat(7,minmax(0,1fr))!important}
 .hb-shell-active .hb-ref-bottom .ask{grid-column:4!important;padding-top:27px!important}
 .hb-shell-active .hb-voice-bubble{left:50%!important;width:58px!important;height:58px!important;bottom:max(49px,calc(37px + env(safe-area-inset-bottom)))!important}
 .hb-shell-active .hb-voice-bubble svg{width:26px!important;height:26px!important}
}


/* Voice cradle v3 — the bottom bar curves up around the centered Homebase microphone */
.hb-shell-active .hb-ref-bottom .ask{isolation:isolate;z-index:2}
.hb-shell-active .hb-ref-bottom .ask:before{
 content:"";position:absolute;z-index:-1;left:50%;top:-35px;transform:translateX(-50%);
 width:88px;height:68px;border-radius:50% 50% 44% 44%;
 background:rgba(7,16,22,.98);
 border:1px solid rgba(167,213,237,.15);border-bottom-color:transparent;
 box-shadow:0 -7px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
 pointer-events:none
}
.hb-shell-active .hb-ref-bottom .ask:after{
 content:"";position:absolute;z-index:-1;left:50%;top:17px;transform:translateX(-50%);
 width:72px;height:24px;border-radius:0 0 50% 50%;
 background:rgba(7,16,22,.98);pointer-events:none
}
.hb-shell-active .hb-voice-bubble{
 bottom:max(51px,calc(39px + env(safe-area-inset-bottom)))!important;
 width:64px!important;height:64px!important
}

/* Live weather HUD */
.hb-home-weather{min-width:150px!important;width:auto!important;height:64px!important;padding:7px 11px!important;gap:9px!important}
.hb-home-weather .hb-weather-icon{flex:0 0 auto}
.hb-weather-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.hb-weather-now{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.hb-weather-now strong{font-size:1rem;line-height:1;font-weight:900;color:#f7fbff}
.hb-weather-now span{font-size:.63rem;line-height:1;font-weight:750;color:#c8d7e1;max-width:74px;overflow:hidden;text-overflow:ellipsis}
.hb-weather-copy small{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:.43rem;line-height:1;font-weight:850;letter-spacing:.035em;color:#8fa8b8}
.hb-weather-copy small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#28e67d;box-shadow:0 0 7px rgba(40,230,125,.75)}
@media(max-width:430px){
 .hb-shell-active .hb-ref-bottom .ask:before{top:-32px;width:80px;height:62px}
 .hb-shell-active .hb-ref-bottom .ask:after{top:16px;width:66px;height:22px}
 .hb-shell-active .hb-voice-bubble{width:60px!important;height:60px!important;bottom:max(50px,calc(38px + env(safe-area-inset-bottom)))!important}
 .hb-home-weather{min-width:137px!important;height:58px!important;padding:6px 9px!important;gap:7px!important}
 .hb-weather-now strong{font-size:.9rem}.hb-weather-now span{font-size:.56rem;max-width:65px}.hb-weather-copy small{font-size:.39rem}
}


/* Compact Homebase header — remove empty background space */
.hb-shell-active .hb-home-word{
 left:max(5px,calc((100vw - min(100vw,760px))/2 + 5px))!important;
 top:max(9px,calc(env(safe-area-inset-top) + 3px))!important;
 width:210px!important;min-height:58px!important;
 padding:10px 10px 9px 56px!important;border-radius:16px!important;
}
.hb-shell-active .hb-home-word strong{font-size:1.18rem!important;letter-spacing:-.03em!important}
.hb-shell-active .hb-home-word small{font-size:.56rem!important;margin-top:3px!important}
.hb-shell-active .hb-menu-toggle{
 left:max(9px,calc((100vw - min(100vw,760px))/2 + 9px))!important;
 top:max(12px,calc(env(safe-area-inset-top) + 6px))!important;
 width:38px!important;height:42px!important
}
.hb-shell-active .hb-menu-toggle svg{width:25px!important;height:25px!important}
@media(max-width:430px){
 .hb-shell-active .hb-home-word{left:4px!important;width:195px!important;min-height:54px!important;padding:9px 8px 8px 52px!important;border-radius:15px!important}
 .hb-shell-active .hb-home-word strong{font-size:1.08rem!important}
 .hb-shell-active .hb-home-word small{font-size:.52rem!important}
 .hb-shell-active .hb-menu-toggle{left:8px!important;width:35px!important;height:39px!important}
 .hb-shell-active .hb-menu-toggle svg{width:23px!important;height:23px!important}
}


/* Voice orb reference correction — match approved integrated bottom-nav treatment */
.hb-shell-active .hb-ref-bottom .ask:before,
.hb-shell-active .hb-ref-bottom .ask:after{display:none!important}
.hb-shell-active .hb-ref-bottom .ask{padding-top:24px!important}
.hb-shell-active .hb-voice-bubble{
 left:50%!important;right:auto!important;
 width:56px!important;height:56px!important;
 bottom:max(46px,calc(34px + env(safe-area-inset-bottom)))!important;
 transform:translateX(-50%)!important;
 z-index:1262!important;
}
.hb-shell-active .hb-voice-bubble svg{width:27px!important;height:27px!important}
.hb-shell-active .hb-voice-bubble.listening,
.hb-shell-active .hb-voice-bubble.responding{transform:translateX(-50%) scale(1.12)!important}
@media(max-width:430px){
 .hb-shell-active .hb-ref-bottom .ask{padding-top:23px!important}
 .hb-shell-active .hb-voice-bubble{
   width:54px!important;height:54px!important;
   bottom:max(45px,calc(33px + env(safe-area-inset-bottom)))!important;
 }
 .hb-shell-active .hb-voice-bubble svg{width:26px!important;height:26px!important}
}


/* Weather HUD v2 — compact current conditions only */
.hb-home-weather{
 min-width:0!important;width:auto!important;height:46px!important;padding:5px 9px!important;
 gap:6px!important;border-radius:13px!important
}
.hb-home-weather .hb-weather-icon{width:26px!important;font-size:1.35rem!important}
.hb-weather-copy{gap:0!important}
.hb-weather-now{gap:5px!important}
.hb-weather-now strong{font-size:1rem!important;line-height:1!important}
.hb-weather-now span{font-size:.53rem!important;line-height:1!important;max-width:62px!important;margin-top:0!important}
.hb-weather-copy small{display:none!important}
@media(max-width:430px){
 .hb-home-weather{height:42px!important;padding:4px 7px!important;gap:5px!important;border-radius:12px!important}
 .hb-home-weather .hb-weather-icon{width:23px!important;font-size:1.18rem!important}
 .hb-weather-now strong{font-size:.92rem!important}
 .hb-weather-now span{font-size:.49rem!important;max-width:56px!important}
}


/* Balanced map-side controls + icon-only weather */
.hb-home-weather{
 min-width:0!important;width:auto!important;height:40px!important;
 padding:4px 8px!important;gap:5px!important;border-radius:12px!important
}
.hb-home-weather .hb-weather-icon{width:24px!important;font-size:1.18rem!important;filter:none!important}
.hb-home-weather>#hbWeatherTemp{display:block!important;font-size:.94rem!important;line-height:1!important;margin:0!important}
.hb-weather-copy,.hb-weather-now,#hbWeatherCondition,#hbWeatherForecast{display:none!important}
.hb-shell-active .hb-ref-left,
.hb-shell-active .hb-ref-right{
 top:35%!important;transform:none!important;gap:9px!important
}
.hb-shell-active .hb-ref-left{left:max(10px,calc((100vw - min(100vw,760px))/2 + 10px))!important}
.hb-shell-active .hb-ref-right{right:max(10px,calc((100vw - min(100vw,760px))/2 + 10px))!important}
.hb-shell-active .hb-ref-left button{margin:0!important}
.hb-shell-active .hb-ref-right button{margin:0!important}
@media(max-width:430px){
 .hb-home-weather{height:38px!important;padding:4px 7px!important;gap:4px!important}
 .hb-home-weather .hb-weather-icon{width:22px!important;font-size:1.08rem!important}
 .hb-home-weather>#hbWeatherTemp{font-size:.88rem!important}
 .hb-shell-active .hb-ref-left,.hb-shell-active .hb-ref-right{top:36%!important;gap:8px!important}
 .hb-shell-active .hb-ref-left{left:8px!important}
 .hb-shell-active .hb-ref-right{right:8px!important}
}


/* Optical alignment: right map controls sit slightly lower to match left stack */
.hb-shell-active .hb-ref-right{top:calc(35% + 12px)!important}
@media(max-width:430px){
 .hb-shell-active .hb-ref-right{top:calc(36% + 10px)!important}
}


/* Final optical side-stack alignment from device screenshot */
@media(max-width:430px){
 .hb-shell-active .hb-ref-right{top:calc(36% + 45px)!important}
}


/* Final Home map polish: keep Events + Routes readable without enlarging its control */
.hb-shell-active .hb-ref-left button[data-home-action="eventRoute"] span{
 font-size:.53rem!important;
 line-height:1.08!important;
 letter-spacing:-.01em!important;
}


/* Events + Route panel: clear the left map controls and keep only scan-friendly event details */
.hb-shell-active #routePlan{
 left:max(104px,calc((100vw - min(100vw,760px))/2 + 104px))!important;
 right:max(66px,calc((100vw - min(100vw,760px))/2 + 66px))!important;
 width:auto!important;
 min-width:0!important;
 max-height:min(58vh,520px)!important;
 padding:10px 11px!important;
}
.hb-shell-active #routePlan .compact-event{
 grid-template-columns:28px minmax(0,1fr)!important;
 gap:8px!important;
 padding:8px 0!important;
}
.hb-shell-active #routePlan .compact-event b{
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:2!important;
 overflow:hidden!important;
 font-size:.68rem!important;
 line-height:1.22!important;
}
.hb-shell-active #routePlan .compact-event span{
 margin-top:3px!important;
 font-size:.56rem!important;
 line-height:1.2!important;
 color:#aebdca!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
.hb-shell-active #routePlan .event-more{
 padding:8px 0 2px!important;
 color:#8fb8d2!important;
 font-size:.56rem!important;
 font-weight:800!important;
 text-align:center!important;
}
@media(max-width:430px){
 .hb-shell-active #routePlan{
  left:94px!important;
  right:62px!important;
  max-height:56vh!important;
 }
}


/* Events + Route quick card: below the platform strip, compact and driver-scannable */
.hb-shell-active #routePlan{
 top:112px!important;
 max-height:min(46vh,590px)!important;
 background:linear-gradient(160deg,rgba(5,22,35,.97),rgba(2,12,21,.985))!important;
 border:1px solid rgba(44,157,224,.55)!important;
 border-radius:18px!important;
 box-shadow:0 18px 44px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055)!important;
 padding:11px 12px!important;
 scrollbar-width:thin;
}
.hb-shell-active #routePlan .route-head{
 position:sticky!important;
 top:-11px!important;
 z-index:2!important;
 margin:-11px -12px 3px!important;
 padding:11px 12px 9px!important;
 background:rgba(4,18,30,.97)!important;
 border-bottom:1px solid rgba(74,145,188,.24)!important;
 border-radius:18px 18px 0 0!important;
}
.hb-shell-active #routePlan .route-head h2{
 font-size:.66rem!important;
 letter-spacing:.14em!important;
}
.hb-shell-active #routePlan #todayEvents{
 margin-top:2px!important;
}
.hb-shell-active #routePlan .compact-event{
 padding:7px 0!important;
 border-top:1px solid rgba(92,139,169,.17)!important;
}
.hb-shell-active #routePlan .panel-subhead{
 margin:7px 0 1px!important;
 padding:9px 0 6px!important;
 border-top:1px solid rgba(75,157,207,.28)!important;
 color:#8bcfff!important;
 font-size:.56rem!important;
 letter-spacing:.14em!important;
}
.hb-shell-active #routePlan .compact-route-stop{
 grid-template-columns:28px minmax(0,1fr)!important;
 gap:8px!important;
 padding:8px 0!important;
 border-top:1px solid rgba(92,139,169,.16)!important;
}
.hb-shell-active #routePlan .compact-route-stop b{
 display:block!important;
 font-size:.66rem!important;
 line-height:1.18!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
}
.hb-shell-active #routePlan .compact-route-stop b time{
 color:#8fd3ff!important;
 font-style:normal!important;
}
.hb-shell-active #routePlan .compact-route-stop b em{
 color:#68879a!important;
 font-style:normal!important;
 padding:0 2px!important;
}
.hb-shell-active #routePlan .compact-route-stop span{
 display:block!important;
 margin-top:3px!important;
 color:#9eb0bc!important;
 font-size:.54rem!important;
 line-height:1.15!important;
}
.hb-shell-active #routePlan .route-more{
 padding:8px 0 2px!important;
 color:#7faac5!important;
 font-size:.55rem!important;
 font-weight:800!important;
 text-align:center!important;
}
.hb-shell-active #routePlan .route-source{display:none!important}
@media(max-width:430px){
 .hb-shell-active #routePlan{
  top:120px!important;
  max-height:46vh!important;
  border-radius:17px!important;
 }
}


/* Final Events panel placement: always clear the platform-price strip by 12px */
.hb-shell-active #routePlan{
 top:max(162px,calc(env(safe-area-inset-top) + 152px))!important;
}
@media(max-width:430px){
 .hb-shell-active #routePlan{
  top:max(159px,calc(env(safe-area-inset-top) + 149px))!important;
 }
}


/* Expandable Events / Route list controls */
.hb-shell-active #routePlan .list-expand{
 display:block!important;
 width:100%!important;
 min-height:34px!important;
 margin:3px 0 0!important;
 padding:8px 10px!important;
 border:0!important;
 border-radius:10px!important;
 background:rgba(36,132,190,.10)!important;
 color:#8fd3ff!important;
 font:800 .56rem/1.1 -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
 letter-spacing:.01em!important;
 text-align:center!important;
 cursor:pointer!important;
 -webkit-tap-highlight-color:transparent!important;
 touch-action:manipulation!important;
}
.hb-shell-active #routePlan .list-expand:active{
 background:rgba(36,132,190,.22)!important;
 transform:scale(.985)!important;
}


/* Lift Events + Route and keep long lists above navigation and the voice button. */
.hb-shell-active #routePlan{
 --hb-events-top:max(215px,calc(env(safe-area-inset-top) + 205px));
 --hb-events-bottom:max(130px,calc(env(safe-area-inset-bottom) + 118px));
 top:var(--hb-events-top)!important;
 bottom:auto!important;
 box-sizing:border-box!important;
 max-height:min(60vh,650px,calc(100vh - var(--hb-events-top) - var(--hb-events-bottom)))!important;
 max-height:min(60dvh,650px,calc(100dvh - var(--hb-events-top) - var(--hb-events-bottom)))!important;
 overflow:auto!important;
 overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;
}
@media(max-height:500px){
 .hb-shell-active #routePlan{
  --hb-events-top:max(168px,calc(env(safe-area-inset-top) + 158px));
 }
}


/* Homebase list-style driver menu */
.hb-side-menu{
 width:min(86vw,390px)!important;
 background:linear-gradient(180deg,#071722 0%,#06131d 100%)!important;
 border-right:1px solid #173442!important;
 box-shadow:24px 0 60px rgba(0,0,0,.56)!important;
 color:#f4f7fa!important;
}
.hb-side-menu [hidden]{display:none!important}
.hb-side-menu .hb-menu-head{
 padding:20px 18px 17px!important;
 border-bottom:1px solid #173442!important;
 background:rgba(7,23,34,.98)!important;
}
.hb-side-menu .hb-menu-head span{color:#f4f7fa!important;font-size:1.25rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.08em!important}
.hb-side-menu .hb-menu-head b{color:#8fa4b3!important;font-size:.67rem!important;font-weight:500!important;line-height:1.3!important;letter-spacing:.01em!important;margin-top:5px!important}
.hb-side-menu .hb-menu-head button{
 border:0!important;background:transparent!important;color:#a7c1d1!important;
 width:40px!important;height:40px!important;font-size:1.8rem!important;font-weight:300!important
}
.hb-side-menu .hb-menu-scroll{padding:0 18px calc(28px + env(safe-area-inset-bottom))!important}
.hb-menu-view{min-height:100%;animation:hbMenuViewIn .16s ease}
@keyframes hbMenuViewIn{from{opacity:.4;transform:translateX(7px)}to{opacity:1;transform:none}}
.hb-driver-row{
 width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:12px;
 padding:18px 0;border:0;border-bottom:1px solid #173442;background:transparent;color:#f4f7fa;text-align:left
}
.hb-driver-initial{
 width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
 background:linear-gradient(145deg,#164a69,#0a2b40);border:1px solid rgba(143,207,245,.36);
 color:#eaf8ff;font-size:1rem;font-weight:850;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)
}
.hb-driver-row b{display:block;font-size:1rem;line-height:1.1}
.hb-driver-row small{display:block;margin-top:4px;color:#8fa4b3;font-size:.7rem}
.hb-driver-row i,.hb-list-menu i,.hb-list-action i,.hb-signout-row i{color:#708898;font-style:normal;font-size:1.55rem;font-weight:300;line-height:1}
.hb-list-section{padding:18px 0 4px;border-bottom:1px solid #173442}
.hb-list-section h3,.hb-submenu-block h3{
 margin:0 0 7px;color:#6f91a8;font-size:.58rem;font-weight:900;letter-spacing:.17em
}
.hb-list-menu{display:grid}
.hb-list-menu>button,.hb-list-action,.hb-signout-row{
 width:100%;min-height:54px;display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:10px;
 border:0;border-bottom:1px solid rgba(23,52,66,.86);border-radius:0;background:transparent;
 color:#f4f7fa;padding:12px 2px;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent
}
.hb-list-menu>button:last-child{border-bottom:0}
.hb-list-menu>button>span:not(.hb-driver-initial),.hb-list-action>span{min-width:0;font-size:.9rem;font-weight:690;line-height:1.22}
.hb-list-menu>button b,.hb-list-action b{display:block;color:#f4f7fa;font-size:.84rem;line-height:1.2}
.hb-list-menu>button small,.hb-list-action small{
 display:block;margin-top:4px;color:#8fa4b3;font-size:.61rem;font-weight:560;line-height:1.32
}
.hb-list-menu>button:active,.hb-driver-row:active,.hb-list-action:active,.hb-signout-row:active{
 background:rgba(36,155,255,.075)
}
.hb-list-menu>button:active i,.hb-driver-row:active i,.hb-list-action:active i{color:#249bff}
.hb-signout-row{
 margin-top:16px;border-top:1px solid #173442;border-bottom:0!important;color:#ff626d!important;
 font-size:.92rem;font-weight:760
}
.hb-signout-row i{color:#ff626d}
.hb-submenu-head{
 position:sticky;top:0;z-index:3;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:9px;
 margin:0 -18px;padding:14px 18px 13px;background:rgba(7,23,34,.985);border-bottom:1px solid #173442
}
.hb-submenu-head>button{
 width:36px;height:36px;border:0;background:transparent;color:#9bc5de;font-size:2rem;font-weight:300;padding:0;text-align:left
}
.hb-submenu-head small{display:block;color:#6f91a8;font-size:.53rem;font-weight:900;letter-spacing:.15em}
.hb-submenu-head b{display:block;margin-top:3px;color:#f4f7fa;font-size:.98rem}
.hb-submenu-list{padding-top:5px}
.hb-submenu-block{padding:20px 0 6px;border-top:1px solid #173442}
.hb-submenu-block>p{margin:-1px 0 11px;color:#8fa4b3;font-size:.63rem}
.hb-side-menu .hb-module-list{gap:0!important}
.hb-side-menu .hb-module-list .hb-setting-row{
 min-height:56px;padding:10px 2px!important;border:0!important;border-bottom:1px solid rgba(23,52,66,.86)!important;
 border-radius:0!important;background:transparent!important
}
.hb-side-menu .hb-setting-row,.hb-side-menu .hb-color-row{
 border-color:#173442;background:rgba(9,30,43,.58);color:#f4f7fa
}
.hb-side-menu .hb-setting-row b,.hb-side-menu .hb-color-row b{color:#f4f7fa}
.hb-side-menu .hb-setting-row small,.hb-side-menu .hb-color-row small{color:#8fa4b3}
.hb-side-menu .hb-voice-preferences{margin:12px 0}
.hb-side-menu .hb-voice-preferences label{
 border-color:#173442;background:rgba(9,30,43,.58);color:#f4f7fa
}
.hb-side-menu .hb-voice-preferences select{border-color:#24485c;background:#081c29;color:#f4f7fa}
.hb-side-menu .hb-voice-preferences>button{
 border-color:#285c78;background:#0a2b40;color:#eaf8ff
}
.hb-side-menu .hb-voice-preferences>small,.hb-side-menu #hbVoiceAvailability,.hb-side-menu #hbVoiceCommands{
 color:#8fa4b3;font-size:.61rem;line-height:1.4
}
.hb-list-action{margin:7px 0 4px}
.hb-about-card{
 margin:18px 0 8px;padding:18px;border:1px solid #173442;border-radius:16px;background:rgba(9,30,43,.58)
}
.hb-about-card>b{display:block;color:#f4f7fa;font-size:1.25rem}
.hb-about-card>span{display:block;margin-top:3px;color:#8fc8eb;font-size:.72rem}
.hb-about-card>p{margin:12px 0 0;color:#8fa4b3;font-size:.7rem;line-height:1.45}
.hb-side-menu .hb-menu-status{
 position:sticky;bottom:0;z-index:4;margin:8px -18px -28px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));
 background:rgba(7,23,34,.96);color:#8fc8eb;font-size:.61rem;line-height:1.35
}
.hb-side-menu .hb-menu-status:empty{display:none}
@media(max-width:430px){
 .hb-side-menu{width:86vw!important;max-width:365px!important}
 .hb-side-menu .hb-menu-scroll{padding-left:16px!important;padding-right:16px!important}
 .hb-submenu-head{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
 .hb-side-menu .hb-menu-status{margin-left:-16px;margin-right:-16px}
 .hb-list-menu>button,.hb-list-action,.hb-signout-row{min-height:52px}
}


/* Menu brand mark + Heat Map palette picker */
.hb-side-menu .hb-menu-brand{
 display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important
}
.hb-side-menu .hb-menu-brand>img{
 display:block!important;width:34px!important;height:34px!important;flex:0 0 34px!important;
 object-fit:cover!important;border-radius:10px!important;
 border:1px solid rgba(69,186,255,.48)!important;
 background:#03101c!important;
 box-shadow:0 0 14px rgba(0,158,255,.18),inset 0 1px 0 rgba(255,255,255,.08)!important
}
.hb-side-menu .hb-menu-brand>div{min-width:0!important}
.hb-heat-toggle-row{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;
 margin:14px 0 18px;padding:14px 2px;border-bottom:1px solid #173442
}
.hb-heat-toggle-row b{display:block;color:#f4f7fa;font-size:.86rem}
.hb-heat-toggle-row small{display:block;margin-top:4px;color:#8fa4b3;font-size:.61rem;line-height:1.3}
.hb-heat-toggle-row>button{
 min-width:54px;height:31px;border:1px solid #31586d;border-radius:999px;
 background:#0a2230;color:#8299a8;font-size:.58rem;font-weight:900;letter-spacing:.08em
}
.hb-heat-toggle-row>button.active{
 border-color:#249bff;background:rgba(36,155,255,.17);color:#aaddff;
 box-shadow:inset 0 0 0 1px rgba(36,155,255,.12)
}
.hb-palette-section{padding-bottom:16px}
.hb-palette-section>h3{
 margin:0 0 5px;color:#6f91a8;font-size:.58rem;font-weight:900;letter-spacing:.17em
}
.hb-palette-section>p{margin:0 0 10px;color:#8fa4b3;font-size:.62rem;line-height:1.35}
.hb-palette-list{display:grid}
.hb-palette-list>button{
 width:100%;min-height:62px;display:grid;
 grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;
 padding:10px 2px;border:0;border-bottom:1px solid rgba(23,52,66,.86);
 background:transparent;color:#f4f7fa;text-align:left;font-family:inherit;
 -webkit-tap-highlight-color:transparent
}
.hb-palette-list>button>span:first-child{min-width:0}
.hb-palette-list>button b{display:block;font-size:.82rem;line-height:1.2}
.hb-palette-list>button small{display:block;margin-top:4px;color:#8fa4b3;font-size:.59rem;line-height:1.2}
.hb-palette-dots{display:flex!important;align-items:center!important;gap:5px!important}
.hb-palette-dots i{
 display:block;width:15px;height:15px;border-radius:50%;background:var(--dot);
 border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 5px rgba(0,0,0,.34)
}
.hb-palette-list>button>em{
 color:transparent;font-style:normal;font-size:.85rem;font-weight:900;text-align:center
}
.hb-palette-list>button.active{
 background:linear-gradient(90deg,rgba(36,155,255,.09),rgba(36,155,255,.015))
}
.hb-palette-list>button.active b{color:#dff3ff}
.hb-palette-list>button.active>em{color:#249bff}
.hb-palette-list>button:active{background:rgba(36,155,255,.13)}

/* Personal Heat Map colors */
.hb-custom-heat[hidden]{display:none!important}
.hb-custom-heat{margin:4px 0 14px;padding:16px 12px;border:1px solid #284b60;border-radius:14px;background:#0b202d}
.hb-custom-heat h4{margin:0 0 5px;color:#f4f7fa;font-size:.86rem}
.hb-custom-heat p{margin:0 0 12px;color:#9eb3c1;font-size:.64rem;line-height:1.4}
.hb-custom-gradient{height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.22);margin:12px 0}
.hb-custom-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hb-custom-colors label{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;color:#dfeaf0;font-size:.68rem}
.hb-custom-colors input[type=color]{display:block;width:100%;min-width:0;height:44px;padding:3px;border:1px solid #3a6075;border-radius:9px;background:#071723;cursor:pointer}
.hb-custom-colors small{font-size:.52rem;color:#93afc0;font-variant-numeric:tabular-nums}
.hb-custom-heat>button{width:100%;min-height:44px;margin:16px 0 10px;padding:10px;border:1px solid #409fda;border-radius:10px;background:#176c9f;color:#fff;font-size:.72rem;font-weight:750}
.hb-custom-heat>button:focus-visible,.hb-custom-colors input:focus-visible{outline:2px solid #b5e5ff;outline-offset:3px}
.hb-custom-heat #hbCustomHeatStatus{margin:0;font-size:.61rem}

/* Closed menus must not cover workspace tabs or intercept input. */
.hb-side-menu:not(.open){visibility:hidden;pointer-events:none}
.hb-side-menu.open{visibility:visible;pointer-events:auto}
.hb-menu-backdrop[hidden]{display:none!important}

/* An explicitly opened pickup card stays inside the app above navigation. */
.hb-shell-active #nextMoveCard{
 position:fixed;z-index:1270;left:50%;transform:translateX(-50%);
 width:min(calc(100vw - 24px),620px);margin:0!important;
 bottom:max(116px,calc(102px + env(safe-area-inset-bottom)));
 max-height:45dvh;overflow:auto;overscroll-behavior:contain;
 box-shadow:0 10px 32px rgba(0,0,0,.42)
}
.hb-shell-active:not(.hb-home-hud-visible) #nextMoveCard{display:none!important}

/* Driving preferences show the saved state without dismissing the drawer. */
.hb-driving-toggle>i{min-width:48px;padding:7px 9px;border:1px solid #3a6178;border-radius:999px;text-align:center;font-size:.65rem;font-weight:800;line-height:1.2;color:#aac2d1;background:#0d2736}
.hb-driving-toggle[aria-pressed="true"]>i{color:#bdeaff;border-color:#249bff;background:#123e60}
.hb-driving-toggle:focus-visible{outline:2px solid #8bd5ff;outline-offset:-2px}

/* Full view opens only on request from the drawer and restores map panels on close. */
.hb-side-menu .hb-driving-toggle{grid-template-columns:minmax(0,1fr) auto}
.hb-panel-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px 0 10px;color:#9fbbce;font-size:12px}
.hb-panel-picker select{width:100%;min-width:0;min-height:44px;border:1px solid #315870;border-radius:10px;padding:8px 10px;background:#0a2332;color:#e9f6ff;font:inherit}
.hb-panel-actions{display:flex;gap:8px;margin:0 0 12px}
.hb-panel-actions button{flex:1;min-height:40px;border:1px solid #315870;border-radius:9px;background:#0b2637;color:#b6def8;font-size:12px;font-weight:700}
#hbPanelStack{display:grid;gap:12px;padding-bottom:16px}
.hb-info-panel{min-width:0;border:1px solid #285d7b;border-radius:13px;overflow:hidden;background:#071c29}
.hb-panel-heading{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:8px 11px;border:0;background:#0a2434;color:#eef8ff;text-align:left}
.hb-panel-heading b{font-size:13px;line-height:1.25;min-width:0}
.hb-panel-heading i{flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #46728d;border-radius:8px;font:normal 700 22px/1 sans-serif;color:#d9efff}
.hb-panel-body{padding:11px;max-height:340px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#hbPanelsBrowser .hb-info-panel[hidden],#hbPanelsBrowser .hb-panel-body[hidden]{display:none!important}
#hbPanelsBrowser .hb-panel-body .conditions,
#hbPanelsBrowser .hb-panel-body .platforms,
#hbPanelsBrowser .hb-panel-body .compare-source-row,
#hbPanelsBrowser .hb-panel-body .gross-note,
#hbPanelsBrowser .hb-panel-body .time-row,
#hbPanelsBrowser #routePlan,
#hbPanelsBrowser #legend,
#hbPanelsBrowser #bottomSheet{
 position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;z-index:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important;overflow:visible!important;pointer-events:auto!important
}
#hbPanelsBrowser .hb-panel-body .conditions{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important}
#hbPanelsBrowser .hb-panel-body .conditions .weather-symbol{display:none}
#hbPanelsBrowser .hb-panel-body .conditions .live-tag{grid-column:1/-1;justify-self:start;min-height:32px;font-size:11px}
#hbPanelsBrowser .hb-panel-body .condition-copy{min-width:0}
#hbPanelsBrowser .hb-panel-body .condition-copy b{font-size:11px}
#hbPanelsBrowser .hb-panel-body .condition-copy span{font-size:12px;line-height:1.4;white-space:normal}
#hbPanelsBrowser .hb-panel-body .compare-source-row{display:flex!important;flex-wrap:wrap;gap:6px;margin-bottom:8px!important}
#hbPanelsBrowser .hb-panel-body .platforms{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
#hbPanelsBrowser .hb-panel-body .platform{min-width:0!important;padding:12px!important}
#hbPanelsBrowser .hb-panel-body .gross-note{display:block!important;margin-top:10px!important;font-size:11px;line-height:1.4}
#hbPanelsBrowser .hb-panel-body .time-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
#hbPanelsBrowser .hb-panel-body .time-row button{min-width:0!important;min-height:44px;padding:8px 3px!important;font-size:11px!important}
#hbPanelsBrowser .time-row:not(:empty)+.hb-panel-empty{display:none!important}
.hb-panel-empty{margin:0;color:#a9c0d0;font-size:12px;line-height:1.5}
#hbPanelsBrowser #routePlan,#hbPanelsBrowser #legend,#hbPanelsBrowser #bottomSheet{display:block!important}
#hbPanelsBrowser #routePlan .route-head,#hbPanelsBrowser #legendToggle,#hbPanelsBrowser #sheetToggle{display:none!important}
#hbPanelsBrowser #routePlan .route-body,#hbPanelsBrowser #legend .legend-content{display:block!important}
#hbPanelsBrowser #routePlan .compact-event b,#hbPanelsBrowser #routePlan .compact-route-stop b{font-size:12px!important;white-space:normal!important;line-height:1.35!important}
#hbPanelsBrowser #routePlan .compact-event span,#hbPanelsBrowser #routePlan .compact-route-stop span{font-size:11px!important;white-space:normal!important;line-height:1.35!important}
#hbPanelsBrowser #legend span{white-space:normal!important;font-size:12px;line-height:1.45}
#hbPanelsBrowser #legend .data-source-note{font-size:10px;margin-top:12px}
#hbPanelsBrowser #bottomSheet .decision-grid,#hbPanelsBrowser #bottomSheet .pulse-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px}
#hbPanelsBrowser #bottomSheet .decision b,#hbPanelsBrowser #bottomSheet .pulse b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:13px;line-height:1.4}
#hbPanelsBrowser #bottomSheet .sheet-top{display:flex!important;margin-top:12px}
#hbPanelsBrowser #bottomSheet .sheet-top b{font-size:13px}
#hbPanelsBrowser #bottomSheet p{font-size:12px;line-height:1.45}
#hbPanelsBrowser #bottomSheet .route-row{display:flex!important;flex-direction:column;gap:10px;margin-top:12px}
#hbPanelsBrowser #bottomSheet .route{white-space:normal;overflow:visible;font-size:11px}
#hbPanelsBrowser #bottomSheet .maps-btn{width:100%;min-height:42px}

/* Blue microphone from the approved design preview. */
.hb-shell-active .hb-voice-bubble{
 width:62px!important;height:62px!important;
 background:radial-gradient(circle at 50% 40%,#154781 0%,#092751 55%,#04172d 100%)!important;
 border:2px solid #279cff!important;
 color:#a8edff!important;
 box-shadow:inset 0 0 9px rgba(51,155,255,.42),0 0 0 3px rgba(12,68,122,.8),0 0 17px rgba(30,135,255,.6),0 5px 16px rgba(0,0,0,.42)!important;
}
.hb-shell-active .hb-voice-bubble svg{width:32px!important;height:32px!important;stroke:#a8edff!important;stroke-width:2.2;filter:drop-shadow(0 0 4px rgba(85,196,255,.9))!important}
.hb-shell-active .hb-voice-bubble svg rect{fill:#a8edff;stroke:#a8edff}
.hb-shell-active .hb-ref-bottom .ask span{color:#70c5ff}
@media(max-width:430px){.hb-shell-active .hb-voice-bubble{width:58px!important;height:58px!important}.hb-shell-active .hb-voice-bubble svg{width:30px!important;height:30px!important}}

.hb-panels-browser[hidden]{display:none!important}
.hb-panels-browser{
 position:fixed;z-index:1280;left:50%;transform:translateX(-50%);
 top:max(164px,calc(env(safe-area-inset-top) + 154px));
 bottom:max(122px,calc(env(safe-area-inset-bottom) + 110px));
 width:min(calc(100vw - 24px),700px);box-sizing:border-box;
 display:flex;flex-direction:column;min-height:0;padding:12px;
 border:1px solid #2d7dac;border-radius:18px;background:rgba(4,20,32,.985);color:#ecf6ff;
 box-shadow:0 16px 44px rgba(0,0,0,.55);pointer-events:auto
}
.hb-panels-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.hb-panels-head small{display:block;color:#8ab9d3;font-size:10px;font-weight:800;letter-spacing:.12em}
.hb-panels-head b{display:block;margin-top:3px;font-size:19px;line-height:1.15}
.hb-panels-head>button{flex:0 0 40px;width:40px;height:40px;border:1px solid #41728d;border-radius:10px;background:#0b2a3e;color:#eaf6ff;font:26px/1 sans-serif}
.hb-panels-browser .hb-panel-picker{padding:10px 0 8px;flex-shrink:0}
.hb-panels-browser .hb-panel-actions{margin-bottom:10px;flex-shrink:0}
.hb-panels-browser #hbPanelStack{display:flex;flex-direction:column;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;align-content:start;padding-right:3px}
.hb-panels-open .hb-ref-left,.hb-panels-open .hb-ref-right,.hb-panels-open #nextMoveCard{visibility:hidden!important;pointer-events:none!important}
@media(min-width:600px){#hbPanelsBrowser .hb-panel-body .platforms{grid-template-columns:repeat(3,minmax(0,1fr))!important}#hbPanelsBrowser #bottomSheet .decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-height:550px){.hb-panels-browser{top:max(78px,calc(env(safe-area-inset-top) + 68px));bottom:96px}.hb-panels-browser .hb-panel-actions{display:none}}

.hb-panels-browser .hb-info-panel{flex:0 0 auto}

/* Compact platform actions stay inside their own cell on narrow phones. */
.hb-platform-bar{height:48px}
.hb-platform-mini{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:3px;padding:4px 3px 4px 9px}
.hb-platform-mini .hb-platform-copy{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden}
.hb-platform-mini .hb-platform-copy b{font-size:9px;letter-spacing:.045em;line-height:1.15}
.hb-platform-mini .hb-platform-price{font-size:12px;line-height:1.2;margin-top:3px;font-variant-numeric:tabular-nums}
.hb-platform-open{display:grid;place-items:center;width:28px;min-width:0;height:40px;padding:0;border:1px solid #8059cb;border-radius:8px;background:#071b2b;color:#aa80ff;cursor:pointer;touch-action:manipulation}
.hb-platform-mini-1 .hb-platform-open{border-color:#a52b70;color:#ff58b0}
.hb-platform-mini-2 .hb-platform-open{border-color:#168d7b;color:#24dfbd}
.hb-platform-open svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hb-platform-open:focus-visible{outline:2px solid #e0f6ff;outline-offset:-3px}
.hb-platform-open:active{background:#133249}
.hb-shell-active #routePlan .compact-route-stop b{white-space:normal!important;overflow-wrap:anywhere;line-height:1.3!important}
.hb-shell-active #routePlan .compact-route-stop b time{display:block;margin-bottom:3px;font-size:.62rem;white-space:normal}
.hb-shell-active #routePlan .compact-route-stop b em{display:none}
.hb-shell-active #routePlan .compact-event span{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35!important}
.hb-shell-active #routePlan .route-head h2{min-width:0}
.hb-shell-active #routePlan .route-head button{flex:0 0 32px;min-width:32px}
@media(max-width:430px){
 .hb-platform-bar{height:48px;grid-template-columns:minmax(0,1fr) 34px;gap:4px}
 .hb-platform-toggle{width:34px;height:40px}
 .hb-platform-mini{grid-template-columns:minmax(0,1fr) 24px;gap:2px;padding:4px 2px 4px 7px}
 .hb-platform-mini .hb-platform-copy b{font-size:clamp(7px,2vw,8.5px);letter-spacing:.025em}
 .hb-platform-mini .hb-platform-price{font-size:clamp(9px,2.65vw,11.5px)}
 .hb-platform-open{width:24px;height:40px;border-radius:7px}
 .hb-platform-open svg{width:14px;height:14px}
}
#hbLocationOptions{box-sizing:border-box;width:min(92vw,400px);max-height:80dvh;overflow:auto;border:1px solid #2784ab;border-radius:18px;background:#071923;color:#eef8ff;padding:18px;font:14px system-ui;z-index:9999}
#hbLocationOptions::backdrop{background:#0009}
#hbLocationOptions header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#hbLocationOptions h2{font-size:20px;margin:0}
#hbLocationOptions p{color:#a9bdca;line-height:1.45}
#hbLocationOptions button{min-height:44px;padding:10px 14px;border:1px solid #287dab;border-radius:10px;background:#12354b;color:white;font:inherit;cursor:pointer}
#hbLocationOptions fieldset{min-width:0;margin:16px 0 0;border:1px solid #355463;border-radius:12px;padding:12px}
#hbLocationOptions label{display:block;margin-bottom:12px}
#hbLocationOptions input{box-sizing:border-box;width:100%;min-width:0;display:block;margin-top:5px;padding:10px;border-radius:8px;border:1px solid #355463;background:#06121b;color:white;font:inherit}
/* Home Base AI chat (typed, ChatGPT-style) */
.hb-chat-panel.hb-chat-ai{display:flex;flex-direction:column}.hb-chat-ai .hb-chat-head,.hb-chat-ai .hb-chat-tools{flex:none}.hb-chat-ai .hb-chat-content{flex:1;height:auto;min-height:0;padding-bottom:16px}
.hb-chat-thread{padding:10px 0 4px}.hb-chat-text{margin-top:4px;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.hb-chat-text p{margin:0 0 8px}.hb-chat-text p:last-child{margin-bottom:0}.hb-chat-text ul,.hb-chat-text ol{margin:4px 0 8px;padding-left:20px}.hb-chat-text li{margin:3px 0}.hb-chat-text h4{margin:10px 0 4px;font-size:.86rem;color:#e6f6ff}.hb-chat-text a{color:#6fd3ff;text-decoration:underline}.hb-chat-text code{background:rgba(64,199,255,.12);border-radius:5px;padding:1px 4px;font-size:.78rem}.hb-chat-text pre{overflow:auto;background:#04131f;border:1px solid rgba(72,168,223,.2);border-radius:10px;padding:8px;margin:6px 0}.hb-chat-text pre code{background:none;padding:0}
.hb-md-table{overflow-x:auto;margin:6px 0 8px}.hb-md-table table{border-collapse:collapse;font-size:.76rem;min-width:100%}.hb-md-table th,.hb-md-table td{border:1px solid rgba(72,168,223,.22);padding:5px 7px;text-align:left;vertical-align:top}.hb-md-table th{background:rgba(64,199,255,.1);color:#dff5ff}
.hb-chat-ai .hb-chat-message{max-width:92%}.hb-chat-ai .hb-chat-message.assistant{background:transparent;border-color:transparent;padding-left:2px;max-width:100%}
.hb-chat-earlier{margin:6px 0 4px;border:1px solid rgba(72,168,223,.16);border-radius:12px;padding:0 10px}.hb-chat-earlier summary{cursor:pointer;padding:10px 0;color:#9fc3d6;font-size:.72rem;font-weight:800}
.hb-chat-suggestions{display:grid;gap:8px;margin-top:14px;width:min(320px,86vw)}.hb-chat-suggestions button{min-height:42px;border:1px solid rgba(72,168,223,.26);border-radius:12px;background:#071b2b;color:#dff5ff;font-size:.76rem;text-align:left;padding:8px 12px}
.hb-chat-dots{display:flex;gap:5px;padding:8px 0 2px}.hb-chat-dots i{width:7px;height:7px;border-radius:50%;background:#6fcfff;opacity:.35;animation:hbChatDot 1.1s infinite}.hb-chat-dots i:nth-child(2){animation-delay:.18s}.hb-chat-dots i:nth-child(3){animation-delay:.36s}@keyframes hbChatDot{0%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.hb-chat-dots i{animation:none;opacity:.7}}
.hb-chat-composer{flex:none;border-top:1px solid rgba(70,168,225,.18);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#020d17}
.hb-chat-row{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:end}.hb-chat-row textarea{width:100%;min-height:42px;max-height:160px;resize:none;border:1px solid rgba(72,168,223,.3);border-radius:14px;background:#081b2a;color:#effaff;padding:10px 12px;font:inherit;font-size:16px;line-height:1.35}.hb-chat-row textarea:focus{outline:2px solid #40c7ff;outline-offset:1px}
.hb-chat-attach,.hb-chat-row button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(72,168,223,.28);border-radius:13px;background:#071b2b;color:#dff5ff;cursor:pointer}.hb-chat-row button{background:#40c7ff;color:#02121e;border-color:#40c7ff}.hb-chat-row button:disabled{opacity:.4;cursor:default}.hb-chat-attach svg,.hb-chat-row button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hb-chat-attachment{position:relative;display:inline-block;margin:0 0 8px 50px}.hb-chat-attachment[hidden]{display:none}.hb-chat-attachment img{display:block;max-height:72px;max-width:120px;border-radius:10px;border:1px solid rgba(72,168,223,.3)}.hb-chat-attachment button{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#ff6b7d;color:#fff;font-weight:900}
.hb-chat-notice{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:rgba(255,107,125,.12);border:1px solid rgba(255,107,125,.3);color:#ffd6dc;font-size:.74rem}.hb-chat-notice[hidden]{display:none}.hb-chat-notice button{margin-left:6px;border:1px solid rgba(255,214,220,.5);border-radius:8px;background:transparent;color:#fff;font-size:.7rem;padding:2px 8px}
#hbHomeWord{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;width:216px!important;padding-left:46px!important}
#hbHomeWord .hb-home-logo{width:30px!important;height:30px!important;flex:0 0 30px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}
#hbHomeWord .hb-home-text{display:flex!important;flex-direction:column!important;min-width:0}
/* Built-in vs Plus switch in the chat composer */
.hb-chat-engine{display:flex;gap:6px;margin:0 0 6px}.hb-chat-engine button{flex:1;min-height:34px;border-radius:10px;border:1px solid rgba(91,145,178,.45);background:#061018;color:#9fb3c0;font:700 .72rem Arial,sans-serif}.hb-chat-engine button[aria-pressed="true"]{background:#0d3550;color:#e6f7ff;border-color:#3ac9ff}
/* Screenshot review sheet */
.hb-read-review{position:fixed;inset:0;z-index:3000;background:rgba(0,8,14,.72);display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
.hb-read-card{width:min(100%,640px);max-height:calc(100dvh - 24px);overflow:auto;background:#04131f;border:1px solid #2f6a88;border-radius:16px;padding:14px;color:#e6f2f8;font:14px/1.4 Arial,sans-serif}
.hb-read-card h3{margin:0 0 6px;font-size:15px;letter-spacing:.04em}.hb-read-note{color:#9fb3c0;font-size:12px;margin:0 0 8px}
.hb-read-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.hb-read-meta label{display:grid;gap:4px;font-size:11px;color:#9fb3c0}
.hb-read-card input,.hb-read-card select{min-height:36px;border-radius:8px;border:1px solid rgba(91,145,178,.5);background:#061018;color:#fff;font:700 14px Arial,sans-serif;padding:4px 6px;width:100%;box-sizing:border-box}
.hb-read-table{overflow-x:auto}.hb-read-table table{width:100%;border-collapse:collapse}.hb-read-table th{font-size:11px;color:#9fb3c0;text-align:left;padding:4px}.hb-read-table td{padding:3px}.hb-read-table td:first-child{width:28px}.hb-read-table td:first-child input{width:20px;min-height:20px}
.hb-read-table td small{display:block;color:#ffb36b;font-size:10px}.hb-read-table tr.flag input[data-f]:placeholder-shown,.hb-read-table tr.flag td{background:rgba(255,179,107,.06)}
.hb-read-total{font-weight:700;font-size:13px;margin:10px 0}.hb-read-actions{display:flex;gap:8px;justify-content:flex-end}.hb-read-actions button{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid #41738e;background:#071c2c;color:#bceaff;font-weight:750}.hb-read-actions .primary-action{background:#0f8fd0;color:#fff;border-color:#0f8fd0}
.hb-plan-line{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0 0 6px;font:700 .7rem Arial,sans-serif;color:#9fb3c0}.hb-plan-line[hidden]{display:none}.hb-plan-line select{min-height:30px;border-radius:8px;border:1px solid rgba(91,145,178,.45);background:#061018;color:#e6f2f8;font:700 .68rem Arial,sans-serif;max-width:58%}
/* Plans & payments (Profile) */
.hb-plans .hb-plan-grid{display:grid;gap:10px;margin:10px 0}@media(min-width:620px){.hb-plans .hb-plan-grid{grid-template-columns:repeat(3,1fr)}}
.hb-plan{border:1px solid rgba(91,145,178,.45);border-radius:14px;padding:12px;background:#061420;display:flex;flex-direction:column;gap:8px}.hb-plan.current{border-color:#3ac9ff;box-shadow:0 0 0 1px #3ac9ff inset}
.hb-plan .hb-plan-head{display:flex;justify-content:space-between;align-items:baseline}.hb-plan .hb-plan-head b{font-size:1rem;color:#e6f7ff}.hb-plan .hb-plan-head span{font-weight:800;color:#9fe3ff}
.hb-plan ul{margin:0;padding-left:18px;color:#c3d5e0;font-size:.78rem;line-height:1.4}.hb-plan em{font-style:normal;font-weight:800;color:#3ac9ff;font-size:.78rem}
.hb-plan button,.hb-plan-actions button{min-height:44px;border-radius:12px;border:1px solid #41738e;background:#071c2c;color:#bceaff;font-weight:800}.hb-plan button.primary-action{background:#0f8fd0;color:#fff;border-color:#0f8fd0}.hb-plan button:disabled{opacity:.55}
.hb-plan-actions{display:flex;gap:8px;flex-wrap:wrap}.hb-plan-actions button{flex:1}