/* Website history checker. The form, box, cards and links come from detector.css
   (.dat-det); this file adds what only this tool needs, scoped under .dat-hist. */
.dat-det.dat-hist .dat-hist-ok { color: #15803d; }
.dat-det.dat-hist .dat-hist-warn { color: #b45309; }

.dat-det.dat-hist .dat-hist-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 4px; }
.dat-det.dat-hist .dat-hist-cards .dat-det-card { flex: 1 1 180px; margin: 0; }
.dat-det.dat-hist .dat-hist-cards .dat-det-card-title { font-size: 19px; margin: 2px 0 6px; }
.dat-det.dat-hist .dat-hist-sub { font-size: 14px; color: var(--dat-det-muted); margin: 0; }

.dat-det.dat-hist .dat-hist-h { font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--dat-det-muted); font-weight: 600; margin: 20px 0 6px; }
.dat-det.dat-hist .dat-hist-years { list-style: none; margin: 0; padding: 0; }
.dat-det.dat-hist .dat-hist-years li {
  display: flex; align-items: center; gap: 10px; margin: 0; padding: 6px 0;
  border-bottom: 1px solid var(--dat-det-line); font-size: 15px;
}
.dat-det.dat-hist .dat-hist-year { flex: 0 0 44px; font-weight: 600; font-variant-numeric: tabular-nums; }
.dat-det.dat-hist .dat-hist-track { flex: 1 1 auto; height: 10px; border-radius: 5px; background: var(--dat-det-soft); overflow: hidden; }
.dat-det.dat-hist .dat-hist-bar { display: block; height: 100%; min-width: 3px; border-radius: 5px; background: var(--dat-det-accent); }
.dat-det.dat-hist .dat-hist-count { flex: 0 0 104px; white-space: nowrap; text-align: right; color: var(--dat-det-muted); font-size: 14px; font-variant-numeric: tabular-nums; }
.dat-det.dat-hist .dat-hist-open { flex: 0 0 62px; text-align: right; font-size: 14px; white-space: nowrap; }
.dat-det.dat-hist .dat-hist-empty .dat-hist-year, .dat-det.dat-hist .dat-hist-empty .dat-hist-count { color: var(--dat-det-muted); font-weight: 400; }

@media (max-width: 560px) {
  .dat-det.dat-hist .dat-hist-years li { gap: 8px; font-size: 14px; }
  .dat-det.dat-hist .dat-hist-count { flex-basis: 88px; font-size: 13px; }
  .dat-det.dat-hist .dat-hist-open { flex-basis: 54px; font-size: 13px; }
}