:root{font-family:Inter,Segoe UI,sans-serif;color:#29352f;background:#f8f7f2}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:235px;background:#e9eddf;padding:35px 25px;position:fixed;inset:0 auto 0 0}.logo{font-size:23px;font-weight:750;letter-spacing:-1px}.muted{color:#697369;font-size:14px;line-height:1.7}nav{margin-top:55px;display:grid;gap:10px}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9dfd5;border-radius:9px;background:#fff;padding:11px 16px;color:#29352f}button:hover{border-color:#598269}button:disabled{opacity:.5;cursor:not-allowed}nav button{text-align:left;background:transparent}.primary{background:#355a43;color:white;border-color:#355a43}.foot{position:absolute;bottom:30px;font-size:11px;line-height:2;letter-spacing:1px;color:#6f7a6a}main{margin-left:235px;padding:32px 45px;width:calc(100% - 235px)}header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:2px;color:#7a8275;min-height:40px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-family:Georgia,serif;font-size:46px;font-weight:400;letter-spacing:-1.5px;line-height:1.13;margin:12px 0 20px}p{line-height:1.6}.eyebrow{font-size:10px;letter-spacing:2px;color:#7d8a70;margin-top:35px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.toolbar label{display:flex;align-items:center;gap:10px;margin:0}.notice{font-size:13px;background:#f1ead9;color:#716344;padding:15px;border-radius:9px}.stats{display:flex;gap:40px;margin:25px 0;color:#72806d}.stats strong{font-size:28px;color:#354c3b;margin-right:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.card{background:white;border:1px solid #e3e5dc;border-radius:14px;padding:24px;min-height:230px;text-align:left;display:flex;flex-direction:column;gap:14px}.card .type{font-size:11px;letter-spacing:1px;color:#8b7760}.card h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:0}.card p{font-size:13px;color:#7b8178;white-space:pre-wrap;margin:0}.badge{background:#edf1e5;border-radius:6px;padding:7px 10px;font-size:11px;align-self:flex-start;margin-top:auto}.empty{padding:80px;text-align:center;color:#7c8675;font-size:22px}label{display:block;font-size:13px;margin:16px 0}input,textarea,select{display:block;border:1px solid #d5dbcf;padding:12px;border-radius:8px;background:white;color:#29352f;max-width:100%}label input,textarea{width:100%;margin-top:7px}#auth{max-width:510px;padding-top:55px}#auth form{max-width:350px}.actions{display:flex;gap:10px;margin-top:25px}dialog{border:1px solid #d5dbcf;border-radius:15px;padding:28px;width:580px;max-width:95vw;background:#f8f7f2}dialog::backdrop{background:#23372c88}#message,#editorMessage{color:#9b4431}#week{width:150px}small{font-size:14px}[hidden]{display:none!important}@media(max-width:800px){aside{width:175px;padding:25px 15px}main{margin-left:175px;width:calc(100% - 175px);padding:20px}h1{font-size:34px}.heading{flex-wrap:wrap}.foot{display:none}}@media(max-width:560px){body{display:block}aside{position:static;width:100%}aside p,nav{display:none}main{margin:0;width:100%}}

#agentSecret{overflow-wrap:anywhere;padding:14px;background:#f1ead9}#agentKeys p,#agentActivity p{font-size:13px;border-bottom:1px solid #d5dbcf;padding-bottom:10px}
.cardCover{width:100%;height:170px;object-fit:cover;border-radius:9px}.card h2{overflow-wrap:anywhere}.mediaRow{display:flex;align-items:center;gap:7px;margin:10px 0;padding:8px;background:#e9eddf;border-radius:8px}.mediaRow img{width:52px;height:52px;object-fit:cover;border-radius:5px}.mediaRow span{flex:1;font-size:12px;overflow-wrap:anywhere}.mediaRow button{padding:7px}.uploadLabel input{max-width:300px}fieldset{border:1px solid #d5dbcf;border-radius:8px}fieldset label{display:inline-flex;gap:8px;margin:8px}fieldset input{width:auto;margin:0}#postPreview{margin:22px 0;border:1px solid #d5dbcf;border-radius:10px;padding:15px}#postPreview img,#postPreview video{max-width:100%;max-height:350px;display:block;margin:auto}#postPreview p,pre{white-space:pre-wrap;overflow-wrap:anywhere}details{margin:14px 0}summary{cursor:pointer;font-size:14px}dialog{max-height:90vh;overflow:auto}.actions{flex-wrap:wrap}#versionHistory pre{font-family:inherit;font-size:13px}
.demoCard{background:white;border:1px solid #d5dbcf;border-radius:8px;padding:15px;margin:12px 0}.demoCard h4{margin:0}.demoCard p{font-size:13px}#inviteToken{overflow-wrap:anywhere}#demoDialog{width:760px}
.calendarToolbar,.calendarNavigation{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calendarToolbar{justify-content:space-between;margin:20px 0 8px}.calendarNavigation h2{font-size:22px;font-weight:600;margin:0 12px}.calendarNavigation button{padding:8px 13px}.calendarScroll{overflow-x:auto;border:1px solid #dce1d5;border-radius:12px;background:white}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:840px;gap:1px;background:#dce1d5}.weekday{background:#eef1e7;padding:12px;text-align:center;font-size:12px;font-weight:650}.calendarDay{background:#fff;min-height:145px;padding:8px;min-width:0}.calendarGrid.week .calendarDay{min-height:430px}.outsideMonth{background:#f5f6f0}.outsideMonth .dayHeading{color:#939b90}.dayHeading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:8px}.dayHeading span{padding:5px 8px}.dayHeading button{border:0;background:transparent;padding:3px 7px;font-size:18px}.isToday .dayHeading span{background:#355a43;color:white;border-radius:50%}.calendarPost{display:flex;flex-direction:column;gap:5px;width:100%;padding:8px;margin-bottom:7px;text-align:left;border-radius:7px;border-left:3px solid #b88a42;min-width:0;background:#fcfaf4}.calendarPost.reviewed{border-left-color:#518266;background:#f1f7ef}.calendarPost strong{font-size:12px;overflow-wrap:anywhere}.calendarPost .type,.postNetworks{font-size:10px;color:#687465}.calendarPost .badge{font-size:9px;padding:3px 5px;margin:0}.calendarPost .cardCover{width:100%;height:55px;object-fit:cover;border-radius:4px}.calendarPost:hover{box-shadow:0 2px 8px #243a2b20}.calendarGrid.week .cardCover{height:90px}#unscheduledSection{margin-top:28px}#unscheduledSection h3{font-size:17px}#calendarTimezone{margin:8px 0 16px}@media(max-width:1100px){main{padding:25px}.calendarNavigation h2{font-size:19px;margin:0 4px}}button:focus-visible{outline:3px solid #688eaf;outline-offset:2px}
#billingDialog{width:960px}.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.planCard{background:#fff;border:1px solid #d5dbcf;border-radius:12px;padding:20px}.planCard h3{margin-top:0}.planCard p{font-size:13px}.planCard .planPrice{font-size:23px;font-weight:650}.planCard button{width:100%;margin-top:10px}.currentPlan{border:2px solid #355a43;background:#f2f6ed}@media(max-width:700px){.planGrid{grid-template-columns:1fr}}
.analyticsSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.metricCard{border:1px solid #dce4d8;border-radius:12px;background:#fff;padding:22px;display:flex;flex-direction:column;gap:10px}.metricCard strong{font-size:30px;font-weight:600}.metricCard span{font-size:13px;color:#65755f}.metricCard small{font-size:11px;color:#788374}.metricCard:nth-child(2){background:#f4eef9}.metricCard:nth-child(3){background:#f9eff2}.metricCard:nth-child(4){background:#fcf3dc}.chartPanel{background:white;border:1px solid #dce4d8;border-radius:12px;padding:22px;margin:20px 0}.chartPanel h3{font-size:17px;margin:0}.chartPanel select{padding:8px}.lineChart{position:relative}.lineChart svg{width:100%;height:auto;min-height:190px;display:block}.chartLegend{display:flex;gap:20px;margin:18px 0 0;font-size:12px}.chartLegend span{padding-left:9px;border-left:12px solid}.chartEmpty{position:absolute;top:40%;left:15%;right:10%;text-align:center;background:#ffffffdd;padding:14px;color:#758071}.analyticsTable{overflow:auto;margin-top:15px}.analyticsTable table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.analyticsTable td,.analyticsTable th{padding:10px;text-align:right;border-bottom:1px solid #e2e7dd}.analyticsTable th:first-child,.analyticsTable td:first-child{text-align:left}#analyticsView .toolbar input{max-width:155px}#analyticsView .toolbar{gap:10px}svg circle:focus{outline:3px solid #29352f}@media(max-width:900px){.analyticsSummary{grid-template-columns:repeat(2,minmax(0,1fr))}.chartPanel{padding:14px}}

.integrationGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.integrationCard{padding:22px;background:white;border:1px solid #dfe4d9;border-radius:14px}.integrationCard h3{margin-top:0}.integrationCard details{margin-bottom:18px}.integrationCard p{line-height:1.6}#destinationChoices{display:flex;flex-wrap:wrap;gap:12px 22px}#destinationChoices label{display:flex;align-items:center;gap:5px;margin:6px 0}#destinationChoices input{width:auto}

#youtubeConnection{border-top:1px solid #dfe4d9;margin-top:20px;padding-top:10px}#youtubeConnection button{margin:7px 0;display:block}#youtubeConnection code{overflow-wrap:anywhere}#youtubeConnection small{display:block;line-height:1.5}

.brandSocials{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.brandSocials p{flex-basis:100%;margin:0 0 4px}.brandSocials .badge{white-space:normal}

/* Keep connection groups out of the equal-height brand card grid. */
#integrationCards{display:block;max-width:1280px}
#integrationCards>.integrationCard{max-width:720px;margin-bottom:24px}
.connectionSection{margin:24px 0}
.connectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px;align-items:start}
.connectionGrid>.integrationCard{min-width:0;overflow-wrap:anywhere}
.connectionGrid h4{margin:0 0 14px;font-size:17px}
.connectionGrid .badge{display:inline-block;margin:0 0 12px}
.connectionGrid button{max-width:100%;margin:4px 6px 4px 0}
.connectionGrid small{display:block;margin:10px 0}
.connectionGrid [role=status]:empty{display:none}
.connectionGrid code{overflow-wrap:anywhere}
.draftFormats{margin:28px 0}
.draftFormats>summary{font-size:18px;font-weight:600;margin-bottom:18px}

.planSummary{background:white;border:1px solid #dfe4d9;border-radius:14px;padding:22px 24px;margin:20px 0;color:#29352f}
.planSummaryHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.planSummaryHeading h3{font-size:18px;margin:0}
.planUsageMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.planUsageMetric{min-width:0}
.planUsageLabel{font-size:14px;font-weight:600}
.planUsageValue{margin:10px 0;color:#697369;font-size:17px}
.planUsageValue strong{font-size:28px;font-weight:650;color:#29352f}
.planUsageMetric progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#edf0e9;accent-color:#52775c}
.planUsageMetric progress::-webkit-progress-bar{background:#edf0e9;border-radius:8px}
.planUsageMetric progress::-webkit-progress-value{background:#52775c;border-radius:8px}
.planUsageMetric progress::-moz-progress-bar{background:#52775c;border-radius:8px}
.planUsageMetric small{display:block;color:#697369;font-size:12px;margin-top:8px}
.planUsageNote{font-size:13px;color:#697369;margin:18px 0 0}
.planLimitNotice{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f6f0e2;color:#705c33;border-radius:8px;padding:12px 14px;margin-top:16px;font-size:14px}
.planLimitNotice button{margin-left:auto;white-space:nowrap;padding:8px 13px}
@media(max-width:700px){.planUsageMetrics{grid-template-columns:1fr;gap:20px}.planSummary{padding:18px}.planLimitNotice button{margin-left:0}}

button.disconnectButton{background:#b42318;border-color:#b42318;color:#fff}
button.disconnectButton:hover:not(:disabled){background:#912018;border-color:#912018}
button.disconnectButton:focus-visible{outline:3px solid #b42318;outline-offset:3px}

.connectionStatus{display:block;width:fit-content;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:700;margin:0 0 8px;background:#6b737b1f;color:inherit}
.connectionStatus[data-state=connected]{background:#2f8a5a26;color:#1f6b43}.connectionStatus[data-state=needs-reconnect]{background:#c27a0a29;color:#87540a}
.plannedIntegrations{margin-top:8px;max-width:720px}.plannedLine{margin:0 0 10px}.plannedNotify{margin-right:10px}
.plannedPicker{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;padding:14px;border:1px solid #6b737b40;border-radius:10px}.plannedPicker legend{padding:0 6px;font-weight:600}.plannedActions{flex-basis:100%}
.savedSignIn{display:flex;flex-wrap:wrap;align-items:center;gap:8px}

.destinationUnavailable{color:#737b82;cursor:not-allowed}
.destinationUnavailable input{cursor:not-allowed;opacity:.55}
.destinationStatus{font-size:.72rem;color:#737b82}

#scheduleInputs:not([hidden]){display:grid;grid-template-columns:minmax(150px,2fr) repeat(3,minmax(65px,1fr));gap:12px}#scheduleInputs label{min-width:0}#scheduleInputs input,#scheduleInputs select{width:100%;box-sizing:border-box}@media(max-width:540px){#scheduleInputs:not([hidden]){grid-template-columns:repeat(3,1fr)}#scheduleInputs label:first-child{grid-column:1/-1}}
button.logo{padding:0;border:0;background:transparent;text-align:left;white-space:nowrap}button.logo:hover{color:#355a43}.dashboardMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.dashboardMetric{text-align:left;padding:22px;background:white}.dashboardMetric strong{display:block;font-size:32px;margin-bottom:8px}.dashboardMetric span{color:#697369}.dashboardColumns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboardPanel{background:white;border:1px solid #dce1d5;border-radius:12px;padding:22px;margin:22px 0}.dashboardPanel h3{margin-top:0}.dashboardPanel .calendarPost{padding:14px}@media(max-width:650px){.dashboardMetrics,.dashboardColumns{grid-template-columns:1fr}.dashboardPanel{margin:12px 0}}
/* Shared visual system: workspace, forms, reports and settings. */
:root{--ink:#20332c;--muted:#63746b;--line:#dfe6e1;--surface:#fff;--accent:#245c45;background:#f4f6f5;color:var(--ink);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px}
aside{width:230px;background:#fbfcfb;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;overflow-y:auto}button.logo{font-size:22px;letter-spacing:-.7px}aside>.muted{font-size:12px;line-height:1.6;margin:12px 0 26px}nav{margin:0;gap:4px}nav button{border:0;padding:11px 14px;font-weight:500;border-radius:8px;color:#596b61}nav button:hover{background:#eef3ef;color:var(--ink)}nav button[aria-current=page]{background:#e3eee7;color:#20563e;font-weight:700;box-shadow:inset 3px 0 #347557}.foot{position:static;margin-top:auto;padding-top:28px;font-size:10px}
main{margin-left:230px;width:calc(100% - 230px);padding:24px 40px 48px;max-width:1700px}header{letter-spacing:.3px;font-size:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line)}header a{color:var(--muted);text-decoration:none}h1{font-family:inherit;font-size:34px;font-weight:650;letter-spacing:-1.1px;margin:8px 0 10px}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px;letter-spacing:-.2px}.heading{gap:16px}.heading p{color:var(--muted);margin:6px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;margin-top:0!important}p{line-height:1.6}.toolbar{padding:16px 0;margin:14px 0;gap:12px}.toolbar select{min-width:185px}button{font-weight:550;border-color:var(--line);padding:10px 14px;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#f0f5f2;border-color:#a9c2b2}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover:not(:disabled){background:#184531;border-color:#184531}button:disabled{opacity:.55}.notice{background:#edf2ef;color:#4b6256;border:1px solid #dae5de;font-size:12px;line-height:1.6;padding:12px 16px}.stats{font-size:13px;margin:20px 0}.muted{color:var(--muted)}
.dashboardMetrics{gap:16px;margin:20px 0}.dashboardMetric{padding:22px;border-radius:12px;box-shadow:0 2px 4px #182d2205}.dashboardMetric strong{font-size:34px;font-weight:650;letter-spacing:-1px}.dashboardMetric span{font-size:12px}.dashboardPanel,.card,.integrationCard,.planSummary,.demoCard{border-color:var(--line);border-radius:12px;box-shadow:0 2px 6px #182d2204}.dashboardPanel{margin:20px 0;padding:22px}.card{padding:22px;min-height:190px}.card h2{font-family:inherit;font-size:19px;font-weight:650}.badge{border-radius:5px;font-size:11px;font-weight:600;color:#3b624b}.integrationCard{padding:22px;background:#fff}.integrationCard h3{margin:0 0 12px}.integrationCard button{margin:6px 8px 6px 0}.connectionGrid,.integrationGrid{gap:18px}.calendarScroll{border-color:var(--line);box-shadow:0 2px 6px #182d2204}.weekday{background:#f3f6f4;color:#63746b;font-size:11px}.calendarDay{min-height:135px}.calendarPost{border-color:var(--line);box-shadow:none}.calendarPost .badge{font-weight:500}
input,select,textarea{border:1px solid #d5dfd8;border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;line-height:1.4}input:focus,select:focus,textarea:focus{outline:2px solid #9ac6ad;outline-offset:1px}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}label{font-size:12px;font-weight:600;color:#4c6054}dialog{width:720px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 80px #142e2530}dialog::backdrop{background:#182b245c;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:0}dialog .heading{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}fieldset{padding:14px 16px;border:1px solid var(--line);margin:18px 0;border-radius:10px}legend{font-size:12px;font-weight:650;color:#425b4c;padding:0 6px}fieldset p{font-size:12px;margin:4px 0 12px}fieldset label{align-items:center}.scheduleFields #scheduleInputs label{display:block;margin:8px 0}#destinationChoices{display:flex;flex-wrap:wrap;gap:8px}#destinationChoices label{margin:0;padding:7px 10px;background:#f5f7f5;border-radius:6px;font-size:12px}.destinationUnavailable{background:#f3f4f4!important}#editorReviewStatus{padding:10px 14px;background:#edf4ef;border-radius:8px;font-size:12px}.mediaRow{background:#f1f5f2;border:1px solid var(--line);padding:10px}#postPreview{background:#fafcfb}#details,#editorMessage{font-size:12px;line-height:1.6}.actions{gap:8px;margin-top:20px}details{border-top:1px solid var(--line);padding-top:12px}summary{color:#56695c;font-weight:550}#livePublishing{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}#livePublishing button{margin:6px 8px 6px 0}#livePublishing small{display:block;font-size:12px}#livePublishing p{font-size:12px}#edit>.actions{border-top:1px solid var(--line);padding-top:18px}
@media(max-width:1000px){main{padding:24px}aside{width:205px;padding:25px 16px}main{margin-left:205px;width:calc(100% - 205px)}}
@media(max-width:700px){body{display:block}aside{position:static;width:100%;padding:16px;display:block;border-right:0;border-bottom:1px solid var(--line)}aside>.muted,.foot{display:none}nav{display:flex;overflow-x:auto;margin-top:14px;padding-bottom:4px;gap:6px}nav button{white-space:nowrap;flex-shrink:0;font-size:12px;padding:9px 12px}main{margin:0;width:100%;padding:20px 16px}h1{font-size:28px}.heading{flex-wrap:wrap}.toolbar select{min-width:0;flex:1}.dashboardMetrics{grid-template-columns:repeat(3,1fr);gap:8px}.dashboardMetric{padding:14px 10px}.dashboardMetric strong{font-size:26px}.dashboardMetric span{font-size:11px}.dashboardColumns{grid-template-columns:1fr;gap:0}dialog{padding:20px}.actions button{flex:1 1 auto}.scheduleFields #scheduleInputs{gap:8px}}
@media(prefers-reduced-motion:reduce){button{transition:none}dialog::backdrop{backdrop-filter:none}}
/* Calendar: compact month overview, richer weekly planning. */
.calendarToolbar{margin:24px 0 10px;gap:16px}.calendarNavigation{gap:7px}.calendarNavigation h2{min-width:180px;font-size:23px;letter-spacing:-.6px}.calendarNavigation button{min-height:36px}#calendarRange{font-weight:600;background:#fff}#calendarTimezone{font-size:12px}.calendarFilters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.calendarFilters input{max-width:260px}.calendarLegend{margin-left:auto;font-size:11px;color:#65766c}.calendarScroll{border-radius:12px}.calendarGrid{min-width:760px;grid-template-columns:repeat(7,minmax(108px,1fr));background:#e4eae6}.weekday{padding:13px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:650}.calendarDay{min-height:164px;padding:9px;background:#fff}.calendarDay.isToday{background:#f3f9f5;box-shadow:inset 0 0 0 1px #90b7a0}.calendarDay.outsideMonth{background:#f4f6f5}.dayHeading{margin-bottom:9px;gap:3px}.dayHeading>span{font-weight:650;font-size:13px;padding:5px 7px;min-width:28px;text-align:center}.dayHeading button{font-size:17px;color:#668472;opacity:.6;border-radius:6px}.calendarDay:hover .dayHeading button,.dayHeading button:focus-visible{opacity:1}.dayPostCount{font-size:9px;color:#87968c;flex:1;text-align:right}.calendarPost{padding:9px;margin:0 0 7px;border:1px solid #e5e8e0;border-left:3px solid #c5994b;background:#fffcf5;border-radius:7px;gap:5px}.calendarPost.reviewed{border-left-color:#458667;background:#f4f9f5}.calendarPost strong{font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.calendarPost .type{font-size:10px;font-weight:650;color:#455f50}.calendarPost .postNetworks{font-size:9px;line-height:1.3}.calendarPost .cardCover{height:66px;object-fit:cover}.calendarPost .badge{font-size:9px;background:transparent;padding:0;color:#816323}.calendarPost.reviewed .badge{color:#397052}.calendarGrid.month .calendarPost .cardCover{display:none}.calendarGrid.week .calendarDay{min-height:380px}.calendarGrid.week .calendarPost .cardCover{height:120px}.calendarMore{width:100%;border:0;background:transparent;text-align:left;color:#426d54;font-size:11px;padding:6px}.calendarEmptyDay{border:1px dashed #dce5de;color:#819489;background:transparent;width:100%;font-size:11px;font-weight:400;padding:20px 4px;margin-top:8px}#unscheduledSection{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}#unscheduledSection h3{font-size:16px}#unscheduled .card{min-height:160px}#unscheduled .cardCover{height:120px}@media(max-width:700px){.calendarNavigation h2{min-width:0;font-size:20px}.calendarFilters{gap:8px}.calendarLegend{margin:0;width:100%}.calendarFilters input{flex:1;min-width:100px}.calendarDay{min-height:150px}}

.calendarActive>.heading p{display:none}.calendarActive>.heading h1{font-size:28px;margin:0}.calendarActive>.toolbar{margin:8px 0;padding:8px 0}.calendarActive>.stats{margin:12px 0}.calendarActive .calendarToolbar{margin-top:16px}.calendarActive #calendarTimezone{margin:8px 0}.calendarActive .calendarFilters{margin:10px 0}

/* Team settings */
#teamDialog{width:min(680px,calc(100vw - 32px));box-sizing:border-box;color:var(--ink);padding:28px;max-height:90vh}
#teamDialog .heading{align-items:flex-start;margin-bottom:24px}#teamDialog .heading h2{font-size:23px}#teamDialog .heading p{font-size:13px;margin:7px 0 0}#teamDialog p{font-size:13px}
.teamPlan{background:#f4f7f5;border:1px solid #e0e8e3;border-radius:12px;padding:18px}.teamPlanTop{display:flex;align-items:center;justify-content:space-between;gap:16px}.teamPlanLabel{font-size:12px;color:#496354;font-weight:650}.teamPlanTop #teamSeatCount{font-size:20px;font-weight:600;letter-spacing:-.4px;margin:5px 0 0}.teamPlanOptions{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #dfe7e1;padding-top:14px;margin-top:16px;font-size:12px;color:#62736a}.teamPlanOptions strong{color:#334f3f;margin-right:4px}.teamPlan small{display:block;color:#708077;font-size:11px;margin-top:10px}.teamSection{padding-top:24px}.teamSection h3{margin:0 0 12px;font-size:14px}.teamMember{border:1px solid var(--line);border-radius:10px;padding:14px;margin:8px 0}.teamIdentity{display:flex;align-items:center;gap:12px;font-size:13px}.teamAvatar{display:grid;place-items:center;background:#eaf1ec;color:#3c614a;width:34px;height:34px;border-radius:50%;font-weight:650;flex-shrink:0}.teamRole{margin-left:auto;color:#63756a;font-size:12px}.teamMember>button{margin:0 8px 0 0}#teamInviteSection{border-top:1px solid var(--line);margin-top:24px}#inviteAvailability{margin:0 0 16px;line-height:1.6}#teamInviteFields>label{display:flex;flex-direction:column;gap:7px;margin:0}#teamInviteFields select{width:100%}#inviteBrands{margin:16px 0}#inviteBrands label{display:flex;gap:8px;margin:8px 0}#inviteBrands input{width:auto}.teamHint,.teamFootnote{color:#78857d;font-size:11px!important}.teamFootnote{border-top:1px solid var(--line);padding-top:18px;margin:24px 0 0}#teamMessage:empty,#inviteToken:empty{display:none}#teamMessage{color:#3e6650;margin-bottom:0}#inviteToken input{width:100%;box-sizing:border-box}.teamPendingRow{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:16px;font-size:13px}.teamPendingRow p{color:var(--muted);margin:4px 0 0;font-size:12px!important}@media(max-width:500px){#teamDialog{padding:20px}.teamPlanTop{align-items:flex-start;flex-direction:column}.teamPlanOptions{display:grid;gap:8px}.teamRole{font-size:11px}}

.terms-agreement{display:flex;align-items:flex-start;gap:10px;margin:20px 0 8px}.terms-agreement input[type="checkbox"]{width:18px;height:18px;flex:none;margin:2px 0}.terms-document{width:100%;max-width:800px;margin:40px auto;padding:24px}.terms-document p{line-height:1.7}.terms-document h2{margin-top:28px}

body:not(.signed-in) aside{display:none}body:not(.signed-in) main{margin-left:auto;margin-right:auto;width:100%;max-width:1100px}body:not(.signed-in) #auth{margin:0 auto;padding:36px 0}body:not(.signed-in) #message{max-width:510px;margin:20px auto}

body:not(.signed-in) main.terms-document{max-width:800px}

/* Persistent visual indicator for the server-authorized administrator mode. */
#adminMode[aria-pressed="true"]{background:#b42318;color:#fff;font-weight:750;box-shadow:0 0 0 2px #fecdca}
#adminMode[aria-pressed="true"]:hover:not(:disabled){background:#912018;color:#fff}
#adminMode[aria-pressed="true"]:focus-visible{outline:3px solid #b42318;outline-offset:4px}

/* Secondary actions sit below the main workspace navigation for every user. */
aside #sidebarUtilities{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);gap:4px;flex-shrink:0}
aside>nav:first-of-type{margin-bottom:28px}
aside #sidebarUtilities a{display:block;padding:11px 14px;border-radius:8px;color:#596b61;font-size:inherit;font-weight:500;text-decoration:none}
aside #sidebarUtilities a:hover{background:#eef3ef;color:var(--ink)}
aside #sidebarUtilities a:focus-visible{outline:3px solid #688eaf;outline-offset:2px}
aside .foot{margin-top:0;padding-top:20px}
@media(max-width:560px){aside #sidebarUtilities{display:flex;flex-direction:column;margin-top:20px}}

/* Publishing severity comes from job state, not the backend's legacy error field. */
#livePublishing .publishingStatus{margin:12px 0;padding:14px 16px;border:1px solid #b8cede;border-radius:10px;background:#eff6fc;color:#244e70;line-height:1.6;overflow-wrap:anywhere}
#livePublishing .publishingStatus strong{display:block;font-size:13px}
#livePublishing .publishingStatus p{margin:4px 0 0;color:inherit}
#livePublishing .publishingStatus--success{background:#edf7ef;border-color:#b6d8bf;color:#245c37}
#livePublishing .publishingStatus--warning{background:#fff8e8;border-color:#e6cd91;color:#765314}
#livePublishing .publishingStatus--error{background:#fff1f0;border-color:#edb6b0;color:#a12b23}
#livePublishing .publishingStatus--neutral{background:#f4f6f5;border-color:#d7dfda;color:#536159}

/* Assistant guide beside workspace access controls. */
aside nav .sidebar-guide-link{display:block;text-decoration:none;border:0;border-radius:8px;padding:11px 14px;font-weight:500;color:#596b61;background:transparent}aside nav .sidebar-guide-link:hover{background:#eef3ef;color:var(--ink)}aside nav .sidebar-guide-link:focus-visible{outline:2px solid #347557;outline-offset:2px}@media(max-width:700px){aside nav .sidebar-guide-link{white-space:nowrap;flex-shrink:0;font-size:12px;padding:9px 12px}}

/* Confirmed publications remain readable without looking like editable drafts. */
.calendarPost.published,.card.published{border:2px solid #27845b;background:#effaf4;}
.published .badge{background:#d4f2e2;color:#145b3b;font-weight:700;}
#deleteDraft{color:#9f2435;border-color:#d5a3ab;}

/* App-wide navigation, keyboard access and readable narrow layouts. */
.skipLink{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:1000;padding:12px 18px;background:#fff;color:#20563e;border:2px solid #347557;border-radius:8px}.skipLink:focus{transform:none}
a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #688eaf;outline-offset:3px}main:focus{outline:none}
main{min-width:0}header{flex-wrap:wrap;gap:12px}#mobileMenuToggle{display:none}
#message:empty{display:none}
#message:not(:empty){position:sticky;bottom:16px;padding:14px 18px;border:1px solid #ce9b8f;border-radius:10px;background:#fff4ef;box-shadow:0 4px 20px #29352f18;z-index:5;overflow-wrap:anywhere}
#connectionNotice{margin:0 0 16px}body:not(.signed-in) #workspaceNavigation,body:not(.signed-in) #sidebarUtilities{display:none}
@media(max-width:700px){
 body.signed-in #mobileMenuToggle:not([hidden]){display:block;float:right;min-height:44px;margin:0 0 0 8px}
 aside.mobileNavigation #workspaceNavigation,aside.mobileNavigation #sidebarUtilities{display:none}
 aside.mobileNavigation.menuOpen #workspaceNavigation,aside.mobileNavigation.menuOpen #sidebarUtilities{display:flex;flex-wrap:wrap;overflow:visible;gap:6px;margin:16px 0 0;padding:12px 0 0;flex-direction:row}
 aside.mobileNavigation nav button,aside.mobileNavigation nav a{min-height:44px;flex:1 1 145px;white-space:normal}
 aside.mobileNavigation nav button[aria-current=page]{box-shadow:inset 3px 0 #347557}
 .grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr))}.empty{padding:36px 16px}.stats{flex-wrap:wrap;gap:16px}
 .toolbar>label{flex-wrap:wrap;min-width:0}.toolbar input{min-width:0}.heading{gap:12px}dialog{max-height:calc(100dvh - 24px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Design pass: page hierarchy, header, affordances and empty states. */
#studio:not([data-view=dashboard])>.heading .eyebrow,#studio:not([data-view=dashboard])>.heading p{display:none}
#studio:not([data-view=dashboard])>.heading h1{font-size:28px;margin:0}
#studio:not([data-view=dashboard])>.toolbar{margin:8px 0;padding:8px 0}
#studio:not([data-view=dashboard])>.notice{display:none}
#brandsView>.heading h2,#analyticsView>.heading h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#brandsView>.heading,#analyticsView>.heading{margin-top:4px}
#dashboardView>h2{margin:28px 0 4px}#dashboardView>h2+.muted{margin:0}
main>header{justify-content:flex-start;gap:12px}main>header>a:first-child{margin-right:auto;display:inline-flex;align-items:center;font-weight:550;color:var(--ink)}main>header>a:first-child .brand-mark{margin-right:10px}
/* App shell: brand switcher, grouped navigation, destination notice and full-height sidebar. */
.visuallyHidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.signed-in{position:relative;z-index:0}
body.signed-in::before{content:"";position:absolute;inset:0 auto 0 0;width:230px;background:#fbfcfb;border-right:1px solid var(--line);z-index:-1;pointer-events:none}
.brandSwitcher{margin:18px 0 22px;flex-shrink:0}
#brandSwitcherButton{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;color:var(--ink)}
#brandSwitcherButton:hover{border-color:#b9cbbf;background:#f6f9f7}
#brandSwitcherButton:focus-visible,.brandOption:focus-visible,aside nav .navLink:focus-visible{outline:3px solid #688eaf;outline-offset:2px}
.brandInitial{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:8px;background:#245c45;color:#fff;font-weight:700;font-size:14px}
.brandSwitcherText{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.brandSwitcherText strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.brandSwitcherText small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted)}
.brandSwitcherCaret{flex:none;color:var(--muted);font-size:11px}
#brandSwitcherButton[aria-expanded=true] .brandSwitcherCaret{transform:rotate(180deg)}
.brandSwitcherMenu{margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 8px 24px #182d2214}
.brandSwitcherMenu label{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;font-size:11px;font-weight:650;color:var(--muted)}
.brandSwitcherMenu label[hidden]{display:none}
.brandSwitcherMenu select{width:100%;min-width:0}
.brandSwitcherHeading{margin:0 0 4px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
#brandSwitcherList{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}
.brandOption{display:flex;align-items:center;gap:9px;width:100%;border:0;padding:6px;border-radius:8px;background:transparent;text-align:left;color:var(--ink);font-weight:500}
.brandOption .brandInitial{width:24px;height:24px;font-size:12px;border-radius:6px;background:#dfeae3;color:#245c45}
.brandOption span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandOption:hover{background:#eef3ef}
.brandOption[aria-current=true]{background:#e3eee7;font-weight:700;color:#20563e}
.brandOption[aria-current=true] .brandInitial{background:#245c45;color:#fff}
.brandSwitcherActions{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.brandSwitcherActions button{border:0;background:transparent;padding:8px 6px;text-align:left;font-weight:500;color:#596b61}
.brandSwitcherActions button:hover{background:#eef3ef;color:var(--ink)}
aside nav .navGroup{display:flex;flex-direction:column;gap:2px}
aside nav .navGroup+.navGroup{margin-top:18px}
.navGroupLabel{display:block;padding:0 14px 6px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#7b8a81}
aside nav .navLink{display:block;padding:11px 14px;border-radius:8px;color:#596b61;font-weight:500;text-decoration:none}
aside nav .navLink:hover{background:#eef3ef;color:var(--ink)}
#studio>.heading h1{font-size:28px;margin:0}
#destinationNotice:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}
#destinationNotice button{padding:7px 12px;font-size:12px;background:#fff}
#studio[data-view=calendar]>#destinationNotice:not([hidden]),#studio[data-view=reviews]>#destinationNotice:not([hidden]){display:flex}
@media(max-width:1000px){body.signed-in::before{width:205px}}
@media(max-width:700px){
 body.signed-in::before{display:none}
 .brandSwitcher{margin:12px 0 0;clear:both}
 aside.mobileNavigation.menuOpen #workspaceNavigation .navGroup{width:100%}
 aside.mobileNavigation.menuOpen #workspaceNavigation{flex-direction:column;flex-wrap:nowrap}
 aside.mobileNavigation.menuOpen #workspaceNavigation .navGroup{flex-direction:row;flex-wrap:wrap;gap:6px}
 aside.mobileNavigation.menuOpen #workspaceNavigation .navGroupLabel{flex:1 0 100%;padding:4px 0}
 aside.mobileNavigation nav .navLink{display:flex;align-items:center;font-size:12px;padding:9px 12px}
 aside nav .navGroup+.navGroup{margin-top:10px}
}
[data-theme=dark] body.signed-in::before{background:var(--theme-surface);border-right-color:var(--theme-line)}
[data-theme=dark] #brandSwitcherButton,[data-theme=dark] .brandSwitcherMenu{background:var(--theme-raised);border-color:var(--theme-line-strong);color:var(--theme-ink);box-shadow:none}
[data-theme=dark] #brandSwitcherButton:hover{background:var(--theme-soft)}
[data-theme=dark] .brandSwitcherText small,[data-theme=dark] .brandSwitcherCaret,[data-theme=dark] .brandSwitcherHeading,[data-theme=dark] .brandSwitcherMenu label,[data-theme=dark] .navGroupLabel{color:var(--theme-muted)}
[data-theme=dark] .brandInitial{background:var(--theme-accent);color:#fff}
[data-theme=dark] .brandOption,[data-theme=dark] .brandSwitcherActions button,[data-theme=dark] aside nav .navLink{background:transparent;color:var(--theme-muted)}
[data-theme=dark] .brandOption .brandInitial{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] .brandOption:hover,[data-theme=dark] .brandSwitcherActions button:hover,[data-theme=dark] aside nav .navLink:hover{background:var(--theme-surface);color:var(--theme-ink)}
[data-theme=dark] .brandOption[aria-current=true]{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] .brandOption[aria-current=true] .brandInitial{background:var(--theme-accent);color:#fff}
[data-theme=dark] .brandSwitcherActions{border-top-color:var(--theme-line)}
[data-theme=dark] #destinationNotice button{background:var(--theme-raised);border-color:var(--theme-line-strong);color:var(--theme-ink)}
main>header>a:not(:first-child){padding:8px 10px;border-radius:8px}main>header>a:not(:first-child):hover{background:#eaf1ec;color:var(--ink)}
main>section a:not([class]),dialog a:not([class]){color:#1f6a4a;text-decoration-thickness:1px;text-underline-offset:3px}
main>section a:not([class]):hover,dialog a:not([class]):hover{color:#123f2b;text-decoration-thickness:2px}
button.danger{color:#a3232f;border-color:#e3b8bd}button.danger:hover:not(:disabled){background:#fff3f3;border-color:#c9737c;color:#8a1c27}
button.danger:focus-visible{outline-color:#b42318}
dialog>button{margin:16px 8px 0 0}
#recoveryCodes{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.9;letter-spacing:.3px;background:#f4f7f5;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:18px 0 4px;user-select:all}
#closeRecoveryCodes{background:var(--accent);border-color:var(--accent);color:#fff}#closeRecoveryCodes:hover:not(:disabled){background:#184531}
input[type=file]{padding:6px;font-size:13px;color:var(--muted)}
input[type=file]::file-selector-button{font:inherit;font-weight:600;margin-right:12px;padding:8px 14px;border:1px solid #c9d8ce;border-radius:7px;background:#eef4f0;color:#20563e;cursor:pointer}
input[type=file]::file-selector-button:hover{background:#e1ece4}
.uploadLabel{display:flex;flex-direction:column;align-items:flex-start!important;gap:6px!important}
.emptyState{grid-column:1/-1;margin:8px 0;padding:44px 24px;text-align:center;color:var(--muted);border:1.5px dashed #c9d8ce;border-radius:14px;background:#fafcfb}
.emptyState::before{content:"";display:block;width:44px;height:44px;margin:0 auto 14px;border-radius:12px;background:#e3eee7 url(/static/empty-media.svg) center/24px no-repeat}
.connectionList{list-style:none;margin:6px 0 16px;padding:0}
.connectionRow{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
.connectionRow:last-child{border-bottom:0}.connectionName{overflow-wrap:anywhere}
.connectionPill{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;background:#f0f2f1;color:#5d6b63;white-space:nowrap}
.connectionPill.connected{background:#dff1e6;color:#1d6440}
.connectionPill.connected::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2f8a5b;margin-right:6px;vertical-align:1px}
.dashboardMetric{transition:border-color .12s,box-shadow .12s,transform .12s}.dashboardMetric:hover:not(:disabled){background:#fff;border-color:#a9c2b2;box-shadow:0 6px 18px #182d220f;transform:translateY(-1px)}
.dashboardPanel>.muted:only-of-type{margin-bottom:0}
@media(max-width:700px){main>header>a:not(:first-child){padding:8px 0}.connectionRow{grid-template-columns:90px minmax(0,1fr) auto;gap:8px}}
@media(prefers-reduced-motion:reduce){.dashboardMetric{transition:none}.dashboardMetric:hover:not(:disabled){transform:none}}
body:not(.signed-in) #auth{max-width:500px;margin:24px auto 48px;padding:40px 44px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 50px #182d220d}
#auth h1{font-size:32px;line-height:1.15}#auth form{max-width:none}#auth form label input{margin-top:6px}
#auth .authModes{gap:4px;padding:4px;margin:22px 0 4px;background:#eef3f0;border-radius:11px}
#auth .authModes button{border:0;background:transparent;color:#53675b;border-radius:8px;padding:9px 12px}
#auth .authModes button:hover:not(:disabled){background:#e3ece6}
#auth .authModes [aria-pressed=true],#auth .authModes [aria-pressed=true]:hover{background:#fff;color:#1d4f38;box-shadow:0 1px 3px #182d2224,0 0 0 1px #d6e2da}
#auth #google{width:100%;margin:4px 0 0;padding:11px 14px}
#auth #googleNote{font-size:12px;margin:8px 0 4px}
#auth .actions{margin-top:22px}#auth .actions button{flex:1}
#auth #recoverAccount{display:block;margin:14px auto 0;border:0;background:transparent;color:var(--muted);font-weight:500;padding:8px 10px;text-decoration:underline;text-underline-offset:3px}
#auth #recoverAccount:hover:not(:disabled){color:var(--ink);background:transparent}
@media(max-width:560px){body:not(.signed-in) #auth{padding:28px 20px;margin:8px auto 32px;border-radius:16px}#auth h1{font-size:28px}}
#authTerms p.muted{font-size:13px}
#authBrand{margin:18px 0 6px}#authBrand label{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}#authBrand input,#authBrand select{width:100%}#authBrand p.muted{font-size:13px;margin:0}
@media(max-width:700px){main>header>a:first-child .brand-mark{display:none}}
.calendarPost.movable{cursor:grab;user-select:none}.calendarPost.dragging{opacity:.45}.dragGhost{position:fixed;z-index:1000;pointer-events:none;opacity:.92;box-shadow:0 8px 24px #182d2233;cursor:grabbing}.calendarDay.dropTarget{box-shadow:inset 0 0 0 2px #458667;background:#eef7f1}
.clientBatches{border:1px solid var(--line,#dce3d9);border-radius:14px;padding:16px 18px;margin:0 0 16px}.clientBatches h3{margin:0 0 4px}.clientBatches h4{margin:14px 0 4px}.clientBatches .toolbar{flex-wrap:wrap;align-items:center}.clientBatches input[readonly]{width:100%;margin:6px 0}.clientBatchList{margin:0;padding-left:18px}.clientBatchList li{margin:6px 0}.clientBatchList button{margin-left:6px}
.onboardingPanel h3{margin-bottom:4px}.onboardingPanel>.muted{margin:0 0 12px}.onboardingProgress{display:block;width:100%;height:8px;margin:0 0 8px;accent-color:var(--accent)}.onboardingSteps{list-style:none;margin:0;padding:0}.onboardingStep{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.onboardingStep:first-child{border-top:0}.onboardingMark{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);font-size:13px;font-weight:650;color:var(--muted)}.onboardingStep.done .onboardingMark{background:#e3eee7;border-color:#e3eee7;color:#20563e}.onboardingText{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.onboardingText .muted{font-size:13px;line-height:1.5}.onboardingStep.done .onboardingText strong{color:var(--muted);text-decoration:line-through}.onboardingStep button{flex:none}@media(max-width:560px){.onboardingStep{flex-wrap:wrap}.onboardingStep button{margin-left:42px}}
.integrationCard:not(.brandDisconnected) .brandSocials .badge.socialDisconnected{opacity:.55;filter:grayscale(1)}.integrationCard.brandDisconnected{border-style:dashed}.integrationCard.brandDisconnected>:not(.actions){opacity:.55;filter:grayscale(1)}

/* Dark theme: same structure, darker surfaces. Tokens come from theme.css. */
:root[data-theme=dark]{--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--surface:var(--theme-surface);--accent:var(--theme-accent);background:var(--theme-bg);color:var(--ink)}
[data-theme=dark] aside{background:var(--theme-surface)}
[data-theme=dark] header,[data-theme=dark] .foot,[data-theme=dark] .eyebrow,[data-theme=dark] .stats,[data-theme=dark] .empty,[data-theme=dark] .card p,[data-theme=dark] summary,[data-theme=dark] .calendarLegend,[data-theme=dark] .calendarPost .postNetworks,[data-theme=dark] .postNetworks,[data-theme=dark] .dashboardMetric span,[data-theme=dark] .planUsageValue,[data-theme=dark] .planUsageMetric small,[data-theme=dark] .planUsageNote,[data-theme=dark] .metricCard span,[data-theme=dark] .metricCard small,[data-theme=dark] .teamPlanOptions,[data-theme=dark] .teamPlan small,[data-theme=dark] .teamRole,[data-theme=dark] .teamHint,[data-theme=dark] .teamFootnote,[data-theme=dark] .destinationUnavailable,[data-theme=dark] .destinationStatus{color:var(--theme-muted)}
[data-theme=dark] .stats strong,[data-theme=dark] .planSummary,[data-theme=dark] .planUsageValue strong,[data-theme=dark] .teamPlanOptions strong{color:var(--theme-ink)}
[data-theme=dark] button{background:var(--theme-raised);color:var(--theme-ink);border-color:var(--theme-line-strong)}
[data-theme=dark] button:hover:not(:disabled){background:#2a3731;border-color:#5b7467}
[data-theme=dark] .primary,[data-theme=dark] #closeRecoveryCodes{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
[data-theme=dark] .primary:hover:not(:disabled),[data-theme=dark] #closeRecoveryCodes:hover:not(:disabled){background:var(--theme-accent-hover);border-color:var(--theme-accent-hover)}
[data-theme=dark] nav button,[data-theme=dark] aside #sidebarUtilities a,[data-theme=dark] aside nav .sidebar-guide-link{background:transparent;color:var(--theme-muted)}
[data-theme=dark] nav button:hover:not(:disabled),[data-theme=dark] aside #sidebarUtilities a:hover,[data-theme=dark] aside nav .sidebar-guide-link:hover,[data-theme=dark] main>header>a:not(:first-child):hover{background:var(--theme-raised);color:var(--theme-ink)}
[data-theme=dark] nav button[aria-current=page]{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] button.logo,[data-theme=dark] button.logo:hover:not(:disabled),[data-theme=dark] .dayHeading button,[data-theme=dark] .calendarMore,[data-theme=dark] .calendarEmptyDay,[data-theme=dark] #auth .authModes button,[data-theme=dark] #auth #recoverAccount{background:transparent;border-color:transparent}
[data-theme=dark] button.logo{color:var(--theme-ink)}[data-theme=dark] button.logo:hover:not(:disabled){color:var(--theme-accent-ink)}
[data-theme=dark] .notice,[data-theme=dark] #editorReviewStatus{background:var(--theme-soft);color:#b7cbbf;border-color:#2c4136}
[data-theme=dark] .card,[data-theme=dark] .demoCard,[data-theme=dark] .planCard,[data-theme=dark] .planSummary,[data-theme=dark] .metricCard,[data-theme=dark] .chartPanel,[data-theme=dark] .integrationCard,[data-theme=dark] .dashboardMetric,[data-theme=dark] .dashboardMetric:hover:not(:disabled),[data-theme=dark] .dashboardPanel,[data-theme=dark] .calendarScroll,[data-theme=dark] .calendarDay,[data-theme=dark] dialog,[data-theme=dark] body:not(.signed-in) #auth,[data-theme=dark] .skipLink{background:var(--theme-surface);border-color:var(--theme-line);color:var(--theme-ink)}
[data-theme=dark] .card,[data-theme=dark] .dashboardPanel,[data-theme=dark] .integrationCard,[data-theme=dark] .planSummary,[data-theme=dark] .calendarScroll,[data-theme=dark] body:not(.signed-in) #auth{box-shadow:none}
[data-theme=dark] dialog{box-shadow:0 24px 80px #0009}[data-theme=dark] dialog::backdrop{background:#050806b3}
[data-theme=dark] .card .type{color:#cdb08a}
[data-theme=dark] .badge{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] #calendarRange{background:var(--theme-raised);border-color:var(--theme-line-strong);color:var(--theme-ink)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#7f9087}
[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{outline-color:#4f8f6e}
[data-theme=dark] label,[data-theme=dark] legend,[data-theme=dark] .teamPlanLabel{color:#b9c9bf}
[data-theme=dark] #destinationChoices label,[data-theme=dark] .mediaRow,[data-theme=dark] #postPreview,[data-theme=dark] #recoveryCodes,[data-theme=dark] .teamPlan,[data-theme=dark] .weekday,[data-theme=dark] #reviewMedia img,[data-theme=dark] #reviewMedia video,[data-theme=dark] #reviewDiscussion,[data-theme=dark] .supportMessage{background:var(--theme-raised);border-color:var(--theme-line);color:var(--theme-ink)}
[data-theme=dark] .weekday{color:var(--theme-muted)}
[data-theme=dark] .destinationUnavailable{background:#1b1f1d!important}
[data-theme=dark] #message,[data-theme=dark] #editorMessage{color:#f0a08f}
[data-theme=dark] #message:not(:empty){background:#33201c;border-color:#6b3a31;box-shadow:0 4px 20px #0007}
[data-theme=dark] #agentSecret,[data-theme=dark] .planLimitNotice{background:#33291a;color:#efd396}
[data-theme=dark] #agentKeys p,[data-theme=dark] #agentActivity p,[data-theme=dark] .teamPlanOptions,[data-theme=dark] fieldset,[data-theme=dark] #postPreview,[data-theme=dark] .analyticsTable td,[data-theme=dark] .analyticsTable th,[data-theme=dark] #youtubeConnection{border-color:var(--theme-line)}
/* Calendar */
[data-theme=dark] .calendarGrid{background:var(--theme-line)}
[data-theme=dark] .calendarDay.isToday{background:#1b2c23;box-shadow:inset 0 0 0 1px #3f7a5c}
[data-theme=dark] .calendarDay.outsideMonth,[data-theme=dark] .outsideMonth{background:#151b18}
[data-theme=dark] .outsideMonth .dayHeading{color:#6f8077}
[data-theme=dark] .dayHeading button{color:#8fb4a0}[data-theme=dark] .dayPostCount{color:#8a9a90}
[data-theme=dark] .calendarPost{background:#25231b;border-color:var(--theme-line);border-left-color:#c5994b;color:var(--theme-ink)}
[data-theme=dark] .calendarPost.reviewed{background:#1a2a21;border-left-color:#4f9a74}
[data-theme=dark] .calendarPost:hover{box-shadow:0 2px 10px #0006}
[data-theme=dark] .calendarPost .type{color:#a9c5b5}
[data-theme=dark] .calendarPost .badge{background:transparent;color:#d9b46a}[data-theme=dark] .calendarPost.reviewed .badge{color:#8fd0ab}
[data-theme=dark] .calendarMore{color:var(--theme-link)}
[data-theme=dark] .calendarEmptyDay{border-color:var(--theme-line-strong);color:var(--theme-muted)}
[data-theme=dark] .calendarPost.published,[data-theme=dark] .card.published{background:#14301f;border-color:#2f9a68}
[data-theme=dark] .published .badge{background:#1f4a33;color:#a6e6c3}
[data-theme=dark] #deleteDraft,[data-theme=dark] button.danger{color:#f19aa5;border-color:#6b2f37}
[data-theme=dark] button.danger:hover:not(:disabled){background:#3b1d20;border-color:#9b4651;color:#ffb3bd}
/* Plans, analytics and integrations */
[data-theme=dark] .currentPlan{background:var(--theme-soft);border-color:#4f9a74}
[data-theme=dark] .planUsageMetric progress{background:var(--theme-raised)}
[data-theme=dark] .planUsageMetric progress::-webkit-progress-bar{background:var(--theme-raised)}
[data-theme=dark] .metricCard:nth-child(2){background:#231f2c}[data-theme=dark] .metricCard:nth-child(3){background:#2a1f24}[data-theme=dark] .metricCard:nth-child(4){background:#29251a}
[data-theme=dark] .chartEmpty{background:#19211ddd;color:var(--theme-muted)}
[data-theme=dark] .lineChart svg line{stroke:var(--theme-line)}
[data-theme=dark] .lineChart svg text{fill:var(--theme-muted)}
[data-theme=dark] .lineChart svg [stroke="#35745e"]{stroke:#5fb48a}[data-theme=dark] .lineChart svg [fill="#35745e"]{fill:#5fb48a}
[data-theme=dark] svg circle:focus{outline-color:var(--theme-ink)}
[data-theme=dark] .connectionPill{background:var(--theme-raised);color:var(--theme-muted)}
[data-theme=dark] .connectionPill.connected{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] #livePublishing .publishingStatus{background:#162636;border-color:#2d4a63;color:#a4cdef}
[data-theme=dark] #livePublishing .publishingStatus--success{background:#15291d;border-color:#2f5c40;color:#9edab4}
[data-theme=dark] #livePublishing .publishingStatus--warning{background:#2d2514;border-color:#5f4b1f;color:#efd396}
[data-theme=dark] #livePublishing .publishingStatus--error{background:#33191a;border-color:#6b2f2c;color:#f6a9a2}
[data-theme=dark] #livePublishing .publishingStatus--neutral{background:var(--theme-raised);border-color:var(--theme-line-strong);color:#b9c6be}
/* Team, links, uploads and empty states */
[data-theme=dark] .teamAvatar{background:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] #teamMessage{color:#8fd0ab}
[data-theme=dark] .skipLink{color:var(--theme-accent-ink)}
[data-theme=dark] main>section a:not([class]),[data-theme=dark] dialog a:not([class]),[data-theme=dark] .terms-document a{color:var(--theme-link)}
[data-theme=dark] main>section a:not([class]):hover,[data-theme=dark] dialog a:not([class]):hover,[data-theme=dark] .terms-document a:hover{color:var(--theme-link-hover)}
[data-theme=dark] input[type=file]::file-selector-button{background:var(--theme-raised);border-color:var(--theme-line-strong);color:var(--theme-accent-ink)}
[data-theme=dark] input[type=file]::file-selector-button:hover{background:#2a3731}
[data-theme=dark] .emptyState{background:var(--theme-surface);border-color:var(--theme-line-strong)}
[data-theme=dark] .emptyState::before{background-color:var(--theme-accent-soft)}
/* Sign-in card */
[data-theme=dark] #auth .authModes{background:var(--theme-raised)}
[data-theme=dark] #auth .authModes button{color:var(--theme-muted)}
[data-theme=dark] #auth .authModes button:hover:not(:disabled){background:#2a3731}
[data-theme=dark] #auth .authModes [aria-pressed=true],[data-theme=dark] #auth .authModes [aria-pressed=true]:hover{background:#33443b;color:var(--theme-ink);box-shadow:0 1px 3px #0006,0 0 0 1px #46594e}
[data-theme=dark] #auth #recoverAccount{color:var(--theme-muted)}[data-theme=dark] #auth #recoverAccount:hover:not(:disabled){color:var(--theme-ink);background:transparent}
main>header .themeToggle{color:var(--ink);background:var(--surface)}
[data-theme=dark] button.disconnectButton{background:#b42318;border-color:#b42318;color:#fff}
[data-theme=dark] button.disconnectButton:hover:not(:disabled){background:#c8372b;border-color:#c8372b}
[data-theme=dark] .onboardingStep.done .onboardingMark{background:var(--theme-accent-soft);border-color:var(--theme-accent-soft);color:var(--theme-accent-ink)}
[data-theme=dark] .calendarDay.dropTarget{background:var(--theme-accent-soft);box-shadow:inset 0 0 0 2px var(--theme-accent)}[data-theme=dark] .dragGhost{box-shadow:0 8px 24px #0008}
[data-theme=dark] .connectionStatus[data-state=connected]{background:#3fa46e33;color:#8fd8ae}[data-theme=dark] .connectionStatus[data-state=needs-reconnect]{background:#e0a03833;color:#f2c879}[data-theme=dark] .connectionStatus{background:#9aa3ab2e}
.dashboardColumns.dashboardSingle{grid-template-columns:1fr}.todayTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.todayTop h3{margin:0 0 2px}.todayTop p{margin:0}.todayScope{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.todayScope button{border:0;border-radius:999px;padding:6px 14px;background:transparent;font-size:13px;color:var(--muted)}.todayScope button[aria-pressed=true]{background:var(--accent);color:#fff}.todayBrands{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}.todayBrand{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;font-size:13px}.todayBrand .muted{font-size:12px}.todayBrand.hasFailed{border-color:#e4b4ae}.todayBrand[aria-current=true]{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)}.todayColumns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.todayList{min-width:0}.todayList h4{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14px}.todayList>.muted{margin:0;font-size:13px}.todayList ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.todayList>button{margin-top:8px}.todayCount{min-width:22px;padding:1px 7px;border-radius:999px;background:#eef2ef;color:var(--muted);font-size:12px;font-weight:650;text-align:center}.todayCount.bad{background:#fbe4e1;color:#a3271b}.todayItem{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;font-weight:400}.todayItem:hover:not(:disabled){border-color:#a9c2b2;background:var(--surface)}.todayText{display:flex;flex-direction:column;gap:2px;min-width:0}.todayText strong{overflow-wrap:anywhere}.todayText .muted{font-size:12px}.todayError{font-size:12px;color:#a3271b;overflow-wrap:anywhere}.todayChip{flex:none;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;white-space:nowrap;background:#eef2ef;color:#5d6b63}.todayChip[data-tone=ok]{background:#dff1e6;color:#1d6440}.todayChip[data-tone=warn]{background:#fdf0d5;color:#7a4b00}.todayChip[data-tone=bad]{background:#fbe4e1;color:#a3271b}@media(max-width:900px){.todayColumns{grid-template-columns:1fr}}@media(max-width:560px){.todayScope{width:100%}.todayScope button{flex:1}.todayBrand{flex:1 1 140px}.todayItem{flex-wrap:wrap}}
[data-theme=dark] .todayScope,[data-theme=dark] .todayBrand,[data-theme=dark] .todayItem{border-color:var(--theme-line);background:var(--theme-raised);color:var(--theme-ink)}[data-theme=dark] .todayScope{background:transparent}[data-theme=dark] .todayScope button{color:var(--theme-muted);background:transparent}[data-theme=dark] .todayScope button[aria-pressed=true]{background:var(--theme-accent);color:#fff}[data-theme=dark] .todayItem:hover:not(:disabled){border-color:var(--theme-line-strong);background:var(--theme-raised)}[data-theme=dark] .todayBrand[aria-current=true]{border-color:var(--theme-accent);box-shadow:inset 0 0 0 1px var(--theme-accent)}[data-theme=dark] .todayBrand.hasFailed{border-color:#7a3a33}[data-theme=dark] .todayCount,[data-theme=dark] .todayChip{background:#9aa3ab2e;color:var(--theme-muted)}[data-theme=dark] .todayChip[data-tone=ok]{background:#3fa46e33;color:#8fd8ae}[data-theme=dark] .todayChip[data-tone=warn]{background:#e0a03833;color:#f2c879}[data-theme=dark] .todayChip[data-tone=bad],[data-theme=dark] .todayCount.bad{background:#e0504033;color:#ffaaa0}[data-theme=dark] .todayError{color:#ffaaa0}[data-theme=dark] .todayText .muted,[data-theme=dark] .todayList>.muted{color:var(--theme-muted)}