/* Toolzy-scoped styles for the Earthquake Risk Explorer (does not touch global page chrome). */
.eq-tool{--eq-accent:#FF5A5F;--eq-amber:#FFB020;--eq-ink:var(--ink,#0B1020);--eq-muted:var(--muted,#5b6b7c);--eq-line:var(--line,#e3e8ee);--eq-soft:var(--soft,#f5f7fa);--eq-card:var(--card,#fff);color:var(--eq-ink)}
.eq-tool .eq-disclaimer{background:linear-gradient(90deg,#fff4e5,#fff8ee);border:1px solid #ffd8a8;border-radius:12px;padding:10px 14px;font-size:13.5px;margin:0 0 14px}
.eq-tool .eq-layout{display:grid;grid-template-columns:1fr minmax(280px,400px);gap:14px;min-height:560px}
.eq-tool .eq-mapwrap{position:relative;border:1px solid var(--eq-line);border-radius:14px;overflow:hidden;min-height:420px;background:#dfe7ef}
.eq-tool #eq-map{position:absolute;inset:0;z-index:0}
.eq-tool .eq-maphint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);background:rgba(11,16,32,.82);color:#fff;padding:5px 12px;border-radius:20px;font-size:12.5px;z-index:500;pointer-events:none;max-width:80%;text-align:center}
.eq-tool .eq-panel{display:flex;flex-direction:column;gap:12px;max-height:720px;overflow:auto;padding-right:2px}
.eq-tool .eq-card{background:var(--eq-card);border:1px solid var(--eq-line);border-radius:14px;padding:14px}
.eq-tool .eq-card h2{font-size:16px;margin:0 0 10px}
.eq-tool .eq-card h3{font-size:14px;margin:14px 0 6px;color:var(--eq-muted)}
.eq-tool .eq-row{display:flex;gap:6px}.eq-tool .eq-row input{flex:1}
.eq-tool input[type=search],.eq-tool input[type=number]{width:100%;padding:8px 10px;border:1px solid var(--eq-line);border-radius:10px;font:inherit;background:var(--eq-card);color:var(--eq-ink)}
.eq-tool .eq-btn{font:inherit;border:1px solid var(--eq-line);background:var(--eq-card);border-radius:10px;padding:7px 11px;cursor:pointer;color:var(--eq-ink)}
.eq-tool .eq-btn:hover{background:var(--eq-soft)}
.eq-tool .eq-btn.primary{width:100%;margin-top:10px;background:linear-gradient(135deg,var(--eq-accent),var(--eq-amber));border:0;color:#fff;font-weight:700;padding:11px;border-radius:12px}
.eq-tool .eq-btn.primary:disabled{opacity:.6;cursor:wait}
.eq-tool .eq-presets{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.eq-tool .eq-presets .eq-btn{padding:4px 10px;font-size:13px;border-radius:999px}
.eq-tool .eq-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.eq-tool label{font-size:12.5px;color:var(--eq-muted);display:block}
.eq-tool label.eq-check{display:flex;gap:6px;align-items:center;margin-top:10px;color:var(--eq-ink);font-size:13.5px}
.eq-tool .eq-results{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--eq-line);border-radius:10px;max-height:180px;overflow:auto}
.eq-tool .eq-results li{padding:7px 9px;border-bottom:1px solid var(--eq-line);cursor:pointer;font-size:13px}
.eq-tool .eq-results li:hover{background:var(--eq-soft)}
.eq-tool .eq-status{font-size:13px;color:var(--eq-muted);margin-top:8px;min-height:1em}
.eq-tool .eq-status.err{color:#c92a2a}
.eq-tool .eq-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.eq-tool .eq-kpi,.eq-tool .eq-probs>div{background:var(--eq-soft);border-radius:10px;padding:8px 4px;text-align:center}
.eq-tool .eq-kpi span{display:block;font-size:17px;font-weight:700}
.eq-tool .eq-kpi small,.eq-tool .eq-probs small{color:var(--eq-muted);font-size:11.5px}
.eq-tool .eq-probs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.eq-tool .eq-probs span{display:block;font-size:22px;font-weight:700;color:var(--eq-accent)}
.eq-tool .eq-method{font-size:12.5px;color:var(--eq-muted);margin:10px 0 0}
.eq-tool .eq-tablewrap{overflow-x:auto}
.eq-tool table{width:100%;border-collapse:collapse;font-size:13px}
.eq-tool th,.eq-tool td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--eq-line);vertical-align:top}
.eq-tool td:nth-child(2){font-weight:700;white-space:nowrap}.eq-tool td:first-child{white-space:nowrap}
.eq-tool tr.clk{cursor:pointer}.eq-tool tr.clk:hover{background:var(--eq-soft)}
.eq-tool .eq-src{font-size:12px;color:var(--eq-muted);margin:10px 0 0}
.eq-tool .eq-tabs{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}
.eq-tool .eq-tabs .eq-btn.on{background:#0B1020;color:#fff;border-color:#0B1020}
.eq-tool .eq-live{list-style:none;margin:0;padding:0;max-height:280px;overflow:auto}
.eq-tool .eq-live li{display:flex;gap:10px;padding:6px 2px;border-bottom:1px solid var(--eq-line);font-size:13px;cursor:pointer}
.eq-tool .eq-live .mag{min-width:38px;text-align:center;font-weight:700;border-radius:6px;padding:2px 0;color:#fff}
.eq-tool .eq-live .meta{color:var(--eq-muted);font-size:12px}
.eq-tool .eq-about ul{padding-left:18px;margin:0;font-size:13px}.eq-tool .eq-about li{margin-bottom:4px}
.eq-tool .leaflet-container{font:inherit;background:#dfe7ef}
.eq-tool .eq-legend{background:var(--eq-card);padding:6px 8px;border-radius:8px;font-size:12px;line-height:1.6;box-shadow:0 1px 4px rgba(0,0,0,.18);color:var(--eq-ink)}
.eq-tool .eq-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:middle}
@media (max-width:900px){
  .eq-tool .eq-layout{display:block;min-height:0}
  .eq-tool .eq-mapwrap{height:52vh;min-height:300px;margin-bottom:12px}
  .eq-tool .eq-panel{max-height:none}
  .eq-tool .eq-kpis{grid-template-columns:repeat(2,1fr)}
  .eq-tool .eq-maphint{top:10px;bottom:auto;font-size:12px}
}
@media (prefers-color-scheme:dark){
  .eq-tool{--eq-ink:#e8edf5;--eq-muted:#9aa6b5;--eq-line:#2a3344;--eq-soft:#151b27;--eq-card:#121826}
  .eq-tool .eq-disclaimer{background:linear-gradient(90deg,#3a2a12,#2a2214);border-color:#6b4e1e;color:#f3e6c8}
  .eq-tool .eq-tabs .eq-btn.on{background:#FF5A5F;border-color:#FF5A5F}
}
.eq-tool .eq-mapbtns{position:absolute;top:10px;right:10px;z-index:500;display:flex;flex-direction:column;gap:6px}
.eq-tool .eq-mapbtn{background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.18);font-size:12.5px;padding:5px 9px}
.eq-tool .eq-mapbtn.on{background:#0B1020;color:#fff;border-color:#0B1020}
.eq-tool #eq-map.eq-dark .eq-tiles-dark{filter:invert(1) hue-rotate(180deg) brightness(.9) contrast(.9)}
.eq-tool .eq-legendbox{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px;font-size:12.5px;color:var(--eq-muted)}
.eq-tool .eq-legendbox i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}
.eq-tool .eq-legnote{width:100%}
.eq-tool .eq-charts{display:grid;gap:10px;margin:8px 0 4px}
.eq-tool .eq-charts canvas{width:100%;height:140px;background:var(--eq-soft);border-radius:10px}
.eq-tool .eq-export{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.eq-tool .eq-tips ul{padding-left:18px;margin:0;font-size:13px}.eq-tool .eq-tips li{margin-bottom:4px}
.eq-tool #eq-alert-card label{margin-top:8px}
@media (prefers-color-scheme:dark){
  .eq-tool .eq-mapbtn{background:rgba(18,24,38,.92);color:var(--eq-ink)}
  .eq-tool .eq-mapbtn.on{background:#FF5A5F;border-color:#FF5A5F;color:#fff}
}