/* Final UI overrides: manual DEM picker, compact DEM export, click-only DAS. */

/* Remove static helper/explanatory blocks while preserving functional labels and live status. */
.dem-export-intro,
.dem-overview-cache-note,
.na-note,
.na-title p,
.na-field > small,
.na-map-overlay-actions > small,
.upload-format-hint,
.dt-note,
.das-multi-selection-hint,
.spi-shp-selected-empty {
    display: none !important;
}

/* Keep every DEM field inside its own container. */
.export-product-panel[data-export-product-panel="dem"],
.dem-export-section,
.dem-export-filter-grid,
.dem-export-filter-grid > *,
.dem-export-file-field,
.dem-export-file-field .form-control,
#demExportRegion,
#demExportFile {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.export-product-panel[data-export-product-panel="dem"] {
    width: 100% !important;
    overflow: hidden !important;
}

.dem-export-section {
    width: 100% !important;
    overflow: hidden !important;
}

.dem-export-filter-grid {
    display: grid !important;
    grid-template-columns: minmax(150px, .8fr) minmax(0, 1.5fr) !important;
    gap: 8px !important;
    width: 100% !important;
}

.dem-export-filter-grid .export-file-field {
    width: 100% !important;
    overflow: hidden !important;
}

.dem-export-filter-grid select {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.dem-export-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
}

.dem-export-actions button {
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.dem-export-metadata {
    max-width: 100% !important;
    overflow: hidden !important;
}

.dem-meta-chip {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Compact opacity control inside the DAS popup. */
.das-opacity-popup .leaflet-popup-content-wrapper {
    max-width: 245px !important;
}

.das-opacity-popup .leaflet-popup-content {
    width: 205px !important;
    margin: 9px 10px !important;
}

.das-opacity-popup .simple-spatial-popup {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 10.5px !important;
}

.das-opacity-popup .simple-spatial-popup h3 {
    margin-bottom: 5px !important;
    font-size: 12px !important;
}

.das-opacity-popup .simple-spatial-popup td {
    padding: 2px 0 !important;
}

.das-opacity-control {
    width: 150px !important;
    max-width: 100% !important;
    margin: 6px auto 0 !important;
    padding: 6px 7px !important;
    border-radius: 9px !important;
}

.das-opacity-header {
    gap: 5px !important;
    margin-bottom: 3px !important;
}

.das-opacity-header strong {
    font-size: 9px !important;
}

.das-opacity-value {
    min-width: 34px !important;
    padding: 2px 5px !important;
    font-size: 9px !important;
}

.das-opacity-slider {
    height: 4px !important;
    margin: 0 0 4px !important;
}

.das-opacity-scale {
    display: none !important;
}

.das-opacity-actions {
    margin-top: 2px !important;
}

.das-opacity-reset {
    min-height: 22px !important;
    padding: 2px 7px !important;
    font-size: 8.5px !important;
}

/* Manual DEM selection for topographic analysis. */
#nadDemMapPickButton.is-active {
    color: #fff !important;
    border-color: transparent !important;
    background: linear-gradient(135deg, #c2410c, #f97316) !important;
}

.nad-dem-map-pick-banner {
    position: fixed;
    z-index: 2105;
    left: 50%;
    top: max(76px, calc(env(safe-area-inset-top) + 58px));
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: calc(100vw - 24px);
    padding: 7px 9px 7px 12px;
    border: 1px solid rgba(15, 95, 143, .25);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 26px rgba(15, 23, 42, .18);
    color: #0f172a;
    font-size: 11px;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.nad-dem-map-pick-banner span {
    color: #64748b;
    font-size: 10px;
}

.nad-dem-map-pick-banner button {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #e2e8f0;
    color: #0f172a;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

body.nad-dem-map-pick-mode #map {
    cursor: crosshair !important;
}

@media (max-width: 760px) {
    .dem-export-filter-grid,
    .dem-export-actions {
        grid-template-columns: 1fr !important;
    }

    .das-opacity-popup .leaflet-popup-content {
        width: 190px !important;
    }

    .nad-dem-map-pick-banner {
        top: max(64px, calc(env(safe-area-inset-top) + 50px));
    }
}