/* Aqua product theme — dark marine palette, high legibility, mobile-first. */
:root[data-visual-theme="aqua"]{color-scheme:dark;--bg:#06131d;--surface:#0b202c;--surface-raised:#102b38;--text:#edf8fb;--muted:#a8bdc8;--line:rgba(177,224,235,.18);--accent:#4ce6c5;--accent-strong:#087f6b;--focus:#36c9ee;--shadow-panel:0 12px 34px rgba(0,0,0,.22)}
:root[data-visual-theme="aqua"] html,:root[data-visual-theme="aqua"] body{background:#06131d!important;color:#edf8fb!important}
:root[data-visual-theme="aqua"] body{background:radial-gradient(ellipse at 12% 0%,rgba(53,215,255,.12),transparent 34rem),linear-gradient(180deg,#06131d,#081a25)!important}
:root[data-visual-theme="aqua"] main{color:#edf8fb}
:root[data-visual-theme="aqua"] .topbar,:root[data-visual-theme="aqua"] .site-header{background:rgba(7,23,33,.96)!important;border-bottom:1px solid rgba(177,224,235,.16);box-shadow:0 4px 20px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
:root[data-visual-theme="aqua"] .brand{color:#edf8fb!important}
:root[data-visual-theme="aqua"] .topbar nav a,:root[data-visual-theme="aqua"] .site-header nav a{color:#a8bdc8!important}
:root[data-visual-theme="aqua"] .topbar nav a:hover,:root[data-visual-theme="aqua"] .site-header nav a:hover,:root[data-visual-theme="aqua"] .topbar nav a[aria-current="page"],:root[data-visual-theme="aqua"] .site-header nav a[aria-current="page"]{color:#4ce6c5!important;background:#102f3c;border-color:rgba(76,230,197,.24)}
:root[data-visual-theme="aqua"] h1,:root[data-visual-theme="aqua"] h2,:root[data-visual-theme="aqua"] h3,:root[data-visual-theme="aqua"] h4{color:#edf8fb}
:root[data-visual-theme="aqua"] .lead{color:#a8bdc8!important}
:root[data-visual-theme="aqua"] .cards article,:root[data-visual-theme="aqua"] .ai-box,:root[data-visual-theme="aqua"] .panel-subcard,:root[data-visual-theme="aqua"] .location-context,:root[data-visual-theme="aqua"] .display-header,:root[data-visual-theme="aqua"] .moment-readout,:root[data-visual-theme="aqua"] .station-decision-card,:root[data-visual-theme="aqua"] .radar-diagnostics,:root[data-visual-theme="aqua"] .intel-hero,:root[data-visual-theme="aqua"] .intel-story,:root[data-visual-theme="aqua"] .intel-history,:root[data-visual-theme="aqua"] .manage-card,:root[data-visual-theme="aqua"] .forecast-summary,:root[data-visual-theme="aqua"] .diary-progress,:root[data-visual-theme="aqua"] .condition-auto,:root[data-visual-theme="aqua"] #tidePanel,:root[data-visual-theme="aqua"] #tideForecast,:root[data-visual-theme="aqua"] #tideInteractiveReadout,:root[data-visual-theme="aqua"] #tideTrendChart,:root[data-visual-theme="aqua"] #tideTransparency,:root[data-visual-theme="aqua"] #fishingOutlook,:root[data-visual-theme="aqua"] #radar,:root[data-visual-theme="aqua"] #dashboard,:root[data-visual-theme="aqua"] #rainForecast,:root[data-visual-theme="aqua"] #stationFishingDecision{color:#edf8fb;background:#0b202c;border-color:rgba(177,224,235,.18);box-shadow:0 10px 28px rgba(0,0,0,.18)}
:root[data-visual-theme="aqua"] .cards article strong{color:#edf8fb}
:root[data-visual-theme="aqua"] .cards article small{color:#a8bdc8}
:root[data-visual-theme="aqua"] .primary,:root[data-visual-theme="aqua"] .chat-row button{color:#fff!important;background:linear-gradient(135deg,#16866d,#08745e)!important}
:root[data-visual-theme="aqua"] .secondary,:root[data-visual-theme="aqua"] .map-actions button,:root[data-visual-theme="aqua"] .chips button{color:#edf8fb!important;background:#102b38!important;border-color:rgba(177,224,235,.18)!important}
:root[data-visual-theme="aqua"] input,:root[data-visual-theme="aqua"] select,:root[data-visual-theme="aqua"] textarea{color:#edf8fb!important;background:#0b202c!important;border-color:rgba(177,224,235,.18)!important}
:root[data-visual-theme="aqua"] .page-station .moment-readout,:root[data-visual-theme="aqua"] .page-station .station-decision-card{color:#edf8fb}
:root[data-visual-theme="aqua"] .page-station .moment-grid b,:root[data-visual-theme="aqua"] .page-station .moment-extra b,:root[data-visual-theme="aqua"] .page-station .station-decision-details b{color:#edf8fb}
:root[data-visual-theme="aqua"] .page-station #status{color:#a8bdc8;background:#0b202c;border-color:rgba(177,224,235,.18)}
:root[data-visual-theme="aqua"] footer{border-color:rgba(177,224,235,.18);color:#a8bdc8!important}
@media(min-width:1025px){:root[data-visual-theme="aqua"] main{width:min(1440px,calc(100% - 80px))!important}:root[data-visual-theme="aqua"] .page-station .hero{padding-top:clamp(38px,4vw,64px)!important}:root[data-visual-theme="aqua"] .page-station .moment-readout{padding:clamp(22px,2vw,30px)!important}:root[data-visual-theme="aqua"] .page-station .moment-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}:root[data-visual-theme="aqua"] .page-station .cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:760px){:root[data-visual-theme="aqua"] main{width:calc(100% - 32px)!important}:root[data-visual-theme="aqua"] .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}:root[data-visual-theme="aqua"] .page-station .moment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Forecast details: readable table, bounded dialog and desktop navigation. */
:root[data-visual-theme="aqua"] .tide-forecast-grid{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
:root[data-visual-theme="aqua"] .tide-forecast-grid :where(*){min-width:0;overflow-wrap:anywhere}
:root[data-visual-theme="aqua"] :where(dialog,[role="dialog"],.forecast-modal,.forecast-overlay){box-sizing:border-box;max-width:min(calc(100vw - 24px),1000px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
:root[data-visual-theme="aqua"] :where(dialog,[role="dialog"],.forecast-modal,.forecast-overlay) :where(*){min-width:0;overflow-wrap:anywhere}
@media(min-width:1025px){:root[data-visual-theme="aqua"] .topbar nav{flex-wrap:nowrap;gap:clamp(4px,.5vw,10px)}:root[data-visual-theme="aqua"] .topbar nav a,:root[data-visual-theme="aqua"] .topbar nav button{white-space:nowrap;font-size:clamp(.78rem,.85vw,.92rem)}}
@media(max-width:760px){:root[data-visual-theme="aqua"] .tide-forecast-grid{-webkit-overflow-scrolling:touch}:root[data-visual-theme="aqua"] :where(dialog,[role="dialog"],.forecast-modal,.forecast-overlay){width:calc(100vw - 24px);max-width:calc(100vw - 24px);margin:12px auto}}

/* Screenshot-led refinement: clear tide cards, compact detail rows and mobile-safe forecast. */
:root[data-visual-theme="aqua"] .tide-forecast-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin:0 0 12px;border:1px solid #e0e8e3;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(24,52,39,.035)}
:root[data-visual-theme="aqua"] .tide-forecast-head .eyebrow{display:block;margin-bottom:4px;color:#13866b!important;font-size:.68rem!important;letter-spacing:.11em}
:root[data-visual-theme="aqua"] .tide-forecast-head strong{font-size:1.02rem;line-height:1.35;color:#253747}
:root[data-visual-theme="aqua"] .tide-forecast-note{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;margin-bottom:12px;border:1px solid #dcece2;border-radius:14px;background:#effaf3;color:#263a48}
:root[data-visual-theme="aqua"] .tide-forecast-note p{margin:4px 0 0;color:#607184;line-height:1.55}
:root[data-visual-theme="aqua"] .tide-howto{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
:root[data-visual-theme="aqua"] .tide-howto>div{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:12px;border:1px solid #e1e9e4;border-radius:13px;background:#fff}
:root[data-visual-theme="aqua"] .tide-howto>div b{grid-row:span 2}
:root[data-visual-theme="aqua"] .tide-howto>div span{font-size:.84rem;font-weight:750;color:#253747}
:root[data-visual-theme="aqua"] .tide-howto>div small{font-size:.72rem;color:#6b7a8d;line-height:1.35}
:root[data-visual-theme="aqua"] .tide-days{display:grid;gap:8px;border:0}
:root[data-visual-theme="aqua"] .tide-day{display:grid;grid-template-columns:minmax(100px,.24fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid #e1e9e4;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,52,39,.025)}
:root[data-visual-theme="aqua"] .tide-day-date{color:#253747;font-weight:750}
:root[data-visual-theme="aqua"] .tide-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
:root[data-visual-theme="aqua"] .tide-event{min-width:0;padding:8px 5px;border:0;border-radius:10px;background:#f5f9f6;text-align:center}
:root[data-visual-theme="aqua"] .tide-event-time,:root[data-visual-theme="aqua"] .tide-event-level,:root[data-visual-theme="aqua"] .tide-event-kind{display:block;white-space:normal;overflow-wrap:anywhere}
:root[data-visual-theme="aqua"] .tide-source-note{display:block;margin-top:12px;color:#6b7a8d;line-height:1.5}
:root[data-visual-theme="aqua"] .tide-empty,:root[data-visual-theme="aqua"] .tide-loading{padding:18px;border:1px solid #e1e9e4;border-radius:14px;background:#fff;color:#536579}
@media(max-width:760px){:root[data-visual-theme="aqua"] .tide-forecast-head{align-items:flex-start;flex-direction:column;gap:4px}:root[data-visual-theme="aqua"] .tide-howto{grid-template-columns:1fr}:root[data-visual-theme="aqua"] .tide-day{grid-template-columns:minmax(0,1fr);gap:8px}:root[data-visual-theme="aqua"] .tide-times{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-visual-theme="aqua"] .tide-event{padding:9px 7px}}
@media(min-width:1025px){:root[data-visual-theme="aqua"] .page-station #tideForecast{padding:24px!important}:root[data-visual-theme="aqua"] .page-station .section-head{margin-bottom:28px!important}:root[data-visual-theme="aqua"] .page-station .cards{gap:16px!important}}


/* Final station theme contract: the public station is dark marine, including
   cards explicitly styled by earlier product themes. This block intentionally
   comes last to prevent stale light-theme selectors from winning the cascade. */
html[data-visual-theme="aqua"],html[data-visual-theme="auto"]{
  color-scheme:dark!important;
  --bg:#06131d!important;--surface:#0b202c!important;--surface-raised:#102b38!important;
  --text:#edf8fb!important;--muted:#a8bdc8!important;--line:rgba(177,224,235,.18)!important;
  --accent:#4ce6c5!important;--accent-strong:#20c8a4!important;
}
html[data-visual-theme="aqua"] body,html[data-visual-theme="auto"] body{
  background:radial-gradient(ellipse at 50% 0,rgba(31,105,119,.24),transparent 58%),linear-gradient(180deg,#06131d,#081a25)!important;
  color:#edf8fb!important;
}
html[data-visual-theme="aqua"] .topbar,html[data-visual-theme="auto"] .topbar,
html[data-visual-theme="aqua"] .site-header,html[data-visual-theme="auto"] .site-header{
  background:rgba(7,23,33,.97)!important;color:#edf8fb!important;
  border-color:rgba(177,224,235,.16)!important;
}
html[data-visual-theme="aqua"] .brand,html[data-visual-theme="auto"] .brand,
html[data-visual-theme="aqua"] h1,html[data-visual-theme="auto"] h1,
html[data-visual-theme="aqua"] h2,html[data-visual-theme="auto"] h2,
html[data-visual-theme="aqua"] h3,html[data-visual-theme="auto"] h3,
html[data-visual-theme="aqua"] .station-hero-title,html[data-visual-theme="auto"] .station-hero-title{
  color:#edf8fb!important;
}
html[data-visual-theme="aqua"] .lead,html[data-visual-theme="auto"] .lead,
html[data-visual-theme="aqua"] .station-action-hint,html[data-visual-theme="auto"] .station-action-hint,
html[data-visual-theme="aqua"] #geoSource,html[data-visual-theme="auto"] #geoSource,
html[data-visual-theme="aqua"] .display-header p,html[data-visual-theme="auto"] .display-header p{
  color:#a8bdc8!important;
}
html[data-visual-theme="aqua"] .location-context,html[data-visual-theme="auto"] .location-context,
html[data-visual-theme="aqua"] .display-header,html[data-visual-theme="auto"] .display-header,
html[data-visual-theme="aqua"] .moment-readout,html[data-visual-theme="auto"] .moment-readout,
html[data-visual-theme="aqua"] .station-decision-card,html[data-visual-theme="auto"] .station-decision-card,
html[data-visual-theme="aqua"] #radar,html[data-visual-theme="auto"] #radar,
html[data-visual-theme="aqua"] #dashboard,html[data-visual-theme="auto"] #dashboard,
html[data-visual-theme="aqua"] #rainForecast,html[data-visual-theme="auto"] #rainForecast,
html[data-visual-theme="aqua"] #tidePanel,html[data-visual-theme="auto"] #tidePanel,
html[data-visual-theme="aqua"] #tideForecast,html[data-visual-theme="auto"] #tideForecast,
html[data-visual-theme="aqua"] #fishingOutlook,html[data-visual-theme="auto"] #fishingOutlook{
  color:#edf8fb!important;background:#0b202c!important;border-color:rgba(177,224,235,.18)!important;
}
html[data-visual-theme="aqua"] .moment-grid>div,html[data-visual-theme="auto"] .moment-grid>div,
html[data-visual-theme="aqua"] .station-decision-details>div,html[data-visual-theme="auto"] .station-decision-details>div{
  color:#edf8fb!important;background:#102b38!important;border-color:rgba(177,224,235,.18)!important;
}
html[data-visual-theme="aqua"] .moment-grid b,html[data-visual-theme="auto"] .moment-grid b,
html[data-visual-theme="aqua"] .station-decision-details b,html[data-visual-theme="auto"] .station-decision-details b{
  color:#edf8fb!important;
}
html[data-visual-theme="aqua"] .moment-grid small,html[data-visual-theme="auto"] .moment-grid small,
html[data-visual-theme="aqua"] .station-decision-details small,html[data-visual-theme="auto"] .station-decision-details small{
  color:#a8bdc8!important;
}
html[data-visual-theme="aqua"] .primary,html[data-visual-theme="auto"] .primary{
  background:#087f6b!important;color:#fff!important;
}
@media(max-width:600px){
  html[data-visual-theme="aqua"] .hero,html[data-visual-theme="auto"] .hero{min-height:0!important;padding:26px 0 18px!important}
  html[data-visual-theme="aqua"] .station-hero-title,html[data-visual-theme="auto"] .station-hero-title{font-size:clamp(2.35rem,10vw,3.45rem)!important;line-height:.98!important}
  html[data-visual-theme="aqua"] .moment-grid,html[data-visual-theme="auto"] .moment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* PescaRadar brand system */
.brand{gap:10px!important}
.brand-logo{width:42px!important;height:42px!important;border-radius:12px!important;filter:drop-shadow(0 0 12px rgba(18,214,208,.16))}
.brand-wordmark{display:flex;flex-direction:column;gap:0;line-height:.92;font-weight:900;letter-spacing:.08em;font-size:1rem;color:#edf8fb!important}
.brand-wordmark span{font-size:.64em;letter-spacing:.28em;color:#36d9dc!important;margin-top:5px}
@media(max-width:600px){.brand-logo{width:40px!important;height:40px!important}.brand-wordmark{font-size:.92rem}}


/* PescaRadar contrast contract: shared by the station and secondary pages. */
:root{
  --bg:#050A0F;
  --panel:#0b1622;
  --panel2:#0b1622;
  --text:#f0f6fc;
  --muted:#f0f6fc;
  --line:rgba(0,240,255,.25);
}
body :is(.muted,.text-muted,.secondary-text,.helper-text,.disclaimer,.coords-line,.empty-state,.card small,.panel small,footer,footer a){
  color:#f0f6fc;
}
body :is(input,select,textarea){
  color:#f0f6fc;
  border-color:rgba(0,240,255,.25);
}
body :is(input,textarea)::placeholder{color:#f0f6fc;opacity:1}
body :is(.topbar nav a,.site-header nav a,.nav a,.nav-tab:not(.active),.tab:not(.active)){
  color:#f0f6fc;
}
body :is(article,.card,.panel,.feature-card,.metric-card,.modal-content,.privacy-banner,.privacy-panel){
  border-color:rgba(0,240,255,.25);
}
body :is(button:disabled,.button:disabled,[aria-disabled="true"]){
  opacity:1;
  color:#f0f6fc;
  border-color:rgba(0,240,255,.25);
}
@media(max-width:700px){
  body :is(main,.container,.content,.page-content){min-width:0;max-width:100%;overflow-wrap:anywhere}
  body :is(.grid,.cards,.card-grid,.metric-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
  body :is(.grid>*,.cards>*,.card-grid>*,.metric-grid>*){min-width:0;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:380px){
  body :is(.grid,.cards,.card-grid,.metric-grid){grid-template-columns:minmax(0,1fr)}
}


/* URGENT CONTRAST PATCH — shared secondary-page controls. */
:root{--muted:#8b9bb4;--line:rgba(0,240,255,.3)}
body :is(.secondary,.map-actions button,.chips button,.nav-tab:not(.active),.tab:not(.active),[role="tab"][aria-selected="false"],button[aria-pressed="false"]){
 color:#f0f6fc!important;
 background:rgba(16,31,48,.95)!important;
 border:1px solid rgba(0,240,255,.3)!important;
 opacity:1!important;
 text-shadow:none;
}
body :is(.primary,.button-primary,.nav-tab.active,.tab.active,[role="tab"][aria-selected="true"],button[aria-pressed="true"]){
 color:#00f0ff!important;
 border-color:rgba(0,240,255,.65)!important;
 background:rgba(0,240,255,.14)!important;
}
body :is(.muted,.text-muted,.secondary-text,.helper-text,.disclaimer,.coords-line,.empty-state,.card small,.panel small,footer,footer a){
 color:#8b9bb4!important;
}


/* Shared compact navigation contract across all PescaRadar pages. */
.ecosystem-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(4px,.55vw,9px);flex-wrap:wrap;min-width:0}
.ecosystem-nav a,.ecosystem-nav .nav-tab{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid rgba(0,240,255,.3)!important;border-radius:6px;background:rgba(16,31,48,.95)!important;color:#f0f6fc!important;font-size:clamp(.72rem,.85vw,.88rem);line-height:1.2;text-decoration:none;white-space:nowrap;opacity:1!important}
.ecosystem-nav a:hover,.ecosystem-nav a:focus-visible{color:#00f0ff!important;border-color:rgba(0,240,255,.7)!important;background:rgba(0,240,255,.12)!important}
.ecosystem-nav a[aria-current="page"],.ecosystem-nav .nav-tab.active{color:#00f0ff!important;border-color:rgba(0,240,255,.65)!important;background:rgba(0,240,255,.14)!important}
@media(max-width:760px){.topbar,.site-header{height:auto;min-height:56px;align-items:flex-start;gap:8px;flex-wrap:wrap}.ecosystem-nav{justify-content:flex-start;width:100%;gap:5px}.ecosystem-nav a,.ecosystem-nav .nav-tab{min-height:32px;padding:6px 8px;font-size:.76rem}.top-nav.ecosystem-nav{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding:4px 0;max-width:100%}}

/* Fish target chooser: use one compact native combo instead of a wall of buttons. */
#targetSpeciesGrid,.target-species-grid,.species-button-grid,[data-target-species-buttons]{display:none!important}
.target-species-control{max-width:100%;margin:8px 0 12px}
.target-species-control select,#target-species{appearance:auto;min-height:42px;border-radius:8px!important;background:#0C1622!important;color:#F0F6FC!important;border:1px solid rgba(0,240,255,.4)!important}


/* Previsão ambiental de 7 dias — contraste Sonar Tactical HUD. */
html[data-visual-theme] .forecast-summary{
  display:grid;gap:6px;min-width:0;margin:12px 0;padding:14px 16px;
  color:#f0f6fc!important;background:#0c1622!important;
  border:1px solid rgba(0,240,255,.42)!important;border-radius:8px;
}
html[data-visual-theme] .forecast-summary strong{color:#00f0ff!important;font-size:1rem;line-height:1.4}
html[data-visual-theme] .forecast-summary span{color:#f0f6fc!important;line-height:1.5}
html[data-visual-theme] .outlook-day-card{min-width:0;background:#0c1622!important;color:#f0f6fc!important;border:1px solid rgba(0,240,255,.3)!important}
html[data-visual-theme] .outlook-day-card :is(strong,b,p,span,small){overflow-wrap:anywhere}


/* Mobile-first tactical navigation: compact header, drawer and fixed field controls. */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;flex-wrap:nowrap;padding-inline:clamp(12px,3vw,24px)}
.topbar .brand{min-width:0;flex:0 1 auto}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.topbar-status{max-width:clamp(90px,18vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;flex:0 0 44px;padding:9px;border:1px solid rgba(0,240,255,.5);border-radius:9px;background:#0c1622;color:#f0f6fc;cursor:pointer}
.menu-toggle span{display:block;width:21px;height:2px;border-radius:2px;background:#00f0ff}
.site-drawer{position:fixed;z-index:1200;inset:0 0 0 auto;width:min(340px,88vw);height:100dvh;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;background:#0c1622;color:#f0f6fc;border-left:1px solid #00f0ff;box-shadow:-18px 0 48px rgba(0,0,0,.55);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
.site-drawer.is-open{transform:translateX(0);visibility:visible}
.drawer-backdrop{position:fixed;z-index:1190;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(2px)}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 16px;border-bottom:1px solid rgba(0,240,255,.3);color:#f0f6fc}
.drawer-heading strong{font-size:.9rem;letter-spacing:.08em}
.drawer-heading button{width:40px;height:40px;border:1px solid rgba(0,240,255,.4);border-radius:8px;background:#102030;color:#f0f6fc;font-size:1.1rem}
.drawer-links{display:grid;gap:8px;padding-top:16px}
.drawer-links a,.drawer-links button{display:flex;align-items:center;min-height:46px;width:100%;padding:11px 13px;border:1px solid rgba(0,240,255,.25);border-radius:8px;background:#101f30;color:#f0f6fc;text-align:left;text-decoration:none;font:inherit;cursor:pointer}
.drawer-links a:focus-visible,.drawer-links button:focus-visible,.menu-toggle:focus-visible{outline:2px solid #00f0ff;outline-offset:2px}
.field-bottom-nav{display:none}
body.drawer-open{overflow:hidden}
@media(max-width:760px){
 .topbar{min-height:60px;padding:8px 12px}
 .topbar-status{display:none}
 .topbar-actions{gap:7px}
 .install-app{min-height:40px!important;padding:7px 9px!important;font-size:.78rem!important;white-space:nowrap}
 .field-bottom-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(5,10,15,.97);border-top:1px solid rgba(0,240,255,.4);box-shadow:0 -8px 24px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
 .field-bottom-nav button{display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:4px 2px;border:1px solid transparent;border-radius:8px;background:transparent;color:#f0f6fc;font:inherit;cursor:pointer}
 .field-bottom-nav button span{font-size:1.1rem;line-height:1.2}
 .field-bottom-nav button small{font-size:.72rem;line-height:1.2;color:#f0f6fc}
 .field-bottom-nav button.active{background:rgba(0,240,255,.12);border-color:rgba(0,240,255,.5);color:#00f0ff}
 .field-bottom-nav button.active small{color:#00f0ff}
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 #appMain,main,.bento-grid,.card,.view{min-width:0;max-width:100%}
 .bento-grid{grid-template-columns:minmax(0,1fr)!important}
 .bento-grid>*{min-width:0;max-width:100%}
}
@media(min-width:761px){.site-drawer{width:360px}.field-bottom-nav{display:none}}
@media(prefers-reduced-motion:reduce){.site-drawer{transition:none}}