/* ============================================================================
   nwcg-symbology.css — legend swatches for the NWCG / NIFS (PMS 936)
   symbology drawn by wwwroot/js/nwcgSymbology.js. Same colors and the same
   tile geometry as the map patterns (and the Maps 2.0 sprite tiles), scaled
   for a 14×10 px legend chip. Edit with nwcgSymbology.js.

   Usage: <span class="nwcgSw nwcgSw-scattered"></span>
   ============================================================================ */
.nwcgSw {
    display: inline-block;
    width: 14px;
    height: 10px;
    box-sizing: border-box;
    vertical-align: middle;
    flex: 0 0 auto;
    background-color: #fff;
}

/* IR POLYGON */
.nwcgSw-heat-perimeter { border: 2px solid #ec5f59; }
.nwcgSw-intense {
    border: 1.5px solid #ec5f59;
    background-image: repeating-linear-gradient(45deg, #ec5f59 0 1.7px, transparent 1.7px 5px);
}
.nwcgSw-scattered {
    border: 1.5px solid #ec5f59;
    background-image: radial-gradient(circle, #ec5f59 1.1px, transparent 1.4px);
    background-size: 5px 5px;
    background-position: 1px 1px;
}
.nwcgSw-cloud {
    border: 1.5px solid #878787;
    background-image:
        repeating-linear-gradient(45deg, #878787 0 1px, transparent 1px 5px),
        repeating-linear-gradient(-45deg, #878787 0 1px, transparent 1px 5px);
}

/* EVENT POLYGON */
.nwcgSw-wildfire { border: 2px solid #ec655f; background-color: #f8d7d6; }
.nwcgSw-prescribed { border: 2px solid #f6ca6c; background-color: #fae3b2; }

/* IR POINT */
.nwcgSw-isolated {
    width: 10px; height: 10px;
    border-radius: 50%;
    background-color: #ff0000;
    border: 1px solid #b00000;
}
.nwcgSw-possible {
    width: 8px; height: 8px;
    background-color: #ff0000;
    border: 1px solid #000;
    transform: rotate(45deg);
    margin: 0 3px;
}