/* ===================================================
   SQUELETTE UNIQUE - WIN AMBULANCES (Version Pro)
   =================================================== */

/* Reset complet */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden; /* Empêche le scroll de toute la page */
    font-family: 'Roboto', sans-serif;
    background-color: #f4f4f4;
}

/* Structure en pile verticale */
.squelette {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100vw;
}

/* --- ZONE FIXE HAUTE --- */
.header {
    flex-shrink: 0;
    z-index: 1002;
    background: #1a252f; /* Ton bleu foncé/noir */
    width: 100%;
}

.recherche {
    flex-shrink: 0;
    background: #ecf0f1;
    border-bottom: 1px solid #ddd;
    z-index: 1001;
    line-height: 0; 
}

/* Barre de recherche compacte (comme sur la facture) */
.recherche > div {
    display: inline-flex;
    padding: 0 10px;
    min-width: 100%;
    align-items: center;
    height: 40px; /* Barre fine et pro */
}

/* --- ZONE CENTRALE SCROLLABLE --- */
.evenements, .contenu-dynamique {
    flex: 1;
    overflow-y: auto !important;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    gap: 8px; /* Le gap se réduit à 0 automatiquement si les éléments sont en display: none */
    -webkit-overflow-scrolling: touch;
}

/* --- FOOTER --- */
.footer {
    flex-shrink: 0;
    height: 45px;
    background: #3498db;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
}

/* --- ADAPTATION ORDINATEUR (Desktop) --- */
@media screen and (min-width: 993px) {
    /* Cache le footer sur PC */
    .footer {
        display: none !important;
    }

    /* Optionnel : Si tu veux la recherche à gauche sur PC, 
       décommente les lignes suivantes. Sinon, laisse tel quel pour 
       garder le look "Facture" partout. */
}