.accounts{max-width:1320px}.accounts h1{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:8px 0 20px}.accounts .section-heading{align-items:center}.account-layout{display:grid;grid-template-columns:minmax(300px,1fr) minmax(370px,1.25fr);gap:24px;align-items:start}.account-layout:has(#accountEditor[hidden]){grid-template-columns:1fr}.account-panel{background:#fff;border:1px solid #dae3ec;border-radius:20px;padding:26px;margin-bottom:24px;color:#16334c}.account-panel h2{font-size:23px;margin:0 0 12px}.account-panel p,.hint{color:#5d7080;font-size:14px;line-height:1.6}.accounts button,.recovery button{border:0;border-radius:9px;background:#12354f;color:#fff;padding:12px 17px;cursor:pointer;font:600 14px system-ui}.accounts button:hover,.recovery button:hover{background:#235a7b}.accounts button:disabled,.recovery button:disabled{opacity:.5;cursor:wait}.accounts button.secondary-button{background:#eef3f7;color:#12354f}.accounts label,.recovery label{display:block;font-size:14px;font-weight:600;margin:15px 0 7px}.accounts input:not([type=checkbox]),.accounts select,.recovery input{display:block;width:100%;box-sizing:border-box;border:1px solid #c6d4df;background:#fff;border-radius:8px;padding:11px;color:#17374d;font:inherit;margin-top:7px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.accounts fieldset{border:1px solid #dae3ec;border-radius:12px;padding:12px 17px;margin:20px 0}.accounts legend{font-size:15px;font-weight:700;padding:0 7px}.accounts label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:12px 0}.check input{width:17px;height:17px;accent-color:#12354f}.account-row{padding:18px 0;border-bottom:1px solid #e4ebf1}.account-row:last-child{border:0}.account-row h3{font-size:17px;margin:0 0 4px}.account-row p{margin:5px 0}.account-row .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.account-row .actions button{padding:8px 13px}.badge-state{display:inline-block;padding:3px 9px;background:#edf4f8;border-radius:20px;font-size:12px;margin-right:7px}.badge-state.off{background:#fff0d6;color:#765400}.mail-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;margin-top:10px}.back{color:#fff;font-size:14px}.recovery{background:#fff;color:#17374d;width:min(500px,calc(100% - 40px));box-sizing:border-box;padding:38px;border-radius:20px;margin:40px auto}.recovery h1{font-size:28px;margin-top:30px}.recovery p{line-height:1.6}.recovery button{margin-top:24px}.recovery a{color:#164e74}.recovery .brand{color:#16334c}.recovery .brand span{display:block;font-size:12px;letter-spacing:3px}.accounts [role=status],.recovery [role=status]{white-space:pre-line;line-height:1.6;color:#234f6e}.accounts [role=status][data-error=true],.recovery [role=status][data-error=true]{color:#a22f34}[hidden]{display:none!important}@media(max-width:850px){.account-layout,.mail-panel{grid-template-columns:1fr}.form-pair{grid-template-columns:1fr;gap:0}.accounts .section-heading{display:block}.account-panel{padding:20px}.back{max-width:100px}}

.accounts>#accountStatus{color:#cce5f4}.accounts>#accountStatus[data-error=true]{color:#ffb7bc}