.lc-flight-view-map {
    height: min(62vh, 520px);
    min-height: 320px;
    overflow: hidden;
    border: 1px solid var(--lc-line);
    border-radius: 8px;
    background: #0b1116;
}

.lc-flight-view-map.leaflet-container {
    cursor: crosshair;
}

.lc-flight-view-details-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
}

.lc-flight-view-details-grid > div {
    min-width: 0;
}

.lc-flight-view-details-grid dt {
    color: var(--lc-muted);
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.lc-flight-view-details-grid dd {
    margin: 2px 0 0;
    overflow-wrap: anywhere;
}

.lc-flight-view-primary-identification {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
}

.lc-flight-view-secondary-identification {
    margin: 2px 0 0;
    color: var(--lc-muted);
}

.lc-flight-view-popup {
    max-width: 210px;
    line-height: 1.3;
}

.lc-flight-view-popup p {
    margin: 2px 0;
}

.lc-flight-view-popup-heading {
    margin: 0 0 3px;
    font-size: 1rem;
    font-weight: 700;
}

.lc-flight-view-popup-description {
    font-weight: 600;
}

.lc-flight-view-aircraft-icon {
    border: 0;
    background: transparent;
}

.lc-flight-view-viewer-marker {
    width: 18px;
    height: 18px;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: var(--lc-accent);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

.lc-flight-view-aircraft-marker {
    width: 30px;
    height: 30px;
    position: relative;
    display: grid;
    place-items: center;
    color: #d8dee3;
    filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.95)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.85));
    transform-origin: center;
}

.lc-flight-view-aircraft-marker::before {
    width: 30px;
    height: 30px;
    background: currentColor;
    content: '';
    display: block;
    -webkit-mask: var(--lc-flight-view-silhouette) center / contain no-repeat;
    mask: var(--lc-flight-view-silhouette) center / contain no-repeat;
}

.lc-flight-view-aircraft-marker--single-engine {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/single-engine.svg');
    color: #ffd33d;
}

.lc-flight-view-aircraft-marker--generic-single-engine {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/generic-single-engine.svg');
    color: #d8dee3;
}

.lc-flight-view-aircraft-marker--twin-engine {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/twin-engine.svg');
    color: #79d8ff;
}

.lc-flight-view-aircraft-marker--regional-airliner {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/regional-airliner.svg');
    color: #ff9f43;
}

.lc-flight-view-aircraft-marker--large-airliner {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/large-airliner.svg');
    color: #ff9f43;
}

.lc-flight-view-aircraft-marker--business-jet {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/business-jet.svg');
    color: #c59bff;
}

.lc-flight-view-aircraft-marker--helicopter {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/helicopter.svg');
    color: #000000;
}

.lc-flight-view-aircraft-marker--military-single-engine {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/military-single-engine.svg');
    color: #f26d85;
}

.lc-flight-view-aircraft-marker--military-twin-engine {
    --lc-flight-view-silhouette: url('/launchcast-assets/aircraft-silhouettes/military-twin-engine.svg');
    color: #f26d85;
}

@media (max-width: 575.98px) {
    .lc-flight-view-details-grid {
        grid-template-columns: 1fr;
    }

    .lc-flight-view-map {
        min-height: 300px;
    }
}