:root{--navy:#082b4a;--blue:#0f6fb5;--orange:#ff8a1f;--ink:#17324a;--muted:#6d8397;--line:#dce7ef;--soft:#f4f8fb;--white:#fff;--danger:#b42318;--success:#087a5a}body{min-height:100vh;background:radial-gradient(circle at 100% 0,rgba(15,111,181,.09),transparent 34%),var(--soft)}.account-pending .account-main{visibility:hidden}.account-header{min-height:88px;padding:18px clamp(22px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:var(--navy)}.dashboard-link{color:white;text-decoration:none;font-weight:700;font-size:14px}.dashboard-link:hover{color:#ffb46d}.account-main{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:54px 0 70px}.account-intro{max-width:730px}.account-intro h1{margin:0;color:var(--navy);font:800 clamp(38px,5vw,58px)/1.03 Manrope;letter-spacing:-.05em}.account-intro>p:last-child{margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.account-summary{margin:34px 0 22px;padding:22px 24px;border:1px solid #cfe0ec;border-radius:18px;display:flex;align-items:center;gap:16px;background:white;box-shadow:0 14px 36px rgba(8,43,74,.07)}.account-avatar{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:white;background:linear-gradient(145deg,var(--orange),#ef7511);font:800 17px Manrope}.account-summary>div{min-width:0;flex:1}.account-summary h2,.account-summary p{margin:0}.account-summary h2{color:var(--navy);font:800 20px Manrope}.account-summary p{margin-top:4px;color:var(--muted)}.role-pill{padding:7px 11px;border-radius:999px;color:var(--blue);background:#e9f4fc;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.setting-card{padding:25px;border:1px solid #d3e2ec;border-radius:18px;background:white;box-shadow:0 12px 30px rgba(8,43,74,.05)}.setting-head{display:flex;gap:13px;align-items:center}.setting-head>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--navy);background:#fff0e2;font-size:11px;font-weight:800}.setting-head p,.setting-head h2{margin:0}.setting-head p{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em}.setting-head h2{margin-top:3px;color:var(--navy);font:800 21px Manrope}.setting-note{min-height:47px;margin:20px 0;color:var(--muted);font-size:14px;line-height:1.6}.setting-card label{display:grid;gap:8px;margin-bottom:15px;color:#29445b;font-size:13px;font-weight:700}.setting-card input{width:100%;height:48px;padding:0 14px;border:1px solid #cbdbe7;border-radius:10px;outline:none}.setting-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,111,181,.11)}.setting-card .primary{height:48px}.locked-office{margin-top:24px;padding:17px;border:1px solid #bde2d5;border-radius:13px;display:flex;align-items:center;gap:12px;background:#edf9f4}.locked-office i{width:11px;height:11px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px rgba(8,122,90,.12)}.locked-office>div{min-width:0;flex:1}.locked-office strong,.locked-office small{display:block}.locked-office strong{color:#155643}.locked-office small{margin-top:3px;color:#5f7f75;font-size:11px}.locked-office>b{padding:5px 8px;border-radius:999px;color:var(--success);background:white;font-size:9px;letter-spacing:.08em}.secondary-action,.danger-action{width:100%;height:48px;border-radius:10px;font-weight:800;cursor:pointer}.secondary-action{border:1px solid #b9d5e7;color:var(--blue);background:white}.danger-action{margin-top:12px;border:1px solid #f1c6c1;color:var(--danger);background:#fff8f7}.secondary-action:disabled,.danger-action:disabled{opacity:.55;cursor:wait}.account-message{position:fixed;right:24px;bottom:24px;max-width:440px;padding:15px 17px;border-radius:12px;color:var(--danger);background:#fff1ef;box-shadow:0 14px 38px rgba(8,43,74,.2);font-size:14px;line-height:1.5}.account-message.success{color:var(--success);background:#eaf8f2}@media(max-width:780px){.account-header{min-height:74px;padding:14px 20px}.login-brand>span{width:42px;height:42px}.login-brand strong{font-size:20px}.account-main{width:min(100% - 28px,620px);padding-top:36px}.account-intro h1{font-size:39px}.account-summary{align-items:flex-start;flex-wrap:wrap}.role-pill{margin-left:70px;margin-top:-18px}.settings-grid{grid-template-columns:1fr}.setting-note{min-height:0}.account-message{left:14px;right:14px;bottom:14px}.dashboard-link{font-size:12px}}

/* Compact sign-in management replaces separate email, password, and recovery cards. */
.settings-grid{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
.sign-in-actions{border:1px solid #dce7ef;border-radius:13px;overflow:hidden}
.sign-in-row,.email-change-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px;border-bottom:1px solid #e5edf3}
.email-change-row{grid-template-columns:minmax(155px,1fr) minmax(170px,1fr) auto}
.sign-in-row:last-child{border-bottom:0}
.sign-in-row>div,.email-change-row>div{min-width:0}
.sign-in-row strong,.email-change-row strong,.sign-in-row small,.email-change-row small{display:block}
.sign-in-row strong,.email-change-row strong{color:var(--navy);font-size:14px}
.sign-in-row small,.email-change-row small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
.email-change-row input{width:100%;height:42px;padding:0 12px;border:1px solid #cbdbe7;border-radius:9px;outline:none}
.email-change-row input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(15,111,181,.11)}
.secondary-action,.danger-action{width:auto;min-height:42px;height:auto;margin:0;padding:0 14px;border-radius:9px;font-size:12px;white-space:nowrap}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:860px){.settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.email-change-row,.sign-in-row{grid-template-columns:1fr}.sign-in-row button,.email-change-row button{width:100%}}

.name-change-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(110px,1fr) minmax(110px,1fr) auto;gap:12px;align-items:end;padding:17px;border-bottom:1px solid #e5edf3}
.name-change-row>div{align-self:center}
.name-change-row strong,.name-change-row small{display:block}
.name-change-row strong{color:var(--navy);font-size:14px}
.name-change-row small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45}
.name-change-row label{margin:0;font-size:11px}
.name-change-row input{height:42px}
@media(max-width:1050px){.name-change-row{grid-template-columns:1fr 1fr}.name-change-row>div{grid-column:1/-1}.name-change-row button{align-self:end}}
@media(max-width:620px){.name-change-row{grid-template-columns:1fr}.name-change-row>div{grid-column:auto}.name-change-row button{width:100%}}