/* =============================================================================
   Intra-RH — feuille de style de la PAGE D'ACCUEIL (`/`).

   Q347 / D-526 (26/09/2026) : l'accueil n'est plus le MENU DE DÉVELOPPEMENT du
   portail, c'est l'écran public de CHOIX DE L'ESPACE. Cette feuille ne porte que
   la mise en forme de cet écran (formulaire d'espace + liste des espaces déjà
   utilisés sur l'appareil) ; les tokens de marque et la mise en page générale
   (.entete, .contenu, .carte, .pied) sont ceux de `/assets/style.css`, chargé
   avant celle-ci — aucune duplication de token ici.
   ============================================================================= */

.accueil .form-espace {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    margin-top: 1rem;
}

.accueil .champ-espace {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1 1 18rem;
}

.accueil label {
    font-weight: 600;
    font-size: 0.95rem;
}

.accueil input[type="text"] {
    font: inherit;
    padding: 0.6rem 0.75rem;
    border: 1px solid var(--couleur-bordure);
    border-radius: var(--rayon);
    background: #fff;
    color: var(--couleur-texte);
    min-width: 0;
}

.accueil input[type="text"]:focus {
    outline: 2px solid var(--couleur-accent);
    outline-offset: 1px;
}

.accueil .bouton {
    font: inherit;
    font-weight: 600;
    padding: 0.6rem 1.1rem;
    border: 1px solid var(--couleur-accent);
    border-radius: var(--rayon);
    background: var(--couleur-accent);
    color: #fff;
    cursor: pointer;
}

.accueil a.bouton {
    display: inline-block;
    text-decoration: none;
}

.accueil .bouton:hover { background: var(--couleur-primaire-claire); border-color: var(--couleur-primaire-claire); }

.accueil .message {
    margin-top: 0.75rem;
    font-weight: 600;
}

.accueil .message.erreur { color: var(--couleur-ko); }

.accueil .espaces {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.accueil .espaces li { margin: 0; }

.accueil .espaces a {
    display: inline-block;
    padding: 0.45rem 0.85rem;
    border: 1px solid var(--couleur-bordure);
    border-radius: 999px;
    background: var(--couleur-fond-bloc);
    color: var(--couleur-accent);
    text-decoration: none;
    font-weight: 600;
}

.accueil .espaces a:hover { border-color: var(--couleur-accent); }

.accueil .aide {
    color: var(--couleur-discret);
    font-size: 0.9rem;
}

.accueil code {
    background: var(--couleur-fond-bloc);
    border: 1px solid var(--couleur-bordure);
    border-radius: 0.35rem;
    padding: 0.05rem 0.3rem;
}