/* Sam Suite Marken-Schicht – Kern. Verbindlich laut BRAND.md. Hell ist die Grundlage; sam-brand.js setzt data-sam-theme="light|dark" am . */ @font-face { font-family: 'Manrope'; src: url('manrope-latin.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } :root { --sam-font: Manrope, 'Segoe UI', Arial, sans-serif; --sam-bg: #F6F3EE; --sam-surface: #FFFFFF; --sam-surface-2: #FAF8F4; --sam-hover: #F0EBE2; --sam-line: #E4DDD0; --sam-line-strong: #CFC5B3; --sam-text: #141210; --sam-text-dim: #5E574C; --sam-text-faint: #8A8174; --sam-accent: #A9771F; --sam-gold: #D9A941; --sam-gold-strong: #C4922C; --sam-gold-text: #8A5F14; --sam-gold-soft: #F6EDDA; --sam-gold-line: #E6CF9C; --sam-gold-light: #F7DC8F; --sam-on-gold: #1A1300; --sam-ink-panel: #141210; --sam-ink-panel-2: #24211C; --sam-on-dark: #F3EEE4; --sam-danger: #B23A2C; --sam-danger-soft: #F8E6E2; --sam-success: #2F7A55; --sam-success-soft: #E4F1E9; --sam-warning: #A86412; --sam-warning-soft: #F8ECDA; --sam-shadow: 0 1px 2px rgba(20, 18, 16, .05), 0 10px 28px rgba(20, 18, 16, .07); } :root[data-sam-theme="dark"] { color-scheme: dark; --sam-bg: #0B0B0A; --sam-surface: #141311; --sam-surface-2: #181714; --sam-hover: #1F1D19; --sam-line: #2A2620; --sam-line-strong: #3A342B; --sam-text: #F3EEE4; --sam-text-dim: #BDB4A4; --sam-text-faint: #8F8676; --sam-accent: #D9A941; --sam-gold: #D9A941; --sam-gold-strong: #E5B955; --sam-gold-text: #E2B85A; --sam-gold-soft: #2A2316; --sam-gold-line: #5C4A24; --sam-gold-light: #F7DC8F; --sam-on-gold: #1A1300; --sam-ink-panel: #1C1A16; --sam-ink-panel-2: #26231E; --sam-on-dark: #F3EEE4; --sam-danger: #E08A7E; --sam-danger-soft: #3A1E1A; --sam-success: #7CC39B; --sam-success-soft: #17291F; --sam-warning: #E0A95E; --sam-warning-soft: #33250F; --sam-shadow: none; } :root[data-sam-theme="light"] { color-scheme: light; } :root[data-sam-theme] body { font-family: var(--sam-font); background-color: var(--sam-bg); color: var(--sam-text); } :root[data-sam-theme] :is(button, input, select, textarea) { font-family: inherit; } :root[data-sam-theme] ::selection { background: color-mix(in srgb, var(--sam-gold) 35%, transparent); } /* Umschalter Hell/Dunkel – schwebend unten rechts, falls das Produkt keinen eigenen Platz vorgibt */ .sam-theme-toggle { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000; width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--sam-surface); color: var(--sam-gold-text); border: 1px solid var(--sam-line); box-shadow: var(--sam-shadow); cursor: pointer; padding: 0; transition: border-color .15s, transform .15s; } .sam-theme-toggle:hover { border-color: var(--sam-gold); transform: translateY(-1px); } .sam-theme-toggle:focus-visible { outline: 2px solid var(--sam-gold); outline-offset: 3px; } .sam-theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } [data-sam-theme-toggle].sam-theme-toggle { position: static; box-shadow: none; } @media print { .sam-theme-toggle { display: none; } } @media (prefers-reduced-motion: reduce) { .sam-theme-toggle { transition: none; } } /* SamGrowthOS / SamTeams: automatisch umgefärbt aus growth\features.css, growth\fixes.css, growth\media-library.css, growth\premium-design.css, growth\premium-navigation.css, growth\publication-planner.css, growth\review-studio.css, growth\styles.css, growth/index.html (sam-recolor.js) */ :root[data-sam-theme] .bookingLink{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .bookingPage{background:linear-gradient(145deg,var(--sam-ink-panel) 0,var(--sam-ink-panel) 35%,var(--sam-bg) 35%)} :root[data-sam-theme] .bookingPage>header{color:var(--sam-on-dark)} :root[data-sam-theme] .bookingPage>header p:not(.eyebrow){color:var(--sam-text-faint)} :root[data-sam-theme] .bookingCard{background:var(--sam-surface)} :root[data-sam-theme] .bookingPage>footer{color:var(--sam-text-dim)} :root[data-sam-theme] .slotLabel{color:var(--sam-text-dim)} :root[data-sam-theme] .slots button{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .slots button small{color:var(--sam-text-dim)} :root[data-sam-theme] .slots button.selected{border-color:var(--sam-warning);background:var(--sam-bg);color:var(--sam-warning)} :root[data-sam-theme] .bookingDetails{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .bookingSuccess>span{background:var(--sam-ink-panel);color:var(--sam-on-gold)} :root[data-sam-theme] .bookingSuccess p{color:var(--sam-text)} :root[data-sam-theme] .bookingSuccess small{color:var(--sam-text-dim)} :root[data-sam-theme] .noSlots{background:var(--sam-bg);color:var(--sam-text-dim)} :root[data-sam-theme] .integrationIntro>p{color:var(--sam-text-dim)} :root[data-sam-theme] .integrationIntro>small{color:var(--sam-text-dim)} :root[data-sam-theme] .billingStatus{background:var(--sam-bg);color:var(--sam-text-dim)} :root[data-sam-theme] .plans article{border:1px solid var(--sam-line)} :root[data-sam-theme] .plans article.current{border-color:var(--sam-warning);background:var(--sam-bg)} :root[data-sam-theme] .plans article>p:not(.eyebrow){color:var(--sam-text-dim)} :root[data-sam-theme] .plans ul{color:var(--sam-text-dim)} :root[data-sam-theme] .plans button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .billingNotice{border-left:3px solid var(--sam-warning);background:var(--sam-bg);color:var(--sam-warning)} :root[data-sam-theme] .dataList article,:root[data-sam-theme] .serviceList article,:root[data-sam-theme] .agendaList article{border:1px solid var(--sam-line)} :root[data-sam-theme] .dataList small,:root[data-sam-theme] .serviceList small,:root[data-sam-theme] .agendaList small{color:var(--sam-text-dim)} :root[data-sam-theme] .serviceList p{color:var(--sam-text-dim)} :root[data-sam-theme] .serviceList button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .insightGrid article{background:var(--sam-bg)} :root[data-sam-theme] .insightGrid strong{color:var(--sam-text)} :root[data-sam-theme] .insightGrid span{color:var(--sam-text-dim)} :root[data-sam-theme] .agendaList time{color:var(--sam-text-dim)} :root[data-sam-theme] .healthRow .good{background:var(--sam-hover);color:var(--sam-success)} :root[data-sam-theme] .healthRow .warn{background:var(--sam-gold-soft);color:var(--sam-gold-text)} :root[data-sam-theme] .healthRow .bad{background:var(--sam-bg);color:var(--sam-danger)} :root[data-sam-theme] .operatorTable>div,:root[data-sam-theme] .operatorTable>article{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .operatorTable small{color:var(--sam-text-dim)} :root[data-sam-theme] .operatorHead{color:var(--sam-text-dim)} :root[data-sam-theme] .warningBox{border-left:3px solid var(--sam-warning);background:var(--sam-warning-soft);color:var(--sam-warning)} :root[data-sam-theme] .accountActions article{border:1px solid var(--sam-line)} :root[data-sam-theme] .accountActions p{color:var(--sam-text-dim)} :root[data-sam-theme] .accountActions .deleteZone{border-color:var(--sam-danger);background:var(--sam-surface)} :root[data-sam-theme] .addressFields{border:1px solid var(--sam-line)} :root[data-sam-theme] .addressFields legend{color:var(--sam-text-dim)} :root[data-sam-theme] .dataList button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .viewSwitch{border:1px solid var(--sam-line)} :root[data-sam-theme] .viewSwitch button{border-right:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text-dim)} :root[data-sam-theme] .viewSwitch button.active{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .memberHead>span,:root[data-sam-theme] .memberList article>span,:root[data-sam-theme] .appearancePreview>span{color:var(--sam-on-dark)!important} :root[data-sam-theme] .memberList article>button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .appearancePreview{border:1px solid var(--sam-line)} :root[data-sam-theme] .appearancePreview small{color:var(--sam-text-dim)} :root[data-sam-theme] .monthHead{border-right:1px solid var(--sam-line);background:var(--sam-bg);color:var(--sam-text-dim)} :root[data-sam-theme] .monthDay{border-top:1px solid var(--sam-line);border-right:1px solid var(--sam-line)} :root[data-sam-theme] .monthDay.outside{background:var(--sam-bg);color:var(--sam-text-faint)} :root[data-sam-theme] .yearGrid article{border:1px solid var(--sam-line)} :root[data-sam-theme] .yearGrid article>small{color:var(--sam-text-dim)} :root[data-sam-theme] .yearGrid span{color:var(--sam-text-dim)} :root[data-sam-theme] .providerGrid article{border:1px solid var(--sam-line)} :root[data-sam-theme] .providerGrid span{color:var(--sam-text-dim)} :root[data-sam-theme] .bookingApp{background:linear-gradient(145deg,var(--sam-ink-panel) 0,var(--sam-ink-panel) 31%,var(--sam-bg) 31%)} :root[data-sam-theme] .stepNumber{background:var(--sam-bg);color:var(--sam-gold-text)} :root[data-sam-theme] .bookingServices{border-right:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .serviceChoice{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .serviceChoice small{color:var(--sam-text-dim)} :root[data-sam-theme] .serviceChoice em{color:var(--sam-text-dim)} :root[data-sam-theme] .serviceChoice b{color:var(--sam-text-faint)} :root[data-sam-theme] .serviceChoice.selected{border-color:var(--sam-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--sam-gold) 100%, transparent);background:var(--sam-bg)} :root[data-sam-theme] .bookingDate{border-right:1px solid var(--sam-line)} :root[data-sam-theme] .timezone{color:var(--sam-text-dim)} :root[data-sam-theme] .selectedDate{color:var(--sam-text-dim)} :root[data-sam-theme] .slotHint{border:1px dashed var(--sam-line);color:var(--sam-text-dim)} :root[data-sam-theme] .calendlyLayout .bookingDetails{background:var(--sam-surface)} :root[data-sam-theme] .backToSlots{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .backToSlots::first-letter{color:var(--sam-text)} @media (max-width:900px){:root[data-sam-theme] .calendlyLayout>aside{border-bottom:1px solid var(--sam-line)}} @media (max-width:650px){:root[data-sam-theme] .bookingDate{border-bottom:1px solid var(--sam-line)}} :root[data-sam-theme] .providerStrip{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .providerReady{background:var(--sam-hover);color:var(--sam-success)} :root[data-sam-theme] .providerOff{background:var(--sam-hover);color:var(--sam-warning)} :root[data-sam-theme] .contentSummary article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .contentSummary span{color:var(--sam-text-dim)} :root[data-sam-theme] .contentPanel{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .contentPanel>header{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .seriesList>button{border-bottom:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .contentBadge{background:var(--sam-hover);color:var(--sam-text-dim)} :root[data-sam-theme] .status-ready_for_approval{background:var(--sam-gold-soft);color:var(--sam-warning)} :root[data-sam-theme] .status-approved{background:var(--sam-hover);color:var(--sam-success)} :root[data-sam-theme] .status-rejected{background:var(--sam-hover);color:var(--sam-danger)} :root[data-sam-theme] .status-revision_requested{background:var(--sam-hover);color:var(--sam-gold-text)} :root[data-sam-theme] .contentEmpty{color:var(--sam-text-dim)} :root[data-sam-theme] .contentStandalone{background:var(--sam-bg)} :root[data-sam-theme] .contentPageHead>button,:root[data-sam-theme] .contentActions button,:root[data-sam-theme] .approvalBar button,:root[data-sam-theme] .postCopy button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .seriesMeta article,:root[data-sam-theme] .postDetail aside article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .seriesMeta span,:root[data-sam-theme] .postDetail aside span{color:var(--sam-text-dim)} :root[data-sam-theme] .postGrid>button{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .postCopy{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .postCopy header{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .postCopy footer{background:var(--sam-bg)} :root[data-sam-theme] .qualityPanel,:root[data-sam-theme] .historyPanel{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .qualityPanel .pass{background:var(--sam-hover);color:var(--sam-success)} :root[data-sam-theme] .qualityPanel .fail{background:var(--sam-hover);color:var(--sam-danger)} :root[data-sam-theme] .historyPanel article{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .departmentMain>.top p{color:var(--sam-text-dim)} :root[data-sam-theme] .departmentList>article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .departmentIdentity>span{background:var(--sam-warning-soft);color:var(--sam-warning)} :root[data-sam-theme] .departmentIdentity p:last-child{color:var(--sam-text-dim)} :root[data-sam-theme] .departmentList dt{color:var(--sam-text-dim)} :root[data-sam-theme] .growthNav{border-right:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .growthNav>button{color:var(--sam-text-dim)} :root[data-sam-theme] .growthNav>small{color:var(--sam-text-dim)} :root[data-sam-theme] .growthNav nav button{color:var(--sam-text-dim)} :root[data-sam-theme] .growthNav nav button.active{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .growthHeader p{color:var(--sam-text-dim)} :root[data-sam-theme] .growthHeader small{color:var(--sam-text-dim)} :root[data-sam-theme] .quickActions button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .growthNotice{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .ideaList{background:var(--sam-hover)} :root[data-sam-theme] .ideaList article{background:var(--sam-surface)} :root[data-sam-theme] .ideaList small{color:var(--sam-text-dim)} :root[data-sam-theme] .memberDirectory article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .memberDirectory article>span{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .memberDirectory p{color:var(--sam-text-dim)} :root[data-sam-theme] .memberDirectory small{color:var(--sam-warning)} @media (max-width:760px){:root[data-sam-theme] .growthNav{border-bottom:1px solid var(--sam-line)}} :root[data-sam-theme] .companyRailToggle{border:1px solid var(--sam-accent);background:var(--sam-ink-panel);color:var(--sam-gold-text)} :root[data-sam-theme] .companyRailToggle:hover{background:var(--sam-ink-panel)} :root[data-sam-theme] .growthBrand>span{background:var(--sam-warning);color:var(--sam-on-dark)} :root[data-sam-theme] .growthBrand small{color:var(--sam-text-dim)} :root[data-sam-theme] .seriesCards>article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .seriesCards dt,:root[data-sam-theme] .strategyGrid dt{color:var(--sam-text-dim)} :root[data-sam-theme] .seriesCards progress,:root[data-sam-theme] .seriesMeta progress{accent-color:var(--sam-warning)} :root[data-sam-theme] .growthBoard>section{background:var(--sam-bg)} :root[data-sam-theme] .growthBoard button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .growthBoardExcerpt{color:var(--sam-text-dim)} :root[data-sam-theme] .growthBoardSchedule{color:var(--sam-text)} :root[data-sam-theme] .growthBoard p{color:var(--sam-text-dim)} :root[data-sam-theme] .postTable button{border-bottom:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .postTable small{color:var(--sam-text-dim)} :root[data-sam-theme] .timelineItem{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .timelineItem span,:root[data-sam-theme] .timelineItem p{color:var(--sam-text-dim)} :root[data-sam-theme] .dangerActions button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .dangerActions #deleteSeries{border-color:var(--sam-danger);color:var(--sam-danger)} :root[data-sam-theme] .dangerActions small{color:var(--sam-text-dim)} :root[data-sam-theme] .scheduleList label{border:1px solid var(--sam-line)} :root[data-sam-theme] .postCopy footer span{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .editorialPlan>header{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialSummary article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialSummary span{color:var(--sam-text-dim)} :root[data-sam-theme] .editorialFilters{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialFilters label{color:var(--sam-text-dim)} :root[data-sam-theme] .editorialDay{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialDay h3{background:var(--sam-bg)} :root[data-sam-theme] .editorialDay article,:root[data-sam-theme] .editorialBacklog article{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .editorialDay time{color:var(--sam-gold-text)} :root[data-sam-theme] .editorialDay article span,:root[data-sam-theme] .editorialBacklog article span{color:var(--sam-text-dim)} :root[data-sam-theme] .editorialBacklog{border:1px solid var(--sam-accent);background:var(--sam-bg)} :root[data-sam-theme] .planPostLink{color:var(--sam-text)} :root[data-sam-theme] .planPostLink:hover,:root[data-sam-theme] .planPostLink:focus-visible{background:var(--sam-bg);outline:2px solid var(--sam-warning)} :root[data-sam-theme] .planPostLink i{color:var(--sam-gold-text)} :root[data-sam-theme] .publicationNotice{background:var(--sam-hover);color:var(--sam-success)} :root[data-sam-theme] .publication-action_required{background:var(--sam-gold-soft);color:var(--sam-warning)} :root[data-sam-theme] .publicationAction{background:var(--sam-gold-soft);color:var(--sam-warning)} :root[data-sam-theme] .connectSocialAccount{background:var(--sam-warning);color:var(--sam-on-dark)} :root[data-sam-theme] .connectSocialAccount:hover,:root[data-sam-theme] .connectSocialAccount:focus-visible{background:var(--sam-warning);outline:2px solid var(--sam-accent)} :root[data-sam-theme] .ideaCard{border-bottom:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .ideaCard small{color:var(--sam-text-dim)} :root[data-sam-theme] .ideaCard>span{color:var(--sam-gold-text)} :root[data-sam-theme] .ideaDetail dl div{border:1px solid var(--sam-line)} :root[data-sam-theme] .ideaDetail dt{color:var(--sam-text-dim)} :root[data-sam-theme] .ideaConversation article,:root[data-sam-theme] .relatedIdeas button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .ideaConversation article.felix{border-color:var(--sam-accent);background:var(--sam-bg)} :root[data-sam-theme] .ideaConversation small{color:var(--sam-text-dim)} :root[data-sam-theme] .relatedIdeas span{color:var(--sam-text-dim)} :root[data-sam-theme] .postMediaPanel{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .mediaUploadButton{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .postMediaGrid article{border:1px solid var(--sam-line)} :root[data-sam-theme] .postMediaGrid img,:root[data-sam-theme] .postMediaGrid video{background:var(--sam-ink-panel)} :root[data-sam-theme] .postMediaGrid small{color:var(--sam-text-dim)} :root[data-sam-theme] .mediaEmpty{color:var(--sam-text-dim)} :root[data-sam-theme] .mediaLibrary>header{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .cloudSourceRow article{border:1px dashed var(--sam-line);background:var(--sam-bg)} :root[data-sam-theme] .cloudSourceRow span{color:var(--sam-gold-text)} :root[data-sam-theme] .libraryToolbar{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .libraryGrid article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .libraryGrid img,:root[data-sam-theme] .libraryGrid video{background:var(--sam-ink-panel)} :root[data-sam-theme] .libraryPicker button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .imageStyleTrainer{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .imageStyleTrainer>header p{color:var(--sam-text-dim)} :root[data-sam-theme] .imageStyleNotes{color:var(--sam-text-dim)} :root[data-sam-theme] .imageStyleNotes textarea{border:1px solid var(--sam-line);color:var(--sam-text)} :root[data-sam-theme] .imageStyleTrainer>button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .imageStyleReferences figure img{border:1px solid var(--sam-line);background:var(--sam-ink-panel)} :root[data-sam-theme] .imageStyleReferences figure button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .imageStyleUpload{border:1px dashed var(--sam-line);color:var(--sam-text-dim)} :root[data-sam-theme] .growthShell.growthStandalone{--g-bg:var(--sam-ink-panel);--g-panel:var(--sam-ink-panel);--g-panel2:var(--sam-ink-panel);--g-line:var(--sam-text);--g-text:var(--sam-on-dark);--g-muted:var(--sam-text-faint);--g-purple:var(--sam-accent);--g-green:var(--sam-accent)} :root[data-sam-theme] .growthShell.growthStandalone.growthTheme--light{--g-bg:var(--sam-bg);--g-panel:var(--sam-surface);--g-panel2:var(--sam-bg);--g-line:var(--sam-line);--g-text:var(--sam-text);--g-muted:var(--sam-text-dim);--g-purple:var(--sam-accent);--g-green:var(--sam-success)} :root[data-sam-theme] .growthStandalone .growthBrand>span{background:linear-gradient(145deg,var(--sam-gold),var(--sam-gold));box-shadow:0 0 22px color-mix(in srgb, var(--sam-gold) 33%, transparent)} :root[data-sam-theme] .growthStandalone .growthNav nav button.active,:root[data-sam-theme] .growthStandalone .growthNav nav button:hover{background:linear-gradient(100deg,var(--sam-gold),var(--sam-gold));color:var(--sam-on-gold)} :root[data-sam-theme] .growthThemeToggleTrack{background:var(--sam-ink-panel)} :root[data-sam-theme] .growthThemeToggleTrack i{background:var(--sam-surface)} :root[data-sam-theme] .growthStandalone.growthTheme--light{--g-bg:var(--sam-bg);--g-panel:var(--sam-surface);--g-panel2:var(--sam-bg);--g-line:var(--sam-line);--g-text:var(--sam-text);--g-muted:var(--sam-text-dim);--g-purple:var(--sam-accent);--g-green:var(--sam-success)} :root[data-sam-theme] .growthApprovalButton strong{color:var(--sam-on-gold)} :root[data-sam-theme] .attentionList>button>strong{background:var(--sam-gold-soft)} :root[data-sam-theme] .attentionList>button.urgent>strong{background:var(--sam-bg);color:var(--sam-danger)} :root[data-sam-theme] .attentionList>button.warn>strong{background:var(--sam-warning-soft);color:var(--sam-warning)} :root[data-sam-theme] .mediaIdea button{border:1px solid var(--sam-line);background:var(--sam-bg);color:var(--sam-gold-text)} :root[data-sam-theme] .mediaJobs{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .mediaJobs>article{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .mediaJobs small{color:var(--sam-text-dim)} :root[data-sam-theme] .mediaJobs>article>span{background:var(--sam-bg);color:var(--sam-gold-text)} :root[data-sam-theme] .mediaPolicyNotice{border:1px solid var(--sam-gold-line);background:var(--sam-bg)} :root[data-sam-theme] .postMetricCards article.accent{border-color:var(--sam-accent);background:var(--sam-bg)} :root[data-sam-theme] .felixIntro{color:var(--sam-text-dim)} :root[data-sam-theme] .felixAnswer{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .employeeGrid article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .employeeGrid article .employeeRole{color:var(--sam-text-dim)} :root[data-sam-theme] .employeeAvatar{background:var(--sam-hover);color:var(--sam-text)} :root[data-sam-theme] .employeeGrid article.active .employeeAvatar{background:var(--sam-ink-panel);color:var(--sam-on-gold)} :root[data-sam-theme] .employeeGrid article p{color:var(--sam-text)} :root[data-sam-theme] .employeeGrid article em{color:var(--sam-warning)} :root[data-sam-theme] .employeeGrid article.active{border-color:var(--sam-accent)} :root[data-sam-theme] .employeeGrid article.active em{color:var(--sam-gold-text)} :root[data-sam-theme] .requiredMark{color:var(--sam-danger)} :root[data-sam-theme] .fieldHelp{color:var(--sam-text-dim)} :root[data-sam-theme] .fieldError{color:var(--sam-danger)} :root[data-sam-theme] .wizardProgress>span{color:var(--sam-text-dim)} :root[data-sam-theme] .wizardProgress progress{accent-color:var(--sam-warning)} :root[data-sam-theme] .wizardSummary article{border:1px solid var(--sam-line)} :root[data-sam-theme] .wizardSummary dt{color:var(--sam-text-dim)} :root[data-sam-theme] .wizardSummary dd{color:var(--sam-text)} :root[data-sam-theme] .processStep{border:1px solid var(--sam-line);color:var(--sam-text-dim);background:var(--sam-surface)} :root[data-sam-theme] .processStep.is-done{border-color:var(--sam-accent);color:var(--sam-success);background:var(--sam-bg)} :root[data-sam-theme] .processStep.is-current{border-color:var(--sam-warning);color:var(--sam-warning);background:var(--sam-bg)} :root[data-sam-theme] .processStepMarker{color:var(--sam-on-dark)} :root[data-sam-theme] .processStep .processStepMarker{background:var(--sam-line);color:var(--sam-on-dark)} :root[data-sam-theme] .processStep.is-done .processStepMarker{background:var(--sam-ink-panel)} :root[data-sam-theme] .processStep.is-current .processStepMarker{background:var(--sam-warning)} :root[data-sam-theme] .processOffTrack{color:var(--sam-danger)} :root[data-sam-theme] .processNextAction{color:var(--sam-text)} :root[data-sam-theme] .onboardingHero .onboardingProgress{accent-color:var(--sam-warning)} :root[data-sam-theme] .onboardingStep{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .onboardingStepMarker{background:var(--sam-hover);color:var(--sam-text-dim)} :root[data-sam-theme] .onboardingStep.is-done .onboardingStepMarker{background:var(--sam-ink-panel);color:var(--sam-on-gold)} :root[data-sam-theme] .onboardingStepDone{color:var(--sam-gold-text)} :root[data-sam-theme] .growthProjectSwitcher{color:var(--nav-muted,var(--sam-text-dim))} :root[data-sam-theme] .growthProjectSwitcher select{border:1.5px solid var(--nav-accent,var(--sam-accent));background:var(--nav-surface,var(--sam-surface));color:var(--nav-ink,var(--sam-text))} :root[data-sam-theme] .growthProjectSwitcher select:hover,:root[data-sam-theme] .growthProjectSwitcher select:focus-visible{background:var(--nav-hover,var(--sam-bg))} :root[data-sam-theme] .brandStatusRow .badge-active{background:var(--sam-hover);color:var(--sam-gold-text);border-color:var(--sam-line)} :root[data-sam-theme] .brandStatusRow .badge-paused{background:var(--sam-gold-soft);color:var(--sam-gold-text);border-color:var(--sam-accent)} :root[data-sam-theme] .brandStatusRow .badge-archived{background:var(--sam-bg);color:var(--sam-text-dim);border-color:var(--sam-line)} :root[data-sam-theme] .projectBadge{background:var(--sam-bg);color:var(--sam-gold-text);border:1px solid var(--sam-gold-line)} :root[data-sam-theme] .editorialToolbar{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialViewSwitch{border:1px solid var(--sam-line)} :root[data-sam-theme] .editorialViewSwitch button{border-right:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text-dim)} :root[data-sam-theme] .editorialViewSwitch button.active{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .editorialCalendarNav button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialIcalLink{color:var(--sam-gold-text)} :root[data-sam-theme] .editorialMonthGrid{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialMonthHead{border-right:1px solid var(--sam-line);background:var(--sam-bg);color:var(--sam-text-dim)} :root[data-sam-theme] .editorialMonthDay{border-top:1px solid var(--sam-line);border-right:1px solid var(--sam-line)} :root[data-sam-theme] .editorialMonthDay.outside{background:var(--sam-bg);color:var(--sam-text-faint)} :root[data-sam-theme] .editorialMonthDay.today{background:var(--sam-bg)} :root[data-sam-theme] .editorialMonthItems small{color:var(--sam-warning)} :root[data-sam-theme] .editorialWeekDay{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .editorialWeekDay.today{border-color:var(--sam-warning);background:var(--sam-bg)} :root[data-sam-theme] .editorialWeekDay>header span{background:var(--sam-hover);color:var(--sam-text-dim)} :root[data-sam-theme] .editorialWeekEmpty{color:var(--sam-text-faint)} :root[data-sam-theme] .calendarPostChip{border-left:3px solid var(--platform-color,var(--sam-accent));background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .calendarPostChip time{color:var(--sam-text-dim)} :root[data-sam-theme] .calendarPostChip.status-published{background:var(--sam-hover)} :root[data-sam-theme] .calendarPostChip.status-ready_for_approval,:root[data-sam-theme] .calendarPostChip.status-internal_review{background:var(--sam-gold-soft)} :root[data-sam-theme] .calendarPostChip.status-revision_requested{background:var(--sam-hover)} :root[data-sam-theme] .calendarPostChip.status-rejected{background:var(--sam-bg)} :root[data-sam-theme] .postPerformancePanel{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .postPerformancePanel header p{color:var(--sam-text-dim)} :root[data-sam-theme] .postPerformanceCards article{background:var(--sam-bg)} :root[data-sam-theme] .postPerformanceCards strong{color:var(--sam-text)} :root[data-sam-theme] .postPerformanceCards span{color:var(--sam-text-dim)} :root[data-sam-theme] .felixFloatingButton{border:1px solid var(--nav-line,var(--sam-line));background:var(--nav-surface,var(--sam-surface));color:var(--nav-ink,var(--sam-text));box-shadow:0 8px 22px color-mix(in srgb, var(--sam-gold) 13%, transparent)} :root[data-sam-theme] .felixFloatingButton:hover,:root[data-sam-theme] .felixFloatingButton:focus-visible{border-color:var(--nav-accent,var(--sam-accent))} :root[data-sam-theme] .felixFloatingButton small{color:var(--nav-muted,var(--sam-text-faint))} :root[data-sam-theme] .felixConversationList{background:var(--sam-hover)} :root[data-sam-theme] .felixConversationList>button{background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .felixConversationList>button:hover,:root[data-sam-theme] .felixConversationList>button:focus-visible{background:var(--sam-bg)} :root[data-sam-theme] .felixConversationList>button span{color:var(--sam-text-dim)} :root[data-sam-theme] .felixConversationList>button small{color:var(--sam-text-faint)} :root[data-sam-theme] .felixChat-user{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .felixChat-felix{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .seriesNextStep{border-left:5px solid var(--sam-accent)} :root[data-sam-theme] .flexibleLibrary{background:var(--premium-surface,var(--sam-surface));border:1px solid var(--sam-line)} :root[data-sam-theme] .flexibleLibrary .libraryGrid article{border:1px solid var(--sam-line)} :root[data-sam-theme] .libraryScope{color:var(--sam-gold-text)} :root[data-sam-theme] .libraryEmpty{background:var(--sam-bg)} :root[data-sam-theme] .libraryEditPreview{background:var(--sam-bg)} :root[data-sam-theme] .referencePicker{border:1px solid var(--sam-line)} :root[data-sam-theme] .referenceChoices>label{border:1px solid var(--sam-line)} :root[data-sam-theme] .referenceChoices label:has(input:checked){border:2px solid var(--sam-accent);background:var(--sam-bg)} :root[data-sam-theme] body[data-premium-theme="dark"] .flexibleLibrary{background:var(--sam-surface);border-color:var(--sam-line)} :root[data-sam-theme] body[data-premium-theme="dark"] .referenceChoices label:has(input:checked){background:var(--sam-hover)} :root[data-sam-theme] body[data-premium-theme="dark"] .libraryEmpty{background:var(--sam-hover)} :root[data-sam-theme] .growthPremium .growthAccess .authBrand{background:linear-gradient(120deg,var(--sam-ink-panel),var(--sam-ink-panel))!important;color:var(--sam-on-dark)} :root[data-sam-theme] .growthPremium .growthAccess .authBrand :is(h1,p,strong,span){color:var(--sam-on-dark)!important} :root[data-sam-theme] body.growthPremium{--p-page:var(--sam-bg);--p-surface:var(--sam-surface);--p-soft:var(--sam-bg);--p-ink:var(--sam-text);--p-muted:var(--sam-text-dim);--p-line:var(--sam-line);--p-accent:var(--sam-accent);--p-hover:var(--sam-gold);--p-tint:var(--sam-gold-soft);--p-shadow:0 6px 24px color-mix(in srgb, var(--sam-text) 2%, transparent);font-family:var(--sam-font)} :root[data-sam-theme] body.growthPremium[data-premium-theme=dark]{--p-page:var(--sam-bg);--p-surface:var(--sam-surface);--p-soft:var(--sam-hover);--p-ink:var(--sam-text);--p-muted:var(--sam-text-dim);--p-line:var(--sam-line);--p-accent:var(--sam-accent);--p-hover:var(--sam-gold);--p-tint:var(--sam-gold-soft)} :root[data-sam-theme] .growthPremium :is(button.primary,.growthPrimary,.mediaUploadButton){box-shadow:0 3px 9px color-mix(in srgb, var(--sam-gold) 10%, transparent)} :root[data-sam-theme] .growthPremium .todayHero{background:linear-gradient(120deg,var(--sam-ink-panel),var(--sam-ink-panel))!important;color:var(--sam-on-dark)!important} :root[data-sam-theme] .growthPremium .todayHero h2{color:var(--sam-on-dark)!important} :root[data-sam-theme] .growthPremium .todayHero p,:root[data-sam-theme] .growthPremium .todayHero span{color:var(--sam-gold-light)!important} :root[data-sam-theme] .growthPremium .todayHero button.primary{background:var(--sam-surface)!important;color:var(--sam-gold-text)!important;border-color:var(--sam-line)!important} :root[data-sam-theme] .growthPremium :is(.postGrid>button,.ideaCard):hover{box-shadow:0 5px 20px color-mix(in srgb, var(--sam-gold) 5%, transparent)!important} :root[data-sam-theme] .growthPremium .modalOverlay{background:color-mix(in srgb, var(--sam-ink-panel) 60%, transparent)!important} :root[data-sam-theme] .growthPremium #felixFloatingButton{box-shadow:0 8px 28px color-mix(in srgb, var(--sam-gold) 15%, transparent)!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--green{background:linear-gradient(120deg,var(--sam-success),var(--sam-success))!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--amber{background:var(--sam-gold-soft)!important;border:1px solid var(--sam-accent)!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--amber :is(h2,p,span){color:var(--sam-warning)!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--amber button.primary{background:var(--sam-warning)!important;color:var(--sam-on-dark)!important;border-color:var(--sam-warning)!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--red{background:var(--sam-danger)!important} :root[data-sam-theme] .growthPremium .todayHero.todayHero--green :is(p,span){color:var(--sam-success)!important} :root[data-sam-theme] .growthPremium .seriesReviewPost .felixNativePost>header small{color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .postCopy .felixNativePost footer{background:var(--sam-surface)!important;color:var(--sam-text-dim)!important} :root[data-sam-theme] .growthPremium .felixNativePost p{color:var(--sam-text)!important} :root[data-sam-theme]{--nav-ink:var(--sam-text);--nav-text:var(--sam-text);--nav-muted:var(--sam-text-faint);--nav-line:var(--sam-line);--nav-surface:var(--sam-surface);--nav-hover:var(--sam-bg);--nav-active:var(--sam-hover);--nav-accent:var(--sam-gold-text);--nav-accent-dark:var(--sam-text);--nav-gold:var(--sam-accent);--nav-page:var(--sam-bg)} :root[data-sam-theme] .growthStandalone.growthTheme--dark,:root[data-sam-theme]:has(.growthTheme--dark){--nav-ink:var(--sam-text);--nav-text:var(--sam-text-dim);--nav-muted:var(--sam-text-faint);--nav-line:var(--sam-line);--nav-surface:var(--sam-bg);--nav-hover:var(--sam-surface);--nav-active:var(--sam-surface);--nav-accent:var(--sam-accent);--nav-accent-dark:var(--sam-accent);--nav-gold:var(--sam-accent);--nav-page:var(--sam-bg)} :root[data-sam-theme] .growthNav .growthBrand>span{color:var(--sam-on-gold)!important} :root[data-sam-theme] .growthNavGroup summary{color:var(--sam-text-faint)!important} :root[data-sam-theme] .growthNavCollapsed .growthNavGroup{border-top:1px solid var(--nav-line,var(--sam-line))} :root[data-sam-theme] .growthPrimary,:root[data-sam-theme] .growthApprovalButton strong,:root[data-sam-theme] .growthThemeToggleTrack,:root[data-sam-theme] .growthStandalone button.primary{color:var(--sam-on-gold)!important} :root[data-sam-theme] .growthStandalone input:focus,:root[data-sam-theme] .growthStandalone textarea:focus,:root[data-sam-theme] .growthStandalone select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--sam-gold) 12%, transparent)!important} :root[data-sam-theme] :focus-visible{outline:2px solid var(--sam-accent)} @media (max-width:760px){:root[data-sam-theme] .growthMobileScrim{background:color-mix(in srgb, var(--sam-ink-panel) 50%, transparent)}} :root[data-sam-theme] .felixPlanner{border:1px solid var(--sam-line);border-left:5px solid var(--sam-accent);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .felixPlanHistory{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .felixPlannerEmpty{color:var(--sam-text-dim)} :root[data-sam-theme] .felixPlanHint{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .felixPlanItem{border:1px solid var(--sam-line)} :root[data-sam-theme] .felixPlanItem>header{color:var(--sam-success)} :root[data-sam-theme] .felixPlanReview>footer{background:var(--sam-surface);border-top:1px solid var(--sam-line)} :root[data-sam-theme] .growthTheme--dark .felixPlanner{background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] .growthTheme--dark .felixPlannerEmpty{color:var(--sam-text-dim)} :root[data-sam-theme] .felixNativeChannel{color:var(--sam-text-dim)} :root[data-sam-theme] .felixNativePost{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text);font-family:var(--sam-font)} :root[data-sam-theme] .felixNativeAvatar{background:var(--sam-hover);color:var(--sam-text)} :root[data-sam-theme] .felixNativeMeta{color:var(--sam-text-dim)} :root[data-sam-theme] .felixNativeMedia{background:var(--sam-bg);border-top:1px solid var(--sam-line);border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .felixNativeMedia .felixConceptLabel{background:var(--sam-surface);color:var(--sam-text-dim)} :root[data-sam-theme] .felixConceptSymbol{color:var(--sam-text-dim)} :root[data-sam-theme] .felixNativeMedia p{color:var(--sam-text)} :root[data-sam-theme] .felixNativeMedia small{color:var(--sam-text-dim)} :root[data-sam-theme] .felixNativePost>footer{color:var(--sam-text-dim)} :root[data-sam-theme] .platform-facebook .felixNativeAvatar{background:var(--sam-gold-soft);color:var(--sam-gold-text)} :root[data-sam-theme] .platform-facebook .felixNativeMedia{background:var(--sam-bg)} :root[data-sam-theme] .platform-x .felixNativeAvatar{background:var(--sam-hover);color:var(--sam-text)} :root[data-sam-theme] .platform-x .felixNativeMedia{border:1px solid var(--sam-line)} :root[data-sam-theme] .felixNativeLength{color:var(--sam-text-dim)} :root[data-sam-theme] .felixPlanEdit{border-top:1px solid var(--sam-line)} :root[data-sam-theme] .felixPlanEdit summary{color:var(--sam-text)} :root[data-sam-theme] .felixPlanEdit summary:focus-visible{outline:3px solid var(--sam-accent)} :root[data-sam-theme] body.growthPremium:has(.reviewStudio){background:var(--sam-bg)} :root[data-sam-theme] .growthPremium .reviewStudio{--rs-ink:var(--sam-text);--rs-muted:var(--sam-text-dim);--rs-line:var(--sam-line);--rs-bg:var(--sam-surface);--rs-soft:var(--sam-bg);--rs-accent:var(--sam-accent);font-family:var(--sam-font)} :root[data-sam-theme] .growthPremium .reviewStudio button:hover{border-color:var(--sam-accent);background:var(--sam-bg)} :root[data-sam-theme] .growthPremium .studioStatus{border:1px solid var(--sam-gold-line);background:var(--sam-bg);color:var(--sam-gold-text)} :root[data-sam-theme] .growthPremium .studioCanvas{background:var(--sam-hover);border:1px solid var(--sam-line)} :root[data-sam-theme] .growthPremium .studioCanvasHead{color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .studioChannel{color:var(--sam-text)} :root[data-sam-theme] .growthPremium .studioChannel b{background:var(--sam-ink-panel);color:var(--sam-on-gold)} :root[data-sam-theme] .growthPremium .studioChannel--facebook b{background:var(--sam-gold)} :root[data-sam-theme] .growthPremium .studioChannel--x b{background:var(--sam-ink-panel)} :root[data-sam-theme] .growthPremium .studioPreviewNote{color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .socialCard{background:var(--sam-surface)!important;color:var(--sam-text)!important;border:1px solid var(--sam-line);box-shadow:0 12px 36px color-mix(in srgb, var(--sam-gold) 7%, transparent);font-family:var(--sam-font)} :root[data-sam-theme] .growthPremium .socialCard .socialIdentity{background:var(--sam-surface)!important} :root[data-sam-theme] .growthPremium .socialAvatar{background:var(--sam-hover);color:var(--sam-gold-text)} :root[data-sam-theme] .growthPremium .socialIdentity strong{color:var(--sam-text)!important} :root[data-sam-theme] .growthPremium .socialIdentity span{color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .socialCopy{color:var(--sam-text)} :root[data-sam-theme] .growthPremium .socialCopy p{color:var(--sam-text)!important} :root[data-sam-theme] .growthPremium .socialCopy button{color:var(--sam-text-dim)!important} :root[data-sam-theme] .growthPremium .socialMediaGrid{background:var(--sam-bg)} :root[data-sam-theme] .growthPremium .socialMediaItem{background:var(--sam-bg)} :root[data-sam-theme] .growthPremium .socialMediaItem figcaption{color:var(--sam-warning);background:var(--sam-bg)} :root[data-sam-theme] .growthPremium .socialMediaMissing{background:var(--sam-bg);border-block:1px dashed var(--sam-line);color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .socialMediaMissing strong{color:var(--sam-text)} :root[data-sam-theme] .growthPremium .socialCard .socialActions{background:var(--sam-surface)!important;border-top:1px solid var(--sam-line)} :root[data-sam-theme] .growthPremium .socialActions>span{color:var(--sam-text-dim)!important} :root[data-sam-theme] .growthPremium .studioMediaState{background:var(--sam-bg);color:var(--sam-success)} :root[data-sam-theme] .growthPremium .studioMediaState.is-missing{background:var(--sam-warning-soft);color:var(--sam-warning)} :root[data-sam-theme] .growthPremium .reviewStudio button.studioApprove{background:var(--sam-gold);color:var(--sam-on-gold);border-color:var(--sam-accent);box-shadow:0 5px 12px color-mix(in srgb, var(--sam-gold) 11%, transparent)} :root[data-sam-theme] .growthPremium .studioThumbs button{background:var(--sam-surface);border:1px solid var(--sam-line);color:var(--sam-text-dim)} :root[data-sam-theme] .growthPremium .studioApprovalPreview{background:var(--sam-hover)} :root[data-sam-theme] body.growthPremium[data-premium-theme=dark]:has(.reviewStudio){background:var(--sam-bg)} :root[data-sam-theme] .growthPremium[data-premium-theme=dark] .reviewStudio{--rs-ink:var(--sam-text);--rs-muted:var(--sam-text-dim);--rs-line:var(--sam-line);--rs-bg:var(--sam-surface);--rs-soft:var(--sam-hover);--rs-accent:var(--sam-accent)} :root[data-sam-theme] .growthPremium[data-premium-theme=dark] .studioCanvas{background:var(--sam-hover);border-color:var(--sam-line)} :root[data-sam-theme] .growthPremium[data-premium-theme=dark] .studioCanvasHead,:root[data-sam-theme] .growthPremium[data-premium-theme=dark] .studioChannel,:root[data-sam-theme] .growthPremium[data-premium-theme=dark] .studioPreviewNote{color:var(--sam-text-dim)} @media (max-width:760px){:root[data-sam-theme] .growthPremium .studioCanvas{background:var(--sam-hover)}} @media (max-width:760px){:root[data-sam-theme] .growthPremium .studioMobileActions{box-shadow:0 -4px 22px color-mix(in srgb, var(--sam-gold) 6%, transparent)}} :root[data-sam-theme] .studioBrief>section+section{border-top:1px solid var(--sam-line)} :root[data-sam-theme]{font-family:var(--sam-font);color:var(--sam-text);background:var(--sam-bg)} :root[data-sam-theme] .primary{background:var(--sam-warning)!important;color:var(--sam-on-dark)!important} :root[data-sam-theme] .eyebrow{color:var(--sam-warning)} :root[data-sam-theme] .authBrand{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .logo,:root[data-sam-theme] .brand>span{background:var(--sam-warning);color:var(--sam-on-dark)} :root[data-sam-theme] .authBrand>p:not(.eyebrow){color:var(--sam-on-dark)} :root[data-sam-theme] .authPromise{border-top:1px solid color-mix(in srgb, var(--sam-line) 17%, transparent)} :root[data-sam-theme] .authPromise span{color:var(--sam-text-faint)} :root[data-sam-theme] .authCard{background:var(--sam-surface)} :root[data-sam-theme] .authTabs{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .authTabs button{color:var(--sam-text-dim)} :root[data-sam-theme] .authTabs button.active{border-bottom:2px solid var(--sam-warning);color:var(--sam-text)} :root[data-sam-theme] label{color:var(--sam-text-dim)} :root[data-sam-theme] input,:root[data-sam-theme] select,:root[data-sam-theme] textarea{border:1px solid var(--sam-line);background:var(--sam-surface);color:var(--sam-text)} :root[data-sam-theme] form>button,:root[data-sam-theme] form footer button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .formError{color:var(--sam-danger)} :root[data-sam-theme] .rail{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .brand small{color:var(--sam-text-faint)} :root[data-sam-theme] .rail nav button{color:var(--sam-text-faint)} :root[data-sam-theme] .rail nav button.active,:root[data-sam-theme] .rail nav button:hover{background:color-mix(in srgb, var(--sam-surface) 7%, transparent);color:var(--sam-on-dark)} :root[data-sam-theme] .account{border-top:1px solid color-mix(in srgb, var(--sam-line) 12%, transparent)} :root[data-sam-theme] .account>span,:root[data-sam-theme] .memberHead>span,:root[data-sam-theme] .memberList article>span{background:var(--sam-hover);color:var(--sam-text)} :root[data-sam-theme] .account small{color:var(--sam-text-faint)} :root[data-sam-theme] .account button{color:var(--sam-text-faint)} :root[data-sam-theme] .summary article{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .summary article span{color:var(--sam-text-dim)} :root[data-sam-theme] .summary article small{color:var(--sam-text-faint)} :root[data-sam-theme] .calendarCard{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .calendarCard>header{border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .weekNav button{border:1px solid var(--sam-line);background:var(--sam-surface)} :root[data-sam-theme] .corner,:root[data-sam-theme] .memberHead,:root[data-sam-theme] .dayLabel,:root[data-sam-theme] .dayCell{border-right:1px solid var(--sam-line);border-bottom:1px solid var(--sam-line)} :root[data-sam-theme] .corner,:root[data-sam-theme] .memberHead{background:var(--sam-bg)} :root[data-sam-theme] .corner,:root[data-sam-theme] .dayLabel{background:var(--sam-bg)} :root[data-sam-theme] .corner{color:var(--sam-text-dim)} :root[data-sam-theme] .memberHead small{color:var(--sam-text-faint)} :root[data-sam-theme] .dayCell{background:var(--sam-surface)} :root[data-sam-theme] .appointment{background:var(--sam-bg);color:var(--sam-text)} :root[data-sam-theme] .appointment small{color:var(--sam-text-dim)} :root[data-sam-theme] .empty{color:var(--sam-text-dim)} :root[data-sam-theme] .modalOverlay{background:color-mix(in srgb, var(--sam-ink-panel) 71%, transparent)} :root[data-sam-theme] .modal{background:var(--sam-surface)} :root[data-sam-theme] .memberList article{border:1px solid var(--sam-line)} :root[data-sam-theme] .memberList small{color:var(--sam-text-dim)} :root[data-sam-theme] .toast{background:var(--sam-ink-panel);color:var(--sam-on-dark)} :root[data-sam-theme] .legalFooter{color:var(--sam-text-dim)} :root[data-sam-theme] .legalPage{background:var(--sam-hover)} :root[data-sam-theme] .legalPage article{background:var(--sam-surface)} :root[data-sam-theme] .legalPage h1{color:var(--sam-text)} :root[data-sam-theme] .legalPage h2{color:var(--sam-gold-text)} :root[data-sam-theme] .legalBack{color:var(--sam-gold-text)} :root[data-sam-theme] .legalDraft{border-left:4px solid var(--sam-warning);background:var(--sam-gold-soft)} :root[data-sam-theme] .simplePage{background:var(--sam-hover)} :root[data-sam-theme] .textButton{color:var(--sam-gold-text)} :root[data-sam-theme] .danger{background:var(--sam-danger);color:var(--sam-on-dark)} /* SamGrowthOS / SamTeams: Produkt-Anpassungen */ /* App-Symbol statt Buchstaben-Kachel: GrowthOS-Navigation und SamTeams-Leiste */ :root[data-sam-theme] body .growthBrand>span,:root[data-sam-theme] body .brand>span{font-size:0!important;color:transparent!important;background:url(icon.svg) center/cover no-repeat!important;border:0!important;box-shadow:none!important;border-radius:10px!important} :root[data-sam-theme] body .brand>span{background-image:url(samteams-icon.svg)!important} /* Produktname als Wortmarke: "Sam" leicht, Produkt kräftig */ :root[data-sam-theme] body .growthBrand strong,:root[data-sam-theme] body .brand strong{font-size:0!important;letter-spacing:0!important;line-height:1.2!important} :root[data-sam-theme] body .growthBrand strong::before,:root[data-sam-theme] body .brand strong::before{content:'Sam';font-size:16px;font-weight:300;letter-spacing:-.01em} :root[data-sam-theme] body .growthBrand strong::after{content:'GrowthOS';font-size:16px;font-weight:600;letter-spacing:-.01em} :root[data-sam-theme] body .brand strong::after{content:'Teams';font-size:16px;font-weight:600;letter-spacing:-.01em} .sam-theme-toggle{bottom:calc(88px + env(safe-area-inset-bottom, 0px))}