
.security-links{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px}.security-links a{color:#9ba7b1}.security-links a:hover{color:#fff}.security-page{min-height:100vh;background:#080a0d;color:#eef2f5;display:grid;place-items:center;padding:28px}.security-box{width:min(520px,100%);background:#0e1318;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.35)}.security-brand{font-size:20px;font-weight:900;margin-bottom:38px}.security-kicker{font-size:10px;letter-spacing:.18em;font-weight:900;color:#93a0aa}.security-box h1{font-size:38px;line-height:1.05;letter-spacing:-.045em;margin:8px 0 14px}.security-box>p{color:#8c98a2;line-height:1.65;margin:0 0 26px}.security-code-input{font-size:26px!important;letter-spacing:.18em;text-align:center;font-weight:800}.resend-form{text-align:center;margin-top:14px}.resend-form button{border:0;background:none;color:#98a4ae;cursor:pointer}.security-back{display:block;margin-top:22px;color:#788590;font-size:12px}.security-button-link{display:block;text-align:center;text-decoration:none;margin-top:18px}.security-warning{margin-bottom:22px;padding:14px 16px;border:1px solid rgba(255,190,80,.28);background:rgba(255,178,52,.08);border-radius:12px;color:#e8c992;font-size:13px}.security-account-panel{margin-top:28px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#0c1116;padding:26px}.security-method-card{margin:20px 0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#10161c}.security-method-card.active{border-color:rgba(180,255,99,.22);background:rgba(180,255,99,.045)}.security-method-card div{display:grid;gap:5px}.security-method-card strong{font-size:14px}.security-method-card span{font-size:12px;color:#88949e}.security-inline-form{margin-top:18px}.security-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.security-two-columns h3,.totp-setup h3{margin:0 0 14px;font-size:16px}.totp-setup{margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0a0f13}.totp-setup>p{color:#8d99a2;font-size:13px}.totp-secret{display:grid;gap:6px;margin:14px 0}.totp-secret span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#84909a}.totp-secret code,.recovery-code-grid code{background:#161e25;border:1px solid rgba(255,255,255,.08);padding:11px 12px;border-radius:9px;color:#d9e0e5;overflow-wrap:anywhere}.totp-uri{display:block;white-space:normal;overflow-wrap:anywhere;margin-top:8px;color:#8f9aa3}.recovery-codes-box{margin:20px 0;padding:22px;border:1px solid rgba(180,255,99,.22);background:rgba(180,255,99,.05);border-radius:16px}.recovery-codes-box h2{margin:0 0 8px}.recovery-codes-box p{color:#97a2ab;font-size:12px}.recovery-code-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.recovery-code-grid code{text-align:center;font-weight:800;font-size:12px}@media(max-width:680px){.security-box{padding:25px 20px}.security-box h1{font-size:32px}.security-two-columns,.recovery-code-grid{grid-template-columns:1fr}.security-links{flex-direction:column}}


/* Choix de méthode 2FA */
.twofa-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.twofa-choice-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#10161c}.twofa-choice-card.preferred{border-color:rgba(180,255,99,.28);background:rgba(180,255,99,.045)}.twofa-choice-card strong{font-size:14px}.twofa-choice-card small{color:#87939d;line-height:1.45;min-height:52px}.twofa-choice-card em{position:absolute;top:12px;right:12px;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#b4ff63}.twofa-choice-icon{font-size:22px;line-height:1}.twofa-choice-card button{width:100%;margin-top:auto;border:1px solid rgba(255,255,255,.1);background:#182029;color:#fff;border-radius:10px;padding:11px 12px;font-weight:850;cursor:pointer}.twofa-choice-card button:hover{background:#212b35}.twofa-secondary-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.twofa-secondary-actions .resend-form{margin-top:0}.twofa-preference-form>p{color:#87939d;font-size:12px;margin-top:-6px}.twofa-preference-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.twofa-preference-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);background:#10161c;border-radius:12px;cursor:pointer}.twofa-preference-option:has(input:checked){border-color:rgba(180,255,99,.28);background:rgba(180,255,99,.045)}.twofa-preference-option input{margin-top:3px;accent-color:#b4ff63}.twofa-preference-option span{display:grid;gap:3px}.twofa-preference-option strong{font-size:13px}.twofa-preference-option small{font-size:11px;color:#87939d;line-height:1.4}@media(max-width:680px){.twofa-choice-grid,.twofa-preference-options{grid-template-columns:1fr}.twofa-choice-card small{min-height:0}}


/* Correctif définitif : boutons secondaires de la section 2FA */
.security-account-panel .btn.btn-secondary,
.security-account-panel button.btn-secondary {
    color: #ffffff !important;
    background: #1b252e !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #ffffff !important;
}

.security-account-panel .btn.btn-secondary:hover,
.security-account-panel button.btn-secondary:hover {
    color: #ffffff !important;
    background: #263440 !important;
    border-color: rgba(180,255,99,.35) !important;
    -webkit-text-fill-color: #ffffff !important;
}

.security-account-panel .btn.btn-secondary:focus-visible {
    outline: 2px solid #b4ff63;
    outline-offset: 2px;
}

.security-account-panel .btn.btn-secondary:disabled {
    color: #aeb8c0 !important;
    background: #151c22 !important;
    -webkit-text-fill-color: #aeb8c0 !important;
}


/* =========================================================
   2FA facultative - Authenticator uniquement
   ========================================================= */
.twofa-state-wrap{display:flex;align-items:center}
.twofa-state{display:inline-flex;align-items:center;justify-content:center;min-width:104px;padding:8px 12px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.1em}
.twofa-state.enabled{color:#b4ff63;border:1px solid rgba(180,255,99,.28);background:rgba(180,255,99,.07)}
.twofa-state.disabled{color:#aab4bc;border:1px solid rgba(255,255,255,.11);background:#151c22}
.twofa-email-disabled{margin-top:16px;margin-bottom:0}
.twofa-toggle-form{margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#0a0f13}
.twofa-toggle-form h3{margin:0 0 14px;color:#eef2f5;font-size:16px}
.twofa-helper-text{margin:0 0 17px;color:#87939d;font-size:12px;line-height:1.6}
.security-account-panel .security-method-card strong{color:#eef2f5}
.security-account-panel .security-method-card span{line-height:1.55}
@media(max-width:680px){
  .security-account-panel .minecraft-panel-head{align-items:flex-start;gap:14px}
  .twofa-state-wrap{width:100%}
}


/* E-mail 2FA retiré à nouveau */
.twofa-activation-grid,
.twofa-activation-card{
  display:none!important;
}


/* Gmail SMTP : rappel spam */
.security-spam-note{
  margin-top:12px;
  padding:11px 13px;
  border:1px solid rgba(255,190,80,.22);
  border-radius:10px;
  background:rgba(255,178,52,.06);
  color:#d9bd8a;
  font-size:12px;
  line-height:1.5;
}


/* « Me garder connecté » */
.remember-row{display:flex;align-items:center;gap:11px;margin:2px 0 18px;cursor:pointer;user-select:none;color:#c4ccd2;font-size:13px;line-height:1.35}
.remember-row input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.remember-box{flex:0 0 auto;width:18px;height:18px;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:#0a0f13;display:grid;place-items:center;transition:background .15s,border-color .15s}
.remember-box::after{content:"";width:9px;height:5px;border-left:2px solid #080a0d;border-bottom:2px solid #080a0d;transform:rotate(-45deg) translate(1px,-1px);opacity:0;transition:opacity .12s}
.remember-row input:checked + .remember-box{background:#eef2f5;border-color:#eef2f5}
.remember-row input:checked + .remember-box::after{opacity:1}
.remember-row input:focus-visible + .remember-box{outline:2px solid #7aa7ff;outline-offset:2px}
.remember-text small{display:block;margin-top:2px;color:#87939d;font-size:11.5px}
