/* WRS GEMPA visual identity refresh — presentation only; feed and map logic are untouched. */
:root{
  --wrs-brand-red:#e51d3d;--wrs-brand-red-dark:#b81431;--wrs-brand-green:#208b51;
  --wrs-brand-shadow:0 12px 32px rgba(19,34,52,.10);
}
html[data-wrs-theme="light"]{
  color-scheme:light!important;--wrs-bg:#f3f6fa;--wrs-surface:#fff;--wrs-surface-2:#f8fafc;
  --wrs-border:rgba(27,43,63,.12);--wrs-muted:#6b7789;--wrs-text:#162032;
  --wrs-cyan:#e51d3d;--wrs-blue:#2964a5;--wrs-red:#e51d3d;--wrs-shadow:0 10px 28px rgba(24,39,58,.09);
}
html[data-wrs-theme="dark"]{
  color-scheme:dark!important;--wrs-bg:#090d14;--wrs-surface:#111721;--wrs-surface-2:#171f2b;
  --wrs-border:rgba(188,201,218,.14);--wrs-muted:#98a4b5;--wrs-text:#f4f6fa;
  --wrs-cyan:#ff5a6f;--wrs-blue:#6595cc;--wrs-red:#ff435e;--wrs-shadow:0 16px 36px rgba(0,0,0,.28);
}
html[data-wrs-theme="light"] body,html[data-wrs-theme="dark"] body{
  background:var(--wrs-bg)!important;color:var(--wrs-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
html[data-wrs-theme="light"] .mobile-page,
html[data-wrs-theme="light"] #mobileMoreControls,
html[data-wrs-theme="light"] .mobile-more-controls,
html[data-wrs-theme="light"] #rightPanel,
html[data-wrs-theme="light"] .right-panel,
html[data-wrs-theme="light"] .notification-center-panel,
html[data-wrs-theme="light"] .notification-center-item,
html[data-wrs-theme="light"] .notification-center-dialog,
html[data-wrs-theme="light"] .settings-detail-body{
  background:#f5f7fb!important;color:#172235!important;
}
html[data-wrs-theme="light"] .mobile-page-title,
html[data-wrs-theme="light"] .settings-detail-header,
html[data-wrs-theme="light"] .wrs-mobile-live-header{
  color:#162032!important;background:rgba(255,255,255,.96)!important;border-color:rgba(20,35,55,.10)!important;
}
html[data-wrs-theme="light"] .mobile-page-title small,
html[data-wrs-theme="light"] .wrs-mobile-brand-copy small,
html[data-wrs-theme="light"] .wrs-mobile-connection-copy small{color:#68778b!important}
html[data-wrs-theme="light"] .glass-panel,
html[data-wrs-theme="light"] .wrs-health,
html[data-wrs-theme="light"] .map-stats,
html[data-wrs-theme="light"] .modal-card,
html[data-wrs-theme="light"] .modal-content,
html[data-wrs-theme="light"] .wrs-diagnostic-card,
html[data-wrs-theme="light"] .wrs-push-filter-card{
  background:rgba(255,255,255,.96)!important;color:#172235!important;
  border-color:rgba(26,43,65,.13)!important;box-shadow:var(--wrs-brand-shadow)!important;
}
html[data-wrs-theme="light"] .panel-header,
html[data-wrs-theme="light"] .world-clock-panel{
  background:#f8fafc!important;color:#253348!important;border-color:rgba(26,43,65,.10)!important;
}
html[data-wrs-theme="light"] .world-clock-head,
html[data-wrs-theme="light"] .world-clock-time small,
html[data-wrs-theme="light"] .world-clock-time time,
html[data-wrs-theme="light"] .world-clock-param span{color:#718096!important}
html[data-wrs-theme="light"] .world-clock-time strong,
html[data-wrs-theme="light"] .world-clock-param strong{color:#182539!important}
html[data-wrs-theme="light"] .mobile-bottom-nav{
  background:rgba(255,255,255,.96)!important;border-color:rgba(25,42,63,.12)!important;
  box-shadow:0 -8px 24px rgba(20,35,54,.08)!important;backdrop-filter:blur(20px)!important;
}
html[data-wrs-theme="light"] .mobile-bottom-nav button{color:#7a8697!important}
.mobile-bottom-nav button .nav-symbol{transition:transform .18s ease}
.mobile-bottom-nav button.active{color:var(--wrs-brand-red)!important}
.mobile-bottom-nav button.active .nav-symbol{color:var(--wrs-brand-red)!important;transform:translateY(-1px)}
.mobile-bottom-nav button.active .nav-symbol::before{background:rgba(229,29,61,.09)!important}
.mobile-bottom-nav .nav-chat .nav-symbol{border-radius:13px}
html[data-wrs-theme="light"] .mobile-bottom-nav .nav-chat.active .nav-symbol{
  background:linear-gradient(135deg,#e51d3d,#bc1534)!important;color:#fff!important;box-shadow:0 5px 13px rgba(229,29,61,.22);
}
html[data-wrs-theme="light"] .wrs-mobile-brand img{filter:none!important}
.wrs-mobile-brand img,.wrs-brand-logo{object-fit:contain}
.wrs-mobile-brand-copy strong{letter-spacing:-.025em}
.wrs-mobile-brand-copy strong span{color:var(--wrs-brand-red)!important}
html[data-wrs-theme="light"] .wrs-mobile-connection{background:#f4f6fa!important;border-color:rgba(26,43,65,.11)!important;color:#354258!important}
html[data-wrs-theme="light"] .wrs-mobile-connection-copy strong{color:#34435a!important}
html[data-wrs-theme="light"] .wrs-mobile-connection.is-connected .wrs-mobile-connection-led{background:#20a15c!important}
html[data-wrs-theme="light"] .v-toolbar .tb-btn,
html[data-wrs-theme="light"] .wrs-mobile-map-quicktools button{
  color:#253349!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(25,42,63,.13)!important;
  box-shadow:0 7px 18px rgba(25,42,63,.10)!important;
}
html[data-wrs-theme="light"] .basemap-menu{background:#fff!important;border-color:rgba(24,40,61,.14)!important}
html[data-wrs-theme="light"] .basemap-menu .bm-opt{color:#4c5b70!important}
html[data-wrs-theme="light"] .basemap-menu .bm-opt.active{background:#fff0f2!important;color:#b81431!important;border-color:#ffc4ce!important}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel *,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="light"] #mobilePageAlerts .alert-card,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-diagnostic-card{
  --wrs-text:#172235;
}
html[data-wrs-theme="light"] .notification-center-panel,
html[data-wrs-theme="light"] .notification-center-item,
html[data-wrs-theme="light"] .settings-detail-body>*,
html[data-wrs-theme="light"] .wrs-more-card,
html[data-wrs-theme="light"] .wrs-settings-card{
  background:#fff!important;color:#172235!important;border-color:rgba(25,42,63,.12)!important;
}
html[data-wrs-theme="light"] button,
html[data-wrs-theme="light"] input,
html[data-wrs-theme="light"] select,
html[data-wrs-theme="light"] textarea{color-scheme:light!important}
html[data-wrs-theme="light"] input,html[data-wrs-theme="light"] textarea,html[data-wrs-theme="light"] select{
  background:#fff!important;color:#182539!important;border-color:#d9e0e9!important;
}
html[data-wrs-theme="light"] input::placeholder,html[data-wrs-theme="light"] textarea::placeholder{color:#8793a3!important}
html[data-wrs-theme="light"] .wrs-ai-panel{background:linear-gradient(160deg,#fff,#f7f9fc)!important;color:#182539!important;border:1px solid #e0e5ed!important;box-shadow:0 18px 55px rgba(18,34,54,.20)!important}
html[data-wrs-theme="light"] .wrs-ai-head{background:#fff!important;border-bottom-color:#e6eaf0!important}
html[data-wrs-theme="light"] .wrs-ai-title strong{color:#182539!important}
html[data-wrs-theme="light"] .wrs-ai-title span,html[data-wrs-theme="light"] .wrs-ai-foot{color:#718096!important}
html[data-wrs-theme="light"] .wrs-ai-notice{background:#fff8e8!important;color:#80551b!important;border-color:#f4e1b8!important}
html[data-wrs-theme="light"] .wrs-ai-msg.assistant{background:#f1f4f8!important;color:#27354a!important;border-color:#e1e6ee!important}
html[data-wrs-theme="light"] .wrs-ai-msg.user{background:#fff0f2!important;color:#9c1830!important;border-color:#ffc8d1!important}
html[data-wrs-theme="light"] .wrs-ai-form,html[data-wrs-theme="light"] .wrs-ai-foot{background:#fff!important;border-color:#e6eaf0!important}
html[data-wrs-theme="light"] #wrsAiInput{background:#f8fafc!important;color:#172235!important;border-color:#dce3ec!important}
.wrs-ai-mark{overflow:hidden!important;background:#11151d!important;border:1px solid rgba(229,29,61,.3)!important;padding:0!important;box-shadow:0 0 0 3px rgba(229,29,61,.07)}
.wrs-ai-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.wrs-ai-mark .wrs-ai-mark-spark{position:absolute;right:-2px;top:-3px;color:#ff435e;text-shadow:0 0 8px #ff435e}
.wrs-ai-head{border-bottom-color:rgba(229,29,61,.15)!important}
.wrs-ai-send{background:linear-gradient(135deg,#e51d3d,#b81431)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 13px rgba(229,29,61,.18)}
#wrsAiLauncher{border-color:rgba(229,29,61,.40)!important;background:linear-gradient(135deg,#e51d3d,#a9112b 75%)!important;color:#fff!important}
#wrsAiTuck{border-color:rgba(229,29,61,.40)!important;border-left-color:rgba(255,255,255,.18)!important;background:#a9112b!important;color:#fff!important}
.wrs-theme-setting{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:13px 14px;border:1px solid rgba(120,135,154,.20);border-radius:16px;background:var(--wrs-surface, #fff);box-shadow:0 8px 22px rgba(19,34,52,.06)}
.wrs-theme-setting-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:rgba(229,29,61,.09);color:#e51d3d}
.wrs-theme-setting-copy{flex:1;min-width:0}.wrs-theme-setting-copy strong{display:block;font-size:13px;color:inherit}.wrs-theme-setting-copy small{display:block;margin-top:3px;color:var(--wrs-muted,#6b7789);font-size:11px}
.wrs-theme-setting button{border:0;border-radius:999px;background:#e51d3d;color:white;padding:9px 12px;font-size:11px;font-weight:800;white-space:nowrap}
html[data-wrs-theme="dark"] .wrs-theme-setting{background:#111721;color:#f4f6fa;border-color:rgba(188,201,218,.14)}
html[data-wrs-theme="dark"] .wrs-theme-setting button{background:#e51d3d;color:#fff}
/* Branded animated entry overlay. The live map remains mounted underneath it. */
.wrs-brand-splash{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:26px 20px calc(26px + env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse at 50% 20%,rgba(229,29,61,.075),transparent 42%),var(--wrs-bg,#f3f6fa);color:var(--wrs-text,#162032);opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}
.wrs-brand-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.wrs-splash-card{width:min(390px,100%);display:flex;flex-direction:column;align-items:center;text-align:center}
.wrs-splash-logo{width:102px;height:102px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(229,29,61,.12));animation:wrsLogoArrive .78s cubic-bezier(.2,.75,.2,1) both}
.wrs-splash-wordmark{margin-top:18px;font-size:29px;line-height:1.08;font-weight:900;letter-spacing:-.055em;color:var(--wrs-text,#162032)}
.wrs-splash-tagline{margin:8px 0 0;font-size:12px;letter-spacing:.015em;color:var(--wrs-muted,#6b7789)}
.wrs-splash-map{width:min(330px,92%);height:118px;margin:24px 0 10px;opacity:.8;animation:wrsMapArrive 1.0s ease both}
.wrs-splash-sources{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.wrs-splash-source{display:flex;align-items:center;gap:10px;text-align:left;min-width:0;padding:11px;border-radius:15px;background:var(--wrs-surface,#fff);border:1px solid var(--wrs-border,rgba(27,43,63,.12));box-shadow:0 7px 20px rgba(19,34,52,.05)}
.wrs-source-mark{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;font-size:9px;font-weight:900;letter-spacing:-.04em;color:#fff;background:linear-gradient(155deg,#258b64,#146b4a);border:2px solid #e2f3e9}
.wrs-source-mark.usgs{border-radius:9px;background:linear-gradient(145deg,#ed5b35,#ad2e20);letter-spacing:-.02em}
.wrs-splash-source strong{display:block;font-size:11px;line-height:1.25}.wrs-splash-source small{display:block;margin-top:3px;font-size:9px;line-height:1.3;color:var(--wrs-muted,#6b7789)}
.wrs-splash-loading{width:150px;height:3px;overflow:hidden;margin:26px auto 0;border-radius:99px;background:rgba(120,135,154,.18)}
.wrs-splash-loading:after{content:"";display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b81431,#ff596f);animation:wrsLoadTravel 1.25s ease-in-out infinite}
html[data-wrs-theme="dark"] .wrs-brand-splash{background:radial-gradient(ellipse at 50% 20%,rgba(229,29,61,.16),transparent 44%),#090d14}
html[data-wrs-theme="dark"] .wrs-splash-map path{fill:#252d39!important;stroke:#252d39!important}
@keyframes wrsLogoArrive{0%{opacity:0;transform:translateY(14px) scale(.82)}68%{opacity:1;transform:translateY(-2px) scale(1.025)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes wrsMapArrive{from{opacity:0;transform:translateY(10px)}to{opacity:.8;transform:translateY(0)}}
@keyframes wrsLoadTravel{0%{transform:translateX(-120%)}100%{transform:translateX(360%)}}
@media(prefers-reduced-motion:reduce){.wrs-splash-logo,.wrs-splash-map,.wrs-splash-loading:after{animation:none!important}.wrs-brand-splash{transition:none!important}}
@media(max-height:690px){.wrs-splash-map{height:80px;margin:14px 0 5px}.wrs-splash-logo{width:80px;height:80px}.wrs-splash-wordmark{font-size:26px;margin-top:12px}.wrs-splash-sources{margin-top:12px}.wrs-splash-loading{margin-top:16px}}
@media(max-width:410px){.wrs-splash-source{padding:9px;gap:7px}.wrs-source-mark{width:32px;height:32px;flex-basis:32px;font-size:8px}.wrs-splash-source strong{font-size:10px}.wrs-splash-source small{font-size:8px}}
@media(max-width:1200px){
 html[data-wrs-theme="light"] .mobile-page-title{background:#f5f7fb!important}
 html[data-wrs-theme="light"] .mobile-page-title::after{background:#e51d3d!important}
 #mobilePageInfo .mobile-page-title,#mobilePageDetail .mobile-page-title,#mobilePageAlerts .mobile-page-title{letter-spacing:-.035em}
}

/* Theme preference row: only the small choice pill is red, not the whole row. */
.wrs-ai-mark{position:relative!important}
.wrs-theme-setting{display:block!important;padding:0!important;overflow:hidden}
.wrs-theme-setting .wrs-theme-switch{display:flex!important;width:100%!important;align-items:center!important;gap:12px!important;margin:0!important;padding:12px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;text-align:left!important;box-shadow:none!important}
.wrs-theme-setting .wrs-theme-switch:focus-visible{outline:2px solid #e51d3d!important;outline-offset:-3px!important}
.wrs-theme-switch .wrs-theme-setting-icon{flex:0 0 40px}
.wrs-theme-switch-label{display:inline-block;margin-left:auto;padding:8px 11px;border-radius:999px;background:#e51d3d;color:#fff;font-size:11px;font-weight:800}
html[data-wrs-theme="dark"] .wrs-theme-setting .wrs-theme-switch{background:transparent!important;color:#f4f6fa!important}

html[data-wrs-theme="light"] .map-overlay{background:linear-gradient(180deg,rgba(248,250,253,.04),transparent 26%,transparent 72%,rgba(248,250,253,.035))!important}
html[data-wrs-theme="light"] .rp-card,
html[data-wrs-theme="light"] .rp-section,
html[data-wrs-theme="light"] .rp-block,
html[data-wrs-theme="light"] .rp-summary,
html[data-wrs-theme="light"] .rp-info-row,
html[data-wrs-theme="light"] .rp-source-card,
html[data-wrs-theme="light"] .quake-card,
html[data-wrs-theme="light"] .quake-row,
html[data-wrs-theme="light"] .event-row,
html[data-wrs-theme="light"] .catalog-item,
html[data-wrs-theme="light"] .quake-item,
html[data-wrs-theme="light"] .wrs-event-card,
html[data-wrs-theme="light"] #mobilePageInfo article,
html[data-wrs-theme="light"] #mobilePageDetail article,
html[data-wrs-theme="light"] #mobilePageAlerts article{
  background:#fff!important;color:#172235!important;border-color:#e3e8ef!important;
  box-shadow:0 7px 22px rgba(22,37,57,.055)!important;
}
html[data-wrs-theme="light"] .rp-card h2,
html[data-wrs-theme="light"] .rp-card h3,
html[data-wrs-theme="light"] .rp-section h2,
html[data-wrs-theme="light"] .rp-section h3,
html[data-wrs-theme="light"] .rp-label,
html[data-wrs-theme="light"] .rp-value,
html[data-wrs-theme="light"] .rp-info-row strong{color:#1d2a3d!important}
html[data-wrs-theme="light"] .rp-muted,
html[data-wrs-theme="light"] .rp-sub,
html[data-wrs-theme="light"] .rp-card small,
html[data-wrs-theme="light"] .rp-section small{color:#69788c!important}
html[data-wrs-theme="light"] .mobile-page button:not(.wrs-theme-switch):not(.wrs-ai-send),
html[data-wrs-theme="light"] #mobileMoreControls button:not(.wrs-theme-switch){
  border-color:#dfe5ed;
}
html[data-wrs-theme="light"] .wrs-ai-quick-prompts button{background:#fff!important;color:#38485f!important;border-color:#e1e6ee!important}
html[data-wrs-theme="light"] .wrs-ai-quick-prompts button:active{background:#fff0f2!important;color:#a5142e!important}
 

/* ===== WRS GEMPA: reference-aligned mobile live screen + consistent themes ===== */
html[data-wrs-theme="light"]{
  color-scheme:light!important;
  --wrs-bg-deep:#f3f6fa;--wrs-bg:#f3f6fa;--wrs-surface:#fff;--wrs-surface-2:#f8fafc;
  --wrs-panel:#fff;--wrs-panel-raised:#fff;--wrs-border:rgba(27,43,63,.12);
  --wrs-line:rgba(27,43,63,.12);--wrs-line-strong:rgba(229,29,61,.45);
  --wrs-text:#172235;--wrs-text-muted:#6b7789;--wrs-muted:#6b7789;
  --wrs-cyan:#e51d3d;--wrs-blue:#2962a0;--wrs-red:#e51d3d;
  --wrs-shadow:0 10px 28px rgba(24,39,58,.09);
}
html[data-wrs-theme="dark"]{
  color-scheme:dark!important;
  --wrs-bg-deep:#090d14;--wrs-bg:#090d14;--wrs-surface:#111721;--wrs-surface-2:#171f2b;
  --wrs-panel:#111721;--wrs-panel-raised:#171f2b;--wrs-border:rgba(188,201,218,.14);
  --wrs-line:rgba(188,201,218,.14);--wrs-line-strong:rgba(255,67,94,.45);
  --wrs-text:#f4f6fa;--wrs-text-muted:#98a4b5;--wrs-muted:#98a4b5;
  --wrs-cyan:#ff5a6f;--wrs-blue:#6595cc;--wrs-red:#ff435e;
  --wrs-shadow:0 16px 36px rgba(0,0,0,.28);
}
html[data-wrs-theme="light"] body,
html[data-wrs-theme="dark"] body{
  color-scheme:inherit!important;background:var(--wrs-bg)!important;color:var(--wrs-text)!important;
}
html[data-wrs-theme="light"] .mobile-page,
html[data-wrs-theme="dark"] .mobile-page{
  color:var(--wrs-text)!important;
}
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap),
html[data-wrs-theme="light"] #mobileMoreControls,
html[data-wrs-theme="light"] .mobile-more-controls,
html[data-wrs-theme="light"] #mobilePageSettingDetail,
html[data-wrs-theme="light"] .settings-detail-body{
  background:#f3f6fa!important;color:#172235!important;
}
html[data-wrs-theme="dark"] .mobile-page:not(#mobilePageMap),
html[data-wrs-theme="dark"] #mobileMoreControls,
html[data-wrs-theme="dark"] .mobile-more-controls,
html[data-wrs-theme="dark"] #mobilePageSettingDetail,
html[data-wrs-theme="dark"] .settings-detail-body{
  background:#090d14!important;color:#f4f6fa!important;
}
html[data-wrs-theme="light"] .mobile-page-title,
html[data-wrs-theme="light"] .settings-detail-header{
  color:#172235!important;background:rgba(255,255,255,.94)!important;border-color:#e2e7ef!important;
}
html[data-wrs-theme="light"] .mobile-page-title small,
html[data-wrs-theme="light"] .settings-detail-header p,
html[data-wrs-theme="light"] .settings-detail-header small{color:#6b7789!important}
html[data-wrs-theme="light"] .mobile-page-title::after{background:linear-gradient(90deg,#e51d3d,rgba(229,29,61,.12))!important}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel.sheet-collapsed,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="light"] #mobilePageDetail .right-panel,
html[data-wrs-theme="light"] #mobilePageLegend .left-bottom,
html[data-wrs-theme="light"] #mobileMoreControls,
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-detail-body,
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-detail-intro,
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-info-panel{
  background:#fff!important;color:#172235!important;border:1px solid #e1e7ef!important;
  box-shadow:0 8px 24px rgba(22,37,57,.06)!important;
}
html[data-wrs-theme="dark"] #mobilePageInfo .right-panel,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="dark"] #mobilePageDetail .right-panel,
html[data-wrs-theme="dark"] #mobilePageLegend .left-bottom,
html[data-wrs-theme="dark"] #mobileMoreControls,
html[data-wrs-theme="dark"] #mobilePageSettingDetail .settings-info-panel{
  background:#111721!important;color:#f4f6fa!important;border-color:rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-card,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-section,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-summary,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-info-row,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-source-card,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-item,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-event,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .hist-search-field,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .hist-search-bar,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .hist-search-results,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .hist-row,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .history-item,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .quake-item,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-card,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-section,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-info-row,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-source-card{
  background:#fff!important;color:#172235!important;border-color:#e3e8ef!important;
  box-shadow:0 6px 18px rgba(22,37,57,.045)!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel :is(h1,h2,h3,h4,p,small,time,label,.rp-title,.rp-location,.rp-live,.rp-foot,.rp-quick-status,.rp-muted,.rp-section-title,.rp-label,.rp-value),
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel :is(h1,h2,h3,h4,p,small,time,label,.rp-title,.rp-location,.rp-live,.rp-foot,.rp-quick-status,.rp-muted,.rp-section-title,.rp-label,.rp-value),
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-detail-body :is(h1,h2,h3,h4,p,small,time,label,.settings-detail-intro,.settings-info-panel,.settings-info-row){
  color:#27364b!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-live,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-foot,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-quick-status,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-live,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-foot{color:#6b7789!important}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .rp-foot,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-foot{
  background:#f7f9fc!important;border-top-color:#e4e9f0!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel .panel-header,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .panel-header{
  color:#172235!important;background:#f8fafc!important;border-bottom-color:#e5eaf1!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel input,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel select,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel textarea,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel input,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel select,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel textarea,
html[data-wrs-theme="light"] #mobilePageSettingDetail input,
html[data-wrs-theme="light"] #mobilePageSettingDetail select,
html[data-wrs-theme="light"] #mobilePageSettingDetail textarea{
  color:#172235!important;background:#fff!important;border-color:#dbe3ed!important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel input::placeholder,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel input::placeholder,
html[data-wrs-theme="light"] #mobilePageSettingDetail input::placeholder{color:#8793a3!important}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-card,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-news-card{
  background:#fff!important;color:#172235!important;border-color:#e1e7ef!important;box-shadow:0 8px 24px rgba(22,37,57,.06)!important;
}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card :is(h2,h3,p,small,time),
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-card :is(h2,h3,p,small,time),
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-news-card :is(h2,h3,p,small,time){color:#27364b!important}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card-top time{color:#6b7789!important}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card .wrs-alert-badge{color:#9b6511!important;background:#fff7e7!important;border-color:#f0ddb3!important}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card.severe .wrs-alert-badge,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card.high .wrs-alert-badge,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card.critical .wrs-alert-badge{color:#ad1830!important;background:#fff0f2!important;border-color:#ffcbd2!important}
html[data-wrs-theme="light"] #mobilePageChat,
html[data-wrs-theme="light"] #mobilePageChat .wrs-ai-mobile-host{background:#f3f6fa!important;color:#172235!important}
html[data-wrs-theme="light"] #mobilePageChat .wrs-ai-panel,
html[data-wrs-theme="light"] #mobilePageChat #wrsAiPanel,
html[data-wrs-theme="light"] #wrsAiPanel.wrs-ai-panel{
  background:#fff!important;color:#172235!important;border:1px solid #e0e6ee!important;box-shadow:0 12px 32px rgba(22,37,57,.09)!important;
}
html[data-wrs-theme="light"] .wrs-ai-head{background:#fff!important;border-bottom-color:#e5eaf1!important}
html[data-wrs-theme="light"] .wrs-ai-title strong{color:#172235!important}
html[data-wrs-theme="light"] .wrs-ai-title span,
html[data-wrs-theme="light"] .wrs-ai-foot{color:#718096!important}
html[data-wrs-theme="light"] .wrs-ai-notice{background:#fff7e7!important;color:#80551b!important;border-color:#f1dfb7!important}
html[data-wrs-theme="light"] .wrs-ai-msg.assistant{background:#f2f5f9!important;color:#27364b!important;border-color:#e0e6ee!important}
html[data-wrs-theme="light"] .wrs-ai-msg.user{background:#fff0f2!important;color:#9c1830!important;border-color:#ffc8d1!important}
html[data-wrs-theme="light"] .wrs-ai-quick-prompts button{background:#fff!important;color:#38485f!important;border-color:#e1e6ee!important}
html[data-wrs-theme="light"] .wrs-ai-form,
html[data-wrs-theme="light"] .wrs-ai-foot{background:#fff!important;border-color:#e6eaf0!important}
html[data-wrs-theme="light"] #wrsAiInput{background:#f8fafc!important;color:#172235!important;border-color:#dce3ec!important}
html[data-wrs-theme="light"] #mobileMoreControls :is(h1,h2,h3,h4,p,small,label,.wrs-diagnostic-state,.wrs-diagnostic-empty,.wrs-push-filter-desc,.settings-info-row){color:#27364b!important}
html[data-wrs-theme="light"] #mobileMoreControls .wrs-diagnostic-card,
html[data-wrs-theme="light"] #mobileMoreControls .settings-connection-health,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-push-filter-card,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-settings-card{
  background:#fff!important;color:#27364b!important;border-color:#e2e8f0!important;box-shadow:0 7px 20px rgba(22,37,57,.045)!important;
}
html[data-wrs-theme="light"] #mobileMoreControls button:not(.wrs-theme-switch),
html[data-wrs-theme="light"] #mobilePageSettingDetail button:not(.wrs-theme-switch){
  color:#34435a!important;background:#fff!important;border-color:#dce3ec!important;
}
html[data-wrs-theme="light"] .wrs-theme-setting{background:#fff!important;border-color:#e2e8f0!important}
html[data-wrs-theme="light"] .wrs-theme-switch .wrs-theme-setting-copy strong{color:#172235!important}
html[data-wrs-theme="light"] .wrs-theme-switch .wrs-theme-setting-copy small{color:#6b7789!important}
html[data-wrs-theme="light"] .wrs-theme-switch-label{background:#e51d3d!important;color:#fff!important}
html[data-wrs-theme="light"] .wrs-brand-splash{background:radial-gradient(ellipse at 50% 20%,rgba(229,29,61,.075),transparent 42%),#f3f6fa!important;color:#172235!important}
html[data-wrs-theme="light"] .wrs-splash-wordmark{color:#172235!important}
html[data-wrs-theme="light"] .wrs-splash-tagline,
html[data-wrs-theme="light"] .wrs-splash-source small{color:#6b7789!important}
html[data-wrs-theme="light"] .wrs-splash-source{background:#fff!important;color:#172235!important;border-color:#e2e7ef!important}

/* Realtime panel: one compact bottom card like the supplied reference; leave the map clear. */
@media (max-width:1200px){
  #mobilePageMap #cardRealtime.left-top{
    position:fixed!important;top:auto!important;left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;
    max-height:min(230px,calc(100dvh - 215px - env(safe-area-inset-bottom,0px)))!important;
    display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;scrollbar-width:none!important;z-index:45!important;
    padding:0!important;border-radius:18px!important;
  }
  #mobilePageMap #cardRealtime.left-top::-webkit-scrollbar{display:none!important}
  #mobilePageMap #cardRealtime .panel-header{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:8px!important;
    min-height:36px!important;padding:8px 12px!important;font-size:10px!important;letter-spacing:.08em!important;
  }
  #mobilePageMap #cardRealtime .panel-sub,
  #mobilePageMap #cardRealtime .rt-filter,
  #mobilePageMap #cardRealtime .rt-dist,
  #mobilePageMap #cardRealtime .rt-src,
  #mobilePageMap #worldClockPanel{display:none!important}
  #mobilePageMap #cardRealtime .rt-row{flex:0 0 auto!important;gap:9px!important;padding:8px 12px 3px!important}
  #mobilePageMap #cardRealtime .rt-mag{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:13px!important;font-size:21px!important}
  #mobilePageMap #cardRealtime .rt-meta{min-width:0!important;flex:1 1 auto!important;font-size:10px!important;line-height:1.3!important}
  #mobilePageMap #cardRealtime #rtDate{display:block!important;font-size:11px!important;font-weight:750!important;line-height:1.3!important;overflow-wrap:anywhere!important}
  #mobilePageMap #cardRealtime .rt-ago{margin-top:3px!important;font-size:9px!important;font-weight:850!important;line-height:1.25!important}
  #mobilePageMap #cardRealtime .rt-coord{padding:0 12px 3px!important;font-size:9px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  #mobilePageMap #cardRealtime .rt-place{display:block!important;padding:0 12px 4px!important;font-size:10.5px!important;font-weight:850!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  #mobilePageMap #cardRealtime .rt-tsunami-status{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;width:calc(100% - 20px)!important;max-width:none!important;margin:2px 10px 5px!important;padding:5px 7px!important;border-radius:8px!important;font-size:8px!important;line-height:1.2!important;overflow:hidden!important}
  #mobilePageMap #cardRealtime #rtTsunamiStatusText{display:-webkit-box!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important}
  #mobilePageMap #cardRealtime .wrs-mobile-mag-filters{
    position:relative!important;flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:6px!important;
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:7px 10px 9px!important;margin:3px 0 0!important;border:0!important;border-top:1px solid rgba(120,135,154,.16)!important;
    border-radius:0!important;background:transparent!important;scrollbar-width:none!important;
  }
  #mobilePageMap #cardRealtime .wrs-mobile-mag-filters::-webkit-scrollbar{display:none!important}
  #mobilePageMap #cardRealtime .wrs-mag-filter-chip{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto!important;
    min-height:29px!important;min-width:56px!important;padding:5px 10px!important;border:1px solid rgba(120,135,154,.20)!important;
    border-radius:999px!important;background:#f5f7fa!important;color:#526176!important;font-size:9px!important;font-weight:850!important;
    line-height:1!important;white-space:nowrap!important;box-shadow:none!important;
  }
  #mobilePageMap #cardRealtime .wrs-mag-filter-chip.is-active{background:rgba(229,29,61,.09)!important;color:#b81431!important;border-color:rgba(229,29,61,.36)!important}
  #mobilePageMap #cardRealtime .wrs-mag-filter-chip i{display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;border-radius:50%!important}
  #mobilePageMap #mapStats{display:none!important}
  #mobilePageMap .wrs-mobile-map-quicktools{bottom:calc(302px + env(safe-area-inset-bottom,0px))!important}
  #mobilePageMap .wrs-mobile-live-header{min-height:48px!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime.left-top{background:rgba(12,18,29,.97)!important;color:#f4f6fa!important;border:1px solid rgba(188,201,218,.16)!important;box-shadow:0 14px 32px rgba(0,0,0,.32)!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .panel-header{background:#151d29!important;color:#f4f6fa!important;border-bottom:1px solid rgba(188,201,218,.12)!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .rt-meta,
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #rtDate,
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .rt-place{color:#f4f6fa!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .rt-coord,
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .rt-src{color:#a1adbd!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .wrs-mag-filter-chip{background:#1a2230!important;color:#c4cdda!important;border-color:rgba(188,201,218,.14)!important}
  html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .wrs-mag-filter-chip.is-active{background:rgba(229,29,61,.17)!important;color:#ff7184!important;border-color:rgba(255,67,94,.42)!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-live-header{
    padding:5px 7px!important;border:1px solid rgba(26,43,65,.08)!important;border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 7px 20px rgba(22,37,57,.08)!important;
    backdrop-filter:blur(18px)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-brand img{
    border:1px solid rgba(229,29,61,.24)!important;background:#151820!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-brand-copy strong{color:#172235!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-brand-copy small{color:#6b7789!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-connection{
    background:#f5f7fa!important;border-color:#dce4ed!important;color:#3b495e!important;box-shadow:none!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-connection-copy strong{color:#34435a!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-connection-copy small{color:#6b7789!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-map-quicktools>button,
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-zoom-stack{
    background:rgba(255,255,255,.97)!important;color:#27364b!important;border-color:#dbe3ed!important;box-shadow:0 7px 18px rgba(22,37,57,.10)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-map-quicktools>button span{color:#6b7789!important}
  html[data-wrs-theme="light"] #mobilePageMap .wrs-mobile-zoom-stack button{color:#27364b!important;background:transparent!important;border-color:#e2e7ef!important}
  html[data-wrs-theme="light"] #mobilePageMap .v-toolbar .tb-btn{
    background:rgba(255,255,255,.97)!important;color:#27364b!important;border-color:#dbe3ed!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap .map-stats{display:none!important}
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime.left-top{
    background:rgba(255,255,255,.97)!important;color:#172235!important;border:1px solid rgba(26,43,65,.12)!important;
    box-shadow:0 10px 28px rgba(22,37,57,.10)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-header{
    background:#f8fafc!important;color:#253348!important;border-bottom:1px solid #e6eaf0!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .pulse-dot{background:#20a15c!important;box-shadow:0 0 0 4px rgba(32,161,92,.10)!important}
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-meta,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #rtDate,
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-place{color:#172235!important}
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-coord{color:#6b7789!important}
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-ago{color:#b77928!important}
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-tsunami-unknown{
    background:#f8fafc!important;border-color:#e3e8ef!important;color:#657387!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-tsunami-potential{
    background:#fff0f2!important;border-color:#f4a1ae!important;color:#b81431!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-tsunami-no-potential{
    background:#edf9f1!important;border-color:#b6e7c6!important;color:#166534!important;
  }
}
@media (max-width:380px){
  #mobilePageMap #cardRealtime.left-top{max-height:min(215px,calc(100dvh - 195px - env(safe-area-inset-bottom,0px)))!important}
  #mobilePageMap #cardRealtime .rt-mag{flex-basis:44px!important;width:44px!important;height:44px!important;font-size:20px!important}
  #mobilePageMap #cardRealtime .wrs-mag-filter-chip{min-width:51px!important;padding:5px 8px!important}
}
@media (max-height:640px) and (max-width:1200px){
  #mobilePageMap #cardRealtime.left-top{max-height:180px!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
  #mobilePageMap #cardRealtime .rt-tsunami-status{display:none!important}
}

/* Light theme: keep the map satellite imagery intact, but normalize every app screen's chrome and cards. */
html[data-wrs-theme="light"] .glass-panel,
html[data-wrs-theme="light"] .wrs-health,
html[data-wrs-theme="light"] .modal-card,
html[data-wrs-theme="light"] .modal-content,
html[data-wrs-theme="light"] .notification-center-panel,
html[data-wrs-theme="light"] .notification-center-item,
html[data-wrs-theme="light"] .notification-center-dialog,
html[data-wrs-theme="light"] .wrs-diagnostic-card,
html[data-wrs-theme="light"] .wrs-settings-card,
html[data-wrs-theme="light"] .wrs-push-filter-card,
html[data-wrs-theme="light"] .wrs-catalog-search,
html[data-wrs-theme="light"] .wrs-catalog-searchbox,
html[data-wrs-theme="light"] .wrs-catalog-filters,
html[data-wrs-theme="light"] .wrs-catalog-results-header,
html[data-wrs-theme="light"] .wrs-catalog-map-note{
  background:#fff!important;color:#172235!important;border-color:#e1e7ef!important;
  box-shadow:0 8px 24px rgba(22,37,57,.06)!important;
}
html[data-wrs-theme="light"] .wrs-catalog-search :is(h1,h2,h3,p,small,label,b,strong),
html[data-wrs-theme="light"] .wrs-catalog-results-header :is(b,strong,small),
html[data-wrs-theme="light"] .notification-center-item :is(h1,h2,h3,p,small,time,strong),
html[data-wrs-theme="light"] .notification-center-dialog :is(h1,h2,h3,p,small,label,strong),
html[data-wrs-theme="light"] .notification-center-panel :is(h1,h2,h3,p,small,label,strong){
  color:#27364b!important;
}
html[data-wrs-theme="light"] .notification-center-item-title strong,
html[data-wrs-theme="light"] .notification-center-item :is(.notification-center-item-title,.notification-center-item-meta){color:#27364b!important}
html[data-wrs-theme="light"] .notification-center-item :is(button,a){
  background:#f8fafc!important;color:#34435a!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] .settings-info-panel,
html[data-wrs-theme="light"] .settings-detail-intro,
html[data-wrs-theme="light"] .settings-info-row,
html[data-wrs-theme="light"] .settings-option-row,
html[data-wrs-theme="light"] .settings-data-card,
html[data-wrs-theme="light"] .settings-source-card{
  background:#fff!important;color:#27364b!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] .settings-info-panel :is(h2,h3,p,small,label,strong,span),
html[data-wrs-theme="light"] .settings-detail-intro :is(h2,h3,p,small,label,strong,span),
html[data-wrs-theme="light"] .settings-info-row :is(h2,h3,p,small,label,strong,span),
html[data-wrs-theme="light"] .settings-option-row :is(h2,h3,p,small,label,strong,span){color:#27364b!important}
html[data-wrs-theme="light"] .wrs-alert-card :is(h1,h2,h3,p,small,time),
html[data-wrs-theme="light"] .wrs-alert-news-card :is(h1,h2,h3,p,small,time),
html[data-wrs-theme="light"] .wrs-news-card :is(h1,h2,h3,p,small,time){color:#27364b!important}
html[data-wrs-theme="light"] .wrs-education-card,
html[data-wrs-theme="light"] .wrs-education-intro,
html[data-wrs-theme="light"] .wrs-education-grid,
html[data-wrs-theme="light"] .wrs-education-source{
  background:#fff!important;color:#27364b!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] .wrs-education-card :is(h2,h3,p,li,small),
html[data-wrs-theme="light"] .wrs-education-intro :is(h2,h3,p,small),
html[data-wrs-theme="light"] .wrs-education-source :is(h2,h3,p,small,a){color:#27364b!important}
html[data-wrs-theme="light"] .hist-search-field{background:#fff!important;color:#27364b!important;border-color:#dbe3ed!important}
html[data-wrs-theme="light"] .hist-search-field input{background:transparent!important;color:#172235!important}
html[data-wrs-theme="light"] .wrs-catalog-searchbox input{background:transparent!important;color:#172235!important;border:0!important}
html[data-wrs-theme="light"] .wrs-catalog-searchbox input::placeholder{color:#8995a5!important}
html[data-wrs-theme="light"] .wrs-catalog-filters select{background:#fff!important;color:#27364b!important;border-color:#dbe3ed!important}
html[data-wrs-theme="light"] .wrs-catalog-search :is(button,.wrs-catalog-days){color:#27364b!important;background:#f8fafc!important;border-color:#dbe3ed!important}
html[data-wrs-theme="light"] .wrs-catalog-search .wrs-catalog-search-brand{background:#fff0f2!important;color:#bc1832!important;border-color:#ffd0d7!important}
html[data-wrs-theme="light"] .mobile-bottom-nav{
  background:rgba(255,255,255,.97)!important;border-top:1px solid #e0e6ee!important;box-shadow:0 -8px 24px rgba(22,37,57,.08)!important;
}
html[data-wrs-theme="light"] .mobile-bottom-nav button{color:#7a8697!important;background:#f8fafc!important;border-color:#dfe5ed!important}
html[data-wrs-theme="light"] .mobile-bottom-nav button.active,
html[data-wrs-theme="light"] .mobile-bottom-nav button[aria-current="page"]{background:#fff0f2!important;color:#b81431!important;border-color:#ffcbd2!important}
html[data-wrs-theme="light"] .mobile-bottom-nav .nav-chat.active .nav-symbol{background:#e51d3d!important;color:#fff!important}
html[data-wrs-theme="dark"] .mobile-bottom-nav{
  background:rgba(9,13,20,.98)!important;border-top:1px solid rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="dark"] .mobile-bottom-nav button{background:#111721!important;color:#98a4b5!important;border-color:rgba(188,201,218,.10)!important}
html[data-wrs-theme="dark"] .mobile-bottom-nav button.active{background:rgba(229,29,61,.13)!important;color:#ff7184!important;border-color:rgba(229,29,61,.28)!important}

/* Cross-page finish: detail and catalog cards now follow the same light/dark choice. */
html[data-wrs-theme="light"] #wrsCatalogResults .wrs-catalog-event{
  background:#fff!important;color:#172235!important;border-color:#e2e8f0!important;
  box-shadow:0 7px 20px rgba(22,37,57,.055)!important;
}
html[data-wrs-theme="light"] #wrsCatalogResults .wrs-catalog-event-detail :is(b,span,small){
  color:#27364b!important;
}
html[data-wrs-theme="light"] #wrsCatalogResults .wrs-catalog-event-detail small,
html[data-wrs-theme="light"] #wrsCatalogResults .wrs-catalog-event-detail span{color:#6b7789!important}
html[data-wrs-theme="light"] #wrsCatalogResults .wrs-catalog-empty{
  background:#fff!important;color:#6b7789!important;border-color:#dfe5ed!important;
}
html[data-wrs-theme="light"] .wrs-catalog-footer button{
  background:#fff0f2!important;color:#b81431!important;border-color:#ffcbd2!important;
}
html[data-wrs-theme="light"] .wrs-catalog-footer>span{color:#6b7789!important}
html[data-wrs-theme="dark"] #wrsCatalogResults .wrs-catalog-event{
  background:linear-gradient(145deg,#141b26,#0d131d)!important;color:#f4f6fa!important;border-color:rgba(188,201,218,.13)!important;
}
html[data-wrs-theme="dark"] #wrsCatalogResults .wrs-catalog-event-detail :is(b,span,small){color:#c4cedb!important}
html[data-wrs-theme="dark"] .wrs-catalog-footer button{background:#24151c!important;color:#ff8b9a!important;border-color:rgba(255,67,94,.24)!important}

/* Detail: remove the old blue/dark hard-coded panel colours only in the light theme. */
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-bar{
  background:linear-gradient(120deg,#fff0f2,#fff8f8)!important;border-bottom-color:#f4d7dc!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag{
  background:#fff!important;color:#b81431!important;text-shadow:none!important;border-right:1px solid #f3e1e4!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-info :is(b,span,small){color:#27364b!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-info b{color:#b81431!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mode{
  background:#f5f7fb!important;color:#64748b!important;border-bottom-color:#e3e8ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats{
  background:#fff!important;border-bottom-color:#e3e8ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats>div{border-right-color:#e4e9f0!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats small{color:#6b7789!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats b{color:#27364b!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-desc{
  background:#fff!important;color:#3d4b5f!important;border-bottom-color:#e3e8ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap{
  background:#fff!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap-h{
  background:#f8fafc!important;color:#27364b!important;border-bottom:1px solid #e5eaf1!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-pot,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr{
  background:#f8fafc!important;color:#27364b!important;border-color:#e3e8ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-pot strong,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr b{color:#b77928!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-links a{
  background:#f8fafc!important;color:#334155!important;border-color:#dfe6ee!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-quick .qbtn{
  background:#f8fafc!important;color:#34435a!important;border-color:#e0e6ee!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-quick .qicon{color:#e51d3d!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .btn-detail-standalone{
  background:linear-gradient(135deg,#e51d3d,#b81431)!important;color:#fff!important;border-color:transparent!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-sheet-handle{background:#fff!important;border-color:#e0e6ee!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mag-bar{background:linear-gradient(120deg,#401720,#21121d)!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mode{background:#151d29!important;color:#aab7c7!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-desc{background:#111721!important;color:#c6cfdb!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-shakemap,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-pot,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-instr{background:#111721!important;color:#e8edf4!important;border-color:rgba(188,201,218,.13)!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-links a,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-quick .qbtn{background:#171f2b!important;color:#d4dbe5!important;border-color:rgba(188,201,218,.12)!important}

/* Strong page-scoped theme overrides for legacy high-specificity rules. */
html[data-wrs-theme="light"] #mobilePageInfo.active,
html[data-wrs-theme="light"] #mobilePageDetail.active,
html[data-wrs-theme="light"] #mobilePageLegend.active,
html[data-wrs-theme="light"] #mobilePageAlerts.active,
html[data-wrs-theme="light"] #mobilePageEducation.active,
html[data-wrs-theme="light"] #mobilePageChat.active,
html[data-wrs-theme="light"] #mobilePageSettingDetail.active{
  background:#f3f6fa!important;color:#172235!important;
}
html[data-wrs-theme="dark"] #mobilePageInfo.active,
html[data-wrs-theme="dark"] #mobilePageDetail.active,
html[data-wrs-theme="dark"] #mobilePageLegend.active,
html[data-wrs-theme="dark"] #mobilePageAlerts.active,
html[data-wrs-theme="dark"] #mobilePageEducation.active,
html[data-wrs-theme="dark"] #mobilePageChat.active,
html[data-wrs-theme="dark"] #mobilePageSettingDetail.active{
  background:#090d14!important;color:#f4f6fa!important;
}
html[data-wrs-theme="light"] #mobilePageInfo.active > .mobile-page-title,
html[data-wrs-theme="light"] #mobilePageDetail.active > .mobile-page-title,
html[data-wrs-theme="light"] #mobilePageLegend.active > .mobile-page-title,
html[data-wrs-theme="light"] #mobilePageAlerts.active > .mobile-page-title,
html[data-wrs-theme="light"] #mobilePageEducation.active > .mobile-page-title,
html[data-wrs-theme="light"] #mobilePageChat.active > .mobile-page-title{
  background:#fff!important;color:#172235!important;
  border-bottom:1px solid #e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageInfo.active > .mobile-page-title span,
html[data-wrs-theme="light"] #mobilePageDetail.active > .mobile-page-title span,
html[data-wrs-theme="light"] #mobilePageLegend.active > .mobile-page-title span,
html[data-wrs-theme="light"] #mobilePageAlerts.active > .mobile-page-title span,
html[data-wrs-theme="light"] #mobilePageEducation.active > .mobile-page-title span,
html[data-wrs-theme="light"] #mobilePageChat.active > .mobile-page-title span{
  color:#172235!important;
}
html[data-wrs-theme="light"] #mobilePageInfo.active > .mobile-page-title small,
html[data-wrs-theme="light"] #mobilePageDetail.active > .mobile-page-title small,
html[data-wrs-theme="light"] #mobilePageLegend.active > .mobile-page-title small,
html[data-wrs-theme="light"] #mobilePageAlerts.active > .mobile-page-title small,
html[data-wrs-theme="light"] #mobilePageEducation.active > .mobile-page-title small,
html[data-wrs-theme="light"] #mobilePageChat.active > .mobile-page-title small{
  color:#6b7789!important;
}
html[data-wrs-theme="light"] #mobilePageInfo.active > .mobile-page-title::after,
html[data-wrs-theme="light"] #mobilePageDetail.active > .mobile-page-title::after,
html[data-wrs-theme="light"] #mobilePageLegend.active > .mobile-page-title::after,
html[data-wrs-theme="light"] #mobilePageAlerts.active > .mobile-page-title::after,
html[data-wrs-theme="light"] #mobilePageEducation.active > .mobile-page-title::after,
html[data-wrs-theme="light"] #mobilePageChat.active > .mobile-page-title::after{
  background:linear-gradient(90deg,#e51d3d,rgba(229,29,61,.12))!important;
}
html[data-wrs-theme="light"] #mobilePageDetail.active #rightPanel,
html[data-wrs-theme="light"] #mobilePageInfo.active .wrs-catalog-search{
  background:#fff!important;color:#172235!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail.active #rightPanel :is(.rp-stats,.rp-desc,.rp-shakemap,.rp-pot,.rp-instr,.rp-links,.rp-quick){
  color:#27364b!important;
}


/* Settings/Lainnya: cards and nested rows must not retain their legacy navy fills in light mode. */
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls > section,
html[data-wrs-theme="light"] #mobileMoreControls > section.wrs-diagnostic-card,
html[data-wrs-theme="light"] #mobileMoreControls > section.wrs-notification-history-card{
  background:#fff!important;color:#27364b!important;border:1px solid #e1e7ef!important;
  box-shadow:0 8px 22px rgba(22,37,57,.05)!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-observer-heading h3,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-notification-history-card h3,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-card h3{
  color:#172235!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-push-filter-kicker{
  color:#b81431!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-push-filter-desc,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-footnote,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-status,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-copy-status,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-empty{
  color:#6b7789!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-state{
  background:#f8fafc!important;color:#34435a!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-row,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-item{
  background:#f8fafc!important;color:#27364b!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-row-label,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-heading strong,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-item p{
  color:#27364b!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-row-note,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-heading time{
  color:#6b7789!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-tags span{
  background:#fff0f2!important;color:#a51d32!important;border-color:#ffd4da!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-refresh{
  background:linear-gradient(135deg,#e51d3d,#b81431)!important;color:#fff!important;border-color:transparent!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-copy,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-history-action,
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-education-action{
  background:#fff!important;color:#b81431!important;border-color:#f0c7ce!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-pill.ok{
  background:#eaf8ef!important;color:#166534!important;border-color:#b7e4c4!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-pill.warn{
  background:#fff6e5!important;color:#965f0b!important;border-color:#f0ddb0!important;
}
html[data-wrs-theme="light"] #mobilePageLegend #mobileMoreControls .wrs-diagnostic-pill.info{
  background:#edf4ff!important;color:#245b9b!important;border-color:#d0def4!important;
}
html[data-wrs-theme="light"] #mobileMoreControls > h2{color:#172235!important}
html[data-wrs-theme="light"] #mobileMoreControls > .more-caption{color:#6b7789!important}


/* The actual current Settings home is settingsHome/settings-card, not the retired diagnostics panel. */
html[data-wrs-theme="light"] #mobileSettingsHome.settings-home{
  background:transparent!important;color:#172235!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-overview{
  background:#fff!important;color:#172235!important;border:1px solid #e1e7ef!important;
  box-shadow:0 8px 24px rgba(22,37,57,.055)!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-overview h2{color:#172235!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-overview p{color:#6b7789!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-overview-mark{
  background:#fff0f2!important;color:#e51d3d!important;border-color:#ffd0d7!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-eyebrow{color:#b81431!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-group-title{
  color:#6b7789!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card{
  background:#fff!important;color:#172235!important;border:1px solid #e1e7ef!important;
  box-shadow:0 7px 20px rgba(22,37,57,.045)!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card b{color:#172235!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card small{color:#6b7789!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-chevron{color:#8793a3!important}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card-icon{
  background:#f2f5f9!important;color:#4c5d72!important;border-color:#e0e6ee!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card-icon.cyan{
  background:#e8f7fb!important;color:#117a91!important;border-color:#cdeef5!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card-icon.green{
  background:#eaf8ef!important;color:#207343!important;border-color:#ccebd6!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card-icon.red{
  background:#fff0f2!important;color:#b81431!important;border-color:#ffd0d7!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-card-icon.amber{
  background:#fff6e5!important;color:#94630c!important;border-color:#f0dfb5!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .settings-footnote{
  background:transparent!important;color:#6b7789!important;border:0!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobileSettingsHome .wrs-theme-setting{
  background:#fff!important;border:1px solid #e1e7ef!important;box-shadow:0 7px 20px rgba(22,37,57,.045)!important;
}
html[data-wrs-theme="dark"] #mobileSettingsHome.settings-home{background:transparent!important;color:#f4f6fa!important}
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-overview,
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-card{
  background:linear-gradient(145deg,#111721,#0c121c)!important;color:#f4f6fa!important;border-color:rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-overview h2,
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-card b{color:#f4f6fa!important}
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-overview p,
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-card small,
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-footnote{color:#98a4b5!important}
html[data-wrs-theme="dark"] #mobileSettingsHome .settings-group-title{color:#98a4b5!important}

/* =========================================================
   WRS GEMPA mobile visual correction — v2
   Latest quake card docked above the compact statistics/nav.
   Only presentation rules; do not alter data feeds or polling.
   ========================================================= */
@media (max-width: 1200px) {
  /* Dock the live-event card to the bottom like the approved reference. */
  #mobilePageMap #cardRealtime {
    position: fixed !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    bottom: calc(72px + env(safe-area-inset-bottom,0px) + 144px + 13px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: 142px !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    z-index: 38 !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    background: rgba(17,23,33,.97) !important;
    border: 1px solid rgba(231,29,61,.30) !important;
    box-shadow: 0 15px 34px rgba(0,0,0,.22) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.1) !important;
    backdrop-filter: blur(18px) saturate(1.1) !important;
  }
  #mobilePageMap #cardRealtime .panel-header {
    display: flex !important;
    min-height: 31px !important;
    height: 31px !important;
    box-sizing: border-box !important;
    padding: 0 11px !important;
    gap: 7px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    letter-spacing: .085em !important;
    background: rgba(255,255,255,.045) !important;
    border-bottom: 1px solid rgba(180,192,208,.12) !important;
    color: #f3f5f8 !important;
  }
  #mobilePageMap #cardRealtime .pulse-dot {
    flex: 0 0 6px !important;
    width: 6px !important;
    height: 6px !important;
    background: #e51d3d !important;
    box-shadow: 0 0 0 3px rgba(229,29,61,.12) !important;
  }
  #mobilePageMap #cardRealtime .panel-sub,
  #mobilePageMap #cardRealtime #rtFilter,
  #mobilePageMap #cardRealtime .rt-dist,
  #mobilePageMap #cardRealtime .rt-src,
  #mobilePageMap #cardRealtime #worldClockPanel,
  #mobilePageMap #cardRealtime #worldClockRevision {
    display: none !important;
  }
  #mobilePageMap #cardRealtime .rt-row {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 6px 10px 2px !important;
    margin: 0 !important;
  }
  #mobilePageMap #cardRealtime .rt-mag {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 43px !important;
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.24),0 4px 12px rgba(0,0,0,.12) !important;
  }
  #mobilePageMap #cardRealtime .rt-meta {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  #mobilePageMap #cardRealtime #rtDate {
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }
  #mobilePageMap #cardRealtime .rt-ago {
    margin-top: 3px !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }
  #mobilePageMap #cardRealtime .rt-place {
    margin: 0 !important;
    padding: 1px 11px 0 !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 850 !important;
    overflow-wrap: anywhere !important;
  }
  #mobilePageMap #cardRealtime .rt-coord {
    margin: 0 !important;
    padding: 1px 11px 5px !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    overflow-wrap: anywhere !important;
  }
  #mobilePageMap #cardRealtime .rt-tsunami-status {
    display: none !important;
    margin: 2px 10px 4px !important;
    padding: 4px 7px !important;
    width: calc(100% - 20px) !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
  }
  #mobilePageMap #cardRealtime .rt-tsunami-status.rt-tsunami-potential {
    display: flex !important;
    min-height: 20px !important;
  }
  /* Keep the stats strip below the latest-quake card and above navigation. */
  #mobilePageMap #mapStats,
  #mobilePageMap .map-stats {
    bottom: calc(72px + env(safe-area-inset-bottom,0px)) !important;
    z-index: 40 !important;
  }
  #mobilePageMap .wrs-mobile-map-quicktools {
    bottom: calc(260px + env(safe-area-inset-bottom,0px)) !important;
  }
}
@media (max-width: 420px) {
  #mobilePageMap #cardRealtime {
    left: 8px !important;
    right: 8px !important;
    max-height: 138px !important;
    bottom: calc(72px + env(safe-area-inset-bottom,0px) + 144px + 10px) !important;
  }
  #mobilePageMap #cardRealtime .panel-header { min-height: 29px !important; height: 29px !important; }
  #mobilePageMap #cardRealtime .rt-row { padding: 5px 9px 1px !important; }
  #mobilePageMap #cardRealtime .rt-mag { flex-basis: 40px !important; width: 40px !important; min-width:40px!important;height:40px!important;font-size:19px!important; }
  #mobilePageMap #cardRealtime .rt-place { padding-inline: 9px !important; }
  #mobilePageMap #cardRealtime .rt-coord { padding-inline: 9px !important; }
}
@media (max-height: 720px) and (max-width: 1200px) {
  #mobilePageMap #cardRealtime {
    bottom: calc(68px + env(safe-area-inset-bottom,0px) + 116px + 8px) !important;
    max-height: 126px !important;
  }
  #mobilePageMap #cardRealtime .rt-row { padding-top: 4px !important; }
  #mobilePageMap #cardRealtime .rt-mag { width: 36px !important; min-width:36px!important;flex-basis:36px!important;height:36px!important;font-size:17px!important; }
  #mobilePageMap .map-stats, #mobilePageMap #mapStats {
    bottom: calc(68px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* Consistent light theme on every screen, not just the map header/nav. */
html[data-wrs-theme="light"] {
  color-scheme: light !important;
  --wrs-bg: #f3f6fa !important;
  --wrs-surface: #ffffff !important;
  --wrs-surface-2: #f7f9fc !important;
  --wrs-border: rgba(26,43,64,.12) !important;
  --wrs-muted: #68778b !important;
  --wrs-text: #172235 !important;
  --wrs-cyan: #e51d3d !important;
  --wrs-red: #e51d3d !important;
}
html[data-wrs-theme="light"] body {
  background: #f3f6fa !important;
  color: #172235 !important;
}
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) {
  background: #f3f6fa !important;
  color: #172235 !important;
}
html[data-wrs-theme="light"] #mobilePageInfo,
html[data-wrs-theme="light"] #mobilePageDetail,
html[data-wrs-theme="light"] #mobilePageLegend,
html[data-wrs-theme="light"] #mobilePageAlerts,
html[data-wrs-theme="light"] #mobilePageEducation,
html[data-wrs-theme="light"] #mobilePageChat,
html[data-wrs-theme="light"] #mobilePageSettingDetail {
  background: #f3f6fa !important;
  color: #172235 !important;
}
html[data-wrs-theme="light"] .mobile-page-title,
html[data-wrs-theme="light"] .settings-detail-header {
  color: #172235 !important;
  background: rgba(255,255,255,.97) !important;
  border-color: #e1e7ef !important;
  box-shadow: 0 5px 15px rgba(22,37,57,.04) !important;
}
html[data-wrs-theme="light"] .mobile-page-title span,
html[data-wrs-theme="light"] .mobile-page-title strong,
html[data-wrs-theme="light"] .settings-detail-header h1,
html[data-wrs-theme="light"] .settings-detail-header small {
  color: #172235 !important;
}
html[data-wrs-theme="light"] .mobile-page-title small,
html[data-wrs-theme="light"] .settings-detail-header p {
  color: #6b788a !important;
}
html[data-wrs-theme="light"] .mobile-page-title::after {
  background: #e51d3d !important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel,
html[data-wrs-theme="light"] #mobilePageInfo .right-panel.sheet-collapsed,
html[data-wrs-theme="light"] #mobilePageDetail .right-panel,
html[data-wrs-theme="light"] #mobilePageDetail .right-panel.sheet-collapsed,
html[data-wrs-theme="light"] .right-panel,
html[data-wrs-theme="light"] .wrs-diagnostic-card,
html[data-wrs-theme="light"] .wrs-notification-history-card,
html[data-wrs-theme="light"] .wrs-push-filter-card,
html[data-wrs-theme="light"] .wrs-settings-card,
html[data-wrs-theme="light"] .wrs-more-card,
html[data-wrs-theme="light"] .settings-info-panel,
html[data-wrs-theme="light"] .settings-detail-intro,
html[data-wrs-theme="light"] #settingsDetailBody > section,
html[data-wrs-theme="light"] .wrs-education-intro,
html[data-wrs-theme="light"] .wrs-education-card,
html[data-wrs-theme="light"] .wrs-education-source,
html[data-wrs-theme="light"] .wrs-catalog-search,
html[data-wrs-theme="light"] .wrs-catalog-result,
html[data-wrs-theme="light"] .wrs-catalog-row,
html[data-wrs-theme="light"] .wrs-catalog-card,
html[data-wrs-theme="light"] .wrs-catalog-event,
html[data-wrs-theme="light"] .wrs-event-card,
html[data-wrs-theme="light"] .hist-search-field,
html[data-wrs-theme="light"] .hist-search-status,
html[data-wrs-theme="light"] .wrs-history-item,
html[data-wrs-theme="light"] .wrs-push-history-item {
  background: #ffffff !important;
  color: #172235 !important;
  border-color: #e1e7ef !important;
  box-shadow: 0 7px 22px rgba(22,37,57,.045) !important;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel *,
html[data-wrs-theme="light"] #mobilePageDetail .right-panel *,
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-detail-body,
html[data-wrs-theme="light"] #mobilePageSettingDetail .settings-detail-body *:not(svg):not(path):not(.wrs-source-mark):not(.wrs-history-action):not(.wrs-diagnostic-refresh):not(.wrs-diagnostic-copy) {
  border-color: #e1e7ef;
}
html[data-wrs-theme="light"] #mobilePageInfo .right-panel,
html[data-wrs-theme="light"] #mobilePageDetail .right-panel,
html[data-wrs-theme="light"] .rp-card,
html[data-wrs-theme="light"] .rp-section,
html[data-wrs-theme="light"] .rp-block,
html[data-wrs-theme="light"] .rp-summary,
html[data-wrs-theme="light"] .rp-info-row,
html[data-wrs-theme="light"] .rp-source-card,
html[data-wrs-theme="light"] .rp-live,
html[data-wrs-theme="light"] .rp-foot,
html[data-wrs-theme="light"] .settings-detail-body,
html[data-wrs-theme="light"] .settings-info-panel,
html[data-wrs-theme="light"] .settings-detail-intro,
html[data-wrs-theme="light"] .wrs-education-intro,
html[data-wrs-theme="light"] .wrs-education-card,
html[data-wrs-theme="light"] .wrs-education-source {
  background: #fff !important;
  color: #172235 !important;
}
html[data-wrs-theme="light"] .rp-card h2,
html[data-wrs-theme="light"] .rp-card h3,
html[data-wrs-theme="light"] .rp-section h2,
html[data-wrs-theme="light"] .rp-section h3,
html[data-wrs-theme="light"] .rp-info-row strong,
html[data-wrs-theme="light"] .rp-value,
html[data-wrs-theme="light"] .rp-label,
html[data-wrs-theme="light"] .settings-detail-body h2,
html[data-wrs-theme="light"] .settings-detail-body h3,
html[data-wrs-theme="light"] .settings-info-panel h3,
html[data-wrs-theme="light"] .settings-detail-intro h2,
html[data-wrs-theme="light"] .wrs-education-intro h2,
html[data-wrs-theme="light"] .wrs-education-card h3 {
  color: #172235 !important;
}
html[data-wrs-theme="light"] .rp-muted,
html[data-wrs-theme="light"] .rp-sub,
html[data-wrs-theme="light"] .rp-card small,
html[data-wrs-theme="light"] .rp-section small,
html[data-wrs-theme="light"] .rp-live,
html[data-wrs-theme="light"] .rp-foot,
html[data-wrs-theme="light"] .settings-info-panel p,
html[data-wrs-theme="light"] .settings-detail-intro p,
html[data-wrs-theme="light"] .wrs-education-intro p,
html[data-wrs-theme="light"] .wrs-education-card li,
html[data-wrs-theme="light"] .wrs-education-source p {
  color: #64748b !important;
}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-intro,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-card,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-news-card,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-empty,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-toolbar {
  background: #fff !important;
  color: #172235 !important;
  border-color: #e1e7ef !important;
}
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-section-title,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-footnote,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-card p,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-card p,
html[data-wrs-theme="light"] #mobilePageAlerts .wrs-alert-news-card small {
  color: #64748b !important;
}
html[data-wrs-theme="light"] #mobilePageSettingDetail input,
html[data-wrs-theme="light"] #mobilePageSettingDetail select,
html[data-wrs-theme="light"] #mobilePageSettingDetail textarea,
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) input,
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) select,
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) textarea {
  color: #172235 !important;
  background: #fff !important;
  border-color: #dce3ed !important;
  color-scheme: light !important;
}
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) input::placeholder,
html[data-wrs-theme="light"] .mobile-page:not(#mobilePageMap) textarea::placeholder {
  color: #8894a4 !important;
}
html[data-wrs-theme="light"] .wrs-ai-mobile-host,
html[data-wrs-theme="light"] #mobilePageChat .wrs-ai-mobile-host {
  color: #172235 !important;
}
html[data-wrs-theme="light"] #mobilePageChat .mobile-page-title {
  background: #fff !important;
}
/* Correct the white live card's text/controls. Satellite imagery intentionally stays satellite. */
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime {
  background: rgba(255,255,255,.97) !important;
  color: #172235 !important;
  border-color: rgba(229,29,61,.22) !important;
  box-shadow: 0 12px 28px rgba(18,34,54,.14) !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-header {
  background: #fff6f7 !important;
  color: #263449 !important;
  border-bottom-color: #f1dbe0 !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-sub,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-meta,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #rtDate,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-place {
  color: #172235 !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-coord {
  color: #728096 !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-ago {
  color: #c35d24 !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-tsunami-no-potential {
  background: #e9f8ef !important;
  color: #167347 !important;
  border-color: #b6e4c7 !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-tsunami-potential {
  background: #fff0f1 !important;
  color: #bd1231 !important;
  border-color: #ffc4cc !important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-mag {
  box-shadow: inset 0 1px rgba(255,255,255,.65),0 3px 10px rgba(22,37,57,.10) !important;
}
html[data-wrs-theme="light"] #mobileMoreControls .wrs-theme-setting,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-diagnostic-card,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-notification-history-card,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-push-filter-card {
  background: #fff !important;
  color: #172235 !important;
  border-color: #e1e7ef !important;
  box-shadow: 0 7px 22px rgba(22,37,57,.045) !important;
}
html[data-wrs-theme="light"] #mobileMoreControls .wrs-observer-heading h3,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-notification-history-card h3,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-push-filter-title,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-push-filter-desc,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-diagnostic-state,
html[data-wrs-theme="light"] #mobileMoreControls .wrs-diagnostic-rows {
  color: #172235 !important;
}

/* Live Monitoring: compact upper-left realtime card and bottom statistics. */
@media (max-width:1200px) {
  #mobilePageMap #cardRealtime.left-top {
    position:fixed!important;top:calc(78px + env(safe-area-inset-top,0px))!important;
    left:10px!important;right:auto!important;bottom:auto!important;
    width:min(66vw,350px)!important;max-width:min(66vw,350px)!important;
    height:auto!important;min-height:0!important;max-height:min(44vh,370px)!important;
    display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior:contain!important;scrollbar-width:none!important;z-index:36!important;
    padding:0!important;border-radius:18px!important;
  }
  #mobilePageMap #cardRealtime.left-top::-webkit-scrollbar{display:none!important}
  #mobilePageMap #cardRealtime .panel-header {
    display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;
    min-height:32px!important;height:auto!important;padding:8px 11px!important;font-size:9px!important;
    line-height:1.2!important;letter-spacing:.065em!important;
  }
  #mobilePageMap #cardRealtime .panel-sub {
    display:block!important;margin:5px 9px 1px!important;font-size:8px!important;line-height:1.25!important;
    color:var(--wrs-muted,#68778b)!important;
  }
  #mobilePageMap #cardRealtime #rtFilter,
  #mobilePageMap #cardRealtime .rt-filter,
  #mobilePageMap #cardRealtime .rt-dist,
  #mobilePageMap #cardRealtime .wrs-mobile-mag-filters {display:none!important}
  #mobilePageMap #cardRealtime .rt-row {
    display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;
    padding:5px 9px 2px!important;margin:0!important;
  }
  #mobilePageMap #cardRealtime .rt-mag {
    display:grid!important;place-items:center!important;width:42px!important;min-width:42px!important;
    flex:0 0 42px!important;height:42px!important;border-radius:11px!important;font-size:20px!important;
    line-height:1!important;font-weight:900!important;
  }
  #mobilePageMap #cardRealtime .rt-meta {
    flex:1 1 auto!important;min-width:0!important;font-size:9px!important;line-height:1.3!important;
  }
  #mobilePageMap #cardRealtime #rtDate {font-size:9px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  #mobilePageMap #cardRealtime .rt-ago {margin-top:2px!important;font-size:8px!important;line-height:1.2!important;font-weight:800!important}
  #mobilePageMap #cardRealtime .rt-coord {
    display:block!important;padding:2px 9px 1px!important;margin:0!important;font-size:8px!important;
    line-height:1.2!important;overflow-wrap:anywhere!important;
  }
  #mobilePageMap #cardRealtime .rt-place {
    display:block!important;padding:2px 9px 4px!important;margin:0!important;font-size:9px!important;
    line-height:1.25!important;font-weight:850!important;overflow-wrap:anywhere!important;
  }
  #mobilePageMap #cardRealtime #rtTsunamiStatus,
  #mobilePageMap #cardRealtime .rt-tsunami-status {
    display:flex!important;align-items:center!important;gap:5px!important;margin:3px 8px!important;
    padding:4px 6px!important;width:auto!important;min-height:0!important;font-size:7px!important;
    line-height:1.25!important;border-radius:9px!important;
  }
  #mobilePageMap #cardRealtime #rtSrc,
  #mobilePageMap #cardRealtime .rt-src {
    display:block!important;margin:0 9px 4px!important;font-size:7px!important;line-height:1.2!important;
    color:var(--wrs-muted,#68778b)!important;
  }
  #mobilePageMap #cardRealtime #worldClockPanel,
  #mobilePageMap #cardRealtime .world-clock-panel {
    display:block!important;position:relative!important;inset:auto!important;margin:3px 7px 7px!important;
    padding:7px!important;width:auto!important;max-width:none!important;box-sizing:border-box!important;
    border-radius:11px!important;
  }
  #mobilePageMap #cardRealtime #worldClockContent {display:block!important}
  #mobilePageMap #cardRealtime .world-clock-head {
    display:flex!important;align-items:center!important;gap:5px!important;font-size:7px!important;
    line-height:1.2!important;letter-spacing:.09em!important;margin:0 0 5px!important;
  }
  #mobilePageMap #cardRealtime .world-clock-grid {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important}
  #mobilePageMap #cardRealtime .world-clock-time {
    min-width:0!important;padding:0 4px 4px 0!important;
    border-right:1px solid var(--wrs-border,rgba(120,135,154,.2))!important;
  }
  #mobilePageMap #cardRealtime .world-clock-time small {display:block!important;font-size:6.5px!important;line-height:1.25!important}
  #mobilePageMap #cardRealtime .world-clock-time strong {display:block!important;font-size:15px!important;line-height:1.1!important;letter-spacing:.035em!important}
  #mobilePageMap #cardRealtime .world-clock-time time {display:block!important;font-size:6.5px!important;line-height:1.25!important;margin-top:2px!important}
  #mobilePageMap #cardRealtime .world-clock-param {
    grid-column:1 / -1!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;
    gap:4px!important;padding-top:5px!important;margin-top:1px!important;
    border-top:1px solid var(--wrs-border,rgba(120,135,154,.2))!important;
  }
  #mobilePageMap #cardRealtime .world-clock-param small,
  #mobilePageMap #cardRealtime .world-clock-param strong,
  #mobilePageMap #cardRealtime .world-clock-param span {font-size:6.5px!important;line-height:1.3!important}
  #mobilePageMap #cardRealtime #worldClockRevision[hidden] {display:none!important}
  #mobilePageMap #cardRealtime #wrsToggleEventDetails {display:none!important}
  #mobilePageMap .wrs-mobile-map-quicktools {bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;z-index:41!important;gap:8px!important}
  #mobilePageMap #mapStats,
  #mobilePageMap .map-stats {
    position:fixed!important;top:auto!important;left:10px!important;right:10px!important;
    bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;width:auto!important;max-width:none!important;
    max-height:72px!important;transform:none!important;display:flex!important;flex-wrap:nowrap!important;
    align-items:stretch!important;justify-content:space-between!important;gap:5px!important;
    box-sizing:border-box!important;padding:5px!important;z-index:39!important;border-radius:15px!important;overflow:hidden!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats,
  html[data-wrs-theme="light"] #mobilePageMap .map-stats {
    display:flex!important;background:rgba(255,255,255,.96)!important;color:#172235!important;
    border:1px solid #e1e7ef!important;box-shadow:0 8px 20px rgba(22,37,57,.10)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats,
  html[data-wrs-theme="dark"] #mobilePageMap .map-stats {
    display:flex!important;background:rgba(10,17,28,.94)!important;color:#f3f6fa!important;
    border:1px solid rgba(188,201,218,.14)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  }
  #mobilePageMap .map-stats .stat-btn {
    min-width:0!important;flex:1 1 0!important;width:0!important;padding:7px 4px!important;
    border-radius:10px!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
  }
  #mobilePageMap .map-stats .stat-btn b {font-size:12px!important;line-height:1.1!important}
  #mobilePageMap .map-stats .stat-btn span {font-size:6.5px!important;line-height:1.1!important;letter-spacing:.035em!important;margin-top:3px!important}
  #mobilePageMap #wrsToggleEventDetails {display:none!important}
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime {
  background:rgba(255,255,255,.97)!important;color:#172235!important;border:1px solid rgba(229,29,61,.22)!important;
  box-shadow:0 10px 26px rgba(22,37,57,.12)!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-header {
  background:#fff4f6!important;color:#243249!important;border-bottom:1px solid #f0d9de!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .pulse-dot {background:#e51d3d!important;box-shadow:0 0 0 4px rgba(229,29,61,.10)!important}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-panel {
  background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#172235!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-head,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time strong,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-param strong {color:#172235!important}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time small,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time time,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-param span {color:#64748b!important}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime {
  background:rgba(11,17,28,.96)!important;color:#f3f6fa!important;border:1px solid rgba(188,201,218,.16)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .panel-header {
  background:#151d29!important;color:#f3f6fa!important;border-bottom:1px solid rgba(188,201,218,.12)!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-panel {
  background:#101925!important;border:1px solid rgba(229,29,61,.22)!important;color:#f3f6fa!important;box-shadow:none!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-head,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time strong,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-param strong {color:#f3f6fa!important}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time small,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time time,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-param span {color:#a5b4c6!important}
@media (max-width:420px) {
  #mobilePageMap #cardRealtime.left-top {
    left:8px!important;top:calc(74px + env(safe-area-inset-top,0px))!important;
    width:min(68vw,350px)!important;max-width:min(68vw,350px)!important;max-height:min(45vh,360px)!important;
  }
  #mobilePageMap .map-stats .stat-btn {padding:6px 3px!important}
}
@media (max-height:720px) and (max-width:1200px) {
  #mobilePageMap #cardRealtime.left-top {max-height:min(46vh,330px)!important}
  #mobilePageMap .wrs-mobile-map-quicktools {bottom:calc(134px + env(safe-area-inset-bottom,0px))!important}
}

/* Final theme cohesion pass: override leftover fixed colours in old/detail widgets. */
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-panel,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-panel * {
  color:#172235!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-panel {
  background:#f8fafc!important;border:1px solid #e1e7ef!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time small,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time time,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-param span,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .rt-src,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .panel-sub {
  color:#64748b!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-panel,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-panel * {
  color:#f3f6fa!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-panel {
  background:#101925!important;border:1px solid rgba(229,29,61,.22)!important;box-shadow:none!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time small,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time time,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-param span,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .rt-src,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .panel-sub {
  color:#a5b4c6!important;
}

/* Make the full detail report use one intentional palette instead of legacy navy strips. */
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-desc,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-links,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-quick {
  background:#fff!important;color:#263449!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-pot {
  background:#ecfdf3!important;color:#166534!important;border:1px solid #bbf7d0!important;
  box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr {
  background:#fff7ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important;
  box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr :is(b,span,p) {
  color:#7c2d12!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap-h {
  background:#f8fafc!important;color:#263449!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel #shakemapImg {
  background:#f8fafc!important;color:#64748b!important;min-height:0!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .wrs-shakemap-empty,
html[data-wrs-theme="light"] #modalDetail .wrs-shakemap-empty {
  display:block!important;margin:0!important;padding:14px!important;background:#f8fafc!important;
  color:#64748b!important;border-top:1px solid #e1e7ef!important;font-size:12px!important;line-height:1.5!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-stats,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-desc,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-shakemap,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-links,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-quick {
  background:#0e1725!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-pot {
  background:#062d1a!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.28)!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-instr {
  background:#2a2117!important;color:#fed7aa!important;border:1px solid rgba(251,146,60,.22)!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-instr :is(b,span,p) {color:#fed7aa!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-shakemap-h {
  background:#121e2d!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel #shakemapImg {background:#0e1725!important;color:#c4cedb!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .wrs-shakemap-empty,
html[data-wrs-theme="dark"] #modalDetail .wrs-shakemap-empty {
  display:block!important;margin:0!important;padding:14px!important;background:#101925!important;
  color:#aebdce!important;border-top:1px solid rgba(188,201,218,.14)!important;font-size:12px!important;line-height:1.5!important;
}

/* Modal report: replace old navy parameter bars with the currently selected theme. */
html[data-wrs-theme="light"] #modalDetail .modal-card {
  background:#fff!important;color:#263449!important;border:1px solid #e1e7ef!important;
  box-shadow:0 18px 48px rgba(15,23,42,.18)!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-header.bmkg-style {
  background:linear-gradient(120deg,#fff0f2,#fff9fa)!important;color:#263449!important;border-bottom:2px solid #e51d3d!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-header :is(.modal-label,.modal-time,.modal-sent) {color:#263449!important}
html[data-wrs-theme="light"] #modalDetail .modal-mag-badge {
  background:#fff!important;color:#b81431!important;border-color:#e51d3d!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-body-grid,
html[data-wrs-theme="light"] #modalDetail .modal-left,
html[data-wrs-theme="light"] #modalDetail .modal-right,
html[data-wrs-theme="light"] #modalDetail .modal-mmi,
html[data-wrs-theme="light"] #modalDetail .modal-params,
html[data-wrs-theme="light"] #modalDetail .mmi-list {
  background:#fff!important;color:#263449!important;border-color:#e1e7ef!important;
}
html[data-wrs-theme="light"] #modalDetail .mmi-h {color:#334155!important}
html[data-wrs-theme="light"] #modalDetail .param-row {
  background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important;
}
html[data-wrs-theme="light"] #modalDetail .param-row b {color:#172235!important}
html[data-wrs-theme="light"] #modalDetail .modal-tsunami {
  background:#ecfdf3!important;color:#166534!important;border:1px solid #bbf7d0!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-tsunami :is(b,span,p,small) {color:#166534!important}
html[data-wrs-theme="light"] #modalDetail .modal-instruction,
html[data-wrs-theme="light"] #modalDetail .modal-advice,
html[data-wrs-theme="light"] #modalDetail .modal-guidance {
  background:#fff7ed!important;color:#7c2d12!important;border:1px solid #fed7aa!important;
}
html[data-wrs-theme="light"] #modalDetail :is(.modal-instruction,.modal-advice,.modal-guidance) :is(b,span,p,small) {color:#7c2d12!important}
html[data-wrs-theme="dark"] #modalDetail .modal-card {
  background:#0e1725!important;color:#e7edf6!important;border:1px solid rgba(188,201,218,.15)!important;
}
html[data-wrs-theme="dark"] #modalDetail .modal-header.bmkg-style {
  background:linear-gradient(120deg,#30121c,#111a29)!important;color:#f3f6fa!important;border-bottom:2px solid #e51d3d!important;
}
html[data-wrs-theme="dark"] #modalDetail .modal-header :is(.modal-label,.modal-time,.modal-sent) {color:#f3f6fa!important}
html[data-wrs-theme="dark"] #modalDetail .modal-mag-badge {
  background:#111a29!important;color:#ff7184!important;border-color:#e51d3d!important;
}
html[data-wrs-theme="dark"] #modalDetail .modal-body-grid,
html[data-wrs-theme="dark"] #modalDetail .modal-left,
html[data-wrs-theme="dark"] #modalDetail .modal-right,
html[data-wrs-theme="dark"] #modalDetail .modal-mmi,
html[data-wrs-theme="dark"] #modalDetail .modal-params,
html[data-wrs-theme="dark"] #modalDetail .mmi-list {
  background:#0e1725!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important;
}
html[data-wrs-theme="dark"] #modalDetail .mmi-h {color:#c4cedb!important}
html[data-wrs-theme="dark"] #modalDetail .param-row {
  background:#142234!important;color:#d6dfeb!important;border:1px solid rgba(188,201,218,.12)!important;
}
html[data-wrs-theme="dark"] #modalDetail .param-row b {color:#f3f6fa!important}
html[data-wrs-theme="dark"] #modalDetail .modal-tsunami {
  background:#062d1a!important;color:#bbf7d0!important;border:1px solid rgba(34,197,94,.28)!important;
}
html[data-wrs-theme="dark"] #modalDetail .modal-tsunami :is(b,span,p,small) {color:#bbf7d0!important}
html[data-wrs-theme="dark"] #modalDetail :is(.modal-instruction,.modal-advice,.modal-guidance) {
  background:#2a2117!important;color:#fed7aa!important;border:1px solid rgba(251,146,60,.22)!important;
}
html[data-wrs-theme="dark"] #modalDetail :is(.modal-instruction,.modal-advice,.modal-guidance) :is(b,span,p,small) {color:#fed7aa!important}

/* The catalogue should stay compact: card rows, not oversized full-width tiles. */
@media(max-width:1200px) {
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event {
    padding:8px!important;gap:8px!important;border-radius:12px!important;min-height:0!important;
    box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
  }
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-mag {
    flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:11px!important;
    font-size:16px!important;letter-spacing:-.02em!important;
  }
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail {gap:2px!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>b {font-size:11px!important;line-height:1.25!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>span {font-size:9px!important;line-height:1.3!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>small {font-size:8px!important;line-height:1.25!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-footer {gap:5px!important;margin-top:2px!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-open {min-height:25px!important;padding:4px 7px!important;font-size:8px!important}
  #mobilePageInfo .wrs-catalog-results {gap:6px!important}
  #mobilePageInfo .wrs-catalog-search-heading {padding:8px 0 5px!important}
  #mobilePageInfo .wrs-catalog-search-heading h2 {font-size:16px!important}
}

/* WRS GEMPA WebView cohesion pass — v12. Keep feeds and push behavior unchanged. */
html[data-wrs-theme="light"] {
  --wrs-bg:#f3f6fa!important;--wrs-surface:#fff!important;--wrs-surface-2:#f8fafc!important;
  --wrs-text:#172235!important;--wrs-muted:#64748b!important;--wrs-border:#e1e7ef!important;
  --wrs-red:#e51d3d!important;--wrs-cyan:#e51d3d!important;
}
html[data-wrs-theme="dark"] {
  --wrs-bg:#090d14!important;--wrs-surface:#111721!important;--wrs-surface-2:#171f2b!important;
  --wrs-text:#f3f6fa!important;--wrs-muted:#a5b4c6!important;--wrs-border:rgba(188,201,218,.14)!important;
  --wrs-red:#ff536b!important;--wrs-cyan:#ff536b!important;
}
html[data-wrs-theme="light"] #mobilePageInfo,
html[data-wrs-theme="light"] #mobilePageDetail,
html[data-wrs-theme="light"] #mobilePageAlerts,
html[data-wrs-theme="light"] #mobilePageEducation,
html[data-wrs-theme="light"] #mobilePageChat,
html[data-wrs-theme="light"] #mobilePageLegend,
html[data-wrs-theme="light"] #mobilePageSettingDetail {
  background:#f3f6fa!important;color:#172235!important;
}
html[data-wrs-theme="dark"] #mobilePageInfo,
html[data-wrs-theme="dark"] #mobilePageDetail,
html[data-wrs-theme="dark"] #mobilePageAlerts,
html[data-wrs-theme="dark"] #mobilePageEducation,
html[data-wrs-theme="dark"] #mobilePageChat,
html[data-wrs-theme="dark"] #mobilePageLegend,
html[data-wrs-theme="dark"] #mobilePageSettingDetail {
  background:#090d14!important;color:#f3f6fa!important;
}

/* Live clock: stop dark text sitting on the old navy clock tile in light mode. */
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockPanel,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockContent,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-grid,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-time,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime .world-clock-param {
  background:#f8fafc!important;color:#172235!important;border-color:#e1e7ef!important;color-scheme:light!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockPanel {
  border:1px solid #e1e7ef!important;border-radius:12px!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockContent *,
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockPanel :is(strong,b,time,small,span) {
  color:#172235!important;text-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockPanel :is(small,time,.world-clock-param span) {
  color:#64748b!important;
}
html[data-wrs-theme="light"] #mobilePageMap #cardRealtime #worldClockPanel .world-clock-led {
  background:#e51d3d!important;box-shadow:0 0 0 3px rgba(229,29,61,.10)!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #worldClockPanel,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #worldClockContent,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-grid,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-time,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime .world-clock-param {
  background:#101925!important;color:#f3f6fa!important;border-color:rgba(188,201,218,.14)!important;color-scheme:dark!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #worldClockContent *,
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #worldClockPanel :is(strong,b,time,small,span) {
  color:#f3f6fa!important;text-shadow:none!important;
}
html[data-wrs-theme="dark"] #mobilePageMap #cardRealtime #worldClockPanel :is(small,time,.world-clock-param span) {
  color:#a5b4c6!important;
}

/* A full-width toggle was consuming the statistics row. Show the four real counters directly. */
@media (max-width:1200px) {
  #mobilePageMap #mapStats {
    position:fixed!important;left:10px!important;right:10px!important;top:auto!important;
    bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:row!important;
    align-items:stretch!important;justify-content:stretch!important;gap:5px!important;
    width:auto!important;max-width:none!important;height:62px!important;min-height:62px!important;max-height:62px!important;
    padding:5px!important;box-sizing:border-box!important;transform:none!important;overflow:visible!important;
    z-index:640!important;border-radius:16px!important;
  }
  #mobilePageMap #mapStats #mapStatsToggle,
  #mobilePageMap #mapStats .map-stats-toggle {display:none!important}
  #mobilePageMap #mapStats .stat-btn {
    display:grid!important;grid-template-columns:18px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;
    align-items:center!important;justify-content:stretch!important;justify-items:stretch!important;
    min-width:0!important;width:auto!important;height:50px!important;min-height:50px!important;max-height:50px!important;
    margin:0!important;padding:5px!important;gap:0 4px!important;border-radius:11px!important;
    opacity:1!important;visibility:visible!important;overflow:hidden!important;box-sizing:border-box!important;text-align:left!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon {
    grid-column:1!important;grid-row:1 / span 2!important;display:grid!important;place-items:center!important;
    width:18px!important;height:18px!important;margin:0!important;padding:0!important;border-radius:8px!important;
    background:rgba(229,29,61,.09)!important;color:#e51d3d!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon svg {display:block!important;width:15px!important;height:15px!important;stroke:currentColor!important}
  #mobilePageMap #mapStats .stat-btn>b {
    grid-column:2!important;grid-row:1!important;display:block!important;margin:0!important;
    font-size:14px!important;line-height:1!important;font-weight:900!important;opacity:1!important;
  }
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) {
    grid-column:2!important;grid-row:2!important;display:block!important;margin:2px 0 0!important;
    font-size:6.7px!important;font-weight:800!important;line-height:1.05!important;letter-spacing:.025em!important;
    opacity:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-extra {display:none!important}
  html[data-wrs-theme="light"] #mobilePageMap #mapStats {
    background:rgba(255,255,255,.97)!important;color:#172235!important;border:1px solid #e1e7ef!important;
    box-shadow:0 8px 22px rgba(22,37,57,.12)!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .stat-btn {
    background:#f7f9fc!important;color:#172235!important;border:1px solid #e5eaf1!important;
  }
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .stat-btn>b {color:#172235!important}
  html[data-wrs-theme="light"] #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) {color:#64748b!important}
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats {
    background:rgba(10,17,28,.96)!important;color:#f3f6fa!important;border:1px solid rgba(188,201,218,.15)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats .stat-btn {
    background:#131e2d!important;color:#f3f6fa!important;border:1px solid rgba(188,201,218,.12)!important;
  }
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats .stat-btn>b {color:#f3f6fa!important}
  html[data-wrs-theme="dark"] #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) {color:#a5b4c6!important}
  #mobilePageMap .wrs-mobile-map-quicktools {bottom:calc(146px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:420px) {
  #mobilePageMap #mapStats {
    left:7px!important;right:7px!important;gap:4px!important;padding:4px!important;
    height:58px!important;min-height:58px!important;max-height:58px!important;
  }
  #mobilePageMap #mapStats .stat-btn {
    height:48px!important;min-height:48px!important;max-height:48px!important;
    grid-template-columns:15px minmax(0,1fr)!important;gap:0 3px!important;padding:4px!important;
  }
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon {width:15px!important;height:15px!important}
  #mobilePageMap #mapStats .stat-btn .wrs-stat-icon svg {width:13px!important;height:13px!important}
  #mobilePageMap #mapStats .stat-btn>b {font-size:12px!important}
  #mobilePageMap #mapStats .stat-btn>span:not(.wrs-stat-icon) {font-size:6.2px!important}
}

/* Detail report: keep each panel in the same surface family, with muted semantic status colors. */
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-bar,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-desc,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-links,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-quick {
  background:#fff!important;color:#263449!important;border-color:#e1e7ef!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-bar {
  background:linear-gradient(115deg,#fff4f6,#fff)!important;border-bottom:1px solid #f0d9de!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag {
  background:#fff!important;color:#b81431!important;border:1px solid #f3c3cc!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-mag-info :is(b,strong,span,small) {color:#27364b!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-desc,
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-stats {border-top:1px solid #e8edf3!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-pot {
  background:#edf8f0!important;color:#166534!important;border:1px solid #ccebd5!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr {
  background:#f8fafc!important;color:#344256!important;border:1px solid #e1e7ef!important;box-shadow:none!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-instr :is(b,span,p,small) {color:#344256!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .rp-shakemap-h {background:#f8fafc!important;color:#334155!important;border-color:#e1e7ef!important}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel #shakemapImg,
html[data-wrs-theme="light"] #modalDetail .modal-shakemap img {
  display:block;width:100%!important;max-width:100%!important;max-height:320px!important;
  object-fit:contain!important;background:#f8fafc!important;color:#64748b!important;border:0!important;
}
html[data-wrs-theme="light"] #mobilePageDetail #rightPanel .wrs-shakemap-empty,
html[data-wrs-theme="light"] #modalDetail .wrs-shakemap-empty {
  display:block!important;margin:0!important;padding:14px!important;background:#f8fafc!important;color:#64748b!important;
  border-top:1px solid #e1e7ef!important;border-radius:0 0 12px 12px!important;font-size:12px!important;line-height:1.5!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mag-bar,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-desc,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-stats,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-shakemap,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-links,
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-quick {
  background:#0e1725!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important;box-shadow:none!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mag-bar {
  background:linear-gradient(115deg,#211621,#111b29)!important;border-bottom:1px solid rgba(229,29,61,.35)!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mag {
  background:#111a29!important;color:#ff7184!important;border:1px solid rgba(229,29,61,.3)!important;box-shadow:none!important;
}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-mag-info :is(b,strong,span,small) {color:#e7edf6!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-pot {background:#103020!important;color:#bce9c9!important;border:1px solid rgba(34,197,94,.22)!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-instr {background:#172233!important;color:#d4deea!important;border:1px solid rgba(188,201,218,.13)!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-instr :is(b,span,p,small) {color:#d4deea!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .rp-shakemap-h {background:#121e2d!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important}
html[data-wrs-theme="dark"] #mobilePageDetail #rightPanel .wrs-shakemap-empty,
html[data-wrs-theme="dark"] #modalDetail .wrs-shakemap-empty {
  display:block!important;margin:0!important;padding:14px!important;background:#101925!important;color:#aebdce!important;
  border-top:1px solid rgba(188,201,218,.14)!important;border-radius:0 0 12px 12px!important;font-size:12px!important;line-height:1.5!important;
}

/* Modal report: use the real .modal-instr class, not the stale .modal-instruction selector. */
html[data-wrs-theme="light"] #modalDetail .modal-card {
  background:#fff!important;color:#263449!important;border:1px solid #e1e7ef!important;
  box-shadow:0 12px 34px rgba(15,23,42,.12)!important;border-radius:20px!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-header.bmkg-style {
  background:linear-gradient(120deg,#fff1f3,#fff9fa)!important;color:#263449!important;border-bottom:2px solid #e51d3d!important;
}
html[data-wrs-theme="light"] #modalDetail .modal-header :is(.modal-label,.modal-time,.modal-sent) {color:#263449!important}
html[data-wrs-theme="light"] #modalDetail .modal-mag-badge {background:#fff!important;color:#b81431!important;border:1px solid #f3c3cc!important;box-shadow:none!important}
html[data-wrs-theme="light"] #modalDetail .modal-body-grid,
html[data-wrs-theme="light"] #modalDetail .modal-left,
html[data-wrs-theme="light"] #modalDetail .modal-right,
html[data-wrs-theme="light"] #modalDetail .modal-mmi,
html[data-wrs-theme="light"] #modalDetail .modal-params,
html[data-wrs-theme="light"] #modalDetail .mmi-list {background:#fff!important;color:#263449!important;border-color:#e1e7ef!important}
html[data-wrs-theme="light"] #modalDetail .mmi-h {background:transparent!important;color:#334155!important}
html[data-wrs-theme="light"] #modalDetail .param-row {background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important;box-shadow:none!important}
html[data-wrs-theme="light"] #modalDetail .param-row :is(span,b,strong) {color:#334155!important}
html[data-wrs-theme="light"] #modalDetail .modal-tsunami {background:#edf8f0!important;color:#166534!important;border:1px solid #ccebd5!important;box-shadow:none!important}
html[data-wrs-theme="light"] #modalDetail .modal-tsunami :is(b,span,p,small) {color:#166534!important}
html[data-wrs-theme="light"] #modalDetail .modal-instr,
html[data-wrs-theme="light"] #modalDetail #modalInstr {background:#f8fafc!important;color:#344256!important;border:1px solid #e1e7ef!important;box-shadow:none!important}
html[data-wrs-theme="light"] #modalDetail .modal-instr :is(b,span,p,small),
html[data-wrs-theme="light"] #modalDetail #modalInstr :is(b,span,p,small) {color:#344256!important}
html[data-wrs-theme="light"] #modalDetail .modal-actions {background:#f8fafc!important;border-top:1px solid #e1e7ef!important}
html[data-wrs-theme="light"] #modalDetail .modal-actions .btn-save {background:#fff!important;color:#b81431!important;border:1px solid #efb6c0!important}
html[data-wrs-theme="light"] #modalDetail .modal-actions .btn-share {background:#e51d3d!important;color:#fff!important;border:1px solid #e51d3d!important}
html[data-wrs-theme="dark"] #modalDetail .modal-card {background:#0e1725!important;color:#e7edf6!important;border:1px solid rgba(188,201,218,.15)!important;border-radius:20px!important}
html[data-wrs-theme="dark"] #modalDetail .modal-header.bmkg-style {background:linear-gradient(120deg,#26131c,#111a29)!important;color:#f3f6fa!important;border-bottom:2px solid #e51d3d!important}
html[data-wrs-theme="dark"] #modalDetail .modal-header :is(.modal-label,.modal-time,.modal-sent) {color:#f3f6fa!important}
html[data-wrs-theme="dark"] #modalDetail .modal-mag-badge {background:#111a29!important;color:#ff7184!important;border:1px solid rgba(229,29,61,.32)!important}
html[data-wrs-theme="dark"] #modalDetail .modal-body-grid,
html[data-wrs-theme="dark"] #modalDetail .modal-left,
html[data-wrs-theme="dark"] #modalDetail .modal-right,
html[data-wrs-theme="dark"] #modalDetail .modal-mmi,
html[data-wrs-theme="dark"] #modalDetail .modal-params,
html[data-wrs-theme="dark"] #modalDetail .mmi-list {background:#0e1725!important;color:#e7edf6!important;border-color:rgba(188,201,218,.14)!important}
html[data-wrs-theme="dark"] #modalDetail .mmi-h {background:transparent!important;color:#c4cedb!important}
html[data-wrs-theme="dark"] #modalDetail .param-row {background:#142234!important;color:#d6dfeb!important;border:1px solid rgba(188,201,218,.12)!important;box-shadow:none!important}
html[data-wrs-theme="dark"] #modalDetail .param-row :is(span,b,strong) {color:#d6dfeb!important}
html[data-wrs-theme="dark"] #modalDetail .modal-tsunami {background:#103020!important;color:#bce9c9!important;border:1px solid rgba(34,197,94,.22)!important}
html[data-wrs-theme="dark"] #modalDetail .modal-tsunami :is(b,span,p,small) {color:#bce9c9!important}
html[data-wrs-theme="dark"] #modalDetail .modal-instr,
html[data-wrs-theme="dark"] #modalDetail #modalInstr {background:#172233!important;color:#d4deea!important;border:1px solid rgba(188,201,218,.13)!important}
html[data-wrs-theme="dark"] #modalDetail .modal-instr :is(b,span,p,small),
html[data-wrs-theme="dark"] #modalDetail #modalInstr :is(b,span,p,small) {color:#d4deea!important}
html[data-wrs-theme="dark"] #modalDetail .modal-actions {background:#0b121d!important;border-top:1px solid rgba(188,201,218,.14)!important}
html[data-wrs-theme="dark"] #modalDetail .modal-actions .btn-save {background:#142234!important;color:#e7edf6!important;border:1px solid rgba(188,201,218,.14)!important}
html[data-wrs-theme="dark"] #modalDetail .modal-actions .btn-share {background:#e51d3d!important;color:#fff!important;border:1px solid #e51d3d!important}
@media(max-width:900px) {
  #modalDetail .modal-card {width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px)!important;border-radius:18px!important;overflow-y:auto!important}
  #modalDetail .modal-body-grid {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #modalDetail .modal-left,#modalDetail .modal-right {width:100%!important;min-width:0!important}
  #modalDetail .modal-actions {position:sticky!important;bottom:0!important;z-index:5!important;display:flex!important;gap:8px!important;padding:10px!important}
}

/* Compact catalogue rows; keep the existing list layout, only unify its surface/typography. */
@media(max-width:1200px) {
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event {min-height:0!important;padding:8px!important;gap:8px!important;border-radius:12px!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-mag {flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:11px!important;font-size:15px!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail {gap:2px!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>b {font-size:11px!important;line-height:1.25!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>span {font-size:9px!important;line-height:1.3!important}
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail>small {font-size:8px!important;line-height:1.25!important}
}
html[data-wrs-theme="light"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event,
html[data-wrs-theme="light"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event * {border-color:#e1e7ef!important}
html[data-wrs-theme="light"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event {background:#fff!important;color:#172235!important;box-shadow:0 5px 16px rgba(22,37,57,.045)!important}
html[data-wrs-theme="light"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail :is(b,span,small,time,p) {color:#344256!important}
html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event {background:#111721!important;color:#f3f6fa!important;border-color:rgba(188,201,218,.14)!important;box-shadow:0 5px 16px rgba(0,0,0,.18)!important}
html[data-wrs-theme="dark"] #mobilePageInfo #wrsCatalogResults .wrs-catalog-event-detail :is(b,span,small,time,p) {color:#d4deea!important}