/* Surface-only polish: preserve responsive geometry, gestures and sponsor sizes. */
html body.immersive-preview .sl-app-toolbar,
html body.immersive-preview .sl-app-tabs {
 background:linear-gradient(180deg,#fff 0%,#f5f9fb 100%)!important;
 border:1px solid #d3e1e8!important;
 box-shadow:0 3px 12px #102e431c,inset 0 1px 0 #fff!important;
}
html body.immersive-preview .sl-app-tabs .sl-mode-tab,
html body.immersive-preview .sl-app-tabs>button {
 border-radius:8px!important;color:#365566!important;
 background:transparent!important;border:1px solid transparent!important;
 font-weight:600!important;text-shadow:none!important;
}
html body.immersive-preview .sl-app-tabs [aria-selected="true"] {
 color:#fff!important;background:linear-gradient(180deg,#218e98,#09636f)!important;
 border-color:#176d78!important;box-shadow:inset 0 1px 0 #ffffff59,0 1px 3px #0a49562b!important;
}
html body.immersive-preview .sl-app-tabs [aria-selected="true"] svg {color:#fff!important;stroke:currentColor!important}
html body.immersive-preview .sl-search-box,
html body.immersive-preview .sl-location-field,
html body.immersive-preview .sl-radius-field {
 background:#fff!important;border-color:#d6e3e9!important;box-shadow:inset 0 1px 2px #12374309!important;
}
html body.immersive-preview .sl-map-controls button,
html body.immersive-preview .sl-map-layer-switch,
html body.immersive-preview .preview-panel-toggle,
html body.immersive-preview .sl-mobile-categories,
html body.immersive-preview .sl-filter-button,
html body.immersive-preview .sl-mobile-location-options,
html body.immersive-preview .sl-map-legend>summary {
 background:linear-gradient(180deg,#fff,#edf4f7)!important;color:#254b5d!important;
 border:1px solid #cbdde5!important;box-shadow:inset 0 1px 0 #fff,0 2px 5px #102e431c!important;
 font-weight:600!important;
}
html body.immersive-preview .sl-map-layer-switch button {
 border-radius:7px!important;color:#365566!important;background:transparent!important;
}
html body.immersive-preview .sl-map-layer-switch button.active,
html body.immersive-preview .sl-map-layer-switch button[aria-pressed="true"] {
 background:linear-gradient(180deg,#218e98,#09636f)!important;color:white!important;
 box-shadow:inset 0 1px 0 #ffffff59!important;
}
html body.immersive-preview .sl-mobile-nav {
 background:linear-gradient(180deg,#fff,#f0f6f9)!important;border-top:1px solid #d3e1e8!important;
 box-shadow:0 -2px 10px #12374312!important;
}
html body.immersive-preview .sl-mobile-nav button,
html body.immersive-preview .sl-mobile-nav a {color:#365566!important;font-weight:600!important}
html body.immersive-preview .sl-mobile-nav .active {color:#08717c!important;background:#e4f2f4!important;border-radius:8px}
html body.immersive-preview :is(.sl-app-tabs,.sl-app-toolbar,.sl-map-controls,.sl-mobile-nav) :is(button,a,input,select):focus-visible {
 outline:2px solid #137c91!important;outline-offset:-2px!important;
}
@media(hover:hover){
 html body.immersive-preview .sl-app-tabs .sl-mode-tab:not([aria-selected="true"]):hover {background:#e7f0f5!important;border-color:#d3e1e8!important}
 html body.immersive-preview .sl-map-controls button:hover {background:#e0eef3!important}
}
html body.immersive-preview :is(.sl-app-tabs,.sl-map-controls) button:active {box-shadow:inset 0 2px 3px #0b344329!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab[aria-selected="true"],
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab.active {
 background:linear-gradient(180deg,#43a9b4 0%,#218b97 46%,#096572 50%,#075160 100%)!important;
 color:#fff!important;border:1px solid #0b6370!important;
 box-shadow:inset 0 1px 0 #ffffff99,inset 0 -1px 0 #003c5266,0 2px 4px #0b3b4938!important;
}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab[aria-selected="true"]::after {display:none!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab[aria-selected="true"] span{color:white!important}
html body.immersive-preview[data-page="explore"] .sl-app-toolbar,
html body.immersive-preview[data-page="explore"] .sl-app-tabs {
 background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 45%,#e7f0f5 100%)!important;
 box-shadow:inset 0 1px 0 #fff,0 4px 14px #061e3e33!important;
}
/* Coastal instrument panel: a distinct finish, without enlarging the layout. */
html body.immersive-preview[data-page="explore"] .sl-app-tabs {
 background:linear-gradient(180deg,#234e63 0%,#153a50 48%,#102d42 100%)!important;
 border:1px solid #426378!important;
 box-shadow:inset 0 1px 0 #a5d5e63b,0 5px 14px #041d3538!important;
}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab,
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button:not(.sl-mode-tab) {
 color:#e4f0f5!important;background:linear-gradient(180deg,#ffffff09,#ffffff00)!important;
 border:1px solid transparent!important;border-radius:9px!important;
 text-shadow:0 1px 1px #061b30!important;
}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab[aria-selected="true"] {
 background:linear-gradient(180deg,#57c5ca 0%,#269ea8 43%,#087782 47%,#075a68 100%)!important;
 border-color:#73d0d3!important;color:#fff!important;
 box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #03374599,0 2px 5px #041d3559!important;
}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-category="everything"] svg{color:#bfafff!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-category="places"] svg{color:#70ddd3!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-category="events"] svg{color:#ddaaff!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-show-plan] svg{color:#9cceff!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-category="jobs"] svg{color:#81bfff!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs [data-category="deals"] svg{color:#ffcf73!important}
html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab[aria-selected="true"] svg{color:#fff!important}
html body.immersive-preview[data-page="explore"] .sl-mobile-nav {
 background:linear-gradient(180deg,#234e63,#102d42)!important;border-color:#426378!important;
}
html body.immersive-preview[data-page="explore"] .sl-mobile-nav a,
html body.immersive-preview[data-page="explore"] .sl-mobile-nav button{color:#e4f0f5!important}
html body.immersive-preview[data-page="explore"] .sl-mobile-nav .active{color:#fff!important;background:linear-gradient(180deg,#269ea8,#075a68)!important}
@media(hover:hover){html body.immersive-preview[data-page="explore"] .sl-app-tabs>button.sl-mode-tab:not([aria-selected="true"]):hover{background:#ffffff16!important;border-color:#ffffff38!important}}
@media(min-width:701px){
 html body.immersive-preview[data-page="explore"] .sl-app-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important;flex-wrap:nowrap!important}
 html body.immersive-preview[data-page="explore"] .sl-app-tabs>button{width:100%!important;min-width:0!important;padding-left:4px!important;padding-right:4px!important;box-sizing:border-box!important;white-space:nowrap!important}
}
