.auth-pending .app-shell { display:none; }
.auth-screen { min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at 50% 20%,#163240 0,transparent 65%),#091420; }
.auth-card { width:min(440px,100%); padding:32px; border:1px solid #2b485c; border-radius:14px; background:#101e2d; box-shadow:0 24px 80px #0005; }
.auth-card h1 { font-size:24px; margin:18px 0 12px; }
.auth-card .primary-button { width:100%; margin-top:16px; }
.auth-card .brand-mark { display:inline-grid; }
.auth-description { color:#93afc1; line-height:1.8; margin-bottom:22px; }
.account-identity { color:#9ec9d9; font-size:12px; padding:10px 12px; overflow-wrap:anywhere; }
body[data-account-role=engineer] #wf-run-settings { display:none!important; }
body[data-account-role=engineer] #connection-form { display:none!important; }
#account-dialog { width:min(820px,calc(100vw - 32px)); }
.account-section { margin-top:22px; border-top:1px solid #2b4053; padding-top:20px; }
.account-section h3 { font-size:15px; margin-bottom:14px; }
.account-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; }
.account-user { display:grid; grid-template-columns:100px minmax(100px,1fr) 90px 58px minmax(140px,1fr) 60px; align-items:center; gap:10px; padding:12px 0; border-bottom:1px solid #293d50; }
.account-user strong { font-size:12px; overflow-wrap:anywhere; }
.account-user input:not([type=checkbox]),.account-user select { width:100%; min-width:0; padding:9px 8px; color:#c5dce8; border:1px solid #334d61; border-radius:6px; background:#0c1725; }
.account-enabled { display:flex; align-items:center; gap:4px; font-size:12px; }
.account-message { color:#6ed4b2; font-size:12px; line-height:1.8; margin-top:12px; }
@media(max-width:650px) { .account-user { grid-template-columns:1fr 1fr; } .account-grid { grid-template-columns:1fr; } .auth-card { padding:24px; } }