/* WRS GEMPA — persistent tsunami notices and archive galleries */
.rt-update.has-tsunami {
  border-color: rgba(248, 113, 113, .55);
  background: linear-gradient(155deg, rgba(48, 20, 27, .97), rgba(10, 18, 30, .97));
}
.rt-upd-tsunami-wrap { display: grid; gap: 7px; margin-top: 8px; }
.rt-upd-tsunami-item {
  border: 1px solid rgba(248, 113, 113, .5);
  border-left: 4px solid #ef4444;
  border-radius: 10px;
  padding: 9px 10px;
  background: rgba(65, 20, 27, .7);
  color: #fff1f2;
  line-height: 1.4;
}
.rt-upd-tsunami-item.is-caution {
  border-color: rgba(251, 191, 36, .5);
  border-left-color: #f59e0b;
  background: rgba(66, 47, 18, .72);
  color: #fef3c7;
}
.rt-upd-tsunami-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.rt-upd-tsunami-head strong { font-size:10px; letter-spacing:.04em; font-weight:950; }
.rt-upd-tsunami-head span { font-size:9px; font-weight:900; opacity:.9; text-align:right; }
.rt-upd-tsunami-title { margin-top:5px; font-size:12px; font-weight:850; overflow-wrap:anywhere; }
.rt-upd-tsunami-place { margin-top:3px; font-size:11px; font-weight:700; }
.rt-upd-tsunami-meta, .rt-upd-tsunami-note { margin-top:4px; font-size:10px; opacity:.88; }
.rt-update.has-tsunami .rt-upd-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.rt-update.has-tsunami .rt-upd-toggle { flex:0 0 auto; }

.hist-tsunami-archive-status {
  display:block;
  margin-top:5px;
  color:#cbd5e1;
  font-size:10px;
  line-height:1.45;
}
.hist-shakemap-archive {
  margin: 10px 0 12px;
  padding: 10px;
  border: 1px solid rgba(100, 135, 180, .24);
  border-radius: 13px;
  background: rgba(9, 20, 36, .72);
}
.hist-shakemap-archive.hidden { display:none !important; }
.hist-shakemap-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.hist-shakemap-head b { display:block; color:#e8f1ff; font-size:11px; letter-spacing:.06em; }
.hist-shakemap-head small { display:block; color:#93a4ba; font-size:10px; margin-top:3px; }
.hist-shakemap-head>span { border:1px solid rgba(56,189,248,.35); border-radius:7px; padding:4px 7px; color:#7dd3fc; font-size:9px; font-weight:900; }
.hist-shakemap-items { display:flex; gap:9px; overflow-x:auto; overflow-y:hidden; padding:1px 1px 7px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.hist-shakemap-card {
  flex:0 0 min(190px, 58vw);
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:7px;
  border:1px solid rgba(120,150,190,.24);
  border-radius:10px;
  background:rgba(19,32,50,.9);
  color:#e5edf8;
  text-align:left;
  cursor:pointer;
  scroll-snap-align:start;
}
.hist-shakemap-card img { display:block; width:100%; height:112px; object-fit:contain; border-radius:7px; background:#07111e; }
.hist-shakemap-copy { display:grid; gap:4px; min-width:0; }
.hist-shakemap-copy strong { font-size:11px; line-height:1.35; overflow-wrap:anywhere; }
.hist-shakemap-copy small { color:#9aacc2; font-size:9px; line-height:1.35; }
@media(max-width:600px) {
  .rt-update.has-tsunami { max-width:calc(100vw - 16px); }
  .rt-upd-tsunami-item { padding:8px 9px; }
  .hist-shakemap-card { flex-basis:min(172px, 62vw); }
}
.rt-upd-tsunami-item { cursor:pointer; }
.rt-upd-tsunami-item:focus-visible {
  outline:2px solid #fca5a5;
  outline-offset:2px;
}
.hist-tsunami-load-more {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:7px 10px;
  border:1px solid rgba(248,113,113,.35);
  border-radius:8px;
  background:rgba(127,29,29,.22);
  color:#fecaca;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.hist-tsunami-load-more.hidden { display:none !important; }

.archive-storage-dashboard {
  display:grid;
  gap:12px;
  padding:12px;
  border:1px solid rgba(100,135,180,.24);
  border-radius:12px;
  background:rgba(9,20,36,.62);
}
.archive-storage-state { display:flex; align-items:center; gap:9px; color:#e5edf8; font-size:12px; font-weight:900; }
.archive-storage-dot { width:9px; height:9px; flex:0 0 9px; border-radius:50%; background:#64748b; box-shadow:0 0 0 3px rgba(100,116,139,.15); }
.archive-storage-dot[data-state="on"] { background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.15); }
.archive-storage-dot[data-state="warn"] { background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.15); }
.archive-storage-dot[data-state="off"] { background:#64748b; }
.archive-storage-dot[data-state="waiting"] { background:#38bdf8; }
.archive-storage-dashboard>p { margin:0; color:#9aacc2; font-size:11px; line-height:1.5; }
.archive-storage-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.archive-storage-metrics>div { display:grid; gap:4px; min-width:0; padding:10px; border:1px solid rgba(120,150,190,.2); border-radius:9px; background:rgba(19,32,50,.82); }
.archive-storage-metrics b { color:#e8f1ff; font-size:20px; line-height:1.15; font-variant-numeric:tabular-nums; }
.archive-storage-metrics small { color:#9aacc2; font-size:10px; line-height:1.35; }
.archive-storage-last { overflow-wrap:anywhere; }
.archive-storage-refresh {
  justify-self:start;
  padding:8px 11px;
  border:1px solid rgba(56,189,248,.35);
  border-radius:8px;
  background:rgba(14,116,144,.18);
  color:#bae6fd;
  font-size:11px;
  font-weight:850;
  cursor:pointer;
}
.archive-storage-refresh:focus-visible { outline:2px solid #7dd3fc; outline-offset:2px; }

.hist-shakemap-load-more {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
  padding:7px 10px;
  border:1px solid rgba(56,189,248,.35);
  border-radius:8px;
  background:rgba(14,116,144,.18);
  color:#bae6fd;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.hist-shakemap-load-more.hidden { display:none !important; }
.hist-shakemap-load-more:disabled { opacity:.55; cursor:wait; }
.hist-shakemap-load-more:focus-visible { outline:2px solid #7dd3fc; outline-offset:2px; }