.airspace-popup {
    padding: 10px;
    font-family: Arial, sans-serif;
}

.airspace-popup h4 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 16px;
}

.airspace-popup p {
    margin: 5px 0;
    font-size: 14px;
    color: #666;
}

.airspace-popup strong {
    color: #333;
}

/* Style for the Dutch FIR control panel */
.leaflet-control.dutch-fir-control {
    background: white;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

.leaflet-control.dutch-fir-control input[type="radio"] {
    margin-right: 5px;
}

.leaflet-control.dutch-fir-control label {
    font-size: 14px;
    color: #333;
}

.leaflet-control.dutch-fir-control #searchContainer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}

.leaflet-control.dutch-fir-control input[type="text"] {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.leaflet-control.dutch-fir-control button {
    width: 100%;
    padding: 5px;
    background: #0078A8;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.leaflet-control.dutch-fir-control button:hover {
    background: #005f85;
}

/* ------------------------------------------------------------------ */
/* Area-overlap-with-restricted-airspace warning tooltip               */
/* Used by maps-areas.js when an area polygon intersects any           */
/* configured NL/DE airspace exclusion/risk zone.                      */
/*                                                                     */
/* [REMOVAL-498] The .ma-airspace-warning-tooltip and                   */
/* .ma-airspace-warning-label rules used to live here as bespoke       */
/* one-off styles. They are now thin aliases over the generic          */
/* .geo-feature-tooltip / .geo-label-badge--restriction primitives in  */
/* components/geo-labels.css, so reference-features and area-          */
/* restrictions share a single CSS family. See plan                    */
/* `.cursor/plans/harmonize-reference-features_*.plan.md`.             */
/* Only the inner content classes (.ma-airspace-tt-*) remain because   */
/* maps-areas.js builds the tooltip body with them.                    */
/* ------------------------------------------------------------------ */

.ma-airspace-tt-title {
    font-weight: 600;
    color: #c0392b;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
}

.ma-airspace-tt-title i {
    margin-right: 6px;
}

.ma-airspace-tt-row + .ma-airspace-tt-row {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #e6c8c0;
}

.ma-airspace-tt-name {
    font-weight: 600;
    color: #2c2c2c;
}

.ma-airspace-tt-meta {
    color: #666;
    font-size: 11px;
    margin-top: 1px;
}

.ma-airspace-tt-limits {
    color: #888;
    font-size: 11px;
    margin-top: 1px;
}

/* [REMOVAL-499] The permanent .ma-airspace-warning-label badge that
   used to live here was orphaned (defined but never wired up in JS).
   It is replaced by the generic `.geo-label-badge--restriction`
   modifier in `components/geo-labels.css`. Map JS should now bind
   class="geo-label-badge geo-label-badge--restriction" instead. */
.ma-airspace-warning-label {
    /* Backward-compat shim — any caller still referencing the old
       class gets the same red badge via the new system. */
    background: var(--geo-label-bg, #c0392b);
    color: var(--geo-label-fg, #fff);
    border: 1px solid var(--geo-label-border, #8e2418);
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
}

.ma-airspace-warning-label:before {
    display: none !important;
}