/* Logbook — /logbook/ and /logbook/{id}/. Loaded only on those pages. */

.log-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* Stat tiles (same look as the To OSH totals) */
.log-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin: 0 0 clamp(1.8rem, 4vw, 2.6rem);
}
.log-stats > div {
  background: var(--bg-2);
  border-radius: var(--radius);
  padding: 1.1rem 1.2rem;
  min-width: 0;
}
.log-stats dt {
  font-size: .75rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent-bright);
  font-weight: 600;
}
.log-stats dd {
  margin: .3rem 0 0;
  font-family: var(--font-head);
  font-size: 1.45rem;
  color: var(--white);
  overflow-wrap: anywhere;
}
.log-stats small { font-family: var(--font-body); font-size: .85rem; color: var(--text-dim); }
.log-stats .log-stats__text,
.log-stats--detail dd { font-size: 1.15rem; }

/* Flight table */
.log-table-wrap { background: var(--bg-2); border-radius: var(--radius); overflow: hidden; }
.log-table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.log-table th, .log-table td { padding: .75rem 1rem; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.log-table thead th {
  font-size: .75rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--accent-bright);
  background: var(--bg-3);
}
.log-table tbody tr:last-child td { border-bottom: 0; }
.log-table tbody tr:hover { background: rgba(255, 255, 255, .03); }
.log-table .num { text-align: right; white-space: nowrap; }
.log-table td:first-child { white-space: nowrap; color: var(--text-dim); }
.log-route a strong { font-family: var(--font-head); color: var(--white); }
.log-route a:hover strong { color: var(--accent-bright); }
.log-route span { display: block; font-size: .85rem; color: var(--text-dim); }

.log-synced { margin-top: 2.5rem; font-size: .88rem; }

/* Detail page */
.log-back { margin: 0 0 1.4rem; font-weight: 600; }
.log-plan {
  background: var(--bg-2);
  border-radius: var(--radius);
  padding: 1.1rem 1.2rem;
}
.log-plan code { display: block; margin-top: .4rem; color: var(--text); overflow-wrap: anywhere; font-size: .9rem; }
.log-links { margin-top: 2rem; }

.log-map-wrap { background: var(--bg-3); }
.log-map { height: clamp(320px, 60vh, 560px); background: #0d1c26; }
.log-map .leaflet-popup-content-wrapper,
.log-map .leaflet-popup-tip { background: var(--bg-2); color: var(--text); box-shadow: var(--shadow); }
.log-map .leaflet-popup-content { font-family: var(--font-body); font-size: .92rem; line-height: 1.45; }
.log-map .leaflet-popup-content strong { color: var(--white); }
.log-map a.leaflet-popup-close-button { color: var(--text-dim); }
.log-map .leaflet-tooltip { background: var(--bg-2); color: var(--white); border: 0; box-shadow: var(--shadow); font-family: var(--font-body); }
.log-map .leaflet-tooltip-top::before { border-top-color: var(--bg-2); }
.log-map .leaflet-control-attribution { background: rgba(13, 28, 38, .8); color: var(--text-dim); }
.log-map .leaflet-control-attribution a { color: var(--accent-bright); }
.log-map .leaflet-bar a { background: var(--bg-2); color: var(--white); border-bottom-color: rgba(255, 255, 255, .1); }
.log-map .leaflet-bar a:hover { background: var(--bg-3); }

/* Phones: each flight row becomes a stacked card */
@media (max-width: 720px) {
  .log-table-wrap { background: none; }
  .log-table thead { display: none; }
  .log-table, .log-table tbody, .log-table tr, .log-table td { display: block; }
  .log-table tr {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem .8rem;
    background: var(--bg-2);
    border-radius: var(--radius);
    padding: .9rem 1rem;
    margin-bottom: .7rem;
  }
  .log-table td { padding: 0; border: 0; text-align: left !important; }
  .log-table td.log-route { grid-column: 1 / -1; order: -1; }
  .log-table td:first-child { grid-column: 1 / -1; font-size: .85rem; }
  .log-table td[data-label="Aircraft"] { grid-column: 1 / -1; }
  .log-table td.num::before {
    content: attr(data-label);
    display: block;
    font-size: .7rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--text-dim);
  }
  .log-table td[data-label="Screenshots"] { display: none; }
}