/* Shared light dashboard language: warm canvas, slim navigation and quiet cards. */
body.account-page,body.live-brand-page{--dashboard-canvas:#f4f3ec;--dashboard-paper:#fffefa;--dashboard-line:#dedfd5;--dashboard-ink:#242720;background:var(--dashboard-canvas);color:var(--dashboard-ink)}
body.account-page .account-header,body.live-brand-page .account-header{background:var(--dashboard-canvas)!important;padding-left:28px;padding-right:28px}
body.account-page .account-header nav,body.live-brand-page .account-header nav{font-size:13px;gap:16px}
body.account-page .account-avatar{background:#e0e8d5;color:#30392c;border:1px solid #ced7c1;width:34px;height:34px;font-size:12px}
body.account-page .account-shell{padding:8px 18px 24px;gap:16px;grid-template-columns:220px minmax(0,1fr);align-items:start}
body.account-page .account-main{background:var(--dashboard-paper);border:1px solid var(--dashboard-line);border-radius:24px;padding:28px;max-width:1440px;min-height:calc(100dvh - 106px)}
body.design-refresh.account-page .account-sidebar,body.design-refresh.live-brand-page .live-sidebar{background:#fffefa;border:1px solid var(--dashboard-line);border-radius:20px;padding:16px 12px}
body.account-page .account-sidebar{position:sticky;top:80px;max-height:calc(100dvh - 96px);overflow-y:auto}
body.account-page .account-sidebar>span{font-size:10px;letter-spacing:.1em;margin:8px 12px 16px;color:#6c7166}
body.design-refresh :is(.account-sidebar,.live-sidebar) :is(.account-tab,.chapter-nav>button,.chapter-nav>a,.sidebar-help summary,.sidebar-collapse){font-size:13px;border-radius:10px;padding:11px 12px;min-height:42px;transition:background .18s,color .18s}
body.design-refresh :is(.account-sidebar .account-tab.active,.live-sidebar .chapter-nav>button.active){background:#252a23;color:#fff;border:0}
body.design-refresh :is(.account-sidebar .account-tab.active,.live-sidebar .chapter-nav>button.active):hover{background:#3d4938;color:#fff}
body.design-refresh :is(.account-sidebar,.live-sidebar) .sidebar-label{font-size:inherit;color:inherit}
body.account-page .account-sidebar-foot{border-top:1px solid var(--dashboard-line);padding-top:20px;margin-top:24px;font-size:12px;line-height:1.7;color:#6b7164}
body.account-page .account-notice{background:#eef2e7;border:0;border-radius:10px;padding:10px 14px;margin-bottom:24px;font-size:12px;line-height:1.5}
body.account-page .account-heading,body.live-brand-page .account-heading{margin-bottom:24px}
body.account-page .account-heading h1,body.live-brand-page .account-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em}
body.account-page .account-heading p,body.live-brand-page .account-heading p{font-size:14px;line-height:1.6;color:#697060;margin-top:10px}
body.account-page .section-kicker{font-size:10px;letter-spacing:.12em;color:#72786c;margin-bottom:10px}
body.account-page .stats-grid{gap:14px;margin-bottom:30px}
body.account-page .stat-card{position:relative;border:1px solid #d2dcc8;border-radius:18px;padding:22px;background:#e3ebd9;box-shadow:none}
body.account-page .stat-card:nth-child(2){background:#f6e0d6;border-color:#ecd1c4}
body.account-page .stat-card:nth-child(3){background:#e0e8f5;border-color:#cfd9e8}
body.account-page .stat-card>span{font-size:11px;letter-spacing:.07em}
body.account-page .stat-card strong{font-size:34px;line-height:1.15;margin:22px 0 9px}
body.account-page .stat-card p{font-size:12px;line-height:1.5;margin:0;min-height:36px}
.usage-meter{height:5px;border-radius:100px;background:#ffffff8f;overflow:hidden;margin-top:16px}.usage-meter i{display:block;height:100%;background:#566449;border-radius:100px}.stat-card:nth-child(2) .usage-meter i{background:#946349}.stat-card:nth-child(3) .usage-meter i{background:#54739e}
.workspace-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 16px}.workspace-section-heading h2{font-size:19px}.workspace-section-heading>span{font-size:12px;color:#6c7166}
body.account-page .workspace-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
body.account-page .workspace-card{background:#fff;border:1px solid var(--dashboard-line);border-radius:18px;transition:border-color .18s,background .18s;box-shadow:none}
body.account-page .workspace-card:hover{border-color:#9ca98e;background:#fafbf7}
body.account-page .workspace-card>div:first-child{height:180px;margin:8px 8px 0;border-radius:12px;isolation:isolate}
body.account-page .workspace-card>div:first-child>small{left:12px;top:12px;max-width:calc(100% - 72px);font-size:9px;letter-spacing:.07em;padding:6px 8px}
body.account-page .workspace-card .workspace-cover-control{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;min-height:36px;display:grid;place-items:center;margin:0;padding:0;border:1px solid #d7dbd0;border-radius:50%;background:#fff;color:#242720;cursor:pointer;box-shadow:none;line-height:1}
body.account-page .workspace-card .workspace-cover-control:hover{background:#252a23;color:#fff;border-color:#252a23}
body.account-page .workspace-card .workspace-cover-control:focus-visible{outline:2px solid #252a23;outline-offset:3px}
body.account-page .workspace-card-content{padding:20px}
body.account-page .workspace-card h3{font-size:19px}
body.account-page .workspace-card p{font-size:12px;line-height:1.6;color:#697060;margin:8px 0 18px}
body.account-page .workspace-card .btn{font-size:12px;padding:10px 16px;border-color:#c6cdbd}
body.account-page .workspace-new{background:#f5f7f0;border:1px dashed #bac6ad;border-radius:18px;min-height:290px}
body.account-page .workspace-new>span{display:grid;place-items:center;background:#e4ebda;border-radius:50%;width:44px;height:44px;font-size:24px}
body.account-page .workspace-new small{font-size:12px}
body.account-page :is(.dashboard-card,.security-card){border-color:var(--dashboard-line);border-radius:18px;background:#fff;box-shadow:none}
body.account-page .security-card h2{font-size:20px}
body.account-page .brand-footer{display:none}
body.live-brand-page{padding-left:256px}
body.design-refresh.live-brand-page .live-sidebar{left:14px;top:14px;bottom:14px;width:226px}
body.live-brand-page .live-sidebar .brand-logo img{width:166px;max-width:100%}
body.live-brand-page .live-workspace-name{font-size:13px;padding:16px 8px;margin:18px 0 8px;border-color:var(--dashboard-line)}
body.live-brand-page .live-brand-main{margin:8px 20px 24px 0;padding:28px;background:var(--dashboard-paper);border:1px solid var(--dashboard-line);border-radius:24px;max-width:none}
body.live-brand-page :is(.live-asset-card,.brand-logo-playground,.palette-card,.combination-grid article,.logo-variation-grid article,.visual-editor){border-color:var(--dashboard-line);border-radius:16px;box-shadow:none}
body.live-brand-page .live-assets-grid{gap:16px}
body.live-brand-page .live-asset-art{border-color:var(--dashboard-line);background:#f1f3ec}
body.live-brand-page .live-asset-info{padding:18px}
body.live-brand-page .live-asset-info h3{font-size:18px}
body.live-brand-page .live-asset-info p{font-size:12px;color:#697060}
body.live-brand-page .visual-heading h3{font-size:30px}
body.live-brand-page .visual-heading p{font-size:14px;line-height:1.6}
body.live-brand-page .visual-section-title h3{font-size:22px}
body.live-brand-page .visual-editor summary{font-size:13px}
body.live-brand-page :is(.btn,.workspace-back){font-size:13px}
body.account-page.sidebar-compact .account-shell{grid-template-columns:76px minmax(0,1fr)}
body.design-refresh.live-brand-page.sidebar-compact .live-sidebar{width:68px;padding:12px 6px}
body.live-brand-page.sidebar-compact{padding-left:98px}
@media(max-width:1000px){body.account-page .account-shell{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:8px 12px 20px}body.account-page .account-main,body.live-brand-page .live-brand-main{padding:22px}body.account-page .stats-grid{grid-template-columns:1fr}.workspace-section-heading{flex-wrap:wrap}}
@media(max-width:750px){body.account-page .account-shell{display:block;padding:8px 10px 20px}body.account-page .account-sidebar{position:static;max-height:none;margin-bottom:12px}body.account-page .account-main{padding:18px;border-radius:18px}body.account-page .account-sidebar-foot{display:none}body.account-page .account-header{padding-left:18px;padding-right:18px}body.live-brand-page,body.live-brand-page.sidebar-compact{padding-left:0}body.design-refresh.live-brand-page .live-sidebar,body.design-refresh.live-brand-page.sidebar-compact .live-sidebar{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:10px;padding:14px}body.live-brand-page .live-brand-main{margin:10px;padding:18px;border-radius:18px}body.account-page.sidebar-compact .account-shell{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px}body.account-page.sidebar-compact .account-sidebar{position:sticky;top:74px;padding:12px 4px}body.account-page.sidebar-compact .account-main{padding:14px}body.account-page .workspace-grid{grid-template-columns:1fr}.workspace-section-heading>span{display:none}body.account-page .stat-card strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){body.account-page .workspace-card,body.design-refresh :is(.account-sidebar,.live-sidebar) :is(.account-tab,.chapter-nav>button){transition:none}}
/* Consistent dashboard type and form rhythm. */
body.design-refresh:is(.account-page,.live-brand-page) :is(h1,h2,h3,h4){font-weight:600!important;color:#242720}
body.design-refresh:is(.account-page,.live-brand-page) :is(label,select,input,textarea){font-size:14px;line-height:1.5;color:#242720}
body.design-refresh:is(.account-page,.live-brand-page) label{font-weight:400;line-height:1.5}
body.design-refresh:is(.account-page,.live-brand-page) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;background:#f3f3ef;border:1px solid #dedfd5;border-radius:10px;padding:12px 14px;font-family:inherit}
body.design-refresh:is(.account-page,.live-brand-page) :is(input,select,textarea):focus-visible{outline:2px solid #718164;outline-offset:2px}
body.design-refresh .account-sidebar :is(.request-feature,.standalone-cancel){display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border:1px solid #242620;border-radius:100px;font-size:13px;font-weight:500;line-height:1.4;min-height:44px}
body.design-refresh .account-sidebar .request-feature{background:#242620;color:white}
body.design-refresh .account-sidebar .standalone-cancel{background:transparent;color:#242620}
.security-card>p{margin:12px 0 20px}.security-card form>button{margin-top:16px}.security-card form>label{margin-bottom:10px}
body.design-refresh .security-phone-field{display:grid;grid-template-columns:minmax(120px,42%) minmax(0,1fr);gap:0;overflow:visible;border:0;background:transparent}
body.design-refresh .security-card .security-phone-field select{width:100%;max-width:none;min-width:0;padding:12px 28px 12px 10px;border:1px solid #dedfd5;border-radius:10px 0 0 10px;text-overflow:ellipsis}
body.design-refresh .security-card .security-phone-field input{width:100%;min-width:0;padding:12px 14px;border:1px solid #dedfd5;border-left:0;border-radius:0 10px 10px 0}
body.design-refresh .chapter-nav>a.active{background:#252a23;color:#fff}
body.live-brand-page [hidden]{display:none!important}
.library-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 24px}
.library-categories button{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;border:1px solid #dedfd5;background:#f7f8f3;border-radius:12px;padding:16px;color:#242720;font-size:14px}
.library-categories button svg{flex:0 0 20px}.library-categories button span{flex:1;min-width:0}.library-categories button small{font-size:12px;color:#65705d;white-space:nowrap}
.library-categories button:hover,.library-categories button[aria-pressed=true]{background:#e3ebd9;border-color:#a6b797}
#library-search-toggle{margin-top:16px}#library-search-form{margin:18px 0}.live-assets{margin-top:24px}
@media(max-width:750px){body.design-refresh .account-header{box-sizing:border-box;width:100%;max-width:none;isolation:isolate}.library-categories{grid-template-columns:1fr}.security-phone-field{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}body.design-refresh .security-card .security-phone-field :is(select,input){border:1px solid #dedfd5;border-radius:10px}.account-header nav{max-width:100%;min-width:0;flex-wrap:wrap}}
.overview-cover{margin:0 0 28px;border-radius:18px;overflow:hidden;background:#edf0e6}.overview-cover img{display:block;width:100%;height:clamp(180px,28vw,360px);object-fit:cover}.overview-intro{margin:8px 0 24px}.overview-intro h2{font-size:28px;margin:8px 0 10px}.overview-intro p{font-size:14px;line-height:1.6;color:#697060}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:32px}.overview-card{display:block;min-width:0;padding:8px;background:#fff;text-align:left;border:1px solid #dedfd5;border-radius:16px;overflow:hidden;color:#242720;transition:border-color .18s,background .18s}.overview-card:hover{border-color:#a0b18e;background:#f6f8f1}.overview-card-image{height:160px;background:var(--cover-tone);border-radius:10px;overflow:hidden;display:grid;place-items:center}.overview-card-image>img{width:100%;height:100%;object-fit:cover}.overview-card-image>span{font-size:48px;font-weight:400;color:#48533d}.overview-card-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 10px}.overview-card-label h3{font-size:17px;line-height:1.3}.overview-card-label>span{font-size:20px}#portal-overview .brand-management{margin-top:30px}#library-search-form{margin:20px 0 24px}
@media(max-width:1050px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.overview-grid{grid-template-columns:1fr}.overview-card-image{height:180px}.overview-intro h2{font-size:24px}}
/* Overview chapters use the same card structure as workspace brands. */
body.account-page .overview-card{padding:0;display:block;text-align:left}.overview-card .workspace-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overview-card .workspace-monogram{font-size:48px;font-weight:400}.team-reviews{margin-top:28px}.team-reviews .review-card{padding:20px;border:1px solid #dedfd5;border-radius:14px;margin:16px 0;background:#fff}.team-reviews pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;margin:16px 0;max-height:300px;overflow:auto}

/* Keep navigation labels legible and unchanged in every interaction state. */
body.design-refresh .chapter-nav>a:is([href="#overview"],[href="#assets"]),body.design-refresh .chapter-nav>a:is([href="#overview"],[href="#assets"]):is(:hover,:focus-visible,.active){color:#242720!important}
body.design-refresh .chapter-nav>a:is([href="#overview"],[href="#assets"]).active{background:#e3ebd9}
body.design-refresh .chapter-nav>a:is([href="#overview"],[href="#assets"]) .sidebar-label{color:inherit!important}
body.design-refresh .library-categories button,body.design-refresh .library-categories button:is(:hover,:focus-visible,[aria-pressed=true]){color:#242720}
body.design-refresh .library-categories button small{color:#65705d}
body.design-refresh .overview-card .btn,body.design-refresh .overview-card .btn:is(:hover,:focus-visible,:active){color:#242720!important}
@media(min-width:751px){body.account-page:not(.live-brand-page) .account-sidebar{display:flex;flex-direction:column;height:calc(100dvh - 96px);max-height:calc(100dvh - 96px)}body.account-page:not(.live-brand-page) .account-sidebar>*{flex-shrink:0}body.account-page:not(.live-brand-page) .account-sidebar .sidebar-help{margin-bottom:24px}body.account-page:not(.live-brand-page) .account-sidebar .request-feature{margin-top:auto!important}}
@media(max-width:750px){body.account-page.sidebar-compact .account-sidebar{display:flex;flex-direction:column;height:calc(100dvh - 88px);max-height:calc(100dvh - 88px);overflow-y:auto}body.account-page.sidebar-compact .account-sidebar>*{flex-shrink:0}body.account-page.sidebar-compact .account-sidebar .request-feature{margin-top:auto!important}}

/* Security and team forms follow the minimal account form design. */
body.account-page :is(#security-panel,#team-panel){max-width:none;width:100%;color:#242620}
body.account-page .security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:none;align-items:start}
body.account-page .security-card{padding:24px;border:1px solid #dedbd3;border-radius:20px;background:#fff;min-width:0}
body.account-page :is(#security-panel,#team-panel) :is(h2,h3){font-weight:500;line-height:1.3;margin:0 0 12px;font-size:22px}
body.account-page :is(#security-panel,#team-panel) p{font-size:14px;line-height:1.6;color:#5f6259;margin:0 0 18px;overflow-wrap:anywhere}
body.account-page :is(#security-panel,#team-panel) label{display:grid;gap:8px;font-size:13px;font-weight:400;margin:0 0 16px}
body.account-page :is(#security-panel,#team-panel) :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box;padding:13px 14px;border:1px solid #dedbd3;border-radius:12px;background:#f4f3ef;color:#242620;font:inherit;font-size:14px;min-height:46px;box-shadow:none}
body.account-page :is(#security-panel,#team-panel) :is(input,select,textarea):focus-visible{outline:2px solid #527357;outline-offset:2px}
body.account-page :is(#security-panel,#team-panel) form{margin:18px 0 0}
body.account-page :is(#security-panel,#team-panel) .btn{min-height:44px;border-radius:16px;white-space:normal;line-height:1.4;margin:0 8px 8px 0;box-shadow:none}
body.account-page .security-action{margin-top:14px}
body.account-page .security-action>button{border:1px solid #242620;background:#fff;color:#242620;text-align:left}
body.account-page .security-action>button:is(:hover,[aria-expanded=true]){background:#efede5;color:#242620}
body.account-page .security-action form{padding:18px;border:1px solid #dedbd3;border-radius:16px;background:#faf9f5}
body.account-page #team-panel{padding:24px;border:1px solid #dedbd3;border-radius:20px;background:#fff}
body.account-page #team-panel hr{border:0;border-top:1px solid #dedbd3;margin:24px 0}
body.account-page #team-panel #team-invite{display:grid;grid-template-columns:minmax(0,2fr) minmax(130px,1fr);gap:16px;padding:20px;border:1px solid #dedbd3;border-radius:16px;background:#faf9f5;margin-bottom:24px}
body.account-page #team-invite button{grid-column:1/-1;justify-self:start}
body.account-page #team-panel .table-scroll{border:1px solid #dedbd3;border-radius:16px;margin:20px 0 28px;box-shadow:none}
body.account-page #team-panel table{width:100%;font-size:13px}body.account-page #team-panel :is(th,td){padding:14px;text-align:left;border-bottom:1px solid #eeeae2}
body.account-page .security-card .security-phone-field{display:flex!important;gap:0!important;align-items:stretch;border:1px solid #dedbd3;border-radius:12px;overflow:hidden;background:#f4f3ef}
body.account-page .security-card .security-phone-field select{flex:0 0 108px;width:108px;max-width:108px;padding:12px 8px;border:0!important;border-right:1px solid #dedbd3!important;border-radius:0!important;font-size:13px}
body.account-page .security-card .security-phone-field input{flex:1 1 auto;width:0;padding:12px 14px;border:0!important;border-radius:0!important}
@media(max-width:1000px){body.account-page .security-grid{grid-template-columns:1fr}}
@media(max-width:600px){body.account-page #team-panel{padding:18px}body.account-page #team-panel #team-invite{grid-template-columns:1fr}body.account-page .security-card{padding:18px}}

/* Full-width actions within each workspace content section. */
body.account-page:not(.live-brand-page) .account-main .btn{display:flex;width:100%;box-sizing:border-box;justify-content:center;margin-left:0;margin-right:0}
body.account-page #team-invite button{justify-self:stretch}
body.account-page .security-card .security-phone-field{margin-bottom:18px}
body.account-page .security-card .security-phone-field select{flex-basis:132px;width:132px;max-width:132px}
body.account-page .security-action-dialog{width:min(520px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #000;border-radius:20px;background:#fff;box-shadow:none}
body.account-page .security-action-dialog form{margin:16px 0 0;padding:0;border:0;background:none}
body.account-page .security-action-dialog .account-dialog-head{display:flex;gap:16px;align-items:center;justify-content:space-between}
body.account-page .security-action-dialog .account-dialog-head button{width:36px;flex:0 0 36px;min-height:36px;font-size:24px}
body.account-page .security-action-dialog::backdrop{background:#0006}

/* Usage cards share the lavender reference treatment and actual account usage. */
body.account-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.account-page .stats-grid .stat-card{display:flex;flex-direction:column;min-width:0;padding:25px 22px;border:0;border-radius:24px;background:#cbbede;color:#60419a;box-shadow:none}
body.account-page .stats-grid .stat-card>span{font-size:15px;font-weight:600;letter-spacing:0;color:inherit}
body.account-page .stats-grid .stat-card strong{display:block;font-size:clamp(36px,4.6vw,68px);font-weight:500;letter-spacing:-2px;line-height:1.1;color:inherit;margin:22px 0 16px;overflow-wrap:anywhere}
body.account-page .stats-grid .stat-card strong small{font-size:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}
body.account-page .stats-grid .stat-card p{color:inherit;font-size:15px;font-weight:500;line-height:1.4;min-height:42px;margin:0 0 20px}
body.account-page .stats-grid .usage-meter{height:12px;min-height:12px;margin-top:auto;border-radius:100px;background:#fff}
body.account-page .stats-grid .usage-meter i{background:#60419a;border-radius:100px}
@media(max-width:1000px){body.account-page .stats-grid{grid-template-columns:1fr}body.account-page .stats-grid .stat-card strong{font-size:56px}}
body.account-page #account-view .workspace-welcome .btn[data-new-brand]{width:auto!important;max-width:100%;min-width:160px;display:inline-flex;flex:none;padding:12px 24px}
body.account-page .workspace-welcome>p{max-width:460px;margin:0 auto 24px;font-size:16px;line-height:1.6;color:#65675e}
.first-brand-dialog{width:min(480px,calc(100% - 32px));max-height:90svh;overflow:auto;padding:28px;border:1px solid #111;border-radius:22px;background:#fff;text-align:center;box-shadow:none}.first-brand-dialog::backdrop{background:#0006}.first-brand-animation{width:min(100%,240px);aspect-ratio:1;margin:auto}.first-brand-dialog h2{font-size:28px;font-weight:500;margin:10px 0}.first-brand-dialog p{font-size:16px;line-height:1.6}.first-brand-dialog .btn{display:inline-flex;width:auto!important;justify-content:center;margin-top:10px}

body.account-page .stats-grid .stat-card:nth-child(2){background:#f4d6c8;color:#804631}body.account-page .stats-grid .stat-card:nth-child(2) .usage-meter i{background:#804631}body.account-page .stats-grid .stat-card:nth-child(3){background:#dce5f4;color:#365a85}body.account-page .stats-grid .stat-card:nth-child(3) .usage-meter i{background:#365a85}