/* Read-only station history, using the app's light/dark theme variables. */
.station-history-link{
  display:inline; flex:none; max-width:100%; padding:0; border:0; border-radius:3px;
  background:none; color:inherit; font:inherit; letter-spacing:inherit; text-align:left;
  white-space:inherit; cursor:pointer; text-decoration:underline; text-decoration-style:dotted;
  text-underline-offset:3px;
}
.station-history-link:hover{ text-decoration-style:solid; }
.station-history-link:focus-visible{ outline:2px solid var(--green); outline-offset:2px; }
.station-history-dialog{
  width:calc(100% - 24px); max-width:560px; max-height:85vh; max-height:85dvh;
  padding:20px; border:1px solid var(--line); border-radius:18px;
  background:var(--panel); color:var(--text); font-family:'Space Grotesk',sans-serif;
  box-shadow:0 20px 60px rgba(0,0,0,0.4); overflow-y:auto; overscroll-behavior:contain;
}
.station-history-dialog::backdrop{ background:rgba(0,0,0,0.65); }
body:has(.station-history-dialog[open]){ overflow:hidden; }
.station-history-header{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.station-history-header h3{ margin:0; font-size:18px; }
.station-history-close{
  flex:none; width:36px; height:36px; padding:0; border:1px solid var(--line);
  border-radius:10px; background:var(--panel-2); color:var(--text);
}
.station-history-close:focus-visible{ outline:2px solid var(--green); outline-offset:2px; }
.station-history-identity{ margin:12px 0 16px; overflow-wrap:anywhere; }
.station-history-callsign{ font-family:'JetBrains Mono',monospace; color:var(--green); font-size:18px; font-weight:700; }
.station-history-location{ margin-top:4px; color:var(--text-dim); font-size:12px; }
.station-history-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:14px 0; }
.station-history-stat{ border:1px solid var(--line-soft); border-radius:10px; background:var(--panel-2); padding:12px 5px; text-align:center; }
.station-history-stat strong{ display:block; color:var(--green); font-family:'JetBrains Mono',monospace; font-size:20px; }
.station-history-stat span{ display:block; margin-top:5px; font-size:10px; color:var(--text-dim); }
.station-history-message{ padding:12px 0; color:var(--text-dim); font-size:12px; line-height:1.5; }
.station-history-message.notice{ color:var(--amber); }
.station-history-table{ table-layout:fixed; margin-top:12px; }
.station-history-table th:first-child{ width:28%; }
.station-history-table th:last-child{ width:25%; }
.station-history-table td{ font-size:11px; overflow-wrap:anywhere; }
.station-history-table .station-history-qth{ margin-top:4px; font-size:10px; color:var(--text-dim); }
.station-history-table .rst-line{ flex-wrap:wrap; font-size:10px; }
.station-history-pending{ display:block; margin-top:4px; color:var(--amber); font-size:9px; }
.station-history-range{ margin:8px 0; color:var(--text-dim); font-size:11px; line-height:1.5; }
#stationHistoryMoreBtn{ margin:14px 0 0; }
@media (max-width:360px){
  .station-history-dialog{ padding:14px; }
  .station-history-table th, .station-history-table td{ padding-left:3px; padding-right:3px; }
}