/*
=========================================================
AP MATHS - V8.1.0 - ESPACE PROFESSEURS
Fichier : prof/css/prof.css
À charger après ../css/cahier.css (et ../css/style.css
pour le planning, ou ../compte/css/compte.css pour la
connexion).
=========================================================
*/

/* Connexion / création : onglets */
.onglets {
    display: flex;
    gap: 6px;
    margin: 6px 0 14px;
    border-bottom: 2px solid var(--encre);
}

.onglet {
    padding: 8px 14px;
    border: 2px solid transparent;
    border-bottom: 0;
    border-radius: 11px 11px 0 0;
    margin-bottom: -2px;
    color: var(--crayon);
    font-weight: 800;
    text-decoration: none;
}

.onglet.actif { border-color: var(--encre); background: var(--feuille); color: var(--encre); }

.deux-colonnes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

/* Espace : consigne et cartes d'intervention */
.prof-consigne { margin: 0 0 12px; color: var(--crayon); }

.ma-reservation.intervention { border-color: var(--bleu); background: var(--bleu-clair); }
.ma-reservation.intervention::before { background: var(--bleu); }
.ma-reservation.intervention strong { color: var(--bleu-fonce); }
.intervention-message { font-style: italic; color: var(--crayon) !important; }

/* Formulaire de réservation */
.grille-formulaire input,
.grille-formulaire textarea {
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 2px solid var(--trait);
    border-radius: 10px;
    background: var(--feuille);
    font-weight: 400;
}

.grille-formulaire input:focus,
.grille-formulaire textarea:focus { border-color: var(--bleu); outline: 3px solid var(--bleu-clair); }

.obligatoire,
.facultatif { font-weight: 500; font-size: 0.85rem; color: var(--crayon); }

@media (max-width: 600px) {
    .deux-colonnes { grid-template-columns: 1fr; }
}