/* =============================================================================
   Intra-RH — Écran de paramètres tenant (T-23/D-213) : styles dédiés.
   Repose sur les tokens du socle ; le thème du tenant est injecté par
   /assets/theme.js. Mobile-first.
   ============================================================================= */
.parametres { max-width: 60rem; margin: 0 auto; padding: 1rem; display: grid; gap: 1rem; }
.carte-param { background: var(--couleur-carte, #fff); border: 1px solid var(--couleur-bordure, #d8e0e5); border-radius: var(--rayon, .75rem); padding: 1rem; }
.carte-param h2 { margin: 0 0 .25rem; font-size: 1.05rem; }
.carte-param .ref { color: var(--couleur-discret, #6B7280); font-size: .78rem; margin: 0 0 .5rem; }
.carte-param .garde-fou { color: var(--couleur-avertissement, #9a6a00); font-size: .82rem; }
.carte-param .ligne { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; padding: .35rem 0; border-bottom: 1px solid var(--couleur-bordure, #d8e0e5); }
.carte-param .ligne:last-child { border-bottom: none; }
.carte-param .ligne .libelle { flex: 1 1 16rem; }
.carte-param input[type=text], .carte-param input[type=number], .carte-param textarea, .carte-param select {
    padding: .35rem .5rem; border: 1px solid var(--couleur-bordure, #d8e0e5); border-radius: .4rem; font: inherit;
}
.carte-param textarea { width: 100%; min-height: 5rem; font-family: ui-monospace, monospace; }
button.bouton { border: 1px solid transparent; background: var(--couleur-accent, #2F5496); color: #fff; border-radius: 999px; padding: .35rem .9rem; cursor: pointer; }
button.bouton.secondaire { background: var(--couleur-fond-bloc, #fbfdfd); color: var(--couleur-texte, #1A1A2E); border-color: var(--couleur-bordure, #d8e0e5); }
.source { color: var(--couleur-discret, #6B7280); font-size: .78rem; }
.palette-apercu { display: flex; gap: .4rem; margin-top: .4rem; }
.palette-apercu span { width: 1.6rem; height: 1.6rem; border-radius: .35rem; display: inline-block; border: 1px solid rgba(0,0,0,.1); }
.refus, .erreur { background: var(--couleur-carte, #fff); border-radius: var(--rayon, .75rem); padding: 1.5rem; }
.chargement { padding: 2rem; text-align: center; color: var(--couleur-discret, #6B7280); }