:root {
  --bg: #f5f6f7;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --surface-3: #eef0f2;
  --ink: #171923;
  --ink-2: #292b38;
  --muted: #70757f;
  --muted-2: #9aa0aa;
  --border: #e2e5e9;
  --border-strong: #d4d8dd;
  --brand: #4935ff;
  --brand-dark: #3524d7;
  --brand-soft: #f0eeff;
  --navy: #171923;
  --blue: #3975d5;
  --blue-soft: #eaf1ff;
  --green: #228b5a;
  --green-soft: #e7f7ef;
  --yellow: #b8750b;
  --yellow-soft: #fff4d9;
  --red: #cf4545;
  --red-soft: #fff0f0;
  --purple: #7457c9;
  --purple-soft: #f0ecff;
  --shadow-sm: 0 1px 2px rgba(20, 24, 32, .04), 0 4px 14px rgba(20, 24, 32, .035);
  --shadow-md: 0 12px 32px rgba(20, 24, 32, .10), 0 2px 8px rgba(20, 24, 32, .05);
  --shadow-lg: 0 28px 70px rgba(20, 24, 32, .16);
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --sidebar-width: 248px;
  --transition: 160ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
button { color: inherit; }
::selection { background: rgba(73, 53, 255, .18); }
.hidden { display: none !important; }
.mobile-only { display: none !important; }
.muted { color: var(--muted); }
.text-danger { color: var(--red); }
.align-right { text-align: right !important; }
.icon { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }

.brand-lockup { display: inline-flex; align-items: center; line-height: 1; }
.brand-logo { display: block; width: auto; max-width: 100%; object-fit: contain; }
.brand-logo-sidebar { width: 142px; height: auto; }
.brand-logo-mobile { width: 112px; height: auto; }
.brand-logo-public { width: 150px; height: auto; }
.brand-logo-footer { width: 130px; height: auto; }
.brand-logo-auth { width: 168px; height: auto; }
.brand-logo-auth-mobile { width: 138px; height: auto; }
.brand-logo-cta { width: 164px; height: auto; }
.brand-logo-theme-dark { display: none; }
[data-resolved-theme="dark"] .brand-logo-theme-light { display: none; }
[data-resolved-theme="dark"] .brand-logo-theme-dark { display: block; }
[data-resolved-theme="dark"] .brand-logo-auth,
[data-resolved-theme="dark"] .brand-logo-auth-mobile,
[data-resolved-theme="dark"] .brand-logo-public { content: url('/static/img/virzo-logo-dark.png'); filter: none; }
.cta-logo-card { min-height: 54px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 15px; background: white; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 12px 28px rgba(0,0,0,.16); }

.button { min-height: 40px; border: 1px solid transparent; border-radius: 10px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 700; font-size: 13px; white-space: nowrap; transition: background var(--transition), color var(--transition), border var(--transition), transform var(--transition), box-shadow var(--transition), opacity var(--transition); }
.button:hover { transform: translateY(-1px); }
.button:active { transform: translateY(0); }
.button:disabled { cursor: not-allowed; opacity: .62; transform: none; }
.button-primary { color: white; background: var(--brand); border-color: var(--brand); box-shadow: 0 5px 14px rgba(73, 53, 255, .18); }
.button-primary:hover { background: var(--brand-dark); border-color: var(--brand-dark); box-shadow: 0 7px 18px rgba(73, 53, 255, .22); }
.button-outline { color: var(--ink-2); background: white; border-color: var(--border-strong); }
.button-outline:hover { border-color: #bfc4ca; background: var(--surface-2); }
.button-ghost { color: var(--muted); background: transparent; }
.button-ghost:hover { color: var(--ink); background: var(--surface-3); }
.button-light { color: var(--ink); background: white; border-color: white; }
.button-light:hover { background: #f4f4f4; }
.button-lg { min-height: 48px; padding: 0 21px; border-radius: 12px; font-size: 14px; }
.button-small { min-height: 33px; padding: 0 11px; border-radius: 8px; font-size: 12px; }
.button-full { width: 100%; }
.button.loading::before { content: ""; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin .65s linear infinite; opacity: .7; }
@keyframes spin { to { transform: rotate(360deg); } }

.icon-button { position: relative; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 9px; color: var(--muted); background: transparent; display: inline-grid; place-items: center; cursor: pointer; transition: color var(--transition), background var(--transition), transform var(--transition); }
.icon-button:hover { color: var(--ink); background: var(--surface-3); }
.icon-button.compact { width: 28px; height: 28px; border-radius: 7px; }
.icon-button.danger-hover:hover { color: var(--red); background: var(--red-soft); }

.eyebrow { color: var(--brand-dark); display: block; margin-bottom: 5px; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.text-link { color: var(--muted); display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 700; transition: color var(--transition); }
.text-link:hover { color: var(--brand-dark); }
.count-pill { min-width: 28px; height: 28px; padding: 0 8px; border-radius: 999px; display: inline-grid; place-items: center; color: var(--brand-dark); background: var(--brand-soft); font-size: 12px; font-weight: 800; }
.count-pill.danger { color: var(--red); background: var(--red-soft); }
.count-pill.neutral { color: var(--muted); background: var(--surface-3); }

/* App shell */
.app-body { min-height: 100vh; overflow-x: hidden; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 40; width: var(--sidebar-width); background: #fbfbfc; border-right: 1px solid var(--border); display: flex; flex-direction: column; }
.sidebar-brand { height: 73px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; }
.workspace-switcher { margin: 0 13px 10px; padding: 10px; border: 1px solid var(--border); border-radius: 11px; background: white; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; box-shadow: var(--shadow-sm); }
.workspace-avatar, .profile-avatar { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: white; background: var(--navy); font-weight: 800; }
.workspace-meta, .profile-meta { min-width: 0; display: flex; flex-direction: column; }
.workspace-meta strong, .profile-meta strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.workspace-meta small, .profile-meta small { min-width: 0; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.sidebar-nav { padding: 7px 11px; flex: 1; overflow-y: auto; }
.nav-section-label { margin: 19px 10px 6px; display: block; color: var(--muted-2); font-size: 9px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.nav-section-label:first-child { margin-top: 4px; }
.nav-item { position: relative; min-height: 39px; margin: 2px 0; padding: 0 10px; border-radius: 9px; display: flex; align-items: center; gap: 11px; color: #5f6570; font-size: 12.5px; font-weight: 650; transition: background var(--transition), color var(--transition); }
.nav-item:hover { color: var(--ink); background: #f0f1f3; }
.nav-item.active { color: var(--ink); background: white; box-shadow: 0 1px 2px rgba(20,24,32,.06), inset 0 0 0 1px var(--border); }
.nav-item.active::before { content: ""; position: absolute; left: -1px; width: 3px; height: 18px; border-radius: 0 4px 4px 0; background: var(--brand); }
.nav-item .icon { color: #858b95; }
.nav-item.active .icon { color: var(--brand); }
.nav-badge { margin-left: auto; min-width: 21px; height: 21px; padding: 0 6px; border-radius: 999px; color: white; background: var(--brand); display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.sidebar-footer { padding: 11px; border-top: 1px solid var(--border); }
.mini-profile { padding: 8px; display: grid; grid-template-columns: 34px minmax(0,1fr) 34px; align-items: center; gap: 9px; }
.profile-avatar { color: var(--ink); background: var(--surface-3); }
.sidebar-backdrop { display: none; }
.main-area { grid-column: 2; min-width: 0; }
.mobile-topbar { display: none; }
.page-container { max-width: 1540px; margin: 0 auto; padding: 35px 40px 60px; }
.page-header { margin-bottom: 25px; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.page-header h1 { margin: 0; color: var(--ink); font-size: clamp(27px, 2.4vw, 36px); line-height: 1.12; letter-spacing: -.045em; }
.page-header p { margin: 8px 0 0; color: var(--muted); font-size: 13px; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.panel-header { min-height: 70px; padding: 18px 20px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.panel-header h2 { margin: 0; font-size: 16px; line-height: 1.25; letter-spacing: -.025em; }
.panel-header .eyebrow { margin-bottom: 3px; font-size: 9px; }

/* Forms and modal */
.field { display: flex; flex-direction: column; gap: 7px; }
.field > span { color: var(--ink-2); font-size: 11px; font-weight: 750; }
.field > small { margin-top: -2px; color: var(--muted); font-size: 10px; }
.field input, .field select, .field textarea, .filter-form select { width: 100%; border: 1px solid var(--border-strong); border-radius: 9px; color: var(--ink); background: white; outline: none; transition: border var(--transition), box-shadow var(--transition), background var(--transition); }
.field input, .field select, .filter-form select { height: 41px; padding: 0 12px; }
.field textarea { padding: 11px 12px; resize: vertical; min-height: 90px; }
.field input::placeholder, .field textarea::placeholder { color: #a8adb5; }
.field input:focus, .field select:focus, .field textarea:focus, .filter-form select:focus { border-color: rgba(73,53,255,.75); box-shadow: 0 0 0 3px rgba(73,53,255,.10); }
.field input[type="color"] { padding: 5px; cursor: pointer; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 17px; }
.form-grid .span-2 { grid-column: span 2; }
.form-actions { padding-top: 5px; display: flex; justify-content: flex-end; gap: 8px; }
.toggle-field { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.toggle-field input { position: absolute; opacity: 0; pointer-events: none; }
.toggle { width: 38px; height: 22px; padding: 3px; border-radius: 999px; background: #c9ced4; transition: background var(--transition); }
.toggle::after { content: ""; width: 16px; height: 16px; border-radius: 50%; background: white; display: block; box-shadow: 0 1px 3px rgba(0,0,0,.2); transition: transform var(--transition); }
.toggle-field input:checked + .toggle { background: var(--brand); }
.toggle-field input:checked + .toggle::after { transform: translateX(16px); }
.toggle-field > span:last-child { font-size: 12px; }
.toggle-field > span:last-child strong, .toggle-field > span:last-child small { display: block; }
.toggle-field > span:last-child small { color: var(--muted); margin-top: 2px; font-size: 10px; }
.modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; opacity: 0; visibility: hidden; transition: opacity var(--transition), visibility var(--transition); }
.modal.open { opacity: 1; visibility: visible; }
.modal-backdrop { position: absolute; inset: 0; background: rgba(18,21,27,.48); backdrop-filter: blur(3px); }
.modal-panel { position: relative; z-index: 1; width: min(560px, 100%); max-height: calc(100vh - 40px); overflow: auto; padding: 22px; border-radius: 18px; background: white; box-shadow: var(--shadow-lg); transform: translateY(10px) scale(.985); transition: transform var(--transition); }
.modal.open .modal-panel { transform: translateY(0) scale(1); }
.modal-panel-lg { width: min(760px, 100%); }
.modal-header { margin-bottom: 20px; display: flex; align-items: flex-start; justify-content: space-between; }
.modal-header h2 { margin: 0; font-size: 21px; letter-spacing: -.035em; }
.modal-open { overflow: hidden; }
.form-error { margin: 15px 0; padding: 11px 13px; border: 1px solid #f0caca; border-radius: 9px; color: #a83030; background: var(--red-soft); font-size: 12px; }

/* Dashboard */
.stats-grid { margin-bottom: 20px; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 12px; }
.stat-card { min-height: 113px; padding: 17px; border: 1px solid var(--border); border-radius: 13px; background: white; box-shadow: var(--shadow-sm); display: flex; align-items: flex-start; gap: 12px; }
.stat-card.alert-card { border-color: #f3cece; background: #fffdfd; }
.stat-icon { width: 35px; height: 35px; border-radius: 10px; display: grid; place-items: center; background: var(--surface-3); color: var(--muted); }
.stat-icon.brand { color: var(--brand-dark); background: var(--brand-soft); }
.stat-icon.blue { color: var(--blue); background: var(--blue-soft); }
.stat-icon.green { color: var(--green); background: var(--green-soft); }
.stat-icon.red { color: var(--red); background: var(--red-soft); }
.stat-card > div:last-child { display: grid; }
.stat-card span { color: var(--muted); font-size: 10px; font-weight: 700; }
.stat-card strong { margin: 1px 0 -1px; font-size: 25px; line-height: 1.2; letter-spacing: -.04em; }
.stat-card small { color: var(--muted-2); font-size: 9px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.85fr); gap: 20px; }
.dashboard-grid .span-2 { grid-column: span 2; }
.agenda-list, .attention-list { padding: 6px 16px 14px; }
.agenda-item { min-height: 59px; padding: 0 7px; display: grid; grid-template-columns: 46px 1px 64px minmax(0,1fr) 18px; align-items: center; gap: 11px; border-bottom: 1px solid #eef0f2; }
.agenda-item:last-child { border-bottom: 0; }
.agenda-item:hover .agenda-content strong { color: var(--brand-dark); }
.agenda-item time { font-size: 12px; font-weight: 800; }
.agenda-line { height: 30px; background: var(--border); }
.agenda-kind { min-height: 23px; border-radius: 6px; display: inline-grid; place-items: center; color: var(--blue); background: var(--blue-soft); font-size: 9px; font-weight: 800; }
.agenda-kind.task { color: var(--yellow); background: var(--yellow-soft); }
.agenda-content { min-width: 0; display: flex; flex-direction: column; }
.agenda-content strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; transition: color var(--transition); }
.agenda-content small { color: var(--muted); font-size: 10px; }
.attention-item { min-height: 65px; padding: 8px 7px; display: grid; grid-template-columns: 8px minmax(0,1fr) 18px; align-items: center; gap: 10px; border-bottom: 1px solid #eef0f2; }
.attention-item:last-child { border-bottom: 0; }
.attention-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 4px var(--red-soft); }
.attention-item span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.attention-item strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.attention-item small { color: var(--muted); font-size: 9.5px; }
.flow-summary { padding: 16px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; align-items: stretch; }
.flow-step { min-width: 0; min-height: 52px; padding: 10px 11px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); display: grid; grid-template-columns: 10px minmax(0,1fr) auto; align-items: center; gap: 8px; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.flow-step:hover { border-color: var(--border-strong); background: #fff; transform: translateY(-1px); }
.flow-step > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 750; color: var(--ink-2); }
.flow-step strong { min-width: 24px; text-align: right; font-size: 17px; line-height: 1; letter-spacing: -.04em; color: var(--ink); }
.flow-step .status-dot { width: 8px; height: 8px; }
.flow-dot, .status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--muted-2); box-shadow: 0 0 0 4px #f1f2f4; }
.status-idea .flow-dot, .status-dot.status-idea { background: #a27a28; box-shadow: 0 0 0 4px #fbf2dd; }
.status-script .flow-dot, .status-dot.status-script { background: #557ab5; box-shadow: 0 0 0 4px #e9f0fb; }
.status-record .flow-dot, .status-dot.status-record { background: #b56b38; box-shadow: 0 0 0 4px #faeee6; }
.status-edit .flow-dot, .status-dot.status-edit { background: #a6536d; box-shadow: 0 0 0 4px #f8eaf0; }
.status-review .flow-dot, .status-dot.status-review { background: #7659b4; box-shadow: 0 0 0 4px #f0ebfa; }
.status-scheduled .flow-dot, .status-dot.status-scheduled { background: #367c8b; box-shadow: 0 0 0 4px #e5f3f5; }
.status-published .flow-dot, .status-dot.status-published { background: var(--green); box-shadow: 0 0 0 4px var(--green-soft); }
.content-row-list { padding: 5px 20px 12px; }
.content-row { min-height: 61px; border-bottom: 1px solid #eef0f2; display: grid; grid-template-columns: 9px minmax(0,1fr) 105px 85px; align-items: center; gap: 12px; }
.content-row:last-child { border-bottom: 0; }
.client-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--client-color); }
.content-row-main { min-width: 0; display: flex; flex-direction: column; }
.content-row-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.content-row-main small { color: var(--muted); font-size: 9.5px; }
.content-row time { display: flex; flex-direction: column; align-items: flex-end; }
.content-row time strong { font-size: 10.5px; }
.content-row time small { color: var(--muted); font-size: 9px; }
.empty-state { min-height: 250px; padding: 35px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.empty-state.compact { min-height: 205px; padding: 26px; }
.empty-state.horizontal { min-height: 110px; flex-direction: row; gap: 15px; text-align: left; }
.empty-state.horizontal > span:nth-child(2) { flex: 1; }
.empty-state strong { margin-top: 9px; font-size: 13px; }
.empty-state p { max-width: 360px; margin: 4px 0 13px; color: var(--muted); font-size: 11px; }
.empty-icon { width: 45px; height: 45px; border-radius: 13px; display: grid; place-items: center; color: var(--muted); background: var(--surface-3); }
.empty-icon.large { width: 62px; height: 62px; border-radius: 17px; }
.success-state .empty-icon { color: var(--green); background: var(--green-soft); }

/* Performance */
.performance-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.performance-card { min-height:145px; padding:20px; border:1px solid var(--border); border-radius:16px; background:var(--surface-2); box-shadow:var(--shadow-sm); display:flex; flex-direction:column; }
.performance-card span { color:var(--muted); font-size:11px; font-weight:750; text-transform:uppercase; letter-spacing:.06em; }
.performance-card strong { margin:12px 0 4px; color:var(--ink); font-size:34px; line-height:1; }
.performance-card small { color:var(--muted); }
.performance-card.danger strong { color:var(--red); }
.performance-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.performance-panel > header { padding:18px 20px; border-bottom:1px solid var(--border); }
.performance-panel h2 { margin:4px 0 0; }
.performance-list, .attention-list { padding:8px 20px 18px; }
.performance-list > div { display:flex; justify-content:space-between; gap:18px; padding:13px 0; border-bottom:1px solid var(--border); }
.attention-list > div { padding:14px 0; border-bottom:1px solid var(--border); }
.attention-list ul { display:flex; flex-wrap:wrap; gap:7px; margin:8px 0 0; padding:0; list-style:none; }
.attention-list li { padding:5px 8px; border-radius:999px; color:var(--yellow); background:var(--yellow-soft); font-size:10px; }
@media (max-width:900px){.performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-columns{grid-template-columns:1fr}}
@media (max-width:560px){.performance-grid{grid-template-columns:1fr}}

/* Clients */
.client-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.client-card { min-height: 265px; padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: white; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: transform var(--transition), box-shadow var(--transition), border var(--transition); }
.client-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--border-strong); }
.client-card.inactive { opacity: .62; }
.client-card header { display: flex; align-items: center; justify-content: space-between; }
.client-avatar { width: 43px; height: 43px; border-radius: 13px; display: grid; place-items: center; color: white; background: var(--client-color); font-size: 17px; font-weight: 850; box-shadow: inset 0 -10px 18px rgba(0,0,0,.12); }
.card-menu { display: flex; gap: 2px; }
.client-card-body { margin-top: 19px; }
.status-dot-label { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .07em; }
.status-dot-label i { width: 6px; height: 6px; border-radius: 50%; background: var(--muted-2); }
.status-dot-label i.online { background: var(--green); }
.client-card h2 { margin: 6px 0 1px; font-size: 17px; letter-spacing: -.03em; }
.client-card-body p { margin: 0; color: var(--muted); font-size: 10.5px; }
.client-metrics { margin: auto 0 15px; padding: 14px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 1fr 1fr; }
.client-metrics span { display: flex; flex-direction: column; }
.client-metrics span + span { padding-left: 15px; border-left: 1px solid var(--border); }
.client-metrics strong { font-size: 17px; }
.client-metrics small { color: var(--muted); font-size: 9px; }
.client-card footer a { color: var(--muted); display: flex; align-items: center; justify-content: space-between; font-size: 10.5px; font-weight: 750; }
.client-card footer a:hover { color: var(--brand-dark); }
.empty-page { min-height: 460px; padding: 64px 42px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.empty-page .empty-icon { margin-bottom: 20px; }
.empty-page h2 { margin: 0; font-size: 21px; letter-spacing: -.035em; }
.empty-page p { max-width: 520px; margin: 9px auto 24px; color: var(--muted); line-height: 1.65; }
.empty-page .button { min-width: 185px; justify-content: center; }

/* Filter and table */
.filter-panel { margin-bottom: 14px; padding: 14px; }
.filter-form { display: flex; align-items: flex-end; gap: 10px; }
.filter-form label { min-width: 180px; display: flex; flex-direction: column; gap: 5px; }
.filter-form label span { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.filter-form select { height: 38px; }
.clear-filter { margin: 0 5px 10px; }
.table-panel { overflow: hidden; }
.data-table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 900px; }
.data-table th { height: 43px; padding: 0 17px; color: var(--muted); background: var(--surface-2); border-bottom: 1px solid var(--border); text-align: left; font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.data-table td { height: 68px; padding: 8px 17px; border-bottom: 1px solid #edf0f2; font-size: 11px; }
.data-table tbody tr:last-child td { border-bottom: 0; }
.data-table tbody tr:hover { background: #fcfcfd; }
.table-title { min-width: 250px; display: flex; align-items: center; gap: 10px; }
.table-title > span:last-child { min-width: 0; display: flex; flex-direction: column; }
.table-title strong { max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.table-title small { color: var(--muted); font-size: 9.5px; }
.platform-mark { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; color: var(--ink); background: var(--surface-3); font-size: 11px; font-weight: 850; }
.platform-instagram { color: #a03b70; background: #f9eaf2; }
.platform-youtube { color: #bd3333; background: #ffeded; }
.platform-tiktok { color: #20252c; background: #eff0f2; }
.platform-linkedin { color: #2e63a0; background: #eaf2fb; }
.client-inline { display: inline-flex; align-items: center; gap: 7px; }
.client-inline i { width: 7px; height: 7px; border-radius: 50%; background: var(--client-color); }
.status-pill { min-height: 24px; padding: 0 8px; border-radius: 6px; display: inline-flex; align-items: center; color: #66501e; background: #fbf2dd; font-size: 9px; font-weight: 750; white-space: nowrap; }
.status-pill.status-script { color: #3c5d8e; background: #e9f0fb; }
.status-pill.status-record { color: #8f512c; background: #faeee6; }
.status-pill.status-edit { color: #88445a; background: #f8eaf0; }
.status-pill.status-review { color: #5e4791; background: #f0ebfa; }
.status-pill.status-scheduled { color: #2e6874; background: #e5f3f5; }
.status-pill.status-published { color: var(--green); background: var(--green-soft); }
.stacked-date { display: flex; flex-direction: column; }
.stacked-date strong { font-size: 10.5px; }
.stacked-date small { color: var(--muted); font-size: 9px; }
.table-actions { display: flex; align-items: center; justify-content: flex-end; gap: 2px; }

/* Kanban */
.production-header { margin-bottom: 18px; }
.kanban-shell { width: calc(100vw - var(--sidebar-width) - 80px); max-width: calc(1540px - 80px); padding-bottom: 16px; display: grid; grid-template-columns: repeat(7, minmax(230px, 1fr)); gap: 11px; overflow-x: auto; scroll-snap-type: x proximity; }
.kanban-column { min-height: calc(100vh - 175px); border: 1px solid var(--border); border-radius: 13px; background: #eef0f2; scroll-snap-align: start; overflow: hidden; }
.kanban-column > header { height: 49px; padding: 0 12px; border-bottom: 1px solid var(--border-strong); display: flex; align-items: center; justify-content: space-between; background: #f8f9fa; }
.kanban-column > header span { display: flex; align-items: center; gap: 9px; }
.kanban-column > header strong { font-size: 10.5px; }
.kanban-column > header b { min-width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; color: var(--muted); background: white; font-size: 9px; }
.kanban-dropzone { min-height: calc(100vh - 225px); padding: 9px; transition: background var(--transition); }
.kanban-dropzone.drag-over { background: rgba(73,53,255,.08); }
.kanban-card { margin-bottom: 8px; padding: 12px; border: 1px solid #dde0e4; border-radius: 10px; background: white; box-shadow: 0 1px 2px rgba(20,24,32,.04); cursor: grab; transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition); }
.kanban-card:hover { transform: translateY(-1px); box-shadow: 0 5px 15px rgba(20,24,32,.08); }
.kanban-card.dragging { opacity: .35; cursor: grabbing; }
.kanban-card-top { display: flex; justify-content: space-between; align-items: center; }
.platform-chip { color: var(--muted); font-size: 8.5px; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.kanban-card h3 { margin: 9px 0 5px; font-size: 11.5px; line-height: 1.35; }
.kanban-card p { margin: 0 0 10px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.kanban-card-meta { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font-size: 9px; }
.priority-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted-2); }
.priority-dot.priority-high { background: var(--red); }
.priority-dot.priority-medium { background: var(--yellow); }
.priority-dot.priority-low { background: var(--green); }
.kanban-card footer { margin: 10px -12px -12px; padding: 8px 12px; border-top: 1px solid #eef0f2; color: var(--muted); background: #fcfcfd; font-size: 8.5px; }
.kanban-card footer span { display: flex; align-items: center; gap: 5px; }
.kanban-add { width: 100%; min-height: 34px; border: 1px dashed #cfd3d8; border-radius: 8px; color: var(--muted); background: transparent; display: flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; font-size: 9.5px; font-weight: 700; }
.kanban-add:hover { color: var(--brand-dark); border-color: rgba(73,53,255,.45); background: rgba(255,255,255,.6); }

/* Calendar */
.calendar-panel { overflow: hidden; }
.calendar-toolbar { height: 71px; padding: 0 18px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.calendar-title { display: flex; align-items: center; gap: 12px; }
.calendar-title h2 { margin: 0; font-size: 18px; letter-spacing: -.03em; }
.calendar-title h2 span { color: var(--muted); font-weight: 500; }
.calendar-nav { display: flex; gap: 4px; }
.calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); }
.calendar-weekdays { height: 35px; border-bottom: 1px solid var(--border); background: var(--surface-2); }
.calendar-weekdays span { display: grid; place-items: center; color: var(--muted); border-right: 1px solid var(--border); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.calendar-weekdays span:last-child { border-right: 0; }
.calendar-day { min-height: 126px; padding: 7px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: white; }
.calendar-day:nth-child(7n) { border-right: 0; }
.calendar-day.outside { background: #fafbfc; }
.calendar-day > header { height: 22px; display: flex; align-items: center; justify-content: space-between; }
.calendar-day > header button { width: 24px; height: 24px; border: 0; border-radius: 7px; color: var(--ink-2); background: transparent; display: grid; place-items: center; cursor: pointer; font-size: 10px; font-weight: 750; }
.calendar-day > header button:hover { color: var(--brand-dark); background: var(--brand-soft); }
.calendar-day.outside > header button { color: var(--muted-2); }
.calendar-day.today > header button { color: white; background: var(--brand); }
.calendar-day > header span { color: var(--muted); font-size: 8px; }
.calendar-events { margin-top: 4px; display: grid; gap: 4px; }
.calendar-event { width: 100%; min-height: 23px; padding: 0 6px; border: 0; border-left: 3px solid #9c7b2e; border-radius: 4px; color: #5e4b21; background: #fbf2dd; display: grid; grid-template-columns: 31px minmax(0,1fr); align-items: center; gap: 4px; text-align: left; cursor: pointer; }
.calendar-event:hover { filter: brightness(.98); }
.calendar-event time { font-size: 7.5px; font-weight: 800; }
.calendar-event span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; font-weight: 700; }
.calendar-event.status-script { color: #3c5d8e; background: #e9f0fb; border-left-color: #557ab5; }
.calendar-event.status-record { color: #8f512c; background: #faeee6; border-left-color: #b56b38; }
.calendar-event.status-edit { color: #88445a; background: #f8eaf0; border-left-color: #a6536d; }
.calendar-event.status-review { color: #5e4791; background: #f0ebfa; border-left-color: #7659b4; }
.calendar-event.status-scheduled { color: #2e6874; background: #e5f3f5; border-left-color: #367c8b; }
.calendar-event.status-published { color: var(--green); background: var(--green-soft); border-left-color: var(--green); }
.calendar-event.task { color: #675f54; background: #f1efeb; border-left-color: #8c8378; }
.calendar-legend { min-height: 45px; padding: 0 17px; display: flex; align-items: center; gap: 16px; color: var(--muted); font-size: 9px; }
.calendar-legend span { display: flex; align-items: center; gap: 6px; }
.calendar-legend i { width: 8px; height: 8px; border-radius: 2px; background: #367c8b; }
.calendar-legend .legend-task { background: #8c8378; }
.calendar-legend small { margin-left: auto; }

/* Tasks and ideas */
.tasks-layout { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(300px,.75fr); gap: 18px; }
.task-list { padding: 5px 15px 12px; }
.task-item { min-height: 66px; border-bottom: 1px solid #edf0f2; display: grid; grid-template-columns: 28px minmax(0,1fr) 58px 82px 68px; align-items: center; gap: 10px; }
.task-item:last-child { border-bottom: 0; }
.task-check { width: 21px; height: 21px; padding: 0; border: 1px solid var(--border-strong); border-radius: 7px; color: transparent; background: white; display: grid; place-items: center; cursor: pointer; }
.task-check:hover { color: var(--green); border-color: var(--green); background: var(--green-soft); }
.task-check.checked { color: white; border-color: var(--green); background: var(--green); }
.task-main { min-width: 0; display: flex; flex-direction: column; }
.task-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
.task-main small { color: var(--muted); font-size: 9px; }
.priority-label { font-size: 8.5px; font-weight: 750; color: var(--yellow); }
.priority-label.priority-high { color: var(--red); }
.priority-label.priority-low { color: var(--green); }
.task-date { display: flex; flex-direction: column; align-items: flex-end; }
.task-date strong { font-size: 9.5px; }
.task-date small { color: var(--muted); font-size: 8.5px; }
.task-item.completed { grid-template-columns: 28px minmax(0,1fr) 34px; opacity: .63; }
.task-item.completed .task-main strong { text-decoration: line-through; }
.ideas-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.idea-card { min-height: 255px; padding: 18px; border: 1px solid var(--border); border-radius: 15px; background: white; box-shadow: var(--shadow-sm); display: flex; flex-direction: column; transition: transform var(--transition), box-shadow var(--transition); }
.idea-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.idea-card header { display: flex; align-items: center; justify-content: space-between; }
.idea-card h2 { margin: 24px 0 8px; font-size: 17px; line-height: 1.3; letter-spacing: -.03em; }
.idea-card p { margin: 0; color: var(--muted); font-size: 10.5px; line-height: 1.55; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.idea-card footer { margin-top: auto; padding-top: 17px; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.idea-card footer > span { color: var(--muted); display: inline-flex; align-items: center; gap: 6px; font-size: 9px; }
.client-dot-small { width: 7px; height: 7px; border-radius: 50%; background: var(--client-color); }

/* Notifications */
.notifications-panel { overflow: hidden; }
.notification-list { display: grid; }
.notification-item { min-height: 86px; padding: 14px 18px; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 38px minmax(0,1fr) 8px; align-items: center; gap: 13px; background: white; transition: background var(--transition); }
.notification-item:last-child { border-bottom: 0; }
.notification-item:hover { background: var(--surface-2); }
.notification-item.unread { background: #fffdfc; }
.notification-icon { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: var(--blue); background: var(--blue-soft); }
.notification-icon.category-overdue { color: var(--red); background: var(--red-soft); }
.notification-icon.category-publish { color: var(--green); background: var(--green-soft); }
.notification-main { min-width: 0; }
.notification-main strong { font-size: 11.5px; }
.notification-main p { margin: 2px 0; color: var(--muted); font-size: 10px; }
.notification-main small { color: var(--muted-2); font-size: 8.5px; }
.unread-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }

/* Settings */
.settings-layout { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.settings-layout .span-2 { grid-column: span 2; }
.settings-panel > form, .settings-panel > .plan-summary, .integration-content, .security-grid { padding: 20px; }
.settings-icon { width: 34px; height: 34px; border-radius: 10px; color: var(--muted); background: var(--surface-3); display: grid; place-items: center; }
.plan-badge { padding: 5px 9px; border-radius: 7px; color: var(--brand-dark); background: var(--brand-soft); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.plan-summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.plan-summary strong { font-size: 13px; }
.plan-summary p { max-width: 460px; margin: 3px 0 0; color: var(--muted); font-size: 10.5px; }
.config-note { max-width: 340px; padding: 9px 11px; border-radius: 8px; color: #715d2e; background: var(--yellow-soft); font-size: 9.5px; }
.integration-logo { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: white; background: #0065ff; font-weight: 850; }
.integration-content { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.integration-content strong { font-size: 12.5px; }
.integration-content p { max-width: 620px; margin: 3px 0 0; color: var(--muted); font-size: 10.5px; }
.integration-actions { display: flex; gap: 8px; }
.divider { height: 1px; margin: 0 -20px 20px; background: var(--border); }
.security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.security-grid div { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-2); }
.security-grid strong { font-size: 11px; }
.security-grid p { margin: 4px 0 0; color: var(--muted); font-size: 9.5px; }

/* Toasts */
.toast-region { position: fixed; z-index: 150; right: 22px; bottom: 22px; display: grid; gap: 8px; }
.toast { min-width: 260px; max-width: 390px; padding: 12px 15px; border: 1px solid var(--border); border-left: 4px solid var(--green); border-radius: 10px; color: var(--ink); background: white; box-shadow: var(--shadow-md); opacity: 0; transform: translateY(8px); transition: opacity var(--transition), transform var(--transition); font-size: 11px; font-weight: 650; }
.toast.visible { opacity: 1; transform: translateY(0); }
.toast-error { border-left-color: var(--red); }

/* Public */
.public-body { background: white; }
.public-nav { position: relative; z-index: 10; max-width: 1240px; height: 78px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.public-nav nav { display: flex; align-items: center; gap: 28px; }
.public-nav nav a { color: var(--muted); font-size: 12px; font-weight: 650; }
.public-nav nav a:hover { color: var(--ink); }
.public-nav-actions { display: flex; gap: 7px; }
.hero-section { position: relative; max-width: 1360px; min-height: 670px; margin: 0 auto; padding: 74px 60px 80px; display: grid; grid-template-columns: minmax(450px,.9fr) minmax(560px,1.1fr); align-items: center; gap: 35px; overflow: hidden; }
.hero-section::before { content: ""; position: absolute; z-index: -1; top: -220px; left: -200px; width: 620px; height: 620px; border-radius: 50%; background: radial-gradient(circle, rgba(73,53,255,.10), transparent 68%); }
.hero-copy { position: relative; z-index: 2; }
.hero-kicker { margin-bottom: 17px; color: var(--brand-dark); display: inline-flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.hero-kicker::before { content: ""; width: 25px; height: 2px; background: var(--brand); }
.hero-copy h1 { margin: 0; max-width: 650px; font-size: clamp(48px, 5.5vw, 74px); line-height: .98; letter-spacing: -.065em; }
.hero-copy h1 span { color: var(--brand); }
.hero-copy > p { max-width: 560px; margin: 24px 0 29px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.hero-actions { display: flex; gap: 10px; }
.trust-line { margin-top: 21px; display: flex; flex-wrap: wrap; gap: 16px; color: var(--muted); font-size: 9.5px; font-weight: 650; }
.trust-line span { display: inline-flex; align-items: center; gap: 5px; }
.trust-line .icon { color: var(--green); }
.hero-product { position: relative; perspective: 1200px; }
.hero-product::before { content: ""; position: absolute; inset: 16% -10% -10% 10%; z-index: -1; border-radius: 50%; background: rgba(73,53,255,.13); filter: blur(65px); }
.preview-window { border: 1px solid #dfe2e6; border-radius: 18px; background: white; box-shadow: 0 35px 90px rgba(25,28,34,.20); overflow: hidden; transform: rotateY(-4deg) rotateX(2deg); }
.preview-top { height: 35px; padding: 0 12px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 6px; color: var(--muted); background: #fafbfc; }
.preview-brand-logo { width: 54px; height: auto; margin-left: auto; margin-right: auto; }
.preview-dot { width: 7px; height: 7px; border-radius: 50%; background: #d4d8dd; }
.preview-layout { min-height: 410px; display: grid; grid-template-columns: 55px 1fr; }
.preview-sidebar { padding: 12px 10px; border-right: 1px solid var(--border); background: #fbfbfc; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.preview-logo { width: 27px; height: 27px; border-radius: 8px; color: white; background: var(--brand); display: grid; place-items: center; font-size: 11px; font-weight: 850; }
.preview-sidebar i { width: 25px; height: 7px; border-radius: 4px; background: #e4e6e9; }
.preview-sidebar i.active { background: var(--brand); }
.preview-main { padding: 27px 24px; background: #f6f7f8; }
.preview-heading { display: flex; justify-content: space-between; align-items: flex-end; }
.preview-heading div { display: flex; flex-direction: column; }
.preview-heading small { color: var(--brand-dark); font-size: 7px; font-weight: 800; text-transform: uppercase; }
.preview-heading strong { font-size: 17px; letter-spacing: -.04em; }
.preview-button { display: inline-flex; align-items: center; height: 28px; padding: 0 9px; border-radius: 7px; color: white; background: var(--brand); font-size: 7px; font-weight: 800; }
.preview-stats { margin: 18px 0 12px; display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.preview-stats div { padding: 10px; border: 1px solid var(--border); border-radius: 8px; background: white; display: grid; }
.preview-stats small { color: var(--muted); font-size: 6px; }
.preview-stats strong { font-size: 16px; }
.preview-stats .danger strong { color: var(--red); }
.preview-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 8px; }
.preview-card { min-height: 205px; padding: 13px; border: 1px solid var(--border); border-radius: 9px; background: white; }
.preview-card > strong { font-size: 8px; }
.preview-card p { margin: 13px 0; padding-bottom: 10px; border-bottom: 1px solid #eef0f2; display: flex; gap: 8px; font-size: 7px; }
.preview-card p b { color: var(--brand-dark); }
.mini-flow { margin-top: 13px; display: grid; gap: 8px; }
.mini-flow span { padding: 8px; border-radius: 6px; background: #f3f4f5; display: flex; justify-content: space-between; color: var(--muted); font-size: 6px; }
.mini-flow b { color: var(--ink); }
.logo-strip { min-height: 72px; padding: 0 24px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--muted); background: #fafbfc; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.logo-strip strong { color: var(--ink); font-size: 13px; letter-spacing: .14em; }
.logo-strip i { width: 1px; height: 18px; background: var(--border-strong); }
.feature-section, .pricing-section { max-width: 1240px; margin: 0 auto; padding: 110px 24px; }
.section-heading { max-width: 700px; margin: 0 auto 48px; text-align: center; }
.section-heading h2 { margin: 0; font-size: clamp(33px,4vw,48px); line-height: 1.08; letter-spacing: -.055em; }
.section-heading p { margin: 15px auto 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.feature-card { min-height: 250px; padding: 26px; border: 1px solid var(--border); border-radius: 18px; background: white; box-shadow: var(--shadow-sm); }
.feature-card.featured { grid-column: span 2; }
.feature-icon { width: 45px; height: 45px; border-radius: 13px; color: var(--brand-dark); background: var(--brand-soft); display: grid; place-items: center; }
.feature-card h3 { margin: 23px 0 7px; font-size: 18px; letter-spacing: -.035em; }
.feature-card p { max-width: 440px; margin: 0; color: var(--muted); font-size: 11.5px; line-height: 1.55; }
.calendar-visual { max-width: 500px; margin: 28px 0 0; display: grid; grid-template-columns: repeat(5,1fr); gap: 6px; }
.calendar-visual span { color: var(--muted); font-size: 7px; text-align: center; }
.calendar-visual b { height: 42px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-2); }
.calendar-visual b.event { border-color: #cbdcf7; background: var(--blue-soft); }
.calendar-visual b.event.warm { border-color: #d9d3ff; background: var(--brand-soft); }
.workflow-section { max-width: 1320px; margin: 20px auto 0; padding: 95px 70px; border-radius: 30px; color: white; background: var(--ink); display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; overflow: hidden; }
.workflow-copy .eyebrow { color: #b9afff; }
.workflow-copy h2 { margin: 0; font-size: 44px; line-height: 1.05; letter-spacing: -.055em; }
.workflow-copy > p { margin: 17px 0 28px; color: #b8bdc6; font-size: 13px; line-height: 1.6; }
.workflow-copy ol { margin: 0 0 30px; padding: 0; list-style: none; display: grid; gap: 17px; }
.workflow-copy li { display: flex; gap: 12px; }
.workflow-copy li > b { width: 28px; height: 28px; border-radius: 8px; color: white; background: rgba(255,255,255,.12); display: grid; place-items: center; font-size: 10px; }
.workflow-copy li span { display: flex; flex-direction: column; }
.workflow-copy li strong { font-size: 11px; }
.workflow-copy li small { color: #989faa; font-size: 9.5px; }
.workflow-board { min-width: 680px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; transform: rotate(-2deg); }
.workflow-column { padding: 10px; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; background: rgba(255,255,255,.07); }
.workflow-column header { height: 34px; display: flex; justify-content: space-between; color: #c8ccd3; font-size: 9px; font-weight: 750; }
.workflow-column article { min-height: 120px; margin-bottom: 9px; padding: 12px; border-radius: 9px; color: var(--ink); background: white; display: flex; flex-direction: column; }
.workflow-column article small { color: var(--muted); font-size: 7px; text-transform: uppercase; }
.workflow-column article strong { margin: 10px 0; font-size: 10px; line-height: 1.4; }
.workflow-column article span { margin-top: auto; color: var(--muted); font-size: 8px; }
.pricing-section { padding-top: 125px; }
.pricing-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; align-items: stretch; }
.price-card { position: relative; min-height: 435px; padding: 25px; border: 1px solid var(--border); border-radius: 18px; background: white; display: flex; flex-direction: column; }
.price-card.popular { border: 2px solid var(--brand); box-shadow: 0 18px 45px rgba(73,53,255,.13); }
.price-card em { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 5px 12px; border-radius: 999px; color: white; background: var(--brand); font-style: normal; font-size: 8px; font-weight: 800; text-transform: uppercase; white-space: nowrap; }
.price-card > span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.price-card h3 { margin: 14px 0 8px; font-size: 31px; letter-spacing: -.055em; }
.price-card h3 small { color: var(--muted); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.price-card > p { min-height: 39px; margin: 0; color: var(--muted); font-size: 10.5px; }
.price-card ul { margin: 24px 0; padding: 19px 0 0; border-top: 1px solid var(--border); list-style: none; display: grid; gap: 13px; }
.price-card li { display: flex; align-items: center; gap: 8px; color: var(--ink-2); font-size: 10px; }
.price-card li .icon { color: var(--green); }
.price-card .button { margin-top: auto; }
.pricing-note { margin: 20px auto 0; color: var(--muted); text-align: center; font-size: 9px; }
.final-cta { max-width: 1320px; margin: 0 auto 70px; padding: 75px 24px; border-radius: 30px; color: white; background: linear-gradient(135deg, #171923 0%, #211d45 58%, #3126a4 100%); text-align: center; }
.final-cta > div { max-width: 700px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.final-cta h2 { margin: 22px 0 10px; font-size: 43px; line-height: 1.08; letter-spacing: -.055em; }
.final-cta p { margin: 0 0 25px; color: #c6c8cd; font-size: 13px; }
.public-footer { max-width: 1240px; min-height: 95px; margin: 0 auto; padding: 0 24px; border-top: 1px solid var(--border); display: flex; align-items: center; gap: 25px; color: var(--muted); font-size: 9px; }
.public-footer p { margin-right: auto; }

/* Authentication */
.auth-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(390px,.78fr) minmax(500px,1.22fr); }
.auth-side { position: relative; padding: 48px; color: var(--ink); background: linear-gradient(145deg, #f5f3ff 0%, #ece9ff 52%, #ffffff 100%); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.auth-side h1 { margin: 13px 0; font-size: clamp(48px,6vw,75px); line-height: .96; letter-spacing: -.065em; }
.auth-side p { max-width: 430px; color: #666b78; font-size: 14px; line-height: 1.6; }
.auth-side small { color: #74798a; font-size: 9px; text-transform: uppercase; letter-spacing: .09em; }
.auth-kicker { color: #4935ff; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.auth-main { padding: 45px 24px; display: grid; place-items: center; background: #f7f8f9; }
.auth-card { width: min(430px,100%); padding: 34px; border: 1px solid var(--border); border-radius: 20px; background: white; box-shadow: var(--shadow-md); }
.auth-card h2 { margin: 0; font-size: 29px; letter-spacing: -.045em; }
.auth-subtitle { margin: 7px 0 21px; color: var(--muted); font-size: 11.5px; }
.auth-form { display: grid; gap: 15px; }
.auth-switch { margin: 19px 0 0; color: var(--muted); text-align: center; font-size: 10.5px; }
.auth-switch a { color: var(--brand-dark); font-weight: 750; }
.demo-hint { margin: 15px 0 0; padding: 10px; border-radius: 8px; color: #6f5c31; background: var(--yellow-soft); text-align: center; font-size: 8.5px; }
.auth-mobile-brand { display: none; margin-bottom: 28px; }

/* Responsive */
@media (max-width: 1280px) {
  .page-container { padding-left: 28px; padding-right: 28px; }
  .stats-grid { grid-template-columns: repeat(3,1fr); }
  .client-grid { grid-template-columns: repeat(3,1fr); }
  .kanban-shell { width: calc(100vw - var(--sidebar-width) - 56px); }
  .hero-section { padding-left: 40px; padding-right: 40px; grid-template-columns: .85fr 1.15fr; }
  .preview-layout { min-height: 350px; }
  .preview-grid { grid-template-columns: 1fr; }
  .preview-grid .preview-card:last-child { display: none; }
  .pricing-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 1024px) {
  :root { --sidebar-width: 226px; }
  .page-container { padding: 27px 22px 50px; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .dashboard-grid .span-2 { grid-column: auto; }
  .flow-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .client-grid { grid-template-columns: repeat(2,1fr); }
  .ideas-grid { grid-template-columns: repeat(2,1fr); }
  .tasks-layout { grid-template-columns: 1fr; }
  .settings-layout { grid-template-columns: 1fr; }
  .settings-layout .span-2 { grid-column: auto; }
  .hero-section { min-height: auto; padding-top: 55px; grid-template-columns: 1fr; text-align: center; }
  .hero-copy > p, .hero-copy h1 { margin-left: auto; margin-right: auto; }
  .hero-actions, .trust-line { justify-content: center; }
  .hero-product { max-width: 760px; margin: 20px auto 0; }
  .workflow-section { margin-left: 20px; margin-right: 20px; padding: 70px 45px; grid-template-columns: 1fr; }
  .workflow-copy { max-width: 600px; }
  .workflow-board { min-width: 0; }
  .auth-shell { grid-template-columns: 1fr; }
  .auth-side { display: none; }
  .auth-mobile-brand { display: block; }
}

@media (max-width: 760px) {
  .mobile-only { display: inline-grid !important; }
  .app-shell { display: block; }
  .sidebar { width: min(300px, 86vw); transform: translateX(-102%); box-shadow: var(--shadow-lg); transition: transform 220ms ease; }
  .app-shell.sidebar-open .sidebar { transform: translateX(0); }
  .sidebar-backdrop { position: fixed; inset: 0; z-index: 35; display: block; background: rgba(18,21,27,.42); opacity: 0; visibility: hidden; transition: opacity var(--transition), visibility var(--transition); }
  .app-shell.sidebar-open .sidebar-backdrop { opacity: 1; visibility: visible; }
  .main-area { min-height: 100vh; }
  .mobile-topbar { position: sticky; top: 0; z-index: 30; height: 58px; padding: 0 14px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.92); backdrop-filter: blur(13px); display: flex; align-items: center; justify-content: space-between; }
  .dot-badge { position: absolute; top: 7px; right: 7px; width: 7px; height: 7px; border: 2px solid white; border-radius: 50%; background: var(--brand); }
  .page-container { padding: 21px 14px 42px; }
  .page-header { margin-bottom: 19px; align-items: flex-start; flex-direction: column; gap: 15px; }
  .page-header h1 { font-size: 27px; }
  .page-header p { font-size: 11px; }
  .page-header > .button, .header-actions { width: 100%; }
  .header-actions .button { flex: 1; }
  .stats-grid { grid-template-columns: repeat(2,1fr); gap: 9px; }
  .stat-card { min-height: 102px; padding: 13px; }
  .stat-card:last-child { grid-column: span 2; }
  .stat-icon { width: 31px; height: 31px; }
  .stat-card strong { font-size: 22px; }
  .dashboard-grid { gap: 13px; }
  .panel { border-radius: 12px; }
  .panel-header { min-height: 63px; padding: 15px; }
  .flow-summary { padding: 12px; grid-template-columns: 1fr; gap: 7px; }
  .content-row-list { padding: 4px 14px 10px; }
  .content-row { grid-template-columns: 8px minmax(0,1fr) 75px; }
  .content-row .status-pill { display: none; }
  .agenda-list, .attention-list { padding-left: 10px; padding-right: 10px; }
  .agenda-item { grid-template-columns: 40px 1px 54px minmax(0,1fr); gap: 8px; }
  .agenda-item > .icon { display: none; }
  .client-grid, .ideas-grid { grid-template-columns: 1fr; }
  .filter-form { align-items: stretch; flex-direction: column; }
  .filter-form label { min-width: 0; }
  .clear-filter { margin: 4px 0; }
  .kanban-shell { width: calc(100vw - 28px); grid-template-columns: repeat(7, minmax(82vw, 1fr)); }
  .kanban-column { min-height: 560px; }
  .calendar-panel { overflow-x: auto; }
  .calendar-toolbar, .calendar-grid, .calendar-legend { min-width: 720px; }
  .calendar-day { min-height: 105px; }
  .task-item { grid-template-columns: 26px minmax(0,1fr) 55px; padding: 9px 0; }
  .task-item .priority-label, .task-item .task-date { display: none; }
  .task-item.completed { grid-template-columns: 26px minmax(0,1fr) 34px; }
  .settings-panel > form, .settings-panel > .plan-summary, .integration-content, .security-grid { padding: 16px; }
  .plan-summary, .integration-content { align-items: flex-start; flex-direction: column; }
  .security-grid { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .span-2 { grid-column: auto; }
  .modal { padding: 0; align-items: end; }
  .modal-panel, .modal-panel-lg { width: 100%; max-height: 92vh; border-radius: 20px 20px 0 0; }
  .toast-region { right: 12px; left: 12px; bottom: 12px; }
  .toast { min-width: 0; max-width: none; }
  .public-nav { height: 67px; padding: 0 16px; }
  .public-nav nav { display: none; }
  .public-nav-actions .button-ghost { display: none; }
  .hero-section { padding: 54px 18px 65px; }
  .hero-copy h1 { font-size: 45px; }
  .hero-copy > p { font-size: 13px; }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .trust-line { gap: 8px 12px; }
  .preview-window { transform: none; }
  .preview-layout { min-height: 300px; grid-template-columns: 38px 1fr; }
  .preview-sidebar { padding: 9px 5px; }
  .preview-sidebar i { width: 18px; }
  .preview-main { padding: 18px 13px; }
  .preview-stats { grid-template-columns: repeat(2,1fr); }
  .feature-section, .pricing-section { padding: 80px 16px; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-card.featured { grid-column: auto; }
  .section-heading h2 { font-size: 35px; }
  .workflow-section { margin: 0 10px; padding: 55px 22px; border-radius: 22px; overflow-x: hidden; }
  .workflow-copy h2 { font-size: 35px; }
  .workflow-board { grid-template-columns: repeat(3, 220px); overflow-x: auto; padding-bottom: 10px; transform: none; }
  .pricing-grid { grid-template-columns: 1fr; }
  .final-cta { margin: 0 10px 40px; padding: 55px 20px; border-radius: 22px; }
  .final-cta h2 { font-size: 35px; }
  .public-footer { min-height: 130px; padding: 25px 16px; align-items: flex-start; flex-direction: column; gap: 8px; }
  .auth-main { padding: 25px 14px; }
  .auth-card { padding: 25px 20px; border-radius: 17px; }
}

@media (max-width: 430px) {
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-card { flex-direction: column; gap: 8px; }
  .stat-card:last-child { grid-column: span 2; flex-direction: row; }
  .header-actions { flex-direction: column; }
  .agenda-item { grid-template-columns: 38px 1px minmax(0,1fr); }
  .agenda-kind { display: none; }
  .empty-state.horizontal { align-items: flex-start; flex-direction: column; }
  .hero-copy h1 { font-size: 39px; }
  .preview-button { display: none; }
}

/* Billing */
.app-billing-toggle{width:fit-content;margin:0 auto 10px;display:flex;gap:4px;padding:5px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.app-billing-toggle button{border:0;border-radius:999px;padding:10px 18px;background:transparent;color:var(--muted);font:inherit;font-weight:800;cursor:pointer}.app-billing-toggle button.active{background:var(--brand);color:#fff}.app-billing-toggle button span{margin-left:5px;font-size:10px;opacity:.8}.annual-note{margin:0 0 18px;text-align:center;color:var(--muted);font-size:13px}
.notice-banner{display:flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:18px}.notice-banner.success{border-color:#bfe7d3;background:#f2fbf6}.notice-banner.error{border-color:#f4c7c7;background:#fff6f6}.billing-summary{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;margin-bottom:20px}.billing-summary h2{font-size:28px;margin:4px 0}.billing-summary p{margin:0;color:var(--muted)}.billing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.billing-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;min-height:430px}.billing-card.current{border-color:var(--brand)}.billing-card.popular{border:2px solid var(--brand)}.billing-card.popular em{position:absolute;top:-12px;right:18px;background:var(--brand);color:#fff;font-style:normal;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 10px}.billing-card h2{font-size:34px;margin:14px 0 8px}.billing-card h2 small{font-size:13px;color:var(--muted);font-weight:600}.billing-card>p{color:var(--muted);min-height:42px}.billing-card>p strong{color:var(--ink)}.billing-card ul{list-style:none;padding:18px 0;margin:12px 0 22px;border-top:1px solid var(--border);display:grid;gap:12px}.billing-card li{display:flex;gap:8px;align-items:center;font-size:13px}.billing-card li svg{color:#199660}.billing-card .button{margin-top:auto;width:100%;justify-content:center}.button-disabled{display:inline-flex;align-items:center;justify-content:center;background:#f1f2f4;color:#858b95;border:1px solid #e4e6e9;cursor:not-allowed}.billing-footnote{text-align:center;color:var(--muted);font-size:13px;margin:20px 0 0}.plan-entitlement-compare{margin-top:20px;padding:0;overflow:hidden}.plan-entitlement-compare>header{padding:22px 24px;border-bottom:1px solid var(--border)}.plan-entitlement-compare h2{margin:3px 0 5px}.plan-entitlement-compare p{margin:0;color:var(--muted)}.entitlement-table{overflow-x:auto}.entitlement-row{min-width:720px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);border-bottom:1px solid var(--border)}.entitlement-row.head{background:var(--surface-3)}.entitlement-row span,.entitlement-row b{padding:13px 16px}.entitlement-row b{text-align:center}.quota-note{display:block;padding:15px 24px;color:var(--muted)}@media(max-width:1100px){.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.billing-grid{grid-template-columns:1fr}.billing-summary{align-items:flex-start;gap:18px;flex-direction:column}.billing-summary .button{width:100%;justify-content:center}}

/* Virzo planning upgrade */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mini-profile-link{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;border-radius:9px;padding:3px;transition:background var(--transition)}
.mini-profile-link:hover{background:var(--surface-3)}
.profile-avatar.image{object-fit:cover;width:34px;height:34px}

/* Dashboard */
.dashboard-agenda-first{margin-bottom:18px;overflow:hidden}.stats-grid-dashboard{margin-bottom:20px}.dashboard-agenda-first .agenda-list{padding-bottom:7px}
.dashboard-tasks-panel{margin-bottom:18px;overflow:hidden}.dashboard-task-list{padding:6px 18px 12px}.dashboard-task-row{min-height:58px;padding:8px 4px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px}.dashboard-task-row:last-child{border-bottom:0}.dashboard-task-row>a{min-width:0;display:flex;flex-direction:column}.dashboard-task-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.dashboard-task-row small{margin-top:2px;color:var(--muted);font-size:9px}.agenda-item-actionable{grid-template-columns:46px 1px 64px minmax(0,1fr) 32px}.agenda-complete{width:30px;height:30px;border:1px solid var(--border);border-radius:9px;color:var(--green);background:var(--surface);display:grid;place-items:center;cursor:pointer}.agenda-complete:hover{border-color:var(--green);background:var(--green-soft)}

/* Agenda: daily, weekly and monthly */
.agenda-calendar-panel{overflow:visible}.agenda-toolbar{min-height:72px;padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}.agenda-toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}.agenda-toolbar-left h2{margin:0 0 0 5px;font-size:18px;letter-spacing:-.03em;white-space:nowrap}.agenda-period-nav{display:flex;align-items:center;gap:2px}.period-menu{position:relative}.period-menu summary{list-style:none}.period-menu summary::-webkit-details-marker{display:none}.period-popover{position:absolute;top:46px;left:0;z-index:30;width:235px;padding:8px;border:1px solid var(--border);border-radius:12px;background:white;box-shadow:var(--shadow-md)}.period-popover>a{height:36px;padding:0 10px;border-radius:8px;display:flex;align-items:center;font-size:12px;font-weight:700}.period-popover>a:hover{background:var(--surface-3)}.period-popover form{margin-top:6px;padding:10px;border-top:1px solid var(--border);display:grid;gap:8px}.period-popover form label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.period-popover input[type=month]{height:36px;border:1px solid var(--border-strong);border-radius:8px;padding:0 9px}.view-switcher{padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);display:flex}.view-switcher a{height:31px;padding:0 12px;border-radius:7px;color:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:750}.view-switcher a.active{color:var(--ink);background:white;box-shadow:var(--shadow-sm)}
.day-agenda-view{padding:22px}.day-agenda-heading{padding:0 4px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.day-agenda-heading>div{display:flex;align-items:baseline;gap:10px}.day-agenda-heading .eyebrow{margin:0}.day-agenda-heading strong{font-size:30px;letter-spacing:-.05em}.day-timeline{padding-top:7px}.agenda-event-row{width:100%;min-height:70px;padding:10px 8px;border:0;border-bottom:1px solid var(--border);background:transparent;display:grid;grid-template-columns:54px 92px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;cursor:pointer}.agenda-event-row:hover{background:var(--surface-2)}.agenda-event-row time{font-size:12px;font-weight:850}.agenda-event-row>span:nth-child(3){min-width:0;display:flex;flex-direction:column}.agenda-event-row strong{font-size:13px}.agenda-event-row small{margin-top:2px;color:var(--muted);font-size:10px}.agenda-event-badge{min-height:25px;padding:0 8px;border-radius:7px;color:var(--blue);background:var(--blue-soft);display:grid;place-items:center;font-size:9px;font-weight:800}.kind-task .agenda-event-badge{color:var(--yellow);background:var(--yellow-soft)}.kind-event .agenda-event-badge{color:var(--purple);background:var(--purple-soft)}.kind-deadline .agenda-event-badge{color:#9b5c0f;background:#fff0d8}.agenda-event-row.status-overdue{background:#fff8ed}
.week-agenda-view{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto}.week-day{min-height:520px;border-right:1px solid var(--border);background:white}.week-day:last-child{border-right:0}.week-day>header{height:62px;padding:8px 10px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.week-day>header>div{display:flex;align-items:center;gap:7px}.week-day>header span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.week-day>header strong{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:12px}.week-day.today>header strong{color:white;background:var(--brand)}.week-day>header button{width:28px;height:28px;border:0;border-radius:7px;color:var(--muted);background:transparent;display:grid;place-items:center;cursor:pointer}.week-day>header button:hover{background:var(--brand-soft);color:var(--brand)}.week-events{padding:8px;display:grid;gap:6px;align-content:start}.week-event{width:100%;min-height:72px;padding:9px;border:1px solid #dfe4eb;border-left:3px solid var(--blue);border-radius:9px;background:#f8faff;display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer}.week-event.kind-task{border-left-color:var(--yellow);background:#fffbf2}.week-event.kind-event{border-left-color:var(--purple);background:#faf8ff}.week-event.kind-deadline{border-left-color:#cf8a2f;background:#fff8ed}.week-event.state-rejected{border-color:#efbcbc;border-left-color:var(--red);background:var(--red-soft)}.week-event.state-overdue{border-color:#efc88b;border-left-color:#d78318;background:#fff7e8}.week-event time{font-size:9px;font-weight:850}.week-event strong{margin-top:4px;font-size:10px;line-height:1.3}.week-event small{margin-top:4px;color:var(--muted);font-size:8.5px}.week-empty{height:38px;border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);background:transparent;cursor:pointer;font-size:9px}.week-empty:hover{color:var(--brand);border-color:#efb29f;background:var(--brand-soft)}
.calendar-event.meeting{color:#5f4b93;background:var(--purple-soft);border-left-color:var(--purple)}.calendar-event.kind-deadline{color:#87520e;background:#fff5e5;border-left-color:#d58a28}.calendar-event.state-rejected{color:#9d3434;background:var(--red-soft);border-left-color:var(--red)}.calendar-event.state-overdue{color:#8d570d;background:#fff4df;border-left-color:#d9851a}.calendar-legend .legend-meeting{background:var(--purple)}.calendar-legend .legend-content{background:var(--blue)}.calendar-legend .legend-deadline{background:#d9851a}

/* Production cards and streamlined detail */
.kanban-card{overflow:hidden;padding-top:0}.kanban-card:not(:has(.kanban-cover)){padding-top:12px}.kanban-cover{height:122px;margin:0 -12px 10px;overflow:hidden;background:var(--surface-3)}.kanban-cover img{width:100%;height:100%;object-fit:cover}.kanban-card.card-state-rejected{border-color:#e8a8a8;background:#fff7f7}.kanban-card.card-state-overdue{border-color:#e5b461;background:#fff9ef}.card-alert{margin:8px 0;padding:6px 8px;border-radius:7px;display:flex;align-items:center;gap:5px;font-size:8.8px;font-weight:800}.card-alert.rejected{color:#a93636;background:#ffe3e3}.card-alert.overdue{color:#8c570f;background:#ffeaca}.kanban-card-icons{margin-top:8px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:8.5px}.kanban-card-icons span{display:inline-flex;align-items:center;gap:4px}.client-inline{min-width:0;display:inline-flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-inline>i,.client-dot-small{width:7px;height:7px;border-radius:50%;background:var(--client-color);flex:none}.client-mini-logo{width:18px;height:18px;border-radius:5px;object-fit:cover;flex:none}
.content-detail-modal{z-index:100}.content-detail-panel{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 36px);padding:0;overflow:auto}.detail-close{position:absolute;z-index:5;top:12px;right:12px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm)}.detail-cover{height:260px;background-position:center;background-size:cover}.detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr)}.detail-main{padding:26px 30px 34px;min-width:0}.detail-side{padding:64px 22px 28px;border-left:1px solid var(--border);background:#fafbfc}.detail-stage{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-state{font-size:10px;font-weight:800}.detail-title-input{width:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:26px;line-height:1.25;font-weight:800;letter-spacing:-.04em}.detail-actions-row{margin:18px 0;display:flex;flex-wrap:wrap;gap:7px}.detail-tool{min-height:35px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;color:var(--ink-2);background:var(--surface-2);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:750}.detail-tool:hover{background:var(--surface-3)}.file-tool input{display:none}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-section{margin-top:26px}.detail-section-heading{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-section-heading h3{margin:0;font-size:13px}.detail-section-heading small,.detail-section-heading span{color:var(--muted);font-size:9.5px}.detail-description,.approval-box textarea,.comment-add textarea,.checklist-add input{width:100%;border:1px solid var(--border-strong);border-radius:9px;background:white;outline:none}.detail-description{margin-top:8px;padding:12px;resize:vertical}.detail-attachments{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-card{position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-2)}.attachment-card img,.attachment-card video{width:100%;height:180px;object-fit:cover;background:#111}.attachment-card>div{padding:10px 11px;display:block}.attachment-card strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px}.attachment-card small{display:block;margin-top:3px;color:var(--muted);font-size:8.5px}.attachment-card span{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}.attachment-card button{min-height:27px;padding:0 8px;border:1px solid var(--border-strong);border-radius:7px;background:white;color:var(--ink-2);cursor:pointer;font-size:8.5px;font-weight:750}.attachment-card button:hover{background:var(--surface-3)}.attachment-card button.danger{color:var(--red);border-color:#efc1c1;background:var(--red-soft)}.checklist-progress{height:5px;margin:8px 0 12px;border-radius:999px;background:var(--surface-3);overflow:hidden}.checklist-progress i{display:block;height:100%;width:0;background:var(--green);transition:width .2s}.detail-checklist{display:grid;gap:4px}.checklist-row{min-height:34px;padding:5px;border-radius:7px;display:grid;grid-template-columns:26px minmax(0,1fr) 28px;align-items:center;gap:4px}.checklist-row:hover{background:var(--surface-2)}.checklist-row.done span{text-decoration:line-through;color:var(--muted)}.task-check{width:20px;height:20px;border:1px solid var(--border-strong);border-radius:5px;background:white;cursor:pointer}.task-check.checked{border-color:var(--green);background:var(--green)}.checklist-add{margin-top:9px;display:flex;gap:7px}.checklist-add input{height:36px;padding:0 10px}.approval-box{padding:17px;border:1px solid var(--border);border-radius:12px;background:white;box-shadow:var(--shadow-sm)}.approval-box h3{margin:4px 0 5px;font-size:15px}.approval-box p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.45}.approval-box textarea{padding:9px;resize:vertical}.approval-buttons{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.approve-button{color:#fff;background:var(--green);border-color:var(--green)}.reject-button{color:var(--red);background:var(--red-soft);border-color:#efc1c1}.detail-side-section{margin-top:20px}.detail-timeline{max-height:400px;overflow:auto;display:grid;gap:8px}.timeline-item{padding:9px;border:1px solid var(--border);border-radius:9px;background:white}.timeline-item strong{font-size:9.5px}.timeline-item p{margin:4px 0;color:var(--ink-2);font-size:9px;white-space:pre-wrap}.timeline-item small{font-size:8px;color:var(--muted)}.comment-add{margin-top:9px;display:grid;gap:7px}.comment-add textarea{padding:9px;resize:vertical}.text-danger-link{margin-top:22px;padding:0;border:0;color:var(--red);background:transparent;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;font-weight:750}

/* Ideas / Virzo AI */
.ai-ideas-panel{margin-bottom:28px;padding:22px}.ai-ideas-copy{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}.ai-mark{width:44px;height:44px;border-radius:12px;color:var(--brand-dark);background:var(--brand-soft);display:grid;place-items:center}.ai-ideas-copy h2{margin:0;font-size:19px;letter-spacing:-.03em}.ai-ideas-copy p{max-width:850px;margin:6px 0 0;color:var(--muted);font-size:11px}.ai-ideas-form{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);display:grid;grid-template-columns:170px 190px minmax(220px,1fr) 100px auto;gap:10px;align-items:end}.ai-destination small{display:block;margin-top:5px;color:var(--muted);font-size:8.5px;line-height:1.35}.ai-engine-note{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-engine-note small{color:var(--muted);font-size:9px}.ai-results{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:grid;gap:9px}.ai-result-card{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:12px;align-items:start}.ai-result-number{color:var(--muted-2);font-size:11px;font-weight:850}.ai-result-body h3{margin:4px 0 5px;font-size:13px}.ai-result-body p{margin:0;color:var(--ink-2);font-size:10px;line-height:1.55}.ai-result-body small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.ai-result-tags{display:flex;gap:5px}.ai-result-tags span{padding:3px 6px;border-radius:5px;color:var(--blue);background:var(--blue-soft);font-size:8px;font-weight:800;text-transform:uppercase}.section-heading{margin:0 0 12px;display:flex;align-items:flex-end;justify-content:space-between}.section-heading h2{margin:0;font-size:19px}.idea-card footer>span{min-width:0}.idea-card footer .client-mini-logo{width:18px;height:18px}
.ai-plan-upgrade{margin-top:20px;padding:20px;border:1px solid #d9d4ff;border-radius:14px;background:linear-gradient(135deg,#f7f5ff,#eeebff);display:flex;align-items:center;justify-content:space-between;gap:20px}.ai-plan-upgrade strong{display:block;font-size:15px}.ai-plan-upgrade p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.55}

/* Clients */
.client-avatar-image{overflow:hidden;background:var(--surface-3)!important}.client-avatar-image img{width:100%;height:100%;object-fit:cover}.client-avatar{width:48px;height:48px;border-radius:13px;color:#fff;background:var(--client-color,var(--navy));display:grid;place-items:center;font-size:17px;font-weight:850}

/* Profile */
.profile-page-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.profile-card{padding:22px;grid-row:span 2}.profile-hero{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-hero img,.profile-avatar-large{width:104px;height:104px;border-radius:28px;object-fit:cover}.profile-avatar-large{color:white;background:var(--navy);display:grid;place-items:center;font-size:38px;font-weight:850}.profile-hero h2{margin:15px 0 2px;font-size:19px}.profile-hero p{margin:0;color:var(--muted);font-size:11px}.profile-hero span{margin-top:8px;padding:4px 8px;border-radius:999px;background:var(--surface-3);font-size:9px;font-weight:750}.profile-photo-actions{margin-top:18px;display:grid;gap:7px}.profile-form-panel form{padding:20px}.settings-callout{padding:20px}.settings-callout p{margin:0 0 14px;color:var(--muted)}

/* Plans and referrals */
.plan-current-banner{margin-bottom:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-current-banner h2{margin:4px 0;font-size:28px}.plan-current-banner p{margin:0;color:var(--muted)}.affiliate-panel{margin-top:22px}.affiliate-body{padding:20px}.affiliate-link-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(330px,1.2fr);gap:22px;align-items:center}.affiliate-link-row p{margin:5px 0 0;color:var(--muted);font-size:11px}.affiliate-link-box{padding:5px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:flex;gap:5px}.affiliate-link-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 9px;color:var(--ink-2);font-size:11px}.affiliate-stats{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.affiliate-stats article{padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:flex;flex-direction:column}.affiliate-stats span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.affiliate-stats strong{margin:3px 0;font-size:25px}.affiliate-stats small{color:var(--muted);font-size:9px}.affiliate-policy-note{margin-top:12px;padding:10px 12px;border-radius:9px;color:var(--muted);background:#f4f5f7;font-size:9.5px}.affiliate-referrals{margin-top:22px}.affiliate-referrals h3{font-size:13px}.affiliate-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.affiliate-row{min-height:50px;padding:8px 12px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:1fr 130px 130px;align-items:center;gap:10px;font-size:10px}.affiliate-row:last-child{border-bottom:0}.affiliate-row>span:first-child{display:flex;flex-direction:column}.affiliate-row small{color:var(--muted)}.affiliate-head{min-height:34px;color:var(--muted);background:var(--surface-2);font-size:8px;font-weight:800;text-transform:uppercase}.referral-status{padding:4px 7px;border-radius:999px;color:var(--muted);background:var(--surface-3);font-size:8px}.referral-status.converted{color:var(--green);background:var(--green-soft)}

@media(max-width:1000px){.ai-ideas-form{grid-template-columns:1fr 1fr}.ai-ideas-form .button{align-self:end}.profile-page-grid{grid-template-columns:1fr}.profile-card{grid-row:auto}.affiliate-link-row{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.detail-side{padding-top:22px;border-left:0;border-top:1px solid var(--border)}}
@media(max-width:760px){.agenda-toolbar{align-items:flex-start;flex-direction:column}.agenda-toolbar-left{width:100%;flex-wrap:wrap}.agenda-toolbar-left h2{width:100%;margin:5px 0 0}.view-switcher{width:100%}.view-switcher a{flex:1}.day-agenda-view{padding:12px}.agenda-event-row{grid-template-columns:44px 74px minmax(0,1fr);gap:7px}.agenda-event-row>.icon{display:none}.week-agenda-view{grid-template-columns:repeat(7,minmax(78vw,1fr))}.ai-ideas-form{grid-template-columns:1fr}.ai-engine-note{align-items:flex-start;flex-direction:column}.ai-result-card{grid-template-columns:28px minmax(0,1fr)}.ai-result-card>.button{grid-column:2;width:max-content}.detail-main{padding:22px 16px}.detail-side{padding:20px 16px}.detail-meta-grid,.detail-attachments{grid-template-columns:1fr}.detail-cover{height:190px}.affiliate-stats{grid-template-columns:1fr}.affiliate-row{grid-template-columns:1fr 95px}.affiliate-row>span:nth-child(2){display:none}.plan-current-banner{align-items:flex-start;flex-direction:column}.dashboard-header .header-actions,.calendar-page-header .header-actions{width:100%;overflow-x:auto}.stats-grid-dashboard{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.agenda-calendar-panel{overflow:hidden}.agenda-calendar-panel .calendar-grid{min-width:0;width:100%}.agenda-calendar-panel .calendar-legend{min-width:0;padding:10px 12px;flex-wrap:wrap;gap:8px 12px}.agenda-calendar-panel .calendar-legend small{width:100%;margin-left:0}.calendar-day{min-height:82px;padding:4px 3px}.calendar-day>header{height:20px}.calendar-day>header button{width:22px;height:22px}.calendar-events{gap:3px}.calendar-event{min-height:18px;padding:0 3px;border-left-width:2px;grid-template-columns:1fr}.calendar-event time{display:none}.calendar-event span{font-size:7px}.calendar-weekdays{height:31px}.calendar-weekdays span{font-size:7px}.dashboard-task-list{padding:5px 12px 10px}.dashboard-task-row{grid-template-columns:28px minmax(0,1fr)}.dashboard-task-row .task-auto-status{grid-column:2;width:max-content}.agenda-item-actionable{grid-template-columns:40px 1px 54px minmax(0,1fr) 30px}}
@media(max-width:760px){.ai-plan-upgrade{align-items:flex-start;flex-direction:column}.ai-plan-upgrade .button{width:100%}}
@media(max-width:460px){.agenda-event-row{grid-template-columns:42px minmax(0,1fr)}.agenda-event-badge{display:none}.detail-title-input{font-size:22px}.approval-buttons{grid-template-columns:1fr}.affiliate-link-box{align-items:stretch;flex-direction:column}.affiliate-row{grid-template-columns:1fr}.affiliate-row>span:nth-child(2),.affiliate-head>span:nth-child(2){display:none}}
@media(max-width:460px){.agenda-item-actionable{grid-template-columns:36px 1px minmax(0,1fr) 30px}.agenda-item-actionable .agenda-kind{display:none}.calendar-day{min-height:74px}.calendar-event span{max-width:100%;font-size:6.5px}}

/* Virzo 2026 brand system */
.sidebar-brand { background: linear-gradient(180deg, rgba(73,53,255,.035), transparent); }
.nav-item.active { border-color: rgba(73,53,255,.10); }
.workspace-avatar { background: linear-gradient(145deg, var(--brand), #6d5cff); box-shadow: 0 7px 16px rgba(73,53,255,.16); }
.profile-avatar-large { background: linear-gradient(145deg, var(--brand), #6d5cff); }
.auth-side::after { content: ""; position: absolute; width: 420px; height: 420px; right: -180px; bottom: -130px; border-radius: 50%; background: radial-gradient(circle, rgba(73,53,255,.17), transparent 68%); pointer-events: none; }
.public-nav .brand-logo-public { transition: transform var(--transition); }
.public-nav .brand-lockup:hover .brand-logo-public { transform: translateY(-1px); }

/* Agenda meeting details */
.agenda-event-panel{max-width:720px}
.meeting-mode-field{border:0;padding:0;margin:0;min-width:0}.meeting-mode-field legend{margin-bottom:8px;color:var(--ink-2);font-size:11px;font-weight:750}.meeting-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.meeting-mode-switch label{cursor:pointer}.meeting-mode-switch input{position:absolute;opacity:0;pointer-events:none}.meeting-mode-switch span{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:flex;align-items:center;gap:8px;color:var(--ink-2);font-size:11px;font-weight:750;transition:.15s ease}.meeting-mode-switch input:checked+span{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent)}.meeting-location-block>span{display:block;margin-bottom:7px;color:var(--ink-2);font-size:11px;font-weight:700}.meeting-location-block>small{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}.location-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.location-input-row input{min-width:0}.disabled-link{opacity:.5;cursor:not-allowed;pointer-events:auto}
@media(max-width:640px){.meeting-mode-switch{grid-template-columns:1fr}.location-input-row{grid-template-columns:1fr}.location-input-row .button{width:100%;justify-content:center}}

/* Localized plans and affiliate growth */
.plans-page-header{align-items:flex-end}.currency-picker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:750}.currency-picker select{min-width:118px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit}.plan-current-actions{display:flex;align-items:center;gap:9px}.region-price-pill{padding:7px 10px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:9px;font-weight:800;letter-spacing:.03em}
.affiliate-growth-panel{margin-top:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.affiliate-hero{padding:28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center;color:#fff;background:linear-gradient(135deg,#171923 0%,#272442 48%,#4935ff 135%)}.affiliate-kicker{display:inline-flex;margin-bottom:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.affiliate-hero h2{max-width:660px;margin:0;font-size:28px;line-height:1.08;letter-spacing:-.04em}.affiliate-hero p{max-width:670px;margin:11px 0 0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.6}.affiliate-benefits{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.affiliate-benefits span{display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08);font-size:9px;font-weight:700}.affiliate-share-card{padding:16px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.09);backdrop-filter:blur(10px)}.affiliate-share-card>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.affiliate-link-box-hero{margin-top:8px;border-color:rgba(255,255,255,.14);background:rgba(7,8,18,.32)}.affiliate-link-box-hero input{color:#fff}.affiliate-share-card small{display:block;margin-top:8px;color:rgba(255,255,255,.65);font-size:8.5px;line-height:1.45}.button-light{background:#fff;color:#171923;border-color:#fff}.button-light:hover{background:#f1efff}
.affiliate-performance-grid{padding:18px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--border)}.affiliate-performance-grid article{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column}.affiliate-performance-grid article.highlight{border-color:color-mix(in srgb,var(--brand) 30%,var(--border));background:var(--brand-soft)}.affiliate-performance-grid span{color:var(--muted);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.affiliate-performance-grid strong{margin:3px 0;font-size:27px;letter-spacing:-.04em}.affiliate-performance-grid small{color:var(--muted);font-size:8.7px;line-height:1.4}
.affiliate-action-grid{padding:22px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.affiliate-how-card,.affiliate-content-kit{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.affiliate-how-card h3,.affiliate-content-kit h3{margin:4px 0 14px;font-size:16px;letter-spacing:-.025em}.affiliate-how-card ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.affiliate-how-card li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.affiliate-how-card li>b{width:28px;height:28px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:10px}.affiliate-how-card li span{display:flex;flex-direction:column}.affiliate-how-card li strong{font-size:10.5px}.affiliate-how-card li small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45}.affiliate-how-card .affiliate-policy-note{margin-top:17px;background:#eeedf8;color:var(--ink-2);font-size:9px;line-height:1.5}.affiliate-script-list{display:grid;gap:8px}.affiliate-script-list article{padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.affiliate-script-list article>span{color:var(--brand);font-size:8px;font-weight:850;text-transform:uppercase}.affiliate-script-list strong{display:block;margin:4px 0;font-size:11px}.affiliate-script-list p{margin:0;color:var(--muted);font-size:9px;line-height:1.45}.affiliate-script-list .text-link{margin-top:8px;border:0;background:transparent;padding:0;cursor:pointer}.affiliate-growth-panel .affiliate-referrals{padding:0 22px 22px;margin-top:0}
@media(max-width:980px){.affiliate-hero,.affiliate-action-grid{grid-template-columns:1fr}.affiliate-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.plans-page-header{align-items:flex-start}.currency-picker{width:100%;justify-content:space-between}.plan-current-actions{width:100%;align-items:flex-start;flex-direction:column}.affiliate-hero{padding:22px 16px}.affiliate-hero h2{font-size:23px}.affiliate-link-box-hero{flex-direction:column}.affiliate-link-box-hero .button{width:100%}.affiliate-performance-grid{padding:14px;grid-template-columns:1fr 1fr}.affiliate-action-grid{padding:14px}.affiliate-growth-panel .affiliate-referrals{padding:0 14px 14px}}
.admin-page-header{align-items:center}.admin-success{margin-bottom:18px;padding:13px 16px;border:1px solid #bde5d3;border-radius:11px;color:#117250;background:var(--green-soft);font-size:11px;font-weight:750}.admin-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-layout{margin-bottom:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.admin-plan-grid{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.admin-plan-grid span{padding:16px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);display:flex;flex-direction:column}.admin-plan-grid b{font-size:24px}.admin-plan-grid small{color:var(--muted);font-size:9px}.admin-monitor-panel>div{padding:17px 20px}.admin-monitor-panel p{margin:0;padding:8px 0;color:var(--muted);font-size:10.5px;line-height:1.5}.admin-monitor-panel p+p{border-top:1px solid var(--border)}.admin-monitor-panel strong{color:var(--ink)}.admin-users-panel{margin-bottom:18px}.admin-users-table{min-width:820px}.admin-users-table .profile-avatar{width:30px;height:30px;font-size:11px}.admin-ai-panel form{padding:22px}.admin-ai-panel textarea{min-height:500px;padding:15px;border:1px solid var(--border-strong);border-radius:10px;background:#fbfbfd;color:var(--ink);font:500 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.admin-ai-panel .panel-header p{margin:5px 0 0;color:var(--muted);font-size:9.5px}@media(max-width:900px){.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-layout{grid-template-columns:1fr}.admin-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.admin-stats{grid-template-columns:1fr 1fr}.admin-plan-grid{padding:14px}.admin-ai-panel form{padding:15px}.admin-ai-panel textarea{min-height:420px}}

/* Admin control center */
.admin-page-header{padding:24px 26px;border:1px solid #e3e0f4;border-radius:18px;background:linear-gradient(125deg,#fff 0%,#f8f7ff 62%,#efecff 100%);box-shadow:var(--shadow-sm)}
.admin-page-header h1{margin-top:2px}.admin-page-header p{max-width:760px}.admin-access-badge{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d9d4ff;border-radius:999px;background:#fff;color:var(--brand-dark);font-size:9px;font-weight:850;white-space:nowrap}
.admin-stats{margin:18px 0}.admin-stat-card{min-height:112px;border-color:#e7e5ee;background:#fff}.admin-stat-card strong{font-size:27px;letter-spacing:-.045em}.admin-stat-card small{font-size:8.5px}
.admin-plan-panel{margin-bottom:18px;overflow:hidden}.admin-plan-panel .panel-header p,.admin-users-panel .panel-header p{max-width:680px;margin:5px 0 0;color:var(--muted);font-size:9.5px;line-height:1.5}
.admin-plan-grid{padding:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;background:linear-gradient(180deg,#fff,#fbfbfd)}
.admin-plan-grid article{position:relative;min-width:0;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface);display:flex;align-items:center;gap:12px}
.admin-plan-grid article.influencer{border-color:#d8d2ff;background:linear-gradient(135deg,#f9f8ff,#efecff)}
.admin-plan-grid article>div{display:flex;flex-direction:column}.admin-plan-grid strong{font-size:23px;line-height:1}.admin-plan-grid small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:750}.admin-plan-grid em{position:absolute;right:8px;top:8px;padding:3px 5px;border-radius:999px;background:#fff;color:var(--brand);font-size:7px;font-style:normal;font-weight:850;text-transform:uppercase}
.plan-dot{width:10px;height:34px;border-radius:999px;background:#c7cad1;flex:none}.plan-dot.creator{background:#3f83f8}.plan-dot.pro{background:var(--brand)}.plan-dot.agency{background:#e49b31}.plan-dot.influencer{background:linear-gradient(180deg,#765eff,#35c698)}.plan-dot.admin{background:#171923}
.admin-users-panel{margin-bottom:16px;scroll-margin-top:18px;overflow:hidden}.admin-result-count{padding:6px 9px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-size:9px;font-weight:750}.admin-users-table{min-width:1180px}.admin-users-table th{padding-top:12px;padding-bottom:12px}.admin-users-table td{padding-top:13px;padding-bottom:13px;vertical-align:middle}.admin-users-table .profile-avatar{background:linear-gradient(145deg,var(--brand),#7867ff);color:#fff}.admin-users-table td:nth-child(3){min-width:150px}.admin-users-table td:last-child{min-width:300px}
.access-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0f1f3;color:#50545e;font-size:8px;font-weight:850}.access-admin{background:#e9f7f1;color:#08724c}.access-influencer{background:#eeeaff;color:#4b35dc}.access-creator{background:#eaf2ff;color:#2767c5}.access-pro{background:#eeeaff;color:#4935ff}.access-agency{background:#fff2dd;color:#92601a}.managed-note{display:block;margin-top:5px;color:var(--muted);font-size:8px}
.onboarding-status{display:inline-flex;align-items:center;gap:6px;color:#8a6c35;font-size:9px;font-weight:700}.onboarding-status i{width:6px;height:6px;border-radius:50%;background:#e7ae4d}.onboarding-status.done{color:#177752}.onboarding-status.done i{background:#2bbb82}
.admin-access-form{display:grid;grid-template-columns:minmax(165px,1fr) auto;gap:7px}.admin-access-form select{min-width:0;height:36px;padding:0 31px 0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--ink-2);font:inherit;font-size:9px}.admin-access-form select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(73,53,255,.09)}.admin-access-form .button{min-height:36px}.admin-locked{display:inline-flex;align-items:center;gap:6px;color:#177752;font-size:9px;font-weight:800}
.admin-footnote{padding:16px 18px;border:1px solid #dedbe8;border-radius:13px;background:#f8f7fb;display:flex;gap:12px;align-items:flex-start}.admin-footnote>span{width:32px;height:32px;border-radius:9px;background:#ece9ff;color:var(--brand);display:grid;place-items:center;flex:none}.admin-footnote strong{font-size:10px}.admin-footnote p{margin:4px 0 0;color:var(--muted);font-size:9.5px;line-height:1.55}
.admin-ai-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.admin-ai-panel{overflow:hidden}.admin-ai-panel form{padding:22px}.admin-ai-panel textarea{width:100%;min-height:560px;padding:16px;border:1px solid var(--border-strong);border-radius:11px;background:#fbfbfd;color:var(--ink);font:500 11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.admin-ai-panel textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(73,53,255,.08)}.admin-ai-side{display:grid;gap:12px}.admin-ai-side article{padding:19px}.admin-ai-side h3{margin:13px 0 7px;font-size:13px}.admin-ai-side p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.6}.ai-side-icon{width:38px;height:38px;border-radius:11px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center}.ai-side-icon.green{background:var(--green-soft);color:var(--green)}.admin-ai-preview{padding:16px 18px;color:var(--ink);display:flex;align-items:center;justify-content:space-between;text-decoration:none}.admin-ai-preview span{display:flex;flex-direction:column}.admin-ai-preview small{color:var(--muted);font-size:8px}.admin-ai-preview strong{margin-top:3px;font-size:11px}.managed-access-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:var(--green-soft);color:#117250;font-size:9px;font-weight:850}
@media(max-width:1100px){.admin-plan-grid{grid-template-columns:repeat(3,1fr)}.admin-ai-layout{grid-template-columns:1fr}.admin-ai-side{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-page-header{align-items:flex-start;padding:20px}.admin-plan-grid{grid-template-columns:repeat(2,1fr)}.admin-ai-side{grid-template-columns:1fr}.admin-ai-panel textarea{min-height:470px}}
@media(max-width:480px){.admin-stats{grid-template-columns:1fr}.admin-plan-grid{grid-template-columns:1fr}.admin-plan-grid article.influencer{grid-column:auto}}

.meeting-url-row{grid-template-columns:minmax(0,1fr) auto auto}@media(max-width:640px){.meeting-url-row{grid-template-columns:1fr}}

/* Guided onboarding */
.onboarding-shell{min-height:100vh;background:linear-gradient(180deg,#fff 0%,#f7f7fb 100%);padding:0 24px 60px}.onboarding-topbar{max-width:980px;height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.onboarding-progress{width:220px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;font-weight:750}.onboarding-progress>div{height:6px;flex:1;border-radius:999px;background:#ebecef;overflow:hidden}.onboarding-progress i{display:block;width:14%;height:100%;border-radius:inherit;background:var(--brand);transition:width .25s ease}.onboarding-card{max-width:840px;min-height:570px;margin:30px auto 0;padding:48px 54px 28px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(23,25,35,.08);display:flex;flex-direction:column}.onboarding-step{display:none;animation:onboardingIn .22s ease}.onboarding-step.active{display:block}.onboarding-step h1{max-width:690px;margin:0;font-size:34px;line-height:1.08;letter-spacing:-.045em}.onboarding-step>p{max-width:680px;margin:12px 0 30px;color:var(--muted);font-size:13px;line-height:1.65}.choice-grid{display:grid;gap:10px}.choice-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid button{min-height:84px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:4px;transition:.15s ease}.choice-grid button:hover{border-color:#c9c5ff;background:#faf9ff}.choice-grid button.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px rgba(73,53,255,.08)}.choice-grid button strong{font-size:12px}.choice-grid button small{color:var(--muted);font-size:9.5px;line-height:1.4}.multi-choice button{min-height:58px;align-items:flex-start}.onboarding-entity-name{margin-top:18px;max-width:520px}.onboarding-actions{margin-top:auto;padding-top:36px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px}.onboarding-actions .invisible{visibility:hidden}.onboarding-finish{text-align:center}.onboarding-finish-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:17px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:25px;font-weight:800}.onboarding-finish .eyebrow,.onboarding-finish h1,.onboarding-finish>p{margin-left:auto;margin-right:auto}.onboarding-summary{margin:26px auto 0;max-width:650px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;text-align:left}.onboarding-summary span{padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column}.onboarding-summary small{color:var(--muted);font-size:8px;text-transform:uppercase;font-weight:800}.onboarding-summary strong{margin-top:4px;font-size:10.5px}@keyframes onboardingIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:720px){.onboarding-shell{padding:0 14px 36px}.onboarding-topbar{height:74px}.onboarding-progress{width:155px}.onboarding-card{margin-top:12px;min-height:620px;padding:30px 20px 22px;border-radius:18px}.onboarding-step h1{font-size:27px}.choice-grid-3,.choice-grid-2{grid-template-columns:1fr}.choice-grid button{min-height:64px}.onboarding-summary{grid-template-columns:1fr}.onboarding-actions{position:sticky;bottom:0;background:#fff}}

/* Interactive product tour */
.sidebar-help{padding:0 11px 7px}.sidebar-help-button{width:100%;border:0;text-align:left;background:transparent}.tour-active .sidebar{z-index:125}.tour-highlight{position:relative!important;z-index:130!important;background:#fff!important;box-shadow:0 0 0 3px rgba(73,53,255,.34),0 0 0 9999px rgba(12,13,18,.56)!important;border-radius:10px}.tour-tooltip{position:fixed;z-index:140;padding:20px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(12,13,18,.24)}.tour-tooltip .tour-step-count{color:var(--brand);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.tour-tooltip h2{margin:6px 0 7px;font-size:18px;letter-spacing:-.03em}.tour-tooltip p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.tour-actions{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px}.tour-actions>span{display:flex;gap:7px}.tour-welcome-overlay{position:fixed;inset:0;z-index:160;padding:22px;background:rgba(12,13,18,.62);display:grid;place-items:center}.tour-welcome{width:min(520px,100%);padding:34px;border-radius:22px;background:#fff;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.3)}.tour-welcome-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:15px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.tour-welcome .eyebrow{margin-bottom:7px}.tour-welcome h1{margin:0;font-size:26px;line-height:1.12;letter-spacing:-.04em}.tour-welcome p{margin:12px auto 22px;max-width:410px;color:var(--muted);font-size:12px;line-height:1.6}.tour-welcome>div{display:flex;justify-content:center;gap:8px}@media(max-width:640px){.tour-tooltip{left:14px!important;right:14px;width:auto!important}.tour-actions{align-items:stretch;flex-direction:column}.tour-actions>span{display:grid;grid-template-columns:1fr 1fr}.tour-actions .button{width:100%}.tour-welcome{padding:28px 20px}.tour-welcome>div{flex-direction:column-reverse}}

/* Virzo AI result cards */
.ai-result-card.ai-result-complete{padding:18px;display:grid;grid-template-columns:1fr;gap:12px;background:#fff}.ai-result-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ai-result-complete .ai-result-body h3{margin:0;font-size:17px;letter-spacing:-.025em}.ai-reason{margin:7px 0 0!important;color:var(--muted)!important}.ai-idea-details{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ai-idea-detail{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.ai-idea-detail:nth-child(3),.ai-idea-detail:nth-child(4),.ai-idea-detail:last-child{grid-column:1/-1}.ai-idea-detail>span{display:block;margin-bottom:5px;color:var(--brand);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ai-idea-detail p{margin:0;color:var(--ink-2);font-size:10px;line-height:1.55}.ai-result-actions{display:flex;justify-content:flex-end;gap:7px;padding-top:3px}@media(max-width:680px){.ai-idea-details{grid-template-columns:1fr}.ai-idea-detail:nth-child(n){grid-column:auto}.ai-result-actions{flex-direction:column}.ai-result-actions .button{width:100%}}

/* Virzo IA form alignment */
.ai-ideas-form {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: none;
  align-items: stretch;
  gap: 14px;
}
.ai-ideas-top-row .ai-client,
.ai-ideas-top-row .ai-destination,
.ai-ideas-top-row .ai-count,
.ai-focus {
  grid-area: auto;
}
.ai-ideas-top-row {
  display: grid;
  grid-template-columns: minmax(180px,.9fr) minmax(210px,1fr) 105px minmax(205px,auto);
  gap: 12px;
  align-items: end;
}
.ai-ideas-top-row .field,
.ai-submit-field {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.ai-ideas-top-row .field > span,
.ai-submit-field > .ai-field-label {
  min-height: 16px;
  display: flex;
  align-items: flex-end;
  line-height: 1.2;
}
.ai-ideas-top-row .field > span {
  color: var(--ink-2);
  font-size: 11px;
  font-weight: 750;
}
.ai-ideas-top-row select,
.ai-submit {
  height: 44px;
  min-height: 44px;
}
.ai-submit {
  width: 100%;
  padding-inline: 18px;
  white-space: nowrap;
  justify-content: center;
}
.ai-focus {
  margin: 0;
  gap: 7px;
}
.ai-focus textarea {
  min-height: 102px;
  resize: vertical;
}
.ai-form-helper {
  margin-top: -3px;
  display: flex;
  align-items: flex-start;
  gap: 7px;
  color: var(--muted);
}
.ai-form-helper > span {
  flex: 0 0 auto;
  margin-top: 1px;
  color: var(--brand);
}
.ai-form-helper small {
  max-width: 760px;
  font-size: 9.5px;
  line-height: 1.45;
}
@media (max-width: 1000px) {
  .ai-ideas-top-row {
    grid-template-columns: 1fr 1fr;
  }
  .ai-submit-field {
    align-self: end;
  }
}
@media (max-width: 680px) {
  .ai-ideas-top-row {
    grid-template-columns: 1fr;
  }
  .ai-submit-field > .ai-field-label {
    display: none;
  }
  .ai-submit {
    width: 100%;
  }
}

/* Virzo IA premium result experience */
.ai-results{gap:12px}
.ai-result-card.ai-result-premium{
  position:relative;
  padding:20px;
  border:1px solid var(--border);
  border-radius:16px;
  background:#fff;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.ai-result-card.ai-result-premium:hover,.ai-result-card.ai-result-premium:focus-visible{
  border-color:#c9c5ff;
  box-shadow:0 12px 32px rgba(23,25,35,.08);
  transform:translateY(-1px);
  outline:none;
}
.ai-result-index{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:900}
.ai-result-summary{min-width:0}
.ai-result-summary .ai-result-tags{margin-bottom:8px;flex-wrap:wrap}
.ai-result-tags .ai-ready-chip{color:#207a54;background:#edf8f2}
.ai-result-summary h3{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.025em}
.ai-result-concept{max-width:860px;margin:7px 0 0!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.55!important}
.ai-hook-preview{margin-top:12px;padding:11px 12px;border-left:3px solid var(--brand);border-radius:0 9px 9px 0;background:var(--brand-soft)}
.ai-hook-preview span{display:block;margin-bottom:4px;color:var(--brand);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.ai-hook-preview strong{display:block;color:var(--ink);font-size:10.5px;line-height:1.45;font-weight:700}
.ai-result-mini-meta{margin-top:11px;display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:9px}
.ai-result-open{align-self:center}
.ai-result-open .button{white-space:nowrap}

.ai-idea-modal{z-index:180;padding:14px}
.ai-idea-modal-panel{width:min(1040px,100%);max-height:calc(100vh - 28px);padding:0;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.ai-idea-modal-header{flex:0 0 auto;padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff}
.ai-idea-modal-header h2{margin:3px 0 0;font-size:18px;letter-spacing:-.03em}
.ai-idea-modal-body{overflow:auto;padding:0 28px 30px;background:#fff}
.ai-idea-modal-actions{flex:0 0 auto;padding:14px 22px;border-top:1px solid var(--border);background:rgba(255,255,255,.97);display:flex;justify-content:flex-end;gap:8px}
.ai-detail-hero{padding:28px 0 22px;border-bottom:1px solid var(--border)}
.ai-detail-hero .ai-result-tags{margin-bottom:11px;flex-wrap:wrap}
.ai-detail-hero h2{max-width:840px;margin:0;font-size:27px;line-height:1.14;letter-spacing:-.045em}
.ai-detail-hero p{max-width:820px;margin:10px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.ai-detail-meta-grid{padding:16px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-bottom:1px solid var(--border)}
.ai-detail-meta-item{min-width:0;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
.ai-detail-meta-item span{display:block;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.ai-detail-meta-item strong{display:block;margin-top:4px;color:var(--ink);font-size:10px;line-height:1.4;font-weight:750}
.ai-detail-section{padding:22px 0;border-bottom:1px solid var(--border)}
.ai-detail-section-title{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.ai-detail-section-title h3{margin:0;font-size:14px;letter-spacing:-.02em}
.ai-detail-section-icon{width:28px;height:28px;border-radius:9px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:900}
.ai-detail-copy{max-width:900px;color:var(--ink-2);font-size:11.5px;line-height:1.75;white-space:normal}
.ai-detail-feature .ai-detail-copy{font-size:12px;color:var(--ink)}
.ai-detail-list{display:grid;gap:8px}
.ai-detail-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}
.ai-detail-list b{color:var(--brand);font-size:9px;letter-spacing:.05em}
.ai-detail-list span{color:var(--ink-2);font-size:10.5px;line-height:1.5}
.ai-hooks-section .ai-detail-list>div{background:#faf9ff;border-color:#e7e3ff}
.ai-script-section .ai-detail-copy{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-family:inherit;line-height:1.85}
.ai-spoken-section .ai-detail-copy{padding:16px 18px;border-left:3px solid var(--brand);border-radius:0 12px 12px 0;background:var(--brand-soft);color:var(--ink);font-size:12px}
.ai-detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-bottom:1px solid var(--border)}
.ai-detail-two-col .ai-detail-section{border-bottom:0}
.ai-caption-section .ai-detail-copy,.ai-prompt-section .ai-detail-copy{padding:14px 15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}
.ai-prompt-section .ai-detail-copy{font-size:10.5px;color:var(--muted)}
.ai-checklist-section .ai-detail-list>div{grid-template-columns:28px minmax(0,1fr)}
.ai-checklist-section .ai-detail-list b{width:20px;height:20px;border:1px solid #cfcfd6;border-radius:6px;color:transparent}
@media(max-width:860px){
  .ai-result-card.ai-result-premium{grid-template-columns:34px minmax(0,1fr)}
  .ai-result-open{grid-column:2;justify-self:start}
  .ai-detail-meta-grid{grid-template-columns:1fr 1fr}
  .ai-detail-two-col{grid-template-columns:1fr;gap:0}
  .ai-detail-two-col .ai-detail-section:first-child{border-bottom:1px solid var(--border)}
}
@media(max-width:640px){
  .ai-idea-modal{padding:0;align-items:end}
  .ai-idea-modal-panel{width:100%;max-height:94vh;border-radius:20px 20px 0 0}
  .ai-idea-modal-body{padding:0 16px 22px}
  .ai-idea-modal-header{padding:15px 16px}
  .ai-idea-modal-actions{padding:12px 16px;display:grid;grid-template-columns:1fr}
  .ai-idea-modal-actions .button{width:100%}
  .ai-detail-hero{padding-top:22px}
  .ai-detail-hero h2{font-size:23px}
  .ai-detail-meta-grid{grid-template-columns:1fr 1fr}
  .ai-result-card.ai-result-premium{padding:15px;grid-template-columns:28px minmax(0,1fr);gap:10px}
  .ai-result-index{width:28px;height:28px}
  .ai-result-open{grid-column:1/-1;width:100%}
  .ai-result-open .button{width:100%}
}
/* Personalização, mídia e tema */
.page-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kanban-shell{padding:14px;background-size:cover;background-position:center;border-radius:18px}.kanban-column{background:rgba(246,247,249,.88);backdrop-filter:blur(12px)}.kanban-column>header{background:rgba(255,255,255,.86)}
.board-appearance-card{width:min(760px,calc(100vw - 28px))}.board-background-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.board-background-option{padding:0;border:2px solid transparent;border-radius:13px;background:var(--surface-2);overflow:hidden;cursor:pointer;text-align:left}.board-background-option:hover,.board-background-option.selected{border-color:var(--brand)}.board-background-option img{width:100%;aspect-ratio:16/9;object-fit:cover}.board-background-option span{padding:9px 11px;display:block;font-size:11px;font-weight:800}.board-upload-row{padding:18px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px}.board-upload-row small{color:var(--muted)}
.avatar-crop-card{width:min(510px,calc(100vw - 28px))}.avatar-crop-body{padding:22px}.avatar-crop-stage{position:relative;width:min(330px,72vw);aspect-ratio:1;margin:0 auto 20px;border-radius:50%;background:#111;overflow:hidden;cursor:grab;touch-action:none;box-shadow:0 0 0 8px var(--surface-3)}.avatar-crop-stage:active{cursor:grabbing}.avatar-crop-stage img{position:absolute;left:50%;top:50%;max-width:none;transform-origin:center;user-select:none;pointer-events:none}.avatar-crop-body p{margin:8px 0 0;color:var(--muted);font-size:11px;text-align:center}.profile-photo-actions>small{color:var(--muted);font-size:9px;text-align:center}.tour-welcome-icon{overflow:hidden;background:#f8f8ff!important}.tour-welcome-icon img{width:100%;height:100%;object-fit:contain}
.admin-user-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-user-grid{margin-bottom:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-detail-panel{margin-bottom:18px;overflow:hidden}.admin-activity-list{padding:10px 20px}.admin-activity-list article{padding:11px 0;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border)}.admin-activity-list article:last-child{border:0}.admin-activity-list article>div{min-width:0;display:flex;flex-direction:column}.admin-activity-list strong{font-size:11px}.admin-activity-list small{color:var(--muted);font-size:9.5px}.activity-icon{width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex:none}.empty-inline{color:var(--muted)}.back-link{margin-bottom:12px;color:var(--brand);font-size:10px;font-weight:800;display:block}.stat-date{font-size:17px!important}
[data-resolved-theme="dark"]{color-scheme:dark;--bg:#101116;--surface:#181a21;--surface-2:#1e2028;--surface-3:#282b34;--ink:#f5f6fa;--ink-2:#e7e8ee;--muted:#a9adb8;--muted-2:#7e8491;--border:#2b2e38;--border-strong:#393d49;--brand-soft:#29234b;--blue-soft:#1c2d4c;--green-soft:#16392b;--yellow-soft:#473817;--red-soft:#462326;--purple-soft:#2e2648;--navy:#f3f4f8;--shadow-sm:0 1px 2px rgba(0,0,0,.2),0 6px 18px rgba(0,0,0,.12);--shadow-md:0 14px 36px rgba(0,0,0,.35)}
[data-resolved-theme="dark"] body,[data-resolved-theme="dark"] .main-area{background:var(--bg);color:var(--ink)}[data-resolved-theme="dark"] .sidebar{background:#14151b}[data-resolved-theme="dark"] .workspace-switcher,[data-resolved-theme="dark"] .nav-item.active,[data-resolved-theme="dark"] .button-outline,[data-resolved-theme="dark"] .button-light,[data-resolved-theme="dark"] .toast,[data-resolved-theme="dark"] .modal-card,[data-resolved-theme="dark"] .tour-welcome,[data-resolved-theme="dark"] .tour-tooltip{background:var(--surface);color:var(--ink)}[data-resolved-theme="dark"] .nav-item:hover{background:var(--surface-2)}[data-resolved-theme="dark"] input,[data-resolved-theme="dark"] select,[data-resolved-theme="dark"] textarea{background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--border-strong)!important}[data-resolved-theme="dark"] .kanban-column{background:rgba(27,29,37,.88)}[data-resolved-theme="dark"] .kanban-column>header,[data-resolved-theme="dark"] .kanban-card,[data-resolved-theme="dark"] .kanban-add{background:rgba(24,26,33,.92);color:var(--ink)}[data-resolved-theme="dark"] .data-table th,[data-resolved-theme="dark"] .calendar-toolbar,[data-resolved-theme="dark"] .calendar-grid{background:var(--surface-2)}[data-resolved-theme="dark"] .tour-highlight{background:var(--surface)!important}
@media(max-width:760px){.board-background-grid{grid-template-columns:repeat(2,1fr)}.board-upload-row,.page-header-actions{align-items:stretch;flex-direction:column}.page-header-actions .button{width:100%}.admin-user-stats{grid-template-columns:repeat(2,1fr)}.admin-user-grid{grid-template-columns:1fr}}

/* Complete dark mode ------------------------------------------------------ */
.modal-card {
  position: relative;
  z-index: 1;
  max-height: calc(100vh - 40px);
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: var(--shadow-lg);
  transform: translateY(10px) scale(.985);
  transition: transform var(--transition);
}
.modal.open .modal-card { transform: translateY(0) scale(1); }
.modal-card .modal-header { margin: 0; padding: 20px 22px; border-bottom: 1px solid var(--border); }
.modal-card .modal-header p { margin: 5px 0 0; color: var(--muted); font-size: 10px; }
.modal-footer { padding: 15px 20px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 8px; }

[data-resolved-theme="dark"] {
  color-scheme: dark;
  --bg: #0d0f14;
  --surface: #171a22;
  --surface-2: #1d212b;
  --surface-3: #272c37;
  --ink: #f4f6fb;
  --ink-2: #d9deea;
  --muted: #a6afbf;
  --muted-2: #858fa1;
  --border: #2b313d;
  --border-strong: #3a4251;
  --brand: #7562ff;
  --brand-dark: #9b8eff;
  --brand-soft: #2a254d;
  --navy: #f4f6fb;
  --blue: #6da4ff;
  --blue-soft: #1b3152;
  --green: #41ce8b;
  --green-soft: #163c2c;
  --yellow: #e6b258;
  --yellow-soft: #44351a;
  --red: #ff7777;
  --red-soft: #462326;
  --purple: #aa90ff;
  --purple-soft: #30284e;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.25), 0 7px 18px rgba(0,0,0,.13);
  --shadow-md: 0 15px 38px rgba(0,0,0,.38), 0 3px 10px rgba(0,0,0,.22);
  --shadow-lg: 0 30px 80px rgba(0,0,0,.58);
}

[data-resolved-theme="dark"] body,
[data-resolved-theme="dark"] .main-area,
[data-resolved-theme="dark"] .page-container { background: var(--bg); color: var(--ink); }
[data-resolved-theme="dark"] .sidebar { background: #12151c; border-color: var(--border); }
[data-resolved-theme="dark"] .brand-logo-sidebar,
[data-resolved-theme="dark"] .brand-logo-mobile { opacity: .98; }
[data-resolved-theme="dark"] .workspace-switcher { background: linear-gradient(145deg,#1b1f29,#171a22); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .workspace-meta strong,
[data-resolved-theme="dark"] .profile-meta strong { color: var(--ink); }
[data-resolved-theme="dark"] .nav-section-label { color: #8490a5; }
[data-resolved-theme="dark"] .nav-item { color: #a3adbd; }
[data-resolved-theme="dark"] .nav-item .icon { color: #8b96a8; }
[data-resolved-theme="dark"] .nav-item:hover { color: var(--ink); background: var(--surface-2); }
[data-resolved-theme="dark"] .nav-item.active { color: #fff; background: #1d212b; box-shadow: inset 0 0 0 1px var(--border-strong), 0 5px 16px rgba(0,0,0,.18); }
[data-resolved-theme="dark"] .nav-item.active .icon { color: var(--brand-dark); }
[data-resolved-theme="dark"] .sidebar-footer { background: #11141a; }
[data-resolved-theme="dark"] .profile-avatar { color: var(--ink); background: var(--surface-3); }
[data-resolved-theme="dark"] .mobile-topbar { background: rgba(18,21,28,.94); border-color: var(--border); }

[data-resolved-theme="dark"] :is(.panel,.stat-card,.client-card,.billing-card,.notification-item,.modal-panel,.modal-card,.tour-welcome,.tour-tooltip,.toast,.ai-result-card.ai-result-complete) {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--border);
}
[data-resolved-theme="dark"] .stat-card { box-shadow: 0 8px 24px rgba(0,0,0,.16); }
[data-resolved-theme="dark"] .stat-card.alert-card { background: #21191c; border-color: #5d3034; }
[data-resolved-theme="dark"] .stat-card span { color: var(--muted); }
[data-resolved-theme="dark"] .stat-card small { color: var(--muted-2); }
[data-resolved-theme="dark"] .panel-header,
[data-resolved-theme="dark"] .agenda-item,
[data-resolved-theme="dark"] .task-item,
[data-resolved-theme="dark"] .data-table td { border-color: var(--border); }
[data-resolved-theme="dark"] .agenda-content strong,
[data-resolved-theme="dark"] .task-main strong { color: var(--ink); }
[data-resolved-theme="dark"] .empty-icon { color: var(--muted); background: var(--surface-3); }
[data-resolved-theme="dark"] .success-state .empty-icon { color: var(--green); background: var(--green-soft); }

[data-resolved-theme="dark"] :is(input,select,textarea) {
  color: var(--ink) !important;
  background: var(--surface-2) !important;
  border-color: var(--border-strong) !important;
}
[data-resolved-theme="dark"] :is(input,textarea)::placeholder { color: #778195; }
[data-resolved-theme="dark"] :is(input,select,textarea):focus { border-color: var(--brand) !important; box-shadow: 0 0 0 3px rgba(117,98,255,.18) !important; }
[data-resolved-theme="dark"] .button-outline { color: var(--ink-2); background: var(--surface-2); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .button-outline:hover { color: #fff; background: var(--surface-3); border-color: #586174; }
[data-resolved-theme="dark"] .button-ghost:hover { color: var(--ink); background: var(--surface-3); }
[data-resolved-theme="dark"] .button-disabled { color: #788294; background: #20242d; border-color: var(--border); }
[data-resolved-theme="dark"] .icon-button:hover { color: var(--ink); background: var(--surface-3); }

[data-resolved-theme="dark"] .data-table th { color: var(--muted); background: var(--surface-2); border-color: var(--border); }
[data-resolved-theme="dark"] .data-table tbody tr:hover { background: #1b1f28; }
[data-resolved-theme="dark"] .notification-item.unread { background: #211e1b; }
[data-resolved-theme="dark"] .notification-item:hover { background: var(--surface-2); }
[data-resolved-theme="dark"] .task-check { background: var(--surface-2); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .task-check.checked { color: #07130d; background: var(--green); border-color: var(--green); }

[data-resolved-theme="dark"] .period-popover,
[data-resolved-theme="dark"] .view-switcher a.active { color: var(--ink); background: var(--surface); }
[data-resolved-theme="dark"] .week-day,
[data-resolved-theme="dark"] .calendar-day { background: var(--surface); }
[data-resolved-theme="dark"] .calendar-day.outside { background: #14171e; }
[data-resolved-theme="dark"] .calendar-day,
[data-resolved-theme="dark"] .calendar-weekdays span,
[data-resolved-theme="dark"] .week-day { border-color: var(--border); }
[data-resolved-theme="dark"] .week-event { color: var(--ink-2); background: #19263a; border-color: #29436b; border-left-color: var(--blue); }
[data-resolved-theme="dark"] .week-event.kind-task { background: #322a19; border-color: #5c4822; border-left-color: var(--yellow); }
[data-resolved-theme="dark"] .week-event.kind-event { background: #29233d; border-color: #493d6c; border-left-color: var(--purple); }
[data-resolved-theme="dark"] .week-event.kind-deadline,
[data-resolved-theme="dark"] .week-event.state-overdue,
[data-resolved-theme="dark"] .agenda-event-row.status-overdue { background: #392a18; border-color: #6d4a1e; }
[data-resolved-theme="dark"] .calendar-event { color: #f0d697; background: #3d311a; }
[data-resolved-theme="dark"] .calendar-event.status-script { color: #b8d2ff; background: #1d3150; }
[data-resolved-theme="dark"] .calendar-event.status-record { color: #f0c0a0; background: #3d281d; }
[data-resolved-theme="dark"] .calendar-event.status-edit { color: #f0b5ca; background: #3d2330; }
[data-resolved-theme="dark"] .calendar-event.status-review,
[data-resolved-theme="dark"] .calendar-event.meeting { color: #d0c0ff; background: #30284e; }
[data-resolved-theme="dark"] .calendar-event.status-scheduled { color: #a8dfe8; background: #1b3840; }

[data-resolved-theme="dark"] .kanban-column { background: rgba(23,26,34,.9); border-color: #3a4150; }
[data-resolved-theme="dark"] .kanban-column > header { background: rgba(29,33,43,.96); border-color: #3a4150; }
[data-resolved-theme="dark"] .kanban-column > header b { color: var(--ink-2); background: #272c37; }
[data-resolved-theme="dark"] .kanban-card { color: var(--ink); background: rgba(27,31,40,.96); border-color: #3a4251; box-shadow: 0 3px 12px rgba(0,0,0,.18); }
[data-resolved-theme="dark"] .kanban-card footer { color: var(--muted); background: #171a22; border-color: var(--border); }
[data-resolved-theme="dark"] .kanban-card.card-state-rejected { background: #321f24; border-color: #754047; }
[data-resolved-theme="dark"] .kanban-card.card-state-overdue { background: #342818; border-color: #745128; }
[data-resolved-theme="dark"] .card-alert.rejected { color: #ffb1b1; background: #542a30; }
[data-resolved-theme="dark"] .card-alert.overdue { color: #ffd397; background: #513a1e; }
[data-resolved-theme="dark"] .kanban-add:hover { color: #fff; background: rgba(39,44,55,.84); }

[data-resolved-theme="dark"] .detail-side { background: #14171e; border-color: var(--border); }
[data-resolved-theme="dark"] .detail-close { color: var(--ink); background: rgba(23,26,34,.94); }
[data-resolved-theme="dark"] :is(.detail-description,.approval-box,.approval-box textarea,.comment-add textarea,.checklist-add input,.attachment-card button,.timeline-item) { background: var(--surface-2); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .attachment-card { background: #14171e; border-color: var(--border); }
[data-resolved-theme="dark"] .reject-button { color: #ffaaaa; background: var(--red-soft); border-color: #754047; }

[data-resolved-theme="dark"] .notice-banner.success { color: #a7ebca; background: #153126; border-color: #2b654a; }
[data-resolved-theme="dark"] .notice-banner.error { color: #ffc0c0; background: #3b2225; border-color: #713b40; }
[data-resolved-theme="dark"] .affiliate-policy-note { background: var(--surface-2); }
[data-resolved-theme="dark"] .admin-page-header { background: linear-gradient(125deg,#1c1f29 0%,#211e37 62%,#2b2550 100%); border-color: #403963; }
[data-resolved-theme="dark"] .admin-access-badge { color: #d5ceff; background: #292443; border-color: #51487e; }
[data-resolved-theme="dark"] .admin-stat-card { background: var(--surface); border-color: var(--border); }
[data-resolved-theme="dark"] .admin-plan-grid { background: linear-gradient(180deg,#171a22,#14171e); }
[data-resolved-theme="dark"] .admin-plan-grid article.influencer { background: linear-gradient(135deg,#211f35,#2b2550); border-color: #51487e; }
[data-resolved-theme="dark"] .admin-plan-grid em { color: #d8d1ff; background: #312a56; }
[data-resolved-theme="dark"] .admin-footnote { background: var(--surface); border-color: var(--border); }
[data-resolved-theme="dark"] .admin-footnote > span { background: var(--brand-soft); }
[data-resolved-theme="dark"] :is(.access-pill,.admin-result-count) { color: var(--ink-2); background: var(--surface-3); }
[data-resolved-theme="dark"] .access-admin { color: #99e5bd; background: #173828; }
[data-resolved-theme="dark"] .access-influencer,
[data-resolved-theme="dark"] .access-pro { color: #c9c0ff; background: #30284e; }
[data-resolved-theme="dark"] .access-creator { color: #add0ff; background: #1b3152; }
[data-resolved-theme="dark"] .access-agency { color: #f1cc90; background: #43331c; }

[data-resolved-theme="dark"] .ai-result-card.ai-result-complete,
[data-resolved-theme="dark"] .ai-idea-modal-header,
[data-resolved-theme="dark"] .ai-idea-modal-body,
[data-resolved-theme="dark"] .ai-idea-modal-actions { color: var(--ink); background: var(--surface); }
[data-resolved-theme="dark"] .ai-idea-modal-actions { background: rgba(23,26,34,.97); }
[data-resolved-theme="dark"] .ai-hooks-section .ai-detail-list > div { background: #292443; border-color: #4c4374; }
[data-resolved-theme="dark"] .board-background-option { color: var(--ink); background: var(--surface-2); }
[data-resolved-theme="dark"] .tour-highlight { background: var(--surface-2) !important; }
[data-resolved-theme="dark"] .tour-welcome-icon { background: #f8f8ff !important; }
[data-resolved-theme="dark"] ::-webkit-scrollbar-track { background: #12151c; }
[data-resolved-theme="dark"] ::-webkit-scrollbar-thumb { background: #424a59; border-color: #12151c; }

@media(max-width:720px) {
  [data-resolved-theme="dark"] .onboarding-actions { background: var(--surface); }
}

/* Dark mode visual standard: one neutral hierarchy across the entire app. */
[data-resolved-theme="dark"] :is(h1,h2,h3,h4,h5,h6,strong,b) { color: var(--ink); }
[data-resolved-theme="dark"] :is(p,small,.muted) { color: var(--muted); }
[data-resolved-theme="dark"] .eyebrow { color: var(--brand-dark); }
[data-resolved-theme="dark"] :is(.idea-card,.approval-box,.timeline-item,.admin-ai-side article) {
  color: var(--ink);
  background: var(--surface);
  border-color: var(--border);
}
[data-resolved-theme="dark"] :is(.flow-step,.choice-grid button,.onboarding-summary span,.ai-idea-detail,.affiliate-link-box,.affiliate-stats article) {
  color: var(--ink-2);
  background: var(--surface-2);
  border-color: var(--border);
}
[data-resolved-theme="dark"] :is(.flow-step:hover,.choice-grid button:hover) {
  color: var(--ink);
  background: var(--surface-3);
  border-color: var(--border-strong);
}
[data-resolved-theme="dark"] :is(.agenda-item,.attention-item,.content-row,.task-item) { border-color: var(--border); }
[data-resolved-theme="dark"] :is(.platform-instagram,.platform-youtube,.platform-tiktok,.platform-linkedin) {
  color: var(--ink-2);
  background: var(--surface-3);
}

/* Agenda: never leave white day cells or low-contrast controls in dark mode. */
[data-resolved-theme="dark"] .agenda-calendar-panel { background: var(--surface); }
[data-resolved-theme="dark"] .agenda-toolbar,
[data-resolved-theme="dark"] .day-agenda-view,
[data-resolved-theme="dark"] .week-agenda-view,
[data-resolved-theme="dark"] .calendar-days,
[data-resolved-theme="dark"] .calendar-legend { background: var(--surface); }
[data-resolved-theme="dark"] .agenda-toolbar { border-color: var(--border); }
[data-resolved-theme="dark"] .view-switcher { background: var(--surface-2); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .view-switcher a { color: var(--muted); }
[data-resolved-theme="dark"] .view-switcher a:hover { color: var(--ink); background: var(--surface-3); }
[data-resolved-theme="dark"] .view-switcher a.active { color: #fff; background: var(--brand); box-shadow: none; }
[data-resolved-theme="dark"] .week-day,
[data-resolved-theme="dark"] .calendar-day { color: var(--ink); background: var(--surface); border-color: var(--border); }
[data-resolved-theme="dark"] .week-day > header,
[data-resolved-theme="dark"] .calendar-weekdays,
[data-resolved-theme="dark"] .calendar-day > header { color: var(--ink-2); border-color: var(--border); }
[data-resolved-theme="dark"] .week-day > header strong,
[data-resolved-theme="dark"] .calendar-day > header button { color: var(--ink-2); }
[data-resolved-theme="dark"] .week-day.today > header strong,
[data-resolved-theme="dark"] .calendar-day.today > header button { color: #fff; background: var(--brand); }
[data-resolved-theme="dark"] .week-empty { color: var(--muted); background: #14171e; border-color: #465064; }
[data-resolved-theme="dark"] .week-empty:hover { color: #fff; background: var(--surface-3); border-color: var(--brand); }
[data-resolved-theme="dark"] .agenda-event-row:hover { background: var(--surface-2); }
[data-resolved-theme="dark"] .agenda-event-row.status-overdue { background: #2e2418; }

/* Production: dark neutral board, with colour reserved for status and actions. */
[data-resolved-theme="dark"] .kanban-shell {
  background-color: var(--bg) !important;
  background-image: none !important;
  border: 1px solid var(--border);
}
[data-resolved-theme="dark"] .kanban-column {
  background: var(--surface) !important;
  border-color: var(--border-strong);
  backdrop-filter: none;
}
[data-resolved-theme="dark"] .kanban-column > header {
  color: var(--ink);
  background: var(--surface-2) !important;
  border-color: var(--border-strong);
}
[data-resolved-theme="dark"] .kanban-column > header b { color: var(--ink-2); background: var(--surface-3); }
[data-resolved-theme="dark"] .kanban-dropzone { background: var(--surface); }
[data-resolved-theme="dark"] .kanban-dropzone.drag-over { background: var(--brand-soft); }
[data-resolved-theme="dark"] .kanban-add { color: var(--ink-2); background: #14171e; border-color: #4a5568; }
[data-resolved-theme="dark"] .kanban-add:hover { color: #fff; background: var(--surface-3); border-color: var(--brand); }

/* Authentication, onboarding and every settings/admin surface. */
[data-resolved-theme="dark"] .auth-side { color: var(--ink); background: linear-gradient(145deg,#161923 0%,#1f1b38 55%,#101219 100%); }
[data-resolved-theme="dark"] .auth-side p,
[data-resolved-theme="dark"] .auth-side small { color: var(--muted); }
[data-resolved-theme="dark"] .auth-main { background: var(--bg); }
[data-resolved-theme="dark"] .auth-card { color: var(--ink); background: var(--surface); border-color: var(--border); }
[data-resolved-theme="dark"] .onboarding-shell { color: var(--ink); background: var(--bg); }
[data-resolved-theme="dark"] .onboarding-card { background: var(--surface); border-color: var(--border); box-shadow: var(--shadow-md); }
[data-resolved-theme="dark"] .onboarding-progress > div { background: var(--surface-3); }
[data-resolved-theme="dark"] .onboarding-actions { background: var(--surface); border-color: var(--border); }
[data-resolved-theme="dark"] .admin-ai-panel textarea { color: var(--ink); background: var(--surface-2); border-color: var(--border-strong); }
[data-resolved-theme="dark"] .cta-logo-card { background: var(--surface-2); border-color: var(--border-strong); }

/* Keep alerts semantic without allowing bright cards to break the palette. */
[data-resolved-theme="dark"] .status-pill { color: #f0d597; background: #392f1d; }
[data-resolved-theme="dark"] .status-pill.status-script { color: #b8d2ff; background: #1d3150; }
[data-resolved-theme="dark"] .status-pill.status-record { color: #f0c0a0; background: #3d281d; }
[data-resolved-theme="dark"] .status-pill.status-edit { color: #f0b5ca; background: #3d2330; }
[data-resolved-theme="dark"] .status-pill.status-review { color: #d0c0ff; background: #30284e; }
[data-resolved-theme="dark"] .status-pill.status-scheduled { color: #a8dfe8; background: #1b3840; }
[data-resolved-theme="dark"] .status-pill.status-published { color: #9de5c1; background: var(--green-soft); }

@media(max-width:760px) {
  [data-resolved-theme="dark"] .kanban-shell { border-radius: 14px; }
}

/* Final dark-mode polish: balanced empty states and consistently legible actions. */
[data-resolved-theme="dark"] .empty-page {
  background: linear-gradient(145deg,var(--surface) 0%,#191d26 100%);
  border-color: var(--border-strong);
}
[data-resolved-theme="dark"] .empty-page .empty-icon {
  color: #c1c9d8;
  background: var(--surface-3);
  border: 1px solid var(--border-strong);
}
[data-resolved-theme="dark"] .empty-page p { color: var(--muted); }
[data-resolved-theme="dark"] .ai-plan-upgrade {
  color: var(--ink);
  background: linear-gradient(135deg,#1d2029,#25213d);
  border-color: #484166;
}
[data-resolved-theme="dark"] .ai-plan-upgrade p { color: var(--muted); }

[data-resolved-theme="dark"] .billing-card .button-disabled {
  color: #e4e8f0 !important;
  background: #191d25 !important;
  border-color: #485163 !important;
  opacity: 1;
}
[data-resolved-theme="dark"] .billing-card .button-disabled:hover {
  color: #e4e8f0 !important;
  background: #191d25 !important;
  border-color: #485163 !important;
}
[data-resolved-theme="dark"] .billing-card :is(.button-primary,button.button-primary) {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}
[data-resolved-theme="dark"] .billing-card :is(.button-outline,button.button-outline) {
  color: #f4f6fb;
  background: #191d25;
  border-color: #485163;
}
[data-resolved-theme="dark"] .affiliate-how-card .affiliate-policy-note {
  color: #c8cfdd;
  background: #171b23;
  border: 1px solid var(--border-strong);
}
[data-resolved-theme="dark"] .affiliate-how-card .affiliate-policy-note strong { color: #fff; }
[data-resolved-theme="dark"] .button-light {
  color: #f4f6fb;
  background: #191d25;
  border-color: #485163;
}
[data-resolved-theme="dark"] .button-light:hover {
  color: #fff;
  background: var(--surface-3);
  border-color: #5c6679;
}

@media(max-width:640px) {
  .empty-page { min-height: 380px; padding: 46px 22px; }
  .empty-page p { margin-bottom: 22px; }
}