/* Dashboard visual refinement — calm violet, clearer hierarchy, fewer competing accents */
:root {
  --ink: #182033;
  --muted: #71798a;
  --line: #e7e9ef;
  --canvas: #f6f7fa;
  --surface: #ffffff;
  --green: #7c3aed;
  --green-dark: #6d28d9;
  --green-pale: #f5f3ff;
  --green-faint: #faf9ff;
  --blue: #4d74c8;
  --blue-pale: #edf3ff;
  --amber: #c8882f;
  --amber-pale: #fff5e7;
  --purple: #7c3aed;
  --purple-pale: #f5f3ff;
  --aurora: #7c3aed;
  --aurora-soft: #f5f3ff;
  --shadow: 0 12px 34px rgba(35,30,54,.07);
  --soft-shadow: 0 3px 12px rgba(35,30,54,.05);
}
body { color: var(--ink); background: var(--canvas); }
.sidebar { width: 270px; flex-basis: 270px; padding: 24px 14px 16px; border-right: 0; background: #2e1065; box-shadow: inset -1px 0 rgba(255,255,255,.05); }
.brand-lockup { padding: 0 17px 24px; color: #fff; font-size: 24px; letter-spacing: -1px; text-transform: lowercase; }
.brand-lockup > span { color: #fff; background: none; }
.brand-lockup > span > span { color: #bda1ff; }
.brand-lockup em { display:none; }
.brand-mark { width: 39px; height: 39px; color: #fff; border-radius: 12px; background: linear-gradient(145deg,#8b5cf6,#6d28d9); box-shadow: 0 8px 22px rgba(10,4,27,.3); transform: none; }
.brand-mark svg { width: 23px; height: 23px; transform: none; }
.main-nav { gap: 8px; overflow-y: auto; scrollbar-width: none; }
.nav-section { gap: 3px; }
.nav-section-dashboard + .nav-section { padding-top: 7px; border-top-color: rgba(255,255,255,.09); }
.nav-section-title { margin: 9px 0 4px; padding: 0 16px; color: #8f82aa; font-size: 8.5px; letter-spacing: .13em; }
.nav-item { min-height: 42px; padding: 0 15px; gap: 13px; color: #d8d1e7; border-radius: 10px; font-size: 13.5px; font-weight: 540; }
.nav-item svg { width: 19px; height: 19px; color: #a99fbe; }
.nav-item:hover { color: #fff; background: rgba(255,255,255,.07); }
.nav-item:hover svg { color: #cdbaff; }
.nav-item.is-active { color: #fff; background: rgba(157,122,238,.18); box-shadow: inset 3px 0 #a77cff; font-weight: 700; }
.nav-item.is-active svg { color: #cdbaff; }
.nav-item b { color: #e9e0ff; background: rgba(169,124,255,.24); }
.nav-item i { color: #dfd2ff; background: rgba(169,124,255,.2); }
.sidebar-footer { border-top-color: rgba(255,255,255,.09); }
.help-card,.account-card { color: #e6dfef; }
.help-card:hover,.account-card:hover { background: rgba(255,255,255,.07); }
.help-icon { color: #d5c4ff; background: rgba(167,124,255,.18); }
.help-card strong,.account-card strong { color:#fff; }
.help-card span,.help-card > svg,.account-card > svg { color:#988daa; }
.account-card span { color:#c4b5fd; }
.avatar-owner,.sd { background: linear-gradient(145deg,#7c3aed,#4c1d95); }
.workspace { background: var(--canvas); }
.topbar { height: 80px; padding: 0 34px; border-bottom-color: #e9eaf0; background: rgba(255,255,255,.92); }
.brand-switcher { min-width: 360px; height: 48px; border-color: #e1e3ea; border-radius: 12px; box-shadow: 0 2px 8px rgba(28,24,43,.03); }
.brand-switcher:hover { border-color: #c4b5fd; }
.brand-switcher strong { color:#283047; font-size: 13px; }
.brand-switcher small { color:#848b9a; }
.workspace-icon { border-color:#555f72; }.workspace-icon:before { border-color:#555f72; }.workspace-icon span { background:#555f72; }
.icon-button { color:#677083; }.icon-button:hover { border-color:#e3e5ec; background:#f6f7fa; }
.notification-button b { background:#7c3aed; }
.content { max-width: 1510px; padding: 30px 34px 42px; }
.page-heading { margin-bottom: 20px; }
.page-heading .eyebrow { color:#9399a6; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.page-heading h1 { color:#182033; font-size: clamp(28px,2.2vw,34px); font-weight: 720; letter-spacing:-1.2px; }
.page-heading h1 span { color:#7c3aed; }
.page-heading > div > p:last-child { color:#747c8c; font-size:13px; }
.button-primary { color:#fff; background:#7c3aed; box-shadow:0 8px 20px rgba(109,75,195,.2); }
.button-primary:hover { color:#fff; background:#5939a8; }
.button-secondary { color:#4f586b; border-color:#e0e3e9; }
.button-secondary:hover,.text-button:hover { color:#6542b3; border-color:#c4b5fd; }
.quick-strip { min-height: 46px; border-color:#e7e1f2; background:#faf9ff; }
.health-copy strong,.quick-strip button { color:#6041a6; }
.pulse { background:#7c3aed; box-shadow:0 0 0 4px rgba(121,83,200,.12); }
.metric-grid { gap:14px; }
.metric-card { min-height:178px; padding:20px; border-color:#e8e9ef; border-radius:15px; box-shadow:0 5px 20px rgba(32,28,50,.035); }
.metric-icon { width:40px; height:40px; margin-bottom:17px; border-radius:12px; }
.metric-icon.green,.metric-icon.blue,.metric-icon.purple { color:#6d28d9; background:#f5f3ff; }
.metric-icon.amber { color:#9a6826; background:#fff4e4; }
.metric-title { color:#687185; font-size:11.5px; }
.metric-value { color:#192139; font-size:29px; font-weight:740; letter-spacing:-1.1px; }
.metric-change { color:#287f62; }.metric-note { color:#8a672c; }
.metric-spark i { background:#ddd6fe; }
.panel { overflow:hidden; border-color:#e7e9ef; border-radius:16px; box-shadow:0 6px 24px rgba(32,28,50,.04); }
.panel-heading { min-height:74px; padding:18px 20px 13px; }
.panel-heading h2 { color:#20283c; font-size:15px; letter-spacing:-.35px; }
.panel-heading p { color:#8b92a0; font-size:10.5px; }
.text-button { color:#7c3aed; }
.campaign-row { min-height:66px; border-top-color:#eef0f3; }
.campaign-row.table-head { color:#949baa; font-size:9.5px; text-transform:uppercase; letter-spacing:.04em; }
.campaign-name strong { color:#2d354a; font-size:11px; }.campaign-name small { color:#9299a7; }
.campaign-icon.lime,.campaign-icon.sky { color:#6d28d9; background:#f5f3ff; }
.campaign-icon.gray { color:#6c7484; background:#f1f2f5; }
.status { border:1px solid transparent; }
.status.running { color:#28795f; border-color:#dceee7; background:#eff8f5; }.status.running i { background:#2e8b6a; }
.status.scheduled { color:#426ba8; border-color:#dce6f5; background:#f1f6fd; }.status.scheduled i { background:#5278b3; }
.status.completed { color:#667083; border-color:#e3e6ea; background:#f3f4f6; }.status.completed i { background:#7e8796; }
.progress { background:#eceef2; }.progress i,.progress.response i { background:#7c3aed; }.progress.blue-progress i { background:#5f7fbd; }.progress.neutral i { background:#99a0ac; }
.progress-cell strong { color:#3d465a; }.cost { color:#667083; }
.conversation-list { border-top-color:#eef0f3; }
.conversation-row { border-bottom-color:#eef0f3; }
.conversation-row:hover { background:#faf9ff; }
.avatar-af { background:#6d28d9; }.avatar-sr { background:#52798d; }.avatar-ds { background:#ae7a47; }
.conversation-copy strong { color:#2b3348; }.conversation-copy small { color:#778092; }
.conversation-copy em { color:#765b2f; background:#fff4df; }
.conversation-meta { color:#7f8797; }.conversation-meta i { background:#7c3aed; }
.panel-footer-action { color:#7c3aed; }.panel-footer-action:hover { background:#faf9ff; }
.copilot-card { border-color:#e7e1f2; background:#faf9ff; }
.copilot-logo { background:#7c3aed; }.copilot-orb { color:#7c3aed; border-color:#ddd6fe; box-shadow:none; }
.copilot-actions button > span { color:#7c3aed; background:#f5f3ff; }
.copilot-response,.copilot-insight { color:#564177; border-color:#e7e1f2; background:#faf9ff; }
.copilot-response > span,.insight-icon { color:#7c3aed; }.trend { color:#8a672c; background:#fff4e4; }
.channel-card { border-color:#e7e9ef; box-shadow:0 6px 24px rgba(32,28,50,.035); }
.channel-symbol.wa,.channel-status.success,.modal-icon { color:#6d28d9; background:#f5f3ff; }

@media (max-width:1240px){.sidebar{width:232px;flex-basis:232px}.content{padding:26px}.topbar{padding:0 26px}}
@media (max-width:1010px){.sidebar{width:72px;flex-basis:72px}.brand-lockup>span{display:none}}
@media (max-width:720px){.sidebar{width:268px}.brand-lockup>span{display:block}.topbar{height:70px;padding:0 14px}.content{padding:21px 15px 30px}}

/* Financial transparency notice */
.content .payment-flow-notice {
  margin: 0 20px 18px;
  padding: 14px 16px;
  display: grid;
  gap: 4px;
  color: #5e5572;
  border: 1px solid #e7e1f2;
  border-radius: 12px;
  background: #faf9ff;
  font-size: 11.5px;
  line-height: 1.55;
}
.content .payment-flow-notice strong { color: #34284d; font-size: 12px; }


/* Sellios final violet dashboard system */
:root {
  --brand-violet:#7c3aed;
  --brand-violet-hover:#6d28d9;
  --brand-violet-deep:#4c1d95;
  --brand-violet-soft:#f5f3ff;
  --brand-violet-line:#ddd6fe;
  --green:#7c3aed;
  --green-dark:#6d28d9;
  --green-pale:#f5f3ff;
  --green-faint:#faf9ff;
  --blue:#7c3aed;
  --blue-pale:#f5f3ff;
  --purple:#7c3aed;
  --purple-pale:#f5f3ff;
  --aurora:#7c3aed;
  --aurora-soft:#f5f3ff;
}
.sidebar { background: linear-gradient(180deg,#26133f 0%,#2e1065 100%); }
.brand-mark { background: linear-gradient(145deg,#8b5cf6,#6d28d9); }
.nav-item.is-active { background: rgba(124,58,237,.25); box-shadow: inset 3px 0 #a78bfa; }
.nav-item:hover { background: rgba(124,58,237,.14); }
.nav-item:hover svg,.nav-item.is-active svg { color:#c4b5fd; }
.nav-item b,.nav-item i,.help-icon { color:#ede9fe; background:rgba(124,58,237,.30); }
.account-card span { color:#c4b5fd; }
.button-primary { color:#fff; background:linear-gradient(135deg,#7c3aed,#6d28d9); box-shadow:0 8px 22px rgba(124,58,237,.22); }
.button-primary:hover { color:#fff; background:#6d28d9; }
.button-secondary:hover,.text-button:hover,.new-brand,.page-heading h1 span,.panel-footer-action { color:#7c3aed; border-color:#c4b5fd; }
.brand-switcher:hover { border-color:#c4b5fd; }
.quick-strip,.copilot-card,.copilot-response,.copilot-insight,.payment-flow-notice { border-color:#e7e1f2; background:#faf9ff; }
.health-copy strong,.quick-strip button,.copilot-orb,.copilot-response>span,.insight-icon { color:#6d28d9; }
.pulse,.notification-button b,.progress i,.progress.response i,.conversation-meta i { background:#7c3aed; }
.metric-icon.green,.metric-icon.blue,.metric-icon.purple,.campaign-icon.lime,.campaign-icon.sky,.copilot-actions button>span,.channel-symbol.wa,.modal-icon { color:#6d28d9; background:#f5f3ff; }
.metric-spark i { background:#ddd6fe; }
.progress.blue-progress i { background:#8b5cf6; }
.status.scheduled { color:#5b21b6; border-color:#ddd6fe; background:#f5f3ff; }
.status.scheduled i { background:#7c3aed; }
.copilot-logo,.avatar-af,.avatar-sr { background:#7c3aed; }
.content :is(input,select,textarea):focus { border-color:#7c3aed !important; box-shadow:0 0 0 3px rgba(124,58,237,.13) !important; }
.content input[type="radio"],.content input[type="checkbox"] { accent-color:#7c3aed !important; }
.content .sales-tabs button:hover { color:#7c3aed !important; background:#f5f3ff !important; }
.content .sales-tabs button.is-active { color:#5b21b6 !important; border-color:#7c3aed !important; background:#f5f3ff !important; }
.content .landing-host-option.is-active,
.content .landing-host-option:has(input:checked),
.content .wordpress-sync-options>label:has(input:checked) { border-color:#a78bfa !important; background:#faf9ff !important; }
.content .affiliate-icon,
.content .product-image-empty>span { color:#7c3aed !important; background:#f5f3ff !important; }
.content .status.is-running { color:#5b21b6 !important; background:#f5f3ff !important; }
.content .landing-preview-toolbar,
.content .wordpress-event-success { border-color:#e7e1f2 !important; background:#faf9ff !important; }
.content .affiliate-link-row code,.content .product-image-picker { background:#4c1d95 !important; }
.content .affiliate-link-value { color:#5b21b6 !important; border-color:#ddd6fe !important; background:#f5f3ff !important; }
.content .product-image-picker:hover { background:#7c3aed !important; }
.content .product-image-empty:hover,.content .product-image-grid figure.is-cover { border-color:#7c3aed !important; }
.content .product-image-grid figcaption { color:#fff !important; background:#7c3aed !important; }

/* Public merchant demo: clear context without interrupting the dashboard flow. */
.public-merchant-demo-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 26px 0;padding:13px 16px;border:1px solid #ddd6fe;border-radius:15px;background:#faf9ff;color:#4c1d95}.public-merchant-demo-notice>div:first-child{display:grid;gap:3px}.public-merchant-demo-notice strong{font-size:13px}.public-merchant-demo-notice p{margin:0;color:#746987;font-size:12px;line-height:1.45}.public-merchant-demo-actions{display:flex;align-items:center;gap:9px;flex:none}.public-merchant-demo-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid #d9d0ea;border-radius:9px;background:#fff;color:#5b21b6;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}.public-merchant-demo-actions a.is-primary{border-color:#7c3aed;background:#7c3aed;color:#fff}@media(max-width:780px){.public-merchant-demo-notice{align-items:flex-start;flex-direction:column;margin:12px 14px 0}.public-merchant-demo-actions{width:100%;flex-wrap:wrap}.public-merchant-demo-actions a{flex:1}}