:root {
  color-scheme: light;
  --ink: #202322;
  --muted: #6b7280;
  --line: #e5e7eb;
  --main: #f1f3f8;
  --panel: #ffffff;
  --surface-muted: #f8fafc;
  --surface-hover: #eef4ff;
  --control-bg: #ffffff;
  --control-hover: #f9fafb;
  --control-text: #202322;
  --label: #344054;
  --sidebar: #202322;
  --accent: #e8434c;
  --accent-dark: #c9303a;
  --button-bg: #1d4ed8;
  --button-hover: #1e40af;
  --button-text: #ffffff;
  --danger-bg: #dc2626;
  --danger-hover: #b91c1c;
  --danger-text: #ffffff;
  --blue: #2563eb;
  --green: #0ac072;
  --cyan: #0ea5e9;
  --shadow-sm: 0 8px 24px rgba(32, 35, 34, 0.06);
  --shadow-md: 0 18px 48px rgba(32, 35, 34, 0.14);
  --sidebar-width: 248px;
  --sidebar-link: #e5e7eb;
  --sidebar-link-muted: #9ca3af;
  --sidebar-link-hover: #ffffff;
  --sidebar-link-hover-bg: rgba(255,255,255,0.08);
  --sidebar-active: #93c5fd;
  --sidebar-border: #334155;
  --sidebar-select-border: rgba(255,255,255,0.14);
  --sidebar-logo-bg: rgba(255,255,255,0.08);
}
[data-bs-theme="dark"] {
  color-scheme: dark;
  --ink: #e5e7eb;
  --muted: #9ca3af;
  --line: #2d3231;
  --main: #0e0f0f;
  --panel: #202322;
  --surface-muted: #252a29;
  --surface-hover: #293130;
  --control-bg: #111827;
  --control-hover: #1f2937;
  --control-text: #e5e7eb;
  --label: #d1d5db;
  --sidebar: #202322;
  --button-bg: #60a5fa;
  --button-hover: #93c5fd;
  --button-text: #06101f;
  --danger-bg: #f87171;
  --danger-hover: #fca5a5;
  --danger-text: #111827;
  --blue: #93c5fd;
  --sidebar-link: #e5e7eb;
  --sidebar-link-muted: #9ca3af;
  --sidebar-link-hover: #ffffff;
  --sidebar-link-hover-bg: rgba(255,255,255,0.08);
  --sidebar-active: #93c5fd;
  --sidebar-border: #334155;
  --sidebar-select-border: rgba(255,255,255,0.14);
  --sidebar-logo-bg: rgba(255,255,255,0.08);
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.24);
  --shadow-md: 0 18px 48px rgba(0, 0, 0, 0.42);
}
[data-bs-theme="light"][data-sidebar-color="light"] {
  --sidebar: #ffffff;
  --sidebar-link: #334155;
  --sidebar-link-muted: #64748b;
  --sidebar-link-hover: #111827;
  --sidebar-link-hover-bg: #eef4ff;
  --sidebar-active: #1d4ed8;
  --sidebar-border: #e2e8f0;
  --sidebar-select-border: #dbe3ef;
  --sidebar-logo-bg: #eef4ff;
}
[data-bs-theme="light"][data-sidebar-color="blue"] {
  --sidebar: #2563eb;
  --sidebar-link: #eff6ff;
  --sidebar-link-muted: #bfdbfe;
  --sidebar-link-hover: #ffffff;
  --sidebar-link-hover-bg: rgba(255,255,255,0.16);
  --sidebar-active: #ffffff;
  --sidebar-border: rgba(255,255,255,0.22);
}
[data-bs-theme="light"][data-sidebar-color="green"] {
  --sidebar: #0f766e;
  --sidebar-link: #ecfdf5;
  --sidebar-link-muted: #a7f3d0;
  --sidebar-link-hover: #ffffff;
  --sidebar-link-hover-bg: rgba(255,255,255,0.16);
  --sidebar-active: #ffffff;
  --sidebar-border: rgba(255,255,255,0.22);
}
[data-bs-theme="light"][data-sidebar-color="purple"] {
  --sidebar: #5b21b6;
  --sidebar-link: #f5f3ff;
  --sidebar-link-muted: #ddd6fe;
  --sidebar-link-hover: #ffffff;
  --sidebar-link-hover-bg: rgba(255,255,255,0.16);
  --sidebar-active: #ffffff;
  --sidebar-border: rgba(255,255,255,0.22);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45; color: var(--ink); background: var(--main); }
a { color: inherit; text-decoration: none; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: var(--sidebar-width); min-height: 100vh; display: flex; flex-direction: column; overflow: hidden; background: var(--sidebar); color: var(--sidebar-link); padding: 16px 14px; box-shadow: 12px 0 30px rgba(14, 15, 15, 0.14); transition: width 0.16s ease, inset 0.16s ease; }
.brand { min-height: 52px; display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 17px; margin-bottom: 12px; padding: 0 8px; color: var(--sidebar-link-hover); }
.brand img { width: 38px; height: 38px; object-fit: contain; border-radius: 50%; background: transparent; padding: 0; }
.sidebar nav { min-height: 0; display: grid; flex: 1 1 auto; align-content: start; gap: 6px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
.sidebar nav::-webkit-scrollbar { width: 0; height: 0; display: none; }
.sidebar a, .org-switcher select, .static-workspace-label { border-radius: 8px; padding: 9px 10px; color: var(--sidebar-link); background: transparent; border: 1px solid transparent; font-weight: 600; }
.sidebar a { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sidebar a:hover { background: var(--sidebar-link-hover-bg); color: var(--sidebar-link-hover); }
.sidebar a.active-nav { background: var(--sidebar-link-hover-bg); color: var(--sidebar-active); border-color: var(--sidebar-border); }
.sidebar a.active-nav .nav-icon { color: var(--sidebar-active); }
.sidebar-nav-form, .sidebar-logout-form { margin: 0; }
.sidebar-nav-button { width: 100%; min-height: 40px; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--sidebar-link); font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; }
.sidebar-nav-button:hover { background: var(--sidebar-link-hover-bg); color: var(--sidebar-link-hover); }
.sidebar-account-actions { display: grid; flex: 0 0 auto; gap: 6px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--sidebar-border); background: var(--sidebar); }
.sidebar-user-link { align-items: flex-start !important; }
.sidebar-user-copy { display: grid; min-width: 0; gap: 1px; line-height: 1.2; }
.sidebar-user-copy small { color: var(--sidebar-link-muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.sidebar-user-copy strong, .sidebar-user-copy > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-user-copy strong { color: var(--sidebar-link-hover); font-size: 12px; }
.sidebar-user-copy > span { color: var(--sidebar-link-muted); font-size: 10px; font-weight: 500; }
.sidebar-disclosure { display: grid; gap: 5px; }
.sidebar-disclosure summary { min-height: 38px; display: flex; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 8px; color: var(--sidebar-link); font-weight: 600; font-size: 13px; cursor: pointer; list-style: none; }
.sidebar-disclosure summary::-webkit-details-marker { display: none; }
.sidebar-disclosure summary:hover { background: var(--sidebar-link-hover-bg); color: var(--sidebar-link-hover); }
.sidebar-disclosure summary::after { content: ">"; margin-left: auto; color: var(--sidebar-link-muted); transition: transform .16s ease; }
.sidebar-disclosure[open] summary::after { transform: rotate(90deg); }
.sidebar-disclosure a { min-height: 32px; padding-left: 28px; font-size: 12px; }
.nav-icon { width: 18px; height: 18px; display: inline-grid; place-items: center; flex: 0 0 18px; }
.nav-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nav-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-label { color: var(--sidebar-link-muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; margin: 8px 8px 12px; }
.org-switcher select { width: 100%; margin-bottom: 18px; border-color: var(--sidebar-select-border); }
.static-workspace-label { display: grid; gap: 4px; margin-bottom: 18px; border-color: var(--sidebar-border); }
.static-workspace-label span { color: var(--sidebar-link-muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.static-workspace-label strong { color: var(--sidebar-link-hover); line-height: 1.25; }
.shell { min-width: 0; margin-left: var(--sidebar-width); min-height: 100vh; padding: 26px 30px; display: flex; flex-direction: column; transition: margin-left 0.16s ease; }
.public-shell { min-height: 100vh; padding: 12px clamp(10px, 1.2vw, 18px) 0; display: flex; flex-direction: column; overflow-x: clip; }
.shell > .panel,
.shell > .grid,
.shell > .dashboard-grid,
.shell > .dashboard-top-grid,
.shell > .dashboard-project-grid,
.shell > .brand-dashboard-grid,
.shell > .calendar-workspace-layout { margin-bottom: 18px; }
.topbar { position: relative; z-index: 10; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,0.94); box-shadow: var(--shadow-sm); backdrop-filter: blur(14px); }
.public-topbar-shell { position: sticky; top: 0; z-index: 100; width: 100vw; margin: -12px 0 0 calc(50% - 50vw); padding: 18px 16px; background: var(--main); }
.public-marketing-topbar { width: 100%; min-height: 82px; display: block; margin: 0; padding: 0; border: 1px solid #dbeafe; background: rgba(255,255,255,0.96); box-shadow: 0 12px 34px rgba(15, 23, 42, .08); }
.public-marketing-topbar-content { width: min(calc(100% - 28px), 1240px); min-height: 80px; display: grid; grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr); align-items: center; margin: 0 auto; }
.public-brand-link { display: inline-flex; align-items: center; gap: 11px; color: #172033; font-size: 17px; font-weight: 800; }
.public-brand-link img { width: 38px; height: 38px; object-fit: contain; }
.public-marketing-topbar .public-nav { justify-content: center; align-items: center; gap: 6px; }
.public-marketing-topbar .public-nav a { min-height: 36px; display: inline-flex; align-items: center; padding: 0 11px; border-radius: 999px; color: #64748b; font-weight: 700; font-size: 13px; }
.public-marketing-topbar .public-nav a:hover { background: #eef2ff; color: #2563eb; }
.public-auth-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 10px; }
[data-bs-theme="dark"] .topbar { background: rgba(32,35,34,0.94); }
[data-bs-theme="dark"] .public-brand-link { color: #f8fafc; }
[data-bs-theme="dark"] .public-marketing-topbar .public-nav a { color: #cbd5e1; }
[data-bs-theme="dark"] .public-marketing-topbar .public-nav a:hover { background: rgba(99,102,241,.18); color: #bfdbfe; }
.mobile-menu-toggle { display: none; align-items: center; gap: 10px; min-height: 40px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); color: var(--control-text); padding: 8px 12px; font: inherit; font-weight: 800; cursor: pointer; }
.mobile-menu-toggle span { width: 18px; height: 2px; display: block; border-radius: 999px; background: currentColor; }
.mobile-menu-toggle strong { font-size: 14px; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: 24px; margin-bottom: 0; color: var(--ink); }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
.eyebrow { color: var(--accent); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 0; }
.page-subtitle { margin: 4px 0 0; color: var(--muted); max-width: 760px; }
.warning { color: #b45309; font-weight: 700; }
.panel, .auth-card { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 16px; box-shadow: var(--shadow-sm); }
[data-bs-theme="dark"] .panel,
[data-bs-theme="dark"] .auth-card,
[data-bs-theme="dark"] .modal-panel,
[data-bs-theme="dark"] .flash-panel,
[data-bs-theme="dark"] .contact-form,
[data-bs-theme="dark"] .platform-copy-card,
[data-bs-theme="dark"] .campaign-content-row,
[data-bs-theme="dark"] .kanban-card,
[data-bs-theme="dark"] .garage-card,
[data-bs-theme="dark"] .sponsor-card { background: var(--panel); color: var(--ink); }
.modal[hidden] { display: none; }
.modal { position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 24px; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(16, 23, 35, 0.56); }
.modal-panel { position: relative; width: min(920px, 100%); max-height: min(86vh, 900px); overflow: auto; background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 16px; box-shadow: var(--shadow-md); }
.large-modal { width: min(1120px, 100%); }
.compact-analytics-modal { width: min(460px, 100%); }
.compact-settings-modal { width: min(560px, 100%); }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.modal-header-actions { display: inline-flex; align-items: flex-start; justify-content: flex-end; gap: 10px; min-width: 0; }
.modal-header-actions .compact-status { max-width: 360px; }
.flash-modal { position: fixed; inset: 0; z-index: 40; display: grid; place-items: start center; padding: 84px 24px 24px; }
.flash-panel { position: relative; width: min(560px, 100%); background: #fff; border: 2px solid var(--accent); border-radius: 8px; padding: 20px; box-shadow: 0 24px 70px rgba(16, 23, 35, 0.34); }
.flash-error-message { margin-bottom: 0; font-size: 17px; }
.grid { display: grid; gap: 18px; margin-bottom: 18px; }
.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-top-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; margin-bottom: 18px; }
.dashboard-top-grid > .dashboard-analytics-panel { grid-column: span 2; }
.dashboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.dashboard-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.brand-dashboard-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.brand-dashboard-grid > .dashboard-card { grid-column: span 2; }
.brand-dashboard-grid > .dashboard-card:nth-child(4), .brand-dashboard-grid > .dashboard-card:nth-child(5) { grid-column: span 3; }
.span2 { grid-column: span 1; }
.dashboard-card { min-height: 190px; display: grid; align-content: start; gap: 8px; }
.brand-dashboard-grid > .dashboard-card { position: relative; padding-right: 58px; }
.brand-dashboard-grid > .dashboard-card .section-heading { padding-right: 0; }
.brand-card-gear { position: absolute; top: 12px; right: 12px; width: 34px; min-height: 34px; padding: 0; }
.dashboard-summary-card { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 14px; align-content: stretch; }
.dashboard-summary-stack { display: grid; gap: 10px; }
.dashboard-summary-block { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); min-width: 0; }
.dashboard-summary-block strong, .dashboard-summary-block span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-summary-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(88px, 1fr)); gap: 8px; min-height: 0; }
.dashboard-summary-tile { min-width: 0; min-height: 88px; display: grid; place-items: center; align-content: center; gap: 5px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); text-align: center; transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease; }
a.dashboard-summary-tile:hover { border-color: var(--blue); background: var(--surface-hover); transform: translateY(-1px); }
.dashboard-summary-tile strong { font-size: 24px; line-height: 1; color: var(--ink); }
.dashboard-summary-tile span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agency-action-card { grid-template-rows: auto auto minmax(0, 1fr) auto; }
.agency-card-action { align-self: end; justify-self: start; }
.dashboard-analytics-panel { display: grid; gap: 14px; }
.dashboard-analytics-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr); gap: 18px; align-items: stretch; }
.dashboard-analytics-chart, .dashboard-platform-breakdown { display: grid; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.dashboard-analytics-actions .inline-form { display: inline-flex; align-items: center; gap: 8px; }
.dashboard-analytics-actions .upload-status { order: -1; min-width: 180px; text-align: right; }
.analytics-bar-row { display: grid; grid-template-columns: 104px minmax(0, 1fr) 82px; gap: 10px; align-items: center; min-width: 0; font-size: 12px; }
.analytics-bar-row span, .dashboard-platform-row strong, .dashboard-platform-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.analytics-bar-row strong { text-align: right; font-size: 12px; }
.analytics-bar-track { width: 100%; height: 10px; overflow: hidden; border-radius: 999px; background: var(--control-bg); border: 1px solid var(--line); }
.analytics-bar-track.small { height: 8px; }
.analytics-bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--green)); }
.dashboard-platform-list { display: grid; gap: 10px; }
.dashboard-platform-row { display: grid; gap: 6px; min-width: 0; }
.dashboard-platform-row div:first-child { display: grid; gap: 2px; min-width: 0; }
.analytics-metric-grid { display: grid; gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-top: 10px; }
.analytics-metric-row { display: flex; justify-content: space-between; gap: 16px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.analytics-metric-row:last-child { border-bottom: 0; }
.analytics-note-list { margin-top: 10px; display: grid; gap: 4px; }
.dashboard-assignment-list { display: grid; gap: 6px; }
.dashboard-assignment-list a { display: grid; gap: 2px; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); }
.dashboard-assignment-list > div { display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); }
.dashboard-assignment-list a:hover { border-color: var(--blue); background: var(--surface-hover); }
.dashboard-assignment-list strong, .dashboard-assignment-list span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-assignment-list span { color: var(--muted); font-size: 12px; }
.brand-primary-card { position: relative; align-content: space-between; }
.brand-primary-card.dashboard-summary-card { align-content: stretch; }
.dashboard-card-top-action { position: absolute; top: 14px; right: 14px; }
.brand-primary-card .brand-title-row { padding-right: 94px; }
.brand-title-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.brand-title-row h2, .brand-title-row p { margin-bottom: 0; overflow-wrap: anywhere; }
.brand-primary-layout { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: start; min-width: 0; }
.brand-primary-details { display: grid; gap: 7px; min-width: 0; }
.brand-primary-details h2, .brand-primary-details p { margin-bottom: 0; overflow-wrap: anywhere; }
.brand-logo { width: 50px; height: 50px; border-radius: 7px; border: 1px solid var(--line); object-fit: contain; background: var(--surface-muted); flex: 0 0 auto; }
.brand-primary-logo { width: 66px; height: 66px; justify-self: start; align-self: start; }
.logo-editor-grid { display: grid; grid-template-columns: minmax(160px, 240px) 1fr; gap: 18px; align-items: start; }
.brand-profile-editor-grid { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr); gap: 18px; align-items: start; margin-bottom: 18px; }
.brand-logo-settings-card { display: grid; gap: 12px; align-content: start; }
.brand-logo-settings-card h2 { margin-bottom: 12px; }
.brand-logo-settings-card .logo-preview-frame { min-height: 180px; }
.brand-logo-settings-card .logo-upload-form { margin-top: 12px; }
.brand-business-settings-card { min-width: 0; }
.logo-preview-frame { display: grid; place-items: center; min-height: 150px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); overflow: hidden; }
.brand-logo-large { width: 112px; height: 112px; border-radius: 8px; object-fit: contain; background: var(--control-bg); }
.logo-upload-form { display: grid; gap: 10px; margin-top: 12px; }
.social-account-list { display: grid; gap: 4px; margin-top: 8px; }
.social-account-list p { margin-bottom: 0; overflow-wrap: anywhere; }
.social-handle-link { color: var(--blue); font-weight: 800; text-decoration: underline; text-underline-offset: 2px; }
.social-account-editor { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.social-account-editor .section-heading { margin-bottom: 0; }
.social-account-rows { display: grid; gap: 12px; }
.social-account-row { display: grid; grid-template-columns: 1fr 1fr minmax(160px, 220px) auto; gap: 12px; align-items: end; }
.social-account-row .danger { min-height: 40px; }
.social-account-add-row { display: flex; justify-content: flex-end; }
.dashboard-action-card { min-height: 150px; display: grid; align-content: start; gap: 8px; transition: border-color 0.15s ease, transform 0.15s ease; }
.dashboard-action-card:hover { border-color: var(--accent); transform: translateY(-1px); }
.planner-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.planner-action-grid > .dashboard-action-card { min-height: 170px; }
.planner-management-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; margin-bottom: 18px; }
.planner-management-grid > .panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); align-content: start; }
.planner-scroll-area { min-height: 0; overflow: auto; padding-right: 4px; }
.planner-active-campaign-card { max-height: none; overflow: visible; }
.planner-schedule-card { overflow: hidden; }
.planner-schedule-card .planner-scroll-area { height: 100%; }
.planner-management-grid .table-scroll table { min-width: 820px; }
.stacked-title-actions { margin: 8px 0; }
.active-campaign-panel { display: grid; gap: 14px; }
.active-campaign-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.active-campaign-header h3 { margin-bottom: 3px; }
.campaign-metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.campaign-metric-grid > div { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--surface-muted); display: grid; gap: 2px; }
.campaign-metric-grid strong { font-size: 18px; color: var(--ink); }
.campaign-metric-grid span { color: var(--muted); font-size: 12px; }
.campaign-progress-block { display: grid; gap: 6px; }
.campaign-progress-label { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 12px; }
.campaign-progress-track { height: 10px; border-radius: 999px; background: var(--surface-muted); border: 1px solid var(--line); overflow: hidden; }
.campaign-progress-track > div { height: 100%; border-radius: inherit; background: var(--blue); }
.campaign-analytics-trend { display: grid; gap: 8px; }
.campaign-trend-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.campaign-trend-heading h3 { margin-bottom: 0; }
.campaign-analytics-full-trend { max-height: 68vh; overflow: auto; padding-right: 4px; }
.campaign-trend-row { display: grid; grid-template-columns: 82px minmax(0, 1fr) minmax(150px, auto); gap: 8px; align-items: center; font-size: 12px; }
.schedule-outline-calendar-area { max-height: 42vh; }
.reporting-top-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 18px; }
.reporting-summary-card { min-height: 260px; display: grid; align-content: start; gap: 10px; }
.reporting-post-list { display: grid; gap: 8px; }
.reporting-campaign-row { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); }
.reporting-campaign-summary { min-width: 0; display: grid; gap: 2px; color: inherit; text-decoration: none; }
.reporting-campaign-summary:hover { color: var(--blue); }
.reporting-campaign-summary strong, .reporting-campaign-summary span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reporting-post-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.reporting-post-row:last-child { border-bottom: 0; }
.reporting-post-row div:first-child { min-width: 0; display: grid; gap: 2px; }
.reporting-post-row strong, .reporting-post-row span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reporting-main-panel { margin-bottom: 18px; }
.report-results-panel { display: grid; gap: 12px; margin: 14px 0; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.report-table { min-width: 1280px; font-size: 12px; }
.report-table th, .report-table td { white-space: nowrap; vertical-align: middle; }
.report-ai-assessment { display: grid; gap: 12px; margin-bottom: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.report-assessment-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.report-assessment-grid article { border: 1px solid var(--line); border-radius: 8px; padding: 10px; background: var(--control-bg); }
.report-assessment-grid h4 { margin: 0 0 8px; font-size: 13px; }
.report-assessment-grid ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: 12px; }
.campaign-upload-list { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.campaign-upload-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.campaign-upload-row:last-child { border-bottom: 0; }
.upload-progress-list { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.upload-progress-row strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.upload-progress-active { color: #075985; font-weight: 800; }
.upload-progress-complete { color: #166534; font-weight: 800; }
.schedule-slot-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.schedule-slot-row h3, .schedule-slot-row p { margin-bottom: 0; }
.asset-manager-panel { display: grid; gap: 16px; }
.asset-card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.compact-asset-grid { max-height: 50vh; overflow: auto; padding-right: 4px; }
.asset-card { border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); overflow: hidden; }
.asset-card-open { width: 100%; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; align-items: center; padding: 10px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.asset-card-open:hover { background: var(--surface-muted); }
.asset-thumb { width: 50px; height: 42px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-muted); display: grid; place-items: center; overflow: hidden; color: var(--muted); font-size: 11px; text-transform: uppercase; }
.asset-thumb.small { width: 40px; height: 32px; }
.asset-thumb img { width: 100%; height: 100%; object-fit: cover; }
.asset-card-body { display: grid; gap: 3px; min-width: 0; }
.asset-card-body strong, .asset-card-body span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shortcode-copy-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin: 12px 0; }
.asset-shortcode-list { display: grid; gap: 8px; max-height: 55vh; overflow: auto; }
.asset-shortcode-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--line); border-radius: 8px; padding: 8px; }
.asset-shortcode-item div { display: grid; gap: 3px; min-width: 0; }
.asset-shortcode-item strong, .asset-shortcode-item code { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clickable-row { cursor: pointer; }
.clickable-row:hover { background: var(--surface-muted); }
.detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.detail-list p { margin-bottom: 0; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.platform-icon-stack { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 5px; width: 64px; }
.platform-icon { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 7px; background: #eaf1ff; color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: 0; }
.platform-instagram { background: #fff1f2; color: #be123c; }
.platform-facebook { background: #eff6ff; color: #1d4ed8; }
.platform-linkedin { background: #e0f2fe; color: #0369a1; }
.platform-threads { background: #f4f4f5; color: #18181b; }
.platform-x-twitter { background: #f8fafc; color: #020617; }
.platform-google-business-profile { background: #ecfdf5; color: #047857; }
.schedule-outline-controls { display: grid; gap: 10px; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.schedule-outline-control-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.compact-list { margin: 0; padding-left: 18px; }
.compact-list li { margin-bottom: 6px; }
.managed-member-list { padding-left: 0; list-style: none; }
.managed-member-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 5px 0; border-bottom: 1px solid var(--line); }
.managed-member-list li:last-child { border-bottom: 0; }
.dashboard-metric { font-size: 28px; line-height: 1.1; font-weight: 800; margin-bottom: 0; }
.hero { min-height: 56vh; display: grid; align-items: center; background: linear-gradient(135deg, rgba(32,35,34,0.9), rgba(53,143,252,0.5)), url("/public/images/home-hero-automotive-marketing.png"); background-size: cover; background-position: center; color: white; border-radius: 10px; padding: 48px; margin-bottom: 18px; box-shadow: var(--shadow-sm); }
.hero h2 { max-width: 820px; font-size: 44px; line-height: 1.05; }
.hero p { max-width: 680px; color: #dbe4ef; }
.home-hero { min-height: 62vh; background-position: center right; }
.home-hero-copy { max-width: 780px; }
.home-hero-points { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; }
.home-hero-points span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border: 1px solid rgba(255,255,255,0.26); border-radius: 999px; background: rgba(255,255,255,0.08); color: #eef4ff; font-size: 13px; font-weight: 800; }
.home-section { margin-bottom: 18px; }
.home-split-section { display: grid; grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr); gap: 18px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); overflow: hidden; }
.home-split-reverse { grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr); }
.home-split-copy { display: grid; gap: 12px; align-content: start; }
.home-split-copy h2, .home-split-copy p { margin-bottom: 0; }
.home-split-section img { width: 100%; display: block; border-radius: 8px; border: 1px solid var(--line); object-fit: cover; aspect-ratio: 16 / 9; }
.feature-hero { min-height: 42vh; }
.feature-page-hero { position: relative; left: 50%; width: 100vw; margin: 0 0 26px -50vw; padding: clamp(38px, 6vw, 72px) clamp(18px, 4vw, 42px); border-bottom: 1px solid #e5e7ff; background: var(--main); box-shadow: 0 22px 60px rgba(99, 102, 241, .08); }
.feature-page-hero-inner { width: min(100%, 1240px); display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: clamp(34px, 6vw, 78px); align-items: center; margin: 0 auto; }
.feature-page-copy { display: grid; justify-items: start; gap: 16px; min-width: 0; }
.feature-page-copy h2 { max-width: 700px; margin: 0; color: #172033; font-size: clamp(42px, 5.4vw, 66px); line-height: 1; letter-spacing: 0; }
.feature-page-copy > p:not(.support-soft-pill) { max-width: 650px; margin: 0; color: #64748b; font-size: 17px; line-height: 1.72; }
.feature-page-copy small { color: #94a3b8; font-weight: 700; }
.feature-page-media { min-width: 0; padding: 12px; border: 1px solid #dbeafe; border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 22px 52px rgba(15,23,42,.1); }
.feature-page-media img { width: 100%; display: block; aspect-ratio: 16 / 9; border-radius: 12px; object-fit: cover; background: #f8fafc; }
.feature-process-section, .feature-value-section { display: grid; gap: 26px; padding: clamp(34px, 5vw, 62px) 0; }
.feature-section-heading { display: grid; justify-items: center; gap: 10px; max-width: 780px; margin: 0 auto; text-align: center; }
.feature-section-heading h2 { margin: 0; color: #172033; font-size: clamp(30px, 4vw, 46px); line-height: 1.08; }
.feature-section-heading p { max-width: 680px; margin: 0; font-size: 16px; line-height: 1.65; }
.feature-process-flow { display: flex; align-items: stretch; gap: 10px; width: 100%; }
.feature-flow-step, .feature-step-grid article { min-width: 0; display: grid; align-content: start; gap: 9px; padding: 18px; border: 1px solid #e0e7ff; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 28px rgba(15,23,42,.055); }
.feature-flow-step { flex: 1 1 0; }
.feature-flow-step h3, .feature-flow-step p, .feature-step-grid h3, .feature-step-grid p { margin: 0; }
.feature-flow-step h3, .feature-step-grid h3 { color: #172033; font-size: 15px; }
.feature-flow-step p, .feature-step-grid p { color: #64748b; font-size: 13px; line-height: 1.58; }
.feature-step-number { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 10px; background: #e0e7ff; color: #4f46e5; font-size: 12px; font-weight: 900; }
.feature-flow-arrow { flex: 0 0 24px; display: grid; place-items: center; align-self: center; color: #7c6df8; font-size: 24px; font-weight: 900; }
.feature-step-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.feature-value-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.feature-value-grid article { position: relative; min-width: 0; display: grid; align-content: start; gap: 9px; padding: 20px 64px 20px 20px; border: 1px solid #e0e7ff; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 28px rgba(15,23,42,.05); }
.feature-value-grid article > span { position: absolute; top: 18px; right: 18px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: #ecfeff; color: #0891b2; font-weight: 900; }
.feature-value-grid h3, .feature-value-grid p { margin: 0; }
.feature-value-grid h3 { color: #172033; font-size: 16px; }
.feature-value-grid p { color: #64748b; font-size: 14px; line-height: 1.62; }
.feature-page-cta { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 28px; padding: 24px; border: 1px solid #dbeafe; border-radius: 18px; background: #f8fbff; box-shadow: 0 14px 34px rgba(37,99,235,.07); }
.feature-page-cta h2 { max-width: 760px; margin: 10px 0 0; color: #172033; }
.home-feature-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.home-feature-card { display: grid; gap: 12px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--control-bg); color: var(--text); text-decoration: none; box-shadow: var(--shadow-sm); transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease; }
.home-feature-card:hover { transform: translateY(-2px); border-color: rgba(53,143,252,.45); box-shadow: 0 14px 34px rgba(16,23,35,.12); }
.home-feature-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.home-feature-card div { display: grid; gap: 8px; align-content: start; }
.home-feature-card h3, .home-feature-card p { margin-bottom: 0; }
.home-process-list { display: grid; gap: 10px; }
.home-process-list p { padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.home-image-link { display: block; color: inherit; text-decoration: none; }
.home-value-grid, .home-audience-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.home-value-grid article, .home-audience-grid article, .home-tier-card, .home-cta-band, .home-workflow-band { padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--control-bg); box-shadow: var(--shadow-sm); }
.home-value-grid h3, .home-value-grid p, .home-audience-grid h3, .home-audience-grid p, .home-tier-card h3, .home-tier-card p { margin-bottom: 0; }
.home-value-grid article, .home-audience-grid article { display: grid; align-content: start; gap: 8px; }
.home-comparison-list { display: grid; gap: 10px; }
.home-comparison-list p { margin: 0; padding: 12px; border-left: 3px solid var(--red); background: var(--surface-muted); border-radius: 0 8px 8px 0; }
.home-workflow-band { display: grid; grid-template-columns: minmax(240px, 0.6fr) minmax(0, 1.4fr); gap: 18px; align-items: start; background: #101723; color: white; }
.home-workflow-band h2 { margin-bottom: 0; }
.home-workflow-band .eyebrow { color: #bfdbfe; }
.home-workflow-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.home-workflow-steps article,
.home-workflow-steps a { display: grid; gap: 8px; align-content: start; min-height: 130px; padding: 14px; border: 1px solid rgba(255,255,255,0.16); border-radius: 8px; background: rgba(255,255,255,0.06); color: white; text-decoration: none; }
.home-workflow-steps a:hover { background: rgba(255,255,255,0.12); }
.home-workflow-steps strong { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 999px; background: var(--red); color: white; }
.home-workflow-steps span { color: #e5edf7; font-weight: 700; }
.home-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.home-tier-card { display: grid; align-content: start; gap: 12px; }
.home-tier-card ul { margin: 0; padding-left: 18px; color: var(--muted); }
.home-tier-card li { margin: 7px 0; }
.home-cta-band { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.home-cta-band h2 { margin-bottom: 0; max-width: 760px; }
.pricing-page { display: grid; gap: 18px; }
.pricing-start-free-panel { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr); gap: 18px; align-items: stretch; padding: 22px; border: 1px solid #bfdbfe; border-radius: 8px; background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%); overflow: hidden; }
.pricing-start-free-copy { display: grid; gap: 12px; align-content: start; }
.pricing-start-free-copy h2, .pricing-start-free-copy p { margin-bottom: 0; }
.pricing-start-free-copy ul { margin: 0; padding-left: 18px; color: var(--muted); }
.pricing-start-free-copy li { margin: 7px 0; }
.pricing-start-free-graphic { display: grid; gap: 12px; align-content: center; padding: 18px; border-radius: 8px; background: rgba(255,255,255,0.72); border: 1px solid rgba(37,99,235,0.18); }
.pricing-graphic-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.pricing-graphic-card { display: grid; gap: 4px; min-height: 92px; align-content: center; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); box-shadow: 0 10px 24px rgba(16, 23, 35, 0.06); }
.pricing-graphic-card strong { font-size: 18px; }
.pricing-graphic-card span { color: var(--muted); font-weight: 700; }
.pricing-graphic-card.primary { background: #101723; color: white; border-color: #101723; }
.pricing-graphic-card.primary span { color: #dbe4ef; }
.pricing-graphic-card.accent { border-color: rgba(217,50,50,0.28); background: #fff7f7; }
.pricing-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.paid-pricing-grid { padding-top: 4px; }
.pricing-tier-card { display: grid; align-content: start; gap: 12px; min-height: 100%; padding: 18px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); box-shadow: 0 8px 24px rgba(16, 23, 35, 0.05); }
.pricing-tier-card h3, .pricing-tier-card p { margin-bottom: 0; }
.pricing-tier-card ul { margin: 0; padding-left: 18px; color: var(--muted); }
.pricing-tier-card li { margin: 7px 0; }
.pricing-tier-muted { background: var(--surface-muted); }
.pricing-detail-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pricing-detail-grid h3, .pricing-detail-grid p { margin-bottom: 0; }
.pricing-enterprise-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 20px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; }
.pricing-enterprise-panel h2, .pricing-enterprise-panel p { margin-bottom: 0; }
.pricing-enterprise-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; }
.pricing-cta-band { margin-top: 0; }
.support-home-hero { position: relative; left: 50%; width: 100vw; display: grid; gap: 28px; justify-items: center; min-height: 0; margin: 0 0 26px -50vw; padding: clamp(34px, 7vw, 78px) clamp(18px, 4vw, 42px); border: 0; border-bottom: 1px solid #e5e7ff; background: var(--main); color: #172033; box-shadow: 0 22px 60px rgba(99, 102, 241, .1); overflow: hidden; }
.support-home-copy { display: grid; justify-items: center; gap: 14px; align-content: center; max-width: 820px; min-width: 0; text-align: center; }
.support-soft-pill { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; margin: 0; padding: 0 12px; border-radius: 999px; background: #ebe9ff; color: #6d5dfc; font-size: 12px; font-weight: 900; }
.support-home-copy h2 { max-width: 860px; margin: 0; color: #172033; font-size: clamp(42px, 6vw, 68px); line-height: 1; letter-spacing: 0; }
.support-home-copy p { max-width: 720px; margin: 0; color: #64748b; font-size: 17px; line-height: 1.72; }
.support-home-copy small { color: #94a3b8; font-weight: 700; }
.support-home-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: center; }
.support-home-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
.support-home-proof span { display: inline-flex; align-items: center; min-height: 32px; padding: 0 11px; border: 1px solid rgba(37, 99, 235, .18); border-radius: 999px; background: rgba(255, 255, 255, .72); color: #1d4ed8; font-size: 12px; font-weight: 800; }
.social-analytics-preview { width: min(100%, 1080px); display: grid; gap: 14px; min-width: 0; padding: 18px; border: 1px solid rgba(99, 102, 241, .12); border-radius: 20px; background: rgba(255, 255, 255, .96); box-shadow: 0 24px 60px rgba(15, 23, 42, .1); }
.social-preview-window-bar { display: grid; grid-template-columns: repeat(3, 10px) minmax(0, 1fr); gap: 6px; align-items: center; }
.social-preview-window-bar > span { width: 10px; height: 10px; border-radius: 999px; background: #fb7185; }
.social-preview-window-bar > span:nth-child(2) { background: #fbbf24; }
.social-preview-window-bar > span:nth-child(3) { background: #22c55e; }
.social-preview-window-bar > div { min-height: 30px; display: flex; align-items: center; padding: 0 12px; border-radius: 7px; background: #f1f5f9; color: #64748b; font-size: 12px; font-weight: 700; }
.social-preview-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.social-preview-header small, .social-preview-header strong { display: block; }
.social-preview-header small { color: #64748b; font-size: 12px; }
.social-preview-header strong { margin-top: 2px; color: #172033; font-size: 20px; }
.social-preview-platforms { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.social-preview-platforms span { min-height: 28px; display: inline-flex; align-items: center; padding: 0 9px; border: 1px solid #dbeafe; border-radius: 999px; background: #f8fafc; color: #2563eb; font-size: 11px; font-weight: 800; }
.social-preview-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.social-preview-metrics article { display: grid; gap: 4px; min-width: 0; padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 10px; background: #f8fafc; }
.social-preview-metrics span { color: #64748b; font-size: 11px; font-weight: 700; }
.social-preview-metrics strong { color: #172033; font-size: 20px; }
.social-preview-chart { display: grid; gap: 10px; padding: 14px 14px 10px; border: 1px solid #e2e8f0; border-radius: 12px; background: #ffffff; }
.social-chart-bars { height: 164px; display: grid; grid-template-columns: repeat(7, minmax(34px, 1fr)); gap: clamp(8px, 2vw, 20px); border-bottom: 1px solid #e2e8f0; }
.social-chart-bars article { min-width: 0; height: 100%; display: grid; grid-template-rows: minmax(0, 1fr) 24px; gap: 5px; align-items: end; }
.social-chart-bars article > div { height: 100%; display: flex; align-items: end; justify-content: center; gap: 4px; }
.social-chart-bars i { width: min(18px, 38%); display: block; border-radius: 5px 5px 0 0; }
.social-chart-bars article:nth-child(1) { --views-height: 48%; --interactions-height: 22%; }
.social-chart-bars article:nth-child(2) { --views-height: 66%; --interactions-height: 34%; }
.social-chart-bars article:nth-child(3) { --views-height: 58%; --interactions-height: 28%; }
.social-chart-bars article:nth-child(4) { --views-height: 82%; --interactions-height: 44%; }
.social-chart-bars article:nth-child(5) { --views-height: 72%; --interactions-height: 39%; }
.social-chart-bars article:nth-child(6) { --views-height: 92%; --interactions-height: 54%; }
.social-chart-bars article:nth-child(7) { --views-height: 76%; --interactions-height: 41%; }
.social-chart-bars i.views { height: var(--views-height); }
.social-chart-bars i.interactions { height: var(--interactions-height); }
.social-chart-bars i.views, .social-chart-legend i.views { background: #2563eb; }
.social-chart-bars i.interactions, .social-chart-legend i.interactions { background: #ef4444; }
.social-chart-bars small { color: #64748b; font-size: 10px; text-align: center; }
.social-chart-legend { display: flex; justify-content: flex-end; gap: 16px; color: #64748b; font-size: 11px; font-weight: 700; }
.social-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.social-chart-legend i { width: 9px; height: 9px; display: block; border-radius: 3px; }
.ai-chatbot-card { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px; border: 1px solid #ddd6fe; border-radius: 16px; background: #faf5ff; }
.ai-chatbot-card strong { color: #4c1d95; }
.ai-chatbot-card p { margin: 4px 0 0; color: #5b5870; font-size: 13px; line-height: 1.55; }
.ai-orb { width: 34px; height: 34px; border-radius: 12px; background: linear-gradient(135deg, #7c3aed, #0891b2); box-shadow: 0 10px 24px rgba(124, 58, 237, .22); }
.support-home-section { width: min(100%, 1240px); margin: 0 auto 18px; }
.support-home-section[id] { scroll-margin-top: 96px; }
.support-section-centered { display: grid; justify-items: center; gap: 12px; padding: clamp(34px, 6vw, 66px) 0; text-align: center; }
.support-section-centered > h2 { max-width: 760px; margin: 0; color: #172033; }
.support-section-centered > p.muted { max-width: 700px; margin: 0 auto 20px; font-size: 16px; line-height: 1.65; }
.support-stat-row { width: min(100%, 780px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; text-align: center; }
.support-stat-row article { display: grid; gap: 4px; }
.support-stat-row strong { color: #7c6df8; font-size: clamp(26px, 4vw, 36px); line-height: 1; }
.support-stat-row span { color: #64748b; font-size: 12px; font-weight: 800; }
.support-home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.support-home-grid article, .support-home-split, .support-pricing-grid article { padding: 20px; border: 1px solid #dbeafe; border-radius: 16px; background: #ffffff; box-shadow: 0 12px 34px rgba(15, 23, 42, .06); }
.support-home-grid h2, .support-home-grid p, .support-home-split h2, .support-home-split p, .support-pricing-grid h3, .support-pricing-grid p { margin-bottom: 0; }
.omnichannel-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.omnichannel-feature-grid article { position: relative; display: grid; gap: 8px; align-content: start; min-height: 170px; padding: 20px 72px 20px 20px; border: 1px solid #e0e7ff; border-radius: 16px; background: #ffffff; box-shadow: 0 10px 26px rgba(15, 23, 42, .04); text-align: left; }
.omnichannel-feature-grid strong { color: #172033; }
.omnichannel-feature-grid p { margin: 0; color: #64748b; font-size: 14px; line-height: 1.62; }
.feature-icon { width: 38px; height: 38px; border-radius: 12px; background: #eef2ff; }
.feature-icon-blue { background: #e0e7ff; }
.feature-icon-green { background: #d1fae5; }
.feature-icon-purple { background: #ede9fe; }
.feature-icon-gold { background: #fef3c7; }
.feature-icon-cyan { background: #cffafe; }
.feature-icon-pink { background: #fce7f3; }
.feature-corner-icon { position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 13px; color: #4f46e5; }
.feature-corner-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.support-home-split { display: grid; grid-template-columns: minmax(0, .92fr) minmax(300px, 1.08fr); gap: clamp(24px, 5vw, 70px); align-items: center; padding-block: clamp(34px, 6vw, 70px); background: transparent; border-color: transparent; box-shadow: none; }
.support-home-split-reverse { grid-template-columns: minmax(300px, 1.08fr) minmax(0, .92fr); }
.support-process-list, .support-ai-stack { display: grid; gap: 10px; margin-top: 14px; }
.support-process-list a, .support-ai-stack p { display: grid; gap: 4px; min-height: 70px; padding: 13px; border: 1px solid #e0e7ff; border-radius: 14px; background: #f8fafc; color: #172033; text-decoration: none; }
.support-process-list a:hover { border-color: #93c5fd; background: #eff6ff; }
.support-process-list span, .support-ai-stack p { color: #64748b; font-size: 14px; line-height: 1.55; }
.support-image-card { display: block; min-width: 0; color: inherit; text-decoration: none; }
.support-image-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid #dbeafe; border-radius: 14px; background: #f8fafc; filter: saturate(.95) contrast(.98); }
.quick-view-image-card img { aspect-ratio: 620 / 470; object-fit: contain; background: #eef4ff; filter: none; }
.channel-pill-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.channel-pill-grid span { display: grid; gap: 3px; min-height: 62px; align-content: center; padding: 10px 12px; border: 1px solid #e0e7ff; border-radius: 12px; background: #ffffff; color: #172033; font-weight: 900; }
.channel-pill-grid span.active { border-color: #7c6df8; background: #f2f1ff; color: #5b21b6; }
.channel-pill-grid small { color: #64748b; font-size: 12px; font-weight: 700; }
.conversation-preview, .chat-preview { display: grid; gap: 12px; min-width: 0; padding: 18px; border: 1px solid #e0e7ff; border-radius: 18px; background: #ffffff; box-shadow: 0 18px 42px rgba(15, 23, 42, .08); }
.conversation-badges { display: flex; align-items: center; gap: 4px; color: #64748b; font-size: 12px; font-weight: 800; }
.conversation-badges span { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: #7c6df8; color: #fff; font-size: 10px; }
.conversation-preview article { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 62px; padding: 10px; border-radius: 14px; }
.conversation-preview article:first-of-type { background: #f2f1ff; }
.conversation-preview article > span { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; background: #7c6df8; color: #fff; font-weight: 900; }
.conversation-preview strong, .conversation-preview small { display: block; }
.conversation-preview small { color: #64748b; margin-top: 2px; }
.conversation-preview em { color: #94a3b8; font-size: 11px; font-style: normal; font-weight: 800; }
.chat-preview-header { display: flex; gap: 10px; align-items: center; }
.chat-preview-header strong, .chat-preview-header small { display: block; }
.chat-preview-header small { color: #16a34a; font-weight: 800; }
.chat-bubble { max-width: 84%; margin: 0; padding: 11px 12px; border-radius: 14px; color: #172033; font-size: 14px; line-height: 1.48; }
.chat-bubble.user { justify-self: end; background: #6d5dfc; color: #fff; }
.chat-bubble.assistant { justify-self: start; background: #f1f5f9; }
.chat-input-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; min-height: 42px; padding: 6px; border-radius: 12px; background: #f8fafc; color: #94a3b8; font-size: 12px; font-weight: 700; }
.chat-input-row strong { display: inline-flex; align-items: center; min-height: 32px; padding: 0 10px; border-radius: 9px; background: #6d5dfc; color: #fff; }
.support-free-pricing-card { width: 100%; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr) auto; gap: 18px; align-items: center; margin: 10px 0 4px; padding: 20px; border: 1px solid #bfdbfe; border-radius: 18px; background: linear-gradient(135deg, #f8fbff 0%, #eff6ff 100%); box-shadow: 0 16px 38px rgba(37, 99, 235, .09); text-align: left; }
.support-free-pricing-card h3, .support-free-pricing-card p { margin-bottom: 0; }
.support-free-pricing-card h3 { color: #172033; font-size: 20px; }
.support-plan-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; color: #64748b; text-align: left; font-size: 14px; line-height: 1.48; }
.support-plan-list li { position: relative; padding-left: 18px; }
.support-plan-list li::before { content: ""; position: absolute; left: 0; top: .58em; width: 7px; height: 7px; border-radius: 999px; background: #2563eb; }
.support-pricing-grid { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.support-pricing-grid article { min-height: 100%; display: grid; grid-template-rows: auto auto auto 1fr auto; gap: 12px; align-content: stretch; }
.support-pricing-grid article > a { align-self: end; }
.support-pricing-grid strong { color: #172033; font-size: 30px; line-height: 1.1; }
.support-pricing-grid article.featured { border-color: #7c6df8; box-shadow: 0 18px 42px rgba(124, 109, 248, .16); }
.support-pricing-grid article.enterprise { background: #1e1b4b; border-color: #1e1b4b; color: #ffffff; }
.support-pricing-grid article.enterprise h3, .support-pricing-grid article.enterprise strong { color: #ffffff; }
.support-pricing-grid article.enterprise .support-plan-list { color: #dbeafe; }
.support-pricing-grid article.enterprise .support-plan-list li::before { background: #93c5fd; }
.support-addons-pricing-card { width: 100%; display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 18px; align-items: start; margin: 2px 0 0; padding: 20px; border: 1px solid #dbeafe; border-radius: 18px; background: #ffffff; box-shadow: 0 12px 34px rgba(15, 23, 42, .06); text-align: left; }
.support-addons-pricing-card h3, .support-addons-pricing-card p { margin-bottom: 0; }
.support-addons-pricing-card h3 { color: #172033; font-size: 20px; }
.support-addons-pricing-card p { color: #64748b; font-size: 14px; line-height: 1.6; }
.faq-demo-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: clamp(28px, 5vw, 58px); border: 1px solid #dbeafe; border-radius: 18px; background: linear-gradient(135deg, #eff6ff 0%, #fff7ed 100%); box-shadow: 0 18px 44px rgba(15, 23, 42, .07); }
.faq-demo-hero h2 { margin-bottom: 8px; font-size: clamp(30px, 4vw, 52px); line-height: 1.05; color: #172033; }
.demo-video-grid, .faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.demo-video-grid > .section-heading, .faq-grid > .section-heading { grid-column: 1 / -1; margin-bottom: 0; }
.demo-video-grid article, .faq-grid article { display: grid; gap: 10px; min-width: 0; padding: 18px; border: 1px solid #dbeafe; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .055); }
.demo-video-grid article { grid-template-columns: 92px minmax(0, 1fr); align-items: start; }
.demo-play-icon { width: 78px; aspect-ratio: 1 / 1; display: grid; place-items: center; border-radius: 18px; background: linear-gradient(135deg, #2563eb, #ef4444); color: #fff; font-size: 12px; font-weight: 900; text-transform: uppercase; box-shadow: 0 16px 32px rgba(37, 99, 235, .22); }
.demo-video-grid strong, .faq-grid h3 { margin: 0; color: #172033; font-size: 16px; }
.demo-video-grid p, .faq-grid p { margin: 0; color: #64748b; line-height: 1.6; }
[data-bs-theme="dark"] .support-home-hero,
[data-bs-theme="dark"] .social-analytics-preview,
[data-bs-theme="dark"] .support-home-grid article,
[data-bs-theme="dark"] .support-home-split,
[data-bs-theme="dark"] .support-free-pricing-card,
[data-bs-theme="dark"] .support-pricing-grid article,
[data-bs-theme="dark"] .support-addons-pricing-card,
[data-bs-theme="dark"] .faq-demo-hero,
[data-bs-theme="dark"] .demo-video-grid article,
[data-bs-theme="dark"] .faq-grid article,
[data-bs-theme="dark"] .omnichannel-feature-grid article,
[data-bs-theme="dark"] .conversation-preview,
[data-bs-theme="dark"] .chat-preview,
[data-bs-theme="dark"] .channel-pill-grid span { background: #202322; border-color: #334155; color: var(--ink); }
[data-bs-theme="dark"] .feature-page-hero { background: var(--main); border-color: #334155; }
[data-bs-theme="dark"] .feature-page-media,
[data-bs-theme="dark"] .feature-flow-step,
[data-bs-theme="dark"] .feature-step-grid article,
[data-bs-theme="dark"] .feature-value-grid article,
[data-bs-theme="dark"] .feature-page-cta { background: #202322; border-color: #334155; color: var(--ink); }
[data-bs-theme="dark"] .feature-page-copy h2,
[data-bs-theme="dark"] .feature-section-heading h2,
[data-bs-theme="dark"] .feature-flow-step h3,
[data-bs-theme="dark"] .feature-step-grid h3,
[data-bs-theme="dark"] .feature-value-grid h3,
[data-bs-theme="dark"] .feature-page-cta h2 { color: #f8fafc; }
[data-bs-theme="dark"] .feature-page-copy > p:not(.support-soft-pill),
[data-bs-theme="dark"] .feature-flow-step p,
[data-bs-theme="dark"] .feature-step-grid p,
[data-bs-theme="dark"] .feature-value-grid p { color: #cbd5e1; }
[data-bs-theme="dark"] .support-home-copy h2,
[data-bs-theme="dark"] .support-section-centered > h2,
[data-bs-theme="dark"] .social-preview-header strong,
[data-bs-theme="dark"] .social-preview-metrics strong,
[data-bs-theme="dark"] .support-home-grid h2,
[data-bs-theme="dark"] .support-home-split h2,
[data-bs-theme="dark"] .omnichannel-feature-grid strong,
[data-bs-theme="dark"] .support-pricing-grid h3,
[data-bs-theme="dark"] .support-pricing-grid strong,
[data-bs-theme="dark"] .support-free-pricing-card h3,
[data-bs-theme="dark"] .support-addons-pricing-card h3,
[data-bs-theme="dark"] .faq-demo-hero h2,
[data-bs-theme="dark"] .demo-video-grid strong,
[data-bs-theme="dark"] .faq-grid h3,
[data-bs-theme="dark"] .conversation-preview strong,
[data-bs-theme="dark"] .chat-preview-header strong { color: #f8fafc; }
[data-bs-theme="dark"] .support-home-copy p,
[data-bs-theme="dark"] .social-preview-header small,
[data-bs-theme="dark"] .social-preview-metrics span,
[data-bs-theme="dark"] .support-home-grid p,
[data-bs-theme="dark"] .support-home-split p,
[data-bs-theme="dark"] .omnichannel-feature-grid p,
[data-bs-theme="dark"] .support-pricing-grid p,
[data-bs-theme="dark"] .support-addons-pricing-card p,
[data-bs-theme="dark"] .support-plan-list,
[data-bs-theme="dark"] .conversation-preview small,
[data-bs-theme="dark"] .channel-pill-grid small { color: #cbd5e1; }
[data-bs-theme="dark"] .social-preview-metrics article,
[data-bs-theme="dark"] .social-preview-chart,
[data-bs-theme="dark"] .social-preview-window-bar > div,
[data-bs-theme="dark"] .social-preview-platforms span,
[data-bs-theme="dark"] .support-process-list a,
[data-bs-theme="dark"] .support-ai-stack p,
[data-bs-theme="dark"] .chat-bubble.assistant,
[data-bs-theme="dark"] .chat-input-row { background: #111827; border-color: #334155; }
[data-bs-theme="dark"] .support-soft-pill,
[data-bs-theme="dark"] .channel-pill-grid span.active,
[data-bs-theme="dark"] .conversation-preview article:first-of-type { background: #241f3a; color: #ddd6fe; }
[data-bs-theme="dark"] .ai-chatbot-card { background: #241f3a; border-color: #4c1d95; }
[data-bs-theme="dark"] .ai-chatbot-card strong { color: #ddd6fe; }
[data-bs-theme="dark"] .ai-chatbot-card p { color: #cbd5e1; }
.actions, .public-nav, .topbar-actions, .actions-cell, .inline-form { display: flex; align-items: center; gap: 12px; }
.actions-cell { flex-wrap: wrap; }
.segmented-filter { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.segmented-filter .ghost { min-height: 28px; padding: 0 9px; border-color: transparent; background: transparent; font-size: 12px; }
.segmented-filter .ghost.active { border-color: var(--blue); background: var(--surface-hover); color: var(--blue); }
.planner-workspace-context { margin: 2px 0 4px; font-size: 13px; }
.current-user-indicator { max-width: 320px; display: inline-flex; align-items: center; min-height: 32px; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); color: var(--muted); font-size: 11px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-bs-theme="dark"] .current-user-indicator { background: #2d3231; }
.current-user-indicator strong { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.current-user-link { min-height: 42px; display: grid; align-content: center; gap: 2px; text-decoration: none; line-height: 1.15; }
.current-user-link span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-wide-message { display: grid; gap: 3px; margin: -4px 0 18px; padding: 11px 13px; border: 1px solid #bfdbfe; border-left-width: 5px; border-radius: 8px; background: #eff6ff; color: #1e3a8a; }
.site-wide-message strong, .site-wide-message p { margin: 0; }
.site-wide-message strong { font-size: 13px; }
.site-wide-message p { font-size: 13px; color: inherit; }
.site-wide-message-warning { border-color: #facc15; background: #fefce8; color: #854d0e; }
.site-wide-message-critical { border-color: #ef4444; background: #fef2f2; color: #991b1b; }
.stacked-cell { margin-bottom: 8px; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.compact-section-heading { align-items: center; margin-bottom: 4px; }
.compact-section-heading h2 { margin-bottom: 0; }
.button, button.button { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 13px; border: 0; border-radius: 8px; background: var(--button-bg); color: var(--button-text); font-size: 13px; font-weight: 800; cursor: pointer; box-shadow: 0 6px 14px rgba(37, 99, 235, 0.22); }
.button:hover { background: var(--button-hover); color: var(--button-text); }
.ghost, .ghost-link { border: 1px solid var(--line); background: var(--control-bg); color: var(--control-text); border-radius: 8px; padding: 7px 10px; font-size: 13px; font-weight: 800; line-height: 1.15; cursor: pointer; }
.ghost:hover, .ghost-link:hover { border-color: var(--blue); background: var(--control-hover); color: var(--blue); }
.icon-button { width: 38px; min-height: 38px; display: inline-grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); color: var(--control-text); cursor: pointer; }
.icon-button:hover { border-color: var(--blue); background: var(--control-hover); color: var(--blue); }
.icon-button .nav-icon { width: 17px; height: 17px; }
.icon-button .nav-icon svg { width: 17px; height: 17px; }
.text-button { border: 0; background: transparent; color: var(--blue); padding: 0; font: inherit; font-weight: 800; cursor: pointer; text-align: left; }
.text-button:hover { text-decoration: underline; }
.contact-name-button { color: var(--ink); }
.contact-name-button:hover { color: var(--blue); }
.list-cell-button { color: inherit; font-weight: 500; width: 100%; }
.danger { border: 0; background: var(--danger-bg); color: var(--danger-text); border-radius: 8px; padding: 7px 10px; font-size: 13px; line-height: 1.15; cursor: pointer; font-weight: 800; }
.danger:hover { background: var(--danger-hover); color: var(--danger-text); }
.modal-row > td { border: 0; padding: 0; }
.modal-danger-form { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.success { color: #047857; font-weight: 700; }
.upload-status { position: relative; overflow: hidden; border: 1px solid #bae6fd; border-radius: 8px; background: #f0f9ff; color: #075985; font-weight: 800; padding: 12px 14px 18px; }
.upload-status::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 8px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, transparent 0%, #38bdf8 35%, #2563eb 50%, #38bdf8 65%, transparent 100%); background-size: 200% 100%; animation: progress-sweep 1.1s linear infinite; }
.upload-progress-track { position: absolute; left: 12px; right: 12px; bottom: 8px; height: 4px; border-radius: 999px; background: #dbeafe; overflow: hidden; }
.upload-progress-track span { display: block; height: 100%; width: 0; border-radius: inherit; background: #2563eb; transition: width 0.18s ease; }
.upload-status:has(.upload-progress-track)::after { display: none; }
@keyframes progress-sweep { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.compact-status { padding: 6px 9px; border-radius: 6px; font-size: 12px; line-height: 1.2; }
.compact-status::after { left: 8px; right: 8px; bottom: 4px; height: 3px; }
.asset-preview-frame { display: grid; place-items: center; min-height: 220px; max-height: 460px; margin-bottom: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); overflow: hidden; }
.asset-preview-frame img { display: block; max-width: 100%; max-height: 440px; object-fit: contain; }
.draft-media-preview-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 16px; }
.draft-media-preview-card { display: grid; gap: 8px; align-content: start; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.draft-media-preview-card img,
.draft-media-preview-card video,
.draft-media-preview-card iframe { width: 100%; height: 220px; border: 0; border-radius: 6px; background: var(--control-bg); object-fit: contain; }
.draft-media-preview-card iframe { object-fit: initial; }
.draft-media-preview-card p { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.draft-file-preview { min-height: 220px; display: grid; place-items: center; gap: 8px; text-align: center; padding: 16px; border: 1px dashed var(--line); border-radius: 6px; background: var(--control-bg); }
.draft-edit-media-list { display: grid; gap: 8px; }
.draft-edit-media-row { display: grid; grid-template-columns: auto 64px minmax(0, 1fr) 86px; align-items: center; gap: 10px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.draft-edit-media-row img,
.draft-edit-media-row video { width: 64px; height: 52px; object-fit: cover; border-radius: 6px; background: var(--control-bg); }
.draft-edit-media-row strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.draft-edit-media-row label { margin: 0; }
.mass-upload-list { display: grid; gap: 10px; }
.mass-upload-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.mass-upload-preview { display: grid; place-items: center; min-height: 128px; border: 1px solid var(--line); border-radius: 7px; background: var(--control-bg); overflow: hidden; color: var(--muted); }
.mass-upload-preview-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; align-content: start; }
.mass-upload-preview img,
.mass-upload-preview video,
.mass-upload-preview iframe { width: 100%; height: 128px; border: 0; object-fit: contain; }
.mass-upload-preview-stack img,
.mass-upload-preview-stack video { height: 58px; border: 1px solid var(--line); border-radius: 5px; background: var(--control-bg); }
.mass-upload-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mass-upload-details textarea { min-height: 58px; }
.mass-upload-details fieldset { grid-column: 1 / -1; }
.post-scheduler-step { display: grid; gap: 12px; grid-column: 1 / -1; }
.post-scheduler-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-top: 1px solid var(--line); padding-top: 12px; }
.compact-upload-row { grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; }
.compact-upload-row .mass-upload-preview { min-height: 56px; }
.compact-upload-row .mass-upload-preview img,
.compact-upload-row .mass-upload-preview video,
.compact-upload-row .mass-upload-preview iframe { height: 56px; }
.post-scheduler-detail-row { grid-template-columns: 104px minmax(0, 1fr) auto; align-items: stretch; }
.post-scheduler-remove-cell { display: flex; align-items: center; justify-content: flex-end; align-self: stretch; }
.post-scheduler-file-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.post-scheduler-feedback { margin: 0; padding: 8px 10px; border: 1px solid #86efac; border-radius: 7px; background: #f0fdf4; color: #166534; font-weight: 700; }
.post-scheduler-schedule-guidance { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 14px; align-items: center; }
.post-scheduler-schedule-guidance p { margin: 0; }
.post-scheduler-schedule-guidance .muted { grid-column: 1; }
.post-scheduler-schedule-guidance .button { grid-column: 2; grid-row: 1 / span 2; white-space: nowrap; }
.post-scheduler-detail-fields label:has(textarea),
.post-scheduler-detail-fields p { grid-column: 1 / -1; }
.mass-upload-carousel-context { display: grid; grid-column: 1 / -1; gap: 8px; margin-top: 8px; }
.mass-upload-carousel-context-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.email-preview-meta { display: grid; gap: 6px; margin-bottom: 16px; color: var(--text); }
.email-preview-meta p { margin: 0; }
.email-preview-frame { width: 100%; min-height: 620px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.email-preview-text { margin-top: 16px; }
.email-preview-text pre { white-space: pre-wrap; overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.table-scroll { overflow-x: auto; }
.table-scroll table { min-width: 1040px; }
.project-list-table { table-layout: fixed; }
.project-list-table .select-cell { width: 44px; text-align: center; }
.project-list-table .select-cell input { width: 16px; height: 16px; min-height: 0; }
.project-open-button { width: min(100%, 320px); min-height: 32px; display: inline-flex; align-items: center; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--control-bg); color: var(--blue); font-weight: 800; }
.project-open-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-open-button:hover { border-color: var(--blue); background: var(--surface-hover); }
.bulk-action-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 10px; margin-bottom: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.bulk-action-bar select { width: auto; min-width: 170px; }
.assignment-control { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.assignment-control select { min-width: 0; }
.assignment-control .compact-button { white-space: nowrap; margin-bottom: 0; }
.contact-bulk-actions { justify-content: flex-start; margin-bottom: 8px; }
.contact-column-selector { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin: 10px 0 12px; padding: 8px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.contact-column-view-button { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; }
.contact-column-view-button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.contact-column-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.inline-check { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; margin: 0; font-size: 12px; font-weight: 600; color: var(--text); }
.inline-check input { width: 14px; height: 14px; min-height: 0; margin: 0; padding: 0; }
.compact-button { min-height: 28px; padding: 5px 9px; border-radius: 6px; font-size: 12px; line-height: 1; }
.contact-list-table { table-layout: fixed; }
.contact-list-table th, .contact-list-table td { vertical-align: middle; padding-top: 9px; padding-bottom: 9px; }
.contact-list-table .select-cell { width: 44px; text-align: center; }
.contact-list-table .select-cell input { width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; vertical-align: middle; }
.contact-list-table .actions-cell { justify-content: flex-end; }
.contact-list-table td[data-modal-open], table td[data-modal-open] { cursor: pointer; }
.contact-title-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.contact-title-actions h2 { margin-bottom: 0; }
.contact-email-editor { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: end; }
.contact-delete-footer { display: flex; justify-content: flex-end; margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.detail-fieldset { border: 0; padding: 0; margin: 0; }
.detail-fieldset:disabled { opacity: 1; }
.detail-fieldset:disabled input, .detail-fieldset:disabled select, .detail-fieldset:disabled textarea { background: var(--surface-muted); color: var(--ink); cursor: default; }
.mailing-list-builder { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 14px; align-items: center; }
.mailing-list-column { display: grid; gap: 8px; min-width: 0; }
.mailing-list-column h3 { margin-bottom: 0; }
.mailing-list-column select { min-height: 320px; }
.mailing-list-transfer-actions { display: grid; gap: 8px; justify-items: center; }
.modal-footer-actions { justify-content: flex-end; margin-top: 16px; }
.template-apply-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end; }
.template-apply-row .ghost { min-height: 34px; white-space: nowrap; }
.openai-caption-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.platform-copy-variants { display: grid; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.platform-copy-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.platform-copy-card { display: grid; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.platform-copy-card h3 { margin-bottom: 0; }
.platform-copy-card textarea { min-height: 74px; }
.email-campaign-builder-step { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.email-campaign-builder-step h3,
.email-campaign-builder-step p,
.email-campaign-builder-step .email-campaign-draft-row,
.email-campaign-builder-step label.wide { grid-column: 1 / -1; }
.email-campaign-draft-row { display: grid; grid-template-columns: minmax(220px, .35fr) minmax(0, .65fr); gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.email-campaign-draft-row textarea { min-height: 96px; }
.agency-managed-subscription-row { background: #f1f5f9; color: #64748b; }
.agency-managed-subscription-row input,
.agency-managed-subscription-row select { background: #e2e8f0; color: #64748b; cursor: not-allowed; }
.agency-managed-subscription-group-row td { padding: 0 12px 12px 36px; background: var(--surface-muted); }
.agency-managed-subscription-group { border-left: 3px solid var(--line); padding: 10px 0 0 14px; }
.agency-managed-subscription-group summary { cursor: pointer; font-weight: 800; color: var(--ink); margin-bottom: 8px; }
.agency-managed-subscription-list { display: grid; gap: 8px; }
.agency-managed-subscription-item { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(220px, 1fr) minmax(180px, .8fr) minmax(140px, .7fr); gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
[data-bs-theme="dark"] .agency-managed-subscription-row { background: #252a29; color: var(--muted); }
[data-bs-theme="dark"] .agency-managed-subscription-row input,
[data-bs-theme="dark"] .agency-managed-subscription-row select { background: #111827; color: var(--muted); border-color: var(--line); }
[data-bs-theme="dark"] .agency-managed-subscription-group-row td { background: #1f2423; }
[data-bs-theme="dark"] .agency-managed-subscription-item { background: #252a29; }
[data-bs-theme="dark"] input[readonly],
[data-bs-theme="dark"] select[readonly] { background: #111827; color: var(--muted); border-color: var(--line); }
.public-shell:has(.auth-split-shell) { height: 100vh; min-height: 100vh; overflow: hidden; padding-block: 12px; }
.public-shell:has(.auth-split-shell) .topbar { flex: 0 0 auto; min-height: 54px; margin-bottom: 8px; padding: 8px 12px; }
.public-shell:has(.auth-split-shell) .app-footer { flex: 0 0 auto; margin-top: 8px; padding-top: 8px; }
.auth-split-shell { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(320px, 0.86fr) minmax(420px, 1.14fr); gap: clamp(20px, 4vw, 56px); align-items: stretch; padding: 8px clamp(10px, 4vw, 42px); overflow: hidden; }
.auth-form-pane { display: flex; align-items: center; justify-content: center; }
.auth-card { max-width: 460px; margin: 40px auto; display: grid; gap: 12px; }
.auth-card-flat { width: min(100%, 480px); max-width: 480px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.auth-card-flat h2 { font-size: 26px; margin-bottom: 4px; }
.auth-brand-mark { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 8px; color: var(--ink); font-size: 20px; }
.auth-brand-mark img { width: 32px; height: 32px; object-fit: contain; }
.facebook-page-selection { display: grid; gap: 18px; }
.facebook-page-options, .social-account-options { display: grid; gap: 10px; }
.facebook-page-option, .social-account-option { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.facebook-page-option > div, .social-account-option > div { display: grid; gap: 3px; min-width: 0; }
.facebook-page-option .button, .social-account-option .button { min-width: 132px; }
.connection-help { padding: 12px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.connection-help summary { cursor: pointer; font-weight: 700; }
.connection-help p { margin: 8px 0 0; }
.social-connector-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 4px 0 10px; }
.social-connector-heading h3 { margin: 0; }
.social-connector-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 20px; }
.social-connector-grid form { min-width: 0; }
.social-connector-button { width: 100%; min-height: 52px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); color: var(--text); font: inherit; font-weight: 700; text-align: left; cursor: pointer; transition: border-color .14s ease, background .14s ease, box-shadow .14s ease; }
.social-connector-button:hover { border-color: var(--blue); background: var(--surface-hover); box-shadow: var(--shadow-sm); }
.social-connector-mark { flex: 0 0 32px; width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 8px; background: #eef2ff; color: #2563eb; font-size: 13px; font-weight: 900; letter-spacing: 0; }
.social-connector-facebook { background: #e8f1ff; color: #1877f2; font-size: 20px; }
.social-connector-instagram { background: #fff0f5; color: #c13584; }
.social-connector-linkedin { background: #e8f4fb; color: #0a66c2; }
.social-connector-threads { background: #eef0f3; color: #111827; font-size: 18px; }
.social-connector-x-twitter { background: #eef0f3; color: #111827; }
.social-connector-google-business-profile { background: #eef6ff; color: #1a73e8; }
@media (max-width: 640px) {
  .facebook-page-option, .social-account-option { grid-template-columns: 1fr; align-items: stretch; }
  .facebook-page-option .button, .social-account-option .button { width: 100%; }
  .social-connector-heading { align-items: flex-start; flex-direction: column; }
  .social-connector-grid { grid-template-columns: 1fr; }
}
.auth-primary-button { width: 100%; min-height: 40px; margin-top: 6px; }
.auth-graphic-pane { min-height: 100%; display: grid; align-content: center; justify-items: center; gap: 18px; padding: clamp(24px, 5vw, 60px); border-radius: 18px; background: linear-gradient(180deg, #dbeafe 0%, #fecdd3 100%); color: #172554; text-align: center; overflow: hidden; }
.auth-graphic-pane h2 { max-width: 680px; margin: 0; font-size: clamp(34px, 4.8vw, 58px); line-height: 1.02; color: #172554; }
.auth-graphic-pane p { margin: 0; font-size: 20px; color: #243b63; }
.auth-new-badge { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border-radius: 7px; background: #dc2626; color: #ffffff; font-weight: 900; text-transform: uppercase; letter-spacing: 0; }
.auth-chart-graphic { position: relative; width: min(100%, 520px); height: clamp(210px, 32vh, 300px); display: flex; align-items: flex-end; justify-content: center; gap: 26px; padding: 34px 48px 62px; }
.auth-chart-graphic::before { content: ""; position: absolute; inset: 66px 42px 68px; background: repeating-linear-gradient(to bottom, rgba(37, 99, 235, 0.13), rgba(37, 99, 235, 0.13) 1px, transparent 1px, transparent 76px); }
.auth-chart-graphic::after { content: ""; position: absolute; left: 32px; right: 32px; top: 156px; border-top: 3px dotted rgba(220, 38, 38, 0.82); transform: rotate(-2deg); }
.auth-chart-graphic > span { position: relative; z-index: 1; width: 38px; height: var(--bar-height); border-radius: 7px 7px 0 0; background: linear-gradient(180deg, #93c5fd 0 38%, #2563eb 38% 72%, #dc2626 72%); box-shadow: 0 8px 16px rgba(37, 99, 235, 0.14); }
.auth-stat-card, .auth-takeaway-card { position: absolute; z-index: 3; display: grid; gap: 3px; padding: 12px 14px; border: 1px solid rgba(37, 99, 235, 0.14); border-radius: 7px; background: #ffffff; box-shadow: 0 8px 20px rgba(32, 35, 34, 0.15); text-align: left; }
.auth-stat-card small { color: #64748b; font-weight: 800; font-size: 10px; }
.auth-stat-card strong { color: #172554; font-size: 19px; }
.auth-stat-left { left: 52px; top: 30px; }
.auth-stat-right { right: 24px; top: 76px; }
.auth-takeaway-card { left: 50%; bottom: 12px; width: min(280px, 70%); transform: translateX(-50%); grid-template-columns: 1fr; }
.auth-takeaway-card strong { color: #17406f; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.auth-takeaway-card span { color: #334155; font-size: 13px; line-height: 1.4; }
[data-bs-theme="dark"] .auth-graphic-pane { background: linear-gradient(180deg, #0f172a 0%, #4c0519 100%); color: #dbeafe; }
[data-bs-theme="dark"] .auth-graphic-pane h2,
[data-bs-theme="dark"] .auth-graphic-pane p { color: #d7f9d0; }
[data-bs-theme="dark"] .auth-stat-card,
[data-bs-theme="dark"] .auth-takeaway-card { background: #202322; border-color: #334155; }
[data-bs-theme="dark"] .auth-stat-card small,
[data-bs-theme="dark"] .auth-takeaway-card span { color: #cbd5e1; }
[data-bs-theme="dark"] .auth-stat-card strong,
[data-bs-theme="dark"] .auth-takeaway-card strong { color: #e5e7eb; }
.auth-divider { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: 0; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; background: var(--line); flex: 1; }
.google-auth-button { text-align: center; justify-content: center; }
.planner-week-schedule-strip { margin-bottom: 18px; }
.planner-week-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
.planner-week-day { min-height: 92px; display: grid; align-content: start; gap: 6px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.planner-week-day h3 { margin: 0; font-size: 12px; color: var(--ink); }
.planner-week-slot { display: block; padding: 5px 6px; border-radius: 6px; background: var(--control-bg); color: var(--control-text); border-left: 3px solid var(--blue); font-size: 11px; line-height: 1.25; }
.planner-week-slot strong { display: block; font-size: 11px; }
label { display: grid; gap: 5px; font-size: 13px; font-weight: 700; color: var(--label); }
.field-note { color: var(--muted); font-size: 12px; font-weight: 500; line-height: 1.45; }
.profile-summary { margin-top: 18px; border-top: 1px solid var(--line); padding-top: 16px; }
.compact-field { font-size: 12px; font-weight: 700; color: var(--muted); min-width: 180px; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; min-height: 34px; padding: 7px 10px; font: inherit; font-size: 13px; background: var(--control-bg); color: var(--control-text); }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(53, 143, 252, 0.14); }
[data-bs-theme="dark"] input,
[data-bs-theme="dark"] select,
[data-bs-theme="dark"] textarea { background: var(--control-bg); color: var(--control-text); border-color: var(--line); }
input[type="checkbox"], input[type="radio"] { width: 16px; height: 16px; min-height: 0; padding: 0; margin: 0; accent-color: var(--blue); }
input[type="checkbox"] { border-radius: 4px; }
textarea { min-height: 86px; resize: vertical; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wide { grid-column: 1 / -1; }
table { width: 100%; border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; border-bottom: 1px solid var(--line); padding: 9px 8px; vertical-align: middle; }
th { color: var(--label); font-size: 12px; font-weight: 800; background: var(--surface-muted); }
tbody tr:hover { background: var(--surface-hover); }
[data-bs-theme="dark"] th { color: #d1d5db; background: #2d3231; }
[data-bs-theme="dark"] tbody tr:hover { background: #252a29; }
.badge { display: inline-flex; align-items: center; min-height: 20px; padding: 0 8px; border-radius: 999px; background: rgba(53, 143, 252, 0.12); color: var(--blue); font-weight: 800; font-size: 11px; }
.badge-overdue { background: #fef2f2; color: #b91c1c; }
.code-token { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface-muted); font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-weight: 800; letter-spacing: 0; }
.request-row { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(140px, 180px) auto; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); padding: 10px 0; }
.disabled-panel { opacity: 0.58; pointer-events: none; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); padding: 14px; }
.configuration-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
.configuration-group-heading { display: grid; gap: 3px; padding: 16px 0 10px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, var(--surface-muted), transparent); }
.configuration-group-heading h3, .configuration-group-heading p { margin: 0; padding-left: 10px; }
.configuration-group-heading h3 { font-size: 13px; text-transform: uppercase; color: var(--ink); }
.configuration-item { display: grid; grid-template-columns: minmax(180px, 240px) 1fr 190px; gap: 16px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--line); }
.configuration-item .button { width: 190px; }
.configuration-item h3, .configuration-item p { margin-bottom: 0; }
.disabled-display-setting { opacity: 0.55; }
.disabled-display-setting select { cursor: not-allowed; }
.subscription-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.subscription-summary-grid .panel-lite { display: grid; gap: 7px; align-content: start; }
.subscription-summary-grid h3, .subscription-summary-grid p { margin-bottom: 0; }
.subscription-addon-form { display: grid; gap: 14px; }
.subscription-addon-list { display: grid; gap: 10px; }
.subscription-addon-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.subscription-addon-main { display: grid; gap: 4px; }
.subscription-addon-main strong { font-size: 13px; }
.subscription-addon-main span { font-size: 12px; }
.subscription-addon-compare { display: inline-flex; margin-left: 8px; color: var(--muted); font-weight: 700; white-space: nowrap; }
.subscription-addon-controls { display: flex; align-items: center; justify-content: flex-end; gap: 7px; flex-wrap: wrap; }
.subscription-addon-counter { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 32px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--control-bg); font-weight: 900; }
.addon-step-button { width: 34px; min-height: 32px; padding: 0; font-size: 16px; line-height: 1; }
.addon-pack-button { width: 48px; min-height: 32px; padding: 0; }
.subscription-total-box { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 12px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; }
.subscription-total-box div { display: grid; gap: 4px; }
.subscription-total-box strong { font-size: 17px; color: var(--ink); }
.checkout-grid { display: grid; grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.2fr) minmax(280px, 0.85fr); gap: 16px; align-items: start; }
.checkout-plan-card, .checkout-addon-card, .checkout-total-card { display: grid; gap: 12px; }
.checkout-price { display: flex; align-items: baseline; gap: 6px; margin-bottom: 0; }
.checkout-price strong { font-size: 32px; color: var(--ink); }
.checkout-price span { color: var(--muted); font-weight: 800; }
.checkout-addon-input { width: 74px; text-align: center; font-weight: 900; }
.checkout-total-list { display: grid; gap: 9px; margin: 0; }
.checkout-total-list div { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0; }
.checkout-total-list dt { color: var(--muted); font-weight: 800; }
.checkout-total-list dd { margin: 0; font-weight: 900; color: var(--ink); }
.checkout-total-final { padding-top: 10px; border-top: 1px solid var(--line); }
.checkout-total-final dt, .checkout-total-final dd { font-size: 15px; color: var(--ink); }
.muted { color: var(--muted); }
.error { color: var(--accent); font-weight: 700; }
.app-footer { display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 12px; border-top: 1px solid var(--line); margin-top: auto; padding-top: 16px; }
.public-shell > .app-footer { width: min(100%, 1240px); margin-left: auto; margin-right: auto; }
.footer-links { display: flex; gap: 14px; }
.footer-links a { color: var(--muted); }
.legal-page { max-width: 960px; margin-left: auto; margin-right: auto; }
.legal-page h2 { margin-top: 22px; }
.contact-page-grid { display: grid; grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr); gap: 18px; align-items: start; }
.contact-info-panel { min-height: 100%; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.contact-info-panel p { overflow-wrap: anywhere; }
.contact-info-block { display: grid; gap: 6px; padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--line); }
.contact-info-block p { margin-bottom: 0; }
.contact-form { padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.contact-submit-row { align-items: center; flex-wrap: wrap; }
.contact-submit-success { display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border: 1px solid #bbf7d0; border-radius: 8px; background: #f0fdf4; }
.support-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.support-intro-panel { margin-bottom: 18px; }
.support-option-card { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.support-option-card h3, .support-option-card p { margin-bottom: 0; }
.support-cost { color: var(--accent); font-weight: 900; }
.demographic-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.campaign-workflow-form { display: grid; gap: 16px; }
.workflow-progress { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.workflow-dot { display: grid; justify-items: center; gap: 4px; min-height: 58px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); color: var(--muted); font-size: 11px; font-weight: 800; cursor: pointer; }
.workflow-dot span { width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #eaf1ff; color: var(--blue); }
.workflow-dot.active { border-color: var(--accent); color: var(--ink); box-shadow: inset 0 0 0 1px var(--accent); }
.workflow-method-panel { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--control-bg); }
.workflow-method-panel h3 { margin-bottom: 0; }
.workflow-method-list { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 8px; margin: 0; padding: 0; list-style: none; color: var(--muted); font-size: 12px; font-weight: 700; }
.workflow-method-list li { min-height: 76px; display: grid; }
.workflow-method-card { width: 100%; height: 100%; min-height: 76px; padding: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-muted); color: var(--muted); font: inherit; font-weight: 700; text-align: left; overflow-wrap: anywhere; cursor: pointer; }
.workflow-method-card.active { border-color: var(--blue); color: var(--ink); box-shadow: inset 0 0 0 1px var(--blue); }
.workflow-method-card.completed { border-color: #0ea5e9; box-shadow: inset 0 0 0 1px #0ea5e9; background: #f0f9ff; color: #075985; }
.workflow-method-card.locked { cursor: not-allowed; opacity: 0.62; }
.workflow-step { display: grid; gap: 14px; min-height: 360px; }
.workflow-step[hidden] { display: none; }
.workflow-step h3 { margin-bottom: 0; }
.workflow-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px; padding-top: 14px; border-top: 1px solid var(--line); }
.campaign-date-alert { margin-bottom: 0; padding: 10px 12px; border: 1px solid #ef4444; border-radius: 8px; background: #fef2f2; color: #991b1b; font-weight: 800; }
.campaign-date-warning input { border-color: #ef4444; color: #991b1b; background: #fff7f7; }
.campaign-date-warning-text { color: #b91c1c; font-weight: 800; }
.workflow-secondary-form { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.workflow-subpanel { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-muted); }
.workflow-subpanel h4, .workflow-subpanel legend { margin-bottom: 0; font-size: 15px; font-weight: 800; color: var(--ink); }
.instruction-list { margin: 0; padding-left: 22px; color: var(--text); }
.instruction-list li { margin: 6px 0; }
.checkbox-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.checkbox-row { display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 7px; font-size: 13px; font-weight: 700; }
.checkbox-row input { flex: 0 0 16px; }
.campaign-content-list { display: grid; gap: 12px; margin-top: 12px; }
.campaign-content-row { display: grid; grid-template-columns: 78px minmax(160px, 220px) minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.campaign-post-outline-row { grid-template-columns: 78px minmax(0, 1fr); }
.campaign-post-outline-fields { display: grid; grid-template-columns: minmax(140px, 220px) minmax(220px, 1fr); gap: 10px 12px; min-width: 0; }
.campaign-post-outline-fields .caption-field { grid-column: 1 / -1; }
.campaign-post-outline-fields .campaign-post-outline-actions { display: flex; align-items: end; justify-content: flex-start; }
.campaign-post-outline-fields textarea { min-height: 86px; }
.campaign-content-preview { width: 78px; height: 60px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-muted); color: var(--muted); font-size: 11px; font-weight: 800; overflow: hidden; }
.campaign-content-preview img { width: 100%; height: 100%; object-fit: cover; }
.campaign-schedule-preview-list { display: grid; gap: 10px; }
.campaign-schedule-preview-row { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); }
.campaign-schedule-preview-row strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-index-list { display: grid; gap: 0; border-top: 1px solid var(--line); }
.site-index-item { display: grid; gap: 4px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.site-index-item h3, .site-index-item p { margin-bottom: 0; }
.calendar-workspace-layout { display: grid; grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr); gap: 18px; align-items: stretch; }
.calendar-schedule-column { min-width: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 18px; }
.calendar-build-schedule-card { align-content: start; display: grid; gap: 10px; }
.calendar-build-schedule-card p { margin-bottom: 0; }
.calendar-saved-schedule-card { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.calendar-saved-schedule-card .schedule-outline-calendar-area { max-height: none; min-height: 0; overflow: auto; }
.calendar-main-panel { min-width: 0; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: var(--line); gap: 1px; }
.calendar-heading-main { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: center; }
.calendar-heading-main p { grid-column: 1 / -1; margin-bottom: 0; }
.calendar-heading-main h2 { margin-bottom: 0; }
.calendar-day-name { min-height: 40px; display: flex; align-items: center; justify-content: center; background: var(--surface-muted); color: var(--label); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0; }
.calendar-cell { min-height: 148px; display: grid; grid-template-rows: auto 1fr; gap: 8px; background: var(--control-bg); padding: 10px; }
.calendar-cell.outside-month { background: #f6f8fb; color: #98a2b3; }
.calendar-date { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; border: 1px solid var(--line); font-weight: 800; font-size: 13px; }
.calendar-events { display: grid; align-content: start; gap: 6px; min-width: 0; }
.calendar-event { display: grid; gap: 2px; width: 100%; border: 0; border-left: 4px solid var(--blue); border-radius: 6px; background: var(--surface-hover); color: var(--blue); padding: 7px 8px; min-width: 0; text-align: left; cursor: pointer; font: inherit; }
.calendar-event:hover { filter: brightness(0.98); }
.calendar-event.social { border-left-color: var(--accent); background: #fff1f1; color: #991b1b; }
.calendar-event.project, .calendar-event.project-task, .calendar-event.on-time { border-left-color: #16a34a; background: #f0fdf4; color: #166534; }
.calendar-event.overdue { border-left-color: #dc2626; background: #fef2f2; color: #991b1b; }
.calendar-event span, .calendar-event em { font-size: 11px; font-style: normal; font-weight: 700; }
.calendar-event strong { font-size: 12px; line-height: 1.25; overflow-wrap: anywhere; }
.calendar-empty { color: #98a2b3; font-size: 12px; }
.profile-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.account-overview-grid { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr); gap: 18px; margin-bottom: 18px; align-items: stretch; }
.account-identity-card, .account-details-card { min-width: 0; height: 100%; }
.account-profile-grid { grid-template-columns: 1fr; }
.account-identity-card .section-heading { align-items: flex-start; }
.account-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.profile-field { display: grid; gap: 4px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); min-width: 0; }
.profile-field strong { overflow-wrap: anywhere; }
.project-primary-card { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.project-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.panel-lite { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); padding: 16px; }
[data-bs-theme="dark"] .panel-lite,
[data-bs-theme="dark"] .workflow-method-card,
[data-bs-theme="dark"] .workflow-subpanel,
[data-bs-theme="dark"] .checkbox-grid,
[data-bs-theme="dark"] .profile-field,
[data-bs-theme="dark"] .contact-info-panel,
[data-bs-theme="dark"] .support-option-card,
[data-bs-theme="dark"] .disabled-panel,
[data-bs-theme="dark"] .report-results-panel,
[data-bs-theme="dark"] .report-ai-assessment,
[data-bs-theme="dark"] .campaign-upload-list,
[data-bs-theme="dark"] .kanban-column,
[data-bs-theme="dark"] .calendar-day-name,
[data-bs-theme="dark"] .calendar-cell,
[data-bs-theme="dark"] .asset-thumb,
[data-bs-theme="dark"] .code-token,
[data-bs-theme="dark"] .dashboard-assignment-list a,
[data-bs-theme="dark"] .dashboard-assignment-list > div,
[data-bs-theme="dark"] .home-value-grid article,
[data-bs-theme="dark"] .home-audience-grid article,
[data-bs-theme="dark"] .home-feature-card,
[data-bs-theme="dark"] .home-process-list p,
[data-bs-theme="dark"] .home-split-section,
[data-bs-theme="dark"] .pricing-tier-card,
[data-bs-theme="dark"] .pricing-start-free-panel,
[data-bs-theme="dark"] .subscription-addon-row,
[data-bs-theme="dark"] .subscription-total-box { background: #252a29; color: var(--ink); }
.file-list { display: grid; gap: 8px; align-content: start; }
.kanban-board { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; overflow-x: visible; padding-bottom: 4px; }
.full-kanban-board { min-height: calc(100vh - 280px); }
.kanban-column { display: grid; align-content: start; gap: 12px; min-height: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); transition: border-color 0.12s ease, background 0.12s ease; }
.kanban-column.drag-over { border-color: var(--blue); background: var(--surface-hover); }
.kanban-column h3 { margin-bottom: 0; }
.kanban-card { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); box-shadow: 0 4px 12px rgba(16, 23, 35, 0.04); cursor: grab; }
.kanban-card.dragging { opacity: 0.55; cursor: grabbing; }
.kanban-card p { margin-bottom: 0; }
.garage-grid, .sponsor-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.garage-card, .sponsor-card { display: grid; gap: 10px; align-content: start; padding: 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--control-bg); box-shadow: 0 8px 24px rgba(16, 23, 35, 0.05); }
.garage-card img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-muted); }
.garage-card h3, .garage-card p, .sponsor-card h3, .sponsor-card p { margin-bottom: 0; }
.garage-photo-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.garage-photo-strip img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--line); border-radius: 8px; }

@media (max-width: 1320px) {
  :root { --sidebar-width: 190px; }
  .sidebar { padding-inline: 10px; }
  .brand { padding-inline: 4px; font-size: 15px; }
  .sidebar a { padding-inline: 8px; font-size: 12px; gap: 8px; }
  .static-workspace-label { padding: 8px; }
  .static-workspace-label span { font-size: 10px; }
}

@media (max-width: 1120px) {
  :root { --sidebar-width: 82px; }
  .sidebar { padding-inline: 8px; }
  .brand { justify-content: center; padding-inline: 0; }
  .brand span,
  .sidebar-label,
  .nav-text,
  .static-workspace-label span { display: none; }
  .brand img { width: 38px; height: 38px; }
  .sidebar nav { gap: 5px; }
  .sidebar a { min-height: 40px; justify-content: center; padding: 8px 6px; }
  .sidebar-nav-button { justify-content: center; padding: 8px 6px; }
  .nav-icon,
  .nav-icon svg { width: 20px; height: 20px; }
  .static-workspace-label { padding: 8px 5px; text-align: center; }
  .static-workspace-label strong { font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

@media (max-width: 1024px) {
  .sidebar { display: none; position: fixed; inset: 0 auto 0 0; z-index: 30; width: min(320px, 88vw); overflow: hidden; box-shadow: 18px 0 48px rgba(16, 23, 35, 0.28); }
  .sidebar nav { min-height: 0; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; }
  body.mobile-menu-open .sidebar { display: flex; }
  body.mobile-menu-open .brand span,
  body.mobile-menu-open .sidebar-label,
  body.mobile-menu-open .nav-text,
  body.mobile-menu-open .static-workspace-label span { display: inline; }
  body.mobile-menu-open .sidebar a,
  body.mobile-menu-open .sidebar-nav-button { justify-content: flex-start; }
  body.mobile-menu-open::after { content: ""; position: fixed; inset: 0; z-index: 25; background: rgba(16, 23, 35, 0.48); }
  .shell { margin-left: 0; }
  .topbar { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: flex-start; background: var(--main); padding: 10px 0; }
  .public-topbar-shell { top: 0; }
  .public-topbar-shell { padding: 10px; }
  .public-marketing-topbar { display: block; padding: 0; background: rgba(255,255,255,.96); }
  .public-marketing-topbar-content { width: 100%; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; }
  .public-brand-link { justify-content: flex-start; }
  .public-auth-actions { justify-content: flex-end; }
  .public-marketing-topbar .public-nav { display: none; }
  .topbar > div:not(.topbar-actions) { grid-column: 2; grid-row: 1; min-width: 0; }
  .topbar-actions { display: none; }
  .mobile-menu-toggle { display: inline-grid; grid-template-columns: auto auto; grid-column: 1; grid-row: 1; justify-self: start; }
  .mobile-menu-toggle span { grid-column: 1; }
  .mobile-menu-toggle strong { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .actions, .public-nav { flex-direction: column; }
  .actions, .public-nav { align-items: flex-start; }
  .public-marketing-topbar .public-nav { flex-direction: row; align-items: center; }
  .two, .three, .dashboard-grid, .dashboard-top-grid, .dashboard-project-grid, .dashboard-analytics-grid, .brand-dashboard-grid, .brand-profile-editor-grid, .account-overview-grid, .planner-action-grid, .planner-management-grid, .reporting-top-grid, .calendar-workspace-layout, .form-grid, .demographic-grid, .profile-grid, .project-primary-card, .project-detail-grid, .workflow-progress, .workflow-method-list, .checkbox-grid, .campaign-content-row, .logo-editor-grid, .social-account-row, .contact-page-grid, .support-option-grid, .home-split-section, .home-split-reverse, .home-feature-card-grid, .home-value-grid, .home-audience-grid, .home-workflow-band, .home-workflow-steps, .home-tier-grid, .pricing-start-free-panel, .pricing-graphic-row, .pricing-tier-grid, .pricing-detail-grid, .pricing-enterprise-panel, .subscription-summary-grid, .subscription-addon-row, .subscription-total-box, .checkout-grid, .garage-grid, .sponsor-grid, .garage-photo-strip, .auth-split-shell, .support-home-hero, .support-home-grid, .omnichannel-feature-grid, .support-home-split, .support-home-split-reverse, .support-free-pricing-card, .support-pricing-grid, .support-addons-pricing-card, .support-stat-row, .channel-pill-grid, .faq-demo-hero, .demo-video-grid, .faq-grid, .demo-video-grid article { grid-template-columns: 1fr; }
  .planner-week-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .auth-split-shell { min-height: 0; padding: 22px 0; gap: 22px; }
  .auth-graphic-pane { min-height: 420px; border-radius: 12px; }
  .auth-graphic-pane h2 { font-size: 34px; }
  .auth-chart-graphic { height: 240px; gap: 14px; padding-inline: 18px; }
  .auth-chart-graphic > span { width: 28px; }
  .dashboard-top-grid > .dashboard-analytics-panel { grid-column: auto; }
  .subscription-addon-controls { justify-content: flex-start; }
  .brand-primary-layout { grid-template-columns: auto minmax(0, 1fr); }
  .brand-primary-logo { width: 64px; height: 64px; }
  .configuration-item { grid-template-columns: 1fr; align-items: stretch; }
  .request-row { grid-template-columns: 1fr; align-items: stretch; }
  .hero { padding: 28px; }
  .hero h2 { font-size: 32px; }
  .support-home-hero { min-height: 0; padding: 24px; }
  .feature-page-hero { padding: 30px 18px; }
  .feature-page-hero-inner { grid-template-columns: 1fr; gap: 26px; }
  .feature-page-media { width: min(100%, 760px); }
  .feature-process-flow { flex-direction: column; }
  .feature-flow-arrow { min-height: 24px; transform: rotate(90deg); }
  .feature-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-page-cta { align-items: flex-start; flex-direction: column; }
  .support-home-copy h2 { font-size: 36px; }
  .social-preview-header { align-items: flex-start; flex-direction: column; }
  .social-preview-platforms { justify-content: flex-start; }
  .social-preview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .social-chart-bars { gap: 6px; }
  .home-cta-band { align-items: flex-start; flex-direction: column; }
  .pricing-enterprise-actions { justify-content: flex-start; }
  .app-footer { flex-direction: column; }
  .calendar-grid { grid-template-columns: 1fr; }
  .calendar-schedule-column { grid-template-rows: auto; }
  .calendar-saved-schedule-card .schedule-outline-calendar-area { max-height: 50vh; }
  .calendar-day-name { display: none; }
  .calendar-cell { min-height: auto; }
  .kanban-board { grid-template-columns: 1fr; overflow-x: visible; }
  .full-kanban-board { min-height: auto; }
  .planner-management-grid > .panel { min-height: 0; height: auto !important; max-height: none !important; }
  .planner-scroll-area { max-height: 50vh; }
}

@media (max-width: 560px) {
  .public-marketing-topbar-content { gap: 8px; padding: 8px; }
  .public-brand-link { gap: 7px; font-size: 14px; }
  .public-brand-link img { width: 30px; height: 30px; }
  .feature-page-copy h2 { font-size: 38px; }
  .feature-step-grid, .feature-value-grid { grid-template-columns: 1fr; }
  .public-auth-actions { gap: 6px; }
  .public-auth-actions .ghost-link, .public-auth-actions .button { min-height: 32px; padding: 0 8px; font-size: 11px; }
}