/* ============================================================
   GPS-DIAGNOSTIK – teknisk felsökningsvy (GPS-01D UI-rensning)
   Renderar ENDAST redan befintliga, redan sanitiserade GPS-signaler
   (dt:gps:*, dt:timeline:review-queue) i en egen, separat vy. Ingen
   ny GPS-logik, ingen ny lagring, inga råa koordinater. Se app.js
   (avsnittet "GPS-INTEGRATION") och modules/timecard/ för källorna.
   ============================================================ */

:root:has(#gpsdiagView.active) .tabs { display: none !important; }

#gpsdiagView {
  max-width: 620px;
  margin: 0 auto;
  padding: 4px 0 48px;
}

.gpsdiag-back-bar {
  display: flex;
  align-items: center;
  padding: 4px 0 8px;
}

.gpsdiag-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 8px 0;
  border: 0;
  border-radius: var(--r-8);
  background: transparent;
  color: var(--primary);
  font-size: var(--fs-sm);
  font-weight: 600;
  cursor: pointer;
}

.gpsdiag-hero {
  padding: 8px 0 22px;
}

.gpsdiag-view-title {
  margin: 0 0 8px;
  color: var(--text-strong);
  font-size: var(--fs-xl);
  font-weight: 800;
  letter-spacing: -0.01em;
}

.gpsdiag-lead {
  margin: 0;
  color: var(--muted);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
}

.gpsdiag-section {
  margin-bottom: 16px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--r-16);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.gpsdiag-section-title {
  margin: 0 0 10px;
  color: var(--text-strong);
  font-size: var(--fs-base);
  font-weight: 750;
}

.gpsdiag-readout {
  margin: 0 0 6px;
  color: var(--text);
  font-size: var(--fs-sm);
  line-height: var(--lh-normal);
  word-break: break-word;
}

.gpsdiag-readout:last-child { margin-bottom: 0; }

.gpsdiag-hint,
.gpsdiag-empty {
  margin: 0;
  color: var(--muted);
  font-size: var(--fs-xs);
  line-height: var(--lh-normal);
}

.gpsdiag-back-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary) 45%, transparent);
  outline-offset: 2px;
}

/* Den flyttade GPS-granskningskön behöver ingen extra ram ovanpå
   .timeline-review – bara normal sektionsavstånd i denna vy. Layouten
   återanvänder samma max-width/enkolumnsmönster som #supportView/#itsView,
   redan verifierat att fungera på smal (iPhone) viewport. */
#gpsdiagView .timeline-review.gpsdiag-section {
  border-style: dashed;
}