.auth-isolated-body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center;background:var(--m3-surface);padding:24px;padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}
@supports (-webkit-touch-callout: none){.auth-isolated-body{min-height:-webkit-fill-available}}
.auth-isolated-body *{ -webkit-font-smoothing:antialiased }
.auth-emblem-wrap{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0}
.auth-emblem-svg{width:52px;height:52px;min-width:52px;min-height:52px;display:block;-webkit-flex-shrink:0;flex-shrink:0}
.auth-isolated-wrap{width:100%;max-width:520px}
.auth-isolated-card{background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);border-radius:var(--radius-lg);padding:28px}
.auth-isolated-head{text-align:center;margin-bottom:18px}
.auth-isolated-head h1{font-family:Tajawal,sans-serif;font-size:1.35rem;margin:10px 0 4px;color:var(--m3-on-surface)}
.auth-isolated-head p{color:var(--m3-on-surface-variant);font-size:0.85rem;margin:0}
.auth-isolated-tabs{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px;margin-bottom:18px}
@supports not (gap: 8px){.auth-isolated-tabs{gap:0}.auth-isolated-tabs .auth-tab + .auth-tab{margin-right:8px}}
.auth-isolated-tabs .auth-tab{flex:1;text-align:center;padding:10px;border:1px solid var(--m3-outline-variant);text-decoration:none;color:var(--m3-on-surface-variant);background:var(--m3-surface-container-high);border-radius:var(--radius-sm);font-weight:700;font-size:0.85rem}
.auth-isolated-tabs .auth-tab.active{background:var(--m3-primary);color:var(--m3-on-primary);border-color:var(--m3-primary)}
.auth-isolated-card .auth-footer-notice{margin-top:14px;text-align:center}
.auth-theme-toggle{position:fixed;top:16px;inset-inline-start:16px;z-index:60;box-shadow:0 6px 20px rgba(0,0,0,0.35)}
body.light-theme .auth-theme-toggle,[data-theme="light"] .auth-theme-toggle{box-shadow:0 6px 20px rgba(15,23,42,0.16)}
@media(max-width:640px){.auth-theme-toggle{top:12px;inset-inline-start:12px;min-width:44px;min-height:44px;padding:8px}.auth-theme-toggle span{display:none}}