.account-main { max-width:1180px; padding-top:30px; }
.account-support-id { margin:20px 0 24px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.account-support-id > label { display:block; font-size:12px; font-weight:700; margin-bottom:9px; }
.account-support-id-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.account-support-id-row input { flex:1 1 240px; min-width:0; width:100%; max-width:430px; font:12px ui-monospace,monospace; border:1px solid #d5e0f5; border-radius:8px; padding:11px; background:#f7faff; color:var(--ink); }
.account-heading { margin-bottom:30px; }
.account-heading h1 { margin-bottom:10px; }
.account-heading > p { color:var(--muted); line-height:1.8; font-size:13px; }
.account-layout { display:grid; grid-template-columns:250px minmax(0,1fr); align-items:start; gap:26px; }
.account-sidebar { background:white; border:1px solid var(--line); border-radius:15px; padding:24px; }
.account-identity { display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0; }
.account-avatar { display:grid; place-items:center; width:48px; height:48px; background:var(--blue-soft); color:var(--blue); border-radius:14px; font-size:23px; font-weight:800; margin-bottom:7px; }
.account-identity strong { font-size:15px; overflow-wrap:anywhere; }
.account-profile-link { max-width:100%; text-decoration:underline; text-decoration-color:#d5e0f5; text-underline-offset:4px; }
.account-profile-link:hover { color:var(--blue); text-decoration-color:var(--blue); }
.account-identity > span:not(.account-avatar) { font-size:11px; color:var(--muted); overflow-wrap:anywhere; max-width:100%; }
.account-identity .account-email-row { display:flex; align-items:center; gap:6px; max-width:100%; min-width:0; }
#account-email { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px; color:var(--muted); }
.account-identity .account-email-status { display:inline-grid; place-items:center; flex-shrink:0; width:17px; height:17px; border-radius:50%; font-size:12px; line-height:1; font-weight:800; color:#a5630b; background:#fff2da; cursor:help; }
.account-identity .account-email-status[data-verified=true] { background:#eaf8f1; color:#24724f; }
.account-navigation { display:flex; flex-direction:column; gap:7px; border-block:1px solid var(--line); margin-top:23px; padding:17px 0; }
.account-navigation a { display:flex; justify-content:space-between; gap:9px; padding:9px 0; font-size:12px; font-weight:700; }
.account-navigation a:hover,.account-actions a:hover { color:var(--blue); }
.account-workspace-menu { min-width:0; }
.sidebar-cabinets { list-style:none; padding:0; margin:3px 0 7px; display:grid; gap:5px; }
.sidebar-cabinet-button { display:flex; align-items:center; gap:9px; width:100%; text-align:left; border:1px solid transparent; border-radius:8px; padding:9px 7px; font:inherit; background:#f7faff; color:var(--ink); }
.sidebar-cabinet-button:hover { background:var(--blue-soft); border-color:#dce7fc; }
.sidebar-cabinet-button:disabled { opacity:.6; cursor:wait; }
.sidebar-cabinet-icon { width:27px; height:27px; flex-shrink:0; display:grid; place-items:center; color:var(--blue); background:#e9f1ff; border-radius:7px; font-size:12px; font-weight:700; }
.sidebar-cabinet-details { display:flex; flex-direction:column; gap:3px; min-width:0; }
.sidebar-cabinet-details strong { font-size:11px; line-height:1.5; font-weight:600; overflow-wrap:anywhere; }
.sidebar-cabinet-details small { color:var(--muted); font-size:9px; line-height:1.5; overflow-wrap:anywhere; }
.sidebar-cabinet-status { margin:4px 0 8px; color:var(--muted); font-size:10px; line-height:1.7; overflow-wrap:anywhere; }
.sidebar-cabinet-status:empty { display:none; }
.sidebar-cabinet-status[data-kind=error] { color:#b3424e; }
.account-sidebar-note { color:var(--muted); font-size:11px; line-height:1.8; margin:18px 0 0; }
.account-content { min-width:0; }
.account-panel { background:white; border:1px solid var(--line); border-radius:15px; padding:28px; margin-bottom:22px; scroll-margin-top:25px; }
.account-panel > h2 { font-size:24px; line-height:1.25; letter-spacing:-.04em; margin:12px 0; }
.account-panel .cabinet-intro,.account-description { color:var(--muted); font-size:12px; line-height:1.8; }
.account-panel .cabinet-account { margin:12px 0; font-size:11px; }
.account-panel .cabinet-section { margin-top:26px; }
.account-panel .cabinet-section-heading { align-items:flex-start; gap:15px; }
.account-panel .cabinet-section-heading h3 { font-size:17px; margin:0 0 9px; letter-spacing:-.025em; }
.account-panel .cabinet-section-heading > div { max-width:440px; }
.account-panel .cabinet-section-heading p { font-size:11px; line-height:1.8; }
.account-panel .cabinet-section-heading > button { flex-shrink:0; max-width:100%; }
.account-panel .cabinet-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.account-panel .cabinet-card { padding:20px; background:#fbfcff; }
.account-panel .partner-cabinet-card { flex-wrap:wrap; }
.account-panel .partner-cabinet-card .button { margin-left:0; }
.account-panel .empty-state { padding:12px 0; font-size:12px; }
.account-form { margin-top:24px; }
.account-form fieldset { padding:0; margin:0; border:0; min-width:0; }
.account-form fieldset:disabled { opacity:.6; }
.account-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.account-fields label { display:flex; flex-direction:column; align-items:stretch; gap:9px; color:#3d4b64; font-size:12px; font-weight:700; min-width:0; }
.account-fields input { width:100%; min-width:0; border:1px solid #dce5f2; border-radius:9px; padding:12px; font:inherit; font-weight:400; color:var(--ink); background:white; }
.account-fields input:focus { outline:2px solid #9cbfff; outline-offset:1px; }
.account-fields .optional { font-size:10px; font-weight:400; color:var(--muted); }
.account-help { color:var(--muted); font-size:11px; line-height:1.8; margin:15px 0 0; }
.account-password-section { border-top:1px solid var(--line); margin-top:24px; padding-top:22px; scroll-margin-top:25px; }
.account-password-section h3 { font-size:15px; margin:0; letter-spacing:-.02em; }
.account-password-section .optional { font-size:11px; color:var(--muted); font-weight:400; }
.account-password-section .account-fields { margin-top:18px; }
.account-actions { display:flex; flex-wrap:wrap; gap:17px; align-items:center; margin-top:22px; }
.account-actions > a { color:var(--muted); font-size:11px; }
.account-verification { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:17px; }
.account-verification h2 { font-size:20px; margin:0; letter-spacing:-.03em; }
.account-verification p { color:var(--muted); font-size:11px; line-height:1.8; margin:7px 0 0; max-width:440px; }
.account-message { white-space:pre-wrap; overflow-wrap:anywhere; font-size:12px; line-height:1.8; color:var(--muted); margin:0 0 15px; scroll-margin-top:20px; }
.account-message[data-kind=error] { color:#b3424e; }
.account-message[data-kind=success] { color:#24724f; }
#verification-message { margin:16px 0 0; }
#verification-message:empty { display:none; }
#retry-profile { margin-bottom:20px; }
#account-deletion { border-color:#ead8dc; }
#account-deletion > .eyebrow { color:#a63b4a; }
#account-deletion form > fieldset > p label { display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.8; }
#deletion-company-options label { display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.8; }
#account-deletion input[type=checkbox] { flex-shrink:0; margin-top:4px; accent-color:var(--blue); }
#deletion-submit { border-color:#d6a4ad; color:#9d3041; }
.deletion-cabinets { display:grid; gap:16px; margin-bottom:18px; }
.deletion-cabinets:empty { display:none; }
.deletion-cabinet { border:1px solid var(--line); border-radius:12px; padding:20px; min-width:0; }
.deletion-cabinet-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.deletion-cabinet-type { font-size:10px; color:var(--muted); }
.deletion-cabinet-heading h3 { font-size:16px; margin:5px 0 0; overflow-wrap:anywhere; }
.deletion-cabinet-link { color:var(--blue); font-size:12px; }
.deletion-checks { list-style:none; padding:0; margin:15px 0; }
.deletion-check { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:13px 0; border-top:1px solid var(--line); }
.deletion-check strong { font-size:12px; }
.deletion-check p { font-size:12px; color:var(--muted); line-height:1.7; margin:6px 0; }
.deletion-check small { display:block; font-size:10px; color:var(--muted); line-height:1.7; }
.deletion-check-status { flex-shrink:0; font-size:10px; border-radius:6px; padding:5px 8px; }
.deletion-check-status[data-state=passed],.deletion-cabinet-result[data-state=passed] { color:#24724f; background:#edf8f2; }
.deletion-check-status[data-state=blocked],.deletion-cabinet-result[data-state=blocked] { color:#94570c; background:#fff5e7; }
.deletion-cabinet-result { font-size:12px; padding:10px 12px; border-radius:7px; margin:0; }
@media(max-width:600px) { .deletion-cabinet { padding:15px; }.deletion-check { flex-direction:column; gap:8px; } }
.account-page a:focus-visible,.account-page button:focus-visible { outline:3px solid #9cbfff; outline-offset:3px; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1050px) { .account-layout { grid-template-columns:210px minmax(0,1fr); gap:20px; }.account-sidebar { padding:20px; }.account-panel { padding:23px; }.account-panel .cabinet-section-heading { flex-direction:column; } }
@media(max-width:800px) { .account-layout { grid-template-columns:1fr; }.account-sidebar { padding:20px; }.account-identity { display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:14px; }.account-avatar { grid-row:1 / 4; margin:0; }.account-navigation { flex-direction:row; flex-wrap:wrap; gap:15px; padding-block:9px; margin-top:18px; }.account-navigation a { font-size:11px; gap:8px; }.account-sidebar-note { margin-top:12px; }.account-panel .cabinet-section-heading { flex-direction:row; } }
@media(max-width:600px) { .account-main { padding-top:20px; }.account-heading h1 { font-size:30px; }.account-panel { padding:22px 18px; border-radius:12px; }.account-panel > h2 { font-size:22px; }.account-panel .cabinet-grid,.account-fields { grid-template-columns:1fr; }.account-panel .cabinet-section-heading { flex-direction:column; }.account-panel .partner-cabinet-card { gap:14px; }.account-panel .partner-cabinet-card .button { width:100%; }.account-field-spacer { display:none; }.account-fields { gap:18px; }.account-actions { gap:15px; }.account-actions > button { width:100%; }.account-navigation { gap:8px 18px; } }
