/* cell-density.css
   Generated: 2026-03-26
   Shortcode: [jch_qgis folder="cell-density" stylesheet="cell-density"]

   Groups:
     1 — Noise Contours
     2 — Airspace
     4 — Noise Monitors
     5 — City Boundaries
     8 — Reference
*/

/* =================================================================
   GROUP TITLES
   ================================================================= */

.layer-css-group.group-1 { --group-title: "Noise Contours"; }
.layer-css-group.group-2 { --group-title: "Airspace"; }
.layer-css-group.group-4 { --group-title: "Noise Monitors"; }
.layer-css-group.group-5 { --group-title: "City Boundaries"; }
.layer-css-group.group-8 { --group-title: "Reference"; }

/* =================================================================
   GROUP 1 — NOISE CONTOURS
   ================================================================= */

.layer-noiseremedypropertiesinside2018dnl65 .layer-color-square,
.layer-noiseremedypropertiesinside1991dnl65 .layer-color-square,
.layer-noiseremedypropertiesinside2032dnl65 .layer-color-square,
.layer-noiseremedypropertiesoutside2032dnl65inside1991dnl65 .layer-color-square,
.layer-noiseremedypropertiesinside2032dnl70 .layer-color-square,
.layer-1991dnl65contour .layer-color-square,
.layer-2025dnll65noiseremedyboundary .layer-color-square {
    --group-order:    1;
    --fill-color:       rgba(60, 60, 60, 0.8);
    --stroke-color:     rgba(255, 255, 255, 0.9);
    --stroke-width:     1;
    --radius:           5;
    --fill-opacity:     0.8;
    background-color:   rgba(60, 60, 60, 0.7);
}

.layer-noiseremedypropertiesinside2018dnl65 .layer-color-square {}

.layer-noiseremedypropertiesinside1991dnl65 .layer-color-square {}

.layer-noiseremedypropertiesinside2032dnl65 .layer-color-square {}

.layer-noiseremedypropertiesoutside2032dnl65inside1991dnl65 .layer-color-square {}

.layer-noiseremedypropertiesinside2032dnl70 .layer-color-square {}

.layer-1991dnl65contour .layer-color-square {}

.layer-2025dnll65noiseremedyboundary .layer-color-square {}

/* =================================================================
   GROUP 2 — AIRSPACE
   ================================================================= */

.layer-kcia1nmradius .layer-color-square,
.layer-airfield .layer-color-square,
.layer-cellgrid .layer-color-square {
    --group-order:    2;
    --fill-color:       rgba(255, 80, 0, 0.15);
    --stroke-color:     rgba(255, 80, 0, 0.8);
    --stroke-width:     2;
    --fill-opacity:     0.15;
    --stroke-opacity:   0.8;
    background-color:   rgba(255, 80, 0, 0.4);
}

.layer-kcia1nmradius .layer-color-square {
    --stroke-width:     4;
    --fill-opacity:     1;
    --fill-color:       rgba(25, 240, 0, 1);		
    --stroke-opacity:   1;
    --stroke-color:     rgba(25, 25, 25, 1);		
    background-color:   rgba(25, 240, 0, 1);
	
	
	}

.layer-airfield .layer-color-square {}

.layer-cellgrid .layer-color-square {}

/* =================================================================
   GROUP 4 — NOISE MONITORS
   ================================================================= */

.layer-portablenoisemonitors20202022 .layer-color-square,
.layer-permanentnoisemonitors .layer-color-square {
    --group-order:    4;
    --fill-color:       rgba(60, 60, 60, 0.8);
    --stroke-color:     rgba(255, 255, 255, 0.9);
    --stroke-width:     1;
    --radius:           5;
    --fill-opacity:     0.8;
    background-color:   rgba(60, 60, 60, 0.7);
}

.layer-portablenoisemonitors20202022 .layer-color-square {}

.layer-permanentnoisemonitors .layer-color-square {
	 --show-labels: 1;
	}

/* =================================================================
   GROUP 5 — CITY BOUNDARIES
   ================================================================= */

.layer-outlierboundaryarea4326 .layer-color-square,
.layer-seataccityboundary .layer-color-square,
.layer-desmoinescityboundary .layer-color-square,
.layer-buriencityboundary .layer-color-square {
    --group-order:    5;
    --fill-color:       rgba(255, 80, 0, 0.15);
    --stroke-color:     rgba(255, 80, 0, 0.8);
    --stroke-width:     2;
    --fill-opacity:     0.15;
    --stroke-opacity:   0.8;
    background-color:   rgba(255, 80, 0, 0.4);
}

.layer-outlierboundaryarea4326 .layer-color-square {}

.layer-seataccityboundary .layer-color-square {}

.layer-desmoinescityboundary .layer-color-square {}

.layer-buriencityboundary .layer-color-square {}

/* =================================================================
   GROUP 8 — REFERENCE
   ================================================================= */

.layer-cotku .layer-color-square,
.layer-rcw5354020aviationimpactedarea .layer-color-square,
.layer-runwaypoints .layer-color-square,
.layer-noiseremedypropertieswsignedavigationeasement2020 .layer-color-square {
    --group-order:    8;
    --fill-color:       rgba(60, 60, 60, 0.8);
    --stroke-color:     rgba(255, 255, 255, 0.9);
    --stroke-width:     1;
    --radius:           5;
    --fill-opacity:     0.8;
    background-color:   rgba(60, 60, 60, 0.7);
}

.layer-cotku .layer-color-square {}

.layer-rcw5354020aviationimpactedarea .layer-color-square {}

.layer-runwaypoints .layer-color-square {}

.layer-noiseremedypropertieswsignedavigationeasement2020 .layer-color-square {}

/* =================================================================
   DYNAMIC FILTER PANEL — 3-column grid layout
   Col 1: Hour checkboxlist
   Col 2: Month checkboxlist
   Col 3: Flow + Operation dropdowns stacked
   Row below: Apply button (1/3) | result message (2/3)
   ================================================================= */

.jch-df-cell-density {
    display:               grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items:           start;
    gap:                   8px;
}

.jch-df-cell-density .jch-df-checkboxlist[data-filter-id="hour"] {
    grid-column: 1;
    grid-row:    1 / 3;
}

.jch-df-cell-density .jch-df-checkboxlist[data-filter-id="month"] {
    grid-column: 2;
    grid-row:    1 / 3;
}

.jch-df-cell-density .jch-df-dropdown[data-filter-id="flow"] {
    grid-column: 3;
    grid-row:    1;
}

.jch-df-cell-density .jch-df-dropdown[data-filter-id="op_type"] {
    grid-column: 3;
    grid-row:    2;
}

.jch-df-cell-density .jch-df-dropdown[data-filter-id="altitude_tier"] {
    grid-column: 3;
    grid-row:    3;
}

.jch-df-cell-density .jch-df-apply {
    grid-column: 1;
    grid-row:    4;
}

.jch-df-cell-density .jch-df-result {
    grid-column: 2 / 4;
    grid-row:    4;
    display:     flex;
    align-items: center;
}

.jch-map-cell-density .jch-df-legend-row {
    flex-wrap: nowrap;
}
