/* Dernière couche de thème : remplace explicitement le fond historique !important. */
@media screen{
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth{background-image:var(--auth-background)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;justify-items:unset!important;padding:40px clamp(24px,6vw,120px)!important;gap:0}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card{padding:36px;width:min(460px,100%);border-radius:24px;flex-shrink:0}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-brand h1{font-size:28px;line-height:1.2}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card h2{font-size:30px;margin:24px 0 12px}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card form{gap:18px}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card input{min-height:48px;border-radius:12px;padding:12px}
 html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card .primary{min-height:48px;border-radius:12px;box-shadow:none}
 /* Orbital : carte de verre bleu nuit, lisibilité des vrais champs conservée. */
 html[data-appearance="orbital"] body .server-auth .auth-card{background:rgba(9,30,50,.94);border:1px solid #477281;color:#eef8ff;box-shadow:0 24px 80px #0008}
 html[data-appearance="orbital"] body .server-auth .auth-card :is(h1,h2,label){color:#eef8ff}
 html[data-appearance="orbital"] body .server-auth .auth-card :is(p,small){color:#c4d8e4}
 html[data-appearance="orbital"] body .server-auth .auth-card :is(a,#mfaLoginBack,#resetBack){color:#a4dfff}
 html[data-appearance="orbital"] body .server-auth .auth-card input{background:#102b42;color:white;border-color:#6b899d}
 html[data-appearance="orbital"] body .server-auth .auth-error{color:#881d1d!important;background:#ffeded}
 /* Architecture : panneau blanc sur toute la hauteur, à droite. */
 html[data-appearance="white"] body .server-auth,html[data-appearance="copper"] body .server-auth{padding:0!important;align-items:stretch}
 html[data-appearance="white"] body .server-auth .auth-card,html[data-appearance="copper"] body .server-auth .auth-card{width:clamp(430px,39vw,650px);min-height:100dvh;padding:clamp(30px,5vw,80px);border:0;border-radius:0;display:flex;flex-direction:column;justify-content:center}
 html[data-appearance="white"] body .server-auth .auth-card{background:#fffffffa;box-shadow:-20px 0 70px #17365d14}
 /* Aurore : carte centrale translucide sur le lac. */
 html[data-appearance="aurora"] body .server-auth{justify-content:center!important}
 html[data-appearance="aurora"] body .server-auth .auth-card{background:rgba(245,255,253,.93);border-radius:30px;border-color:#ffffffad;box-shadow:0 24px 90px #001f2c88}
 /* Cuivre : panneau ivoire et typographie éditoriale. */
 html[data-appearance="copper"] body .server-auth .auth-card{background:#faf6effa;color:#26333b;box-shadow:-16px 0 60px #0003}
 html[data-appearance="copper"] body .server-auth .auth-card input{border-color:#b79073;background:#fffdfa}
 html[data-appearance="copper"] body .server-auth .auth-card h2{font-size:42px}
 /* Jardin : panneau clair aux angles généreux. */
 html[data-appearance="garden"] body .server-auth .auth-card{background:#f6faf1f5;border-radius:38px 12px 38px 12px;border-color:#c4d5bb;box-shadow:0 20px 70px #253f3630}
 html[data-appearance="garden"] body .server-auth .auth-card input{border-color:#91ab92;background:#fff}
 /* Ruban facultatif : aucun changement de position, de défilement ni de boutons. */
 html[data-appearance-headers="true"] body :is(.dialog-head,.server-panel-title){background-color:#17365d!important;background-image:linear-gradient(90deg,rgba(8,23,38,.84),rgba(8,23,38,.68)),var(--auth-background)!important;background-size:cover!important;background-position:center 42%!important;color:white!important;border-bottom-color:transparent}
 html[data-appearance-headers="true"] body :is(.dialog-head,.server-panel-title) :is(h1,h2,h3,p,small){color:white!important}
 html[data-appearance-headers="true"] body :is(.dialog-head,.server-panel-title) .icon-btn{color:white!important;background:#ffffff26!important}
 .appearance-header-option{display:flex!important;align-items:center;gap:12px;margin-top:22px}.appearance-header-option input{width:20px;height:20px;flex:none}
 .appearance-preview{position:relative;padding-top:72px}.appearance-ribbon-preview{position:absolute;inset:0 0 auto;min-height:48px;display:flex;align-items:center;padding:12px 20px;color:white;background:linear-gradient(90deg,#081726e6,#081726d1);border-radius:12px 12px 0 0}
 .appearance-preview[data-preview-theme="orbital"] .appearance-preview-card{background:#091e32f0;color:#eef8ff}
 .appearance-preview[data-preview-theme="garden"] .appearance-preview-card{background:#f6faf1f5;border-radius:28px 8px}
 .appearance-preview[data-preview-theme="copper"] .appearance-preview-card{background:#faf6effa;border-radius:0}
 .appearance-preview[data-preview-theme="white"] .appearance-preview-card{background:white;border-radius:0}
 @media(max-width:760px){html[data-appearance]:not([data-appearance="classic"]) body .server-auth{padding:20px!important;justify-content:center;align-items:center;min-height:100dvh;background-attachment:scroll}html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card{width:min(460px,100%);min-height:0;padding:24px;border-radius:20px}html[data-appearance]:not([data-appearance="classic"]) body .server-auth .auth-card :is(h1,h2){font-size:25px}}
}
@media screen{
 html[data-appearance="orbital"] body .server-auth .auth-company-logo{background:white;padding:10px;border-radius:12px;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
 .appearance-preview[data-preview-theme="orbital"] .appearance-preview-card span{background:#102b42;color:#eef8ff;border-color:#6b899d}
 .appearance-preview:is([data-preview-theme="white"],[data-preview-theme="copper"]){padding-right:0;padding-bottom:0;align-items:stretch}
 .appearance-preview:is([data-preview-theme="white"],[data-preview-theme="copper"]) .appearance-preview-card{width:42%;min-width:270px;display:flex;flex-direction:column;justify-content:center;border-radius:0}
}
