/* ============================================================
   Bot Patient — Thème des pages d'authentification
   (Login, Register, Forgot/Reset password…)
   Habille le contenu Identity existant sans modifier sa logique.
   ============================================================ */
:root { --a-teal:#0e7c86; --a-teal-d:#0a5f77; }

/* ---- Bouton « œil » ajouté automatiquement par wwwroot/js/pwd-eye.js ----
   sur TOUS les champs de mot de passe du site (reset, changement, etc.).
   Le bouton est posé en absolu DANS le conteneur du champ : on n'enveloppe
   pas l'input, donc les libellés flottants Bootstrap restent intacts.      */
.pwd-eye-host { position: relative; }
.pwd-eye-host > input[type="password"],
.pwd-eye-host > input[type="text"] { padding-right: 3rem; }

.pwd-eye-btn{
    position:absolute; top:50%; transform:translateY(-50%);
    right:.6rem; height:2rem; width:2rem; padding:0;
    display:inline-flex; align-items:center; justify-content:center;
    background:transparent; border:0; border-radius:8px;
    color:#6b7280; cursor:pointer; z-index:5;
}
.pwd-eye-btn:hover{ color:var(--a-teal); background:rgba(14,124,134,.08); }
.pwd-eye-btn:focus-visible{ outline:2px solid var(--a-teal); outline-offset:2px; }
/* RTL (hébreu / arabe) : l'œil passe à gauche */
[dir="rtl"] .pwd-eye-host > input[type="password"],
[dir="rtl"] .pwd-eye-host > input[type="text"]{ padding-right:.75rem; padding-left:3rem; }
[dir="rtl"] .pwd-eye-btn{ right:auto; left:.6rem; }

.auth-wrap{
    min-height:100vh;
    background:linear-gradient(135deg,#0e7c86,#0a5f77);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:24px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.auth-card{
    width:100%;max-width:440px;background:#fff;border-radius:20px;
    box-shadow:0 30px 70px rgba(0,0,0,.25);padding:30px 32px;
}
.auth-logo{
    display:flex;align-items:center;gap:10px;justify-content:center;
    font-weight:800;font-size:1.2rem;color:#16232a;text-decoration:none;margin-bottom:18px;
}
.auth-logo .m{width:34px;height:34px;border-radius:9px;background:var(--a-teal);color:#fff;
    display:flex;align-items:center;justify-content:center;}
.auth-logo .m svg{width:20px;height:20px;}
.auth-foot{color:rgba(255,255,255,.8);font-size:.85rem;margin-top:18px;}

/* ---- Contenu Identity dans la carte ---- */
.auth-body{color:#16232a;}
.auth-body h1,.auth-body h2{font-size:1.35rem;font-weight:700;text-align:center;margin:0 0 4px;}
.auth-body h3{font-size:1rem;font-weight:600;text-align:center;color:#5c6b73;margin:0 0 16px;}
.auth-body hr{display:none;}

/* Le template met souvent le formulaire dans une grille row/col : on l'aplatit */
.auth-body .row{display:block;margin:0;}
.auth-body .row > *{width:100%;max-width:100%;flex:none;padding:0;}
.auth-body .col-md-4,.auth-body .col-md-6,.auth-body .col-lg-4,.auth-body .col-lg-6{width:100%;max-width:100%;}

.auth-body .form-floating,.auth-body .mb-3,.auth-body .form-group{margin-bottom:14px;}
.auth-body .form-control{
    border-radius:11px;border:1px solid #d9e1e5;padding:12px 14px;font-size:.97rem;width:100%;
}
.auth-body .form-control:focus{border-color:var(--a-teal);box-shadow:0 0 0 3px rgba(14,124,134,.14);}
.auth-body label{color:#3a474e;}

.auth-body .btn-primary,.auth-body button[type=submit]{
    background:var(--a-teal);border:none;border-radius:11px;padding:12px 18px;font-weight:700;
    width:100%;font-size:1rem;color:#fff;margin-top:4px;
}
.auth-body .btn-primary:hover,.auth-body button[type=submit]:hover{background:var(--a-teal-d);}
.auth-body .btn-lg{font-size:1rem;}

.auth-body a{color:var(--a-teal);text-decoration:none;font-weight:600;}
.auth-body a:hover{text-decoration:underline;}

.auth-body .checkbox,.auth-body .form-check{margin:10px 0;font-size:.92rem;color:#5c6b73;}
.auth-body .text-danger,.auth-body .validation-message{color:#c0392b;font-size:.85rem;}

/* Les liens secondaires (mot de passe oublié, register…) souvent en <p> */
.auth-body p{text-align:center;font-size:.92rem;}

/* Colonne « social login » du template : masquée si vide/non utilisée.
   Retire cette règle si tu utilises des connexions externes. */
.auth-body section > h3 + form + hr{display:none;}

/* ============================================================================
   SKIN « CHARTE DENTALMASTER 2026 » — pages de connexion (20/08/2026)
   Bloc AJOUTÉ EN FIN de fichier : la cascade gagne, l'ancien thème teal reste
   intact au-dessus. ROLLBACK = supprimer ce bloc, rien d'autre.
   Palette : graphite #180B04 · clair #F6F5F3 · cuivre #FF7A45 (sur SOMBRE)
   / #B23F12 (sur CLAIR). INTERDITS : blanc sur #FF7A45, #FF7A45 sur fond clair.
   ============================================================================ */
:root{ --a-teal:#B23F12; --a-teal-d:#8E3210; }

/* Fond : graphite profond + halo cuivre discret (au lieu du dégradé teal). */
.auth-wrap{
    background:
        radial-gradient(60% 45% at 50% 0%, rgba(255,122,69,.18), transparent 70%),
        linear-gradient(160deg,#241209 0%,#180B04 60%,#120802 100%);
}
/* Carte : clair de la charte (jamais blanc pur) + ombre profonde. */
.auth-card{
    background:#F6F5F3;
    border:1px solid rgba(24,11,4,.08);
    box-shadow:0 40px 90px -30px rgba(0,0,0,.65);
}
/* Marque : pastille graphite, dent cuivre VIF (fond sombre = autorisé). */
.auth-logo{ color:#180B04; }
.auth-logo .m{ background:#180B04; color:#FF7A45; }
.auth-foot{ color:rgba(246,245,243,.72); }

.auth-body{ color:#180B04; }
.auth-body h1,.auth-body h2{ color:#180B04; }
.auth-body h3{ color:#7A695E; }
.auth-body label{ color:#4A382C; }

/* Champs : bordure chaude, focus cuivre FONCÉ (contraste AA sur clair). */
.auth-body .form-control{ background:#FFFFFF; border-color:rgba(24,11,4,.14); color:#180B04; }
.auth-body .form-control:focus{ border-color:#B23F12; box-shadow:0 0 0 3px rgba(178,63,18,.16); }

/* Bouton principal : cuivre FONCÉ + texte clair (jamais blanc sur cuivre vif). */
.auth-body .btn-primary,.auth-body button[type=submit]{ background:#B23F12; color:#F6F5F3; }
.auth-body .btn-primary:hover,.auth-body button[type=submit]:hover{ background:#8E3210; }
.auth-body .btn-primary:focus-visible,.auth-body button[type=submit]:focus-visible{ outline:3px solid #FF7A45; outline-offset:2px; }

.auth-body a{ color:#B23F12; }
.auth-body .checkbox,.auth-body .form-check{ color:#7A695E; }
.pwd-eye-btn:hover{ color:#B23F12; background:rgba(178,63,18,.08); }
.pwd-eye-btn:focus-visible{ outline-color:#B23F12; }