/* Log search + graphical statistics (templates/log_search/*): profile tab and the bare embed pages. */
/* the header (status, first/last QSO, graph link, search) is centred as in the legacy logsearch.php;
   .log-search-page raises the specificity over the generic h2 rule below (the profile tab uses an h2) */
.log-search-page .log-title { font-size: 24px; font-weight: 600; text-align: center; margin: 8px 0 16px; }
.log-firstlast { color: var(--hq-text-3); font-size: 14px; text-align: center; }
.log-graph { text-align: center; }
.log-search { margin: 20px 0; }
.log-search-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; max-width: 360px; margin: 0 auto; }
.log-search-row .invalid-feedback { text-align: center; }
.log-search-row .form-control { flex: 1 1 180px; font-family: var(--hq-mono); text-transform: uppercase; }
.log-search-row .invalid-feedback { flex-basis: 100%; }
.log-search-page h2, .log-stat h2 { font-size: 14px; font-weight: 600; margin: 24px 0 8px; }
.log-table { font-size: 13px; }
.log-table td, .log-table th { white-space: nowrap; }
.log-call { font-family: var(--hq-mono); }
.log-not-found, .log-truncated, .log-message { color: var(--hq-text-3); }
.log-message { margin: 24px 0; font-size: 15px; }

.log-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 8px 32px; }
.log-bars { list-style: none; margin: 0; padding: 0; }
.log-bars li { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 8px; font-size: 12px; margin: 3px 0; }
.log-bar-label { font-family: var(--hq-mono); color: var(--hq-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.log-bar { height: 12px; width: var(--w); min-width: 2px; background: var(--hq-accent); border-radius: 2px; }
.log-bar-value { font-variant-numeric: tabular-nums; color: var(--hq-text-3); }

.log-embed { background: var(--hq-page); }
.log-embed-main { padding: 16px; max-width: 1100px; margin: 0 auto; }
.log-powered { text-align: center; font-size: 12px; color: var(--hq-text-4); margin: 24px 0 16px; }
.log-back { display: inline-block; margin-bottom: 12px; font-size: 13px; }