/* =============================================================
   Compléments au thème « Ula'tek » (assets/mdc-theme.css).
   Uniquement des règles fonctionnelles ou des états propres au site
   que le kit ne couvre pas. Tout le style vient du thème.
   ============================================================= */

[hidden] { display: none !important; }

/* La vue garde son positionnement même quand MDCFX.viewIn retire la classe .view */
#view { position: relative; }

/* Indicateur de connexion : vert = temps réel, or = synchro par intervalle, rouge = hors ligne */
.live.polling { background: var(--gold); box-shadow: 0 0 10px var(--gold); }
.live.polling::after { border-color: var(--gold); }
.live.offline { background: #ff5a74; box-shadow: 0 0 10px #ff5a74; }
.live.offline::after { border-color: #ff5a74; }

/* Bouton de connexion plus haut, comme dans le prototype */
.btn-login { min-height: 58px; font-size: 17px; }

/* Commentaires multi-lignes (condition de la case centrale + précisions) */
.quote { white-space: pre-line; overflow-wrap: anywhere; }

/* Message quand les soumissions sont fermées */
.notice {
    margin: 0;
    padding: 12px 16px;
    border-radius: 5px;
    font: italic 500 17px/1.4 var(--fb);
    color: #f3d9ff;
    background: rgba(42, 22, 64, .55);
    box-shadow: inset 0 0 0 1px rgba(190, 110, 255, .55);
}
.panel > .notice { margin: 0 0 22px; text-align: center; }

/* « (toi) » / « (vous) » dans les tableaux */
.you { font-style: italic; color: var(--venom); }

/* Formulaire du barème : 2 colonnes */
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

/* Tableaux Admin : chaque ligne est sa propre grille, donc la colonne des boutons
   doit avoir une largeur fixe pour que l'en-tête et les lignes restent alignés */
.tcols { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr) 118px 220px; }
.scols { grid-template-columns: minmax(0, 1fr) 96px 118px 220px; }

/* Code masqué : un peu plus discret tant qu'il n'est pas révélé */
.code-btn.masked { color: var(--bone2); }