/* Shared light palette for public pages, account screens and documents. */
:root:not([data-theme="dark"]){--bg:#eeebf4;--surface:#fdfcfe;--card:#fdfcfe;--surface-2:#e9e4f1;--ink:#292335;--muted:#60566f;--line:#d7cfe3;--accent:#7044bd;--purple:#7044bd;--accent-soft:#e8dcf8;--soft:#e8dcf8;--shadow:0 3px 14px #3823520a}
:root:not([data-theme="dark"]) body{background:var(--bg);color:var(--ink)}
:root:not([data-theme="dark"]) :is(.plan,.portfolio-preview,.feature-card,.auth-wrap,.login-form-panel,.pricing-faq details,dialog,.legal-document){background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
:root:not([data-theme="dark"]) .plan:nth-child(even){background:#f3edf9}
:root:not([data-theme="dark"]) .plan.featured{background:#e9ddf8;border-color:#a58ac9;box-shadow:0 6px 22px #7044bd17}
:root:not([data-theme="dark"]) :is(.billing-period,.pricing-note,.legal-draft){background:#e5ddef;border-color:#d1c3e1}
:root:not([data-theme="dark"]) :is(.legal-top,.pricing-top){border-bottom:1px solid var(--line);padding-bottom:20px}
:root:not([data-theme="dark"]) :is(.legal-footer,footer){border-top-color:#d0c3df}
:root:not([data-theme="dark"]) .legal-document{border:1px solid var(--line);border-radius:22px;padding:clamp(20px,4vw,48px)}
:root:not([data-theme="dark"]) .login-layout{background:#eeebf4}
:root:not([data-theme="dark"]) .login-story{background:#e7e0f1}
:root:not([data-theme="dark"]) .login-background{background:#e7e0f1;mix-blend-mode:multiply}
:root:not([data-theme="dark"]) .login-form-panel{background:#f7f3fc}
:root:not([data-theme="dark"]) :is(input,select,textarea){border-color:#cfc2df;background:#f8f5fc;color:var(--ink)}
:root:not([data-theme="dark"]) th{background:#eae4f2;color:#51445f;border-bottom-color:#cfc3df}
:root:not([data-theme="dark"]) tbody tr:nth-child(even){background:#f5f1fa}
:root:not([data-theme="dark"]) tbody tr:hover{background:#eee5f8}
.tax-summary{margin:22px 0;padding:22px}.tax-summary-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.tax-rate-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.tax-rate-form label{font-size:13px}.tax-rate-form input{display:block;width:105px;padding:9px;border:1px solid var(--line);border-radius:9px;margin-top:5px}.tax-estimates{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}.tax-estimates>div{padding:14px 18px;background:var(--surface-2);border-radius:12px;min-width:190px}.tax-estimates small,.tax-estimates strong{display:block}.tax-estimates small{font-size:12px;color:var(--muted)}.tax-estimates strong{font-size:20px;margin-top:5px}.tax-summary p{font-size:12px}
/* Stable account toolbar and navigation at intermediate window widths. */
body:has(#account-select) header{height:auto;min-height:66px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-block:12px}
body:has(#account-select) header .portfolio-scope{flex:0 1 270px;min-width:210px;max-width:100%;width:270px}
body:has(#account-select) header .portfolio-scope select{min-width:0;width:100%;text-overflow:ellipsis}
body:has(#account-select) .header-right{flex:1 1 390px;min-width:0;max-width:100%;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
body:has(#account-select) .header-right :is(button,a,summary){white-space:nowrap;flex-shrink:0}
body:has(#account-select) .page-title{flex-wrap:wrap;align-items:center;gap:14px}
body:has(#account-select) .page-title .actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}
body:has(#account-select) .page-title button{white-space:nowrap}
#payments>.tax-summary{display:block!important}
@media(max-width:1400px){
.product-view{position:relative;flex-shrink:0}.product-view>summary{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:9px 13px;min-height:36px;background:var(--surface);color:var(--ink);font-size:13px;list-style:none}.product-view>summary::-webkit-details-marker{display:none}.product-view:not([open])>.display-settings{display:none!important}.product-view[open]>.display-settings{display:flex!important;position:absolute;right:0;top:46px;flex-direction:column;align-items:stretch;gap:12px;width:260px!important;max-width:calc(100vw - 32px);padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #0002;z-index:120}.product-view .display-switch{justify-content:space-between}
}
@media(max-width:1000px){
body:has(#account-select) header .portfolio-scope{flex:1 1 220px;max-width:330px}body:has(#account-select) .header-right{justify-content:flex-start!important;flex:1 1 370px}
}
@media(max-width:900px){aside nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}aside nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:66px;padding:8px 4px;font-size:18px}aside nav button span{font-size:12px;line-height:1.25;max-width:100%;white-space:normal}body:has(#account-select) header{padding:14px 24px}body:has(#account-select) .header-right{flex-basis:100%}body:has(#account-select) header .portfolio-scope{max-width:100%;width:100%;flex-basis:100%}}
@media(max-width:600px){aside nav button span{font-size:10px}aside nav button{min-height:60px}body:has(#account-select) header{padding:12px 16px}body:has(#account-select) .header-right{gap:7px!important}body:has(#account-select) .header-right button,body:has(#account-select) .header-right a{font-size:12px!important;padding:8px 10px}body:has(#account-select) .page-title .actions{width:100%}body:has(#account-select) .page-title .actions button{flex:1}.product-view>summary{font-size:12px;padding:8px 10px}.tax-rate-form{align-items:end}.tax-estimates>div{min-width:0;flex:1 1 150px}}

.tax-mode-control{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.tax-mode-control select{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);max-width:100%;min-width:160px}.product-view .tax-mode-control select{width:100%}