.recovery-codes-display{padding:var(--sl-spacing-large);background:var(--sl-color-neutral-100);border-radius:var(--sl-border-radius-medium);border:1px solid var(--sl-color-neutral-300)}.recovery-codes-header{margin-bottom:var(--sl-spacing-medium)}.recovery-codes-header h3{margin:0 0 var(--sl-spacing-small) 0;color:var(--sl-color-neutral-900);font-size:var(--sl-font-size-medium);font-weight:600}.recovery-codes-header .subtext{color:var(--sl-color-neutral-600);font-size:var(--sl-font-size-small);margin:0}.recovery-codes-list{gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-medium);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.recovery-code-item{padding:var(--sl-spacing-small);background:var(--sl-color-neutral-0);border:1px solid var(--sl-color-neutral-300);border-radius:var(--sl-border-radius-small);text-align:center;font-family:Courier New,monospace}.recovery-code-item code{color:var(--sl-color-neutral-900);font-size:var(--sl-font-size-small);letter-spacing:.05em;font-weight:600}.recovery-codes-actions{gap:var(--sl-spacing-small);margin-bottom:var(--sl-spacing-medium);display:flex}.copy-btn{padding:var(--sl-spacing-small) var(--sl-spacing-medium);background:var(--sl-color-primary-600);color:#fff;border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-small);cursor:pointer;border:none;font-weight:600;transition:background .2s}.copy-btn:hover:not(:disabled){background:var(--sl-color-primary-700)}.copy-btn:disabled{background:var(--sl-color-success-600);cursor:default}.recovery-codes-warning{padding:var(--sl-spacing-small);background:var(--sl-color-warning-50);border-left:3px solid var(--sl-color-warning-500);border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-small);color:var(--sl-color-warning-700)}.recovery-codes-warning strong{font-weight:700}.mfa-enroll-dialog{gap:var(--sl-spacing-large);padding:var(--sl-spacing-medium) 0;flex-direction:column;display:flex}.mfa-step-totp{align-items:center;gap:var(--sl-spacing-medium);flex-direction:column;display:flex}.mfa-step-totp p{color:var(--sl-color-neutral-600);text-align:center;margin:0}.qr-container{padding:var(--sl-spacing-medium);background:var(--sl-color-neutral-100);border-radius:var(--sl-border-radius-medium);justify-content:center;align-items:center;width:100%;min-height:250px;display:flex}.qr-code{border-radius:var(--sl-border-radius-small);max-width:250px;height:auto}.qr-placeholder{color:var(--sl-color-neutral-400);font-size:var(--sl-font-size-small)}.hint{font-size:var(--sl-font-size-small);color:var(--sl-color-neutral-500);text-align:center;margin:0!important}.show-secret-btn{color:var(--sl-color-primary-600);padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);font-size:var(--sl-font-size-small);cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.show-secret-btn:hover{color:var(--sl-color-primary-700)}.secret-key-container{align-items:center;gap:var(--sl-spacing-2x-small);padding:var(--sl-spacing-small);background:var(--sl-color-neutral-100);border-radius:var(--sl-border-radius-medium);flex-direction:column;width:100%;display:flex}.secret-key-label{font-size:var(--sl-font-size-x-small);text-transform:uppercase;letter-spacing:.05em;color:var(--sl-color-neutral-500);font-weight:600}.secret-key-value{font-family:Courier New,monospace;font-size:var(--sl-font-size-medium);letter-spacing:.1em;color:var(--sl-color-neutral-900);word-break:break-all;text-align:center;user-select:all;font-weight:600}.mfa-step-sms-init{gap:var(--sl-spacing-medium);flex-direction:column;display:flex}.mfa-step-sms-init p{color:var(--sl-color-neutral-600);margin:0}.send-sms-btn{padding:var(--sl-spacing-small) var(--sl-spacing-medium);background:var(--sl-color-primary-600);color:#fff;border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-medium);cursor:pointer;border:none;font-weight:600;transition:background .2s}.send-sms-btn:hover:not(:disabled){background:var(--sl-color-primary-700)}.send-sms-btn:disabled{background:var(--sl-color-neutral-300);cursor:not-allowed}.mfa-step-verify{gap:var(--sl-spacing-medium);flex-direction:column;display:flex}.mfa-step-verify p{color:var(--sl-color-neutral-600);margin:0}.masked-hint{color:var(--sl-color-neutral-700);text-align:center;font-weight:600;font-size:var(--sl-font-size-small)}.code-input{padding:var(--sl-spacing-small) var(--sl-spacing-medium);border:2px solid var(--sl-color-neutral-300);border-radius:var(--sl-border-radius-medium);background:var(--sl-color-neutral-0);color:var(--sl-color-neutral-900);font-size:var(--sl-font-size-large);text-align:center;letter-spacing:.2em;font-family:Courier New,monospace;font-weight:600;font-size:var(--sl-font-size-x-large)}.code-input:focus{border-color:var(--sl-color-primary-500);box-shadow:0 0 0 3px var(--sl-color-primary-100);outline:none}.code-input:disabled{background:var(--sl-color-neutral-100);color:var(--sl-color-neutral-500);cursor:not-allowed}.verify-actions{gap:var(--sl-spacing-small);flex-direction:column;display:flex}.verify-btn,.resend-btn{padding:var(--sl-spacing-small) var(--sl-spacing-medium);border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-medium);cursor:pointer;border:none;font-weight:600;transition:all .2s}.verify-btn.primary{background:var(--sl-color-primary-600);color:#fff}.verify-btn.primary:hover:not(:disabled){background:var(--sl-color-primary-700)}.resend-btn{color:var(--sl-color-primary-600);border:1px solid var(--sl-color-primary-300);background:0 0}.resend-btn:hover:not(:disabled){background:var(--sl-color-primary-50)}.verify-btn:disabled,.resend-btn:disabled{opacity:.6;cursor:not-allowed}.mfa-step-success{gap:var(--sl-spacing-medium);flex-direction:column;display:flex}.mfa-step-success>p:first-child{color:var(--sl-color-neutral-600);text-align:center;margin:0}.continue-btn.primary{padding:var(--sl-spacing-small) var(--sl-spacing-medium);background:var(--sl-color-success-600);color:#fff;border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-medium);cursor:pointer;border:none;font-weight:600;transition:background .2s}.continue-btn.primary:hover{background:var(--sl-color-success-700)}.error-message{padding:var(--sl-spacing-small) var(--sl-spacing-medium);background:var(--sl-color-danger-50);color:var(--sl-color-danger-700);border-left:3px solid var(--sl-color-danger-500);border-radius:var(--sl-border-radius-small);font-size:var(--sl-font-size-small);margin-top:var(--sl-spacing-medium)}