/* Responsive settings profile based on the approved local mockup. */
body.account-settings-open{min-height:100vh;background:#0b0f17;color:#f4f7fc}
body.account-settings-open>header{position:sticky;top:0;z-index:40;width:100%;max-width:none;margin:0;padding:7px max(12px,calc((100vw - 1100px)/2 + 12px));border-bottom:1px solid #1f2c3f;background:#0b0f17ed;backdrop-filter:blur(16px);box-shadow:0 4px 18px #0005}
body.account-settings-open>header .brand{gap:8px;font-size:15px}
body.account-settings-open>header .brand-logo{width:38px;height:38px;border:1px solid #1f2c3f;box-shadow:0 0 12px #00d2ff44}
body.account-settings-open>header .brand-copy span{font-size:12px;line-height:1.05;letter-spacing:-.02em}
body.account-settings-open>header .brand-tagline,body.account-settings-open>.mobile-accessibility-slot{display:none!important}
body.account-settings-open>header nav{gap:clamp(8px,1.5vw,20px)}
body.account-settings-open .header-icon-link{width:40px;height:40px;min-width:40px;min-height:40px}
body.account-settings-open .header-profile-avatar{display:block;width:29px;height:29px;object-fit:cover;border:1px solid #00d2ff;border-radius:50%;box-shadow:0 0 12px #00d2ff66}
body.account-settings-open main{max-width:1100px;margin:0 auto;padding:18px 18px 96px}
body.account-settings-open .stitch-hero{display:none!important}
body.account-settings-open .account-settings-page{width:100%;max-width:560px;min-width:0;margin:0;padding:0 0 18px}
.account-crumbs{display:flex;align-items:center;gap:8px;margin:5px 0 7px;color:#718198;font-size:10px;line-height:1.4}
.account-crumbs a{color:#48dfff;text-decoration:underline;text-underline-offset:2px}
.account-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 12px}
.account-title-row h1{margin:0;color:#f4f7fc;font-size:clamp(22px,4vw,30px);line-height:1.15;letter-spacing:-.035em;font-weight:800}
.account-sync-pill{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 8px;border:1px solid #1d3b4d;border-radius:999px;background:#122234;color:#9cefff;font-size:8px;line-height:1;letter-spacing:.07em;font-weight:800;box-shadow:0 0 12px #00d2ff18}
.account-cover-heading{position:absolute;z-index:2;top:15px;left:18px;width:calc(100% - 225px)}
.account-cover-heading .account-crumbs{margin:0 0 10px}
.account-cover-heading .account-title-row{justify-content:flex-start;flex-wrap:wrap;margin:0}
.account-sync-pill i,.account-provider-copy strong i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#00d2ff;box-shadow:0 0 8px #00d2ff}
.account-cover{position:relative;isolation:isolate;display:flex;min-height:230px;align-items:flex-end;overflow:hidden;margin-bottom:17px;padding:18px 15px 56px;border:1px solid #26384b;border-radius:18px;background:linear-gradient(120deg,#121e2b 0%,#101927 45%,#271d31 100%);box-shadow:0 10px 28px #0005}
.account-cover::before{position:absolute;z-index:-2;inset:0;content:"";background:radial-gradient(ellipse at 78% 45%,#00d2ff35,transparent 40%),radial-gradient(ellipse at 91% 70%,#ff336622,transparent 35%),linear-gradient(110deg,#101721dd 12%,#10172188 55%,#10172133)}
.account-cover::after{position:absolute;z-index:-1;top:-53px;right:-44px;width:230px;height:230px;border:1px solid #00d2ff38;border-radius:50%;content:"";box-shadow:0 0 0 15px #00d2ff08,0 0 0 31px #00d2ff07,0 0 40px #00d2ff18}
.account-cover-art{position:absolute;z-index:-1;top:12px;right:18px;width:165px;height:165px;display:grid;place-items:center;overflow:hidden;border:1px solid #36dfff6b;border-radius:50%;background:#0b111bd9;box-shadow:0 0 24px #00d2ff35,0 0 42px #ff336617}
.account-cover-art img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:saturate(1.14)}
.account-cover-copy{max-width:75%;text-align:left}
.account-cover-kicker{color:#46dfff;font-size:8px;font-weight:800;letter-spacing:.17em}
.account-cover-copy h2{margin:5px 0 2px;color:#f4f7fc;font-size:20px;line-height:1.15;letter-spacing:-.025em;overflow-wrap:anywhere}
.account-cover-copy p{margin:0;color:#92a2b6;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.account-cover-brand{display:block;margin-top:12px;color:#73849a;font-size:8px;line-height:1.4;letter-spacing:.035em}
.account-cover-actions{position:absolute;right:11px;bottom:10px;left:11px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.account-cover-favorites,.account-cover-requests{display:flex;align-items:center;gap:6px;min-width:0;min-height:36px;padding:6px 8px;border:1px solid #27374b;border-radius:9px;background:#111a27df;color:#c9d7e8;font-size:10px}
.account-cover-favorites>span:first-child{color:#ff5579;font-size:17px;line-height:1}
.account-cover-favorites b,.account-requests-count{display:grid;place-items:center;min-width:18px;height:18px;margin-left:auto;border-radius:50%;background:#ff336622;color:#ff6283;font-size:9px}
.account-requests-count[hidden]{display:none!important}
.account-cover-requests>span:first-child{display:grid;flex:0 0 17px;place-items:center;color:#42dfff;font-size:15px;line-height:1}
.account-cover-requests .account-action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-section{margin:17px 0 20px}
.account-section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 1px 6px}
.account-section-title{display:flex;align-items:center;gap:7px;min-width:0}
.account-section-icon{flex:0 0 auto;color:#00d2ff;font-size:16px;line-height:1;text-shadow:0 0 10px #00d2ff66}
.account-section-heading h2{margin:0;color:#f4f7fc;font-size:14px;line-height:1.25;font-weight:750;letter-spacing:-.01em}
.account-linked-count{flex:0 0 auto;color:#55eeaf;font-size:8px;line-height:1.3;font-weight:800;letter-spacing:.04em;text-align:right}
.account-section-lead{margin:0 1px 9px;color:#8e9bae;font-size:10px;line-height:1.45}
.account-provider-list{display:grid;gap:7px}
.account-provider-list .auth-provider-row{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 8px;min-width:0;min-height:54px;margin:0;padding:8px 9px;border:1px solid #192638;border-radius:11px;background:#131b26;box-shadow:0 3px 9px #0002}
.account-provider-list .auth-provider-row::before{grid-column:1;grid-row:1/3;display:grid;width:29px;height:29px;place-items:center;border:1px solid #273b51;border-radius:9px;background:#1a2a3d;color:#95a9c1;font-size:11px;font-weight:800}
.account-provider-list .auth-provider-row:nth-child(1)::before{content:"➤";border-color:#17465a;background:#103242;color:#00d2ff;font-size:14px}
.account-provider-list .auth-provider-row:nth-child(2)::before{content:"G";color:#c8ddff}
.account-provider-list .auth-provider-row:nth-child(3)::before{content:"Я";border-color:#492a31;background:#30202a;color:#ff6b6b}
.account-provider-list .auth-provider-row:nth-child(4)::before{content:"VK";background:#173e69;color:#8fc4ff;font-size:9px}
.account-provider-list .auth-provider-row:nth-child(5)::before{content:"OK";background:#4a351c;color:#ffb23e;font-size:9px}
.account-provider-list .auth-provider-row>strong{grid-column:2;grid-row:1;color:#ecf2f9;font-size:11px;line-height:1.2;font-weight:700}
.account-provider-list .auth-provider-state{grid-column:2;grid-row:2;min-width:0;color:#8e9bae;font-size:8px;line-height:1.3}
.account-provider-list .auth-provider-button,.account-provider-list button.secondary{grid-column:3;grid-row:1/3;min-height:30px;padding:5px 8px;border:1px solid #26364a;border-radius:8px;background:#0c131d;color:#75dfff;font-size:8px;line-height:1.2;text-align:center;white-space:nowrap}
.account-provider-list button.auth-provider-button[aria-disabled="true"]{color:#75849a;opacity:.8}
.account-provider-list .identity-notice{margin-top:8px;padding:9px 11px;border:1px solid #463b25;border-radius:9px;background:#211c13;color:#e5c780;font-size:9px}
.account-settings-card,.account-security-card{padding:10px;border:1px solid #1e2d3e;border-radius:13px;background:#131b26;box-shadow:0 5px 16px #0003}
.account-size-setting{padding:0 1px 9px}
.account-setting-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:#e7eef8;font-size:10px}
.account-setting-label strong{color:#00d2ff;font-size:9px;font-weight:750}
.account-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border-radius:9px;background:#0b111a}
.account-size-options button{min-width:0;min-height:34px;padding:5px 3px;border:1px solid transparent;border-radius:7px;background:transparent;color:#93a2b6;font-size:9px}
.account-size-options button[aria-pressed="true"]{border-color:#264766;background:#152941;color:#52dfff;font-weight:700;box-shadow:0 0 10px #00d2ff17}
.account-toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;margin:0;padding:7px 1px;border-top:1px solid #1b2939;cursor:pointer}
.account-toggle-row>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.account-toggle-row strong{color:#e5edf7;font-size:10px;line-height:1.2;font-weight:650}
.account-toggle-row small{color:#718198;font-size:8px;line-height:1.2}
.account-toggle-row input{position:absolute;width:1px;height:1px;opacity:0}
.account-toggle-row i{position:relative;flex:0 0 35px;width:35px;height:19px;border:1px solid #30425a;border-radius:999px;background:#25364b;transition:background .18s,border-color .18s}
.account-toggle-row i::after{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#95a7bd;content:"";transition:transform .18s,background .18s}
.account-toggle-row input:checked+i{border-color:#00d2ff;background:#00c9ed;box-shadow:0 0 12px #00d2ff55}
.account-toggle-row input:checked+i::after{transform:translateX(16px);background:#07121b}
.account-toggle-row input:focus-visible+i{outline:2px solid #a5e7ff;outline-offset:3px}
.account-session{display:flex;align-items:center;gap:8px;min-width:0;padding:2px}
.account-session-icon{display:grid;flex:0 0 29px;place-items:center;width:29px;height:29px;border:1px solid #263b52;border-radius:8px;background:#1a2a3d;color:#00d2ff}
.account-session>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.account-session strong{color:#ecf2f9;font-size:9px;line-height:1.2}
.account-session small{color:#58e8ad;font-size:8px;line-height:1.3}
.account-session>i{color:#58e8ad;font-size:7px;font-style:normal;font-weight:800;letter-spacing:.05em}
.account-logout{display:block;width:100%;min-height:39px;margin-top:8px;padding:9px 12px;border:1px solid #58253b!important;border-radius:10px!important;background:#321b2a!important;color:#ff4e78!important;font-size:10px;font-weight:750;box-shadow:0 0 14px #ff336622}
.account-logout:hover{background:#481d31!important;filter:none!important}
.account-support{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px;padding:11px 12px;border:1px solid #293d55;border-radius:13px;background:linear-gradient(120deg,#1a2b41,#172234);box-shadow:0 6px 18px #0003;color:inherit;text-decoration:none}
.account-support-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.account-support-copy small{color:#38dfff;font-size:8px;font-weight:800;letter-spacing:.08em}
.account-support-copy strong{color:#f4f7fc;font-size:12px;line-height:1.25}
.account-support-copy>span{color:#91a1b7;font-size:9px;line-height:1.35}
.account-support-action{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border-radius:10px;background:#00d2ff;color:#07121b;font-size:15px;box-shadow:0 0 15px #00d2ff55}
body.account-settings-open .account-requests-link{position:relative}
body.account-settings-open .stitch-bottom-nav a:first-child{color:#8492a6;text-shadow:none}
body.account-settings-open .stitch-bottom-nav a:last-child{color:#42dfff;text-shadow:0 0 9px #00d2ff66}
body.account-settings-open .account-request-dot{position:absolute;top:5px;right:calc(50% - 19px);width:7px;height:7px;border-radius:50%;background:#ff3366;box-shadow:0 0 7px #ff336688}
body.account-settings-open .account-request-dot[hidden]{display:none!important}
html.a11y-contrast body.account-settings-open .account-settings-card,html.a11y-contrast body.account-settings-open .account-security-card,html.a11y-contrast body.account-settings-open .account-provider-list .auth-provider-row{background:#000;border-color:#fff}
html.a11y-contrast body.account-settings-open .account-section-heading h2,html.a11y-contrast body.account-settings-open .account-provider-list .auth-provider-row>strong{color:#fff}
@media(min-width:701px){body.account-settings-open main{padding-top:24px}.account-settings-page{padding-top:4px}.account-cover{min-height:260px}.account-cover-art{top:14px;right:25px;width:185px;height:185px}.account-provider-list .auth-provider-row{grid-template-columns:35px minmax(0,1fr) auto;min-height:60px;padding:10px 12px}.account-provider-list .auth-provider-row::before{width:35px;height:35px}.account-provider-list .auth-provider-row>strong{font-size:12px}.account-provider-list .auth-provider-state{font-size:9px}.account-section-heading h2{font-size:15px}}
@media(max-width:700px){body.account-settings-open>header{padding:7px 12px}body.account-settings-open main{padding:10px 12px 92px}.account-settings-page{padding-top:2px}.account-cover{min-height:214px;padding-left:12px}.account-cover-heading{top:12px;left:12px;width:calc(100% - 158px)}.account-cover-heading .account-crumbs{margin-bottom:7px;font-size:9px}.account-cover-heading .account-title-row{gap:6px}.account-cover-heading .account-title-row h1{font-size:clamp(18px,5.2vw,22px)}.account-sync-pill{padding:4px 6px;font-size:7px}.account-cover-art{right:9px;width:142px;height:142px}.account-cover-copy{max-width:79%}.account-cover-copy h2{font-size:18px}.account-provider-list .auth-provider-row{gap:2px 6px;padding:7px}.account-provider-list .auth-provider-row::before{width:27px;height:27px}.account-provider-list .auth-provider-row>strong{font-size:10px}.account-provider-list .auth-provider-row .auth-provider-button,.account-provider-list .auth-provider-row button.secondary{padding:4px 6px;font-size:7px}.customer-account-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.customer-account-menu a{justify-content:center;min-height:40px;padding:6px 4px;font-size:10px;text-align:center}.customer-account-menu #myValuationsLink{gap:4px}}
@media(max-width:360px){.account-title-row h1{font-size:20px}.account-sync-pill{padding:4px 6px;font-size:7px}.account-cover{min-height:198px}.account-cover-art{right:5px;width:125px;height:125px}.account-cover-copy{max-width:82%}.account-cover-copy h2{font-size:16px}.account-provider-list .auth-provider-row{grid-template-columns:27px minmax(0,1fr) auto}.account-provider-list .auth-provider-row .auth-provider-button,.account-provider-list .auth-provider-row button.secondary{padding:3px 4px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.account-settings-page *{scroll-behavior:auto;transition:none!important}}