/* News and heliophysics controls must also work after moving into a lightbox. */
body .tab-content[id^="sw-"] {
  --spw-bg:#071522;--spw-card:#102836;--spw-line:#355368;
  --spw-ink:#e3eff3;--spw-muted:#a7c0ce;--spw-accent:#8be0cb;
}
body .tab-content[id^="sw-"] :is(button,select,input) {
  font:inherit;color:#e3eff3;background:#173447;border:1px solid #4b6e82;
  border-radius:6px;padding:8px 10px;max-width:100%;min-width:0;
}
body.theme-light .tab-content[id^="sw-"] {
  --spw-bg:#f0f6f7;--spw-card:#fff;--spw-line:#b8d0db;
  --spw-ink:#163a4d;--spw-muted:#527183;
}
body.theme-light .tab-content[id^="sw-"] :is(button,select,input) {
  color:#163a4d;background:#e4f0f3;border-color:#96bdcb;
}
body #spaceWeatherRefreshBtn {min-height:36px;padding:7px 10px;font:600 12px/1.4 system-ui,sans-serif;}
body :is(#panel-news-feed > .tab-bar, #spaceWeatherWorldStage > .tab-bar) {
  display:flex!important;flex-wrap:wrap;gap:6px;padding:8px;
  height:auto!important;min-height:0;overflow:visible;flex:0 0 auto;
}
body :is(#panel-news-feed > .tab-bar, #spaceWeatherWorldStage > .tab-bar) > .tab-btn {
  flex:1 1 104px;min-width:0!important;max-width:100%;height:auto!important;
  min-height:36px;padding:8px 10px!important;white-space:normal!important;
  overflow-wrap:normal;word-break:normal;text-overflow:clip;overflow:visible;
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  font:600 12px/1.35 system-ui,sans-serif!important;letter-spacing:normal!important;
  text-transform:none!important;color:var(--text-bright,#edf3f8);
}
body :is(#panel-news-feed, #panel-space-weather) > .panel-header {
  flex-wrap:wrap;height:auto;min-height:48px;gap:6px;padding-right:48px;
}
body :is(#panel-news-feed, #panel-space-weather) > .panel-header .panel-title {
  flex:1 1 auto;overflow:visible;white-space:normal;text-overflow:clip;
}
body :is(#panel-news-feed, #panel-space-weather) > .panel-header .panel-timestamp {
  flex:1 1 100%;margin-left:0;
}
body :is(.tab-content[id^="news-"], .tab-content[id^="sw-"]) > .workspace-expand-tools {
  position:relative!important;inset:auto!important;display:flex!important;
  flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;
  width:100%;max-width:100%!important;padding:8px;min-height:0!important;
}
body :is(.tab-content[id^="news-"], .tab-content[id^="sw-"]) > .workspace-expand-tools .wt-view-actions {
  display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;
}
body :is(.tab-content[id^="news-"], .tab-content[id^="sw-"], #spaceWeatherWorldStage, .spw-map-stage) button {
  box-sizing:border-box;max-width:100%;height:auto;min-height:36px;
  white-space:normal;overflow-wrap:anywhere;line-height:1.4;letter-spacing:normal;
}
body :is(.tab-content[id^="news-"], .tab-content[id^="sw-"]) > .workspace-expand-tools button {
  flex:0 1 auto;font:600 12px/1.4 system-ui,sans-serif;padding:7px 10px;
}
body .watchtower-map-lightbox-stage > :is(.tab-content[id^="news-"], .tab-content[id^="sw-"])[data-workspace-expanded] > .workspace-expand-tools,
body .watchtower-map-lightbox-stage > #spaceWeatherWorldStage .workspace-expand-tools {
  display:none!important;
}
body #spwExpand {font:600 12px/1.4 system-ui,sans-serif;white-space:normal;padding:8px 10px;}
body :is(.spw-local-nav, .md-nav, .md-actions, .md-pagination) {flex-wrap:wrap;}
body .spw-local-nav {display:flex;gap:6px;}
body .spw-local-nav button {flex:1 1 130px;overflow-wrap:normal;word-break:normal;}
body .tab-content[id^="news-"] .md-tabs {flex-wrap:wrap;overflow:visible;}
body .tab-content[id^="news-"] .md-tabs button {flex:1 1 105px;min-width:0;}
body .tab-content[id^="news-"] .md-topic-nav {display:flex;flex-wrap:wrap;}
body .tab-content[id^="news-"] .md-topic {flex:1 1 100px;font-size:12px;padding:8px;overflow-wrap:normal;}
body .tab-content[id^="news-"] .md-hero-top {flex-wrap:wrap;}
body.theme-light :is(#spaceWeatherWorldStage,.spw-content) :is(button,select,input) {
  color:#163a4d;background:#e4f0f3;border-color:#96bdcb;
}
body.theme-light #spaceWeatherWorldStage > .spw-entry-tools,
body.theme-light #spaceWeatherWorldStage > .spw-status {color:#34596a;background:#e4f0f3;}
body :is(#panel-news-feed,#panel-space-weather,.tab-content[id^="news-"],.tab-content[id^="sw-"],#spaceWeatherWorldStage) button:focus-visible {
  outline:2px solid var(--wt-command-focus,#9dd8ff);outline-offset:2px;
}
@media(max-width:700px){body :is(#panel-news-feed,#panel-space-weather,.tab-content[id^="news-"],.tab-content[id^="sw-"],#spaceWeatherWorldStage,.spw-map-stage) button{min-height:44px;}}