/* Result-first inspector. Neutral UI colors remain separate from hazard categories. */
:root{--sidebar:360px}
.inspector-heading .eyebrow{font:600 14px Inter,'PingFang SC',sans-serif;letter-spacing:0;color:#e6edf3}
#impact-source-summary{margin-left:auto;margin-right:8px;font-size:12px;color:#afbfca;font-variant-numeric:tabular-nums;white-space:nowrap}
.inspector-scroll{flex:1}.impact-workspace .inspector-scroll{padding:0 16px 16px}
.impact-intro{font-size:12px;color:#afbfca;margin:16px 0 12px;line-height:1.6}
.impact-has-results .impact-intro{display:none}.impact-has-results #pane-hazards{padding-top:12px}
.impact-card{background:#17242e;border-radius:8px;margin:0 0 10px;overflow:hidden}
.impact-card.is-open{background:#1a2934}
.impact-card-heading{display:flex;align-items:center;gap:2px;padding:10px 10px 0}
.impact-toggle{display:flex;align-items:center;gap:7px;flex:1;text-align:left;background:transparent;border:0;color:#e6edf3;min-height:30px;padding:0 3px;font-size:15px;font-weight:600}
.impact-chevron{font-size:23px;color:#afbfca;display:block;transition:transform .15s}.is-open .impact-chevron{transform:rotate(90deg)}
.impact-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;background:transparent;border:0;border-radius:4px;color:#b8c8d3;font-size:18px;line-height:1}
.impact-icon:hover:not(:disabled){background:#ffffff0e;color:#e6edf3}
.impact-refresh.is-dirty{color:#f0d475;background:#f0d47512}
.impact-summary{display:block;width:100%;background:transparent;border:0;text-align:left;color:#e6edf3;padding:4px 16px 14px 26px}
.impact-summary strong{display:block;font-size:25px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.impact-summary>span{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#adbdc9}
.impact-card:not(.is-open) .impact-summary{display:flex;align-items:baseline;gap:8px;padding:2px 14px 11px 25px}
.impact-card:not(.is-open) .impact-summary strong{flex-shrink:0;font-size:24px;line-height:1.25}
.impact-card:not(.is-open) .impact-summary>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;margin:0}
.impact-card.is-open .impact-summary{display:none}
.impact-body{padding:0 14px 14px}.impact-footnote{font-size:12px;line-height:1.65;color:#afbfca;margin:9px 0 0}.impact-empty{font-size:13px;color:#afbfca;line-height:1.65;margin:10px 0}
.impact-population-row{margin:5px 0 17px}.impact-population-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;color:#bdccd5;font-size:13px}.impact-population-label strong{color:#e6edf3;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.impact-population-track{height:9px;background:#ffffff0d;border-radius:2px;overflow:hidden}.impact-population-track>span{display:block;height:100%;background:#bcced9}.impact-population-track .jma6{background:#92a9ba}.impact-population-track .jma7{background:#e6edf3}
.impact-population-row:first-child strong{font-size:24px;font-weight:600}.impact-dirty-note{color:#f0d475}
.impact-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;line-height:1.5;color:#bdccd5;margin:4px 0 9px}.impact-chart-heading>span:last-child{color:#aebecb;font-variant-numeric:tabular-nums;font-size:11px}
.impact-chart-wrap{height:174px;position:relative}.impact-chart-wrap canvas{display:block;height:174px;width:100%;cursor:crosshair;touch-action:pan-y}.impact-chart-wrap>svg{position:absolute;inset:0;width:100%;height:174px;pointer-events:none}
.impact-event{display:block;width:100%;text-align:left;background:#f4e3bd0b;border:0;border-radius:4px;padding:9px;color:#f4e3bd;font-size:12px;margin:9px 0 0}.impact-event:hover:not(:disabled){background:#f4e3bd14}
.impact-secondary{border:1px solid #6f8494;border-radius:4px;background:transparent;color:#e6edf3;font-size:12px;padding:7px 9px;margin-top:9px}
.impact-tsunami-chart{display:block;width:100%;height:174px}.impact-tsunami-chart text{fill:#afbfca;font:12px Inter,'PingFang SC',sans-serif}.impact-tsunami-chart circle{cursor:pointer}.impact-tsunami-chart circle:focus-visible{outline:none;stroke:#e6edf3;stroke-width:2.5}
.impact-list-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0 4px;padding-top:10px;border-top:1px solid #354752;font-size:12px;color:#b8c8d3}.impact-list-tools>label{display:flex;align-items:center;gap:6px;white-space:nowrap}.impact-list-tools select{background:#12212b;color:#e6edf3;border:0;border-radius:4px;padding:6px 5px;min-width:0;font:12px Inter,sans-serif}.impact-filter{gap:4px!important}.impact-filter input{accent-color:#bcced9;margin:0}
.impact-port-row{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #354752;color:#dce5ec;text-align:left;padding:10px 6px;border-radius:4px}.impact-port-row.is-highlighted{background:#ffffff0b}.impact-port-top,.impact-port-values{display:flex;align-items:center;justify-content:space-between;gap:8px}.impact-port-top{font-size:13px}.impact-port-top strong{font-weight:500}.impact-port-top>span{color:#afbfca;font-size:12px;font-variant-numeric:tabular-nums}.impact-port-values{font-size:12px;font-variant-numeric:tabular-nums}.impact-range-track{height:10px;background:#ffffff08;position:relative;margin:9px 0 8px;border-radius:2px}.impact-range-track>i{position:absolute;top:-2px;bottom:-2px;border-left:1px solid #a1b3bf38}.impact-range-band{position:absolute;top:2px;height:6px;border-radius:2px;opacity:.85}.impact-alert{color:var(--alert-color);border:1px solid color-mix(in srgb,var(--alert-color) 48%,transparent);padding:2px 5px;border-radius:4px;font-size:11px;line-height:1.3;white-space:nowrap}.impact-range-key{margin:10px 0;color:#afbfca;font-size:11px;line-height:1.5}.impact-wave-mode{margin-top:13px}.impact-wave-mode .toggle-btn{font-size:12px}.impact-wave-mode .active{background:#bcced91a;color:#e6edf3}.impact-caveat{padding-top:11px;border-top:1px solid #354752;color:#cad6df}
.impact-progress{padding:0 16px 12px;font-size:12px;color:#bcced9}.impact-progress progress{display:block;width:100%;height:3px;margin-top:8px;appearance:none;border:0;background:#ffffff0e}.impact-progress progress::-webkit-progress-bar{background:#ffffff0e}.impact-progress progress::-webkit-progress-value{background:#bcced9}.impact-progress progress::-moz-progress-bar{background:#bcced9}
#impact-transport{padding:10px 17px 12px;background:#14222d;border-top:1px solid #354752;flex-shrink:0}#impact-transport .impact-icon{width:28px;height:28px;font-size:16px;color:#e6edf3}.impact-transport-top{display:flex;align-items:center;gap:9px}.impact-transport-top input{min-width:0;flex:1;margin:0;--range-color:#bcced9}.impact-transport-top select{background:transparent;color:#cbd8e1;border:0;min-width:46px;font-size:12px;padding:4px 0}.impact-transport-caption{display:flex;justify-content:space-between;padding-left:37px;margin-top:5px;color:#afbfca;font-size:12px;font-variant-numeric:tabular-nums}
#impact-transport .impact-caveat{padding-top:8px;margin-top:8px;font-size:11px;color:#b9c9d4}
.impact-chart-heading>span:last-child,.impact-alert,.impact-range-key,#impact-transport .impact-caveat{font-size:12px}
.impact-info{width:min(480px,calc(100vw - 32px));max-height:80dvh;background:#162630;color:#e6edf3;border:1px solid #455d6b;border-radius:8px;padding:18px 22px;box-shadow:0 24px 80px #0005}.impact-info::backdrop{background:#06121bbb;backdrop-filter:blur(3px)}.impact-info-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.impact-info h2{font-size:16px;margin:0}.impact-info p{font-size:13px;line-height:1.8;color:#bbcbd5;margin:16px 0}.impact-layer-switches .hazard-check{justify-content:space-between;flex-direction:row-reverse;border-bottom:1px solid #283743;padding-bottom:10px}.impact-layer-switches input{appearance:none;width:28px;height:16px;border-radius:20px;background:#4b5c68;position:relative;flex-shrink:0;margin:0}.impact-layer-switches input:before{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#bdccd5}.impact-layer-switches input:checked{background:#a7bac7}.impact-layer-switches input:checked:before{left:15px;background:#12232e}
.hazard-source-settings input:focus:not(:focus-visible),.hazard-source-settings select:focus:not(:focus-visible),.hazard-fields select:focus:not(:focus-visible),.hazard-fields input:focus:not(:focus-visible){outline:none}
.aftershock-settings{margin:18px 0!important}.aftershock-settings>summary{font-size:13px!important}.hazard-fields label>span{font-size:12px}.aftershock-settings .helper,.impact-layer-switches~.helper{font-size:12px!important;color:#afbfca}
.wave-scale[data-mode=peak]{background:linear-gradient(to right,#449bb5 0 25%,var(--tsunami-advisory,#f0d475) 25% 50%,var(--tsunami-warning,#ff6378) 50% 75%,var(--tsunami-major,#b388ff) 75% 100%)}
@media(max-width:1100px) and (min-width:761px){:root{--sidebar:344px}}
@media(max-width:760px){#control-panel{width:min(360px,calc(100vw - 34px))}.impact-workspace .inspector-scroll{padding-left:12px;padding-right:12px}.impact-body{padding-left:12px;padding-right:12px}.impact-intro{margin-top:12px}.impact-card-heading{padding-top:7px}.impact-summary strong{font-size:24px}.impact-summary{padding-bottom:12px}.impact-list-tools{gap:4px}.impact-list-tools select{max-width:94px}.impact-filter{font-size:11px}.impact-info{padding:16px}}
@media(prefers-reduced-motion:reduce){.impact-chevron{transition:none}}
@media(max-width:760px){.impact-filter{font-size:12px}}
/* Folded cards stay on a single compact row: title, result, then quiet actions. */
.impact-card:not(.is-open) .impact-card-heading{padding:9px 10px}
.impact-card:not(.is-open) .impact-toggle{min-width:0;gap:5px;font-size:14px;line-height:18px}
.impact-card:not(.is-open) .impact-summary{display:block;flex:0 1 auto;width:auto;max-width:152px;padding:0 5px;margin:0}
.impact-card:not(.is-open) .impact-summary strong{font-size:24px;white-space:nowrap;line-height:1.25}
.impact-card:not(.is-open) .impact-summary>span{max-width:152px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin-top:2px;line-height:17px}
.impact-card:not(.is-open) .impact-icon{width:27px;height:28px}
.impact-card-title{display:block;min-width:0}.impact-card-title>[data-impact-text]{display:block;line-height:18px}
.impact-card-subtitle{display:block;font-size:12px;font-weight:400;line-height:16px;color:#afbfca;margin-top:1px;white-space:nowrap}
.impact-card.is-open .impact-card-subtitle,.impact-card:not(.is-open) .impact-summary>span{display:none}
.impact-workspace .inspector-footer{padding:4px 16px}.impact-workspace .inspector-footer .text-btn{padding:5px 0;font-size:12px}
#impact-clock{font-size:12px;font-variant-numeric:tabular-nums;color:#c8d6df;white-space:nowrap}
.impact-transport-top{gap:7px}.impact-transport-caption{padding:0;gap:6px;justify-content:flex-end;align-items:baseline}
.impact-transport-caption #impact-speed-caption{white-space:nowrap;font-size:12px}
#impact-transport .impact-caveat{margin:0 auto 0 0;padding:0;border:0;font-size:12px;line-height:1.5}
.impact-tsunami-chart{height:160px}