.pwl-account-nav { display:flex; gap:26px; border-bottom:1px solid var(--pwl-color-e7e9ee); margin:4px 0 28px; overflow-x:auto; }
.pwl-account-nav a { flex-shrink:0; padding:13px 2px; border-bottom:2px solid transparent; font-size:15px; color:var(--pwl-color-818895); }
.pwl-account-nav a[aria-current="page"] { border-color:var(--pwl-color-text); color:var(--pwl-color-text); font-weight:600; }
.pwl-account-overview { display:flex; gap:22px; margin-bottom:24px; }
.pwl-account-person { flex:1 1 0; min-width:0; padding:26px; border:1px solid var(--pwl-color-e4e7ed); border-radius:15px; }
.pwl-account-personhead { display:flex; align-items:center; gap:18px; }
.pwl-account-personhead>div { min-width:0; }
.pwl-account-label { font-size:12px; color:var(--pwl-color-8d95a3); }
.pwl-account-personhead h2 { margin:4px 0; font-size:24px; overflow-wrap:anywhere; }
.pwl-account-personhead p { font-size:14px; color:var(--pwl-color-808996); white-space:pre-wrap; overflow-wrap:anywhere; }
.pwl-account-avatar { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:68px; height:68px; border-radius:50%; font-size:27px; font-weight:600; color:var(--persona-ink,var(--pwl-color-657ba8)); background:var(--persona-fill,var(--pwl-color-eaf0fa)); }
[data-tone="blue"] { --persona-ink:var(--pwl-color-657ba8); --persona-fill:var(--pwl-color-eaf0fa); }
[data-tone="violet"] { --persona-ink:var(--pwl-color-877aa7); --persona-fill:var(--pwl-color-f0ecf8); }
[data-tone="rose"] { --persona-ink:var(--pwl-color-ac7a84); --persona-fill:var(--pwl-color-f9edf0); }
[data-tone="green"] { --persona-ink:var(--pwl-color-698b7e); --persona-fill:var(--pwl-color-eaf3ee); }
[data-tone="slate"] { --persona-ink:var(--pwl-color-7a8390); --persona-fill:var(--pwl-color-edf0f4); }
.pwl-account-personfoot { display:flex; align-items:flex-end; gap:12px; margin-top:24px; }
.pwl-account-personfoot label { flex:1; min-width:0; font-size:12px; color:var(--pwl-color-85909f); }
.pwl-account-personfoot select { display:block; width:100%; margin-top:6px; padding:9px 11px; min-height:42px; border:1px solid var(--pwl-color-dfe4ec); border-radius:8px; font-size:14px; background:var(--pwl-color-white); color:var(--pwl-color-text); }
.pwl-account-personfoot .pwl-button { flex-shrink:0; font-size:13px; }
.pwl-account-credit { flex:0 0 32%; min-width:0; padding:26px; background:var(--pwl-color-fafbfc); border:1px solid var(--pwl-color-e4e7ed); border-radius:15px; }
.pwl-account-cardhead { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pwl-account-cardhead h2,.pwl-account-card>h2 { font-size:17px; margin:0; }
.pwl-account-cardhead>a { display:flex; align-items:center; gap:2px; font-size:12px; color:var(--pwl-color-7f8897); }
.pwl-account-cardhead>a .pwl-icon { width:14px; height:14px; }
.pwl-account-cardhead>span { color:var(--pwl-color-929aa6); font-size:12px; }
.pwl-account-balance { font-size:36px; font-weight:600; margin:20px 0 8px; }
.pwl-account-balance span { font-size:14px; color:var(--pwl-color-7e8899); font-weight:400; }
.pwl-account-fine { font-size:12px; color:var(--pwl-color-929aaa); line-height:1.7; margin-top:8px; }
.pwl-account-creditactions { display:flex; gap:8px; margin-top:20px; }
.pwl-account-creditactions a { flex:1; font-size:14px; }
.pwl-account-activity { margin:0 0 26px; padding:24px 26px; border:1px solid var(--pwl-color-e4e7ed); border-radius:15px; }
.pwl-account-shortcuts { display:flex; margin-top:22px; }
.pwl-account-shortcuts a { display:flex; align-items:center; gap:10px; flex:1; min-width:0; font-size:14px; padding:10px 16px; border-right:1px solid var(--pwl-color-e9ecf1); }
.pwl-account-shortcuts a:first-child { padding-left:0; }
.pwl-account-shortcuts a:last-child { border:0; padding-right:0; }
.pwl-account-shortcuts a>.pwl-icon:first-child { color:var(--pwl-color-7d8799); }
.pwl-account-shortcuts a>.pwl-icon:last-child { width:14px; margin-left:auto; color:var(--pwl-color-b1b8c3); }
.pwl-account-columns { display:flex; align-items:flex-start; gap:22px; }
.pwl-account-columns>div { flex:1 1 0; min-width:0; }
.pwl-account-card { border:1px solid var(--pwl-color-e4e7ed); border-radius:15px; padding:24px 26px; margin-bottom:22px; }
.pwl-account-card>h2 { margin-bottom:12px; }
.pwl-account-row { display:flex; align-items:center; gap:13px; width:100%; padding:16px 0; background:var(--pwl-color-white); text-align:left; border:0; border-bottom:1px solid var(--pwl-color-eff1f5); }
.pwl-account-row:last-child { border-bottom:0; padding-bottom:3px; }
.pwl-account-row:hover strong { color:var(--pwl-color-brand); }
.pwl-account-rowicon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; border-radius:10px; background:var(--pwl-color-f7f8fa); color:var(--pwl-color-7e899b); }
.pwl-account-rowicon .pwl-icon { width:18px; height:18px; }
.pwl-account-row>span:nth-child(2) { flex:1; min-width:0; }
.pwl-account-row strong { display:block; font-size:15px; font-weight:500; }
.pwl-account-row small { display:block; font-size:12px; color:var(--pwl-color-929ba8); margin-top:5px; }
.pwl-account-row>.pwl-icon { width:16px; height:16px; color:var(--pwl-color-b4bac5); }
.pwl-account-details { margin-top:16px; }
.pwl-account-details summary { cursor:pointer; font-size:14px; color:var(--pwl-color-707c8c); }
.pwl-account-details>div { padding-top:16px; }
.pwl-account-toggle { display:flex; position:relative; align-items:center; justify-content:space-between; gap:18px; padding:14px 0; font-size:14px; cursor:pointer; }
.pwl-account-toggle input { position:absolute; right:0; width:38px; height:22px; margin:0; opacity:0; cursor:pointer; }
.pwl-account-track { display:block; position:relative; width:38px; height:22px; background:var(--pwl-color-dce1e9); border-radius:20px; flex-shrink:0; pointer-events:none; }
.pwl-account-track:after { content:""; position:absolute; left:3px; top:3px; width:16px; height:16px; background:var(--pwl-color-white); border-radius:50%; transition:transform .15s; }
.pwl-account-toggle input:checked+.pwl-account-track { background:var(--pwl-color-brand); }
.pwl-account-toggle input:checked+.pwl-account-track:after { transform:translateX(16px); }
.pwl-account-toggle input:focus-visible+.pwl-account-track { outline:2px solid var(--pwl-color-brand); outline-offset:3px; }
.pwl-account-save { border-top:1px solid var(--pwl-color-eff1f5); padding-top:16px; margin-top:10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:12px; }
.pwl-account-save p { font-size:12px; color:var(--pwl-color-939ca9); flex:1 1 170px; }
.pwl-account-save button { font-size:13px; }
.pwl-account-legal { display:flex; flex-wrap:wrap; gap:10px 16px; margin-top:20px; font-size:12px; color:var(--pwl-color-929ba8); }
.pwl-account-studio { display:flex; gap:16px; align-items:center; padding:22px 26px; margin-bottom:20px; border:1px solid var(--pwl-color-e4e7ed); border-radius:13px; }
.pwl-account-studio>span { flex:1; }
.pwl-account-studio strong { display:block; font-size:15px; }
.pwl-account-studio small { display:block; font-size:12px; color:var(--pwl-color-929ba8); margin-top:5px; }
.pwl-account-studio>.pwl-icon { color:var(--pwl-color-8b95a5); }
@media (max-width:1100px) {
.pwl-account-person,.pwl-account-credit,.pwl-account-card,.pwl-account-activity { padding:22px; }
.pwl-account-shortcuts { flex-wrap:wrap; gap:6px; }
.pwl-account-shortcuts a { flex:0 0 calc(50% - 3px); border:0; padding:12px 0; }
}
@media (max-width:650px) {
.pwl-account-nav { gap:22px; margin-bottom:22px; }
.pwl-account-nav a { font-size:14px; }
.pwl-account-overview,.pwl-account-columns { flex-direction:column; gap:16px; }
.pwl-account-person,.pwl-account-credit,.pwl-account-columns>div { width:100%; flex:auto; }
.pwl-account-person,.pwl-account-credit,.pwl-account-card,.pwl-account-activity { padding:20px; }
.pwl-account-personfoot { flex-wrap:wrap; }
.pwl-account-personfoot label { flex-basis:100%; }
.pwl-account-creditactions { margin-top:14px; }
.pwl-account-balance { margin-top:12px; }
.pwl-account-card { margin-bottom:16px; }
.pwl-account-shortcuts a { gap:8px; font-size:13px; }
.pwl-account-shortcuts a>.pwl-icon:last-child { display:none; }
.pwl-account-personhead h2 { font-size:21px; }
}

.pwl-account-menu { display:flex; flex-wrap:wrap; align-items:flex-start; gap:22px; margin-bottom:22px; }
.pwl-account-menu-group { flex:0 0 calc((100% - 22px)/2); min-width:0; padding:24px 26px; border:1px solid var(--pwl-color-e4e7ed); border-radius:12px; background:var(--pwl-color-white); }
.pwl-account-menu-group>h2 { display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:17px; font-weight:600; }
.pwl-account-menu-group>h2 .pwl-icon { width:19px; height:19px; color:var(--pwl-color-808997); }
.pwl-account-menu-group .pwl-account-row { gap:12px; padding:14px 0; }
.pwl-account-menu-group .pwl-account-menutext { flex:1; min-width:0; }
.pwl-account-menu-group .pwl-account-row small { font-size:13px; margin-top:4px; }
.pwl-account-menu-details { border-top:1px solid var(--pwl-color-eff1f5); scroll-margin-top:85px; }
.pwl-account-menu-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; cursor:pointer; padding:15px 0; font-size:15px; font-weight:500; }
.pwl-account-menu-details summary::-webkit-details-marker { display:none; }
.pwl-account-menu-details summary>.pwl-icon { width:16px; height:16px; color:var(--pwl-color-a3acb9); transform:rotate(90deg); transition:transform .15s; }
.pwl-account-menu-details[open] summary>.pwl-icon { transform:rotate(-90deg); }
.pwl-account-menu-details>div { padding:0 0 8px; }
.pwl-account-menu-details .pwl-form { margin-top:5px; }
.pwl-account-menu-details .pwl-account-toggle { font-size:14px; }
.pwl-account-bottom { display:flex; align-items:center; gap:24px; margin-bottom:12px; }
.pwl-account-bottom .pwl-account-studio { flex:1; min-width:0; margin:0; padding:18px 22px; }
.pwl-account-withdraw { flex-shrink:0; padding:10px 0; color:var(--pwl-color-929ba8); font-size:12px; }
.pwl-account-overview .pwl-account-person,.pwl-account-overview .pwl-account-credit,.pwl-account-activity { border-radius:12px; }
@media(max-width:650px){.pwl-account-menu{gap:16px;}.pwl-account-menu-group{flex-basis:100%;padding:20px;}.pwl-account-bottom{align-items:stretch;flex-direction:column;gap:6px;}.pwl-account-withdraw{align-self:flex-end;}}

.pwl-account-subnav{display:flex;align-items:center;gap:8px;overflow-x:auto;margin-bottom:22px;padding:0 0 8px;}
.pwl-account-subnav a{flex-shrink:0;padding:6px 12px;border-radius:7px;font-size:14px;color:var(--pwl-muted);}
.pwl-account-subnav a[aria-current]{background:var(--pwl-warm);color:var(--pwl-ink);font-weight:600;}
.pwl-account-sectionhead{margin-bottom:22px;}
.pwl-account-sectionhead h2{font-size:22px;font-weight:600;}
.pwl-account-preference-panel { width:100%; max-width:760px; padding:24px; border:1px solid var(--pwl-color-border); border-radius:12px; background:var(--pwl-color-white); }
.pwl-account-preference-panel .pwl-account-toggle+.pwl-account-toggle { border-top:1px solid var(--pwl-color-border); }
@media(max-width:650px){.pwl-account-preference-panel{padding:20px;}}
.pwl-account-summary-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;}
.pwl-account-summary-links>a{display:flex;align-items:center;gap:12px;flex:1 1 200px;padding:18px;border:1px solid var(--pwl-line);border-radius:7px;}
.pwl-account-summary-links>a>span{flex:1;}
.pwl-account-summary-links .pwl-icon{width:18px;height:18px;}
.pwl-persona-editor{width:100%;}

/* My information landing. Secondary navigation remains in the shared account shell. */
.pwl-myhome { display:flex; align-items:flex-start; gap:28px; margin:4px 0 24px; }
.pwl-myhome-main { flex:1; min-width:0; }
.pwl-myhome-side { flex:0 0 320px; min-width:0; }
.pwl-myhome-profile { border:1px solid var(--pwl-color-border); border-radius:12px; overflow:hidden; background:var(--pwl-color-white); }
.pwl-myhome-cover { height:142px; background:var(--pwl-color-surface); }
.pwl-myhome-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.pwl-myhome-cover img[hidden] { display:none; }
.pwl-myhome-person { padding:0 28px 28px; }
.pwl-myhome-personline { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-top:-36px; position:relative; }
.pwl-myhome-personline .pwl-account-avatar { width:88px; height:88px; border:5px solid var(--pwl-color-white); font-size:30px; }
.pwl-myhome-personline .pwl-button { font-size:13px; min-height:36px; padding:8px 12px; margin-bottom:4px; }
.pwl-myhome-personline .pwl-button .pwl-icon { width:15px; height:15px; }
.pwl-myhome-eyebrow { display:block; font-size:12px; color:var(--pwl-color-muted); margin-top:18px; }
.pwl-myhome-person h2 { margin:6px 0 8px; font-size:28px; font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.pwl-myhome-person p { font-size:14px; color:var(--pwl-color-muted); line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; }
.pwl-myhome-activity { display:flex; border-top:1px solid var(--pwl-color-border); padding:22px 12px; }
.pwl-myhome-activity a { display:flex; flex:1; min-width:0; flex-direction:column; align-items:center; gap:10px; font-size:14px; border-right:1px solid var(--pwl-color-border); }
.pwl-myhome-activity a:last-child { border-right:0; }
.pwl-myhome-activity a:hover { color:var(--pwl-color-brand); }
.pwl-myhome-activity .pwl-icon { width:21px; height:21px; }
.pwl-myhome-sectionhead { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pwl-myhome-sectionhead h2 { display:flex; align-items:center; gap:8px; font-size:17px; font-weight:600; margin:0; }
.pwl-myhome-sectionhead>a { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--pwl-color-muted); }
.pwl-myhome-sectionhead .pwl-icon { width:18px; height:18px; }
.pwl-myhome-workspace { margin-top:30px; }
.pwl-myhome-worklinks { display:flex; gap:20px; margin-top:14px; border-top:1px solid var(--pwl-color-border); }
.pwl-myhome-worklinks>a { flex:1; min-width:0; }
.pwl-myhome-link { display:flex; align-items:center; gap:12px; padding:17px 0; color:var(--pwl-color-text); }
.pwl-myhome-link>span { flex:1; min-width:0; }
.pwl-myhome-link strong { font-size:14px; font-weight:500; }
.pwl-myhome-link small { display:block; font-size:12px; color:var(--pwl-color-muted); margin-top:5px; }
.pwl-myhome-link>.pwl-icon { width:18px; height:18px; flex-shrink:0; }
.pwl-myhome-link>.pwl-icon:last-child { width:14px; color:var(--pwl-color-muted); }
.pwl-myhome-link:hover strong { color:var(--pwl-color-brand); }
.pwl-myhome-wallet { border:1px solid var(--pwl-color-border); border-radius:12px; padding:24px; background:var(--pwl-color-white); }
.pwl-myhome-balance { font-size:38px; font-weight:600; line-height:1.2; margin:30px 0 8px; }
.pwl-myhome-balance span { font-size:14px; font-weight:400; }
.pwl-myhome-caption { font-size:12px; color:var(--pwl-color-muted); }
.pwl-myhome-payactions { display:flex; gap:8px; margin-top:24px; }
.pwl-myhome-payactions a { flex:1; min-width:0; font-size:14px; }
.pwl-myhome-rate { text-align:center; font-size:12px; color:var(--pwl-color-muted); margin:12px 0 22px; }
.pwl-myhome-ledger { border-top:1px solid var(--pwl-color-border); padding-top:6px; }
.pwl-myhome-ledger .pwl-myhome-link { padding:12px 0; }
.pwl-myhome-service { padding:10px 24px; margin-top:16px; background:var(--pwl-color-surface); border-radius:9px; }
.pwl-myhome-service .pwl-myhome-link { padding:12px 0; }
@media(max-width:1100px) {
.pwl-myhome { gap:20px; }
.pwl-myhome-side { flex-basis:285px; }
.pwl-myhome-person { padding:0 22px 24px; }
.pwl-myhome-worklinks { flex-direction:column; gap:0; }
.pwl-myhome-worklinks>a+a { border-top:1px solid var(--pwl-color-border); }
}
@media(max-width:820px) {
.pwl-myhome { flex-direction:column; gap:26px; }
.pwl-myhome-main,.pwl-myhome-side { width:100%; flex:auto; }
.pwl-myhome-worklinks { flex-direction:row; gap:20px; }
.pwl-myhome-worklinks>a+a { border-top:0; }
}
@media(max-width:500px) {
.pwl-myhome-cover { height:120px; }
.pwl-myhome-person { padding:0 20px 22px; }
.pwl-myhome-person h2 { font-size:25px; }
.pwl-myhome-activity { padding:20px 8px; }
.pwl-myhome-activity a { font-size:13px; }
.pwl-myhome-worklinks { flex-direction:column; gap:0; }
.pwl-myhome-worklinks>a+a { border-top:1px solid var(--pwl-color-border); }
.pwl-myhome-wallet { padding:22px; }
}
