@import 'tailwindcss';
@import 'leaflet/dist/leaflet.css';

@source '../../storage/framework/views/*.php';

/* Les couleurs de la maquette : écran sombre, lisible de nuit comme en plein soleil. */
@theme {
    --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --color-fond: #0f141b;
    --color-panneau: #171e28;
    --color-panneau2: #1f2835;
    --color-ligne: #2b3646;
    --color-texte: #e6ebf2;
    --color-discret: #8c99ab;
    --color-libre: #22c55e;
    --color-intervention: #f59e0b;
    --color-indisponible: #64748b;
    --color-alerte: #ef4444;
    --color-info: #3b82f6;
}

/* Les points des équipes sur la carte. */
.point-equipe {
    padding: 2px 6px;
    border-radius: 6px;
    color: #000;
    font-weight: 700;
    font-size: 11px;
    white-space: nowrap;
    border: 2px solid #000;
    transform: translate(-50%, -50%);
    display: inline-block;
}
.point-equipe.ancien { opacity: .55; border-style: dashed; }
.point-poste {
    padding: 2px 6px;
    border-radius: 6px;
    background: #3b82f6;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    display: inline-block;
}
.leaflet-container { background: #1f2835; font: inherit; }

/* Demande de renfort sur la carte : voyant qui clignote tant qu'elle attend. */
.point-sos {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    font-weight: 800;
    font-size: 10px;
    display: grid;
    place-items: center;
    border: 2px solid #fff;
    /* Au-dessus du point de l'équipe, pour ne pas cacher son nom. */
    transform: translate(-50%, -125%);
    animation: pulsation 1.4s infinite;
}
.point-sos.engagee { background: #f59e0b; animation: none; color: #000; }
@keyframes pulsation {
    0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, .7); }
    70% { box-shadow: 0 0 0 18px rgba(239, 68, 68, 0); }
    100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
}
.carte-placement { cursor: crosshair; }

/* Impression (main courante) : fond blanc, sans les commandes de l'écran. */
@media print {
    body { background: #fff !important; color: #000 !important; }
    .sans-impression { display: none !important; }
    .impression-seule { display: block !important; }
    .feuille { color: #000; }
    .feuille * { border-color: #999 !important; color: #000 !important; background: transparent !important; }
}
.impression-seule { display: none; }

/* Une victime sur la carte (fiche bilan en cours). */
.point-victime {
    padding: 1px 5px;
    border-radius: 9999px;
    background: #fff;
    color: #1d4ed8;
    border: 2px solid #1d4ed8;
    font-weight: 800;
    font-size: 11px;
    white-space: nowrap;
    display: inline-block;
    transform: translate(10%, -150%);
}
.point-victime.urgent { color: #fff; background: #dc2626; border-color: #fff; }

/* Le bouton du fond de carte : Plan ou vue aérienne (resources/js/Outils/fondDeCarte.js). */
.fond-de-carte { display: flex; gap: 2px; padding: 3px; background: #fff; border-radius: 12px; box-shadow: 0 1px 6px rgb(0 0 0 / 0.35); }
.fond-de-carte button { min-height: 40px; padding: 4px 14px; border-radius: 9px; color: #0f172a; font-weight: 700; font-size: 14px; }
.fond-de-carte button:hover { background: #e2e8f0; }
.fond-de-carte button[aria-pressed='true'] { background: #1e293b; color: #fff; }
.fond-de-carte button:focus-visible { outline: 3px solid #f59e0b; outline-offset: 1px; }