/* Força o Tailwind a respeitar o stroke do SVG */
.estado { 
    fill: #cbd5e1; 
    stroke: #00000062; /* Borda da mesma cor do fundo elimina frestas */
    stroke-width: 1; 
    transition: all 0.2s; 
    cursor: pointer;
    shape-rendering: geometricPrecision; /* Melhora o desenho das bordas */
}

.estado:hover { 
    fill: #94a3b8 !important; 
    stroke: #94a3b8 !important;
    /* transform: scale(1.01);  */
}

/* Estado Ativo (Selecionado) */
.estado.ativo { 
    fill: #1e3a8a !important; 
    stroke: #1e3a8a !important; 
    filter: drop-shadow(0px 0px 3px rgba(30, 58, 138, 0.5));
}

/* ESTADOS SELECIONADOS - Cores Vibrantes Modernas */
.selected {
    fill: #ef4444 !important; /* Vermelho/Rosa */
    stroke: #ef4444 !important;
}

.selected_e {
    fill: #10b981 !important; /* Verde Esmeralda */
    stroke: #10b981 !important;
}

.selected_s {
    fill: #6366f1 !important; /* Indigo */
    stroke: #6366f1 !important;
}

text {
    font-family: "Segoe UI", Roboto, sans-serif;
    font-size: 7px;
    fill: #ffffff; /* Siglas em branco para destaque */
    font-weight: bold;
    pointer-events: none;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}