/* GPS Test minimal page styles. Reuse existing components. */
#gpsTest { }
#gpsTest .gps-progress { margin-top: 10px; }
#gpsTest .gps-result { margin-top: 12px; }
#gpsTest .gps-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-top: 8px; }
#gpsTest .gps-metrics .label { display:block; font-size: 0.8rem; color: var(--color-muted); }
#gpsTest .gps-metrics .value { display:block; font-weight: 600; }
#gpsTest .gps-metrics .coords .value { font-weight: 400; }

/* Badge tones for result tiers */
.badge-great { background: var(--grad-green-light); color: var(--color-white); border-color: rgba(16,185,129,0.7); }
.badge-okay  { background: var(--grad-yellow-light); color: var(--color-black); border-color: rgba(234,179,8,0.7); }
.badge-bad   { background: var(--grad-red-light); color: var(--color-white); border-color: rgba(239,68,68,0.7); }

/* Details/summary tweaks */
#gpsTest details.gps-help { margin-top: 14px; }
#gpsTest details.gps-help > summary { cursor: pointer; user-select: none; }
#gpsTest .help-content { margin-top: 8px; }


/* Prominent result badge */
#gpsTest .result-badge-large {
  font-size: 1.05rem;
  padding: 6px 12px;
  line-height: 1.1;
  border-width: 2px;
}

/* Map under results */
#gpsTest .gps-map-wrap { margin-top: 10px; }
#gpsTest #gpsMap {
  width: 100%;
  height: 260px;
  border-radius: var(--radius);
  overflow: hidden;
  background: #0b0d11;
  border: 1px solid var(--color-border);
}