/*
Projekt: Flight Radar
Zweck: Ordnet Navigation, Radar und Detailflaechen fuer Desktop- und Notebookansichten.
Zeitbeispiel: Am 16. August 2026 um 13:02 Uhr nutzt ein Windows-PC die breite Kartenflaeche neben der Kontaktdetailspalte.
Versionshistorie: 0.2.0 vom 16. August 2026: Kartenbedienung und Typfarben-Legende in der Radarfläche berücksichtigt; 0.1.0: Erste Desktop-Anordnung.
Konfigurationsbereich: Desktop beginnt verbindlich bei 721 Pixeln.
*/

.app-shell { display: grid; grid-template-columns: 238px minmax(0, 1fr); }
.sidebar { position: sticky; top: 0; height: 100vh; display: grid; grid-template-rows: auto 1fr auto; }
.main-content { grid-column: 2; min-height: 100vh; }

@media (max-width: 1180px) {
    .app-shell { grid-template-columns: 84px minmax(0, 1fr); }
    .sidebar-brand { justify-content: center; padding-inline: 12px; }
    .sidebar-brand > div:last-child, .nav-item span, .user-chip > span:last-child, .sidebar-footer > .version-label { display: none; }
    .nav-item { justify-content: center; }
    .nav-item.is-active::before { left: -13px; }
    .sidebar-footer { grid-template-columns: 1fr; justify-items: center; }
    .user-chip { justify-content: center; }
    .radar-layout { grid-template-columns: minmax(0, 1.55fr) minmax(280px, .75fr); }
}

@media (max-width: 950px) {
    .radar-layout { grid-template-columns: 1fr; }
    .radar-stage { min-height: 560px; }
    .contact-panel { min-height: 480px; }
    .history-card { grid-template-columns: 1fr 1.5fr 1fr auto; }
    .history-card > :nth-child(4), .history-card > :nth-child(5) { display: none; }
    .settings-grid { grid-template-columns: 1fr; }
    .settings-card-wide { grid-column: auto; }
}