:root {
  --ink: #18201f;
  --ink-soft: #58615e;
  --paper: #f5f3ee;
  --surface: #fffefb;
  --line: #dcd9d1;
  --line-dark: #bcb9b1;
  --green: #1d7055;
  --green-soft: #e0eee7;
  --orange: #e77737;
  --orange-soft: #f9e7d9;
  --red: #b84d3d;
  --red-soft: #f7e4e0;
  --yellow: #f1c65b;
  --shadow: 0 10px 30px rgba(24, 32, 31, .07);
}

* { box-sizing: border-box; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Manrope", sans-serif; }
body.authenticated .login-screen { display:none; }
button, input { font: inherit; }
button:disabled { cursor: not-allowed; opacity: .55; }
a { color: inherit; text-decoration: none; }
.shell { min-height: 100vh; display: flex; }
.shell[hidden] { display:none; }

.login-screen { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; padding:34px clamp(22px,5vw,72px); background:linear-gradient(135deg,#f5f3ee 0%,#eceae4 58%,#e0eee7 100%); }
.login-brand { display:flex; align-items:center; gap:12px; }.login-brand .brand-mark { flex:0 0 auto; }.login-brand strong,.login-brand small { display:block; }.login-brand strong { font-size:14px; letter-spacing:.04em; }.login-brand small { margin-top:2px; color:var(--ink-soft); font:500 9px "DM Mono",monospace; letter-spacing:.12em; }
.login-card { width:min(420px,100%); align-self:center; justify-self:center; display:grid; gap:17px; padding:36px; border:1px solid var(--line-dark); background:rgba(255,254,251,.96); box-shadow:0 24px 70px rgba(24,32,31,.13); }
.login-heading { margin-bottom:4px; }.login-heading h1 { margin:7px 0 6px; font-size:30px; letter-spacing:-.035em; }.login-heading > p:last-child { margin:0; color:var(--ink-soft); font-size:12px; line-height:1.55; }
.login-card label { display:grid; gap:7px; }.login-card label span { color:var(--ink-soft); font:600 9px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.login-card input { width:100%; min-height:46px; padding:0 13px; border:1px solid var(--line-dark); background:var(--paper); color:var(--ink); outline:none; }.login-card input:focus { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }.login-card button { min-height:46px; border:1px solid var(--ink); background:var(--ink); color:white; font-size:12px; font-weight:800; cursor:pointer; }.login-card button:hover:not(:disabled) { border-color:var(--green); background:var(--green); }.login-message { min-height:18px; margin:0; color:var(--red); font-size:11px; line-height:1.45; }.login-footer { align-self:end; margin:0; color:var(--ink-soft); font:500 9px "DM Mono",monospace; letter-spacing:.06em; text-align:center; text-transform:uppercase; }
.session-control { margin-left:auto; display:flex; align-items:center; gap:12px; }.session-control span { max-width:240px; overflow:hidden; color:var(--ink-soft); font:500 10px "DM Mono",monospace; text-overflow:ellipsis; white-space:nowrap; }.session-control button { min-height:34px; padding:0 11px; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink); font-size:10px; font-weight:800; cursor:pointer; }.session-control button:hover { border-color:var(--ink); background:var(--ink); color:white; }
@media (max-width:620px) { .login-screen { padding:22px 16px; }.login-card { padding:26px 22px; }.session-control span { display:none; }.session-control button { padding:0 8px; } }

.sidebar { width: 88px; position: fixed; inset: 0 auto 0 0; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: #eeece6; z-index: 20; }
.brand { height: 82px; display: flex; align-items: center; justify-content:center; padding: 0; border-bottom: 1px solid var(--line); }
.brand-mark { width: 29px; height: 29px; display: flex; align-items: flex-end; gap: 3px; padding: 5px; background: var(--ink); }
.brand-mark span { width: 4px; background: var(--yellow); }
.brand-mark span:nth-child(1) { height: 8px; }.brand-mark span:nth-child(2) { height: 17px; }.brand-mark span:nth-child(3) { height: 12px; }
.brand > span:last-child { display:none; }
.nav { padding: 14px 8px; flex: 1; }
.nav-label { display:none; margin: 19px 12px 8px; color: #858a87; font: 500 9px "DM Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.nav-label:first-child { margin-top: 0; }
.nav-item { min-height: 72px; display: flex; flex-direction:column; align-items: center; justify-content:center; gap: 7px; padding: 8px 3px; margin-bottom: 6px; border:1px solid transparent; border-radius: 10px; color: #4f5755; font-size: 10px; font-weight: 700; }
.nav-item:hover { background: rgba(255,255,255,.6); color: var(--ink); }.nav-item.active { background: var(--ink); color: #fff; }
.nav-icon { width: 29px; height:29px; display:grid; place-items:center; }.nav-icon svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }.nav-badge { min-width: 20px; padding: 2px 6px; border-radius: 10px; background: var(--orange-soft); color: var(--red); font: 600 10px "DM Mono", monospace; text-align: center; }.nav-item.active .nav-badge { background: var(--yellow); color: var(--ink); }
.sidebar-footer { min-height:72px; display: flex; flex-direction:column; align-items: center; justify-content:center; gap: 6px; padding: 8px 3px; margin:0 8px 8px; border:1px solid transparent; border-top-color:var(--line); border-radius:10px; color:var(--ink-soft); }.sidebar-footer:hover,.sidebar-footer.active { border-color:var(--line-dark); background:rgba(255,255,255,.65); color:var(--ink); }.settings-icon { width:27px; height:27px; display:grid; place-items:center; flex:0 0 auto; }.settings-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }.sidebar-footer-label { font-size:10px; font-weight:700; }.sidebar-footer.active .settings-icon { color:var(--green); }

.workspace { min-width: 0; margin-left: 88px; flex: 1; }.topbar { height: 82px; position: sticky; top: 0; z-index: 12; display: flex; align-items: stretch; padding: 0 38px; border-bottom: 1px solid var(--line-dark); background: rgba(245,243,238,.96); backdrop-filter: blur(12px); }.eyebrow,.section-kicker { margin: 0; color: var(--green); font: 500 9px "DM Mono", monospace; letter-spacing: .13em; text-transform: uppercase; }.menu-button { display:none; width:38px; height:38px; align-self:center; flex:0 0 auto; border: 1px solid var(--line-dark); background: transparent; color: var(--ink); cursor: pointer; }
main { max-width: 1440px; margin: 0 auto; padding: 42px 44px 70px; }.view { display: none; }.view.active { display: block; animation: reveal .25s ease-out; }
.hero-row { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom: 28px; }.hero-row h2 { margin: 6px 0 7px; font-size: clamp(27px, 3vw, 38px); line-height:1.1; letter-spacing:-.035em; }.lead { margin:0; color:var(--ink-soft); font-size:13px; }.updated { color:var(--ink-soft); font:500 10px "DM Mono",monospace; white-space:nowrap; }
.attention { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px; padding:16px 18px; margin-bottom:16px; border:1px solid #e6c8b7; background:var(--orange-soft); }.attention.healthy { border-color:#b9d5c7; background:var(--green-soft); }.attention-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:#fff; font-weight:800; }.attention.healthy .attention-icon { background:var(--green); }.attention strong { font-size:13px; }.attention p { margin:2px 0 0; color:#6e5548; font-size:11px; }.attention.healthy p { color:#486156; }.attention a,.panel-heading a { color:var(--green); font-size:11px; font-weight:800; }.attention a span { margin-left:5px; }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }.metric,.panel { border:1px solid var(--line); background:var(--surface); box-shadow:var(--shadow); }.metric { min-height:142px; padding:18px; }.metric-top { display:flex; justify-content:space-between; color:var(--ink-soft); font:500 9px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.metric strong { display:block; margin-top:19px; font-size:30px; line-height:1; letter-spacing:-.04em; }.metric strong.metric-date { font-size:18px; line-height:1.2; }.metric p { margin:8px 0 0; color:var(--ink-soft); font-size:10px; }.metric-icon { color:var(--green); font-size:16px; }.status-dot { width:8px; height:8px; border-radius:50%; background:var(--line-dark); }.status-dot.good { background:var(--green); }.status-dot.bad { background:var(--red); }
.overview-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr); gap:16px; }.panel { padding:20px; }.panel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }.panel-heading h3 { margin:5px 0 0; font-size:16px; }.timeline { border-top:1px solid var(--line); }.timeline-row { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }.timeline-mark { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--green-soft); color:var(--green); font-size:11px; font-weight:800; }.timeline-mark.failed,.timeline-mark.cancelled { background:var(--red-soft); color:var(--red); }.timeline-copy strong { display:block; font-size:12px; text-transform:capitalize; }.timeline-copy p { margin:3px 0 0; color:var(--ink-soft); font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:520px; }.timeline-time { color:var(--ink-soft); font:500 9px "DM Mono",monospace; white-space:nowrap; }
.flow-step { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; }.flow-number { font:500 10px "DM Mono",monospace; color:var(--green); }.flow-step strong { font-size:12px; }.flow-step p { margin:2px 0 0; color:var(--ink-soft); font-size:10px; }.flow-count { padding:4px 8px; background:var(--green-soft); color:var(--green); font:600 9px "DM Mono",monospace; }.flow-line { width:1px; height:25px; margin-left:15px; background:var(--line-dark); }.flow-step.muted { opacity:.7; }
.filter-row { display:flex; gap:7px; margin-bottom:14px; flex-wrap:wrap; }.filter-button { padding:7px 11px; border:1px solid var(--line); background:transparent; color:var(--ink-soft); font-size:10px; font-weight:700; cursor:pointer; text-transform:capitalize; }.filter-button.active { background:var(--ink); color:white; border-color:var(--ink); }.table-panel { padding:0; box-shadow:none; }.table-wrap { overflow:auto; }table { width:100%; border-collapse:collapse; min-width:720px; }th { padding:12px 16px; border-bottom:1px solid var(--line-dark); color:var(--ink-soft); font:500 9px "DM Mono",monospace; letter-spacing:.08em; text-align:left; text-transform:uppercase; }td { padding:14px 16px; border-bottom:1px solid var(--line); font-size:11px; vertical-align:top; }tbody tr:last-child td { border-bottom:0; }.content-name strong { display:block; max-width:340px; font-size:12px; }.content-name small { display:block; margin-top:4px; color:var(--ink-soft); font:500 9px "DM Mono",monospace; }.tag { display:inline-flex; align-items:center; padding:4px 8px; background:#e9e8e3; color:#555c59; font:600 9px "DM Mono",monospace; text-transform:uppercase; }.tag.completed,.tag.generated,.tag.published,.tag.active,.tag.draft { background:var(--green-soft); color:var(--green); }.tag.failed,.tag.cancelled,.tag.rejected,.tag.needs_attention { background:var(--red-soft); color:var(--red); }.tag.running,.tag.scheduled { background:#e3eaf6; color:#3d5e8c; }.error-detail { max-width:300px; color:var(--red); font-size:10px; line-height:1.45; }.empty-state { display:none; padding:70px 20px; text-align:center; }.empty-state.show { display:block; }.empty-state span { display:block; color:var(--green); font-size:24px; }.empty-state strong { display:block; margin-top:8px; font-size:13px; }.empty-state p { margin:4px 0 0; color:var(--ink-soft); font-size:11px; }
.knowledge-grid,.connection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.knowledge-card,.connection-card { min-height:150px; padding:18px; border:1px solid var(--line); background:var(--surface); }.knowledge-card .category { color:var(--green); font:500 9px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.knowledge-card h3,.connection-card h3 { margin:22px 0 7px; font-size:14px; }.knowledge-card p,.connection-card p { margin:0; color:var(--ink-soft); font-size:10px; line-height:1.55; }.connection-card { min-height:175px; }.connection-logo { width:34px; height:34px; display:grid; place-items:center; background:var(--ink); color:#fff; font-weight:800; }.connection-status { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:12px; border-top:1px solid var(--line); }.connection-status span:first-child { font:500 9px "DM Mono",monospace; color:var(--ink-soft); text-transform:uppercase; }.note-card { display:flex; gap:13px; margin-top:16px; padding:16px 18px; border-left:3px solid var(--green); background:var(--green-soft); }.note-card > span { width:22px; height:22px; display:grid; place-items:center; border:1px solid var(--green); border-radius:50%; color:var(--green); font-weight:800; }.note-card strong { font-size:12px; }.note-card p { margin:4px 0 0; color:#486156; font-size:10px; line-height:1.5; }
.channel-panel { margin-top:16px; box-shadow:none; }.channel-panel .panel-heading { margin-bottom:8px; }.channel-intro { max-width:680px; margin:0 0 18px; color:var(--ink-soft); font-size:11px; line-height:1.55; }.text-button { padding:0; border:0; background:transparent; color:var(--green); font-size:10px; font-weight:800; cursor:pointer; }.channel-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.channel-button { min-height:70px; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; padding:12px; border:1px solid var(--line); background:var(--paper); color:var(--ink); text-align:left; cursor:pointer; }.channel-button:hover:not(:disabled) { border-color:var(--green); background:var(--green-soft); }.channel-button.loading { opacity:.65; }.channel-button-mark,.connected-channel-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#287be0; color:white; font-size:18px; font-weight:800; }.channel-button-mark.instagram { background:linear-gradient(135deg,#7454d6,#d94179,#efad4f); }.channel-button strong,.channel-button small { display:block; }.channel-button strong { font-size:11px; }.channel-button small { margin-top:3px; color:var(--ink-soft); font-size:9px; }.channel-arrow { color:var(--green); font-weight:800; }.channel-list { margin-top:16px; border-top:1px solid var(--line); }.channel-loading,.channel-message { padding:18px 0 2px; color:var(--ink-soft); font-size:10px; }.channel-message strong { color:var(--ink); font-size:11px; }.channel-message p { margin:3px 0 0; }.channel-message.problem strong { color:var(--red); }.connected-channel { display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; padding:13px 0; border-bottom:1px solid var(--line); }.connected-channel:last-child { border-bottom:0; }.connected-channel-mark { width:30px; height:30px; font-size:14px; }.connected-channel strong,.connected-channel small { display:block; }.connected-channel strong { font-size:11px; }.connected-channel small { margin-top:3px; color:var(--ink-soft); font-size:9px; }
.xhs-panel { border-left:3px solid var(--red); }.xhs-connect-row,.xhs-connected { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px; background:var(--paper); }.xhs-connect-row strong,.xhs-connected strong,.xhs-login strong { display:block; font-size:11px; }.xhs-connect-row p,.xhs-connected p,.xhs-login p { margin:3px 0 0; color:var(--ink-soft); font-size:10px; line-height:1.5; }.primary-button { padding:10px 14px; border:1px solid var(--ink); background:var(--ink); color:white; font-size:10px; font-weight:800; cursor:pointer; white-space:nowrap; }.primary-button:hover:not(:disabled) { background:var(--green); border-color:var(--green); }.xhs-login { display:flex; align-items:center; gap:20px; padding:16px; background:var(--paper); }.xhs-login img { width:168px; height:168px; padding:8px; border:1px solid var(--line); background:white; image-rendering:auto; }.xhs-login small { display:block; margin-top:9px; color:var(--red); font:500 9px "DM Mono",monospace; }.xhs-connected { justify-content:flex-start; }.xhs-connected .tag { margin-left:auto; }.xhs-mark { background:var(--red); }
.settings-panel { max-width:760px; }.settings-panel + .settings-panel { margin-top:16px; }.settings-form { display:grid; gap:16px; }.settings-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.settings-form label { display:grid; gap:7px; }.settings-form label > span,.callback-box > span { color:var(--ink-soft); font:600 9px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.settings-form input,.settings-form select { width:100%; padding:12px 13px; border:1px solid var(--line-dark); background:var(--paper); color:var(--ink); font:500 12px "Manrope",sans-serif; outline:none; }.settings-form input:focus,.settings-form select:focus { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }.settings-form small { color:var(--ink-soft); font-size:9px; }.settings-form .primary-button { justify-self:start; }.callback-box { margin-top:22px; padding:14px; border:1px solid var(--line); background:var(--paper); }.callback-box code { display:block; margin-top:8px; overflow-wrap:anywhere; color:var(--green); font:500 11px "DM Mono",monospace; }.callback-box p,.settings-message { margin:7px 0 0; color:var(--ink-soft); font-size:10px; line-height:1.5; }.settings-message:not(:empty) { color:var(--red); }
@media (max-width:620px) { .settings-field-grid { grid-template-columns:1fr; } }
.working-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:24px; }.working-header.controls-only { justify-content:flex-end; }.working-header h2 { margin:6px 0 7px; font-size:clamp(27px,3vw,38px); line-height:1.1; letter-spacing:-.035em; }.calendar-controls,.range-control { display:flex; align-items:center; gap:7px; }.calendar-controls strong { min-width:150px; font-size:14px; text-align:center; }.range-button,.square-button { min-height:38px; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink); font-size:13px; font-weight:700; cursor:pointer; }.range-button { padding:0 13px; }.square-button { width:38px; }.range-button:hover,.square-button:hover,.range-button.active { border-color:var(--ink); background:var(--ink); color:white; }
.calendar-shell { overflow:hidden; border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.calendar-weekdays,.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(120px,1fr)); }.calendar-weekdays { border-bottom:1px solid var(--line-dark); background:#eeece6; }.calendar-weekdays div { padding:14px; color:var(--ink-soft); font:600 12px "DM Mono",monospace; text-align:center; text-transform:uppercase; }.calendar-grid { min-width:840px; }.calendar-day { min-height:135px; padding:10px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface); }.calendar-day:nth-child(7n) { border-right:0; }.calendar-day:nth-last-child(-n+7) { border-bottom:0; }.calendar-day.outside { background:#f1efe9; color:#8b8e8c; }.calendar-day.today { box-shadow:inset 0 0 0 2px var(--green); }.calendar-date { display:flex; align-items:center; justify-content:space-between; min-height:24px; font:600 13px "DM Mono",monospace; }.calendar-date b { min-width:20px; padding:2px 6px; border-radius:10px; background:var(--green-soft); color:var(--green); font-size:10px; text-align:center; }.calendar-entries { display:grid; gap:5px; margin-top:5px; }.calendar-entry { min-width:0; display:grid; grid-template-columns:7px 1fr; align-items:start; gap:7px; padding:7px; border:1px solid #c7ddd3; border-radius:5px; background:var(--green-soft); }.calendar-entry.inactive { border-color:var(--line); background:#ecebe7; opacity:.7; }.calendar-entry .provider-dot { margin-top:4px; }.calendar-entry strong,.calendar-entry small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.calendar-entry strong { font-size:12px; }.calendar-entry small { margin-top:2px; color:var(--ink-soft); font-size:11px; }.calendar-more { padding:3px 7px; color:var(--green); font-size:11px; font-weight:700; }.calendar-legend { display:flex; flex-wrap:wrap; gap:18px; margin-top:13px; color:var(--ink-soft); font-size:12px; }.calendar-legend span { display:flex; align-items:center; gap:7px; }.provider-dot { width:7px; height:7px; display:inline-block; flex:0 0 auto; border-radius:50%; background:var(--green); }.provider-dot.facebook { background:#1877f2; }.provider-dot.instagram { background:#d94678; }.provider-dot.xhs { background:var(--red); }.provider-dot.inactive { background:#9b9d9b; }
.analytics-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }.analytics-summary-card { min-height:145px; padding:18px; border:1px solid var(--line); background:var(--surface); box-shadow:var(--shadow); }.analytics-summary-card > span { color:var(--ink-soft); font:600 12px "DM Mono",monospace; text-transform:uppercase; }.analytics-summary-card strong { display:block; margin-top:22px; font-size:34px; line-height:1; }.analytics-summary-card p { margin:9px 0 0; color:var(--ink-soft); font-size:12px; line-height:1.45; }.analytics-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr); gap:16px; }.analytics-layout .panel { min-height:310px; }.muted-label { color:var(--ink-soft); font:500 12px "DM Mono",monospace; }.trend-chart { position:relative; min-height:220px; }.trend-bars { height:180px; display:flex; align-items:flex-end; gap:4px; padding:8px 0 0; border-bottom:1px solid var(--line-dark); background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,var(--line) 45px); }.trend-column { height:100%; flex:1; display:flex; align-items:flex-end; }.trend-column span { width:100%; min-height:4px; border-radius:3px 3px 0 0; background:var(--green); opacity:.85; transition:height .25s ease; }.trend-column:hover span { background:var(--yellow); opacity:1; }.trend-axis { display:flex; justify-content:space-between; padding-top:8px; color:var(--ink-soft); font:500 11px "DM Mono",monospace; }.chart-empty { position:absolute; inset:60px 0 auto; color:var(--ink-soft); font-size:13px; text-align:center; }.provider-row { padding:15px 0; border-bottom:1px solid var(--line); }.provider-row:last-child { border-bottom:0; }.provider-row > div:first-child { display:flex; align-items:center; justify-content:space-between; font-size:14px; }.provider-row > div:first-child span { display:flex; align-items:center; gap:8px; }.provider-track { height:7px; margin-top:10px; overflow:hidden; border-radius:4px; background:#e8e6df; }.provider-track span { display:block; height:100%; border-radius:4px; background:var(--green); }.provider-track.facebook span { background:#1877f2; }.provider-track.instagram span { background:#d94678; }.provider-track.xhs span { background:var(--red); }.analytics-metrics-section { margin-top:24px; }.analytics-metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.analytics-metric-card { min-height:170px; padding:18px; border:1px solid var(--line); background:var(--surface); }.analytics-metric-card > div { display:flex; align-items:center; gap:8px; color:var(--ink-soft); font-size:14px; }.metric-swatch { width:8px; height:8px; border-radius:50%; background:#7454d6; }.metric-swatch.swatch-1 { background:#32a87a; }.metric-swatch.swatch-2 { background:#287be0; }.analytics-metric-card strong { display:block; margin-top:27px; font-size:34px; }.analytics-metric-card small { display:block; margin-top:8px; color:var(--ink-soft); font-size:12px; }.analytics-empty { grid-column:1/-1; min-height:190px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; border:1px dashed var(--line-dark); background:var(--surface); text-align:center; }.analytics-empty > span { font-size:25px; color:var(--green); }.analytics-empty strong { margin-top:9px; font-size:15px; }.analytics-empty p { max-width:470px; margin:5px 0 0; color:var(--ink-soft); font-size:13px; line-height:1.5; }
.skeleton-row { height:57px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,transparent,rgba(220,217,209,.35),transparent); background-size:200% 100%; animation:shimmer 1.3s infinite; }.toast { position:fixed; right:24px; bottom:24px; z-index:50; padding:11px 14px; background:var(--ink); color:#fff; font-size:11px; opacity:0; transform:translateY(10px); pointer-events:none; transition:.2s; }.toast.show { opacity:1; transform:translateY(0); }
@keyframes reveal { from { opacity:0; transform:translateY(4px); } } @keyframes shimmer { to { background-position:-200% 0; } } @keyframes spin { to { transform:rotate(360deg); } }

@media (max-width: 1050px) { .metric-grid,.analytics-summary { grid-template-columns:repeat(2,1fr); }.knowledge-grid,.connection-grid { grid-template-columns:repeat(2,1fr); }.analytics-layout { grid-template-columns:1fr; } }
@media (max-width: 780px) { .sidebar { transform:translateX(-100%); transition:.2s; box-shadow:var(--shadow); }.sidebar.open { transform:translateX(0); }.workspace { margin-left:0; }.menu-button { display:block; }.topbar { padding:0 18px; gap:13px; } main { padding:28px 18px 55px; }.overview-grid { grid-template-columns:1fr; }.hero-row,.working-header { align-items:flex-start; flex-direction:column; }.updated { white-space:normal; }.knowledge-grid,.connection-grid,.channel-actions,.analytics-metric-grid { grid-template-columns:1fr; }.calendar-shell { overflow:auto; }.calendar-controls { width:100%; }.calendar-controls strong { flex:1; }.range-control { flex-wrap:wrap; } }
@media (max-width: 520px) { .metric-grid { grid-template-columns:1fr; }.attention { grid-template-columns:auto 1fr; }.attention a { grid-column:2; }.metric { min-height:125px; }.hero-row h2 { font-size:29px; } }
@media (max-width: 520px) { .xhs-connect-row,.xhs-login { align-items:flex-start; flex-direction:column; }.xhs-login img { width:190px; height:190px; align-self:center; }.primary-button { width:100%; } }

/* Approval and automation working surfaces */
.review-safety { padding:9px 12px; border:1px solid #b9d5c7; background:var(--green-soft); color:var(--green); font-size:13px; font-weight:800; }.review-list { display:grid; gap:18px; }.review-item { border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.review-item > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:19px 22px; border-bottom:1px solid var(--line); }.review-item h3 { margin:5px 0 4px; font-size:19px; }.review-item header p { margin:0; color:var(--ink-soft); font-size:14px; }.content-code { color:var(--green); font:600 12px "DM Mono",monospace; }.review-media { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 22px; background:var(--paper); }.media-strip { display:flex; gap:10px; overflow:auto; }.media-strip img,.media-strip video { width:150px; height:108px; object-fit:cover; border:1px solid var(--line-dark); background:#111; }.media-placeholder { width:300px; height:108px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px dashed var(--line-dark); color:var(--ink-soft); text-align:center; }.media-placeholder span { color:var(--green); font-size:23px; }.media-placeholder strong { margin-top:3px; font-size:14px; }.media-placeholder small { margin-top:3px; font-size:12px; }.upload-button { position:relative; padding:10px 14px; border:1px solid var(--ink); background:var(--surface); font-size:14px; font-weight:800; cursor:pointer; white-space:nowrap; }.upload-button input { position:absolute; width:1px; height:1px; opacity:0; }.variant-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:1px; background:var(--line); }.variant-card { display:grid; align-content:start; gap:13px; padding:21px; background:var(--surface); }.variant-heading { display:flex; justify-content:space-between; align-items:center; }.variant-heading > div { display:flex; align-items:center; gap:8px; font-size:15px; }.variant-card label,.automation-card label { display:grid; gap:6px; }.variant-card label > span,.automation-card label > span { color:var(--ink-soft); font:600 12px "DM Mono",monospace; text-transform:uppercase; }.variant-card input,.variant-card textarea,.variant-card select,.automation-card input,.automation-card select { width:100%; padding:11px 12px; border:1px solid var(--line-dark); background:var(--paper); color:var(--ink); font:500 14px "Manrope",sans-serif; outline:none; }.variant-card textarea { resize:vertical; line-height:1.55; }.variant-card input:focus,.variant-card textarea:focus,.variant-card select:focus,.automation-card input:focus,.automation-card select:focus { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }.save-copy { justify-self:start; font-size:13px; }.approval-box { display:grid; gap:13px; margin-top:3px; padding:15px; border:1px solid #c7ddd3; background:var(--green-soft); }.approval-box .primary-button { width:100%; font-size:13px; }.selected-channel { padding:11px 12px; border:1px solid #b9d5c7; background:white; font-size:14px; }.selected-channel i { margin-right:7px; }.inline-warning,.publish-error { margin:0; padding:10px; background:#fff5e7; color:#7c5725; font-size:13px; line-height:1.45; }.publish-error { background:var(--red-soft); color:var(--red); }.schedule-actions { display:flex; align-items:center; gap:10px; }.secondary-button { padding:9px 12px; border:1px solid var(--ink); background:transparent; color:var(--ink); font-size:13px; font-weight:800; cursor:pointer; }.text-button.danger { color:var(--red); }.review-empty.show { display:block; border:1px dashed var(--line-dark); background:var(--surface); }
.automation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.automation-card { min-height:440px; }.automation-card h3 { margin:5px 0 0; font-size:18px; }.switch-row { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--line); }.switch-row strong { font-size:16px; }.switch-row p { max-width:390px; margin:5px 0 0; color:var(--ink-soft); font-size:14px; line-height:1.5; }.switch { flex:0 0 auto; }.switch input { position:absolute; opacity:0; }.switch span { width:46px; height:26px; display:block; padding:3px; border-radius:20px; background:#b8bbb9; cursor:pointer; transition:.2s; }.switch span::after { content:""; width:20px; height:20px; display:block; border-radius:50%; background:white; box-shadow:0 1px 4px #0003; transition:.2s; }.switch input:checked + span { background:var(--green); }.switch input:checked + span::after { transform:translateX(20px); }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.full-field { margin-top:15px; }.platform-checks { display:grid; gap:9px; margin-top:20px; }.platform-checks label { display:block; }.platform-checks input { position:absolute; opacity:0; }.platform-checks span { display:flex; align-items:center; gap:9px; padding:12px; border:1px solid var(--line-dark); background:var(--paper); color:var(--ink); font-size:14px; cursor:pointer; }.platform-checks input:checked + span { border-color:var(--green); background:var(--green-soft); box-shadow:inset 3px 0 0 var(--green); }.publish-switch { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); border-bottom:0; }.automation-warning { padding:14px; border-left:3px solid var(--yellow); background:#fff7df; }.automation-warning strong { font-size:14px; }.automation-warning p { margin:4px 0 0; color:#6b5c2a; font-size:13px; line-height:1.45; }.automation-actions { grid-column:1/-1; display:flex; align-items:center; gap:14px; }.automation-actions .primary-button { font-size:14px; }.automation-actions span { color:var(--ink-soft); font-size:13px; }
@media (max-width: 1050px) { .automation-grid { grid-template-columns:1fr; }.automation-actions { grid-column:1; } }
@media (max-width: 620px) { .review-media { align-items:flex-start; flex-direction:column; }.upload-button { width:100%; text-align:center; }.variant-grid,.field-grid { grid-template-columns:1fr; }.review-item > header { flex-direction:column; }.review-safety { width:100%; }.schedule-actions { align-items:stretch; flex-direction:column; } }
.media-preview { position:relative; flex:0 0 auto; }.media-preview button { position:absolute; top:6px; right:6px; padding:5px 7px; border:0; background:rgba(24,32,31,.88); color:white; font-size:12px; font-weight:700; cursor:pointer; }

/* Marketing workspace navigation */
.marketing-tabs { min-width:0; height:100%; display:flex; align-items:stretch; gap:30px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }.marketing-tabs::-webkit-scrollbar { display:none; }.marketing-tabs.hidden { display:none; }.marketing-tabs a { position:relative; min-width:max-content; display:flex; align-items:center; gap:7px; padding:4px 2px 0; color:var(--ink-soft); font-size:14px; font-weight:700; }.marketing-tabs a::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:transparent; }.marketing-tabs a:hover,.marketing-tabs a.active { color:var(--ink); }.marketing-tabs a.active::after { background:var(--orange); }.tab-count { min-width:19px; padding:2px 5px; border-radius:10px; background:#e4e2dc; color:var(--ink-soft); font:600 11px "DM Mono",monospace; text-align:center; }.marketing-tabs a.active .tab-count { background:var(--orange-soft); color:var(--red); }
#view-review.active:not(.has-selection) { display:none; }.review-detail-heading { margin-top:38px; padding-top:30px; border-top:1px solid var(--line-dark); }.content-library { border-color:var(--line-dark); }.content-library table { min-width:900px; }.content-library th { padding-top:14px; padding-bottom:14px; font-size:11px; }.content-library td { padding-top:15px; padding-bottom:15px; font-size:14px; vertical-align:middle; }.content-library tbody tr { transition:background .15s; }.content-library tbody tr:hover,.content-library tbody tr.selected { background:#f3f1eb; }.content-library .content-name strong { max-width:460px; font-size:14px; }.content-library .content-name small { font-size:11px; }.platform-pills { display:flex; flex-wrap:wrap; gap:5px; }.platform-pills span { padding:4px 7px; background:#eceae5; color:#4e5552; font:600 11px "DM Mono",monospace; }.platform-pills span.facebook { color:#1b5fb8; background:#e8f1ff; }.platform-pills span.instagram { color:#a62c59; background:#fbe9f0; }.platform-pills span.xiaohongshu,.platform-pills span.xhs { color:#a33a2f; background:var(--red-soft); }.row-action { padding:8px 10px; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink); font-size:12px; font-weight:800; white-space:nowrap; cursor:pointer; }.row-action:hover { border-color:var(--ink); background:var(--ink); color:white; }.filter-button { min-height:36px; padding:8px 12px; font-size:12px; }.filter-button.active { border-color:var(--orange); background:var(--orange-soft); color:#8f3428; }
.content-title-link { max-width:460px; display:block; padding:0; border:0; background:transparent; color:var(--ink); font-size:14px; font-weight:800; line-height:1.35; text-align:left; cursor:pointer; }.content-title-link:hover,.content-title-link:focus-visible { color:var(--green); text-decoration:underline; text-underline-offset:3px; outline:none; }
.calendar-toolbar { display:flex; align-items:center; gap:18px; }.view-toggle { display:flex; border:1px solid var(--line-dark); }.view-toggle button { min-height:38px; padding:0 13px; border:0; border-right:1px solid var(--line-dark); background:var(--surface); color:var(--ink-soft); font-size:12px; font-weight:800; cursor:pointer; }.view-toggle button:last-child { border-right:0; }.view-toggle button.active { background:var(--ink); color:white; }.calendar-list { display:grid; gap:22px; }.calendar-list-day h3 { display:flex; align-items:baseline; gap:10px; margin:0 0 8px; color:var(--ink-soft); font:600 13px "DM Mono",monospace; text-transform:uppercase; }.calendar-list-day h3 span { color:var(--ink); font-size:15px; }.calendar-list-item { display:grid; grid-template-columns:68px minmax(0,1fr) auto auto; align-items:center; gap:20px; min-height:86px; padding:13px 15px; border-bottom:1px solid var(--line-dark); background:#eeece8; }.calendar-list-item time { font:700 14px "DM Mono",monospace; }.list-content small,.list-content strong { display:block; }.list-content small { margin-bottom:3px; color:var(--orange); font:600 11px "DM Mono",monospace; text-transform:uppercase; }.list-content strong { font-size:15px; }.list-content .platform-pills { margin-top:6px; }.list-actions { display:flex; gap:6px; }.list-actions button { padding:8px 10px; border:1px solid var(--line-dark); background:var(--surface); font-size:12px; font-weight:800; cursor:pointer; }.list-actions button:hover { border-color:var(--ink); }.calendar-list-empty { min-height:260px; display:grid; place-content:center; text-align:center; border:1px dashed var(--line-dark); background:var(--surface); }.calendar-list-empty p { margin:5px 0 0; color:var(--ink-soft); font-size:13px; }
.agent-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:34px; }.agent-card { padding:22px; border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.agent-card-top { display:flex; align-items:center; justify-content:space-between; }.agent-avatar { width:42px; height:42px; display:grid; place-items:center; background:var(--ink); color:var(--yellow); font-size:18px; font-weight:800; }.agent-card h3 { margin:20px 0 7px; font-size:20px; }.agent-card > p { min-height:46px; margin:0; color:var(--ink-soft); font-size:14px; line-height:1.55; }.agent-card dl { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:20px 0 0; background:var(--line); }.agent-card dl div { padding:11px; background:var(--paper); }.agent-card dt { color:var(--ink-soft); font:600 10px "DM Mono",monospace; text-transform:uppercase; }.agent-card dd { margin:5px 0 0; font-size:13px; font-weight:700; }.agent-knowledge { margin-top:16px; padding-top:14px; border-top:1px solid var(--line); }.agent-knowledge span { color:var(--ink-soft); font:600 10px "DM Mono",monospace; text-transform:uppercase; }.agent-knowledge p { margin:6px 0 0; font-size:13px; line-height:1.55; }.section-divider { display:flex; align-items:flex-end; justify-content:space-between; margin:32px 0 14px; padding-top:26px; border-top:1px solid var(--line-dark); }.section-divider h3 { margin:5px 0 0; font-size:20px; }
#view-knowledge.active { margin-top:56px; padding-top:34px; border-top:1px solid var(--line-dark); }#view-automation.active,#view-connections.active { margin-top:34px; }#view-automation .section-divider,#view-connections .section-divider { margin-top:0; }#view-settings .settings-panel { max-width:none; }
@media (max-width: 900px) { .marketing-tabs { gap:18px; }.calendar-toolbar { width:100%; align-items:flex-start; flex-direction:column; }.calendar-list-item { grid-template-columns:60px 1fr auto; }.calendar-list-item .list-actions { grid-column:2/-1; }.agent-grid { grid-template-columns:1fr; } }
@media (max-width: 620px) { .marketing-tabs a { font-size:13px; }.calendar-list-item { grid-template-columns:1fr; gap:10px; }.calendar-list-item .list-actions { grid-column:1; }.agent-card dl { grid-template-columns:1fr; } }
.agent-knowledge p { margin-bottom:13px; }.agent-knowledge ul { display:grid; gap:6px; margin:8px 0 0; padding:0; list-style:none; }.agent-knowledge li { padding:7px 9px; background:var(--paper); font-size:12px; }

/* Weekly calendar workspace */
.calendar-commandbar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:54px; margin:-16px 0 14px; padding-bottom:14px; border-bottom:1px solid var(--line-dark); }.calendar-navigation,.calendar-command-actions { display:flex; align-items:center; gap:7px; }.calendar-navigation strong { min-width:205px; margin-left:8px; font-size:14px; }.new-button { min-height:38px; display:flex; align-items:center; gap:7px; padding:0 16px; border:1px solid var(--ink); background:var(--ink); color:white; font-size:13px; font-weight:800; cursor:pointer; }.new-button:hover { border-color:var(--green); background:var(--green); }.new-button span { font-size:17px; line-height:1; }.calendar-workspace { display:grid; grid-template-columns:205px minmax(0,1fr); border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.calendar-filter-panel { padding:20px 16px; border-right:1px solid var(--line-dark); background:#eeece6; }.calendar-filter-panel fieldset { display:grid; gap:5px; margin:24px 0 0; padding:0; border:0; }.calendar-filter-panel legend { margin-bottom:9px; color:var(--ink); font-size:13px; font-weight:800; }.calendar-filter-panel label { display:block; }.calendar-filter-panel input { position:absolute; opacity:0; }.calendar-filter-panel label span { min-height:38px; display:flex; align-items:center; gap:9px; padding:7px 9px; border:1px solid transparent; color:var(--ink-soft); font-size:13px; cursor:pointer; }.calendar-filter-panel label span::after { content:""; width:15px; height:15px; margin-left:auto; border:1px solid var(--line-dark); background:var(--surface); }.calendar-filter-panel input:checked + span { color:var(--ink); background:rgba(255,255,255,.7); }.calendar-filter-panel input:checked + span::after { border-color:var(--green); background:var(--green); box-shadow:inset 0 0 0 3px white; }.provider-dot.scheduled { background:#3d5e8c; }.provider-dot.published { background:var(--green); }.calendar-stage { min-width:0; overflow:auto; }.week-calendar { min-width:960px; }.week-calendar-header,.week-calendar-body { display:grid; grid-template-columns:66px repeat(7,minmax(126px,1fr)); }.week-calendar-header { position:sticky; top:0; z-index:2; min-height:64px; border-bottom:1px solid var(--line-dark); background:var(--surface); }.week-time-heading { display:flex; align-items:flex-end; justify-content:center; padding:0 4px 9px; color:var(--ink-soft); font:500 10px "DM Mono",monospace; }.week-day-heading { display:flex; align-items:center; gap:8px; padding:10px 12px; border-left:1px solid var(--line); }.week-day-heading strong { width:31px; height:31px; display:grid; place-items:center; color:var(--green); font-size:17px; }.week-day-heading span { color:var(--ink-soft); font-size:12px; }.week-day-heading.today { box-shadow:inset 0 3px 0 var(--green); }.week-day-heading.today strong { border-radius:50%; background:var(--green); color:white; }.week-calendar-body { min-height:720px; }.week-time-rail { position:relative; min-height:720px; background:var(--surface); }.week-time-rail span { position:absolute; right:9px; transform:translateY(-7px); color:var(--ink-soft); font:500 10px "DM Mono",monospace; white-space:nowrap; }.week-day-column { position:relative; min-height:720px; border-left:1px solid var(--line); background:repeating-linear-gradient(to bottom,transparent 0,transparent 59px,var(--line) 60px); }.week-day-column.today { background:repeating-linear-gradient(to bottom,rgba(224,238,231,.36) 0,rgba(224,238,231,.36) 59px,var(--line) 60px); }.week-event { position:absolute; right:5px; left:5px; z-index:1; min-height:48px; overflow:hidden; padding:6px 7px; border:1px solid #b9d5c7; border-left:3px solid var(--green); border-radius:4px; background:var(--green-soft); color:var(--ink); text-align:left; cursor:pointer; }.week-event.facebook { border-left-color:#1877f2; background:#e8f1ff; }.week-event.instagram { border-left-color:#d94678; background:#fbe9f0; }.week-event.xhs { border-left-color:var(--red); background:var(--red-soft); }.week-event.inactive { filter:grayscale(.35); opacity:.72; }.week-event span,.week-event strong,.week-event small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.week-event span { font:600 9px "DM Mono",monospace; }.week-event strong { margin-top:2px; font-size:11px; }.week-event small { margin-top:2px; color:var(--ink-soft); font-size:9px; }.calendar-stage > .calendar-list { min-width:700px; padding:18px; }

/* Calendar automation drawer */
body.drawer-open { overflow:hidden; }.automation-drawer.active { display:none; }.automation-drawer.active.open { position:fixed; inset:0; z-index:60; display:block; margin:0; padding:0; overflow:auto; border:0; background:rgba(24,32,31,.46); animation:reveal .18s ease-out; }.automation-panel { width:min(900px,calc(100% - 60px)); min-height:100%; margin-left:auto; padding:28px; background:var(--paper); box-shadow:-18px 0 45px rgba(24,32,31,.18); }.automation-panel-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--line-dark); }.automation-panel-header h2 { margin:5px 0 0; font-size:25px; }.drawer-close { width:40px; height:40px; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink); font-size:23px; cursor:pointer; }.drawer-close:hover { border-color:var(--ink); background:var(--ink); color:white; }.automation-panel .automation-grid { grid-template-columns:1fr; }.automation-panel .automation-card { min-height:0; }.automation-panel .automation-actions { grid-column:1; padding-bottom:30px; }

@media (max-width: 900px) { .calendar-commandbar { align-items:flex-start; flex-direction:column; }.calendar-command-actions { width:100%; justify-content:space-between; }.calendar-workspace { grid-template-columns:1fr; }.calendar-filter-panel { display:grid; grid-template-columns:auto 1fr 1fr; gap:18px; border-right:0; border-bottom:1px solid var(--line-dark); }.calendar-filter-panel fieldset { margin:0; }.automation-panel { width:100%; } }
@media (max-width: 620px) { .calendar-navigation { width:100%; flex-wrap:wrap; }.calendar-navigation strong { min-width:0; margin:7px 0 0; flex-basis:100%; }.calendar-command-actions { align-items:stretch; }.calendar-filter-panel { grid-template-columns:1fr; }.calendar-filter-panel fieldset { display:flex; flex-wrap:wrap; }.calendar-filter-panel legend { width:100%; }.calendar-filter-panel label { flex:1 1 135px; }.automation-panel { padding:20px 16px; }.new-button { margin-left:auto; } }
.calendar-filter-panel input:focus-visible + span { outline:2px solid var(--green); outline-offset:1px; }

/* Calendar toolbar filter menu */
.calendar-list[hidden],.week-calendar[hidden] { display:none !important; }
.calendar-workspace { display:block; }.calendar-filter-menu { position:relative; }.calendar-filter-menu summary { min-height:38px; display:flex; align-items:center; gap:8px; padding:0 13px; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink); font-size:13px; font-weight:700; cursor:pointer; list-style:none; }.calendar-filter-menu summary::-webkit-details-marker { display:none; }.calendar-filter-menu summary::before { content:"☰"; color:var(--ink-soft); font-size:11px; }.calendar-filter-menu summary::after { content:"⌄"; margin-left:2px; color:var(--ink-soft); }.calendar-filter-menu[open] summary { border-color:var(--ink); background:var(--ink); color:white; }.calendar-filter-menu[open] summary::before,.calendar-filter-menu[open] summary::after { color:white; }.calendar-filter-dropdown { position:absolute; top:45px; right:0; z-index:15; width:270px; padding:14px; border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.calendar-filter-dropdown fieldset { display:grid; gap:4px; margin:0; padding:0 0 13px; border:0; }.calendar-filter-dropdown fieldset + fieldset { padding:13px 0 0; border-top:1px solid var(--line); }.calendar-filter-dropdown legend { width:100%; margin-bottom:7px; color:var(--ink-soft); font:600 11px "DM Mono",monospace; text-transform:uppercase; }.calendar-filter-dropdown label { display:block; }.calendar-filter-dropdown input { position:absolute; opacity:0; }.calendar-filter-dropdown label span { min-height:37px; display:flex; align-items:center; gap:9px; padding:7px 8px; color:var(--ink); font-size:13px; cursor:pointer; }.calendar-filter-dropdown label span::after { content:""; width:15px; height:15px; margin-left:auto; border:1px solid var(--line-dark); background:var(--surface); }.calendar-filter-dropdown input:checked + span { background:var(--paper); }.calendar-filter-dropdown input:checked + span::after { border-color:var(--green); background:var(--green); box-shadow:inset 0 0 0 3px white; }.calendar-filter-dropdown input:focus-visible + span { outline:2px solid var(--green); outline-offset:1px; }
@media (max-width: 900px) { .calendar-command-actions { justify-content:flex-end; } }
@media (max-width: 620px) { .calendar-command-actions { flex-wrap:wrap; }.calendar-filter-dropdown { right:auto; left:0; } }

/* New post composer */
#view-automation.active.open { margin:0; padding:0; overflow-x:hidden; }.automation-panel { box-sizing:border-box; max-width:100vw; overflow-x:hidden; }.automation-panel-header { position:sticky; top:-28px; z-index:3; margin:-28px -28px 22px; padding:26px 28px 18px; background:var(--paper); }.automation-panel-header h2 { margin:0; }.new-post-form { display:grid; gap:16px; }.new-post-form [hidden] { display:none !important; }.new-post-form .automation-card { min-height:0; }.post-composer textarea { min-height:150px; resize:vertical; }.full-field span small { color:var(--ink-soft); font-weight:500; text-transform:none; }.post-media-field { margin-top:17px; }.post-media-field > span { display:block; margin-bottom:7px; color:var(--ink-soft); font-size:12px; font-weight:800; text-transform:uppercase; }.post-media-picker { min-height:92px; display:grid; place-content:center; gap:5px; padding:18px; border:1px dashed var(--line-dark); background:var(--paper); text-align:center; cursor:pointer; }.post-media-picker:hover { border-color:var(--green); background:var(--green-soft); }.post-media-picker strong { font-size:14px; }.post-media-picker small { color:var(--ink-soft); font-size:11px; }.post-media-picker input { position:absolute; width:1px; height:1px; opacity:0; }.post-media-preview { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }.post-media-preview span { display:flex; align-items:center; gap:8px; max-width:100%; padding:8px 9px; border:1px solid var(--line); background:var(--surface); font-size:12px; }.post-media-preview span b { color:var(--green); font:600 10px "DM Mono",monospace; text-transform:uppercase; }.post-media-preview span button { margin-left:4px; border:0; background:transparent; color:var(--red); font-size:16px; cursor:pointer; }
.platform-icon-checks { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0; }.platform-icon-checks label { min-width:0; }.platform-icon-checks input,.automation-card .switch input { position:absolute; width:1px; height:1px; opacity:0; }.platform-icon-checks label > span { min-height:92px; display:grid; place-items:center; align-content:center; gap:8px; padding:12px 8px; border:1px solid var(--line-dark); background:var(--paper); cursor:pointer; }.platform-icon-checks input:checked + span { border-color:var(--green); background:var(--green-soft); box-shadow:inset 0 -3px 0 var(--green); }.platform-icon-checks input:focus-visible + span { outline:2px solid var(--green); outline-offset:2px; }.platform-icon-checks b { overflow:hidden; font-size:12px; text-overflow:ellipsis; }.platform-logo { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:white; font-style:normal; font-weight:800; }.platform-logo.facebook { background:#1877f2; font:800 25px Arial,sans-serif; }.platform-logo.instagram { background:linear-gradient(145deg,#6b43c5,#dc3d77 55%,#ef9d38); font-size:23px; }.platform-logo.xhs { background:#e64040; font-size:16px; }.post-destinations { display:grid; gap:12px; margin-bottom:15px; }.post-destinations small { display:block; margin-top:5px; color:var(--red); font-size:11px; }.server-time-note { margin:7px 0 0; color:var(--ink-soft); font-size:12px; }.recurring-card { padding-top:19px; padding-bottom:19px; }.recurring-switch { margin:0; padding:0; border:0; }.recurring-settings { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }.recurring-settings[hidden],.post-composer[hidden],.post-preview-section[hidden],.server-time-note[hidden] { display:none !important; }.recurring-settings .publish-switch { margin-bottom:10px; }.post-preview-section { padding:20px 0 4px; }.post-preview-heading h3 { margin:5px 0 15px; font-size:18px; }.post-previews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.platform-preview-card { min-width:0; overflow:hidden; border:1px solid var(--line-dark); background:var(--surface); box-shadow:var(--shadow); }.platform-preview-card > header { display:flex; align-items:center; gap:10px; padding:12px; }.platform-preview-card > header .platform-logo { width:30px; height:30px; border-radius:7px; }.platform-preview-card > header strong,.platform-preview-card > header small { display:block; }.platform-preview-card > header strong { font-size:13px; }.platform-preview-card > header small { margin-top:2px; color:var(--ink-soft); font-size:10px; }.platform-preview-card > img,.platform-preview-card > video,.preview-media-empty { width:100%; aspect-ratio:1/1; display:block; object-fit:cover; background:#e9e7e1; }.preview-media-empty { display:grid; place-content:center; color:var(--ink-soft); font-size:11px; }.platform-preview-copy { min-height:98px; padding:12px; }.platform-preview-copy strong { display:block; margin-bottom:6px; font-size:13px; }.platform-preview-copy p { display:-webkit-box; overflow:hidden; margin:0; color:var(--ink-soft); font-size:12px; line-height:1.5; white-space:pre-wrap; -webkit-box-orient:vertical; -webkit-line-clamp:4; }.preview-empty { grid-column:1/-1; min-height:140px; display:grid; place-content:center; text-align:center; border:1px dashed var(--line-dark); }.preview-empty p { margin:5px 0 0; color:var(--ink-soft); font-size:12px; }.new-post-form .automation-actions { position:sticky; bottom:-28px; z-index:3; margin:0 -28px -28px; padding:16px 28px 28px; border-top:1px solid var(--line); background:var(--paper); }
@media (max-width:700px) { .automation-panel-header { top:-20px; margin:-20px -16px 18px; padding:20px 16px 15px; }.post-previews { grid-template-columns:1fr; }.platform-preview-card { display:grid; grid-template-columns:110px 1fr; }.platform-preview-card > header { grid-column:1/-1; }.platform-preview-card > img,.platform-preview-card > video,.preview-media-empty { aspect-ratio:1/1; }.new-post-form .automation-actions { bottom:-20px; margin:0 -16px -20px; padding:14px 16px 20px; } }
@media (max-width:430px) { .platform-icon-checks { grid-template-columns:1fr; }.platform-icon-checks label > span { min-height:62px; display:flex; justify-content:flex-start; padding:10px 14px; }.platform-preview-card { display:block; } }
.post-timing-controls { margin-top:18px; }.post-timing-controls > span { display:block; margin-bottom:7px; color:var(--ink-soft); font:600 12px "DM Mono",monospace; text-transform:uppercase; }.post-timing-options { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line-dark); }.post-timing-options label { display:block; }.post-timing-options input { position:absolute; width:1px; height:1px; opacity:0; }.post-timing-options label + label { border-left:1px solid var(--line-dark); }.post-timing-options label span { min-height:42px; display:grid; place-items:center; padding:8px 12px; background:var(--paper); color:var(--ink-soft); font-size:13px; font-weight:800; cursor:pointer; }.post-timing-options input:checked + span { background:var(--ink); color:white; }.post-timing-options input:focus-visible + span { outline:2px solid var(--green); outline-offset:-3px; }

/* Platform and account selection */
.platform-select-card { min-width:0; overflow:hidden; border:1px solid var(--line-dark); background:var(--paper); }.platform-select-card:has(> label input:checked) { border-color:var(--green); background:var(--green-soft); box-shadow:inset 0 -3px 0 var(--green); }.platform-select-card > label > span { min-height:78px; border:0; background:transparent; box-shadow:none !important; }.embedded-account { min-height:77px; border-top:1px solid var(--line); background:rgba(255,255,255,.62); }.embedded-account label { display:block; gap:0; }.embedded-account label > span { min-height:0; display:block; padding:8px 10px 5px; border:0; background:transparent; color:var(--ink-soft); font:600 10px "DM Mono",monospace; text-transform:uppercase; cursor:default; }.embedded-account select { width:100%; min-width:0; padding:8px 28px 10px 10px; border:0; background:transparent; font-size:12px; box-shadow:none !important; text-overflow:ellipsis; }.embedded-account select:disabled { color:#929693; cursor:not-allowed; }.embedded-account small { display:block; padding:0 10px 8px; color:var(--red); font-size:10px; }.embedded-account-status { min-height:76px; display:flex; align-items:center; justify-content:center; gap:7px; padding:10px; color:var(--ink-soft); font-size:12px; text-align:center; }.embedded-account-status.connected { color:var(--ink); }.platform-select-card:has(> label input:not(:checked)) .embedded-account { opacity:.58; }
@media (max-width:700px) { .platform-icon-checks { grid-template-columns:1fr; }.platform-select-card > label > span { min-height:62px; display:flex; justify-content:flex-start; padding:10px 14px; }.embedded-account label > span { min-height:0; display:block; padding:8px 10px 5px; }.embedded-account { min-height:68px; }.embedded-account-status { min-height:67px; justify-content:flex-start; } }
.ai-generation-options { margin-bottom:18px; }.generation-schedule-settings { padding-top:2px; }.generation-schedule-settings .publish-switch { margin-bottom:12px; }

/* Agent workflow monitoring */
.active-workflow { margin-bottom:18px; padding:22px; border:1px solid #b9d5c7; background:var(--surface); box-shadow:var(--shadow); }.active-workflow-top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.active-workflow-top h3 { margin:5px 0 0; font-size:21px; }.live-run-state { display:flex; align-items:center; gap:8px; padding:7px 10px; background:var(--green-soft); color:var(--green); font-size:12px; font-weight:800; }.live-run-state i { width:8px; height:8px; border-radius:50%; background:currentColor; box-shadow:0 0 0 4px rgba(33,126,92,.13); animation:run-pulse 1.5s ease-in-out infinite; }.live-run-state.stalled { background:var(--red-soft); color:var(--red); }.live-run-state.stalled i { animation:none; }.active-run-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:17px; color:var(--ink-soft); font-size:13px; }.active-run-meta b { color:var(--ink); }.workflow-progress { height:6px; margin:18px 0; overflow:hidden; background:#e5e4df; }.workflow-progress span { height:100%; display:block; background:var(--green); transition:width .3s ease; }.workflow-stages { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:var(--line); }.workflow-stage { min-height:104px; display:grid; grid-template-columns:28px 1fr; align-content:start; gap:10px; padding:14px; background:var(--paper); }.workflow-stage > span { width:26px; height:26px; display:grid; place-items:center; border:1px solid var(--line-dark); color:var(--ink-soft); font:600 10px "DM Mono",monospace; }.workflow-stage strong,.workflow-stage small { display:block; }.workflow-stage strong { font-size:13px; }.workflow-stage small { margin-top:5px; color:var(--ink-soft); font-size:12px; line-height:1.45; }.workflow-stage.complete > span { border-color:var(--green); background:var(--green); color:white; }.workflow-stage.active { background:var(--green-soft); }.workflow-stage.active > span { border-color:var(--green); color:var(--green); }.workflow-stage.stalled { background:var(--red-soft); }.workflow-stage.stalled > span { border-color:var(--red); color:var(--red); }.live-refresh-note { margin:13px 0 0; color:var(--ink-soft); font-size:12px; }.stalled-help { margin-top:14px; padding:12px 14px; border-left:3px solid var(--red); background:var(--red-soft); }.stalled-help strong { font-size:13px; }.stalled-help p { margin:4px 0 0; color:var(--red); font-size:12px; line-height:1.5; }.tag.possibly_stuck { background:var(--red-soft); color:var(--red); }.run-detail { min-width:280px; color:var(--ink); }.run-detail strong,.run-detail small { display:block; }.run-detail strong { font-size:12px; line-height:1.45; }.run-detail small { margin-top:5px; color:var(--ink-soft); font-size:11px; }.run-row.possibly_stuck { background:#fff8f6; }
@keyframes run-pulse { 50% { opacity:.42; transform:scale(.82); } }
@media (max-width:900px) { .workflow-stages { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .active-workflow-top { flex-direction:column; }.workflow-stages { grid-template-columns:1fr; }.workflow-stage { min-height:0; }.active-run-meta { display:grid; gap:7px; } }

/* Content lifecycle actions */
.content-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:6px; min-width:108px; white-space:nowrap; }.tag.cancelled { background:var(--red-soft); color:var(--red); }
.content-action-icon { position:relative; width:30px; height:30px; display:grid; place-items:center; padding:0; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink-soft); font-size:18px; font-weight:700; line-height:1; cursor:pointer; }.content-action-icon:hover:not(:disabled),.content-action-icon:focus-visible { z-index:2; border-color:var(--ink); background:var(--ink); color:white; outline:none; }.content-action-icon.approve,.content-action-icon.retry { color:var(--green); }.content-action-icon.reject,.content-action-icon.delete { color:var(--red); }.content-action-icon::after { content:attr(data-label); position:absolute; right:0; bottom:calc(100% + 7px); width:max-content; max-width:220px; padding:6px 8px; visibility:hidden; opacity:0; pointer-events:none; background:var(--ink); color:white; font-size:10px; font-weight:700; line-height:1.25; transform:translateY(3px); transition:opacity .12s ease,transform .12s ease; }.content-action-icon:hover::after,.content-action-icon:focus-visible::after { visibility:visible; opacity:1; transform:translateY(0); }
.content-action-icon svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.variant-card.read-only input,.variant-card.read-only textarea { background:#efede7; color:var(--ink-soft); cursor:default; }.content-readonly-note { padding:13px 14px; border:1px solid var(--line); background:var(--paper); }.content-readonly-note strong { font-size:13px; }.content-readonly-note p { margin:4px 0 0; color:var(--ink-soft); font-size:12px; }
.platform-brand-icon { width:22px; height:22px; display:inline-block; flex:0 0 auto; object-fit:contain; vertical-align:middle; }.platform-pills span,.platform-pills span.facebook,.platform-pills span.instagram,.platform-pills span.xiaohongshu,.platform-pills span.xhs { display:grid; place-items:center; padding:0; background:transparent; }.platform-pills .platform-brand-icon { width:22px; height:22px; }.variant-heading .platform-brand-icon,.selected-channel .platform-brand-icon,.embedded-account-status .platform-brand-icon,.provider-row .platform-brand-icon { margin-right:7px; }.platform-logo.platform-brand-icon { width:34px; height:34px; border-radius:8px; background:transparent; }.platform-preview-card > header .platform-logo.platform-brand-icon { width:30px; height:30px; }.connected-channel-mark .platform-brand-icon,.connection-logo .platform-brand-icon { width:30px; height:30px; }.connected-channel-mark:has(.platform-brand-icon),.xhs-mark:has(.platform-brand-icon) { background:transparent; }.connection-logo:has(.platform-brand-icon) { background:transparent; }.calendar-filter-panel .platform-brand-icon { width:20px; height:20px; }.provider-row > div > span { display:flex; align-items:center; }
.review-lifecycle-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
@media (max-width:620px) { .review-lifecycle-actions { justify-content:flex-start; } }

/* Content detail modal */
body.content-detail-open { overflow:hidden; }.content-detail-modal.active.has-selection { position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center; padding:28px; background:rgba(24,32,31,.52); animation:reveal .18s ease-out; }.content-detail-panel { width:min(1160px,100%); max-height:calc(100vh - 56px); overflow-y:auto; border:1px solid var(--line-dark); background:var(--paper); box-shadow:0 24px 80px rgba(24,32,31,.28); }.content-detail-modal .review-detail-heading { position:sticky; top:0; z-index:5; align-items:center; margin:0; padding:20px 22px; border-top:0; border-bottom:1px solid var(--line-dark); background:rgba(245,243,238,.97); backdrop-filter:blur(12px); }.content-detail-modal .review-detail-heading h2 { margin:5px 0 4px; font-size:24px; }.content-detail-header-actions { display:flex; align-items:center; gap:12px; }.content-detail-modal .review-list { padding:18px; }.content-detail-modal .review-item { box-shadow:none; }.content-detail-modal .drawer-close { flex:0 0 auto; }.content-detail-modal .review-empty { margin:18px; }
@media (max-width:700px) { .content-detail-modal.active.has-selection { align-items:stretch; padding:0; }.content-detail-panel { width:100%; max-height:100vh; border:0; }.content-detail-modal .review-detail-heading { align-items:flex-start; padding:16px; }.content-detail-header-actions { align-items:flex-start; }.content-detail-modal .review-safety { display:none; }.content-detail-modal .review-list { padding:10px; }.content-detail-modal .review-item > header,.content-detail-modal .review-media { padding:15px; }.content-detail-modal .variant-grid { grid-template-columns:1fr; } }

/* Unified calendar and content library */
#calendar-week-navigation { display:flex; align-items:center; gap:7px; }
#calendar-week-navigation[hidden] { display:none !important; }
#calendar-list-heading { min-width:0; margin-left:0; font-size:16px; }
.provider-dot.draft { background:#9b9d9b; }
.provider-dot.failed,.provider-dot.rejected { background:var(--red); }
.calendar-content-library { margin:0; }
.calendar-content-library table { min-width:900px; }
.calendar-content-library td { vertical-align:middle; }
.calendar-list-content { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px; min-width:320px; }
.calendar-list-content .content-title-link { display:-webkit-box; overflow:hidden; line-height:1.35; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.calendar-list-profile { width:38px; height:38px; }
.calendar-list-profile .calendar-post-avatar { width:36px; height:36px; }
.calendar-list-profile .calendar-platform-badge { width:14px; height:14px; }

/* Postiz-inspired calendar workspace */
.calendar-workspace { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:620px; }
.calendar-channels-sidebar { padding:18px 14px; border-right:1px solid var(--line-dark); background:#f0eee9; }
.calendar-channels-heading { padding:0 4px 14px; border-bottom:1px solid var(--line); }
.calendar-channels-heading h3 { margin:0; font-size:18px; }
.calendar-channels-heading small { display:block; margin-top:4px; color:var(--ink-soft); font-size:11px; }
.calendar-channel-list { display:grid; gap:7px; margin-top:13px; }
.calendar-channel { width:100%; display:grid; grid-template-columns:30px minmax(0,1fr) 12px; align-items:center; gap:9px; padding:9px; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--ink); text-align:left; cursor:pointer; }
.calendar-channel:hover { background:rgba(255,255,255,.7); }
.calendar-channel.selected { border-color:var(--line); background:var(--surface); }
.calendar-channel > span:first-child { width:30px; height:30px; display:grid; place-items:center; }
.calendar-channel .platform-brand-icon { width:27px; height:27px; }
.calendar-channel strong,.calendar-channel small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.calendar-channel strong { font-size:12px; }.calendar-channel small { margin-top:2px; color:var(--ink-soft); font-size:9px; }
.calendar-channel i { width:10px; height:10px; border:1px solid var(--line-dark); border-radius:50%; background:transparent; }
.calendar-channel.selected i { border-color:var(--green); background:var(--green); box-shadow:inset 0 0 0 2px white; }
.calendar-stage { max-height:calc(100vh - 205px); overflow:auto; }
.calendar-list-toggle { width:38px; height:38px; display:grid; place-items:center; padding:0; border:1px solid var(--line-dark); background:var(--surface); color:var(--ink-soft); cursor:pointer; }
.calendar-list-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.calendar-list-toggle:hover,.calendar-list-toggle.active { border-color:var(--ink); background:var(--ink); color:white; }
.calendar-period-toggle button { min-width:58px; }
.day-calendar[hidden],.month-calendar[hidden] { display:none !important; }
.day-calendar { min-width:720px; }
.day-calendar-header,.day-calendar-body { display:grid; grid-template-columns:66px minmax(650px,1fr); }
.day-calendar-header { position:sticky; top:0; z-index:3; min-height:64px; border-bottom:1px solid var(--line-dark); background:var(--surface); }
.day-calendar-body,.week-calendar-body { min-height:1440px; }
.day-calendar-body .week-time-rail,.day-calendar-body .week-day-column,.week-calendar-body .week-time-rail,.week-calendar-body .week-day-column { min-height:1440px; }
.day-event { position:absolute; right:12px; left:12px; z-index:1; min-height:50px; overflow:hidden; padding:7px 9px; border:1px solid #b9d5c7; border-left:4px solid var(--green); border-radius:5px; background:var(--green-soft); color:var(--ink); text-align:left; cursor:pointer; }
.day-event.facebook { border-left-color:#1877f2; background:#e8f1ff; }.day-event.instagram { border-left-color:#d94678; background:#fbe9f0; }.day-event.xhs { border-left-color:var(--red); background:var(--red-soft); }.day-event.inactive { filter:grayscale(.35); opacity:.72; }
.day-event span,.day-event strong,.day-event small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.day-event span { font:600 9px "DM Mono",monospace; }.day-event strong { margin-top:2px; font-size:12px; }.day-event small { margin-top:2px; color:var(--ink-soft); font-size:10px; }
.week-event,.day-event { min-width:0; }
.month-calendar { min-width:900px; }
.month-calendar-weekdays,.month-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(120px,1fr)); }
.month-calendar-weekdays { position:sticky; top:0; z-index:3; border-bottom:1px solid var(--line-dark); background:#efede8; }
.month-calendar-weekdays div { padding:13px 10px; color:var(--ink-soft); font-size:11px; font-weight:700; text-align:center; }
.month-day { min-height:132px; padding:8px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--surface); }
.month-day:nth-child(7n) { border-right:0; }.month-day.outside { background:#f1efe9; color:#969a97; }.month-day.today { box-shadow:inset 0 0 0 2px var(--green); }
.month-day > strong { width:25px; height:25px; display:grid; place-items:center; font:700 11px "DM Mono",monospace; }.month-day.today > strong { border-radius:50%; background:var(--green); color:white; }
.month-day > div { display:grid; gap:4px; margin-top:5px; }.month-day > div > small { color:var(--green); font-size:10px; font-weight:700; }
.month-event { min-width:0; display:grid; grid-template-columns:18px minmax(0,1fr); align-items:center; gap:5px; padding:4px 5px; border:0; border-left:3px solid var(--green); border-radius:3px; background:var(--green-soft); color:var(--ink); text-align:left; cursor:pointer; }
.month-event.facebook { border-left-color:#1877f2; background:#e8f1ff; }.month-event.instagram { border-left-color:#d94678; background:#fbe9f0; }.month-event.xhs { border-left-color:var(--red); background:var(--red-soft); }
.month-event .platform-brand-icon { width:16px; height:16px; }.month-event span { overflow:hidden; font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }

/* Compact application and calendar headers */
.week-time-rail span { transform:translateY(-50%); }
.brand,.topbar { height:64px; }
.brand-mark { width:24px; height:24px; gap:2px; padding:4px; }
.brand-mark span { width:3px; }
.brand-mark span:nth-child(1) { height:6px; }.brand-mark span:nth-child(2) { height:14px; }.brand-mark span:nth-child(3) { height:10px; }
.marketing-tabs { gap:26px; }
.marketing-tabs a { font-size:13px; }
.calendar-stage { max-height:calc(100vh - 187px); }
.week-calendar-header,.day-calendar-header { min-height:50px; }
.week-time-heading { padding-bottom:7px; font-size:9px; }
.week-day-heading { gap:6px; padding:6px 10px; }
.week-day-heading strong { width:26px; height:26px; font-size:15px; }
.week-day-heading span { font-size:11px; }

/* Keep every calendar view within the available browser width */
main:has(> #view-calendar.active) { max-width:none; }
#view-calendar { width:100%; }
.calendar-stage { overflow-x:hidden; overflow-y:auto; }
.week-calendar,.day-calendar,.month-calendar { width:100%; min-width:0; }
.week-calendar-header,.week-calendar-body { grid-template-columns:54px repeat(7,minmax(0,1fr)); }
.day-calendar-header,.day-calendar-body { grid-template-columns:54px minmax(0,1fr); }
.month-calendar-weekdays,.month-calendar-grid { grid-template-columns:repeat(7,minmax(0,1fr)); }
.week-time-heading,.week-day-heading,.month-calendar-weekdays div,.month-day { min-width:0; }
.week-day-heading { overflow:hidden; }
.week-day-heading span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.month-calendar-weekdays div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.calendar-past-shade { position:absolute; top:0; right:0; left:0; z-index:0; pointer-events:none; border-bottom:1px solid rgba(94,100,97,.18); background:repeating-linear-gradient(135deg,rgba(93,100,97,.09) 0,rgba(93,100,97,.09) 4px,rgba(255,255,255,.2) 4px,rgba(255,255,255,.2) 9px); }
.calendar-past-shade.full { bottom:0; height:auto !important; }
.week-day-heading.past { background:#efede8; color:#8b908d; }
.week-day-heading.past strong { color:#7c827f; }
.month-day.past { background:repeating-linear-gradient(135deg,#eceae5 0,#eceae5 5px,#f4f2ed 5px,#f4f2ed 10px); color:#8f9491; }
.month-day.past .month-event { opacity:.72; }
.week-event,.day-event { padding-top:4px; padding-bottom:4px; padding-left:4px; }
.week-event,.day-event { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:5px; }
.calendar-profile-avatar { position:relative; width:32px; height:32px; display:block; align-self:center; overflow:visible !important; }
.calendar-post-avatar { width:30px; height:30px; display:block; border-radius:50%; object-fit:cover; }
.calendar-platform-badge { position:absolute; right:0; bottom:0; width:12px; height:12px; border:1px solid white; border-radius:50%; background:white; object-fit:contain; }
.calendar-event-copy { min-width:0; }
.week-event strong,.day-event strong { display:-webkit-box; overflow:hidden; line-height:1.2; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.month-event { grid-template-columns:26px minmax(0,1fr); }
.month-event .calendar-profile-avatar { width:26px; height:26px; }.month-event .calendar-post-avatar { width:24px; height:24px; }.month-event .calendar-platform-badge { width:10px; height:10px; }
@media (max-width:1050px) { .calendar-workspace { grid-template-columns:176px minmax(0,1fr); }.calendar-channels-sidebar { padding-right:9px; padding-left:9px; } }
@media (max-width:760px) { .calendar-workspace { display:block; }.calendar-channels-sidebar { border-right:0; border-bottom:1px solid var(--line-dark); }.calendar-channel-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.calendar-channel { grid-template-columns:27px minmax(0,1fr); }.calendar-channel i { display:none; }.calendar-stage { max-height:none; }.calendar-period-toggle button { min-width:0; } }

/* Postiz-style shared shell for calendar and list modes */
.calendar-workspace { grid-template-columns:260px minmax(0,1fr); min-height:calc(100vh - 114px); border-color:var(--line); background:var(--surface); box-shadow:none; }
.calendar-main { min-width:0; display:flex; flex-direction:column; }
.calendar-main .calendar-commandbar { min-height:66px; margin:0; padding:10px 18px; border-bottom:1px solid var(--line); }
.calendar-command-primary { min-width:0; display:flex; align-items:center; gap:10px; }
.calendar-main .calendar-navigation { flex:0 0 auto; }
#calendar-week-navigation,#calendar-list-navigation { display:flex; align-items:center; gap:0; }
#calendar-week-navigation[hidden],#calendar-list-navigation[hidden] { display:none !important; }
#calendar-week-navigation .square-button,#calendar-list-navigation .square-button { border-color:var(--line); }
#calendar-week-navigation strong,#calendar-list-navigation strong { min-width:210px; min-height:38px; display:grid; place-items:center; margin:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-size:13px; }
#calendar-list-navigation strong { min-width:150px; }
#calendar-list-navigation button:disabled { color:#a7aaa8; cursor:not-allowed; }
.calendar-command-actions { margin-left:auto; gap:8px; }
.calendar-view-switch { display:flex; }
.calendar-view-switch .calendar-list-toggle + .calendar-list-toggle { margin-left:-1px; }
.calendar-period-toggle { display:grid; grid-template-columns:repeat(4,62px); flex:0 0 auto; }
.calendar-period-toggle button { width:62px; min-width:62px; padding:0 8px; }
.calendar-list-filters { min-height:40px; display:flex; align-items:center; padding:4px; border:1px solid var(--line); border-radius:8px; background:#faf9f6; }
.calendar-list-filters[hidden] { display:none !important; }
.calendar-list-filters button { min-height:32px; padding:0 15px; border:0; border-radius:6px; background:transparent; color:var(--ink); font-size:12px; cursor:pointer; }
.calendar-list-filters button:hover { background:#efede8; }
.calendar-list-filters button.active { background:var(--green-soft); color:var(--green); font-weight:800; }
.calendar-period-toggle[hidden] { display:none !important; }
.calendar-channels-sidebar { padding:19px 18px; background:var(--surface); }
.calendar-channels-heading { padding:0 1px 13px; }
.calendar-channels-heading h3 { font-size:20px; }
.calendar-channel-actions { display:grid; gap:8px; padding:14px 0 3px; }
.calendar-manage-channels,.calendar-create-post { width:100%; min-height:42px; border:0; border-radius:5px; font-size:13px; font-weight:750; cursor:pointer; }
.calendar-manage-channels { border:1px solid var(--line); background:#efede8; color:var(--ink); }
.calendar-manage-channels:hover { border-color:var(--ink-soft); background:#e7e4dd; }
.calendar-create-post { display:flex; align-items:center; justify-content:center; gap:8px; background:var(--ink); color:white; }
.calendar-create-post:hover { background:var(--green); }
.calendar-create-post span { font-size:18px; font-weight:400; }
.calendar-channel-list { gap:3px; margin-top:12px; }
.automation-status-icon,.automation-event-avatar { display:grid; place-items:center; border-radius:50%; background:var(--green); color:white; font:800 10px "DM Mono",monospace; }
.automation-status-icon { width:34px; height:34px; }.automation-event-avatar { width:30px; height:30px; }
.week-event.automation,.day-event.automation,.month-event.automation { border-left-color:var(--green); background:#dcebe4; }
.calendar-automation-row { background:#f3f8f5; }.calendar-automation-row:hover { background:#e8f3ed !important; }.calendar-list-automation-avatar { width:36px; height:36px; flex:0 0 auto; }
.calendar-channel { grid-template-columns:38px minmax(0,1fr) 10px; gap:9px; padding:8px 5px; border-color:transparent; border-radius:5px; background:transparent; }
.calendar-channel.selected { border-color:transparent; background:transparent; }
.calendar-channel:hover,.calendar-channel.selected:hover { background:#f3f1ec; }
.calendar-sidebar-profile { width:36px; height:36px; }
.calendar-sidebar-profile .calendar-post-avatar { width:34px; height:34px; }
.calendar-sidebar-profile .calendar-platform-badge { width:13px; height:13px; }
.calendar-channel strong { font-size:13px; }
.calendar-channel small { font-size:9px; }
.calendar-stage { flex:1; max-height:calc(100vh - 180px); border:0; }
.calendar-stage > .calendar-list { min-width:0; padding:16px; }
.calendar-content-library { border-color:var(--line); }
@media (max-width:1150px) { .calendar-command-primary { flex-wrap:wrap; }.calendar-list-filters { order:3; width:100%; overflow-x:auto; }.calendar-list-filters button { flex:1 0 auto; } }
@media (max-width:1050px) { .calendar-workspace { grid-template-columns:220px minmax(0,1fr); }.calendar-main .calendar-commandbar { padding-right:10px; padding-left:10px; }.calendar-list-filters button { padding:0 9px; }.calendar-period-toggle { grid-template-columns:repeat(4,54px); }.calendar-period-toggle button { width:54px; min-width:54px; } }
@media (max-width:820px) { .calendar-main .calendar-commandbar { align-items:flex-start; flex-wrap:wrap; }.calendar-command-primary { width:100%; }.calendar-command-actions { margin-left:auto; }.calendar-stage { max-height:none; } }
@media (max-width:760px) { .calendar-workspace { display:block; }.calendar-channels-sidebar { border-right:0; }.calendar-channel-actions { grid-template-columns:1fr 1fr; }.calendar-channel-list { grid-template-columns:repeat(3,minmax(0,1fr)); }.calendar-channel { grid-template-columns:34px minmax(0,1fr); }.calendar-main .calendar-commandbar { position:sticky; top:0; z-index:6; background:var(--surface); } }

/* Postiz-style post composer */
.automation-drawer.active.open { display:grid; place-items:center; padding:18px; overflow:hidden; background:rgba(32,35,38,.32); }
.automation-panel { width:calc(100vw - 36px); max-width:none; height:calc(100vh - 36px); min-height:0; margin:0; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); box-shadow:0 24px 80px rgba(24,32,31,.24); }
.automation-panel-header { position:static; height:58px; margin:0; padding:0 20px; border-bottom:1px solid var(--line); background:#f4f5f5; }
.automation-panel-header h2 { font-size:18px; }
.automation-panel-header .drawer-close { width:34px; height:34px; border:0; background:transparent; color:var(--ink-soft); }
.automation-panel-header .drawer-close:hover { background:#e8e9e9; color:var(--ink); }
.new-post-form { height:calc(100% - 58px); min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 390px; grid-template-rows:auto minmax(0,1fr) auto auto; grid-template-areas:"channels preview" "editor preview" "settings preview" "actions actions"; gap:0; overflow:hidden; }
.new-post-form .automation-card { border:0; box-shadow:none; }
.post-settings-card { grid-area:channels; padding:14px 18px 10px; border-bottom:1px solid var(--line) !important; }
.post-channel-heading { display:flex; align-items:baseline; gap:10px; }
.post-channel-heading h3 { font-size:15px; }
.post-settings-card .platform-icon-checks { gap:7px; margin:10px 0 0; }
.post-settings-card .platform-select-card { display:grid; grid-template-columns:74px minmax(0,1fr); align-items:stretch; border-color:var(--line); border-radius:7px; }
.post-settings-card .platform-select-card > label > span { min-height:64px; padding:8px; }
.post-settings-card .platform-select-card .platform-logo { width:29px; height:29px; }
.post-settings-card .platform-select-card b { font-size:10px; }
.post-settings-card .embedded-account { min-height:64px; border-top:0; border-left:1px solid var(--line); }
.post-settings-card .embedded-account label > span { padding:8px 8px 2px; font-size:8px; }
.post-settings-card .embedded-account select { padding:7px 24px 8px 8px; font-size:11px; }
.post-settings-card .embedded-account-status { min-height:64px; justify-content:flex-start; padding:8px; font-size:10px; text-align:left; }
.post-settings-card .embedded-account-status .platform-brand-icon { display:none; }
.post-composer { grid-area:editor; min-height:0; display:flex; flex-direction:column; overflow:auto; padding:14px 18px; background:#f0f1f2; }
.post-composer .post-copy-field { flex:1; min-height:240px; display:flex; flex-direction:column; margin:0; padding:0; border:1px solid var(--line); border-radius:8px 8px 0 0; background:white; }
.post-composer .post-copy-field > span { padding:11px 13px 0; color:var(--ink-soft); font-size:10px; }
.post-composer .post-copy-field textarea { flex:1; min-height:220px; padding:10px 13px; border:0; background:white; font-family:inherit; font-size:14px; line-height:1.55; resize:none; box-shadow:none; }
.post-composer .post-copy-field textarea:focus { outline:none; box-shadow:none; }
.post-composer .post-media-field { margin:0; padding:10px 12px; border:1px solid var(--line); border-top:0; border-radius:0 0 8px 8px; background:white; }
.post-composer .post-media-field > span { display:none; }
.post-composer .post-media-picker { width:max-content; min-height:32px; display:flex; align-items:center; gap:7px; padding:0 11px; border:1px solid var(--line); border-radius:5px; background:#f5f5f3; }
.post-composer .post-media-picker strong { font-size:11px; }
.post-composer .post-media-picker small { display:none; }
.post-composer .post-media-preview { margin-top:8px; }
.recurring-card { grid-area:settings; margin:0; padding:13px 18px; border-top:1px solid var(--line) !important; background:var(--surface); }
.recurring-card .recurring-switch strong { font-size:13px; }
.recurring-card .switch span { width:40px; height:22px; }
.recurring-card .switch span::after { width:16px; height:16px; }
.recurring-card .switch input:checked + span::after { transform:translateX(18px); }
.recurring-settings { max-height:230px; overflow:auto; }
.post-preview-section { grid-area:preview; min-width:0; min-height:0; margin:0; padding:0; overflow:auto; border-left:1px solid var(--line); background:#fafafa; }
.post-preview-heading { position:sticky; top:0; z-index:2; padding:16px 17px; border-bottom:1px solid var(--line); background:#f4f5f5; }
.post-preview-heading h3 { margin:0; font-size:16px; }
.post-previews { display:grid; grid-template-columns:1fr; gap:12px; padding:16px; }
.post-preview-section .platform-preview-card { border-color:var(--line); border-radius:9px; box-shadow:none; }
.post-preview-section .platform-preview-card > img,.post-preview-section .platform-preview-card > video,.post-preview-section .preview-media-empty { aspect-ratio:16/10; }
.post-preview-section .preview-empty { min-height:180px; border-radius:9px; background:white; }
.new-post-form .automation-actions { grid-area:actions; position:static; min-height:72px; display:flex; align-items:center; margin:0; padding:10px 16px; border-top:1px solid var(--line); background:white; }
.post-publish-controls { display:flex; align-items:center; gap:10px; min-width:0; }
.post-publish-controls .post-timing-controls { display:flex; align-items:center; gap:10px; margin:0; }
.post-publish-controls .post-timing-controls > span { display:none; }
.post-publish-controls .post-timing-options { min-width:220px; }
.post-footer-schedule { display:flex; align-items:center; gap:7px; margin:0; }
.post-footer-schedule > span { color:var(--ink-soft); font:600 9px "DM Mono",monospace; text-transform:uppercase; }
.post-footer-schedule input { min-height:38px; padding:8px 10px; }
.new-post-form .automation-actions > #automation-message { margin-right:auto; }
.new-post-form .automation-actions > #automation-message.generation-message { max-width:520px; display:flex; align-items:center; gap:8px; color:var(--ink-soft); font-size:12px; line-height:1.35; }
.new-post-form .automation-actions > #automation-message.generation-message::before { width:9px; height:9px; flex:0 0 auto; border-radius:50%; background:var(--green); content:""; }
.new-post-form .automation-actions > #automation-message.generation-message.active::before { box-shadow:0 0 0 4px rgba(20,119,88,.12); animation:generation-pulse 1.4s ease-in-out infinite; }
.new-post-form .automation-actions > #automation-message.generation-message.complete { color:var(--green); font-weight:700; }
.new-post-form .automation-actions > #automation-message.generation-message.failed { color:var(--red); }
.new-post-form .automation-actions > #automation-message.generation-message.failed::before { background:var(--red); }
.new-post-form .automation-actions .primary-button.generation-active { min-width:178px; }
@keyframes generation-pulse { 50% { opacity:.35; transform:scale(.78); } }
.new-post-form .automation-actions .primary-button { flex:0 0 auto; min-height:42px; padding:0 20px; }
.post-save-draft { min-height:42px; padding:0 17px; border-color:var(--line); background:#f3f2ef; font-weight:750; }
.post-publish-menu { position:relative; flex:0 0 auto; }
.post-publish-menu .primary-button { display:flex; align-items:center; gap:13px; }
.post-publish-menu .primary-button span { padding-left:12px; border-left:1px solid rgba(255,255,255,.28); }
.post-publish-menu-popover { position:absolute; right:0; bottom:calc(100% + 8px); z-index:8; width:100%; min-width:150px; padding:5px; visibility:hidden; border:1px solid var(--line); border-radius:6px; background:white; box-shadow:0 10px 28px rgba(24,32,31,.18); opacity:0; transform:translateY(4px); transition:.14s; }
.post-publish-menu-popover[hidden] { display:none; }
.post-publish-menu:hover .post-publish-menu-popover,.post-publish-menu:focus-within .post-publish-menu-popover { visibility:visible; opacity:1; transform:translateY(0); }
.post-publish-menu-popover button { width:100%; min-height:38px; border:0; border-radius:4px; background:var(--green); color:white; font-weight:800; cursor:pointer; }
.post-publish-menu-popover button:hover,.post-publish-menu-popover button:focus-visible { background:var(--ink); }
.post-publish-menu-popover button[hidden] { display:none; }

/* Agent control page */
body.agent-page main { max-width:none; }
#view-runs { width:100%; padding:0; }
.agent-workspace { min-height:calc(100vh - 166px); display:grid; grid-template-columns:250px minmax(0,1fr); border:1px solid var(--line-dark); background:var(--surface); }
.agent-directory-sidebar { min-width:0; padding:20px 14px; border-right:1px solid var(--line-dark); background:#f1efe9; }
.agent-directory-heading { padding:0 6px 13px; border-bottom:1px solid var(--line); }.agent-directory-heading h3 { margin:0; font-size:18px; }
.agent-directory-subheading { margin:18px 6px 0; color:var(--ink-soft); font:600 9px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }
#view-runs .company-knowledge-entry { margin:14px 0 0; }.company-knowledge-entry .agent-avatar { border-radius:9px !important; }.company-knowledge-entry .agent-avatar::after { display:none; }
.agent-knowledge-button { width:100%; min-height:44px; display:flex; align-items:center; gap:9px; margin:12px 0 14px; padding:0 13px; border:1px solid var(--line); background:var(--surface); color:var(--ink); font-size:12px; font-weight:800; text-align:left; cursor:pointer; }.agent-knowledge-button span { color:var(--green); font-size:16px; }.agent-knowledge-button:hover { border-color:var(--green); }
#view-runs .agent-grid { width:100%; display:grid; grid-template-columns:1fr; gap:8px; margin:14px 0 0; }
#view-runs .agent-card { width:100%; min-height:66px; display:block; padding:10px; overflow:hidden; border:1px solid transparent; border-radius:7px; background:transparent; color:var(--ink); text-align:left; box-shadow:none; cursor:pointer; transition:.15s; }
#view-runs .agent-card:hover { border-color:var(--line-dark); background:rgba(255,255,255,.72); }
#view-runs .agent-card.active { border-color:#a9c8bc; background:var(--surface); box-shadow:inset 3px 0 0 var(--green); }
#view-runs .agent-card:focus-visible { outline:2px solid var(--green); outline-offset:2px; }
#view-runs .agent-card-top { align-items:center; }
.agent-card-identity { min-width:0; display:flex; align-items:center; gap:11px; }
#view-runs .agent-avatar { position:relative; width:42px; height:42px; flex:0 0 auto; border-radius:50%; background:radial-gradient(circle at 35% 28%,#198967,#0b4938 72%); color:#fff1b5; font-size:15px; box-shadow:0 0 0 4px rgba(16,112,82,.07); }
#view-runs .agent-avatar::after { content:""; position:absolute; width:6px; height:6px; right:1px; bottom:3px; border:2px solid white; border-radius:50%; background:#39a879; }
#view-runs .agent-card h3 { margin:0; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
#view-runs .agent-card small { display:block; margin-top:3px; color:var(--ink-soft); font:500 9px "DM Mono",monospace; text-transform:uppercase; }
.agent-detail-main { min-width:0; display:flex; flex-direction:column; background:var(--paper); }
.agent-detail-header { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 20px; border-bottom:1px solid var(--line-dark); background:var(--surface); }.agent-detail-header > div > span { color:var(--ink-soft); font:500 9px "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }.agent-detail-header h2 { margin:4px 0 0; font-size:20px; }.agent-detail-header > .tag { min-width:76px; padding:8px 12px; border-radius:999px; background:var(--green-soft); color:var(--green); font-size:11px; text-align:center; }
.agent-detail-body { min-width:0; display:grid; align-content:start; gap:16px; padding:18px; }.agent-detail-body .active-workflow { margin:0 0 16px; }.agent-detail-body .table-panel { margin:0; padding:0; overflow:hidden; border-radius:10px; box-shadow:none; }.agent-detail-body .table-wrap { min-height:260px; }
.agent-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.agent-summary-grid article { min-width:0; min-height:78px; display:flex; align-items:center; gap:13px; padding:15px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }.agent-summary-icon { width:42px; height:42px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:#e8f5ef; color:var(--green); font-size:18px; }.agent-summary-grid small,.agent-summary-grid strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.agent-summary-grid small { color:#718078; font-size:10px; }.agent-summary-grid strong { margin-top:4px; font-size:13px; }
.agent-summary-grid[hidden],.agent-detail-tabs[hidden] { display:none !important; }
.agent-detail-tabs { min-height:52px; display:flex; align-items:stretch; gap:26px; border-bottom:1px solid var(--line); }.agent-detail-tabs button { position:relative; display:flex; align-items:center; gap:7px; padding:0 2px; border:0; background:transparent; color:#718078; font-size:12px; font-weight:700; cursor:pointer; }.agent-detail-tabs button.active { color:var(--green); }.agent-detail-tabs button.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:var(--green); }
.agent-detail-panel { display:none; min-width:0; }.agent-detail-panel.active { display:block; }
.agent-detail-body #agent-runs-panel th { padding:9px 12px; font-size:9px; }.agent-detail-body #agent-runs-panel td { padding:10px 12px; font-size:12px; line-height:1.4; vertical-align:middle; }.agent-detail-body #agent-runs-panel th:nth-child(1) { width:18%; }.agent-detail-body #agent-runs-panel th:nth-child(2) { width:16%; }.agent-detail-body #agent-runs-panel th:nth-child(3) { width:11%; }.agent-detail-body #agent-runs-panel th:nth-child(4) { width:12%; }.agent-detail-body #agent-runs-panel .run-detail strong { font-size:11.5px; line-height:1.4; }.agent-detail-body #agent-runs-panel .tag { font-size:8px; }
.agent-panel-heading { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 2px; }.agent-panel-heading h3 { margin:0; font-size:16px; }.agent-panel-heading p { margin:3px 0 0; color:var(--ink-soft); font-size:10px; }
.agent-panel-toolbar { min-height:54px; display:flex; align-items:center; gap:10px; padding:0 0 12px; }
.agent-pagination { display:flex; align-items:center; }.agent-pagination button,.agent-pagination strong { min-height:36px; border:1px solid var(--line); background:var(--surface); }.agent-pagination button { width:36px; color:var(--ink); font-size:13px; font-weight:800; cursor:pointer; }.agent-pagination button:hover:not(:disabled) { border-color:var(--ink); background:var(--ink); color:white; }.agent-pagination button:disabled { color:#a7aaa8; cursor:not-allowed; }.agent-pagination strong { min-width:120px; display:grid; place-items:center; margin:0 -1px; padding:0 12px; font-size:10px; white-space:nowrap; }
.agent-filter { min-height:36px; display:flex; align-items:center; border:1px solid var(--line); background:var(--surface); }.agent-filter > span { padding:0 0 0 11px; color:var(--ink-soft); font:600 9px "DM Mono",monospace; text-transform:uppercase; }.agent-filter select { min-height:34px; padding:0 30px 0 8px; border:0; background:transparent; color:var(--ink); font-size:11px; font-weight:700; outline:none; cursor:pointer; }.agent-filter:focus-within { border-color:var(--green); box-shadow:0 0 0 2px var(--green-soft); }.knowledge-toolbar .primary-button { margin-left:auto; }
.agent-knowledge-list { display:grid; gap:10px; }.agent-knowledge-item { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:16px 17px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }.agent-knowledge-item > div:first-child { min-width:0; }.agent-knowledge-item small { margin-left:8px; color:var(--ink-soft); font:500 9px "DM Mono",monospace; text-transform:uppercase; }.agent-knowledge-item h4 { margin:8px 0 4px; font-size:13px; }.agent-knowledge-item p { max-width:780px; display:-webkit-box; margin:0; overflow:hidden; color:var(--ink-soft); font-size:11px; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.agent-knowledge-item > div:last-child { display:flex; align-items:center; gap:9px; }.agent-knowledge-item button { min-height:31px; padding:0 10px; border:1px solid var(--line); background:white; color:var(--green); font-size:10px; font-weight:800; cursor:pointer; }.knowledge-scope-badge { display:inline-flex; padding:4px 7px; border-radius:20px; background:#eceeea; color:var(--ink-soft); font:600 8px "DM Mono",monospace; text-transform:uppercase; }.knowledge-scope-badge.marketing,.knowledge-scope-badge.content { background:var(--green-soft); color:var(--green); }
.agent-knowledge-list .table-wrap { min-height:0; overflow:auto; border:1px solid var(--line); border-radius:7px; background:var(--surface); }.agent-knowledge-table { min-width:720px; }.agent-knowledge-table th { padding:9px 11px; font-size:9px; }.agent-knowledge-table td { padding:9px 11px; font-size:11px; line-height:1.4; vertical-align:middle; }.agent-knowledge-table td:first-child { width:36%; }.agent-knowledge-table td > strong { display:block; font-size:12px; line-height:1.35; }.agent-knowledge-table .knowledge-scope-badge,.agent-knowledge-table .tag { padding:3px 7px; font-size:8px; }.agent-knowledge-table td:last-child { width:52px; text-align:right; }.agent-knowledge-table td:last-child button { min-height:28px; padding:0 9px; border:1px solid var(--line); background:white; color:var(--green); font-size:9px; font-weight:800; cursor:pointer; }.agent-knowledge-table td:last-child button:hover { border-color:var(--green); }
.knowledge-version { display:inline-flex; min-width:30px; justify-content:center; padding:3px 6px; border-radius:12px; background:#eceae4; color:var(--ink-soft); font:600 9px "DM Mono",monospace; }
.company-brand-library { margin-bottom:14px; border:1px solid var(--line); border-radius:8px; background:#f4f2ed; }
.company-brand-library[hidden] { display:none; }
.company-brand-heading { min-height:60px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 14px; border-bottom:1px solid var(--line); }
.company-brand-heading span,.company-brand-heading strong { display:block; }.company-brand-heading span { color:var(--green); font:600 9px "DM Mono",monospace; letter-spacing:.08em; text-transform:uppercase; }.company-brand-heading strong { margin-top:3px; font-size:14px; }
.brand-asset-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; }
.brand-asset-card { min-width:0; display:grid; grid-template-columns:76px minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px; border:1px solid var(--line); border-radius:7px; background:var(--surface); }
.brand-asset-card.archived { opacity:.58; }.brand-asset-card > img { width:76px; height:76px; display:block; object-fit:contain; border:1px solid var(--line); border-radius:5px; background:white; }
.brand-asset-copy { min-width:0; }.brand-asset-copy > div { display:flex; align-items:center; gap:8px; }.brand-asset-copy strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.brand-asset-copy small { display:block; margin-top:3px; color:var(--ink-soft); font:500 8px "DM Mono",monospace; text-transform:uppercase; }.brand-asset-copy p { display:-webkit-box; margin:5px 0 0; overflow:hidden; color:var(--ink-soft); font-size:10px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.brand-asset-copy .brand-usage { color:var(--ink); }.brand-asset-status { min-height:30px; padding:0 8px; border:1px solid var(--line); background:white; color:var(--green); font-size:9px; font-weight:800; cursor:pointer; }
.brand-assets-empty { grid-column:1/-1; padding:20px; border:1px dashed var(--line-dark); border-radius:6px; text-align:center; }.brand-assets-empty strong { font-size:12px; }.brand-assets-empty p { margin:5px 0 0; color:var(--ink-soft); font-size:10px; }
.agent-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.agent-settings-grid article { min-height:118px; padding:17px; border:1px solid var(--line); border-radius:9px; background:var(--surface); }.agent-settings-grid span,.agent-settings-grid strong,.agent-settings-grid small { display:block; }.agent-settings-grid span { color:var(--ink-soft); font:600 9px "DM Mono",monospace; text-transform:uppercase; }.agent-settings-grid strong { margin-top:18px; font-size:16px; }.agent-settings-grid small { margin-top:6px; color:var(--ink-soft); font-size:10px; line-height:1.45; }
.agent-modal { position:fixed; inset:0; z-index:70; display:none; align-items:center; justify-content:center; padding:26px; background:rgba(24,32,31,.52); }
.agent-modal.open { display:flex; animation:reveal .18s ease-out; }
.agent-modal-panel { width:min(1120px,100%); max-height:calc(100vh - 52px); overflow:auto; border:1px solid var(--line-dark); background:var(--paper); box-shadow:0 24px 80px rgba(24,32,31,.28); }
.agent-modal-header { position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line-dark); background:rgba(245,243,238,.97); backdrop-filter:blur(12px); }
.agent-modal-header h2 { margin:4px 0 0; font-size:23px; }.agent-modal-actions { display:flex; align-items:center; gap:10px; }
.knowledge-modal-panel { width:min(960px,100%); }.knowledge-modal-panel .knowledge-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding:18px; }
.knowledge-card { min-height:190px; }.knowledge-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }.knowledge-card-top button { border:0; background:transparent; color:var(--green); font-size:10px; font-weight:800; cursor:pointer; }
.knowledge-card h3 { margin-top:16px; }.knowledge-card p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.knowledge-form { display:grid; gap:14px; margin:18px 18px 0; padding:18px; border:1px solid var(--line-dark); background:var(--surface); }
.knowledge-form[hidden] { display:none; }.knowledge-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.knowledge-form-grid.two-columns { grid-template-columns:2fr 1fr; }.knowledge-form label { display:grid; gap:6px; }.knowledge-form label > span { color:var(--ink-soft); font:600 9px "DM Mono",monospace; text-transform:uppercase; }
.knowledge-form input,.knowledge-form select,.knowledge-form textarea { width:100%; padding:11px 12px; border:1px solid var(--line-dark); background:var(--paper); color:var(--ink); font:500 13px "Manrope",sans-serif; outline:none; }.knowledge-form textarea { resize:vertical; line-height:1.5; }.knowledge-form input:focus,.knowledge-form select:focus,.knowledge-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px var(--green-soft); }
.knowledge-form-actions { display:flex; justify-content:flex-end; gap:9px; }
.brand-asset-modal-panel { width:min(760px,100%); }.knowledge-form small { color:var(--ink-soft); font-size:10px; line-height:1.45; }
.knowledge-history { border-top:1px solid var(--line); padding-top:13px; }.knowledge-history[hidden] { display:none; }.knowledge-history-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:8px; }.knowledge-history-heading strong { font-size:12px; }.knowledge-history-heading small { color:var(--ink-soft); font-size:9px; }.knowledge-history-row { min-height:46px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:10px; padding:6px 0; border-top:1px solid var(--line); }.knowledge-history-row > span { width:32px; padding:4px 0; border-radius:12px; background:#eceae4; font:600 9px "DM Mono",monospace; text-align:center; }.knowledge-history-row strong,.knowledge-history-row small { display:block; }.knowledge-history-row strong { font-size:10px; }.knowledge-history-row small { margin-top:2px; color:var(--ink-soft); font-size:8px; }.knowledge-history-row em { color:var(--green); font:600 8px "DM Mono",monospace; text-transform:uppercase; }.knowledge-history-row button { min-height:28px; padding:0 9px; border:1px solid var(--line); background:white; color:var(--green); font-size:9px; font-weight:800; cursor:pointer; }.history-loading { margin:0; color:var(--ink-soft); font-size:10px; }
@media (max-width:1000px) { .brand-asset-grid { grid-template-columns:1fr; } }
@media (max-width:1050px) { .agent-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .agent-workspace { min-height:calc(100vh - 145px); grid-template-columns:190px minmax(620px,1fr); overflow:auto; }.agent-directory-sidebar { position:sticky; left:0; z-index:2; }.agent-summary-grid { grid-template-columns:repeat(4,minmax(135px,1fr)); }.agent-modal { padding:0; }.agent-modal-panel { width:100%; max-height:100vh; min-height:100vh; border:0; }.knowledge-modal-panel .knowledge-grid { grid-template-columns:1fr; }.knowledge-form-grid { grid-template-columns:1fr; } }
@media (max-width:520px) { .agent-modal-actions .primary-button { width:auto; }.agent-modal-header { align-items:flex-start; } }
@media (max-width:900px) { .automation-drawer.active.open { padding:0; }.automation-panel { width:100vw; height:100vh; border:0; border-radius:0; }.new-post-form { grid-template-columns:1fr 330px; }.post-settings-card .platform-select-card { grid-template-columns:58px minmax(0,1fr); } }
@media (max-width:700px) { .automation-panel-header { height:54px; padding:0 14px; }.new-post-form { height:calc(100% - 54px); display:block; overflow:auto; }.post-preview-section { border-top:1px solid var(--line); border-left:0; }.new-post-form .automation-actions { position:sticky; bottom:0; flex-wrap:wrap; }.post-publish-controls { width:100%; }.post-publish-controls .post-timing-options { min-width:0; }.post-settings-card .platform-icon-checks { grid-template-columns:1fr; }.post-settings-card .platform-select-card { grid-template-columns:74px minmax(0,1fr); }.post-composer .post-copy-field { min-height:280px; } }

/* Profile-only account picker */
.post-settings-card { padding-top:11px; padding-bottom:11px; }
.post-settings-card .platform-icon-checks { display:flex; align-items:center; gap:10px; margin:0; }
.post-settings-card .platform-select-card { width:58px; height:58px; display:block; overflow:visible; border:0; border-radius:9px; background:transparent; }
.post-settings-card .platform-select-card > label { position:relative; display:block; width:58px; height:58px; }
.post-settings-card .platform-select-card > label > span { width:58px; height:58px; min-height:0; display:grid; place-items:center; padding:5px; border:1px solid transparent; border-radius:9px; background:transparent; cursor:pointer; }
.post-settings-card .platform-select-card > label:hover > span { border-color:var(--line-dark); background:#f1f1ef; }
.post-settings-card .platform-select-card > label input:checked + span { border-color:var(--green); background:var(--green-soft); box-shadow:inset 0 0 0 1px var(--green); }
.post-settings-card .platform-select-card .embedded-account { display:none; }
.post-account-profile { width:46px; height:46px; }
.post-account-profile .calendar-post-avatar { width:43px; height:43px; }
.post-account-profile .calendar-platform-badge { width:17px; height:17px; border-width:2px; }
.post-settings-card .platform-select-card > label::after { content:attr(data-tooltip); position:absolute; top:calc(100% + 8px); left:50%; z-index:20; width:max-content; max-width:230px; padding:7px 9px; border-radius:5px; background:var(--ink); color:white; font-size:10px; line-height:1.3; opacity:0; pointer-events:none; transform:translate(-50%,-3px); transition:.15s; }
.post-settings-card .platform-select-card > label:hover::after,.post-settings-card .platform-select-card > label:focus-within::after { opacity:1; transform:translate(-50%,0); }
@media (max-width:700px) { .post-settings-card .platform-icon-checks { display:flex; }.post-settings-card .platform-select-card { width:54px; height:54px; }.post-settings-card .platform-select-card > label,.post-settings-card .platform-select-card > label > span { width:54px; height:54px; }.post-account-profile { width:42px; height:42px; }.post-account-profile .calendar-post-avatar { width:40px; height:40px; } }
.tag.publishing { background:#e3eaf6; color:#3d5e8c; }
.publishing-spinner { width:9px; height:9px; margin-right:5px; border:1.5px solid currentColor; border-right-color:transparent; border-radius:50%; animation:publishing-spin .7s linear infinite; }
@keyframes publishing-spin { to { transform:rotate(360deg); } }