.coverage-test { min-width: 0; }
.coverage-test [hidden] { display: none !important; }
.coverage-test .coverage-card { padding: 16px; border: 1px solid #314158; border-radius: 12px; background: #0c1828; min-width: 0; }
.coverage-test h3 { margin: 0 0 12px; }
.coverage-test .panel-head p, .coverage-test .coverage-signal-help { max-width: 95ch; color: #a9bdd1; line-height: 1.5; }
.coverage-test .coverage-form-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; }
.coverage-test .coverage-options { margin: 12px 0; }
.coverage-test .coverage-options summary { cursor: pointer; padding: 8px 0; color: #c7dcef; }
.coverage-test .coverage-layout { display: grid; grid-template-columns: minmax(220px,280px) minmax(0,1fr); gap: 16px; margin-top: 16px; align-items: start; }
.coverage-test .coverage-workspace { display: grid; gap: 16px; min-width: 0; }
.coverage-test .coverage-history { position: sticky; top: 12px; max-height: 80vh; overflow: auto; }
.coverage-test .coverage-history-row { display: grid; gap: 5px; text-align: left; width: 100%; margin-top: 8px; padding: 12px; border: 1px solid #314158; border-radius: 8px; background: #111f32; color: #dbeafa; overflow-wrap: anywhere; cursor: pointer; }
.coverage-test .coverage-history-row[aria-pressed="true"] { border-color: #38c7e4; box-shadow: inset 3px 0 #38c7e4; }
.coverage-test .coverage-history-row small { color: #a9bdd1; }
.coverage-test .coverage-session-heading { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.coverage-test .coverage-recording { color: #fca5a5; padding: 7px 10px; border: 1px solid #a74747; border-radius: 30px; }
.coverage-test .coverage-recording[data-active="true"]::before { content: "● "; }
.coverage-test .coverage-active-notice { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; padding: 12px; background: #1c3041; border-left: 3px solid #38c7e4; }
.coverage-test #coverageNotice[data-error="true"] { color: #fda4af; }
.coverage-test .coverage-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 10px; margin: 16px 0; }
.coverage-test .coverage-metrics>div { background: #122237; border-radius: 8px; padding: 12px; min-width: 0; }
.coverage-test .coverage-metrics dt { color: #abc3d8; font-size: .82rem; }
.coverage-test .coverage-metrics dd { margin: 6px 0 0; font-size: 1.13rem; font-weight: 700; overflow-wrap: anywhere; }
.coverage-test .coverage-map-toolbar { display: flex; gap: 8px 12px; align-items: end; flex-wrap: wrap; margin-bottom: 12px; }
.coverage-test .coverage-map-toolbar .field { min-width: 150px; margin: 0; }
.coverage-test .coverage-map { height: clamp(330px,55vh,650px); width: 100%; background: #17283b; border: 1px solid #3b4e65; border-radius: 8px; z-index: 0; }
.coverage-test .coverage-map .leaflet-control-attribution { max-width: 90%; }
.coverage-test .coverage-legend { display: flex; gap: 10px 18px; flex-wrap: wrap; padding: 8px 0; font-size: .85rem; }
.coverage-test .coverage-legend span { display: inline-flex; gap: 7px; align-items: center; }
.coverage-test .coverage-legend i { display: inline-block; width: 13px; height: 13px; border-radius: 50%; border: 1px solid #d5e6f6; }
.coverage-test .coverage-event-icon { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; border: 2px solid white; color: white; font-weight: 800; box-shadow: 0 1px 5px #0008; }
.coverage-test .coverage-event-row { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid #314158; }
.coverage-test .coverage-event-row>div { display: grid; gap: 4px; }
.coverage-test .coverage-detail dl { display: grid; grid-template-columns: minmax(150px,1fr) 2fr; gap: 10px; }
.coverage-test .coverage-detail dt { color: #a9bdd1; }
.coverage-test .coverage-detail dd { margin: 0; overflow-wrap: anywhere; }
.coverage-test .coverage-signal-help, .coverage-test #coverageTileNotice, .coverage-test #coverageWindowNotice { font-size: .85rem; line-height: 1.5; }
.coverage-test #coverageTileNotice[data-error="true"] { color: #f9c979; }
@media (max-width: 1000px) {
  .coverage-test .coverage-layout { grid-template-columns: 1fr; }
  .coverage-test .coverage-history { position: static; max-height: 280px; }
}
@media (max-width: 600px) {
  .coverage-test .coverage-card { padding: 12px; }
  .coverage-test .coverage-form-grid { grid-template-columns: 1fr; }
  .coverage-test .coverage-map { height: 390px; }
  .coverage-test .coverage-map-toolbar .field { flex: 1 1 100%; }
  .coverage-test .coverage-map-toolbar .btn { flex: 1 1 44%; }
  .coverage-test .coverage-detail dl { grid-template-columns: 1fr; gap: 5px; }
  .coverage-test .coverage-detail dd { margin-bottom: 8px; }
}