/* =============================================================================
   Intra-RH — écran du domaine personnalisé (T-31 / D-356).

   Reprend les classes du socle (`/assets/style.css` : `carte`, `bouton`,
   `refus`, `erreur`, `toasts`) et n'ajoute que ce qui est propre à cet écran :
   la mise en avant des ENREGISTREMENTS DNS à publier (le point où le client se
   trompe) et l'encart des GARDE-FOUS d'un domaine déjà actif.
   ============================================================================= */

.domaines .carte-domaine { margin-bottom: 1.2rem; }
.domaines .etat {
    display: inline-block;
    padding: .1rem .5rem;
    border-radius: .6rem;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.domaines .etat-actif      { background: #1e5b3a; color: #eaf7ef; }
.domaines .etat-en_retrait { background: #6b4b12; color: #fdf3e2; }
.domaines .etat-reserve    { background: #24405e; color: #e8f1fa; }
.domaines .etat-desactive  { background: #4a4a4a; color: #f2f2f2; }

/* Enregistrements DNS : le bloc que le client recopie chez son registrar. */
.domaines table.enregistrements { width: 100%; border-collapse: collapse; margin: .6rem 0; }
.domaines table.enregistrements th,
.domaines table.enregistrements td {
    text-align: left;
    padding: .35rem .5rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    font-size: .9rem;
    word-break: break-all;
}
.domaines table.enregistrements code { font-size: .85rem; }
.domaines .objet { font-size: .8rem; opacity: .75; }

/* Garde-fous d'un domaine déjà ACTIF (D-356) : encart visible, jamais discret. */
.domaines .garde-fous {
    border-left: .25rem solid #b45309;
    background: rgba(180, 83, 9, .12);
    padding: .6rem .8rem;
    margin: .6rem 0;
}
.domaines .garde-fous h3 { margin: 0 0 .3rem; font-size: 1rem; }
.domaines .champ { margin: .4rem 0; }
.domaines .champ label { display: block; font-size: .85rem; margin-bottom: .15rem; }
.domaines .champ input, .domaines .champ textarea { width: 100%; padding: .35rem; }
.domaines .diagnostic { font-size: .9rem; }
.domaines .historique { font-size: .85rem; }
.domaines .historique li { margin-bottom: .25rem; }
.domaines .actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .6rem; }
.domaines .note { font-size: .85rem; opacity: .85; }