.mfa-setup,.recovery-codes{margin-top:20px;padding:20px;border:1px solid var(--line,#e2e5ea);border-radius:18px;background:var(--panel,#fff)}
#login-view[data-step="password-change"] #login-totp-field{display:none!important}
.mfa-setup h2,.recovery-codes h2{margin:0 0 8px}.mfa-setup img{display:block;width:min(220px,68vw);height:auto;aspect-ratio:1;margin:16px auto;border-radius:14px}.mfa-setup code{display:block;padding:10px;text-align:center;word-break:break-all;background:#f5f6f8;border-radius:10px}.mfa-setup-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;margin-top:14px}.mfa-setup-actions .btn{width:100%}.recovery-codes pre{padding:18px;border-radius:14px;background:#15171b;color:#fff;line-height:1.8;columns:2}
.agent-portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.agent-portal-grid button{display:flex;flex-direction:column;gap:8px;padding:18px;text-align:left;border:1px solid var(--line,#e2e5ea);border-radius:16px;background:var(--panel,#fff);color:inherit;cursor:pointer}.agent-portal-grid button:hover{border-color:#ef3f49;box-shadow:0 10px 24px rgba(239,63,73,.08)}.agent-quick-actions{display:flex;flex-wrap:wrap;gap:12px}
.role-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.role-card{padding:22px;border:1px solid var(--line,#e2e5ea);border-radius:18px;background:var(--panel,#fff)}.role-card header{display:flex;justify-content:space-between;gap:16px}.role-card h2{margin:10px 0 6px}.role-card p{margin:0;color:var(--muted,#727987)}.role-permissions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.role-permissions span{padding:5px 9px;border-radius:999px;background:#f4f5f7;font-size:12px;color:#59606c}
.auth-admin-dialog{width:min(900px,calc(100vw - 32px))}.auth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-admin-dialog fieldset{margin:18px 0;padding:16px;border:1px solid var(--line,#e2e5ea);border-radius:14px}.auth-admin-dialog legend{padding:0 8px;font-weight:700}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.permission-grid label{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:#f6f7f9}.permission-grid input{accent-color:#ef3f49}.permission-grid-wide{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:48vh;overflow:auto}
.step-up-target{display:grid;gap:4px;margin:4px 0 18px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent,#ef3f49) 22%,var(--line,#e2e5ea));border-radius:13px;background:color-mix(in srgb,var(--accent,#ef3f49) 6%,var(--panel,#fff))}.step-up-target strong{font-size:12px;color:var(--accent-strong,#d92f3c)}.step-up-target span{font-size:15px;font-weight:750}.step-up-target small{color:var(--muted,#727987);line-height:1.55}.temporary-password-dialog{width:min(620px,calc(100vw - 32px))}.credential-eyebrow{display:inline-block;margin-bottom:6px;color:#15925b;font-size:12px;font-weight:800;letter-spacing:.08em}.temporary-credential-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:18px;border:1px solid #bce8d3;border-radius:16px;background:#f1fbf6}.temporary-credential-card label{display:grid;gap:7px}.temporary-credential-card label>span{color:#557064;font-size:12px;font-weight:700}.temporary-credential-card .input{background:#fff;color:#17231d;font-weight:750}.temporary-password-warning{padding:12px 14px;border-radius:12px;background:#fff8e8;color:#865f0b;line-height:1.65}.temporary-password-dialog .actions{justify-content:flex-start}
.security-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.security-policy-grid article{padding:20px;border:1px solid var(--line,#e2e5ea);border-radius:16px;background:var(--panel,#fff)}.security-policy-grid small{display:block;color:var(--muted,#727987);margin-bottom:8px}.security-policy-grid strong{font-size:22px}.security-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px}.security-session{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#e2e5ea)}.security-session div{display:flex;flex-direction:column;gap:4px}.security-session small{color:var(--muted,#727987)}
html[data-admin-theme="dark"] .mfa-setup code,html[data-admin-theme="dark"] .permission-grid label,html[data-admin-theme="dark"] .role-permissions span{background:#25282f;color:#d9dde5}
@media(max-width:900px){.security-form{grid-template-columns:1fr 1fr}.security-policy-grid{grid-template-columns:1fr}.auth-form-grid{grid-template-columns:1fr}.recovery-codes pre{columns:1}}
@media(max-width:620px){.temporary-credential-card{grid-template-columns:1fr}.temporary-password-dialog .actions{display:grid;grid-template-columns:1fr}.temporary-password-dialog .actions .btn{width:100%}}
@media(max-height:850px){.mfa-setup{margin-top:12px;padding:16px}.mfa-setup img{width:min(180px,58vw);margin:10px auto}.mfa-setup p{margin-block:6px 10px}.mfa-setup .field{margin-top:12px}}
@media(max-width:460px){.mfa-setup-actions{grid-template-columns:1fr}}
