/* Login-only overrides; keep the public site and console design unchanged. */
#loginShell.auth-page { min-height:100svh; padding:24px; background:#f5f8fc; }
#loginShell .auth-wrap { display:block; width:min(1080px,100%); min-height:0; margin:auto; padding:0; }
#loginShell .auth-shell { display:grid; width:100%; min-height:0; padding:0; grid-template-columns:minmax(280px,1fr) 440px; grid-template-rows:auto auto; column-gap:80px; row-gap:22px; align-items:center; }
#loginShell .auth-brand { position:static; grid-column:1 / -1; grid-row:1; justify-self:start; margin:0; color:#17263d; }
#loginShell .auth-story { grid-column:1; grid-row:2; min-height:0; padding:0; }
#loginShell .auth-card { grid-column:2; grid-row:2; align-self:start; width:100%; max-width:440px; min-height:0; margin:0; padding:30px 32px 24px; border:1px solid #e3e9f2; border-radius:20px; background:#fff; box-shadow:0 16px 48px -28px #213e6640; }
#loginShell .auth-welcome { margin-bottom:18px; }
#loginShell .auth-welcome h1 { margin:0; font-size:28px; line-height:1.25; font-weight:650; letter-spacing:-.04em; }
#loginShell .auth-welcome p { margin:9px 0 0; color:#77849a; font-size:14px; line-height:1.6; }
#loginShell #authLogin .auth-title { display:none; }
#loginShell #authLogin .auth-sub { margin:0 0 20px; font-size:13px; color:#69788d; line-height:1.6; }
#loginShell #authLogin:has(#loginForm[data-step="sms"])>.auth-sub { display:none; }
#loginShell .auth-tabs { margin-bottom:18px; }
#loginShell #authLogin { margin:0; max-width:none; }
#loginShell .auth-card .field { margin:14px 0 0; }
#loginShell .auth-card .field .input { min-height:58px; height:58px; border-radius:10px; font-size:16px; padding-top:22px; padding-bottom:7px; }
#loginShell .auth-card .field label { font-size:14px; }
#loginShell .auth-card .field.has-sms .input { padding-right:130px; }
#loginShell #lgSmsBtn { right:5px; top:5px; height:48px; min-height:0; width:118px; border:0; border-left:1px solid #e7edf5; border-radius:0 7px 7px 0; font-size:13px; background:transparent; }
#loginShell #lgSmsBtn:hover:enabled { background:#f3f7fe; }
#loginShell #lgSmsBtn:disabled { color:#8997ac; }
#loginShell .auth-verification-note { margin:0 0 12px; font-size:15px; line-height:1.65; font-weight:500; color:#243651; }
#loginShell .sms-code-status { margin-top:9px; color:#8590a1; font-size:12px; line-height:1.6; }
#loginShell #lgErr { margin:16px 0 0; padding:10px 12px; border:1px solid #f7dada; border-radius:9px; background:#fff5f5; color:#ad3838; font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
#loginShell #lgBtn { display:flex; align-items:center; justify-content:center; width:100%; height:48px; min-height:48px; margin-top:18px; padding:0 18px; border-radius:10px; font-size:15px; font-weight:600; box-shadow:0 5px 14px -9px #006be0; }
#loginShell #lgRestartBtn { display:block; width:auto; min-height:36px; margin:10px auto 0; padding:6px 16px; border:0; border-radius:7px; background:transparent; box-shadow:none; color:#718096; font-size:13px; font-weight:400; cursor:pointer; }
#loginShell #lgRestartBtn:hover { color:#1766c2; background:#f6f8fc; }
#loginShell #lgRestartBtn:focus-visible { outline:2px solid #176fda; outline-offset:2px; }
#loginShell .login-recovery-action { display:flex; justify-content:flex-end; margin-top:8px; }
#loginShell .login-recovery-action .login-back { min-height:32px; padding:4px 0 4px 12px; border:0; background:transparent; color:#69788d; font-size:12px; cursor:pointer; }
#loginShell .login-recovery-action .login-back:hover { color:#1766c2; }
#loginShell .login-agreement { margin:10px 0 0; font-size:12px; line-height:1.8; }
#loginShell .login-agreement input { margin-top:3px; }
#loginShell .login-agreement input:focus-visible,#loginShell .login-recovery-action .login-back:focus-visible { outline:2px solid #176fda; outline-offset:3px; }
#loginShell [hidden] { display:none!important; }
#loginShell .auth-trust { display:none; }
#loginShell .auth-foot { grid-column:2; margin:0; }
@media(max-width:960px) {
  #loginShell.auth-page { padding:28px 20px; }
  #loginShell .auth-wrap { width:min(440px,100%); }
  #loginShell .auth-shell { display:block; }
  #loginShell .auth-story { display:none; }
  #loginShell .auth-brand { position:static; display:flex; width:max-content; margin:0 auto 24px; }
}
@media(max-width:520px) {
  #loginShell.auth-page { display:flex; align-items:flex-start; padding:24px 16px; }
  #loginShell .auth-wrap { margin:0 auto; }
  #loginShell .auth-card { padding:26px 22px 24px; border-radius:17px; }
  #loginShell .auth-welcome { margin-bottom:20px; }
  #loginShell .auth-welcome h1 { font-size:25px; }
  #loginShell #lgRestartBtn { min-height:44px; }
}

/* A single compact recovery dialog, without account-type choices. */
#mdl-member-phone-recovery .modal { width:min(460px,calc(100vw - 32px)); }
#mdl-member-phone-recovery .phone-recovery-code { display:flex; align-items:center; gap:10px; }
#mdl-member-phone-recovery .phone-recovery-code input { flex:1; min-width:0; }
#mdl-member-phone-recovery .phone-recovery-code button { flex:0 0 auto; width:auto; min-height:38px; color:#1766c2; }
#mdl-member-phone-recovery .modal-b .field { margin-bottom:18px; }
#mdl-member-phone-recovery #memberRecoveryInfo:empty { display:none; }
/* Workspace switching is separate from account linking and privilege grants. */
#workIdentityDialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(640px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e3e9f2;border-radius:20px;background:#fff;color:#19283f;box-shadow:0 28px 100px #15264038;overflow:hidden}
#workIdentityDialog[open]{display:flex;flex-direction:column}
#workIdentityDialog [hidden]{display:none!important}
#workIdentityDialog::backdrop{background:#14223966;backdrop-filter:blur(3px)}
#workIdentityDialog .workspace-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 20px;flex-shrink:0}
#workIdentityDialog h2{font-size:23px;line-height:1.4;font-weight:650;margin:0;letter-spacing:-.02em}
#workIdentityDialog .workspace-account{font-size:13px;line-height:1.6;color:#7c899b;margin:7px 0 0;overflow-wrap:anywhere}
#workIdentityDialog .workspace-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:8px;background:#f5f7fa;font-size:22px;font-weight:400;color:#7c899b}
#workIdentityDialog .workspace-close:hover{background:#eaf0f8;color:#243651}
#workIdentityDialog .workspace-dialog-body{padding:0 28px 26px;overflow:auto;min-height:0}
#workIdentityDialog .workspace-card{display:flex;align-items:center;gap:16px;padding:20px 18px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;margin-bottom:12px;min-width:0}
#workIdentityDialog .workspace-card:last-child{margin-bottom:0}
#workIdentityDialog .workspace-card.is-current{border-color:#bad4f7;background:#f5f9ff}
#workIdentityDialog .workspace-icon{display:grid;place-items:center;align-self:flex-start;flex:0 0 44px;width:44px;height:44px;border-radius:12px;font-size:19px;font-weight:600;background:#eaf3ff;color:#1765c2}
#workIdentityDialog .workspace-platform{background:#eeeafd;color:#6655b8}
#workIdentityDialog .workspace-personal{background:#e6f6f0;color:#287e65}
#workIdentityDialog .workspace-agency{background:#fff1df;color:#956226}
#workIdentityDialog .workspace-card-copy{flex:1;min-width:0}
#workIdentityDialog h3{font-size:15px;line-height:1.5;font-weight:600;margin:0;color:#24334a}
#workIdentityDialog .workspace-card-copy>p{font-size:12px;line-height:1.7;color:#7c899b;margin:4px 0 8px;overflow-wrap:anywhere}
#workIdentityDialog .workspace-capabilities{display:flex;flex-wrap:wrap;gap:5px}
#workIdentityDialog .workspace-capabilities span{font-size:11px;line-height:1.5;padding:3px 7px;border-radius:5px;color:#63758b;background:#f0f3f8}
#workIdentityDialog .workspace-card.is-current .workspace-capabilities span{background:#e9f1fc;color:#59769b}
#workIdentityDialog .workspace-enter,#workIdentityDialog .workspace-primary{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #1671dc;background:#1671dc;color:white;min-height:38px;padding:9px 15px;border-radius:9px;font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap;cursor:pointer}
#workIdentityDialog .workspace-enter:hover:enabled,#workIdentityDialog .workspace-primary:hover:enabled{background:#0961c9;border-color:#0961c9}
#workIdentityDialog .workspace-enter:disabled{border-color:transparent;color:#6a80a0;background:#eaf1fa;cursor:default;font-size:12px}
#workIdentityDialog .workspace-dialog-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 28px;border-top:1px solid #edf0f5;background:#fcfdff;flex-shrink:0}
#workIdentityDialog .workspace-dialog-footer>span{font-size:12px;color:#8a96a6}
#workIdentityDialog .workspace-text-button{padding:5px 0;font-size:13px;color:#3979c8;min-height:30px;line-height:1.5;background:transparent;border:0;cursor:pointer}
#workIdentityDialog .workspace-text-button:hover{color:#1455a8;text-decoration:underline}
#workIdentityDialog #workIdentityBack{margin:0 0 9px;color:#7c899b;font-size:12px}
#workIdentityDialog .workspace-note{font-size:12px;line-height:1.8;color:#7c899b;margin:14px 0 0}
#workIdentityDialog .workspace-manage-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #e1e7f0;border-radius:12px;margin-bottom:12px}
#workIdentityDialog .workspace-manage-card p,#workIdentityDialog .workspace-grant-form>p{font-size:12px;line-height:1.8;color:#7c899b;margin:5px 0 0}
#workIdentityDialog .workspace-secondary{flex:0 0 auto;background:white;border:1px solid #cfdaea;border-radius:8px;color:#3970b8;font-size:12px;line-height:1.5;padding:9px 12px;cursor:pointer}
#workIdentityDialog .workspace-secondary:hover:enabled{background:#f2f7fd}
#workIdentityDialog button:disabled{opacity:.7;cursor:default}
#workIdentityDialog button:focus-visible{outline:2px solid #1671dc;outline-offset:3px}
#workIdentityDialog .workspace-link-management,#workIdentityDialog .workspace-grant-form{padding-top:18px;margin-top:18px;border-top:1px solid #e7edf5}
#workIdentityDialog .workspace-linked-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;padding:14px 0;border-bottom:1px solid #edf0f5}
#workIdentityDialog .workspace-linked-row small{display:block;color:#8a96a6;font-size:11px;margin-top:5px}
#workIdentityDialog .workspace-status{font-size:12px;color:#8a96a6}
#workIdentityDialog .workspace-auth-form label,#workIdentityDialog .workspace-grant-form label{display:block;font-size:13px;color:#66768b;margin-top:18px}
#workIdentityDialog .workspace-auth-form input,#workIdentityDialog .workspace-grant-form input{display:block;width:100%;height:44px;margin-top:8px;padding:10px 12px;border:1px solid #d7e0ec;border-radius:9px;font:inherit;color:#25334a;background:white;box-sizing:border-box}
#workIdentityDialog .workspace-auth-form input[readonly]{background:#f6f8fb;color:#67788f}
#workIdentityDialog .workspace-auth-form>.workspace-primary{width:100%;margin-top:22px}
#workIdentityDialog .workspace-grant-form>.workspace-primary{margin-top:16px}
#workIdentityDialog .workspace-error{padding:11px 13px;margin:16px 0 0;border:1px solid #f4d6d6;border-radius:8px;background:#fff6f6;color:#ae3c3c;font-size:12px;line-height:1.7}
@media(max-width:520px){
 #workIdentityDialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}
 #workIdentityDialog .workspace-dialog-heading{padding:22px 20px 18px}
 #workIdentityDialog .workspace-dialog-body{padding:0 20px 20px}
 #workIdentityDialog .workspace-card{gap:12px;padding:16px 14px;flex-wrap:wrap}
 #workIdentityDialog .workspace-icon{flex-basis:38px;width:38px;height:38px;border-radius:10px;font-size:17px}
 #workIdentityDialog .workspace-card-copy{min-width:calc(100% - 54px)}
 #workIdentityDialog .workspace-enter{margin-left:50px}
 #workIdentityDialog .workspace-dialog-footer{padding:14px 20px}
 #workIdentityDialog .workspace-manage-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}
}

/* Workspace cards group independent entitlements; project selection preserves billing. */
#workIdentityDialog .workspace-card-copy h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#workIdentityDialog .workspace-current-label{font-size:10px;color:#497bb4;font-weight:400;white-space:nowrap}
#workIdentityDialog #workIdentityProjectCreate{margin-top:16px}
#developerProjectSwitcher{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin:12px 14px 4px;padding:12px 14px;border:1px solid #dce7f5;border-radius:11px;background:#f8fbff;color:#456b9d;max-width:calc(100% - 28px)}
#developerProjectSwitcher[hidden]{display:none!important}
#developerProjectSwitcher>span:first-child{min-width:0;flex:1}
#developerProjectSwitcher small{display:block;font-size:10px;font-weight:400;color:#8a98ac;margin-bottom:4px}
#developerProjectSwitcher b{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#developerProjectSwitcher:hover{border-color:#a9c9ef;background:#f0f6ff}
#mdl-org-member .org-member-permissions{display:grid;gap:8px;margin-top:8px}
#mdl-org-member .org-member-permissions label{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border:1px solid #dde5f0;border-radius:9px;margin:0;cursor:pointer}
#mdl-org-member .org-member-permissions label:has(input:checked){border-color:#afcdf3;background:#f5f9ff}
#mdl-org-member .org-member-permissions input{width:16px;height:16px;min-height:0;margin:3px 0 0;accent-color:#1671dc;flex:0 0 16px}
#mdl-org-member .org-member-permissions b{font-size:13px;color:#38516f;font-weight:550}
#mdl-org-member .org-member-permissions small{display:block;font-size:11px;color:#8290a4;margin-top:3px;line-height:1.7}

#workIdentityDialog{width:min(760px,calc(100vw - 32px))}
#workIdentityDialog #workIdentityRows{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
#workIdentityDialog #workIdentityRows>.workspace-card{margin:0;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 18px}
#workIdentityDialog #workIdentityRows>.workspace-card .workspace-card-copy{width:100%;min-width:0}
#workIdentityDialog #workIdentityRows>.workspace-card .workspace-enter{width:100%;margin-top:auto}
#workIdentityDialog #workIdentityRows>.workspace-card:only-child{flex-direction:row;align-items:center}
#workIdentityDialog #workIdentityRows>.workspace-card:only-child .workspace-card-copy{flex:1}
#workIdentityDialog #workIdentityRows>.workspace-card:only-child .workspace-enter{width:auto;margin-top:0}
@media(max-width:760px){
 #workIdentityDialog{width:min(600px,calc(100vw - 24px))}
 #workIdentityDialog #workIdentityRows{grid-template-columns:1fr}
 #workIdentityDialog #workIdentityRows>.workspace-card{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;padding:15px}
 #workIdentityDialog #workIdentityRows>.workspace-card .workspace-card-copy{width:auto;min-width:calc(100% - 54px)}
 #workIdentityDialog #workIdentityRows>.workspace-card .workspace-enter,#workIdentityDialog #workIdentityRows>.workspace-card:only-child .workspace-enter{width:auto;margin:0 0 0 50px}
}
