/* Shared Styles - Used by both visualizer and configurator */

/* Leaflet tooltip styles for targets, entities, and radars */
.target-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #FF0000 !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.entity-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #007BFF !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.radar-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #8B008B !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.sam-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #FF8C00 !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.ciws-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #FFD700 !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

.missile-label {
    background: rgba(255, 255, 255, 0.9) !important;
    border: 2px solid #00CED1 !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
}

/* Fighter jet patrol aircraft - blue tint using CSS filter */
/* The purple fighter jet icon (~280° hue) shifts to blue (~220° hue) */
.fighter-jet-patrol img {
    filter: hue-rotate(-60deg) saturate(1.3) brightness(1.1) !important;
}