/* WRS GEMPA quality pass: A-D export, typography, contrast and viewport safety. */
:root{--wrs-ink:#15243a;--wrs-muted:#5d6c80;--wrs-line:#e1e7ef;--wrs-accent:#e51d3d;--wrs-accent-soft:#fff0f2}
.mobile-page-title{min-height:58px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;padding:12px 16px!important;margin:0 0 12px!important;box-sizing:border-box!important;border-bottom:1px solid var(--wrs-line)!important}
.mobile-page-title>span,.mobile-page-title h1,.mobile-page-title h2{margin:0!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.02em!important}
.mobile-page-title small{font-size:10px!important;line-height:1.35!important}
.mobile-page,.settings-detail-body{min-width:0!important;box-sizing:border-box!important}
.mobile-page :is(h1,h2,h3,h4){text-wrap:balance}
.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important}
#mobilePageMap #cardRealtime .rt-update-inline{position:relative!important;inset:auto!important;transform:none!important;display:block!important;flex:0 0 auto!important;width:auto!important;max-height:96px!important;margin:6px 10px 10px!important;padding:8px 10px!important;overflow:auto!important;border-radius:10px!important;font-size:10px!important;line-height:1.45!important;z-index:auto!important;box-sizing:border-box!important}
#mobilePageMap #cardRealtime .rt-update-inline.hidden{display:none!important}
#mobilePageMap #cardRealtime .world-clock-revision{position:relative!important;inset:auto!important}
#mobilePageMap #vToolbar{z-index:70!important;max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px))!important}
#mobilePageMap .basemap-menu{position:fixed!important;top:auto!important;right:62px!important;bottom:calc(148px + env(safe-area-inset-bottom,0px))!important;left:auto!important;transform:none!important;z-index:90!important;max-height:45dvh!important;overflow:auto!important}
#mobilePageMap .map-stats{z-index:44!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
#mobilePageMap #cardRealtime{z-index:45!important}
#rtMag.wrs-mag-pulse,.rt-mag.wrs-mag-pulse{border-color:#ef334d!important;color:#fff!important;box-shadow:0 0 0 1px rgba(229,29,61,.22),0 0 14px rgba(229,29,61,.24)!important;animation:wrsMagnitudeSignal 2.2s ease-in-out infinite!important}
@keyframes wrsMagnitudeSignal{0%,100%{box-shadow:0 0 0 1px rgba(229,29,61,.14),0 0 5px rgba(229,29,61,.12);filter:brightness(1)}50%{box-shadow:0 0 0 4px rgba(229,29,61,.12),0 0 22px rgba(229,29,61,.52);filter:brightness(1.12)}}
html[data-wrs-theme="light"] #modalHistory .hist-card,html[data-wrs-theme="light"] #modalDetail .modal-card,html[data-wrs-theme="light"] #modalTsunamiAlert .tsunami-card{background:#f7f9fc!important;color:#18283d!important;border-color:#dce4ed!important}
html[data-wrs-theme="dark"] #modalHistory .hist-card,html[data-wrs-theme="dark"] #modalDetail .modal-card,html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-card{background:#0d1725!important;color:#e8eef6!important;border-color:rgba(148,163,184,.2)!important}
#modalHistory .hist-card{display:flex!important;flex-direction:column!important;min-width:0!important;max-height:min(94dvh,980px)!important;overflow:hidden!important}
#modalHistory .hist-header{flex:0 0 auto!important;padding:16px 18px!important;gap:10px!important}
#modalHistory .hist-header h2{font-size:clamp(15px,2vw,20px)!important;line-height:1.2!important}
#modalHistory .hist-search-bar,#modalHistory .hist-search-status,#modalHistory #histTimeline,#modalHistory #histTsunamiBanner,#modalHistory #globalTsunamiPanel{flex:0 0 auto!important}
#modalHistory .hist-body{display:flex!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}
#modalHistory .hist-table-wrap{flex:1 1 auto!important;min-width:0!important;overflow:auto!important}
#modalHistory .hist-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important}
#modalHistory .hist-table th{position:sticky!important;top:0!important;z-index:2!important;font-size:10px!important;line-height:1.3!important}
#modalHistory .hist-table td{font-size:11px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
html[data-wrs-theme="light"] #modalHistory :is(.hist-header h2,.hist-header span,.hist-search-status,.hist-search-field,.hist-period-field,.hist-table th,.hist-table td,.hist-tsunami-banner,.global-tsunami-panel,.global-tsunami-panel *){color:#24364c!important;opacity:1!important;text-shadow:none!important}
html[data-wrs-theme="light"] #modalHistory :is(.hist-search-field,.hist-period-field select,.hist-table-wrap,.hist-table tbody tr){background:#fff!important;border-color:#e1e7ef!important}
html[data-wrs-theme="light"] #modalHistory .hist-table tbody tr:nth-child(even){background:#f5f8fc!important}
html[data-wrs-theme="dark"] #modalHistory :is(.hist-header h2,.hist-header span,.hist-search-status,.hist-search-field,.hist-period-field,.hist-table th,.hist-table td,.hist-tsunami-banner,.global-tsunami-panel,.global-tsunami-panel *){color:#dce7f3!important;opacity:1!important;text-shadow:none!important}
html[data-wrs-theme="dark"] #modalHistory :is(.hist-search-field,.hist-period-field select,.hist-table-wrap,.hist-table tbody tr){background:#101d2c!important;border-color:#26384b!important}
#modalTsunamiAlert .tsunami-card{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;border-width:1px!important;border-radius:18px!important}
#modalTsunamiAlert .tsunami-header{flex:0 0 auto!important;align-items:flex-start!important;gap:12px!important;padding:15px 17px!important;background:linear-gradient(105deg,#8f1026,#e51d3d)!important;color:#fff!important}
#modalTsunamiAlert .tsunami-header h2{font-size:clamp(14px,2vw,18px)!important;line-height:1.25!important}
#modalTsunamiAlert .tsunami-header .ts-sub{font-size:11px!important;line-height:1.45!important;opacity:.94!important}
#modalTsunamiAlert .tsunami-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;padding:14px!important}
#modalTsunamiAlert .tsunami-mag-row{align-items:center!important;gap:12px!important}
#modalTsunamiAlert .tsunami-meta{font-size:12px!important;line-height:1.55!important}
#modalTsunamiAlert .tsunami-status-grid{gap:7px!important}
#modalTsunamiAlert .tsunami-status{font-size:11px!important;padding:9px 5px!important}
#modalTsunamiAlert .tsunami-status span{font-size:9px!important}
#modalTsunamiAlert .tsunami-area-list{display:flex!important;flex-direction:column!important;gap:6px!important}
#modalTsunamiAlert .tsunami-area-item{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:9px 10px!important;background:rgba(120,135,155,.08)!important;border:1px solid rgba(125,145,170,.18)!important;border-radius:9px!important;font-size:11px!important;line-height:1.45!important}
#modalTsunamiAlert .tsunami-area-item>span:last-child{min-width:0!important;overflow-wrap:anywhere!important}
#modalTsunamiAlert .tsunami-maps{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#modalTsunamiAlert .tsunami-map-box{min-width:0!important;padding:10px!important;border:1px solid rgba(130,150,175,.22)!important;border-radius:12px!important;background:rgba(120,135,155,.06)!important}
#modalTsunamiAlert .tsunami-map-box img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:460px!important;object-fit:contain!important;margin:6px auto 0!important;background:#fff!important}
#modalTsunamiAlert .mmi-h{font-size:10px!important;font-weight:900!important;letter-spacing:.03em!important}
#modalTsunamiAlert .tsunami-instr{margin:10px 0 0!important;padding:12px!important;border-radius:10px!important;font-size:11px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
#modalTsunamiAlert .tsunami-actions{flex:0 0 auto!important;position:relative!important;inset:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important}
#modalTsunamiAlert .tsunami-actions>*{min-height:44px!important}
#modalDetail .modal-header h2,#modalHistory h2{line-height:1.2!important;text-wrap:balance}
#modalDetail .modal-body-grid{min-width:0!important}
#modalDetail :is(.modal-left,.modal-right,.mmi-card,.modal-section){min-width:0!important}
#modalDetail #shakemapImg{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:560px!important;object-fit:contain!important;margin:0 auto!important}
#wrsQuakeDownloadProgress .wrs-dl-card{border:1px solid #e0e6ee!important;border-radius:20px!important;background:#fff!important;color:#19283d!important;box-shadow:0 22px 70px rgba(10,24,45,.22)!important}
#wrsQuakeDownloadProgress .wrs-dl-brand{color:#a3152b!important}
#wrsQuakeDownloadProgress .wrs-dl-brand-mark{background:#fff0f2!important;color:#c81936!important;box-shadow:none!important}
#wrsQuakeDownloadProgress .wrs-dl-icon{background:#fff0f2!important;color:#c81936!important;border-color:#f3b3bf!important;box-shadow:none!important}
#wrsQuakeDownloadProgress .wrs-dl-card h2{color:#18283d!important}
#wrsQuakeDownloadProgress .wrs-dl-message,#wrsQuakeDownloadProgress .wrs-dl-progress-head{color:#5b6b80!important}
#wrsQuakeDownloadProgress .wrs-dl-percent{color:#bd1733!important}
#wrsQuakeDownloadProgress .wrs-dl-track{background:#e8edf3!important}
#wrsQuakeDownloadProgress .wrs-dl-fill{background:linear-gradient(90deg,#b81431,#f05268)!important;box-shadow:none!important}
#wrsQuakeDownloadProgress .wrs-dl-step{background:#f8fafc!important;border-color:#e3e8ef!important;color:#506176!important}
#wrsQuakeDownloadProgress .wrs-dl-step.done{background:#f8fafc!important;border-color:#d9e0e8!important;color:#304057!important}
#wrsQuakeDownloadProgress .wrs-dl-step.active{background:#fff3f5!important;border-color:#e9a8b3!important;color:#8e1429!important}
#wrsQuakeDownloadProgress .wrs-dl-step b{color:#76869a!important}
#wrsQuakeDownloadProgress .wrs-dl-step.active b{color:#c21937!important}
#wrsQuakeDownloadProgress .wrs-dl-note{color:#617187!important;border-color:#e5eaf0!important}
#wrsQuakeDownloadProgress .wrs-dl-action{background:linear-gradient(100deg,#af142f,#e51d3d)!important;border-color:#e51d3d!important;color:#fff!important}
#wrsExportResult{position:fixed!important;inset:0!important;z-index:2600!important;padding:14px!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(7,15,27,.58)!important;backdrop-filter:blur(10px)!important}
#wrsExportResult.is-open{display:flex!important}
#wrsExportResult .wrs-export-sheet{position:relative!important;width:min(460px,100%)!important;max-height:90dvh!important;overflow:auto!important;padding:22px!important;border:1px solid #dfe6ee!important;border-radius:22px!important;background:#fff!important;color:#17263b!important;box-shadow:0 24px 70px rgba(0,0,0,.28)!important}
#wrsExportResult .wrs-export-close{width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid #e2e8f0!important;background:#f8fafc!important;color:#344256!important}
#wrsExportResult .wrs-export-mark{background:#fff0f2!important;color:#c51c38!important;border:1px solid #f1c0c8!important}
#wrsExportResult h2{margin:10px 38px 7px 0!important;font-size:20px!important;line-height:1.25!important;color:#17263b!important}
#wrsExportResult .wrs-export-message{color:#5b6b80!important;font-size:12px!important;line-height:1.6!important}
#wrsExportResult .wrs-export-preview img{width:100%!important;height:auto!important;max-height:310px!important;object-fit:contain!important;border:1px solid #e2e8f0!important;border-radius:9px!important;background:#f6f8fb!important}
#wrsExportResult .wrs-export-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important}
#wrsExportResult .wrs-export-action{min-height:46px!important;border:1px solid #e1e7ef!important;border-radius:12px!important;background:#f7f9fc!important;color:#26374d!important;font-size:12px!important;font-weight:800!important}
#wrsExportResult .wrs-export-action.primary{background:linear-gradient(100deg,#b51531,#e51d3d)!important;border-color:#e51d3d!important;color:#fff!important}
@media(max-width:640px){
  #modalHistory.modal-overlay:not(.hidden),#modalTsunamiAlert.tsunami-overlay:not(.hidden){align-items:stretch!important;justify-content:flex-start!important;padding:calc(8px + env(safe-area-inset-top,0px)) 0 calc(4px + env(safe-area-inset-bottom,0px))!important;overflow:hidden!important}
  #modalHistory .hist-card,#modalTsunamiAlert .tsunami-card{width:100%!important;max-width:none!important;max-height:none!important;height:100%!important;min-height:0!important;margin:0!important;border-radius:17px 17px 0 0!important}
  #modalHistory .hist-body{flex-direction:column!important}
  #modalHistory .hist-map{flex:0 0 190px!important;min-height:150px!important;width:100%!important}
  #modalHistory .hist-table-wrap{min-height:0!important}
  #modalTsunamiAlert .tsunami-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #modalTsunamiAlert .tsunami-actions{background:rgba(8,15,26,.96)!important}
  #wrsExportResult .wrs-export-sheet{max-height:calc(100dvh - 28px)!important;padding:18px!important}
}
@media(max-width:1200px){
  body[data-mobile-page="chat"] #mobilePageChat.mobile-page.active{position:fixed!important;inset:0!important;z-index:1200!important;display:block!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:var(--wrs-page-bg,#f5f7fb)!important}
  body[data-mobile-page="chat"] #wrsAiPanel.wrs-ai-panel{position:fixed!important;inset:0!important;z-index:1201!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0!important;border-radius:0!important;border:0!important;box-shadow:none!important}
  body[data-mobile-page="chat"] #wrsAiPanel .wrs-ai-head{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px!important}
  body[data-mobile-page="chat"] #wrsAiPanel .wrs-ai-messages{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
  body[data-mobile-page="chat"] #wrsAiPanel .wrs-ai-form{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))!important}
  body[data-mobile-page="chat"] #wrsAiPanel .wrs-ai-notice{font-size:10px!important}
}
html[data-wrs-theme="dark"] #wrsQuakeDownloadProgress .wrs-dl-card,html[data-wrs-theme="dark"] #wrsExportResult .wrs-export-sheet{background:#101a29!important;color:#e7eef7!important;border-color:#29394b!important}
html[data-wrs-theme="dark"] #wrsQuakeDownloadProgress .wrs-dl-card h2,html[data-wrs-theme="dark"] #wrsExportResult h2{color:#edf3f9!important}
html[data-wrs-theme="dark"] #wrsQuakeDownloadProgress .wrs-dl-message,html[data-wrs-theme="dark"] #wrsQuakeDownloadProgress .wrs-dl-progress-head,html[data-wrs-theme="dark"] #wrsQuakeDownloadProgress .wrs-dl-note,html[data-wrs-theme="dark"] #wrsExportResult .wrs-export-message{color:#aebed0!important}
html[data-wrs-theme="dark"] #wrsExportResult .wrs-export-close,html[data-wrs-theme="dark"] #wrsExportResult .wrs-export-action{background:#1b293a!important;color:#e7eef7!important;border-color:#33465c!important}
html[data-wrs-theme="dark"] #wrsExportResult .wrs-export-action.primary{background:linear-gradient(100deg,#b51531,#e51d3d)!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){#rtMag.wrs-mag-pulse,.rt-mag.wrs-mag-pulse{animation:none!important;box-shadow:0 0 0 2px rgba(229,29,61,.18)!important}}


/* Final shared title + viewport corrections across every app page. */
.mobile-page > .mobile-page-title,
#mobilePageSettingDetail > .settings-detail-header,
#modalHistory .hist-header,
#modalTsunamiAlert .tsunami-header,
#modalDetail .modal-header {
  position:relative!important;box-sizing:border-box!important;min-width:0!important;overflow-wrap:anywhere!important;
}
.mobile-page > .mobile-page-title{width:100%!important}
#mobilePageMap #cardRealtime .panel-header{min-width:0!important;line-height:1.25!important}
#mobilePageMap #cardRealtime .rt-place,#mobilePageMap #cardRealtime .rt-meta,#mobilePageMap #cardRealtime .rt-src{overflow-wrap:anywhere!important}
#mobilePageMap .basemap-menu{max-width:min(220px,calc(100vw - 82px))!important}
#modalDetail .modal-body-grid,#modalTsunamiAlert .tsunami-body,#modalHistory .hist-body{overscroll-behavior:contain!important}
@media(max-width:390px){
 #modalTsunamiAlert .tsunami-status-grid{gap:4px!important}
 #modalTsunamiAlert .tsunami-status{padding:8px 3px!important;font-size:10px!important}
 #modalTsunamiAlert .tsunami-status span{font-size:8px!important}
 #modalHistory .hist-header{padding:12px 14px!important}
 #modalHistory .hist-header h2{font-size:14px!important}
 #mobilePageMap #cardRealtime{max-width:none!important}
}
@media(max-height:560px) and (max-width:1200px){
 #mobilePageMap #cardRealtime{max-height:34dvh!important}
 body[data-mobile-page="chat"] #wrsAiPanel.wrs-ai-panel{height:100dvh!important}
}


/* History list redesign: the same clear surface is used by All / M4 / Felt / Tsunami. */
#modalHistory.modal-overlay:not(.hidden){
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:12px!important;overflow:hidden!important;background:rgba(5,12,23,.72)!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
}
#modalHistory .hist-card{
  position:relative!important;display:flex!important;flex-direction:column!important;
  width:min(1120px,calc(100vw - 24px))!important;height:min(900px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;min-height:0!important;margin:0!important;
  overflow:hidden!important;border:1px solid #d8e1ec!important;border-radius:20px!important;
  background:#f7f9fc!important;color:#1c2c42!important;
  box-shadow:0 24px 70px rgba(3,12,25,.28)!important;
}
#modalHistory .hist-header{
  flex:0 0 auto!important;min-height:66px!important;display:flex!important;align-items:center!important;
  gap:12px!important;padding:13px 68px 12px 18px!important;
  background:#fff!important;border-bottom:1px solid #e2e8f0!important;
}
#modalHistory .hist-header h2{margin:0!important;color:#1a2b42!important;font-size:clamp(15px,2.2vw,19px)!important;font-weight:900!important;line-height:1.25!important}
#modalHistory .hist-header>span{color:#65758b!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
#modalHistory .modal-close{
  position:absolute!important;top:12px!important;right:12px!important;z-index:20!important;
  width:40px!important;height:40px!important;border:1px solid #dce4ed!important;border-radius:12px!important;
  background:#f8fafc!important;color:#34445a!important;font-size:25px!important;box-shadow:none!important;
}
#modalHistory .history-region-controls{
  flex:0 0 auto!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:8px 12px!important;margin:8px 14px 0!important;
  padding:0!important;min-width:0!important;
}
#modalHistory .history-region-tabs{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
#modalHistory .history-region-tabs button{
  min-height:36px!important;padding:7px 13px!important;border:1px solid #d9e2ed!important;
  border-radius:10px!important;background:#fff!important;color:#34465d!important;
  font-size:12px!important;font-weight:800!important;
}
#modalHistory .history-region-tabs button.active{
  border-color:#e51d3d!important;background:#fff0f2!important;color:#b81732!important;
}
#modalHistory .history-region-stats{color:#62738a!important;font-size:11px!important;font-weight:700!important}
#modalHistory .hist-tsunami-banner{
  flex:0 0 auto!important;margin:8px 14px 2px!important;padding:10px 12px!important;
  background:#fff1f2!important;border:1px solid #f2c5cc!important;border-radius:12px!important;
  color:#783344!important;font-size:11px!important;line-height:1.45!important;
}
#modalHistory .hist-tsunami-banner b{color:#9f1239!important}
#modalHistory .hist-tsunami-banner span{color:#713746!important;opacity:1!important}
#modalHistory .hist-search-bar{
  flex:0 0 auto!important;display:flex!important;gap:8px!important;margin:8px 14px 0!important;width:auto!important;
}
#modalHistory .hist-search-field{
  min-height:44px!important;background:#fff!important;border:1px solid #dce4ed!important;
  border-radius:12px!important;color:#293b52!important;
}
#modalHistory .hist-search-field input{color:#1f3047!important;font-size:13px!important}
#modalHistory .hist-search-field input::placeholder{color:#8795a7!important;opacity:1!important}
#modalHistory .hist-period-field{
  min-height:44px!important;padding:0 9px!important;background:#fff!important;
  border:1px solid #dce4ed!important;border-radius:12px!important;color:#5b6c82!important;
}
#modalHistory .hist-period-field select{background:#fff!important;color:#24364e!important}
#modalHistory .hist-search-status{
  flex:0 0 auto!important;min-height:18px!important;margin:4px 15px 0!important;
  color:#65758b!important;font-size:10px!important;line-height:1.4!important;
}
#modalHistory #histTimeline{
  flex:0 0 auto!important;margin:8px 14px!important;padding:9px 12px!important;
  background:#fff!important;border:1px solid #e1e7ef!important;border-radius:12px!important;
}
#modalHistory #histTimeline.hidden{display:none!important}
#modalHistory .timeline-title{color:#34465e!important;font-size:10px!important}
#modalHistory .timeline-count{color:#34465e!important}
#modalHistory .timeline-label{color:#687a90!important}
#modalHistory .hist-body{
  display:grid!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)!important;
  flex:1 1 0!important;min-height:0!important;overflow:hidden!important;margin:4px 14px 12px!important;
  border:1px solid #e0e7ef!important;border-radius:13px!important;background:#fff!important;
}
#modalHistory .hist-map{height:auto!important;min-height:0!important;background:#edf2f7!important}
#modalHistory .hist-table-wrap{min-width:0!important;min-height:0!important;max-height:none!important;overflow:auto!important;background:#fff!important}
#modalHistory .hist-table{width:100%!important;min-width:560px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
#modalHistory .hist-table th{
  padding:10px 9px!important;background:#f1f5f9!important;color:#52647b!important;
  border-bottom:1px solid #dfe6ef!important;font-size:10px!important;font-weight:900!important;
}
#modalHistory .hist-table td{
  padding:10px 9px!important;background:#fff!important;color:#26384f!important;
  border-bottom:1px solid #e8edf3!important;font-size:11px!important;line-height:1.45!important;
}
#modalHistory .hist-table tbody tr:nth-child(even) td{background:#f8fafc!important}
#modalHistory .hist-table tbody tr:active td,#modalHistory .hist-table tbody tr:hover td{background:#fff1f2!important}
#modalHistory .hist-table .hist-mag{color:#be123c!important;font-weight:900!important}
#modalHistory .hist-table .ts-pd{color:#a31231!important}
#modalHistory .hist-table .ts-badge{display:inline-block!important;margin:3px 3px 0 0!important}
#modalHistory .hist-actions{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
#modalHistory .hist-actions button{
  min-height:32px!important;padding:6px 9px!important;border:1px solid #dce4ed!important;
  border-radius:8px!important;background:#fff!important;color:#34465d!important;font-size:10px!important;font-weight:800!important;
}
#modalHistory .global-tsunami-panel{
  flex:0 0 auto!important;margin:0 14px 10px!important;padding:0!important;
  border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#24364c!important;
}
#modalHistory .global-tsunami-details{
  border:1px solid #dfe6ee!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important;
}
#modalHistory .global-tsunami-summary{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;
  padding:8px 12px!important;cursor:pointer!important;list-style:none!important;
}
#modalHistory .global-tsunami-summary::-webkit-details-marker{display:none!important}
#modalHistory .global-tsunami-summary .global-tsunami-emblem{width:36px!important;height:36px!important;flex:0 0 36px!important;background:#fff1f2!important;border-color:#f0c3cb!important;color:#b91c3b!important}
#modalHistory .global-tsunami-summary-copy{display:block!important;flex:1 1 auto!important;min-width:0!important}
#modalHistory .global-tsunami-summary-copy b{display:block!important;color:#33455d!important;font-size:11px!important;line-height:1.35!important}
#modalHistory .global-tsunami-summary-copy small{display:block!important;margin-top:3px!important;color:#748399!important;font-size:10px!important;line-height:1.35!important}
#modalHistory .global-tsunami-chevron{color:#687a90!important;font-size:19px!important}
#modalHistory .global-tsunami-details[open] .global-tsunami-chevron{transform:rotate(180deg)!important}
#modalHistory .global-tsunami-content{padding:0 12px 12px!important;color:#40536b!important}
#modalHistory .global-tsunami-status,#modalHistory .global-tsunami-empty,
#modalHistory .global-tsunami-caveat{color:#5b6c82!important;font-size:10px!important;line-height:1.5!important}
#modalHistory .global-tsunami-empty{padding:10px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important}
#modalHistory .global-tsunami-links{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#modalHistory .global-tsunami-links a{flex:1 1 190px!important;min-height:38px!important;padding:9px 10px!important;border:1px solid #dce4ed!important;border-radius:9px!important;background:#f8fafc!important;color:#43566e!important;font-size:10px!important;font-weight:800!important;text-align:center!important}
#modalHistory[data-history-mode="tsunami"] .hist-period-field{display:none!important}
#modalHistory[data-history-mode="tsunami"] #histTimeline{display:none!important}
@media(max-width:640px){
  #modalHistory.modal-overlay:not(.hidden){
    align-items:stretch!important;justify-content:flex-start!important;
    padding:calc(6px + env(safe-area-inset-top,0px)) 0 calc(4px + env(safe-area-inset-bottom,0px))!important;
  }
  #modalHistory .hist-card{
    width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;
    border-radius:17px 17px 0 0!important;
  }
  #modalHistory .hist-header{min-height:60px!important;padding:10px 64px 9px 14px!important}
  #modalHistory .hist-header h2{font-size:14px!important}
  #modalHistory .modal-close{top:10px!important;right:10px!important;width:38px!important;height:38px!important}
  #modalHistory .history-region-controls{margin:7px 12px 0!important;gap:6px!important}
  #modalHistory .history-region-tabs{gap:5px!important}
  #modalHistory .history-region-tabs button{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}
  #modalHistory .history-region-stats{font-size:10px!important}
  #modalHistory .hist-tsunami-banner{margin:7px 12px 1px!important;padding:8px 10px!important}
  #modalHistory .hist-search-bar{margin:7px 12px 0!important}
  #modalHistory .hist-search-field,#modalHistory .hist-period-field{min-height:42px!important}
  #modalHistory .hist-search-status{margin:3px 13px 0!important}
  #modalHistory #histTimeline{margin:6px 12px!important;padding:8px 9px!important}
  #modalHistory .hist-body{
    display:flex!important;flex-direction:column!important;flex:1 1 0!important;min-height:120px!important;
    margin:5px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;
  }
  #modalHistory .hist-table-wrap{order:1!important;flex:1 1 0!important;min-height:120px!important;width:100%!important}
  #modalHistory .hist-map{order:2!important;flex:0 0 112px!important;height:112px!important;min-height:112px!important;width:100%!important}
  #modalHistory[data-history-mode="tsunami"] .hist-map{flex-basis:92px!important;height:92px!important;min-height:92px!important}
  #modalHistory .global-tsunami-panel{margin:0 12px 8px!important}
}
@media(max-width:390px){
  #modalHistory .history-region-controls{align-items:flex-start!important;flex-direction:column!important}
  #modalHistory .history-region-stats{line-height:1.35!important}
  #modalHistory .hist-header h2{font-size:13px!important}
}
html[data-wrs-theme="dark"] #modalHistory .hist-card{background:#101a29!important;color:#e7eef7!important;border-color:#2b3b4e!important}
html[data-wrs-theme="dark"] #modalHistory .hist-header{background:#101a29!important;border-color:#2b3b4e!important}
html[data-wrs-theme="dark"] #modalHistory .hist-header h2{color:#edf4fb!important}
html[data-wrs-theme="dark"] #modalHistory .hist-header>span{color:#a5b5c8!important}
html[data-wrs-theme="dark"] #modalHistory .modal-close{background:#1b293a!important;color:#e8eff7!important;border-color:#384b62!important}
html[data-wrs-theme="dark"] #modalHistory .history-region-tabs button,
html[data-wrs-theme="dark"] #modalHistory .hist-search-field,
html[data-wrs-theme="dark"] #modalHistory .hist-period-field{background:#172538!important;border-color:#34465d!important;color:#e0eaf4!important}
html[data-wrs-theme="dark"] #modalHistory .history-region-tabs button{color:#dce6f0!important}
html[data-wrs-theme="dark"] #modalHistory .history-region-tabs button.active{background:#401a28!important;color:#ffd7df!important;border-color:#b91c3b!important}
html[data-wrs-theme="dark"] #modalHistory .hist-search-field input,
html[data-wrs-theme="dark"] #modalHistory .hist-period-field select{background:transparent!important;color:#e9f0f7!important}
html[data-wrs-theme="dark"] #modalHistory .hist-search-status,
html[data-wrs-theme="dark"] #modalHistory .history-region-stats{color:#aebdd0!important}
html[data-wrs-theme="dark"] #modalHistory .hist-tsunami-banner{background:#321a24!important;border-color:#703346!important;color:#ffdbe2!important}
html[data-wrs-theme="dark"] #modalHistory .hist-tsunami-banner b{color:#ffd3dc!important}
html[data-wrs-theme="dark"] #modalHistory .hist-tsunami-banner span{color:#f3c0cc!important}
html[data-wrs-theme="dark"] #modalHistory #histTimeline,
html[data-wrs-theme="dark"] #modalHistory .hist-body,
html[data-wrs-theme="dark"] #modalHistory .hist-table-wrap,
html[data-wrs-theme="dark"] #modalHistory .hist-table,
html[data-wrs-theme="dark"] #modalHistory .hist-table td{background:#131f2e!important;color:#e2ebf5!important;border-color:#2a3c50!important}
html[data-wrs-theme="dark"] #modalHistory .hist-table th{background:#1b2a3d!important;color:#bdccdc!important;border-color:#34465d!important}
html[data-wrs-theme="dark"] #modalHistory .hist-table tbody tr:nth-child(even) td{background:#172538!important}
html[data-wrs-theme="dark"] #modalHistory .hist-table tbody tr:hover td{background:#35202a!important}
html[data-wrs-theme="dark"] #modalHistory .hist-table .hist-mag{color:#ff8da3!important}
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-details{background:#142235!important;border-color:#34465d!important}
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-summary-copy b{color:#e5edf6!important}
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-summary-copy small,
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-status,
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-caveat{color:#aebdd0!important}
html[data-wrs-theme="dark"] #modalHistory .global-tsunami-links a{background:#1b2a3d!important;border-color:#34465d!important;color:#e1eaf4!important}


/* Tsunami detail modal: restore contrast on light surfaces and remove the legacy footer. */
#modalTsunamiAlert .tsunami-card{
  width:min(760px,calc(100vw - 24px))!important;max-height:min(94dvh,920px)!important;
  background:#f7f9fc!important;color:#1d2c40!important;border:1px solid #dce4ed!important;
  border-radius:20px!important;box-shadow:0 24px 70px rgba(5,15,30,.32)!important;
}
#modalTsunamiAlert .tsunami-header{
  position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;
  padding:17px 70px 17px 18px!important;
  background:linear-gradient(105deg,#8f1026 0%,#c71938 58%,#e51d3d 100%)!important;
  color:#fff!important;border-bottom:1px solid rgba(130,15,40,.12)!important;
}
#modalTsunamiAlert .tsunami-header h2{color:#fff!important;font-size:clamp(15px,2vw,19px)!important;font-weight:900!important;line-height:1.25!important}
#modalTsunamiAlert .tsunami-header .ts-sub{color:#fff1f3!important;opacity:1!important;font-size:12px!important;line-height:1.45!important}
#modalTsunamiAlert #tsunamiClose{
  position:absolute!important;top:12px!important;right:12px!important;z-index:8!important;
  width:40px!important;height:40px!important;min-height:40px!important;
  border:1px solid rgba(255,255,255,.24)!important;border-radius:12px!important;
  background:rgba(76,8,25,.42)!important;color:#fff!important;box-shadow:none!important;font-size:24px!important;
}
#modalTsunamiAlert .tsunami-body{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:16px!important;
  background:#f7f9fc!important;color:#1d2c40!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
#modalTsunamiAlert .tsunami-mag-row{display:flex!important;align-items:center!important;gap:13px!important;margin:0 0 14px!important}
#modalTsunamiAlert .tsunami-mag{
  flex:0 0 72px!important;width:72px!important;height:72px!important;background:#991b2e!important;
  border:2px solid #f2aab7!important;border-radius:14px!important;color:#fff!important;font-size:27px!important;
  font-weight:900!important;box-shadow:0 5px 14px rgba(153,27,46,.13)!important;
}
#modalTsunamiAlert .tsunami-meta,#modalTsunamiAlert .tsunami-meta div,#modalTsunamiAlert .tsunami-meta span{
  min-width:0!important;color:#29394f!important;font-size:12px!important;line-height:1.55!important;
  opacity:1!important;text-shadow:none!important;overflow-wrap:anywhere!important;
}
#modalTsunamiAlert .tsunami-meta b{color:#a81732!important;font-weight:850!important}
#modalTsunamiAlert .tsunami-status-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;margin:12px 0 16px!important;
}
#modalTsunamiAlert .tsunami-status{
  min-width:0!important;padding:10px 7px!important;border-radius:11px!important;
  font-size:12px!important;font-weight:900!important;line-height:1.25!important;text-align:center!important;
  opacity:1!important;box-shadow:none!important;
}
#modalTsunamiAlert .tsunami-status.awas{background:#fff0f1!important;border:1px solid #eaa6b0!important;color:#a3162b!important}
#modalTsunamiAlert .tsunami-status.siaga{background:#fff4e9!important;border:1px solid #f0c49b!important;color:#9a4216!important}
#modalTsunamiAlert .tsunami-status.waspada{background:#fff9df!important;border:1px solid #ead58b!important;color:#795b08!important}
#modalTsunamiAlert .tsunami-status span{
  display:block!important;margin-top:4px!important;font-size:10px!important;line-height:1.3!important;
  font-weight:650!important;opacity:1!important;color:inherit!important;
}
#modalTsunamiAlert .tsunami-areas{margin:14px 0!important}
#modalTsunamiAlert .tsunami-areas h4{
  margin:0 0 8px!important;color:#a81732!important;font-size:12px!important;font-weight:900!important;line-height:1.4!important;
}
#modalTsunamiAlert .tsunami-area-list{
  display:flex!important;flex-direction:column!important;gap:7px!important;
  max-height:clamp(100px,22dvh,190px)!important;overflow:auto!important;
}
#modalTsunamiAlert .tsunami-area-item{
  display:flex!important;align-items:flex-start!important;gap:9px!important;padding:10px 11px!important;
  border:1px solid #e0e6ee!important;border-radius:11px!important;background:#fff!important;color:#283950!important;
  font-size:11px!important;line-height:1.5!important;opacity:1!important;
  box-shadow:0 2px 8px rgba(25,45,70,.035)!important;
}
#modalTsunamiAlert .tsunami-area-item>span:last-child{
  min-width:0!important;color:#283950!important;opacity:1!important;overflow-wrap:anywhere!important;
}
#modalTsunamiAlert .tsunami-area-item .badge{flex:0 0 auto!important;min-width:58px!important}
#modalTsunamiAlert .tsunami-maps{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:14px 0!important;
}
#modalTsunamiAlert .tsunami-map-box{
  min-width:0!important;padding:12px!important;border:1px solid #dce4ed!important;border-radius:13px!important;
  background:#fff!important;color:#26384f!important;box-shadow:0 3px 12px rgba(22,42,68,.04)!important;
}
#modalTsunamiAlert .tsunami-map-box .mmi-h{
  padding:0 0 8px!important;margin:0!important;color:#3a4d65!important;font-size:11px!important;font-weight:900!important;
}
#modalTsunamiAlert .tsunami-map-box img{
  display:block!important;width:auto!important;height:auto!important;max-width:100%!important;
  max-height:min(48dvh,430px)!important;object-fit:contain!important;object-position:center!important;
  margin:0 auto!important;background:#fff!important;border:1px solid #e5eaf0!important;border-radius:8px!important;
}
#modalTsunamiAlert .tsunami-instr{
  margin:12px 0 0!important;padding:13px!important;border:1px solid #f0d7a6!important;border-radius:12px!important;
  background:#fff8e8!important;color:#664719!important;font-size:11px!important;line-height:1.6!important;
  overflow-wrap:anywhere!important;
}
#modalTsunamiAlert .tsunami-instr b{display:block!important;margin:0 0 5px!important;color:#8a5110!important;font-size:11px!important}
#modalTsunamiAlert #tsunamiInstrText{margin:0!important;color:#664719!important}
#modalTsunamiAlert #tsunamiPotText{font-size:12px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
#modalTsunamiAlert .tsunami-card.tsunami-archive #tsunamiPotText{color:#80520b!important}
#modalTsunamiAlert .tsunami-card.tsunami-active #tsunamiPotText{color:#a3162b!important}
#modalTsunamiAlert .tsunami-card.tsunami-ended #tsunamiPotText{color:#166534!important}
#modalTsunamiAlert .tsunami-actions{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;gap:8px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid #e1e7ef!important;background:#fff!important;position:relative!important;inset:auto!important;
  box-shadow:0 -5px 18px rgba(20,35,55,.045)!important;
}
#modalTsunamiAlert .tsunami-actions #btnSaveTsunami,#modalTsunamiAlert .tsunami-actions #btnShareTsunami{
  width:100%!important;min-width:0!important;min-height:46px!important;padding:11px 12px!important;
  border:1px solid transparent!important;border-radius:12px!important;color:#fff!important;
  font-size:12px!important;font-weight:850!important;box-shadow:none!important;
}
#modalTsunamiAlert .tsunami-actions #btnSaveTsunami{background:linear-gradient(105deg,#a91430,#e51d3d)!important;border-color:#d21e3d!important}
#modalTsunamiAlert .tsunami-actions #btnShareTsunami{background:linear-gradient(105deg,#26384e,#40556e)!important;border-color:#344a63!important}
#modalTsunamiAlert .tsunami-actions #tsunamiCloseBtn{display:none!important}
#modalTsunamiAlert .tsunami-actions a{
  grid-column:1/-1!important;justify-self:center!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;min-height:30px!important;margin:0!important;padding:3px 8px!important;
  color:#a81732!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;
}
@media(max-width:640px){
  #modalTsunamiAlert.tsunami-overlay:not(.hidden){
    align-items:stretch!important;justify-content:flex-start!important;
    padding:calc(6px + env(safe-area-inset-top,0px)) 0 calc(3px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;background:rgba(8,13,22,.74)!important;
  }
  #modalTsunamiAlert .tsunami-card{
    width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;
    border-radius:17px 17px 0 0!important;margin:0!important;
  }
  #modalTsunamiAlert .tsunami-header{padding:13px 62px 13px 14px!important;gap:10px!important}
  #modalTsunamiAlert .tsunami-wave-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:22px!important}
  #modalTsunamiAlert .tsunami-header h2{font-size:14px!important}
  #modalTsunamiAlert .tsunami-header .ts-sub{font-size:10px!important;line-height:1.4!important}
  #modalTsunamiAlert #tsunamiClose{top:9px!important;right:9px!important;width:36px!important;height:36px!important}
  #modalTsunamiAlert .tsunami-body{padding:12px!important}
  #modalTsunamiAlert .tsunami-mag{width:60px!important;height:60px!important;flex-basis:60px!important;font-size:23px!important}
  #modalTsunamiAlert .tsunami-meta,#modalTsunamiAlert .tsunami-meta div{font-size:11px!important;line-height:1.5!important}
  #modalTsunamiAlert .tsunami-status-grid{gap:5px!important;margin:10px 0 13px!important}
  #modalTsunamiAlert .tsunami-status{padding:9px 4px!important;font-size:10px!important}
  #modalTsunamiAlert .tsunami-status span{font-size:8px!important}
  #modalTsunamiAlert .tsunami-area-item{padding:9px!important}
  #modalTsunamiAlert .tsunami-map-box{padding:9px!important}
  #modalTsunamiAlert .tsunami-map-box img{max-height:42dvh!important}
  #modalTsunamiAlert .tsunami-actions{gap:7px!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important}
  #modalTsunamiAlert .tsunami-actions #btnSaveTsunami,#modalTsunamiAlert .tsunami-actions #btnShareTsunami{
    min-height:44px!important;padding:9px 8px!important;
  }
  #modalTsunamiAlert .tsunami-actions a{min-height:28px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){#modalTsunamiAlert .tsunami-card{animation:none!important}}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-card{background:#101a29!important;color:#e7eef7!important;border-color:#34465d!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-body{background:#101a29!important;color:#e7eef7!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-meta,
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-meta div,
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-area-item>span:last-child{color:#dce6f0!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-meta b{color:#ff9eaf!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-areas h4{color:#ff9eaf!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-area-item{background:#172538!important;border-color:#34465d!important;color:#dce6f0!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-map-box{background:#142235!important;border-color:#34465d!important;color:#e2ebf5!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-map-box .mmi-h{color:#d5e0ed!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-instr{background:#302718!important;border-color:#725b32!important;color:#f0d8a8!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-instr b,
html[data-wrs-theme="dark"] #modalTsunamiAlert #tsunamiInstrText{color:#f0d8a8!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-actions{background:#0c1522!important;border-color:#34465d!important}
html[data-wrs-theme="dark"] #modalTsunamiAlert .tsunami-actions a{color:#ff9eaf!important}


/* WRS GEMPA mobile-wide layout audit: shared page geometry, scroll areas and controls. */
@media (max-width:1200px) {
  html,body {
    width:100%!important;
    min-width:320px!important;
    max-width:100vw!important;
    overflow:hidden!important;
  }
  body {
    min-height:100dvh!important;
    background:var(--wrs-ui-bg,#f3f6fa)!important;
    overscroll-behavior:none!important;
  }
  .mobile-page,
  .mobile-page.active {
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
  }
  .mobile-page.active {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .mobile-page.active>.mobile-page-title,
  .mobile-page.active>.settings-detail-header {
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-page.active>.wrs-page-scroll-content {
    position:relative!important;
    flex:1 1 0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
  .mobile-page :is(section,article,aside,form,fieldset,figure,table) {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .mobile-page :is(img,video,canvas) {
    max-width:100%!important;
  }
  .mobile-page :is(input,select,textarea) {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:16px!important;
  }
  .mobile-page button {
    max-width:100%!important;
    box-sizing:border-box!important;
    touch-action:manipulation!important;
  }
  .mobile-page :is(h1,h2,h3,h4,p,small,span,b,strong,label) {
    overflow-wrap:anywhere;
  }
  .mobile-page-title {
    letter-spacing:-.02em!important;
  }
  .mobile-page-title small {
    line-height:1.4!important;
  }
  .mobile-bottom-nav {
    position:fixed!important;
    z-index:1250!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
  }
  .mobile-bottom-nav button {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .mobile-bottom-nav button>span:last-child {
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #mobilePageInfo.active>.wrs-catalog-page-title {
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #mobilePageInfo.active>.wrs-page-scroll-content {
    display:block!important;
    flex:1 1 0!important;
    width:100%!important;
    min-height:0!important;
  }
  #mobilePageInfo #wrsCatalogSearch,
  #mobilePageInfo #wrsCatalogResults {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #mobilePageInfo #wrsCatalogResults .wrs-catalog-event {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #mobilePageDetail.active {
    padding:env(safe-area-inset-top,0px) 12px calc(70px + env(safe-area-inset-bottom,0px))!important;
  }
  #mobilePageDetail #rightPanel {
    flex:1 1 0!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    height:0!important;
    max-height:none!important;
    margin:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }
  #mobilePageDetail #rightPanel :is(.rp-card,.rp-section,.rp-block,.rp-shakemap,.rp-info-row,.rp-source-card) {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #mobilePageDetail #rightPanel .rp-shakemap img {
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
    margin-inline:auto!important;
  }
  #mobilePageAlerts.active {
    display:flex!important;
    flex-direction:column!important;
    padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(76px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
  }
  #mobilePageAlerts .notification-center-scroll {
    flex:1 1 0!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }
  #mobilePageAlerts :is(.notification-center-panel,.notification-center-list,.notification-center-empty) {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #mobilePageLegend.active,
  #mobilePageEducation.active,
  #mobilePageSettingDetail.active {
    min-height:0!important;
    overflow:hidden!important;
  }
  #mobilePageLegend .wrs-page-scroll-content,
  #mobilePageEducation .wrs-page-scroll-content,
  #mobilePageSettingDetail .wrs-page-scroll-content {
    min-height:0!important;
    flex:1 1 0!important;
  }
  #mobilePageLegend #mobileMoreControls,
  #mobilePageEducation .wrs-education-grid,
  #mobilePageEducation .wrs-education-intro,
  #mobilePageSettingDetail #settingsDetailBody {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #mobilePageSettingDetail #settingsDetailBody {
    overflow:visible!important;
    padding-bottom:14px!important;
  }
  #mobilePageSettingDetail #settingsDetailBody .settings-detail-view,
  #mobilePageSettingDetail #settingsDetailBody .settings-detail-view[hidden] {
    max-width:100%!important;
    min-width:0!important;
  }
  .mobile-page .wrs-diagnostic-card,
  .mobile-page .wrs-notification-history-card,
  .mobile-page .wrs-settings-card,
  .mobile-page .wrs-more-card,
  .mobile-page .settings-info-panel,
  .mobile-page .settings-detail-intro,
  .mobile-page .wrs-education-card,
  .mobile-page .wrs-education-source {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .mobile-page .wrs-education-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  .mobile-page :is(.wrs-source-mark,.settings-card-icon,.help-ai-hero-icon) {
    flex:0 0 auto!important;
  }
  .mobile-page :is(.settings-card,.help-ai-hero,.wrs-education-action,.wrs-diagnostic-refresh,.wrs-diagnostic-copy) {
    min-height:44px!important;
  }
  .modal-overlay:not(.hidden),
  .tsunami-overlay:not(.hidden) {
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain!important;
  }
  .modal-card,.tsunami-card {
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    overflow:hidden!important;
  }
  .modal-card :is(img,canvas,svg),
  .tsunami-card :is(img,canvas,svg) {
    max-width:100%!important;
  }
}
@media(max-width:640px){
  .mobile-page.active>.mobile-page-title,
  .mobile-page.active>.settings-detail-header {
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #mobilePageInfo #wrsCatalogSearch,
  #mobilePageLegend #mobileMoreControls,
  #mobilePageSettingDetail #settingsDetailBody {
    padding-left:0!important;
    padding-right:0!important;
  }
  .mobile-page .settings-card,
  .mobile-page .wrs-catalog-event,
  .mobile-page .wrs-diagnostic-card,
  .mobile-page .wrs-notification-history-card,
  .mobile-page .wrs-education-card {
    border-radius:14px!important;
  }
}

/* Parameter revision notice: sibling overlay directly beneath the realtime card.
   Keeping it outside the card avoids clipping from the card's scroll/blur container. */
#mobilePageMap > #rtUpdate{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  padding:8px 10px!important;
  border-radius:10px!important;
  font-size:10px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
  z-index:450!important;
}
#mobilePageMap > #rtUpdate.hidden{display:none!important}
@media(max-width:1200px) and (orientation:landscape){
  #mobilePageMap #cardRealtime{
    max-height:min(58dvh,calc(100dvh - 110px))!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  #mobilePageMap > #rtUpdate{
    max-height:min(28dvh,170px)!important;
  }
}


/* WRS_AUDIT_2026-11-08 — plain MMI rows, no boxed chips */
#modalDetail #modalMmiList .mmi-item,
#modalDetail .mmi-list .mmi-item {
  display:flex!important; align-items:baseline!important; gap:9px!important;
  padding:4px 0!important; margin:0!important; border:0!important;
  border-bottom:1px solid rgba(120,145,165,.20)!important;
  border-radius:0!important; background:transparent!important; box-shadow:none!important;
}
#modalDetail #modalMmiList .mmi-badge,
#modalDetail .mmi-list .mmi-badge {
  min-width:45px!important; flex:0 0 auto!important; padding:0!important;
  border:0!important; border-radius:0!important; background:transparent!important;
  box-shadow:none!important; text-align:left!important; color:#78c7e7!important;
  font-size:11px!important; font-weight:850!important;
}
#modalDetail #modalMmiList .mmi-place { min-width:0!important; overflow-wrap:anywhere!important; color:#dbe7ef!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-place { color:#263b4e!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-item { border-bottom-color:rgba(55,80,100,.16)!important; }
#modalDetail #modalMmiList .mmi-item:last-child { border-bottom:0!important; }
.wrs-history-actions { display:flex; gap:8px; margin-top:10px; }
.wrs-history-actions button {
  min-height:36px; padding:7px 11px; border-radius:9px; cursor:pointer;
  border:1px solid rgba(110,170,195,.25); background:rgba(20,55,75,.55);
  color:#bde9f6; font:700 11px system-ui,sans-serif;
}
.wrs-history-actions .wrs-history-delete { color:#ffb2b2; border-color:rgba(220,70,80,.28); }
html[data-wrs-theme="light"] .wrs-history-actions button {
  background:#eef6fa; color:#24546b; border-color:#c8dce6;
}
html[data-wrs-theme="light"] .wrs-history-actions .wrs-history-delete { color:#a51e32; border-color:#e6bdc3; }
.wrs-history-item { min-width:0; }


/* MMI intensity text colors — keep the value readable without a pill background. */
#modalDetail #modalMmiList .mmi-level-i { color:#94a3b8!important; }
#modalDetail #modalMmiList .mmi-level-ii-iii { color:#60a5fa!important; }
#modalDetail #modalMmiList .mmi-level-iv { color:#22c55e!important; }
#modalDetail #modalMmiList .mmi-level-v { color:#84cc16!important; }
#modalDetail #modalMmiList .mmi-level-vi { color:#d97706!important; }
#modalDetail #modalMmiList .mmi-level-vii,
#modalDetail #modalMmiList .mmi-level-viii { color:#ea580c!important; }
#modalDetail #modalMmiList .mmi-level-ix,
#modalDetail #modalMmiList .mmi-level-x-plus { color:#ef4444!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-i { color:#64748b!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-ii-iii { color:#1d4ed8!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-iv { color:#15803d!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-v { color:#4d7c0f!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-vi { color:#92400e!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-vii,
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-viii { color:#9a3412!important; }
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-ix,
html[data-wrs-theme="light"] #modalDetail #modalMmiList .mmi-level-x-plus { color:#b91c1c!important; }


/* WRS MMI — BMKG-style inline area flow for both light/dark themes */
#modalMmiList.mmi-inline-list {
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  column-gap:13px!important;
  row-gap:6px!important;
  padding:2px 0!important;
}
#modalMmiList .mmi-inline-item {
  display:inline-flex!important;
  flex:0 1 auto!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#modalMmiList .mmi-inline-level {
  display:inline!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
}
#modalMmiList .mmi-inline-place {
  display:inline!important;
  min-width:0!important;
  color:#dbe7ef!important;
  overflow-wrap:anywhere!important;
}
#modalMmiList .mmi-inline-meta {
  display:inline!important;
  margin:0!important;
  color:#9aafbf!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-place { color:#334155!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-meta { color:#64748b!important; }
#modalMmiList .mmi-inline-level.mmi-level-i { color:#94a3b8!important; }
#modalMmiList .mmi-inline-level.mmi-level-ii-iii { color:#60a5fa!important; }
#modalMmiList .mmi-inline-level.mmi-level-iv { color:#22c55e!important; }
#modalMmiList .mmi-inline-level.mmi-level-v { color:#84cc16!important; }
#modalMmiList .mmi-inline-level.mmi-level-vi { color:#d97706!important; }
#modalMmiList .mmi-inline-level.mmi-level-vii,
#modalMmiList .mmi-inline-level.mmi-level-viii { color:#ea580c!important; }
#modalMmiList .mmi-inline-level.mmi-level-ix,
#modalMmiList .mmi-inline-level.mmi-level-x-plus { color:#ef4444!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-ii-iii { color:#1d4ed8!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-iv { color:#15803d!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-v { color:#4d7c0f!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-vi { color:#92400e!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-vii,
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-viii { color:#9a3412!important; }
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-ix,
html[data-wrs-theme="light"] #modalMmiList .mmi-inline-level.mmi-level-x-plus { color:#b91c1c!important; }