/* Production v1.0 identity and shared shell roles. Customer content is isolated. */
@font-face{font-family:Inter;src:url('./brand/Inter-Latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:var(--gm-text);--muted:var(--gm-text-muted);--green:var(--gm-action);--paper:var(--gm-canvas);--line:var(--gm-border-subtle);--border:var(--gm-border-subtle);--white:var(--gm-surface);--accent:var(--gm-selected-bg);--danger:var(--gm-danger);--workspace-accent:var(--gm-link);--workspace-soft:var(--gm-selected-bg);--workspace-line:var(--gm-border-subtle);--radius:12px;--shadow:var(--gm-shadow-card);font-family:var(--gm-font-body);color:var(--gm-text)}
body{background:var(--gm-canvas)}
h1,h2,h3,h4,.account-title,.social-calendar-empty h3{font-family:var(--gm-font-body);color:var(--gm-heading)}
/* Match module specificity so legacy heading fonts cannot override the app brand. */
.account-workspace-monogram,.account-demo-card h2,.account-dialog-heading h2,.capture-welcome-boundaries h2,.social-accounts-empty h3,.social-saved-content h2,.social-empty h2,.social-calendar-month h2,.social-calendar-empty h3,.workspace-avatar,.next-step-card h2,.setup-aside h2,.tracking-method-card h2,.tracking-empty h2,.tracking-report-heading h2,.tracking-report-empty h3{font-family:var(--gm-font-body)}
#main>.page-heading h1,.page-heading h1{font-size:24px;line-height:30px;font-weight:600;letter-spacing:-.5px}
.sidebar,.topbar,.card,dialog{background:var(--gm-surface)}
.app-frame{background:var(--gm-canvas)}
.sidebar .brand{padding:12px 0;margin:0 10px 20px;min-height:65px;display:flex;flex-shrink:0}
.sidebar .brand-wordmark{width:176px;height:auto;max-width:none;border-radius:0}
.sidebar .brand-symbol{display:none}
.sidebar .brand-dark{display:none}
[data-theme=dark] .sidebar .brand-light{display:none}
[data-theme=dark] .sidebar .brand-dark{display:block}
.sidebar .nav-link{font-size:14px;min-height:40px;border-radius:8px}
.sidebar .nav-link.active{background:var(--gm-selected-bg);color:var(--gm-selected-text);box-shadow:inset 3px 0 var(--gm-link)}
.sidebar .nav-link.active svg{color:var(--gm-selected-text)}
.sidebar .nav-label{font-size:12px;letter-spacing:.6px}
.btn,.button{font-weight:600;border-radius:8px;min-height:40px}
.btn-primary,.composer-primary,.campaign-create .btn-primary{background:var(--gm-action);color:var(--gm-action-text);border-color:var(--gm-action)}
.btn-primary:hover{background:var(--gm-action-hover);color:var(--gm-action-text);border-color:var(--gm-action-hover)}
.btn-secondary{background:var(--gm-surface);color:var(--gm-heading);border-color:var(--gm-border-control)}
.input,.field input:not([type=checkbox]):not([type=radio]):not([type=color]),.field select,.field textarea{background:var(--gm-surface);color:var(--gm-text);border-color:var(--gm-border-control);border-radius:8px}
input::placeholder,textarea::placeholder{color:var(--gm-text-muted);opacity:1}
:focus-visible{outline:3px solid var(--gm-focus);outline-offset:3px;box-shadow:0 0 0 3px var(--gm-surface)}
.workspace-text-button:focus-visible,.workspace-icon-button:focus-visible,.audience-person:focus-visible{outline:3px solid var(--gm-focus);outline-offset:3px}
::selection{background:var(--gm-selected-bg);color:var(--gm-selected-text)}
dialog::backdrop{background:var(--gm-overlay)}
.topbar-right{gap:16px}
.topbar-left{min-width:0}.topbar-right{flex-shrink:0}
.profile-menu{position:relative;flex-shrink:0}
.profile-menu-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-width:54px;min-height:44px;padding:4px 6px;border:1px solid transparent;border-radius:24px;background:transparent;color:var(--gm-text-muted);cursor:pointer}
.profile-menu-trigger:hover,.profile-menu-trigger[aria-expanded=true]{background:var(--gm-selected-bg);border-color:var(--gm-border-subtle)}
.profile-menu-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.profile-menu-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;width:280px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 80px);overflow:auto;background:var(--gm-surface);border:1px solid var(--gm-border-subtle);border-radius:12px;box-shadow:var(--gm-shadow-card);color:var(--gm-text)}
.profile-menu-panel[hidden]{display:none}
.profile-menu-identity{padding:18px 18px 14px;border-bottom:1px solid var(--gm-border-subtle);overflow-wrap:anywhere}
.profile-menu-identity strong{display:block;color:var(--gm-heading);font-size:14px;font-weight:600}
.profile-menu-identity span,.profile-menu-identity small{display:block;color:var(--gm-text-muted);font-size:12px;line-height:1.6;margin-top:4px}
.profile-menu-links,.profile-menu-footer{padding:6px}
.profile-menu-footer{border-top:1px solid var(--gm-border-subtle)}
.profile-menu-panel a,.profile-menu-footer button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--gm-text);font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}
.profile-menu-panel a:hover,.profile-menu-footer button:hover{background:var(--gm-selected-bg);color:var(--gm-selected-text)}
.profile-menu-panel a:focus-visible,.profile-menu-footer button:focus-visible{outline-offset:-3px;box-shadow:none}
.profile-menu-panel svg{flex-shrink:0;color:var(--gm-text-muted)}
.profile-menu-footer button:disabled{opacity:.65;cursor:wait}
.profile-menu-error{margin:8px 12px;font-size:12px;color:var(--gm-danger);overflow-wrap:anywhere}
.account-story{background:var(--gm-strong);color:var(--gm-on-strong)}
.account-story h1{color:#fff;font-weight:600}
.account-story-copy>p,.account-story-copy .eyebrow,.account-story-benefits,.account-story-benefits svg,.account-story-foot{color:#c2ceff}
.account-story .account-brand img{width:224px;height:auto;border-radius:0}
.account-brand{margin:14px 0;min-height:78px}
.account-gate,.account-entry{background:var(--gm-surface)}
.account-title{font-weight:600}
/* Actual email, form and platform previews retain their original light canvas. */
.social-preview{color-scheme:light;background:#fff;--ink:#1e293b;--muted:#5c6b7e;--line:#e1e6ef;color:#1e293b}
.social-preview p,.social-preview strong,.social-preview h3{color:#1e293b}
.social-preview-tabs,.social-preview-column>.social-preview-note{color:var(--gm-text-muted)}
.social-preview-tabs button[aria-pressed=true]{color:var(--gm-selected-text);background:var(--gm-selected-bg)}
.social-preview-heading{color:var(--gm-heading)}
.designer-canvas{background:var(--gm-canvas)!important}
[data-rendered-email],.campaign-email{color-scheme:light}
@media(min-width:761px){
 .sidebar-compact .sidebar .brand{margin:0;padding:12px 0;justify-content:center}
 .sidebar-compact .sidebar .brand-wordmark{display:none}
 .sidebar-compact .sidebar .brand-symbol{display:block;width:32px;height:32px}
}
@media(max-width:760px){
 .btn,.sidebar .nav-link{min-height:44px}
 .topbar-right{gap:8px}
 .account-story .account-brand img{width:200px}
 .sidebar .brand-wordmark{width:176px}
}
/* Override the legacy compact G-mark sizing and purple workspace actions. */
.sidebar .brand .brand-wordmark{width:176px;height:auto;flex-shrink:0}
#main>.page-heading h1,.page-heading h1,.workspace-header h1{color:var(--gm-heading)}
.app-frame .btn-primary,.account-entry .btn-primary{background:var(--gm-action);border-color:var(--gm-action);color:var(--gm-action-text)}
.app-frame .btn-primary:hover,.account-entry .btn-primary:hover{background:var(--gm-action-hover);border-color:var(--gm-action-hover)}
@media(min-width:761px){body:not(.sidebar-compact) .sidebar{width:232px}body:not(.sidebar-compact) .app-frame{margin-left:232px}}
.social-preview{--gm-text:#1e293b;--gm-text-muted:#5c6b7e;--gm-heading:#142337;--gm-surface:#fff;--gm-canvas:#f5f7fb;--gm-selected-bg:#eef2ff;--gm-selected-text:#3155c6;--gm-link:#3155c6;--gm-border-subtle:#e1e6ef;--gm-border-control:#7b8ca1}
.social-preview-tabs button{color:var(--gm-text-muted)}
.social-preview-tabs button[aria-pressed=true]{color:var(--gm-selected-text);background:var(--gm-selected-bg)}
@media(max-width:580px){.topbar .sync-status{display:none}.topbar-left{min-width:0}.breadcrumb{white-space:nowrap}}

.forms-preview-canvas{color-scheme:light;--ink:#1e293b;--muted:#5c6b7e;--line:#e1e6ef;--gm-text:#1e293b;--gm-text-muted:#5c6b7e;--gm-heading:#142337;--gm-surface:#fff;--gm-canvas:#f5f7fb;--gm-selected-bg:#eef2ff;--gm-selected-text:#3155c6;--gm-link:#3155c6;--gm-border-subtle:#e1e6ef;--gm-border-control:#7b8ca1}
.workspace-step{color:var(--gm-link)}

.channel-capability-title,.channel-capability-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.channel-capability-title{margin:18px 0 8px}.channel-capability-title h3{margin:0;font-size:14px}
.channel-capability-list{display:grid;gap:10px;min-width:0}
.channel-capability{padding:12px;border:1px solid var(--gm-border-subtle);border-radius:8px;background:var(--gm-canvas);min-width:0;color:var(--gm-text)}
.channel-capability-heading{font-size:13px}.channel-capability-heading a{font-size:12px}
.channel-capability dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 0}
.channel-capability dt{font-size:11px;color:var(--gm-text-muted);margin-bottom:4px}
.channel-capability dd{font-size:12px;margin:0;font-weight:500;overflow-wrap:anywhere}
.channel-capability p{font-size:12px;line-height:1.5;color:var(--gm-text-muted);margin:9px 0 0}
.channel-capability summary{font-size:13px;cursor:pointer;line-height:1.6;color:var(--gm-text)}
.channel-capability summary strong{margin-right:12px}.channel-capability summary span{font-size:12px;color:var(--gm-text-muted)}
.channel-capability> a{display:inline-flex;margin-top:8px;font-size:12px;min-height:32px;align-items:center}
.social-preview-placeholder{background:#f5f7fb;color:#5c6b7e;font-family:var(--gm-font-body)}
.social-service-tile .channel-capability,.integration-card .channel-capability{margin-top:12px}
.social-service-tile .channel-capability dl,.integration-card .channel-capability dl,.onboarding-aside .channel-capability dl{grid-template-columns:repeat(2,minmax(0,1fr))}
.social-service-tile .channel-capability-heading,.integration-card .channel-capability-heading{display:none}
.social-service-tile:focus-visible{outline:3px solid var(--gm-focus);outline-offset:3px}
@media(max-width:580px){.channel-capability dl{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-capability-title button,.channel-capability-heading a{min-height:32px;display:inline-flex;align-items:center}}

.forms-preview-canvas{background:#f7f5ed;--gm-link-hover:#2847a7}
a:hover{color:var(--gm-link-hover)}
.account-appearance{margin-bottom:24px;display:flex;gap:32px;align-items:start;justify-content:space-between}.account-appearance h2{margin:0 0 8px}.account-appearance p{color:var(--gm-text-muted);max-width:480px}.account-appearance form{min-width:240px;max-width:100%;display:grid;gap:12px}.account-appearance select{min-height:44px}.account-appearance-status{margin:0;font-size:13px}.account-appearance-status:empty{display:none}@media(max-width:760px){.account-appearance{flex-direction:column;gap:20px}.account-appearance form{width:100%;min-width:0}}

.settings-hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.settings-category{min-width:0;overflow:hidden}
.settings-category-heading{padding:24px 24px 16px}
.settings-category-heading h2{font-size:18px;margin:0 0 6px}
.settings-category-heading p{color:var(--gm-text-muted);margin:0;font-size:14px}
.settings-links{padding:0 12px 12px}
.settings-link{display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:14px;align-items:center;padding:18px 12px;border-radius:8px;color:var(--gm-text);text-decoration:none}
.settings-link+.settings-link{border-top:1px solid var(--gm-border-subtle)}
.settings-link:hover{background:var(--gm-selected-bg);color:var(--gm-heading)}
.settings-link strong{display:block;color:var(--gm-heading);font-size:14px;font-weight:600}
.settings-link small{display:block;color:var(--gm-text-muted);font-size:13px;line-height:1.6;margin-top:4px;overflow-wrap:anywhere}
.settings-link-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--gm-canvas);color:var(--gm-link)}
.settings-link>svg{color:var(--gm-text-muted)}
.settings-data{margin-top:24px}
.settings-data summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:20px 24px;color:var(--gm-heading);font-weight:600}
.settings-data summary::-webkit-details-marker{display:none}
.settings-data summary>span{flex:1;min-width:0}
.settings-data summary small{display:block;font-weight:400;color:var(--gm-text-muted);font-size:13px;margin-top:4px}
.settings-data[open] summary>svg:last-child{transform:rotate(180deg)}
.settings-data-content{padding:0 24px 24px}
.settings-data-content p{color:var(--gm-text-muted);font-size:14px}
.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.campaign-activity-links{display:flex;justify-content:flex-end;gap:24px;padding:14px 28px;flex-wrap:wrap;border-bottom:1px solid var(--gm-border-subtle)}
.campaign-activity-links a{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:500;color:var(--gm-text-muted)}
.campaign-activity-links a:hover{color:var(--gm-link)}
.calendar-date-notice{display:block;margin-bottom:8px;color:var(--gm-text);font-weight:500}
@media(max-width:900px){.settings-hub{grid-template-columns:1fr;gap:20px}}
@media(max-width:580px){.settings-category-heading{padding:20px 16px 12px}.settings-links{padding:0 8px 8px}.settings-link{padding:16px 8px;gap:10px;grid-template-columns:32px minmax(0,1fr) 16px}.settings-link-icon{width:32px;height:36px}.settings-data summary{padding:20px 16px}.settings-data-content{padding:0 16px 20px}.campaign-activity-links{justify-content:flex-start;padding:12px 16px;gap:20px}.campaign-activity-links a{min-height:32px}.breadcrumb{font-size:12px;overflow:hidden;text-overflow:ellipsis}}

/* Headings without supporting copy align with their actions. */
.page-heading h1:last-child,.workspace-header h1:last-child,.section-heading h2:last-child{margin-bottom:0}
.integration-card .channel-capability{padding:10px}.integration-card .channel-capability summary{gap:8px}.integration-card .channel-capability summary>span{font-size:12px}