/* Shared theme for every screen. Colour never replaces a business status label. */
:root {
  color-scheme: dark;
  --bg: #0b0b0f; --canvas: #0b0b0f; --surface: #15151d;
  --surface-raised: #1c1b25; --text: #f3f1f8; --muted: #b0aaba;
  --line: #302d3b; --blue: #73aaff; --purple: #b48aff;
  --pink: #ff758d; --amber: #ffb16b; --green: #55dda8; --indigo: #a58cff;
  --radius: 16px; --suite-accent: var(--purple); --suite-muted: var(--muted);
  --suite-surface: var(--surface); --suite-line: var(--line);
  --ocean-border: #34303e; --ocean-shadow: 0 10px 28px #0003;
  --ocean-panel: linear-gradient(145deg, #191820, #111116);
}
body, body.suite-login {
  color: var(--text);
  background: radial-gradient(ellipse at 16% 0%, #8a3af019, transparent 40%),
    radial-gradient(ellipse at 95% 25%, #f5662210, transparent 36%),
    radial-gradient(ellipse at 70% 95%, #2865fa0c, transparent 42%), var(--bg);
  background-attachment: fixed;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ux-nav {
  background: radial-gradient(ellipse at 0 0, #933ce525, transparent 50%),
    radial-gradient(ellipse at 100% 95%, #e8482514, transparent 50%), #111015;
  border-right-color: var(--line);
}
.ux-nav nav a { --nav-color: var(--purple); color: #c9c3d3; border-radius: 11px; }
.ux-nav nav a[href='/automations'] { --nav-color: var(--amber); }
.ux-nav nav a[href='/products/v2'], .ux-nav nav a[href='/workspaces/orders'] { --nav-color: var(--blue); }
.ux-nav nav a[href='/workspaces/sources'] { --nav-color: #ff8a81; }
.ux-nav nav a[href='/workspaces/discovery'] { --nav-color: var(--purple); }
.ux-nav nav a[href='/workspaces/inventory'] { --nav-color: var(--amber); }
.ux-nav nav a[href='/workspaces/analytics'] { --nav-color: var(--green); }
.ux-nav nav a .icon { color: var(--nav-color); }
.ux-nav nav a:hover { color: white; background: #ffffff08; }
.ux-nav nav a.selected {
  color: white; border-color: #b48aff2b;
  background: linear-gradient(105deg, #8149ce36, #ac4f7020);
  box-shadow: inset 3px 0 var(--nav-color), 0 4px 20px #0002;
}
.ux-nav nav a.selected .icon { color: var(--nav-color); filter: drop-shadow(0 0 5px #b48aff44); }
.brand-os { background: linear-gradient(125deg, #ad80ff, #ff8a96); color: #17101e; }
.ux-nav .brand>span:last-child small { color: #c2a2ed; }
.brand-symbol { background-image: linear-gradient(140deg, #bc87ff, #ff7698); }
.ux-top { background: #111015ee; border-bottom-color: var(--line); }
.ux-top .global-search, .global-search { background: #1a1822; border-color: #393342; border-radius: 10px; }
.global-search input, .ux-top .user { color: var(--text); }
.ux-top .avatar { background: linear-gradient(135deg, #ae6de8, #586ad8); border-color: #b091db66; box-shadow: 0 0 16px #884fd222; }
.top-clock, .nav-divider, .sidebar-settings, .suite-heading { border-color: var(--line); }
.top-clock span, .top-context, .ux-footer, .reference-dashboard .page-title p { color: var(--muted); }
.reference-dashboard .page-title, .page-title:has(.home-heading-actions) {
  background: radial-gradient(ellipse at 0 0, #985cf029, transparent 55%),
    radial-gradient(ellipse at 100% 0, #f1632b19, transparent 55%), #121117;
  border-color: var(--line); border-radius: 18px;
}
.reference-dashboard .page-title:before { background: linear-gradient(90deg, #ae75ff88, #ff795644, transparent); }
.eyebrow, .suite-heading .eyebrow { color: var(--purple); }
.reference-dashboard .kpis { background: transparent; }
.reference-dashboard .kpi, .kpi { background: linear-gradient(135deg, #1c1924, #131318); border-color: var(--line); border-radius: 15px; }
.reference-dashboard .kpi strong, .product-name b, .section-title h2, .suite-content h2 { color: var(--text); }
.reference-dashboard .kpi small, .reference-dashboard .chart-value small, .suite-content small, .muted { color: var(--muted); }
.reference-dashboard .kpi .icon-tile { background: #73aaff19; color: var(--blue); }
.reference-dashboard .kpi.green .icon-tile { background: #55dda819; color: var(--green); }
.reference-dashboard .kpi.amber .icon-tile { background: #ff9e541c; color: var(--amber); }
.reference-dashboard .kpi.pink .icon-tile { background: #ff627d20; color: var(--pink); }
.reference-dashboard .kpi.pink strong { color: var(--pink); }
.reference-dashboard .panel, .reference-dashboard .opportunity,
.panel, .product-hero, .product-stats, .product-card, .suite-content>.card,
.suite-content .card, .ws-panel, .login-card, .hub-link {
  background: var(--ocean-panel); border-color: var(--line);
  border-radius: 16px; box-shadow: var(--ocean-shadow);
}
.suite-content .card .card { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.reference-dashboard .opportunity, .opportunity {
  background: radial-gradient(ellipse at top right, #ac66f62b, transparent 65%), linear-gradient(140deg, #211a30, #14121b);
  border-color: #554064;
}
.hub-link:nth-child(3n+1) { border-top-color: #688bda; }
.hub-link:nth-child(3n+2) { border-top-color: #a975df; }
.hub-link:nth-child(3n+3) { border-top-color: #bc7549; }
.product-card:hover, .hub-link:hover { border-color: #aa7ed277; box-shadow: 0 8px 24px #0004; }
.hub-intro { background: linear-gradient(105deg, #9e6ce516, #ee874c09); border-color: var(--line); }
.gradient, .suite-content .primary, .suite-login .primary {
  background: linear-gradient(110deg, #8549cb, #6557d8); border-color: #b68aea55;
  color: white; box-shadow: 0 5px 20px #8549cb22; border-radius: 10px;
}
.btn:not(.gradient), .suite-content .secondary, .reference-dashboard .dashboard-shortcuts a,
.reference-dashboard .attention-item a, .sidebar-ai-input { background: #24212d; color: #e1dcea; border-color: #494050; border-radius: 9px; }
.reference-dashboard .section-title>a, .reference-dashboard .text-button, .suite-content td a, a { color: var(--blue); }
.segments a.active, .product-tabs a.active, .suite-tabs a.active, .chart-periods a.active {
  background: #ac75ed20; color: #d1b4f5; box-shadow: inset 0 -2px #ae7ae6;
}
.segments a:hover, .product-tabs a:hover, .suite-tabs a:hover { background: #ffffff08; }
.suite-content input:not([type=checkbox]):not([type=radio]), .suite-content select, .suite-content textarea,
.catalog-search, .product-search, .suite-login input, #vantora-ai-panel :is(select,textarea) {
  background: #100f15; border-color: #3d354a; color: var(--text); border-radius: 10px;
}
input[type=checkbox], input[type=radio], .suite-content input[type=checkbox] { accent-color: #ae7ee5; }
.suite-content label { color: #c8c1d3; }
.suite-content summary { color: #c8a6f1; }
.suite-content pre { background: #0c0b10; }
.catalog table thead, .suite-content thead { background: #1b1823; }
.catalog table th, .suite-content th { color: #bdb0cd; }
.catalog table td, .suite-content td, .attention-item, .model-row, .automation-row, .product-stats>div { border-color: #39313f88; }
.catalog tbody tr:hover, .suite-content tbody tr:hover { background: #af7ee509; }
.gridline { stroke: #393240; }
.sidebar-ai {
  background: radial-gradient(ellipse at top right, #b855ef30, transparent 70%), #1b1428;
  border-color: #9160c8; box-shadow: 0 0 20px #9258d21a;
}
.sidebar-ai-heading .icon, .sidebar-ai small { color: #c9a0ff; filter: none; }
.vantora-ai-launch { background: linear-gradient(120deg, #7041af, #4d4fa2); border-color: #a679da; box-shadow: 0 0 20px #a679da22; }
#vantora-ai-panel, .context-drawer, .command-dialog { background: linear-gradient(145deg, #1c1724, #111015); border-color: #604777; }
#vantora-ai-panel header, #ai-question-form { background: #17121f; border-color: #3b2c49; }
.ai-answer { background: #131016; border-color: #44324e; }
.ai-answer dl { border-color: #3f3048; }
.ai-quick button { background: #282035; border-color: #524064; color: #eddefe; }
#ai-question-form button { background: linear-gradient(120deg, #8754c7, #5462cf); }
.notice, .message { background: #221b2e; border-color: #6d4b8e; color: #e0ccee; }
.notice.negative { background: #331b23; border-color: #b75167; }
.pause-notice { background: #2b2018; border-color: #79513a; color: #f0c39b; }
.positive { color: var(--green); } .negative { color: var(--pink); }
.global-pause { background: linear-gradient(105deg, #5e202d, #29191f); border-color: #bf5068; box-shadow: 0 0 18px #ea46631c; }
.suite-login .login-card { border: 1px solid #584069; }
:where(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid #c299fa; outline-offset: 3px; }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { scroll-behavior: auto !important; } }
.suite-content .panel, .product-overview .panel { background: var(--ocean-panel); border-color: var(--line); border-radius: 16px; }
.suite-content .btn.gradient, .btn.gradient { background: linear-gradient(110deg,#8549cb,#6557d8); border-color:#b68aea55; box-shadow:0 5px 20px #8549cb22; color:white; }
.suite-tabs a.active, .product-tabs a.active { color:#d1b4f5; border-color:#ae7ae6; }
.reference-dashboard .chart-empty b, .reference-dashboard .chart-empty p { background:#17141ee6; }
.reference-dashboard .opportunity-count { background:#af7ee50d; border-color:#70518444; }