/* =============================================================
Intelligence Suite Design System — Graphite + Ember v3
Premium B2B SaaS Design System
—
Refined: more surface contrast, stronger hierarchy,
tactile CTA, intentional active states.
Zero glow. Zero glassmorphism. Zero gradients.
Just spacing, surface, type, and one clean accent.
=============================================================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');
.ves-wrap, .ves-wrap * { box-sizing: border-box; }
/* ── DESIGN TOKENS ─────────────────────────────────────────── */
.ves-wrap {
/* Surface System — 6 precise levels */
--app: #07111F; /* deepest — carbon navy shell */
--sidebar: #0B1726; /* left panel — carbon blue */
--topbar: #0D1B2D; /* top navigation — carbon blue */
--panel: #102033; /* main content area */
--card: #14243A; /* cards, inputs, fields */
--raised: #18304A; /* elevated: hover, dropdowns, chips */
--overlay: #1D3855; /* overlays, tooltips */
/* Borders — two levels of contrast */
--bdr: #1F3550; /* standard border */
--bdr2: #315173; /* strong border: hover, focus, selected */
--bdr3: #3E6D97; /* strongest: active, pressed */
/* Typography — 3-level contrast chain */
--t1: #F1F5F9; /* primary */
--t2: #A7B0C0; /* secondary — intentionally readable */
--t3: #738095; /* muted — labels, helpers */
/* Accent — Ember is primary, Violet is support */
--em: #36C7E8; /* primary CTA, active, key highlights */
--emh: #67DDF5; /* hover */
--em10: rgba(54,199,232,0.10);
--em06: rgba(54,199,232,0.06);
--em18: rgba(54,199,232,0.18);
--em30: rgba(54,199,232,0.30);
--vi: #7657FF; /* secondary — focus rings, active tab, info */
--vih: #8B6FFF;
--vi10: rgba(118,87,255,0.10);
--vi06: rgba(118,87,255,0.06);
--vi18: rgba(118,87,255,0.18);
/* Status */
--ok: #22C55E; --ok10: rgba(34,197,94,0.10); --ok18: rgba(34,197,94,0.18);
--warn: #F59E0B; --wn10: rgba(245,158,11,0.10); --wn18: rgba(245,158,11,0.18);
--err: #EF4444; --er10: rgba(239,68,68,0.10); --er18: rgba(239,68,68,0.18);
/* Elevations — controlled, no spreading shadows */
--e0: none;
--e1: 0 1px 3px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.3);
--e2: 0 4px 16px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.3);
--e3: 0 12px 40px rgba(0,0,0,0.55), 0 4px 12px rgba(0,0,0,0.35);
/* Radius — consistent, not random */
--r1: 4px; /* chips, badges, small elements */
--r2: 6px; /* buttons, inputs, list items */
--r3: 8px; /* cards, panels */
--r4: 10px; /* modals, dropdowns */
/* Legacy aliases */
--ves-bg:var(--app); --ves-surface:var(--card); --ves-surface-2:var(--raised);
--ves-surface-3:var(--sidebar); --ves-border:var(--bdr); --ves-border-2:var(--bdr2);
--ves-border-strong:var(--bdr3); --ves-text:var(--t1); --ves-text-2:var(--t2);
--ves-text-3:var(--t3); --ves-muted:var(--t3);
--ves-primary:var(--em); --ves-primary-hover:var(--emh);
--ves-primary-2:var(--emh); --ves-primary-soft:var(--em10);
--ves-primary-glow:transparent;
--ves-success:var(--ok); --ves-success-soft:var(--ok10);
--ves-danger:var(--err); --ves-danger-soft:var(--er10);
--ves-warn:var(--warn); --ves-warn-soft:var(--wn10);
--ves-shadow-sm:var(--e1); --ves-shadow-md:var(--e2); --ves-shadow-lg:var(--e3);
--ves-radius:var(--r2); --ves-radius-lg:var(--r3); --ves-radius-xl:var(--r4);
--ves-sidebar-w:260px; --ves-topbar-h:56px;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
font-size: 13.5px; line-height: 1.55;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--t1); background: var(--app);
font-variant-numeric: tabular-nums;
}
/* ── GRAIN — subtle material texture ──────────────────────── */
.ves-wrap.ves-dashboard-shell::before {
content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.022'/%3E%3C/svg%3E");
opacity: .5;
}
/* ── SHELL ─────────────────────────────────────────────────── */
.ves-wrap.ves-dashboard-shell,
.ves-wrap.ves-shell-v2.ves-dashboard-shell,
.ves-wrap.ves-shell-v3.ves-dashboard-shell {
max-width:none!important; width:100%!important; margin:0!important;
padding:0!important; border:0!important; border-radius:0!important;
box-shadow:none!important; min-height:100vh!important;
display:grid!important;
grid-template-columns:var(--ves-sidebar-w) minmax(0,1fr)!important;
align-items:stretch!important;
background:var(--app)!important; color:var(--t1)!important;
}
.ves-shell-v3.is-sidebar-collapsed {
grid-template-columns: 56px minmax(0,1fr) !important;
}
/* ── SIDEBAR ───────────────────────────────────────────────── */
.ves-shell-v3 .ves-sidebar, .ves-sidebar {
background: var(--sidebar) !important;
/* Distinguishing right border — not just a divider */
border-right: 1px solid var(--bdr) !important;
display: flex !important; flex-direction: column !important;
position: sticky !important; top: 0 !important; height: 100vh !important;
overflow: hidden !important; z-index: 30 !important;
}
.ves-sidebar-head {
padding: 0 14px !important; height: var(--ves-topbar-h) !important;
display: flex !important; align-items: center !important;
justify-content: space-between !important; gap: 8px !important;
border-bottom: 1px solid var(--bdr) !important; flex-shrink: 0 !important;
}
/* Logo — ember pill, crisp */
.ves-sidebar .ves-logo, .ves-topbar .ves-logo {
width: 30px !important; height: 30px !important; border-radius: var(--r2) !important;
display: grid !important; place-items: center !important;
background: var(--em) !important; color: #fff !important;
font-family: 'Inter', sans-serif !important; font-size: 13px !important;
font-weight: 800 !important; letter-spacing: -.02em !important;
flex-shrink: 0 !important;
}
/* Workspace switcher */
.ves-workspace-switcher {
appearance: none !important; border: 0 !important; background: transparent !important;
cursor: pointer !important; flex: 1 !important; padding: 5px 7px !important;
border-radius: var(--r2) !important; display: flex !important;
align-items: center !important; gap: 9px !important; min-width: 0 !important;
transition: background .15s !important; text-align: left !important;
}
.ves-workspace-switcher:hover { background: rgba(255,255,255,0.04) !important; }
.ves-workspace-text strong {
display: block !important; font-size: 13px !important; font-weight: 600 !important;
color: var(--t1) !important; white-space: nowrap !important;
overflow: hidden !important; text-overflow: ellipsis !important; line-height: 1.3 !important;
}
.ves-workspace-meta {
font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important;
letter-spacing: .06em !important; text-transform: uppercase !important;
color: var(--t3) !important; display: inline-flex !important;
align-items: center !important; gap: 5px !important; margin-top: 1px !important;
}
.ves-workspace-status-dot {
width: 5px !important; height: 5px !important; border-radius: 50% !important;
background: var(--ok) !important; flex-shrink: 0 !important;
animation: ve-blink 3s ease-in-out infinite !important;
}
@keyframes ve-blink { 0%,100%{opacity:1} 50%{opacity:.45} }
.ves-workspace-chevron { color: var(--t3) !important; flex-shrink: 0 !important; transition: color .15s !important; }
.ves-workspace-switcher:hover .ves-workspace-chevron { color: var(--t2) !important; }
.ves-sidebar-collapse {
appearance: none !important; border: 0 !important; background: transparent !important;
color: var(--t3) !important; width: 26px !important; height: 26px !important;
border-radius: var(--r1) !important; display: grid !important; place-items: center !important;
cursor: pointer !important; transition: all .15s !important; flex-shrink: 0 !important;
}
.ves-sidebar-collapse:hover { background: rgba(255,255,255,0.05) !important; color: var(--t2) !important; }
/* Sidebar Nav */
.ves-sidebar-nav {
flex: 1 !important; padding: 10px 10px 8px !important;
display: flex !important; flex-direction: column !important; gap: 1px !important;
overflow-y: auto !important; scrollbar-width: thin !important;
scrollbar-color: var(--bdr) transparent !important;
}
.ves-sidebar-section-label {
font-size: 10px !important; font-weight: 600 !important; letter-spacing: .08em !important;
text-transform: uppercase !important; color: var(--t3) !important;
padding: 14px 8px 4px !important; display: block !important;
}
/* Nav item — refined active state */
.ves-nav-item {
appearance: none !important; border: 0 !important; background: transparent !important;
cursor: pointer !important; font-size: 13px !important; font-weight: 500 !important;
color: var(--t2) !important; padding: 8px 10px !important; border-radius: var(--r2) !important;
display: flex !important; align-items: center !important; gap: 9px !important;
text-align: left !important; transition: background .15s ease, color .15s ease, border-color .15s ease !important; width: 100% !important;
min-height: 36px !important; position: relative !important;
will-change: background;
/* Left rail space reserved */
border-left: 2px solid transparent !important;
}
.ves-nav-item:hover {
background: rgba(241,245,249,0.04) !important; color: var(--t1) !important;
}
/* Active: filled surface + ember left rail */
.ves-nav-item.is-active {
background: var(--card) !important; /* lifted from sidebar */
color: var(--t1) !important;
border-left-color: var(--em) !important;
font-weight: 600 !important;
/* Subtle inner definition */
box-shadow: inset 0 0 0 1px rgba(255,90,54,0.06) !important;
}
.ves-nav-item.is-active .ves-nav-ico { color: var(--em) !important; }
.ves-nav-ico { color: var(--t3) !important; flex-shrink: 0 !important; }
.ves-nav-label { flex: 1 !important; }
.ves-nav-kbd {
font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important;
color: var(--t3) !important; background: var(--overlay) !important;
border: 1px solid var(--bdr) !important; padding: 1px 5px !important;
border-radius: 3px !important;
}
.ves-nav-item.is-active .ves-nav-kbd {
color: var(--em) !important; background: var(--em06) !important;
border-color: var(--em18) !important;
}
.ves-sidebar-foot {
padding: 8px 10px !important; border-top: 1px solid var(--bdr) !important;
display: flex !important; flex-direction: column !important; gap: 4px !important;
flex-shrink: 0 !important;
}
.ves-cmdk-btn {
appearance: none !important; border: 1px solid var(--bdr) !important;
background: transparent !important; cursor: pointer !important; font-size: 12.5px !important;
font-weight: 500 !important; color: var(--t3) !important; padding: 7px 10px !important;
border-radius: var(--r2) !important; display: flex !important; align-items: center !important;
gap: 8px !important; transition: all .15s !important; width: 100% !important;
font-family: inherit !important;
}
.ves-cmdk-btn:hover {
background: rgba(255,255,255,0.04) !important; color: var(--t2) !important;
border-color: var(--bdr2) !important;
}
.ves-cmdk-btn span { flex: 1 !important; text-align: left !important; }
.ves-cmdk-btn kbd, .ves-nav-kbd {
font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important;
background: var(--app) !important; border: 1px solid var(--bdr) !important;
padding: 1px 5px !important; border-radius: 3px !important; color: var(--t3) !important;
}
.ves-theme-toggle {
appearance: none !important; border: 1px solid var(--bdr) !important;
background: transparent !important; cursor: pointer !important; color: var(--t3) !important;
width: 100% !important; height: 30px !important; border-radius: var(--r2) !important;
display: grid !important; place-items: center !important; transition: all .15s !important;
}
.ves-theme-toggle:hover { border-color: var(--bdr2) !important; color: var(--t2) !important; }
/* Collapsed */
.ves-shell-v3.is-sidebar-collapsed .ves-sidebar-brand-text,
.ves-shell-v3.is-sidebar-collapsed .ves-sidebar-section-label,
.ves-shell-v3.is-sidebar-collapsed .ves-nav-label,
.ves-shell-v3.is-sidebar-collapsed .ves-nav-kbd,
.ves-shell-v3.is-sidebar-collapsed .ves-cmdk-btn span,
.ves-shell-v3.is-sidebar-collapsed .ves-cmdk-btn kbd,
.ves-shell-v3.is-sidebar-collapsed .ves-workspace-text,
.ves-shell-v3.is-sidebar-collapsed .ves-workspace-chevron { display: none !important; }
.ves-shell-v3.is-sidebar-collapsed .ves-nav-item {
justify-content: center !important; padding: 9px !important;
border-left: 0 !important;
}
.ves-shell-v3.is-sidebar-collapsed .ves-nav-item.is-active {
background: var(--card) !important;
}
.ves-shell-v3.is-sidebar-collapsed .ves-sidebar-collapse svg { transform: rotate(180deg) !important; }
/* ── MAIN COLUMN ────────────────────────────────────────────── */
.ves-main-col {
display: flex !important; flex-direction: column !important;
min-width: 0 !important; background: var(--panel) !important;
}
/* ── TOPBAR — slightly distinct from sidebar ─────────────────── */
.ves-topbar {
height: var(--ves-topbar-h) !important;
background: var(--topbar) !important;
/* Topbar is 1 step warmer/darker than panel — visible separation */
border-bottom: 1px solid var(--bdr) !important;
padding: 0 20px !important; display: flex !important; align-items: center !important;
justify-content: space-between !important; gap: 14px !important;
position: sticky !important; top: 0 !important; z-index: 20 !important;
flex-shrink: 0 !important;
}
/* Clean progress bar under topbar — not decorative */
.ves-topbar::after { content: none !important; }
.ves-topbar-left { display: flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; }
.ves-sidebar-toggle {
display: none !important; appearance: none !important; border: 0 !important;
background: transparent !important; width: 32px !important; height: 32px !important;
border-radius: var(--r2) !important; color: var(--t3) !important; cursor: pointer !important;
place-items: center !important; transition: all .15s !important;
}
.ves-sidebar-toggle:hover { background: rgba(255,255,255,0.05) !important; color: var(--t2) !important; }
.ves-breadcrumbs {
display: flex !important; align-items: center !important; gap: 6px !important;
font-size: 12.5px !important; font-weight: 500 !important; color: var(--t3) !important;
}
.ves-breadcrumb-current { color: var(--t1) !important; font-weight: 600 !important; }
.ves-breadcrumb-sep { opacity: .25 !important; }
.ves-topbar-right {
display: flex !important; align-items: center !important; gap: 8px !important;
flex-shrink: 0 !important;
}
/* Credit pill */
.ves-credit-pill {
display: inline-flex !important; align-items: center !important; gap: 5px !important;
background: var(--card) !important; color: var(--t2) !important;
border: 1px solid var(--bdr) !important; padding: 4px 10px !important;
border-radius: var(--r1) !important;
font-family: 'JetBrains Mono', monospace !important;
font-size: 11px !important; font-weight: 600 !important; letter-spacing: .04em !important;
transition: all .15s !important;
}
.ves-credit-pill:hover { border-color: var(--bdr2) !important; color: var(--t1) !important; }
.ves-credit-pill.is-low {
color: var(--warn) !important; background: var(--wn10) !important;
border-color: var(--wn18) !important;
}
.ves-credit-pill.is-empty {
color: var(--err) !important; background: var(--er10) !important;
border-color: var(--er18) !important;
animation: ve-blink 1.2s ease-in-out infinite !important;
}
/* Run state */
.ves-run-state {
display: inline-flex !important; align-items: center !important; gap: 6px !important;
background: var(--card) !important; color: var(--t3) !important;
border: 1px solid var(--bdr) !important; padding: 4px 10px !important;
border-radius: var(--r1) !important; font-size: 11px !important; font-weight: 600 !important;
letter-spacing: .04em !important; transition: all .2s !important;
}
.ves-run-state[hidden] { display: none !important; }
.ves-run-state-dot {
width: 6px !important; height: 6px !important; border-radius: 50% !important;
background: var(--t3) !important; flex-shrink: 0 !important;
}
.ves-run-state.is-running {
background: var(--wn10) !important; color: var(--warn) !important;
border-color: var(--wn18) !important;
}
.ves-run-state.is-running .ves-run-state-dot {
background: var(--warn) !important; animation: ve-blink 1.4s ease-in-out infinite !important;
}
.ves-run-state.is-success { background: var(--ok10) !important; color: var(--ok) !important; border-color: var(--ok18) !important; }
.ves-run-state.is-success .ves-run-state-dot { background: var(--ok) !important; }
.ves-run-state.is-error { background: var(--er10) !important; color: var(--err) !important; border-color: var(--er18) !important; }
.ves-run-state.is-error .ves-run-state-dot { background: var(--err) !important; }
/* User avatar */
.ves-user-avatar {
appearance: none !important; border: 1px solid var(--bdr2) !important;
background: var(--raised) !important; cursor: pointer !important;
width: 30px !important; height: 30px !important; border-radius: 50% !important;
display: grid !important; place-items: center !important; color: var(--t2) !important;
font-size: 11.5px !important; font-weight: 700 !important; transition: all .15s !important;
}
.ves-user-avatar:hover { border-color: var(--bdr3) !important; color: var(--t1) !important; }
.ves-user-dropdown {
position: absolute !important; top: calc(100% + 6px) !important; right: 0 !important;
min-width: 210px !important; background: var(--raised) !important;
border: 1px solid var(--bdr2) !important; border-radius: var(--r4) !important;
box-shadow: var(--e3) !important; padding: 4px !important; z-index: 25 !important;
}
.ves-user-dropdown-head {
padding: 10px 12px 11px !important; border-bottom: 1px solid var(--bdr) !important;
margin-bottom: 4px !important;
}
.ves-user-dropdown-name { font-weight: 600 !important; font-size: 13px !important; color: var(--t1) !important; }
.ves-user-dropdown-email {
font-size: 11px !important; color: var(--t3) !important; margin-top: 1px !important;
font-family: 'JetBrains Mono', monospace !important; letter-spacing: .02em !important;
}
.ves-user-dropdown-item {
display: flex !important; align-items: center !important; gap: 9px !important;
padding: 7px 12px !important; border-radius: var(--r2) !important; font-size: 13px !important;
font-weight: 500 !important; color: var(--t2) !important; text-decoration: none !important;
cursor: pointer !important; transition: all .12s !important;
}
.ves-user-dropdown-item:hover {
background: rgba(241,245,249,0.05) !important; color: var(--t1) !important;
}
.ves-density-toggle {
appearance: none !important; border: 1px solid var(--bdr) !important;
background: transparent !important; cursor: pointer !important; width: 30px !important;
height: 30px !important; border-radius: var(--r2) !important; display: grid !important;
place-items: center !important; color: var(--t3) !important; transition: all .15s !important;
}
.ves-density-toggle:hover { border-color: var(--bdr2) !important; color: var(--t2) !important; }
/* ── PAGE NAV ───────────────────────────────────────────────── */
.ves-page-nav {
display: flex !important; gap: 0 !important; padding: 0 20px !important;
background: var(--topbar) !important;
border-bottom: 1px solid var(--bdr) !important;
overflow-x: auto !important; scrollbar-width: none !important;
position: sticky !important; top: var(--ves-topbar-h) !important; z-index: 10 !important;
flex-shrink: 0 !important;
}
.ves-page-nav::-webkit-scrollbar { display: none !important; }
.ves-page-nav-btn {
appearance: none !important; border: 0 !important; background: transparent !important;
cursor: pointer !important; font-size: 12.5px !important; font-weight: 500 !important;
color: var(--t3) !important; padding: 0 16px !important; height: 40px !important;
display: inline-flex !important; align-items: center !important; gap: 7px !important;
white-space: nowrap !important; border-bottom: 2px solid transparent !important;
transition: all .14s !important; font-family: inherit !important;
}
.ves-page-nav-btn:hover { color: var(--t2) !important; }
.ves-page-nav-btn.is-active {
color: var(--t1) !important; font-weight: 600 !important;
border-bottom-color: var(--em) !important;
}
/* ── PAGE BODY ──────────────────────────────────────────────── */
.ves-page-body { flex: 1 !important; overflow-x: hidden !important; background: var(--panel) !important; }
.ves-page { display: none !important; }
.ves-page.is-active { display: block !important; animation: ve-enter .2s ease both !important; }
@keyframes ve-enter { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }
.ves-page[hidden] { display: none !important; }
.ves-page-inner {
width: 100% !important; max-width: var(--ves-content-max, 1560px) !important; margin: 0 auto !important;
padding: 24px 24px 60px !important; display: flex !important;
flex-direction: column !important; gap: 20px !important;
}
/* Page head */
.ves-page-head {
display: flex !important; justify-content: space-between !important;
align-items: flex-end !important; gap: 16px !important; flex-wrap: wrap !important;
padding-bottom: 18px !important; border-bottom: 1px solid var(--bdr) !important;
}
/* Stronger page title — character without being decorative */
.ves-page-title {
margin: 0 0 4px !important; font-size: 24px !important; font-weight: 800 !important;
letter-spacing: -.03em !important; color: var(--t1) !important; line-height: 1.1 !important;
/* Subtle tint to make it feel rich, not flat */
color: #F7FAFF !important;
}
.ves-page-sub {
margin: 0 !important; font-size: 13px !important; color: var(--t2) !important;
line-height: 1.55 !important; font-weight: 400 !important;
}
.ves-page-head-actions {
display: flex !important; gap: 8px !important; flex-wrap: wrap !important;
align-items: center !important; flex-shrink: 0 !important;
}
.ves-eyebrow {
display: inline-flex !important; align-items: center !important; gap: 8px !important;
font-size: 10px !important; font-weight: 700 !important; letter-spacing: .1em !important;
text-transform: uppercase !important; color: var(--em) !important; margin-bottom: 6px !important;
}
.ves-eyebrow::before { content: ''; width: 12px; height: 1.5px; background: var(--em); flex-shrink: 0; }
/* ── CARDS ──────────────────────────────────────────────────── */
.ves-card, .ves-command-center-card, .ves-result-card,
.ves-trend-dashboard-card, .ves-sidebar-card, .ves-knowledge-card,
.ves-project-context-card, .ves-account-card {
/* Card must be clearly elevated from panel */
background: var(--card) !important;
border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; color: var(--t1) !important;
/* Subtle shadow gives lift without glow */
box-shadow: 0 1px 3px rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.25) !important;
padding: 18px !important; transition: border-color .16s !important;
position: relative !important; overflow: hidden !important;
}
.ves-card:hover, .ves-command-center-card:hover, .ves-knowledge-card:hover {
border-color: var(--bdr2) !important;
}
.ves-card::before, .ves-command-center-card::before, .ves-result-card::before,
.ves-trend-dashboard-card::before, .ves-knowledge-card::before,
.ves-project-context-card::before { content: none !important; display: none !important; }
.ves-hero-card {
background: var(--card) !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; padding: 22px !important; margin-bottom: 16px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
}
/* ── TABS — more intentional selected state ──────────────────── */
.ves-tabs {
display: flex !important; gap: 2px !important; padding: 3px !important;
/* Tabs sit inside the card surface, clearly distinct */
background: var(--app) !important;
border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important;
margin: 14px 0 18px !important; overflow-x: auto !important; scrollbar-width: none !important;
}
.ves-tabs::-webkit-scrollbar { display: none !important; }
.ves-tab {
flex: 1 !important; min-width: 100px !important; appearance: none !important;
border: 0 !important; background: transparent !important; cursor: pointer !important;
padding: 8px 14px !important; border-radius: var(--r2) !important;
font-size: 12.5px !important; font-weight: 500 !important; color: var(--t3) !important;
display: inline-flex !important; align-items: center !important;
justify-content: center !important; gap: 7px !important;
transition: all .15s !important; white-space: nowrap !important;
font-family: inherit !important; position: relative !important;
}
.ves-tab:hover { color: var(--t2) !important; background: rgba(255,255,255,0.04) !important; }
/* Active tab — elevated surface + clear border + violet indicator */
.ves-tab.active {
background: var(--card) !important; color: var(--t1) !important;
font-weight: 600 !important;
/* Visible border that separates it from strip */
border: 1px solid var(--bdr2) !important;
/* No box-shadow — it's deliberate flat elevation */
}
/* Violet underline indicator — clean, not glow */
.ves-tab.active::after {
content: '' !important; position: absolute !important; bottom: 2px !important;
left: 24% !important; right: 24% !important; height: 2px !important;
background: var(--vi) !important; border-radius: 1px !important;
}
.ves-tab-ico {
width: 18px !important; height: 18px !important; display: inline-grid !important;
place-items: center !important; background: var(--em10) !important;
color: var(--em) !important; border-radius: var(--r1) !important;
font-size: 9px !important; font-weight: 700 !important;
}
.ves-tab.is-disabled, .ves-tab[disabled] {
opacity: .3 !important; cursor: not-allowed !important; pointer-events: none !important;
}
.ves-tab em { font-style: italic !important; font-size: 10.5px !important; opacity: .6 !important; }
/* ── FORMS — intentional, not generic ───────────────────────── */
.ves-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.ves-row-3 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 12px !important; }
.ves-field { display: flex !important; flex-direction: column !important; gap: 5px !important; }
.ves-field+.ves-field, .ves-field+.ves-row, .ves-row+.ves-field, .ves-row+.ves-row { margin-top: 12px !important; }
.ves-label {
font-size: 11px !important; font-weight: 700 !important; letter-spacing: .06em !important;
text-transform: uppercase !important;
/* Slightly brighter than pure muted — labels must be read, not hunted */
color: #8A94A8 !important;
}
.ves-hint { font-size: 12px !important; color: var(--t3) !important; margin-top: 3px !important; line-height: 1.5 !important; }
/* Inputs — premium feel: distinct bg, clean border, precise focus */
.ves-input, .ves-select, .ves-textarea {
width: 100% !important; font-size: 13.5px !important; font-weight: 400 !important;
/* Input bg is card — sits above panel (#161B25), same as card (#1D2432) */
background: var(--card) !important;
border: 1px solid var(--bdr) !important;
color: var(--t1) !important; border-radius: var(--r2) !important;
/* Generous padding — feels premium */
padding: 9px 12px !important; min-height: 40px !important;
transition: border-color .14s, background .14s !important;
outline: none !important; font-family: inherit !important;
}
.ves-input::placeholder, .ves-textarea::placeholder { color: var(--t3) !important; }
.ves-input:hover, .ves-select:hover, .ves-textarea:hover {
border-color: var(--bdr2) !important;
}
/* Focus — controlled violet ring, not spreading */
.ves-input:focus, .ves-select:focus, .ves-textarea:focus {
border-color: var(--vi) !important;
/* Tight ring: visible but not distracting */
box-shadow: 0 0 0 2.5px rgba(118,87,255,0.14), 0 0 0 1px rgba(118,87,255,0.4) !important;
background: var(--raised) !important;
}
.ves-textarea { min-height: 100px !important; resize: vertical !important; line-height: 1.55 !important; }
.ves-select {
appearance: none !important; -webkit-appearance: none !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important; background-position: right 12px center !important;
padding-right: 34px !important; cursor: pointer !important;
}
.ves-select option { background: var(--raised) !important; color: var(--t1) !important; }
.ves-checkline { display: flex !important; align-items: flex-start !important; gap: 9px !important; font-size: 13px !important; color: var(--t2) !important; }
.ves-checkline input { margin-top: 2px !important; accent-color: var(--vi) !important; }
.ves-textarea-tall { min-height: 110px !important; }
/* ── BUTTONS ────────────────────────────────────────────────── */
.ves-btn {
appearance: none !important; border: 0 !important; cursor: pointer !important;
font-size: 13px !important; font-weight: 600 !important; letter-spacing: .01em !important;
border-radius: var(--r2) !important; padding: 9px 18px !important; min-height: 38px !important;
display: inline-flex !important; align-items: center !important; gap: 7px !important;
transition: all .15s !important; position: relative !important; overflow: hidden !important;
font-family: inherit !important; white-space: nowrap !important;
}
.ves-btn:disabled { opacity: .4 !important; cursor: not-allowed !important; }
.ves-btn[hidden] { display: none !important; }
/* PRIMARY — Ember, tactile depth without glow */
.ves-btn-primary {
background: var(--em) !important; color: #fff !important;
border: 1px solid var(--em) !important;
/* Subtle inner highlight: top edge is slightly lighter — tactile */
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.15),
inset 0 -1px 0 rgba(0,0,0,0.18),
0 1px 3px rgba(255,90,54,0.22),
0 2px 8px rgba(0,0,0,0.3) !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
/* Shimmer — not glow, just a single light pass */
.ves-btn-primary::before {
content: '' !important; position: absolute !important; inset: 0 !important;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.10), transparent) !important;
transform: translateX(-100%) !important; transition: transform .55s !important;
}
.ves-btn-primary:hover::before { transform: translateX(100%) !important; }
.ves-btn-primary:hover:not(:disabled) {
background: var(--emh) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.18),
inset 0 -1px 0 rgba(0,0,0,0.2),
0 2px 6px rgba(255,90,54,0.28),
0 4px 14px rgba(0,0,0,0.35) !important;
transform: translateY(-1px) !important;
}
.ves-btn-primary:active:not(:disabled) {
transform: none !important;
box-shadow:
inset 0 2px 4px rgba(0,0,0,0.25),
inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
/* SECONDARY */
.ves-btn-secondary {
background: var(--raised) !important; color: var(--t1) !important;
border: 1px solid var(--bdr2) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 2px rgba(0,0,0,0.3) !important;
}
.ves-btn-secondary:hover:not(:disabled) {
background: var(--overlay) !important; border-color: var(--bdr3) !important;
}
/* DANGER */
.ves-btn-danger {
background: var(--er10) !important; color: var(--err) !important;
border: 1px solid var(--er18) !important;
}
.ves-btn-danger:hover:not(:disabled) {
background: rgba(239,68,68,0.16) !important; border-color: rgba(239,68,68,0.35) !important;
}
/* GHOST */
.ves-btn-ghost {
background: transparent !important; color: var(--t2) !important;
border: 1px solid var(--bdr) !important;
}
.ves-btn-ghost:hover:not(:disabled) {
background: rgba(255,255,255,0.04) !important; color: var(--t1) !important;
border-color: var(--bdr2) !important;
}
/* Loading */
.ves-btn.is-loading { color: transparent !important; pointer-events: none !important; }
.ves-btn.is-loading::after {
content: '' !important; position: absolute !important; inset: 0 !important; margin: auto !important;
width: 14px !important; height: 14px !important; border-radius: 50% !important;
border: 2px solid rgba(255,255,255,0.2) !important; border-top-color: #fff !important;
animation: ve-spin .7s linear infinite !important;
}
.ves-btn-secondary.is-loading::after { border-top-color: var(--vi) !important; }
@keyframes ve-spin { to{transform:rotate(360deg)} }
.ves-btn kbd {
font-family: 'JetBrains Mono', monospace !important; font-size: 10px !important;
background: rgba(0,0,0,0.25) !important; color: rgba(255,255,255,0.7) !important;
padding: 1px 5px !important; border-radius: 3px !important;
}
.ves-mini-btn {
appearance: none !important; border: 1px solid var(--bdr) !important;
background: transparent !important; color: var(--t3) !important;
border-radius: var(--r1) !important; padding: 4px 9px !important;
font-size: 11.5px !important; font-weight: 600 !important; cursor: pointer !important;
transition: all .14s !important; font-family: inherit !important;
}
.ves-mini-btn:hover {
border-color: var(--bdr2) !important; color: var(--t2) !important;
background: rgba(255,255,255,0.04) !important;
}
/* ── ACTIONS BAR ─────────────────────────────────────────────── */
.ves-actions {
margin-top: 16px !important; padding-top: 14px !important;
display: flex !important; justify-content: space-between !important;
align-items: center !important; gap: 10px !important; flex-wrap: wrap !important;
border-top: 1px solid var(--bdr) !important;
}
.ves-actions-left { font-size: 12px !important; color: var(--t3) !important; }
.ves-actions-right { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
/* ── STATUS ──────────────────────────────────────────────────── */
.ves-status {
margin-top: 14px !important; padding: 11px 14px !important;
border-radius: var(--r3) !important; display: none !important;
gap: 10px !important; align-items: center !important;
font-size: 13px !important; font-weight: 500 !important;
}
.ves-status.show { display: flex !important; }
.ves-status.info {
background: var(--vi06) !important; border: 1px solid var(--vi18) !important;
color: var(--t2) !important;
/* Left bar indicator — intentional, not decorative */
border-left: 3px solid var(--vi) !important;
}
.ves-status.success {
background: var(--ok10) !important; border: 1px solid var(--ok18) !important;
color: var(--ok) !important; border-left: 3px solid var(--ok) !important;
}
.ves-status.error {
background: var(--er10) !important; border: 1px solid var(--er18) !important;
color: var(--err) !important; border-left: 3px solid var(--err) !important;
}
.ves-spinner {
width: 14px !important; height: 14px !important; border-radius: 50% !important;
border: 2px solid var(--bdr2) !important; border-top-color: var(--vi) !important;
animation: ve-spin .7s linear infinite !important; flex-shrink: 0 !important;
}
/* ── KPI TILES ───────────────────────────────────────────────── */
.ves-kpis {
display: grid !important; grid-template-columns: repeat(4,1fr) !important;
gap: 10px !important; margin-bottom: 18px !important;
}
.ves-kpi {
/* KPI stands out more — raised above card background */
background: var(--card) !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; padding: 14px 16px !important;
transition: border-color .16s !important; position: relative !important;
overflow: hidden !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
}
.ves-kpi:hover { border-color: var(--bdr2) !important; }
/* Color-coded top accent — each KPI has a distinct signal */
.ves-kpi:nth-child(1)::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:var(--em)!important; }
.ves-kpi:nth-child(2)::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:var(--vi)!important; }
.ves-kpi:nth-child(3)::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:var(--ok)!important; }
.ves-kpi:nth-child(4)::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:var(--warn)!important; }
.ves-kpi small {
display: block !important; font-size: 10.5px !important; font-weight: 700 !important;
letter-spacing: .07em !important; text-transform: uppercase !important;
color: var(--t3) !important; margin-bottom: 7px !important;
}
/* Stronger number weight — data-forward */
.ves-kpi strong {
display: block !important; font-size: 28px !important; font-weight: 800 !important;
letter-spacing: -.03em !important; color: var(--t1) !important; line-height: 1.05 !important;
}
/* ── CHIPS — clear label/value contrast ─────────────────────── */
.ves-chip {
display: inline-flex !important; align-items: center !important; gap: 5px !important;
padding: 3px 9px !important; border-radius: var(--r1) !important;
border: 1px solid var(--bdr2) !important; background: var(--raised) !important;
color: var(--t2) !important; font-size: 11.5px !important; font-weight: 500 !important;
}
/* Filter/run chips — readable label + distinct value */
.ves-filter-chip, .ves-run-chip {
display: inline-flex !important; align-items: center !important; gap: 5px !important;
min-height: 26px !important; padding: 3px 9px !important;
border: 1px solid var(--bdr) !important; border-radius: var(--r1) !important;
background: var(--raised) !important; color: var(--t3) !important;
font-size: 11.5px !important; font-weight: 500 !important;
}
/* Value portion — primary text */
.ves-filter-chip b, .ves-run-chip b {
color: var(--t1) !important; font-weight: 700 !important;
font-family: 'JetBrains Mono', monospace !important; font-size: 11px !important;
}
.ves-filter-chip.is-locked {
border-color: var(--ok18) !important; background: var(--ok10) !important; color: var(--ok) !important;
}
.ves-run-chip.is-warn {
border-color: var(--wn18) !important; background: var(--wn10) !important; color: var(--warn) !important;
}
.ves-active-settings { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin: -2px 0 12px !important; }
.ves-run-diagnostics {
display: grid !important; gap: 9px !important; margin: -4px 0 14px !important;
padding: 12px !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; background: var(--raised) !important;
}
.ves-run-diagnostics-chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.ves-run-diagnostics-message { color: var(--t2) !important; font-size: 12.5px !important; line-height: 1.55 !important; }
.ves-mode-explainer {
display: grid !important; gap: 3px !important; margin: 7px 0 13px !important;
padding: 11px 13px !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; background: var(--raised) !important;
border-left: 3px solid var(--bdr2) !important;
}
.ves-mode-explainer strong { font-size: 13px !important; color: var(--t1) !important; font-weight: 600 !important; }
.ves-mode-explainer span { color: var(--t2) !important; font-size: 12.5px !important; line-height: 1.45 !important; }
.ves-mode-explainer.is-exact { border-left-color: var(--ok) !important; background: var(--ok10) !important; }
.ves-mode-explainer.is-profile { border-left-color: var(--warn) !important; background: var(--wn10) !important; }
/* ── RESULTS ─────────────────────────────────────────────────── */
.ves-results { margin-top: 16px !important; display: none !important; }
.ves-results.show { display: block !important; }
.ves-result-card {
background: var(--card) !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; padding: 18px !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
}
.ves-toolbar { display: flex !important; gap: 8px !important; margin-bottom: 14px !important; flex-wrap: wrap !important; align-items: center !important; }
.ves-segment {
display: inline-flex !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r2) !important; overflow: hidden !important;
margin-left: auto !important; background: var(--card) !important;
}
.ves-segment button {
background: transparent !important; border: 0 !important; cursor: pointer !important;
padding: 6px 12px !important; font-size: 12px !important; font-weight: 600 !important;
color: var(--t3) !important; transition: all .14s !important; font-family: inherit !important;
}
.ves-segment button.active { background: var(--em) !important; color: #fff !important; }
.ves-segment button:hover:not(.active) { color: var(--t2) !important; background: rgba(255,255,255,0.04) !important; }
.ves-pre {
background: var(--app) !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r2) !important; padding: 14px !important;
font-family: 'JetBrains Mono', monospace !important; font-size: 12px !important;
line-height: 1.65 !important; color: var(--t2) !important; white-space: pre-wrap !important;
word-break: break-word !important; max-height: 560px !important; overflow: auto !important;
}
/* ── ITEMS ───────────────────────────────────────────────────── */
.ves-items { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)) !important; gap: 12px !important; }
.ves-item {
background: var(--card) !important; border: 1px solid var(--bdr) !important;
border-radius: var(--r3) !important; overflow: hidden !important;
text-decoration: none !important; color: var(--t1) !important;
display: flex !important; flex-direction: column !important;
transition: border-color .16s, box-shadow .16s !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
}
.ves-item:hover {
border-color: var(--bdr2) !important; box-shadow: 0 4px 18px rgba(0,0,0,0.4) !important;
}
.ves-item.is-best-match { border-color: var(--em30) !important; }
.ves-thumb { aspect-ratio: 1.1/1; background: var(--raised) center/cover no-repeat !important; }
.ves-ad-placeholder {
aspect-ratio: 1.1/1; display: flex !important; align-items: center !important;
justify-content: center !important; background: var(--raised) !important;
border-bottom: 1px solid var(--bdr) !important; color: var(--t3) !important;
font-size: 11px !important; font-weight: 600 !important;
letter-spacing: .06em !important; text-transform: uppercase !important;
}
.ves-body { padding: 12px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; flex: 1 !important; }
.ves-title2 {
font-size: 13px !important; font-weight: 600 !important; color: var(--t1) !important;
line-height: 1.35 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important; overflow: hidden !important;
}
.ves-meta {
font-size: 11px !important; font-weight: 600 !important; letter-spacing: .05em !important;
text-transform: uppercase !important; color: var(--t3) !important;
}
.ves-text {
font-size: 12.5px !important; color: var(--t2) !important; line-height: 1.5 !important;
display: -webkit-box !important; -webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important; overflow: hidden !important;
}
.ves-stats { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; font-size: 11px !important; color: var(--t3) !important; margin-top: 3px !important; }
.ves-match-ribbon {
position: absolute !important; top: 8px !important; left: 8px !important; z-index: 2 !important;
padding: 3px 8px !important; border-radius: var(--r1) !important;
background: var(--em) !important; color: #fff !important;
font-size: 9.5px !important; font-weight: 700 !important; letter-spacing: .06em !important;
text-transform: uppercase !important;
}
/* ── EMPTY STATE ─────────────────────────────────────────────── */
.ves-empty {
text-align: center !important; padding: 28px 20px !important; color: var(--t3) !important;
background: var(--card) !important; border: 1px dashed var(--bdr2) !important;
border-radius: var(--r3) !important; font-size: 12.5px !important; font-weight: 500 !important;
}
.ves-empty-state {
text-align: center !important; padding: 44px 24px !important; background: var(--card) !important;
border: 1px dashed var(--bdr2) !important; border-radius: var(--r4) !important;
max-width: 460px !important; margin: 20px auto !important;
}
.ves-empty-state h3 {
margin: 8px 0 8px !important; font-size: 20px !important; font-weight: 700 !important;
letter-spacing: -.02em !important; color: var(--t1) !important;
}
.ves-empty-state .ves-meta { color: var(--t3) !important; margin-bottom: 16px !important; }
.ves-empty-actions { display: flex !important; gap: 8px !important; justify-content: center !important; flex-wrap: wrap !important; }
.ves-empty-icon { font-size: 26px !important; margin-bottom: 8px !important; opacity: .45 !important; }
.ves-foot { margin-top: 12px !important; text-align: right !important; font-size: 11.5px !important; color: var(--t3) !important; }
/* ── ITEM PANEL ──────────────────────────────────────────────── */
.ves-item-panel {
margin-top: 14px !important; background: var(--raised) !important;
border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 16px !important;
}
.ves-item-panel-head { display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; }
.ves-item-panel-title { font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.02em !important; color: var(--t1) !important; }
.ves-item-grid { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 8px !important; margin-bottom: 12px !important; }
.ves-item-kv { background: var(--card) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 9px 11px !important; }
.ves-item-kv small { display: block !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--t3) !important; margin-bottom: 3px !important; }
.ves-item-kv strong { font-size: 13px !important; color: var(--t1) !important; word-break: break-word !important; }
.ves-transcript-box { background: var(--app) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 11px !important; max-height: 240px !important; overflow: auto !important; font-family: 'JetBrains Mono', monospace !important; font-size: 12px !important; color: var(--t2) !important; line-height: 1.6 !important; }
.ves-card-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 8px !important; }
/* ── TREND SCORES ─────────────────────────────────────────────── */
.ves-trend-badge { display: inline-flex !important; align-items: center !important; border-radius: var(--r1) !important; padding: 3px 8px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .04em !important; }
.ves-trend-badge.ok { background: var(--ok10) !important; color: var(--ok) !important; border: 1px solid var(--ok18) !important; }
.ves-trend-badge.warn { background: var(--wn10) !important; color: var(--warn) !important; border: 1px solid var(--wn18) !important; }
.ves-trend-score { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 48px !important; height: 28px !important; border-radius: var(--r1) !important; font-size: 12px !important; font-weight: 700 !important; border: 1px solid transparent !important; }
.ves-trend-score.high { background: var(--ok10) !important; color: var(--ok) !important; border-color: var(--ok18) !important; }
.ves-trend-score.mid { background: var(--wn10) !important; color: var(--warn) !important; border-color: var(--wn18) !important; }
.ves-trend-score.low { background: var(--er10) !important; color: var(--err) !important; border-color: var(--er18) !important; }
/* ── TREND CARDS ─────────────────────────────────────────────── */
.ves-trend-source-card { background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 14px !important; }
.ves-trend-priority-card, .ves-trend-channel-card, .ves-trend-rec-card { background: var(--card) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 14px !important; transition: border-color .16s !important; }
.ves-trend-priority-card:hover, .ves-trend-channel-card:hover { border-color: var(--bdr2) !important; }
.ves-trend-history-card, .ves-trend-compare-card, .ves-trend-source-delta-card { background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 12px !important; }
.ves-trend-history-card.is-current { border-color: var(--em30) !important; }
.ves-trend-mini-title { margin: 8px 0 5px !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--t3) !important; }
.ves-trend-list { margin: 0 !important; padding-left: 14px !important; }
.ves-trend-list li { margin: 0 0 5px !important; color: var(--t2) !important; font-size: 13px !important; line-height: 1.45 !important; }
.ves-trend-risk-note { margin-top: 8px !important; font-size: 12.5px !important; line-height: 1.45 !important; color: var(--warn) !important; background: var(--wn10) !important; border: 1px solid var(--wn18) !important; border-radius: var(--r2) !important; padding: 8px 10px !important; }
.ves-trend-inline-note { margin-top: 6px !important; font-size: 12.5px !important; line-height: 1.45 !important; color: var(--t2) !important; }
.ves-trend-source-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(230px,1fr)) !important; gap: 10px !important; margin-bottom: 14px !important; }
.ves-trend-summary-grid { display: grid !important; grid-template-columns: 1.2fr .8fr !important; gap: 12px !important; margin-bottom: 14px !important; }
.ves-trend-priority-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)) !important; gap: 12px !important; }
.ves-trend-channel-grid, .ves-trend-rec-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)) !important; gap: 10px !important; }
.ves-trend-history-grid, .ves-trend-compare-grid, .ves-trend-source-delta-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)) !important; gap: 10px !important; }
/* ── TIMELINE ────────────────────────────────────────────────── */
.ves-trend-timeline-track { display: flex !important; gap: 0 !important; overflow-x: auto !important; padding: 6px 0 2px !important; }
.ves-trend-timeline-item { position: relative !important; min-width: 110px !important; padding: 0 10px 0 0 !important; flex: 0 0 auto !important; }
.ves-trend-timeline-line { position: absolute !important; left: 20px !important; right: -8px !important; top: 11px !important; height: 1px !important; background: var(--bdr2) !important; }
.ves-trend-timeline-item:last-child .ves-trend-timeline-line { display: none !important; }
.ves-trend-timeline-dot { position: relative !important; z-index: 1 !important; width: 11px !important; height: 11px !important; border-radius: 50% !important; margin-bottom: 8px !important; background: var(--bdr2) !important; border: 2px solid var(--panel) !important; }
.ves-trend-timeline-dot.high { background: var(--ok) !important; }
.ves-trend-timeline-dot.mid { background: var(--warn) !important; }
.ves-trend-timeline-dot.low { background: var(--err) !important; }
.ves-trend-timeline-date { font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important; font-weight: 600 !important; color: var(--t3) !important; text-transform: uppercase !important; letter-spacing: .08em !important; }
.ves-trend-timeline-score { margin-top: 3px !important; font-size: 22px !important; font-weight: 800 !important; color: var(--t1) !important; letter-spacing: -.03em !important; line-height: 1 !important; }
.ves-trend-timeline-label { margin-top: 4px !important; font-size: 11px !important; line-height: 1.4 !important; color: var(--t3) !important; max-width: 88px !important; }
/* ── AI REPORT ───────────────────────────────────────────────── */
.ves-trend-ai-report { background: var(--app) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 16px !important; font-size: 14px !important; line-height: 1.75 !important; color: var(--t2) !important; }
.ves-analysis-rich h3, .ves-analysis-rich h4 { margin: 0 0 8px !important; font-weight: 700 !important; letter-spacing: -.02em !important; color: var(--t1) !important; }
.ves-analysis-rich h3 { font-size: 20px !important; }
.ves-analysis-rich h4 { font-size: 16px !important; }
.ves-analysis-rich p { margin: 0 0 10px !important; color: var(--t2) !important; }
.ves-analysis-rich ul { margin: 0 0 12px 16px !important; padding: 0 !important; }
.ves-analysis-rich li { margin: 0 0 5px !important; color: var(--t2) !important; }
.ves-analysis-rich strong { color: var(--t1) !important; }
/* ── TREND DASHBOARD ─────────────────────────────────────────── */
.ves-trend-dashboard-filters { display: grid !important; grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 8px !important; margin: 12px 0 !important; }
.ves-trend-dashboard-grid { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(270px,1fr)) !important; gap: 12px !important; }
.ves-trend-dashboard-entry { border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; background: var(--card) !important; padding: 14px !important; display: flex !important; flex-direction: column !important; gap: 9px !important; transition: border-color .16s !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }
.ves-trend-dashboard-entry:hover { border-color: var(--bdr2) !important; }
.ves-trend-dashboard-entry.is-selected { border-color: var(--em) !important; background: var(--em06) !important; }
.ves-trend-dash-card { position: relative !important; display: block !important; background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 11px 12px 11px 34px !important; cursor: pointer !important; transition: border-color .14s !important; }
.ves-trend-dash-card.is-selected { border-color: var(--em) !important; }
.ves-trend-dash-check { position: absolute !important; top: 13px !important; left: 10px !important; }
.ves-trend-dash-check input { accent-color: var(--em) !important; }
/* ── KNOWLEDGE ───────────────────────────────────────────────── */
.ves-knowledge-tools { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; margin-top: 10px !important; }
.ves-knowledge-block { border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 14px !important; background: var(--raised) !important; }
.ves-mini-title { margin: 0 0 8px !important; font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .07em !important; text-transform: uppercase !important; color: var(--t3) !important; }
.ves-knowledge-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; margin-top: 10px !important; }
.ves-knowledge-grid-2col { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; align-items: start !important; }
.ves-knowledge-item { border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 14px !important; background: var(--raised) !important; transition: border-color .16s !important; }
.ves-knowledge-item:hover { border-color: var(--bdr2) !important; }
.ves-knowledge-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 6px !important; }
.ves-knowledge-title { font-size: 15px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: var(--t1) !important; line-height: 1.2 !important; }
.ves-knowledge-summary { font-size: 13px !important; line-height: 1.55 !important; color: var(--t2) !important; margin-bottom: 8px !important; }
.ves-knowledge-link a { color: var(--em) !important; font-weight: 600 !important; text-decoration: none !important; }
.ves-knowledge-link a:hover { text-decoration: underline !important; }
.ves-knowledge-search-bar { display: flex !important; align-items: center !important; gap: 8px !important; background: var(--card) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 7px 12px !important; margin: 10px 0 !important; color: var(--t3) !important; transition: border-color .14s !important; }
.ves-knowledge-search-bar:focus-within { border-color: var(--vi) !important; box-shadow: 0 0 0 2.5px rgba(118,87,255,0.12) !important; }
.ves-knowledge-search-input { flex: 1 !important; background: transparent !important; border: 0 !important; color: var(--t1) !important; font-size: 13.5px !important; outline: none !important; font-family: inherit !important; }
.ves-knowledge-search-input::placeholder { color: var(--t3) !important; }
.ves-knowledge-item.is-hidden { display: none !important; }
/* ── ACCOUNT / PLAN ──────────────────────────────────────────── */
.ves-account-kpis { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 10px !important; margin-bottom: 14px !important; }
.ves-account-events-list { display: flex !important; flex-direction: column !important; gap: 6px !important; margin-top: 8px !important; }
.ves-account-event { display: flex !important; justify-content: space-between !important; gap: 12px !important; align-items: flex-start !important; padding: 11px 14px !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; background: var(--raised) !important; }
.ves-account-event.denied { border-color: var(--er18) !important; background: var(--er10) !important; }
.ves-plan-current-grid, .ves-account-topups-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-bottom: 12px !important; }
.ves-plan-current-card, .ves-plan-usage-card, .ves-account-topups-card, .ves-pack-card, .ves-plan-catalog-card { border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; background: var(--raised) !important; padding: 14px !important; color: var(--t1) !important; }
.ves-plan-catalog-grid, .ves-pack-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 8px !important; margin-bottom: 12px !important; }
.ves-plan-catalog-card.is-current { border-color: var(--em) !important; background: var(--em06) !important; }
.ves-plan-usage-bar { grid-column: 1/-1 !important; height: 4px !important; border-radius: 2px !important; background: var(--bdr) !important; overflow: hidden !important; }
.ves-plan-usage-bar span { display: block !important; height: 100% !important; border-radius: 2px !important; background: var(--em) !important; }
.ves-pack-card strong { display: block !important; margin-top: 6px !important; color: var(--t1) !important; font-size: 22px !important; font-weight: 800 !important; letter-spacing: -.03em !important; }
.ves-plan-chip-row { display: flex !important; gap: 6px !important; flex-wrap: wrap !important; margin-top: 8px !important; }
.ves-plan-usage-list { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: 8px !important; }
.ves-plan-usage-row { display: grid !important; grid-template-columns: 1fr auto !important; gap: 5px !important; align-items: center !important; }
.ves-plan-usage-label { font-size: 13px !important; font-weight: 500 !important; color: var(--t2) !important; }
.ves-plan-usage-metrics { font-size: 11.5px !important; color: var(--t3) !important; }
/* ── CONTEXT ─────────────────────────────────────────────────── */
.ves-context-status { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: var(--ok10) !important; color: var(--ok) !important; padding: 3px 10px !important; border-radius: var(--r1) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; animation: ve-pop .2s ease !important; border: 1px solid var(--ok18) !important; }
@keyframes ve-pop { from{transform:scale(.88);opacity:0} to{transform:scale(1);opacity:1} }
/* ── SKELETON ────────────────────────────────────────────────── */
.ves-memory-skeleton[hidden] { display: none !important; }
.ves-skeleton-card { background: var(--card) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; padding: 20px !important; }
.ves-skel { background: linear-gradient(90deg, var(--card) 0%, var(--raised) 40%, var(--card) 100%) !important; background-size: 200% 100% !important; border-radius: var(--r1) !important; animation: ve-shimmer 1.8s infinite !important; animation-iteration-count: 8 !important; }
.ves-skel-line { height: 11px !important; }
.ves-skeleton-grid { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)) !important; gap: 10px !important; margin-top: 16px !important; }
.ves-skeleton-tile { height: 140px !important; border-radius: var(--r3) !important; background: linear-gradient(90deg, var(--card) 0%, var(--raised) 40%, var(--card) 100%) !important; background-size: 200% 100% !important; animation: ve-shimmer 1.8s infinite !important; animation-iteration-count: 8 !important; }
@keyframes ve-shimmer { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
/* ── COMMAND PALETTE ─────────────────────────────────────────── */
.ves-cmdk[hidden] { display: none !important; }
.ves-cmdk { position: fixed !important; inset: 0 !important; z-index: 100 !important; display: flex !important; align-items: flex-start !important; justify-content: center !important; padding: 10vh 16px 0 !important; animation: ve-fade .15s ease !important; }
@keyframes ve-fade { from{opacity:0} to{opacity:1} }
.ves-cmdk-backdrop { position: absolute !important; inset: 0 !important; background: rgba(5,6,9,0.72) !important; cursor: pointer !important; }
.ves-cmdk-panel { position: relative !important; width: 100% !important; max-width: 560px !important; background: var(--raised) !important; border: 1px solid var(--bdr2) !important; border-radius: var(--r4) !important; box-shadow: var(--e3) !important; overflow: hidden !important; animation: ve-popIn .18s ease !important; }
@keyframes ve-popIn { from{opacity:0;transform:translateY(-6px) scale(.97)} to{opacity:1;transform:none} }
.ves-cmdk-input-wrap { display: flex !important; align-items: center !important; gap: 10px !important; padding: 13px 16px !important; border-bottom: 1px solid var(--bdr) !important; color: var(--t3) !important; }
.ves-cmdk-input { flex: 1 !important; background: transparent !important; border: 0 !important; outline: none !important; color: var(--t1) !important; font-size: 15px !important; font-family: inherit !important; }
.ves-cmdk-esc { font-size: 10px !important; color: var(--t3) !important; background: var(--card) !important; border: 1px solid var(--bdr) !important; padding: 2px 7px !important; border-radius: 3px !important; font-family: 'JetBrains Mono', monospace !important; }
.ves-cmdk-results { max-height: 52vh !important; overflow-y: auto !important; padding: 6px !important; }
.ves-cmdk-group-label { padding: 10px 12px 4px !important; font-size: 10px !important; font-weight: 700 !important; color: var(--t3) !important; letter-spacing: .08em !important; text-transform: uppercase !important; }
.ves-cmdk-item { display: flex !important; align-items: center !important; gap: 11px !important; padding: 9px 12px !important; border-radius: var(--r2) !important; cursor: pointer !important; color: var(--t2) !important; font-size: 13px !important; font-weight: 500 !important; transition: all .12s !important; }
.ves-cmdk-item:hover, .ves-cmdk-item.is-active { background: var(--em10) !important; color: var(--t1) !important; }
.ves-cmdk-item:hover .ves-cmdk-item-ico, .ves-cmdk-item.is-active .ves-cmdk-item-ico { color: var(--em) !important; }
.ves-cmdk-item-ico { color: var(--t3) !important; flex-shrink: 0 !important; }
.ves-cmdk-item-label { flex: 1 !important; }
.ves-cmdk-item-hint { font-size: 11.5px !important; color: var(--t3) !important; }
.ves-cmdk-empty { padding: 32px !important; text-align: center !important; color: var(--t3) !important; font-size: 12px !important; font-weight: 500 !important; }
.ves-cmdk-foot { display: flex !important; gap: 14px !important; padding: 9px 16px !important; border-top: 1px solid var(--bdr) !important; font-size: 11.5px !important; color: var(--t3) !important; background: var(--card) !important; }
.ves-cmdk-foot kbd { font-family: 'JetBrains Mono', monospace !important; font-size: 9.5px !important; background: var(--raised) !important; border: 1px solid var(--bdr) !important; padding: 1px 5px !important; border-radius: 3px !important; color: var(--t2) !important; margin-right: 2px !important; }
/* ── TOAST ───────────────────────────────────────────────────── */
.ves-toast-host { position: fixed !important; right: 16px !important; bottom: 16px !important; display: flex !important; flex-direction: column !important; gap: 8px !important; z-index: 90 !important; pointer-events: none !important; }
.ves-toast { background: var(--raised) !important; border: 1px solid var(--bdr2) !important; border-radius: var(--r3) !important; padding: 11px 16px !important; box-shadow: var(--e3) !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; min-width: 270px !important; max-width: 360px !important; color: var(--t1) !important; font-size: 13px !important; pointer-events: auto !important; animation: ve-toastIn .22s ease !important; position: relative !important; }
@keyframes ve-toastIn { from{opacity:0;transform:translateX(14px)} to{opacity:1;transform:none} }
.ves-toast::before { content: '' !important; position: absolute !important; left: 0 !important; top: 5px !important; bottom: 5px !important; width: 3px !important; border-radius: 2px !important; background: var(--t3) !important; }
.ves-toast.is-success::before { background: var(--ok) !important; }
.ves-toast.is-error::before { background: var(--err) !important; }
.ves-toast.is-info::before { background: var(--vi) !important; }
.ves-toast-ico { flex-shrink: 0 !important; margin-top: 1px !important; }
.ves-toast.is-success .ves-toast-ico { color: var(--ok) !important; }
.ves-toast.is-error .ves-toast-ico { color: var(--err) !important; }
.ves-toast.is-info .ves-toast-ico { color: var(--vi) !important; }
.ves-toast-body { flex: 1 !important; line-height: 1.45 !important; }
/* ── AUTH ────────────────────────────────────────────────────── */
.ves-auth-shell { max-width: 460px !important; margin: 40px auto !important; padding: 0 16px !important; }
.ves-auth-card { background: var(--card) !important; border: 1px solid var(--bdr2) !important; border-radius: var(--r4) !important; padding: 28px !important; box-shadow: var(--e3) !important; }
.ves-auth-title { margin: 0 0 6px !important; font-size: 26px !important; font-weight: 800 !important; letter-spacing: -.03em !important; color: var(--t1) !important; line-height: 1.1 !important; }
.ves-auth-sub { margin: 0 0 20px !important; color: var(--t2) !important; font-size: 14px !important; line-height: 1.6 !important; }
.ves-auth-form { display: grid !important; gap: 10px !important; }
.ves-auth-actions { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-top: 14px !important; }
.ves-auth-foot { margin-top: 14px !important; color: var(--t3) !important; font-size: 13px !important; }
.ves-auth-foot a { color: var(--em) !important; text-decoration: none !important; font-weight: 600 !important; }
.ves-auth-notice { border-radius: var(--r2) !important; padding: 10px 13px !important; margin-bottom: 14px !important; font-size: 12.5px !important; font-weight: 500 !important; border-left: 3px solid transparent !important; }
.ves-auth-notice.is-success { background: var(--ok10) !important; color: var(--ok) !important; border: 1px solid var(--ok18) !important; border-left-color: var(--ok) !important; }
.ves-auth-notice.is-error { background: var(--er10) !important; color: var(--err) !important; border: 1px solid var(--er18) !important; border-left-color: var(--err) !important; }
/* ── STATUS BADGE ────────────────────────────────────────────── */
.ves-status-badge { display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 3px 9px !important; border-radius: var(--r1) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase !important; background: var(--raised) !important; color: var(--t3) !important; border: 1px solid var(--bdr) !important; }
.ves-card.is-queued, .ves-card.is-running { border-color: var(--wn18) !important; }
.ves-card.is-running::after { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 2px !important; background: linear-gradient(90deg, transparent, var(--warn), transparent) !important; animation: ve-runningScan 2.4s ease-in-out infinite !important; pointer-events: none !important; }
@keyframes ve-runningScan { 0%{opacity:0;left:-100%} 15%{opacity:1} 85%{opacity:1} 100%{opacity:0;left:100%} }
/* ── RESULT SECTIONS ─────────────────────────────────────────── */
.ves-result-section { margin-top: 16px !important; }
.ves-result-section:first-child { margin-top: 0 !important; }
.ves-result-section-head { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 14px !important; margin: 0 0 12px !important; padding: 12px 14px !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; background: var(--raised) !important; }
.ves-result-section-head h3 { margin: 1px 0 3px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: -.01em !important; color: var(--t1) !important; }
.ves-result-section-head p { margin: 0 !important; color: var(--t2) !important; font-size: 12.5px !important; line-height: 1.45 !important; }
.ves-section-eyebrow { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .09em !important; color: var(--em) !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; }
.ves-result-section-head > strong { min-width: 30px !important; height: 30px !important; display: grid !important; place-items: center !important; border-radius: var(--r2) !important; background: var(--em) !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; flex-shrink: 0 !important; }
.ves-best-section .ves-result-section-head { border-color: var(--em18) !important; background: var(--em06) !important; }
/* ── FORM CHECKLISTS ─────────────────────────────────────────── */
.ves-form-checklist { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)) !important; gap: 8px !important; margin: 10px 0 2px !important; }
.ves-form-checklist span { display: flex !important; flex-direction: column !important; gap: 2px !important; padding: 9px 11px !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; background: var(--raised) !important; font-size: 12.5px !important; color: var(--t2) !important; }
.ves-form-checklist b { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: var(--t1) !important; }
.ves-trend-source-plan { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)) !important; gap: 8px !important; margin: 10px 0 14px !important; }
.ves-trend-source-plan > div { padding: 10px 12px !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; background: var(--raised) !important; }
.ves-trend-source-plan strong { display: block !important; font-size: 13px !important; color: var(--t1) !important; font-weight: 600 !important; margin-bottom: 3px !important; }
.ves-trend-source-plan span { display: block !important; font-size: 12px !important; line-height: 1.45 !important; color: var(--t2) !important; }
/* ── TREND FORM ──────────────────────────────────────────────── */
.ves-trend-form-intro, .ves-google-intro { display: flex !important; gap: 12px !important; align-items: flex-start !important; padding: 13px 15px !important; margin-bottom: 16px !important; background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; color: var(--t1) !important; border-left: 3px solid var(--vi) !important; }
.ves-trend-form-intro-ico { flex-shrink: 0 !important; width: 32px !important; height: 32px !important; border-radius: var(--r2) !important; background: var(--vi10) !important; color: var(--vi) !important; display: grid !important; place-items: center !important; border: 1px solid var(--vi18) !important; }
.ves-trend-form-intro-title { font-weight: 600 !important; color: var(--t1) !important; font-size: 13.5px !important; margin-bottom: 3px !important; }
.ves-trend-form-intro-text { font-size: 12.5px !important; color: var(--t2) !important; line-height: 1.5 !important; }
.ves-trend-meta-toggle { margin-top: 14px !important; padding: 11px 13px !important; background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; }
.ves-trend-meta-toggle summary { cursor: pointer !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--t3) !important; display: flex !important; align-items: center !important; gap: 7px !important; list-style: none !important; }
.ves-trend-meta-toggle summary::-webkit-details-marker { display: none !important; }
.ves-trend-meta-toggle summary::before { content: '▶' !important; color: var(--em) !important; font-size: 7px !important; transition: transform .14s !important; }
.ves-trend-meta-toggle[open] summary::before { transform: rotate(90deg) !important; }
.ves-trend-meta-toggle ul { margin: 8px 0 0 !important; padding-left: 16px !important; color: var(--t2) !important; font-size: 12.5px !important; line-height: 1.6 !important; }
.ves-trend-meta-toggle li { margin-bottom: 3px !important; }
.ves-date-quickset { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; padding-top: 4px !important; }
.ves-source-input-details { margin: 7px 0 10px !important; }
.ves-source-input-details summary { cursor: pointer !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--em) !important; }
.ves-source-input-details pre { white-space: pre-wrap !important; max-height: 200px !important; overflow: auto !important; margin: 7px 0 0 !important; padding: 10px !important; border-radius: var(--r2) !important; background: var(--app) !important; color: var(--t2) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 11.5px !important; line-height: 1.5 !important; border: 1px solid var(--bdr) !important; }
/* ── GOOGLE INTELLIGENCE ─────────────────────────────────────── */
.ves-google-intro-ico { width: 32px !important; height: 32px !important; border-radius: var(--r2) !important; background: var(--vi10) !important; color: var(--vi) !important; display: grid !important; place-items: center !important; font-size: 11px !important; font-weight: 700 !important; flex: 0 0 auto !important; border: 1px solid var(--vi18) !important; }
.ves-google-intro-title { font-size: 13.5px !important; font-weight: 600 !important; color: var(--t1) !important; }
.ves-google-intro-text { margin-top: 3px !important; font-size: 12.5px !important; line-height: 1.55 !important; color: var(--t2) !important; }
.ves-google-source-plan { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(110px,1fr)) !important; gap: 7px !important; margin: 10px 0 12px !important; }
.ves-google-source-plan span { border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 9px !important; background: var(--raised) !important; font-size: 11.5px !important; color: var(--t2) !important; line-height: 1.35 !important; }
.ves-google-source-plan b { display: block !important; color: var(--t1) !important; font-size: 12.5px !important; font-weight: 600 !important; margin-bottom: 2px !important; }
.ves-google-module-panel[hidden] { display: none !important; }
.ves-module-copy { display: grid !important; gap: 2px !important; margin: 4px 0 12px !important; }
.ves-module-copy strong { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -.03em !important; color: var(--t1) !important; }
.ves-module-copy span { font-size: 12px !important; color: var(--t3) !important; }
.ves-google-results-grid { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)) !important; gap: 12px !important; margin-top: 14px !important; }
.ves-google-result-card { overflow: hidden !important; border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; background: var(--card) !important; transition: border-color .16s !important; box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important; }
.ves-google-result-card:hover { border-color: var(--bdr2) !important; }
.ves-google-result-media { aspect-ratio: 1.65/1 !important; background: var(--raised) center/cover no-repeat !important; }
.ves-google-result-body { padding: 12px !important; display: grid !important; gap: 6px !important; }
.ves-google-result-body h3 { margin: 0 !important; font-size: 13.5px !important; line-height: 1.35 !important; color: var(--t1) !important; font-weight: 600 !important; overflow-wrap: anywhere !important; }
.ves-google-result-body p { margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; color: var(--t2) !important; overflow-wrap: anywhere !important; }
.ves-google-result-body a { font-size: 12px !important; color: var(--em) !important; word-break: break-all !important; text-decoration: none !important; font-weight: 600 !important; }
.ves-google-auto-field { padding: 11px !important; border: 1px solid var(--vi18) !important; border-radius: var(--r2) !important; background: var(--vi06) !important; }
.ves-google-auto-field .ves-checkline { margin-bottom: 5px !important; }
/* ── BRIEF ───────────────────────────────────────────────────── */
.ves-brief-details { background: var(--raised) !important; border: 1px solid var(--bdr) !important; border-radius: var(--r2) !important; padding: 12px !important; }
.ves-brief-details summary { cursor: pointer !important; font-weight: 600 !important; color: var(--t2) !important; font-size: 12.5px !important; }
.ves-brief-details[open] summary { margin-bottom: 9px !important; }
.ves-monitor-card { background: var(--raised) !important; }
/* ── HERO CARD ───────────────────────────────────────────────── */
.ves-hero-grid { display: grid !important; grid-template-columns: 1.4fr 1fr !important; gap: 18px !important; margin-top: 16px !important; }
.ves-hero-title { font-size: clamp(22px,3vw,32px) !important; font-weight: 800 !important; letter-spacing: -.03em !important; color: var(--t1) !important; line-height: 1.1 !important; max-width: 820px !important; }
.ves-hero-text { margin-top: 8px !important; font-size: 14px !important; line-height: 1.65 !important; color: var(--t2) !important; max-width: 720px !important; }
.ves-hero-pills { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
.ves-hero-pill { border: 1px solid var(--bdr) !important; border-radius: var(--r3) !important; background: var(--raised) !important; padding: 11px 13px !important; display: grid !important; grid-template-columns: auto 1fr !important; gap: 8px 11px !important; align-items: center !important; transition: border-color .16s !important; }
.ves-hero-pill:hover { border-color: var(--bdr2) !important; }
.ves-hero-pill span { display: inline-flex !important; width: 30px !important; height: 30px !important; border-radius: var(--r2) !important; align-items: center !important; justify-content: center !important; background: var(--em10) !important; color: var(--em) !important; font-size: 11px !important; font-weight: 700 !important; }
.ves-hero-pill strong { display: block !important; font-size: 13px !important; color: var(--t1) !important; font-weight: 600 !important; }
.ves-hero-pill small { display: block !important; color: var(--t3) !important; font-size: 11px !important; }
.ves-quick-list { display: flex !important; flex-direction: column !important; gap: 6px !important; }
.ves-quick-item { display: flex !important; gap: 8px !important; align-items: flex-start !important; padding: 8px 10px !important; border-radius: var(--r2) !important; background: var(--raised) !important; border: 1px solid var(--bdr) !important; color: var(--t2) !important; font-size: 12.5px !important; }
.ves-quick-item strong { color: var(--em) !important; min-width: 16px !important; font-size: 11px !important; font-weight: 700 !important; }
.ves-command-meta { display: flex !important; gap: 7px !important; flex-wrap: wrap !important; }
.ves-sidebar-card-head, .ves-command-head { display: flex !important; justify-content: space-between !important; gap: 12px !important; align-items: flex-start !important; margin-bottom: 12px !important; }
/* ── NAV LINK ────────────────────────────────────────────────── */
.ves-nav-link { color: var(--t2) !important; background: transparent !important; text-decoration: none !important; }
.ves-nav-link:hover { color: var(--em) !important; }
/* ── ACCESSIBILITY ───────────────────────────────────────────── */
.ves-skip-link { position: absolute !important; left: -9999px !important; top: 0 !important; background: var(--em) !important; color: #fff !important; padding: 9px 14px !important; border-radius: 0 0 var(--r2) 0 !important; font-weight: 700 !important; font-size: 13px !important; z-index: 1000 !important; text-decoration: none !important; }
.ves-skip-link:focus { left: 0 !important; }
/* Focus ring: violet, controlled */
.ves-wrap *:focus-visible { outline: 2px solid var(--vi) !important; outline-offset: 2px !important; }
/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width:980px) {
.ves-wrap.ves-dashboard-shell,
.ves-wrap.ves-shell-v3.ves-dashboard-shell { grid-template-columns: 1fr !important; }
.ves-sidebar { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: var(--ves-sidebar-w) !important; transform: translateX(-100%) !important; transition: transform .22s ease !important; box-shadow: 20px 0 60px rgba(0,0,0,.7) !important; z-index: 100001 !important; }
.ves-shell-v3.is-sidebar-open .ves-sidebar { transform: none !important; }
.ves-shell-v3.is-sidebar-open::after { content: '' !important; position: fixed !important; inset: 0 !important; background: rgba(5,6,10,0.55) !important; z-index: 100000 !important; }
.ves-sidebar-toggle { display: grid !important; }
}
@media (max-width:760px) {
.ves-page-inner { padding: 16px 16px 40px !important; }
.ves-topbar { padding: 0 14px !important; }
.ves-kpis, .ves-row, .ves-row-3 { grid-template-columns: 1fr !important; }
.ves-page-title { font-size: 20px !important; }
.ves-trend-dashboard-filters { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.ves-hero-grid { grid-template-columns: 1fr !important; }
.ves-account-kpis { grid-template-columns: 1fr 1fr !important; }
.ves-knowledge-grid-2col { grid-template-columns: 1fr !important; }
.ves-plan-current-grid, .ves-account-topups-grid { grid-template-columns: 1fr !important; }
}
@media (max-width:560px) {
.ves-plan-catalog-grid, .ves-pack-grid { grid-template-columns: 1fr !important; }
.ves-trend-summary-grid { grid-template-columns: 1fr !important; }
.ves-density-toggle, .ves-run-state { display: none !important; }
.ves-credit-pill-label { display: none !important; }
}
@media print {
.ves-sidebar, .ves-topbar, .ves-toast-host, .ves-cmdk { display: none !important; }
.ves-wrap.ves-dashboard-shell { display: block !important; background: #fff !important; color: #000 !important; }
.ves-page { display: block !important; }
}
@media (prefers-reduced-motion:reduce) {
.ves-wrap *, .ves-wrap *::before, .ves-wrap *::after {
animation-duration: .01ms !important; animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
/* =============================================================
Intelligence Suite — Hybrid Workspace v4
Dark shell + light workspace + dark intelligence output.
============================================================= */
.ves-wrap {
--work-bg: #F3F8FD;
--work-surface: #FFFFFF;
--work-soft: #ECF5FC;
--work-soft-2: #E7F1FA;
--work-border: #D6E3EF;
--work-border-2: #BFD4E6;
--work-text: #111827;
--work-text-2: #4B5563;
--work-text-3: #6B7280;
--work-focus: #0EA5E9;
--work-accent: #0284C7;
--work-cta: #0284C7;
--work-cta-hover: #0369A1;
--work-shadow: 0 10px 30px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.05);
--work-shadow-hover: 0 16px 40px rgba(15,23,42,0.10), 0 3px 8px rgba(15,23,42,0.06);
}
.ves-main-col,
.ves-page-body {
background: var(--work-bg) !important;
color: var(--work-text) !important;
}
.ves-page-inner {
max-width: var(--ves-content-max, 1560px) !important;
padding: 26px 28px 64px !important;
gap: 20px !important;
}
.ves-page-head {
align-items: flex-end !important;
border-bottom: 1px solid var(--work-border) !important;
padding-bottom: 18px !important;
}
.ves-page-title {
color: var(--work-text) !important;
font-size: 28px !important;
font-weight: 800 !important;
letter-spacing: -0.035em !important;
line-height: 1.08 !important;
}
.ves-page-sub {
color: var(--work-text-2) !important;
font-size: 13.5px !important;
line-height: 1.55 !important;
max-width: 760px !important;
}
.ves-sidebar,
.ves-shell-v3 .ves-sidebar {
background: var(--sidebar) !important;
color: var(--t1) !important;
}
.ves-topbar,
.ves-page-nav {
background: var(--topbar) !important;
color: var(--t1) !important;
}
.ves-topbar .ves-btn-secondary,
.ves-topbar .ves-credit-pill,
.ves-topbar .ves-run-state,
.ves-topbar .ves-user-avatar {
background: var(--card) !important;
color: var(--t2) !important;
border-color: var(--bdr) !important;
}
.ves-topbar .ves-btn-secondary:hover,
.ves-topbar .ves-credit-pill:hover,
.ves-topbar .ves-user-avatar:hover {
background: var(--raised) !important;
color: var(--t1) !important;
border-color: var(--bdr2) !important;
}
.ves-page-body .ves-card:not(.ves-result-card),
.ves-page-body .ves-command-center-card,
.ves-page-body .ves-trend-dashboard-card,
.ves-page-body .ves-knowledge-card,
.ves-page-body .ves-project-context-card,
.ves-page-body .ves-account-card,
.ves-page-body .ves-hero-card,
.ves-page-body .ves-auth-card {
background: var(--work-surface) !important;
color: var(--work-text) !important;
border: 1px solid var(--work-border) !important;
border-radius: 14px !important;
box-shadow: var(--work-shadow) !important;
}
.ves-page-body .ves-card:not(.ves-result-card):hover,
.ves-page-body .ves-command-center-card:hover,
.ves-page-body .ves-knowledge-card:hover,
.ves-page-body .ves-project-context-card:hover {
border-color: var(--work-border-2) !important;
box-shadow: var(--work-shadow-hover) !important;
}
.ves-page-body .ves-tabs {
background: var(--work-soft) !important;
border: 1px solid var(--work-border) !important;
border-radius: 12px !important;
padding: 4px !important;
margin: 10px 0 18px !important;
}
.ves-page-body .ves-tab {
color: var(--work-text-3) !important;
background: transparent !important;
min-height: 38px !important;
}
.ves-page-body .ves-tab:hover {
color: var(--work-text) !important;
background: rgba(255,255,255,0.72) !important;
}
.ves-page-body .ves-tab.active {
background: var(--work-surface) !important;
color: var(--work-text) !important;
border: 1px solid var(--work-border-2) !important;
box-shadow: 0 1px 2px rgba(15,23,42,0.06) !important;
}
.ves-page-body .ves-tab.active::after {
background: var(--work-accent) !important;
left: 26% !important;
right: 26% !important;
bottom: 3px !important;
}
.ves-page-body .ves-tab-ico {
background: #FFF1ED !important;
color: #B83224 !important;
border: 1px solid #FFD1C7 !important;
}
.ves-page-body .ves-tab.is-disabled,
.ves-page-body .ves-tab[disabled] { opacity: 0.48 !important; }
.ves-page-body .ves-tab em { color: var(--work-text-3) !important; opacity: 1 !important; }
.ves-page-body .ves-label {
color: #475569 !important;
font-size: 11px !important;
font-weight: 750 !important;
letter-spacing: .055em !important;
}
.ves-page-body .ves-hint {
color: var(--work-text-3) !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
.ves-page-body .ves-form .ves-hint { display: none !important; }
.ves-page-body .ves-form .ves-field:focus-within .ves-hint,
.ves-page-body .ves-form .ves-field:focus .ves-hint,
.ves-page-body .ves-form .ves-field:hover .ves-hint { display: block !important; }
.ves-page-body .ves-input,
.ves-page-body .ves-select,
.ves-page-body .ves-textarea {
background: var(--work-surface) !important;
color: var(--work-text) !important;
border: 1px solid var(--work-border-2) !important;
border-radius: 10px !important;
min-height: 42px !important;
padding: 10px 12px !important;
box-shadow: 0 1px 1px rgba(15,23,42,0.03) !important;
}
.ves-page-body .ves-input::placeholder,
.ves-page-body .ves-textarea::placeholder { color: #94A3B8 !important; }
.ves-page-body .ves-input:hover,
.ves-page-body .ves-select:hover,
.ves-page-body .ves-textarea:hover { border-color: #94A3B8 !important; }
.ves-page-body .ves-input:focus,
.ves-page-body .ves-select:focus,
.ves-page-body .ves-textarea:focus {
background: #FFFFFF !important;
border-color: var(--work-focus) !important;
box-shadow: 0 0 0 3px rgba(118,87,255,0.14), 0 1px 2px rgba(15,23,42,0.05) !important;
}
.ves-page-body .ves-select {
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 12px center !important;
}
.ves-page-body .ves-select option { background: #FFFFFF !important; color: var(--work-text) !important; }
.ves-page-body .ves-textarea { min-height: 104px !important; }
.ves-page-body .ves-mode-explainer,
.ves-page-body .ves-run-diagnostics,
.ves-page-body .ves-form-checklist span,
.ves-page-body .ves-google-source-plan span,
.ves-page-body .ves-trend-source-plan span,
.ves-page-body .ves-google-auto-field,
.ves-page-body .ves-brief-details,
.ves-page-body .ves-monitor-card,
.ves-page-body .ves-hero-pill,
.ves-page-body .ves-quick-item,
.ves-page-body .ves-empty {
background: var(--work-soft) !important;
color: var(--work-text-2) !important;
border-color: var(--work-border) !important;
}
.ves-page-body .ves-mode-explainer {
border-left: 3px solid var(--work-accent) !important;
padding: 10px 12px !important;
margin: 8px 0 12px !important;
}
.ves-page-body .ves-mode-explainer strong,
.ves-page-body .ves-form-checklist b,
.ves-page-body .ves-google-source-plan b,
.ves-page-body .ves-module-copy strong,
.ves-page-body .ves-hero-pill strong,
.ves-page-body .ves-auth-title,
.ves-page-body .ves-kpi strong,
.ves-page-body .ves-kpi small { color: var(--work-text) !important; }
.ves-page-body .ves-mode-explainer span,
.ves-page-body .ves-run-diagnostics-message,
.ves-page-body .ves-google-intro-text,
.ves-page-body .ves-module-copy span,
.ves-page-body .ves-hero-text,
.ves-page-body .ves-hero-pill small,
.ves-page-body .ves-auth-sub,
.ves-page-body .ves-auth-foot { color: var(--work-text-2) !important; }
.ves-page-body .ves-form-checklist {
grid-template-columns: repeat(auto-fit,minmax(160px,1fr)) !important;
gap: 8px !important;
margin: 8px 0 12px !important;
}
.ves-page-body .ves-form-checklist span {
padding: 8px 10px !important;
border-radius: 10px !important;
}
.ves-page-body .ves-chip,
.ves-page-body .ves-filter-chip,
.ves-page-body .ves-run-chip,
.ves-page-body .ves-status-badge {
background: var(--work-soft-2) !important;
color: var(--work-text-3) !important;
border-color: var(--work-border) !important;
border-radius: 999px !important;
}
.ves-page-body .ves-filter-chip b,
.ves-page-body .ves-run-chip b,
.ves-page-body .ves-chip b { color: var(--work-text) !important; }
.ves-page-body .ves-filter-chip.is-locked,
.ves-page-body .ves-run-chip.is-warn {
background: #FFF7ED !important;
color: #B45309 !important;
border-color: #FED7AA !important;
}
.ves-page-body .ves-btn-primary,
.ves-btn-primary {
background: var(--work-cta) !important;
border: 1px solid var(--work-cta) !important;
color: #FFFFFF !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 8px 20px rgba(192,57,43,0.18) !important;
text-shadow: none !important;
}
.ves-page-body .ves-btn-primary::before,
.ves-btn-primary::before { content: none !important; display: none !important; }
.ves-page-body .ves-btn-primary:hover:not(:disabled),
.ves-btn-primary:hover:not(:disabled) {
background: var(--work-cta-hover) !important;
border-color: var(--work-cta-hover) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 10px 24px rgba(165,46,38,0.20) !important;
transform: translateY(-1px) !important;
}
.ves-page-body .ves-btn-secondary,
.ves-page-body .ves-btn-ghost,
.ves-page-body .ves-mini-btn {
background: #FFFFFF !important;
color: var(--work-text) !important;
border: 1px solid var(--work-border-2) !important;
box-shadow: 0 1px 1px rgba(15,23,42,0.03) !important;
}
.ves-page-body .ves-btn-secondary:hover:not(:disabled),
.ves-page-body .ves-btn-ghost:hover:not(:disabled),
.ves-page-body .ves-mini-btn:hover {
background: var(--work-soft) !important;
color: var(--work-text) !important;
border-color: #94A3B8 !important;
}
.ves-page-body .ves-btn-danger {
background: #FEF2F2 !important;
color: #B91C1C !important;
border-color: #FECACA !important;
}
.ves-page-body .ves-status.info {
background: #F5F3FF !important;
border-color: #DDD6FE !important;
border-left-color: var(--work-focus) !important;
color: #4C1D95 !important;
}
.ves-page-body .ves-status.success {
background: #F0FDF4 !important;
border-color: #BBF7D0 !important;
border-left-color: #16A34A !important;
color: #166534 !important;
}
.ves-page-body .ves-status.error {
background: #FEF2F2 !important;
border-color: #FECACA !important;
border-left-color: #DC2626 !important;
color: #991B1B !important;
}
.ves-page-body .ves-results.show { margin-top: 18px !important; }
.ves-page-body .ves-result-card,
.ves-page-body .ves-results .ves-card,
.ves-page-body .ves-results .ves-empty {
background: #141923 !important;
color: #F1F5F9 !important;
border: 1px solid #2A3344 !important;
border-radius: 14px !important;
box-shadow: 0 18px 46px rgba(15,23,42,0.26) !important;
}
.ves-page-body .ves-result-card .ves-toolbar,
.ves-page-body .ves-result-card .ves-result-section-head,
.ves-page-body .ves-results .ves-result-section-head {
background: #1D2432 !important;
border-color: #2A3344 !important;
color: #F1F5F9 !important;
}
.ves-page-body .ves-result-card h3,
.ves-page-body .ves-result-card .ves-title2,
.ves-page-body .ves-result-section-head h3,
.ves-page-body .ves-result-card strong { color: #F1F5F9 !important; }
.ves-page-body .ves-result-card p,
.ves-page-body .ves-result-card .ves-text,
.ves-page-body .ves-result-card .ves-meta,
.ves-page-body .ves-result-section-head p,
.ves-page-body .ves-result-card .ves-stats { color: #A7B0C0 !important; }
.ves-page-body .ves-result-card .ves-item,
.ves-page-body .ves-result-card .ves-pre,
.ves-page-body .ves-result-card .ves-segment,
.ves-page-body .ves-result-card .ves-thumb,
.ves-page-body .ves-result-card .ves-ad-placeholder {
background: #0F1115 !important;
border-color: #2A3344 !important;
color: #A7B0C0 !important;
}
.ves-page-body .ves-result-card .ves-filter-chip,
.ves-page-body .ves-result-card .ves-chip,
.ves-page-body .ves-result-card .ves-run-chip {
background: #222B3A !important;
border-color: #3B4660 !important;
color: #A7B0C0 !important;
}
.ves-page-body .ves-result-card .ves-filter-chip b,
.ves-page-body .ves-result-card .ves-run-chip b { color: #F1F5F9 !important; }
.ves-page-body .ves-result-card a,
.ves-page-body .ves-google-result-body a { color: #C0392B !important; }
.ves-page-body .ves-kpi,
.ves-page-body .ves-google-result-card,
.ves-page-body .ves-item:not(.ves-result-card .ves-item) {
background: #FFFFFF !important;
border-color: var(--work-border) !important;
color: var(--work-text) !important;
box-shadow: var(--work-shadow) !important;
}
.ves-page-body .ves-google-result-media,
.ves-page-body .ves-thumb,
.ves-page-body .ves-ad-placeholder {
background-color: var(--work-soft) !important;
color: var(--work-text-3) !important;
border-color: var(--work-border) !important;
}
.ves-page-body .ves-title2,
.ves-page-body .ves-google-result-body h3,
.ves-page-body .ves-google-intro-title { color: var(--work-text) !important; }
.ves-page-body .ves-text,
.ves-page-body .ves-meta,
.ves-page-body .ves-stats,
.ves-page-body .ves-google-result-body p { color: var(--work-text-2) !important; }
.ves-cmdk-panel,
.ves-toast,
.ves-user-dropdown {
background: var(--raised) !important;
color: var(--t1) !important;
}
@media (max-width:760px) {
.ves-page-inner { padding: 18px 16px 44px !important; }
.ves-page-title { font-size: 22px !important; }
.ves-page-head { align-items: flex-start !important; }
}
/* v4 compatibility: avoid relying on complex :not() support for item cards. */
.ves-page-body .ves-kpi,
.ves-page-body .ves-google-result-card {
background: #FFFFFF !important;
border-color: var(--work-border) !important;
color: var(--work-text) !important;
box-shadow: var(--work-shadow) !important;
}
.ves-page-body .ves-results .ves-item {
background: #0F1115 !important;
border-color: #2A3344 !important;
color: #F1F5F9 !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.35) !important;
}
/* v0.9.11.6 — cleaner scraper forms + unified memory activity cards */
.ves-memory-activity-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 12px;
margin-top: 12px;
}
.ves-memory-activity-card {
border: 1px solid var(--work-border, rgba(15,23,42,.10));
background: #fff;
border-radius: 16px;
padding: 14px;
box-shadow: 0 1px 2px rgba(15,23,42,.05);
}
.ves-memory-activity-card .ves-trend-list.compact {
margin-top: 8px;
padding-left: 18px;
}
.ves-form .ves-mode-explainer,
.ves-form .ves-active-settings,
.ves-form .ves-form-checklist {
display: none !important;
}
/* v0.9.11.7 - keep legacy generic Extra fields out of the scraper UI. */
.ves-widget .ves-extra-row,
.ves-widget .ves-extra-row-2,
.ves-widget .ves-extra-select1-wrap,
.ves-widget .ves-extra-select2-wrap,
.ves-widget .ves-extra-number1-wrap,
.ves-widget .ves-extra-checkboxes-wrap {
display: none !important;
}
/* v0.9.11.8 - hard kill generic legacy Extra fields in any scraper markup, including cached old templates. */
.ves-extra-row,
.ves-extra-row-2,
.ves-extra-select1-wrap,
.ves-extra-select2-wrap,
.ves-extra-number1-wrap,
.ves-extra-checkboxes-wrap,
.ves-extra-checkbox1-wrap,
.ves-extra-checkbox2-wrap,
.ves-form .ves-field:has([name="extraSelect1"]:not([type="hidden"])),
.ves-form .ves-field:has([name="extraSelect2"]:not([type="hidden"])),
.ves-form .ves-field:has([name="extraNumber1"]:not([type="hidden"])),
.ves-form .ves-field:has([name="extraCheckbox1"]:not([type="hidden"])),
.ves-form .ves-field:has([name="extraCheckbox2"]:not([type="hidden"])) {
display: none !important;
visibility: hidden !important;
height: 0 !important;
max-height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
opacity: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* v0.9.11.9 - simplify forms and hide low-value controls from public UI. */
.ves-option-wrap,
.ves-minlikes-wrap,
.ves-transcript-wrap,
.ves-google-active-settings,
.ves-google-source-plan,
.ves-trend-active-settings,
.ves-trend-source-plan,
.ves-trend-meta-toggle {
display: none !important;
}
.ves-form [name="option"]:not([type="hidden"]),
.ves-form [name="minLikes"]:not([type="hidden"]),
.ves-form [name="extraSelect1"]:not([type="hidden"]),
.ves-form [name="extraSelect2"]:not([type="hidden"]),
.ves-form [name="extraNumber1"]:not([type="hidden"]) {
display: none !important;
}
/* v0.9.11.9b - final simplified public scraper UI. */
.ves-option-wrap,
.ves-minlikes-wrap,
.ves-transcript-wrap,
.ves-extra-row,
.ves-extra-row-2,
.ves-extra-select1-wrap,
.ves-extra-select2-wrap,
.ves-extra-number1-wrap,
.ves-extra-checkboxes-wrap,
.ves-extra-checkbox1-wrap,
.ves-extra-checkbox2-wrap,
.ves-date-quickset,
.ves-form .ves-mode-explainer,
.ves-form .ves-active-settings,
.ves-form .ves-form-checklist,
.ves-google-active-settings,
.ves-google-source-plan,
.ves-google-auto-field,
.ves-trend-active-settings,
.ves-trend-source-plan,
.ves-trend-meta-toggle {
display: none !important;
}
.ves-form [name="option"]:not([type="hidden"]),
.ves-form [name="minLikes"]:not([type="hidden"]),
.ves-form [name="includeTranscript"]:not([type="hidden"]),
.ves-form [name="extraSelect1"]:not([type="hidden"]),
.ves-form [name="extraSelect2"]:not([type="hidden"]),
.ves-form [name="extraNumber1"]:not([type="hidden"]),
.ves-form [name="extraCheckbox1"]:not([type="hidden"]),
.ves-form [name="extraCheckbox2"]:not([type="hidden"]) {
display: none !important;
}
/* v0.9.12.0 - audited simplified UI guards. Keep low-value legacy controls out of public dashboards. */
.ves-form [name="option"]:not([type="hidden"]),
.ves-form [name="extraSelect1"]:not([type="hidden"]),
.ves-form [name="extraSelect2"]:not([type="hidden"]),
.ves-form [name="extraNumber1"]:not([type="hidden"]),
.ves-form [name="extraCheckbox1"]:not([type="hidden"]),
.ves-form [name="extraCheckbox2"]:not([type="hidden"]),
.ves-form [name="minLikes"]:not([type="hidden"]),
.ves-option-wrap,
.ves-extra-row,
.ves-extra-row-2,
.ves-minlikes-wrap,
.ves-sort-priority-wrap,
.ves-active-settings,
.ves-platform-checklist,
.ves-mode-explainer {
display: none !important;
}
/* v0.9.13.0 - media previews, language control, and batch analysis UX. */
.ves-item {
position: relative !important;
}
.ves-thumb {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
border-bottom: 1px solid var(--bdr) !important;
background: var(--raised) !important;
}
.ves-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.ves-thumb-placeholder,
.ves-thumb.is-broken {
min-height: 180px !important;
color: var(--t3) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
}
.ves-select-card {
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 8px !important;
border: 1px solid rgba(255,255,255,.18) !important;
border-radius: 999px !important;
background: rgba(15,23,42,.78) !important;
backdrop-filter: blur(8px) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.ves-select-card input {
width: 14px !important;
height: 14px !important;
margin: 0 !important;
accent-color: var(--em) !important;
}
.ves-batch-analysis-bar {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin: 10px 0 14px !important;
padding: 12px 14px !important;
border: 1px solid var(--bdr) !important;
border-radius: var(--r2) !important;
background: var(--card) !important;
}
.ves-batch-analysis-bar strong {
display: block !important;
color: var(--t1) !important;
font-size: 13px !important;
}
.ves-batch-analysis-bar span:not(.ves-selected-count) {
display: block !important;
color: var(--t3) !important;
font-size: 12px !important;
margin-top: 2px !important;
}
.ves-batch-analysis-bar > div:last-child {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
}
.ves-analysis-pre {
max-height: none !important;
overflow: visible !important;
white-space: pre-wrap !important;
}
@media (max-width: 760px) {
.ves-batch-analysis-bar {
align-items: stretch !important;
flex-direction: column !important;
}
.ves-batch-analysis-bar > div:last-child {
justify-content: flex-start !important;
}
}
/* v0.9.14.1 — ChatGPT-like project memory explorer */
.ves-memory-app{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:18px;align-items:start}
.ves-memory-rail{position:sticky;top:18px;max-height:calc(100vh - 160px);overflow:auto;background:var(--ves-card,#fff);border:1px solid var(--ves-border,#d8dee8);border-radius:22px;padding:14px;box-shadow:0 12px 32px rgba(15,23,42,.06)}
.ves-memory-rail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.ves-memory-rail-head strong{display:block;font-size:14px;color:var(--ves-text,#111827)}
.ves-memory-rail-head span{display:block;font-size:12px;color:var(--ves-muted,#6b7280);margin-top:2px}
.ves-memory-tabs{display:grid;gap:7px;margin:10px 0 12px}
.ves-memory-tab{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--ves-border,#d8dee8);background:rgba(255,255,255,.72);color:var(--ves-text,#111827);border-radius:14px;padding:9px 10px;font-weight:700;font-size:12.5px;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease,transform .15s ease}
.ves-memory-tab:hover{transform:translateY(-1px);border-color:rgba(14,165,233,.35)}
.ves-memory-tab.is-active{background:rgba(14,165,233,.10);border-color:rgba(14,165,233,.42);color:var(--ves-accent,#0284c7)}
.ves-memory-tab span{font-size:11px;color:var(--ves-muted,#6b7280);background:rgba(148,163,184,.14);border-radius:999px;padding:2px 7px}
.ves-memory-search-wrap{margin-bottom:12px}
.ves-memory-list{display:grid;gap:9px}
.ves-memory-entry{width:100%;border:1px solid var(--ves-border,#d8dee8);background:rgba(255,255,255,.78);border-radius:16px;padding:11px;text-align:left;cursor:pointer;color:var(--ves-text,#111827);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.ves-memory-entry:hover{transform:translateY(-1px);border-color:rgba(14,165,233,.35)}
.ves-memory-entry.is-active{border-color:rgba(14,165,233,.58);background:rgba(14,165,233,.10)}
.ves-memory-entry-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.ves-memory-entry-top strong{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ves-memory-entry-top em{font-style:normal;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ves-accent,#0284c7);background:rgba(14,165,233,.10);border-radius:999px;padding:3px 7px;white-space:nowrap}
.ves-memory-entry-meta,.ves-memory-entry-date{display:block;font-size:11.5px;color:var(--ves-muted,#6b7280);margin-top:6px}
.ves-memory-entry-summary{display:block;font-size:12px;color:var(--ves-text-soft,#475569);line-height:1.35;margin-top:7px}
.ves-memory-detail{min-width:0}
.ves-memory-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px;background:var(--ves-card,#fff);border:1px solid var(--ves-border,#d8dee8);border-radius:20px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.05)}
.ves-memory-detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ves-memory-results-wrap .ves-results{display:block;margin-top:0}
.ves-memory-empty-state{padding:22px}
.ves-memory-google-analysis-bar{margin-bottom:12px}
[data-theme="dark"] .ves-memory-rail,[data-theme="dark"] .ves-memory-detail-head,[data-theme="dark"] .ves-memory-entry,[data-theme="dark"] .ves-memory-tab{background:rgba(15,23,42,.78)}
@media(max-width:900px){.ves-memory-app{grid-template-columns:1fr}.ves-memory-rail{position:relative;top:auto;max-height:none}}
/* v0.9.14.2 - integrated ChatGPT-like Memory sidebar + carbon blue shell */
.ves-sidebar-memory { flex-shrink: 0 !important; padding: 0 10px 10px !important; max-height: 42vh !important; overflow: hidden !important; }
.ves-sidebar-memory-separator { height: 1px !important; background: rgba(148,163,184,.18) !important; margin: 10px 4px 12px !important; }
.ves-sidebar-memory-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; padding: 0 4px 8px !important; }
.ves-sidebar-memory-head span { display: block !important; font-size: 12px !important; color: var(--t1) !important; font-weight: 700 !important; letter-spacing: -.01em !important; }
.ves-sidebar-memory-head small { display: block !important; font-size: 10px !important; color: var(--t3) !important; margin-top: 1px !important; }
.ves-sidebar-memory-refresh { width: 24px !important; height: 24px !important; border-radius: 7px !important; border: 1px solid var(--bdr) !important; background: rgba(255,255,255,.03) !important; color: var(--t3) !important; cursor: pointer !important; line-height: 1 !important; }
.ves-sidebar-memory-refresh:hover { color: var(--t1) !important; border-color: var(--bdr2) !important; background: rgba(255,255,255,.06) !important; }
.ves-sidebar-memory-loading, .ves-sidebar-memory-empty { color: var(--t3) !important; font-size: 12px !important; padding: 9px 8px !important; }
.ves-sidebar-memory-tabs { display: flex !important; gap: 5px !important; overflow-x: auto !important; padding: 0 2px 8px !important; scrollbar-width: none !important; }
.ves-sidebar-memory-tabs::-webkit-scrollbar { display: none !important; }
.ves-sidebar-memory-tab { border: 1px solid transparent !important; background: transparent !important; color: var(--t3) !important; border-radius: 999px !important; padding: 4px 7px !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 10.5px !important; font-weight: 650 !important; white-space: nowrap !important; cursor: pointer !important; }
.ves-sidebar-memory-tab span { min-width: 16px !important; height: 16px !important; border-radius: 999px !important; display: inline-grid !important; place-items: center !important; background: rgba(148,163,184,.13) !important; color: var(--t3) !important; font-size: 9.5px !important; }
.ves-sidebar-memory-tab.is-active { color: var(--t1) !important; border-color: rgba(54,199,232,.28) !important; background: rgba(54,199,232,.10) !important; }
.ves-sidebar-memory-search { padding: 0 2px 8px !important; }
.ves-sidebar-memory-search .ves-memory-search { width: 100% !important; border: 1px solid var(--bdr) !important; background: rgba(255,255,255,.045) !important; color: var(--t1) !important; border-radius: 10px !important; padding: 8px 9px !important; font: inherit !important; font-size: 12px !important; outline: none !important; }
.ves-sidebar-memory-search .ves-memory-search::placeholder { color: var(--t3) !important; }
.ves-sidebar-memory-search .ves-memory-search:focus { border-color: rgba(54,199,232,.55) !important; background: rgba(255,255,255,.065) !important; }
.ves-sidebar-memory-list { max-height: calc(42vh - 132px) !important; overflow-y: auto !important; padding: 0 2px 2px !important; display: grid !important; gap: 3px !important; scrollbar-width: thin !important; scrollbar-color: rgba(148,163,184,.28) transparent !important; }
.ves-sidebar-memory .ves-memory-entry { border: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 9px !important; padding: 7px 8px !important; color: var(--t2) !important; transform: none !important; }
.ves-sidebar-memory .ves-memory-entry:hover, .ves-sidebar-memory .ves-memory-entry.is-active { background: rgba(255,255,255,.06) !important; color: var(--t1) !important; }
.ves-sidebar-memory .ves-memory-entry.is-active { box-shadow: inset 2px 0 0 var(--em) !important; }
.ves-sidebar-memory .ves-memory-entry-top strong { color: inherit !important; font-size: 12.2px !important; line-height: 1.25 !important; font-weight: 600 !important; -webkit-line-clamp: 2 !important; }
.ves-sidebar-memory .ves-memory-entry-meta, .ves-sidebar-memory .ves-memory-entry-date { font-size: 10.5px !important; color: var(--t3) !important; margin-top: 3px !important; }
.ves-memory-app-integrated { display: block !important; }
.ves-memory-app-integrated .ves-memory-detail { width: 100% !important; }
.ves-memory-app-integrated .ves-memory-empty-state { max-width: 760px !important; }
.ves-shell-v3.is-sidebar-collapsed .ves-sidebar-memory { display: none !important; }
@media(max-width: 900px) { .ves-sidebar-memory { max-height: 32vh !important; } .ves-sidebar-memory-list { max-height: calc(32vh - 120px) !important; } }
/* =============================================================
v0.9.14.3 — Minimal palette
User-provided .fi-trend tokens mapped into the whole SaaS UI.
Removes non-essential dark/light UI and reduces visual noise.
============================================================= */
.fi-trend,
.ves-wrap {
--bg: #F3F4F6;
--surface: #FFFFFF;
--carbon: #182638;
--carbon2: #1E3048;
--carbon3: #253B59;
--violet: #5B3DAA;
--violet2: #6B4ABC;
--violetd: rgba(91,61,170,0.09);
--violetb: rgba(91,61,170,0.18);
--red: #C91E05;
--redh: #E02010;
--redb: rgba(201,30,5,0.09);
--redb2: rgba(201,30,5,0.18);
--green: #00C97A;
--greend: rgba(0,201,122,0.10);
--greenb: rgba(0,201,122,0.20);
--amber: #F59E0B;
--amberd: rgba(245,158,11,0.09);
--amberb: rgba(245,158,11,0.18);
--t1: #F8FAFC;
--t2: #CBD5E1;
--t3: #8DA0B4;
--app: var(--bg);
--sidebar: var(--carbon);
--topbar: var(--carbon);
--panel: var(--bg);
--card: var(--carbon2);
--raised: var(--carbon3);
--overlay: var(--carbon3);
--bdr: rgba(122,144,164,0.18);
--bdr2: rgba(122,144,164,0.30);
--bdr3: rgba(91,61,170,0.42);
--em: var(--violet);
--emh: var(--violet2);
--em10: var(--violetd);
--em18: var(--violetb);
--em30: rgba(91,61,170,0.30);
--vi: var(--violet);
--vih: var(--violet2);
--vi10: var(--violetd);
--vi18: var(--violetb);
--ok: var(--green);
--ok10: var(--greend);
--ok18: var(--greenb);
--warn: var(--amber);
--wn10: var(--amberd);
--wn18: var(--amberb);
--err: var(--red);
--er10: var(--redb);
--er18: var(--redb2);
--r1: 6px;
--r2: 9px;
--r3: 12px;
--r4: 16px;
--e1: none;
--e2: 0 8px 22px rgba(24,38,56,0.06);
--e3: 0 16px 36px rgba(24,38,56,0.10);
--work-bg: var(--bg);
--work-surface: var(--surface);
--work-soft: #EEF1F5;
--work-soft-2: #E8EDF3;
--work-border: rgba(122,144,164,0.25);
--work-border-2: rgba(91,61,170,0.25);
--work-text: #182638;
--work-text-2: #3D5470;
--work-text-3: #7A90A4;
--work-focus: var(--violet);
--work-accent: var(--violet);
--work-cta: var(--violet);
--work-cta-hover:var(--violet2);
--work-shadow: 0 8px 22px rgba(24,38,56,0.045);
--work-shadow-hover: 0 14px 30px rgba(24,38,56,0.075);
}
.ves-wrap.ves-dashboard-shell::before { display: none !important; }
.ves-wrap.ves-dashboard-shell,
.ves-wrap.ves-shell-v2.ves-dashboard-shell,
.ves-wrap.ves-shell-v3.ves-dashboard-shell { background: var(--bg) !important; }
.ves-main-col,
.ves-page-body { background: var(--bg) !important; color: var(--work-text) !important; }
.ves-page-inner { max-width: var(--ves-content-max, 1560px) !important; padding: 24px 28px 56px !important; gap: 18px !important; }
.ves-page-head { padding-bottom: 16px !important; margin-bottom: 2px !important; border-bottom-color: rgba(122,144,164,.22) !important; }
.ves-page-title { color: var(--work-text) !important; font-size: 27px !important; letter-spacing: -.035em !important; }
.ves-page-sub { color: var(--work-text-2) !important; }
.ves-sidebar,
.ves-shell-v3 .ves-sidebar {
background: var(--carbon) !important;
border-right: 1px solid rgba(255,255,255,.08) !important;
box-shadow: none !important;
}
.ves-topbar,
.ves-page-nav {
background: var(--carbon) !important;
border-bottom: 1px solid rgba(255,255,255,.08) !important;
box-shadow: none !important;
}
.ves-sidebar-head { border-bottom-color: rgba(255,255,255,.08) !important; }
.ves-sidebar .ves-logo,
.ves-topbar .ves-logo {
background: var(--red) !important;
color: #fff !important;
border-radius: 8px !important;
box-shadow: none !important;
}
.ves-workspace-text strong,
.ves-breadcrumb-current { color: #F8FAFC !important; }
.ves-workspace-meta,
.ves-breadcrumbs,
.ves-sidebar-section-label { color: rgba(248,250,252,.55) !important; }
.ves-workspace-switcher:hover,
.ves-sidebar-collapse:hover,
.ves-sidebar-toggle:hover { background: rgba(255,255,255,.055) !important; }
.ves-nav-item {
color: rgba(248,250,252,.72) !important;
min-height: 34px !important;
padding: 7px 9px !important;
border-radius: 9px !important;
border-left: 2px solid transparent !important;
}
.ves-nav-item:hover { background: rgba(255,255,255,.055) !important; color: #fff !important; }
.ves-nav-item.is-active {
background: rgba(255,255,255,.075) !important;
color: #fff !important;
border-left-color: var(--red) !important;
box-shadow: none !important;
}
.ves-nav-item.is-active .ves-nav-ico { color: #fff !important; }
.ves-nav-ico { color: rgba(248,250,252,.55) !important; }
.ves-nav-kbd,
.ves-cmdk-btn kbd { display: none !important; }
.ves-theme-toggle,
.ves-density-toggle { display: none !important; }
.ves-sidebar-foot { padding: 8px 10px 12px !important; border-top: 1px solid rgba(255,255,255,.08) !important; }
.ves-cmdk-btn {
border-color: rgba(255,255,255,.09) !important;
background: rgba(255,255,255,.035) !important;
color: rgba(248,250,252,.64) !important;
min-height: 32px !important;
padding: 7px 9px !important;
}
.ves-cmdk-btn:hover { border-color: rgba(255,255,255,.16) !important; color: #fff !important; background: rgba(255,255,255,.055) !important; }
.ves-page-body .ves-card:not(.ves-result-card),
.ves-page-body .ves-command-center-card,
.ves-page-body .ves-trend-dashboard-card,
.ves-page-body .ves-knowledge-card,
.ves-page-body .ves-project-context-card,
.ves-page-body .ves-account-card,
.ves-page-body .ves-hero-card,
.ves-page-body .ves-auth-card,
.ves-page-body .ves-memory-detail-head,
.ves-page-body .ves-memory-empty-state {
background: var(--surface) !important;
color: var(--work-text) !important;
border: 1px solid var(--work-border) !important;
border-radius: 14px !important;
box-shadow: var(--work-shadow) !important;
}
.ves-page-body .ves-card:not(.ves-result-card):hover,
.ves-page-body .ves-command-center-card:hover,
.ves-page-body .ves-knowledge-card:hover,
.ves-page-body .ves-project-context-card:hover {
border-color: var(--work-border-2) !important;
box-shadow: var(--work-shadow-hover) !important;
transform: none !important;
}
.ves-page-body input,
.ves-page-body select,
.ves-page-body textarea,
.ves-page-body .ves-input,
.ves-page-body .ves-select,
.ves-page-body .ves-memory-search {
background: #fff !important;
color: var(--work-text) !important;
border: 1px solid rgba(122,144,164,.34) !important;
border-radius: 10px !important;
box-shadow: none !important;
}
.ves-page-body input:focus,
.ves-page-body select:focus,
.ves-page-body textarea:focus,
.ves-page-body .ves-input:focus,
.ves-page-body .ves-select:focus,
.ves-page-body .ves-memory-search:focus {
border-color: var(--violet) !important;
box-shadow: 0 0 0 3px var(--violetd) !important;
outline: none !important;
}
.ves-page-body label,
.ves-field label,
.ves-form label { color: var(--work-text-2) !important; letter-spacing: .045em !important; }
.ves-page-body .ves-tabs {
background: #EDEFF4 !important;
border: 1px solid rgba(122,144,164,.25) !important;
box-shadow: none !important;
border-radius: 12px !important;
}
.ves-page-body .ves-tab {
border: 1px solid transparent !important;
background: transparent !important;
color: var(--work-text-3) !important;
box-shadow: none !important;
border-radius: 10px !important;
}
.ves-page-body .ves-tab:hover { background: rgba(255,255,255,.65) !important; color: var(--work-text-2) !important; }
.ves-page-body .ves-tab.active,
.ves-page-body .ves-tab.is-active {
background: #fff !important;
border-color: rgba(122,144,164,.30) !important;
color: var(--work-text) !important;
box-shadow: none !important;
}
.ves-btn,
.ves-page-body button:not(.ves-nav-item):not(.ves-tab):not(.ves-sidebar-memory-tab):not(.ves-memory-entry):not(.ves-sidebar-collapse):not(.ves-sidebar-toggle):not(.ves-cmdk-btn) { box-shadow: none !important; }
.ves-btn-primary,
.ves-page-body .ves-btn-primary {
background: var(--violet) !important;
border-color: var(--violet) !important;
color: #fff !important;
}
.ves-btn-primary:hover,
.ves-page-body .ves-btn-primary:hover { background: var(--violet2) !important; border-color: var(--violet2) !important; }
.ves-btn-secondary,
.ves-page-body .ves-btn-secondary {
background: #fff !important;
color: var(--work-text-2) !important;
border-color: rgba(122,144,164,.28) !important;
}
.ves-btn-secondary:hover,
.ves-page-body .ves-btn-secondary:hover { border-color: var(--violetb) !important; color: var(--violet) !important; background: var(--violetd) !important; }
.ves-sidebar-memory {
padding: 0 10px 10px !important;
max-height: 43vh !important;
color: rgba(248,250,252,.76) !important;
}
.ves-sidebar-memory-separator {
height: 1px !important;
background: rgba(255,255,255,.10) !important;
margin: 12px 4px 13px !important;
}
.ves-sidebar-memory-head span { color: #F8FAFC !important; font-size: 12px !important; }
.ves-sidebar-memory-head small { color: rgba(248,250,252,.48) !important; }
.ves-sidebar-memory-refresh { display: none !important; }
.ves-sidebar-memory-tab {
color: rgba(248,250,252,.56) !important;
border: 0 !important;
background: transparent !important;
padding: 4px 6px !important;
}
.ves-sidebar-memory-tab.is-active {
color: #fff !important;
background: rgba(255,255,255,.075) !important;
border: 0 !important;
}
.ves-sidebar-memory-tab span { background: rgba(255,255,255,.08) !important; color: rgba(248,250,252,.62) !important; }
.ves-sidebar-memory-search .ves-memory-search {
background: rgba(255,255,255,.055) !important;
color: #fff !important;
border: 1px solid rgba(255,255,255,.09) !important;
border-radius: 10px !important;
}
.ves-sidebar-memory-search .ves-memory-search:focus {
border-color: rgba(255,255,255,.20) !important;
box-shadow: none !important;
}
.ves-sidebar-memory .ves-memory-entry {
color: rgba(248,250,252,.72) !important;
border-radius: 9px !important;
padding: 7px 8px !important;
background: transparent !important;
}
.ves-sidebar-memory .ves-memory-entry:hover,
.ves-sidebar-memory .ves-memory-entry.is-active {
background: rgba(255,255,255,.07) !important;
color: #fff !important;
}
.ves-sidebar-memory .ves-memory-entry.is-active { box-shadow: inset 2px 0 0 var(--red) !important; }
.ves-sidebar-memory .ves-memory-entry-meta,
.ves-sidebar-memory .ves-memory-entry-date { color: rgba(248,250,252,.46) !important; }
.ves-result-card,
.ves-results .ves-card.ves-result-card {
background: #111A28 !important;
border-color: rgba(122,144,164,.20) !important;
box-shadow: none !important;
color: #F8FAFC !important;
}
.ves-result-card:hover { border-color: rgba(91,61,170,.45) !important; box-shadow: 0 12px 28px rgba(24,38,56,.14) !important; transform: translateY(-1px) !important; }
.ves-result-card .ves-result-title { color: #F8FAFC !important; }
.ves-result-card .ves-result-meta,
.ves-result-card .ves-result-text { color: rgba(248,250,252,.70) !important; }
.ves-batch-analysis-bar,
.ves-analysis-box,
.ves-analysis-pre {
background: var(--carbon) !important;
border-color: rgba(122,144,164,.22) !important;
color: #F8FAFC !important;
box-shadow: none !important;
}
.ves-topbar .ves-btn-secondary,
.ves-topbar .ves-credit-pill,
.ves-topbar .ves-run-state,
.ves-topbar .ves-user-avatar {
background: rgba(255,255,255,.055) !important;
color: rgba(248,250,252,.78) !important;
border-color: rgba(255,255,255,.10) !important;
}
.ves-topbar .ves-btn-secondary:hover,
.ves-topbar .ves-credit-pill:hover,
.ves-topbar .ves-user-avatar:hover {
background: rgba(255,255,255,.09) !important;
color: #fff !important;
border-color: rgba(255,255,255,.18) !important;
}
@media (max-width: 760px) {
.ves-page-inner { padding: 18px 16px 44px !important; }
.ves-page-title { font-size: 24px !important; }
}
/* v0.9.14.4 SaaS UX override — calmer, decision-first UI */
.ves-wrap {
--bg:#F3F4F6; --surface:#FFFFFF; --carbon:#182638; --carbon2:#1E3048; --carbon3:#253B59;
--violet:#5B3DAA; --violet2:#6B4ABC; --violetd:rgba(91,61,170,0.09); --violetb:rgba(91,61,170,0.18);
--red:#C91E05; --redh:#E02010; --redb:rgba(201,30,5,0.09); --redb2:rgba(201,30,5,0.18);
--green:#00C97A; --greend:rgba(0,201,122,0.10); --greenb:rgba(0,201,122,0.20);
--amber:#F59E0B; --amberd:rgba(245,158,11,0.09); --amberb:rgba(245,158,11,0.18);
--t1:#182638; --t2:#3D5470; --t3:#7A90A4;
--app:var(--bg); --sidebar:var(--carbon); --topbar:var(--carbon2); --panel:var(--bg); --card:var(--surface); --raised:#F8FAFC;
--bdr:rgba(122,144,164,.24); --bdr2:rgba(91,61,170,.22); --bdr3:rgba(91,61,170,.36);
--em:var(--violet); --emh:var(--violet2); --em10:var(--violetd); --em18:var(--violetb);
background:var(--bg) !important; color:var(--t1) !important;
}
.ves-wrap.ves-dashboard-shell,.ves-wrap.ves-shell-v3.ves-dashboard-shell { background:var(--bg) !important; }
.ves-wrap.ves-dashboard-shell::before { display:none !important; }
.ves-main-col,.ves-page-body { background:var(--bg) !important; color:var(--t1) !important; }
.ves-sidebar { background:var(--carbon) !important; border-right:1px solid rgba(255,255,255,.08) !important; }
.ves-topbar { background:var(--carbon2) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; box-shadow:none !important; }
.ves-card,.ves-command-center-card,.ves-knowledge-card,.ves-project-context-card,.ves-skeleton-card,.ves-memory-host .ves-item-panel { background:var(--surface) !important; border:1px solid var(--bdr) !important; border-radius:16px !important; box-shadow:0 10px 30px rgba(24,38,56,.06) !important; }
.ves-page-title { color:var(--t1) !important; letter-spacing:-.03em !important; }
.ves-page-sub,.ves-hint,.ves-meta { color:var(--t3) !important; }
.ves-label { color:var(--t2) !important; font-size:11px !important; letter-spacing:.06em !important; }
.ves-input,.ves-select,.ves-textarea,.ves-memory-search { background:#fff !important; color:var(--t1) !important; border:1px solid rgba(122,144,164,.34) !important; border-radius:12px !important; box-shadow:none !important; }
.ves-input:focus,.ves-select:focus,.ves-textarea:focus,.ves-memory-search:focus { border-color:var(--violet) !important; box-shadow:0 0 0 3px var(--violetd) !important; outline:0 !important; }
.ves-btn { border-radius:12px !important; box-shadow:none !important; }
.ves-btn-primary { background:var(--violet) !important; border-color:var(--violet) !important; color:#fff !important; }
.ves-btn-primary:hover { background:var(--violet2) !important; border-color:var(--violet2) !important; }
.ves-btn-secondary { background:#fff !important; color:var(--t2) !important; border-color:var(--bdr) !important; }
.ves-cmdk-btn { display:none !important; }
.ves-platform-tabs { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:10px !important; padding:8px !important; background:#EEF1F5 !important; border:1px solid rgba(122,144,164,.22) !important; border-radius:18px !important; margin:8px 0 20px !important; overflow:visible !important; }
.ves-ads-platform-tabs { grid-template-columns:repeat(2,minmax(0,1fr)) !important; max-width:380px !important; }
.ves-platform-tabs .ves-tab { min-width:0 !important; height:58px !important; padding:0 !important; border-radius:14px !important; border:1px solid transparent !important; background:transparent !important; box-shadow:none !important; color:var(--t2) !important; }
.ves-platform-tabs .ves-tab:hover { background:rgba(255,255,255,.72) !important; border-color:rgba(122,144,164,.18) !important; }
.ves-platform-tabs .ves-tab.active { background:#fff !important; border-color:rgba(91,61,170,.20) !important; box-shadow:0 8px 18px rgba(24,38,56,.06) !important; }
.ves-platform-tabs .ves-tab.active::after { content:'' !important; position:absolute !important; left:28% !important; right:28% !important; bottom:5px !important; height:3px !important; background:var(--red) !important; border-radius:99px !important; }
.ves-platform-logo { display:grid !important; place-items:center !important; width:38px !important; height:38px !important; font-weight:900 !important; font-size:28px !important; line-height:1 !important; background:transparent !important; border-radius:0 !important; }
.ves-logo-tiktok { color:#111 !important; text-shadow:-1.8px -1.2px 0 #25F4EE,1.8px 1.2px 0 #FE2C55 !important; font-size:32px !important; }
.ves-logo-youtube svg { width:38px !important; height:28px !important; fill:#FF0000 !important; }
.ves-logo-youtube .ves-yt-play { fill:#fff !important; }
.ves-logo-facebook { color:#1877F2 !important; font-family:Arial, sans-serif !important; font-size:34px !important; }
.ves-logo-instagram { width:38px !important; height:38px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.ves-logo-x { color:#111 !important; font-size:30px !important; }
.ves-logo-meta { color:#0866FF !important; font-size:42px !important; font-family:Arial, sans-serif !important; }
.ves-logo-google-ads { position:relative !important; width:42px !important; height:36px !important; }
.ves-logo-google-ads span { position:absolute !important; display:block !important; border-radius:999px !important; }
.ves-logo-google-ads .ga-blue { width:12px !important; height:34px !important; background:#4285F4 !important; left:9px !important; top:1px !important; transform:rotate(28deg) !important; }
.ves-logo-google-ads .ga-green { width:12px !important; height:34px !important; background:#34A853 !important; right:9px !important; top:1px !important; transform:rotate(-28deg) !important; }
.ves-logo-google-ads .ga-yellow { width:13px !important; height:13px !important; background:#FBBC05 !important; left:4px !important; bottom:1px !important; }
.ves-ui-language-switcher { display:inline-flex !important; align-items:center !important; gap:6px !important; height:34px !important; padding:3px 4px 3px 9px !important; border-radius:12px !important; background:rgba(255,255,255,.055) !important; border:1px solid rgba(255,255,255,.10) !important; color:rgba(248,250,252,.78) !important; }
.ves-ui-language-icon { font-size:13px !important; opacity:.8 !important; }
.ves-ui-language { appearance:none !important; border:0 !important; background:transparent !important; color:#fff !important; font-weight:700 !important; font-size:12px !important; padding:2px 18px 2px 4px !important; min-width:48px !important; outline:0 !important; cursor:pointer !important; }
.ves-ui-language option { color:#182638 !important; background:#fff !important; }
.ves-wrap.is-rtl { direction:rtl !important; }
.ves-wrap.is-rtl .ves-sidebar { border-right:0 !important; border-left:1px solid rgba(255,255,255,.08) !important; }
.ves-wrap.is-rtl .ves-topbar-left,.ves-wrap.is-rtl .ves-topbar-right,.ves-wrap.is-rtl .ves-page-head,.ves-wrap.is-rtl .ves-row { direction:rtl !important; }
.ves-wrap.is-rtl .ves-textarea,.ves-wrap.is-rtl .ves-input { text-align:right !important; }
@media (max-width:760px){ .ves-platform-tabs { grid-template-columns:repeat(5,52px) !important; overflow-x:auto !important; } .ves-platform-tabs .ves-tab { width:52px !important; } .ves-ui-language-switcher { height:32px !important; } }
/* Brand Deep Audit — Sprint 1 skeleton */
.ves-brand-audit-card { position: relative; }
.ves-brand-audit-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ves-brand-audit-grid .ves-field-wide { grid-column: 1 / -1; }
.ves-brand-audit-note {
margin-top: 14px;
padding: 12px 14px;
border: 1px solid var(--ves-border);
border-radius: 16px;
background: rgba(255,255,255,.58);
color: var(--ves-muted);
font-size: 12.5px;
line-height: 1.55;
}
.ves-brand-audit-results { display: grid; gap: 16px; }
.ves-brand-audit-grid-results {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ves-brand-opportunity-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ves-brand-opportunity-card {
border: 1px solid var(--ves-border);
border-radius: 18px;
padding: 14px;
background: rgba(255,255,255,.72);
}
.ves-brand-opportunity-card p { margin: 8px 0; color: var(--ves-muted); }
.ves-brand-opportunity-card ul { margin: 10px 0 0 18px; }
.ves-brand-deck { display: grid; gap: 12px; }
.ves-brand-slide {
border: 1px solid var(--ves-border);
border-radius: 18px;
padding: 18px;
background: #fff;
}
.ves-brand-slide-number {
font-size: 12px;
color: var(--ves-muted);
margin-bottom: 6px;
}
.ves-brand-slide h4 { margin: 0 0 8px; }
.ves-brand-slide p { margin: 0 0 10px; color: var(--ves-muted); }
@media (max-width: 760px) {
.ves-brand-audit-grid,
.ves-brand-audit-grid-results,
.ves-brand-opportunity-grid {
grid-template-columns: 1fr;
}
}
/* Brand Audit v0.9.16.1 evidence rendering */
.ves-brand-source-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
.ves-brand-source-card {
border: 1px solid var(--ves-border, #d8dee8);
border-radius: 16px;
padding: 12px;
background: rgba(255,255,255,.74);
display: grid;
gap: 5px;
}
.ves-brand-source-card strong { color: var(--ves-text, #162235); }
.ves-brand-source-card span { font-size: 12px; font-weight: 700; }
.ves-brand-source-card small { color: var(--ves-muted, #78889d); }
.ves-brand-source-card p { margin: 4px 0 0; color: var(--ves-muted, #78889d); font-size: 12px; line-height: 1.45; }
.ves-brand-source-card.is-ok { border-color: rgba(34,197,94,.32); background: rgba(240,253,244,.75); }
.ves-brand-source-card.is-mid { border-color: rgba(245,158,11,.34); background: rgba(255,251,235,.72); }
.ves-brand-source-card.is-bad { border-color: rgba(239,68,68,.28); background: rgba(254,242,242,.72); }
.ves-brand-evidence-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.ves-brand-evidence-item {
border: 1px solid var(--ves-border, #d8dee8);
border-radius: 16px;
padding: 12px;
background: rgba(255,255,255,.76);
}
.ves-brand-evidence-item span {
display: inline-flex;
font-size: 11px;
color: var(--ves-muted, #78889d);
margin-bottom: 6px;
}
.ves-brand-evidence-item strong { display:block; color: var(--ves-text, #162235); }
.ves-brand-evidence-item p { margin: 7px 0 0; color: var(--ves-muted, #78889d); line-height:1.5; }
.ves-brand-evidence-item a { display:inline-flex; margin-top: 8px; font-size: 12px; }
@media (max-width: 860px) {
.ves-brand-source-grid,
.ves-brand-evidence-list { grid-template-columns: 1fr; }
}
/* Brand Audit v0.9.16.1 AI strategy readouts */
.ves-brand-readout-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.ves-brand-readout-group {
border: 1px solid var(--ves-border);
border-radius: 16px;
background: rgba(255,255,255,.68);
padding: 14px;
}
.ves-brand-readout-group strong {
display: block;
margin-bottom: 8px;
color: var(--ves-text);
}
.ves-brand-readout-group ul {
margin: 0;
padding-left: 18px;
}
.ves-brand-readout-group li {
margin: 5px 0;
color: var(--ves-muted);
}
@media (max-width: 760px) {
.ves-brand-readout-grid { grid-template-columns: 1fr; }
}
/* v0.9.16.1 — Creative Intelligence embedded module + stronger Brand Audit evidence UI */
.ves-page[data-page="creative"] .fici-panel { margin-top: 0; }
.ves-page[data-page="creative"] .fici-card { box-shadow: none; }
.ves-brand-evidence-metrics { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 2px; }
.ves-brand-evidence-metrics em { font-style:normal; font-size:11px; padding:3px 7px; border:1px solid var(--ves-border); border-radius:999px; color:var(--ves-muted); background:rgba(255,255,255,.72); }
/* Brand Audit v0.9.16.2 evidence UI upgrade */
.ves-brand-source-family { display:grid; gap:10px; margin-top:14px; }
.ves-brand-source-family:first-child { margin-top:0; }
.ves-brand-source-family-title { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--ves-muted,#78889d); }
.ves-brand-source-grid.compact { gap:10px; }
.ves-brand-source-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.ves-brand-source-card-head span { text-transform:uppercase; }
.ves-brand-source-meta { margin-top:4px; font-size:11.5px; color:var(--ves-muted,#78889d); }
.ves-brand-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:10px; }
.ves-brand-metric-grid.compact { grid-template-columns:repeat(5,minmax(0,1fr)); }
.ves-brand-metric-card { border:1px solid var(--ves-border,#d7dee8); border-radius:16px; padding:12px; background:rgba(255,255,255,.72); min-width:0; }
.ves-brand-metric-card strong { display:block; font-size:12px; color:var(--ves-muted,#78889d); text-transform:capitalize; }
.ves-brand-metric-card span { display:block; margin-top:4px; color:var(--ves-text,#162235); font-weight:800; font-size:18px; }
.ves-brand-metric-card small { display:block; margin-top:4px; color:var(--ves-muted,#78889d); line-height:1.35; }
.ves-brand-cluster-grid, .ves-brand-competitor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:10px; }
.ves-brand-cluster-card, .ves-brand-competitor-card { border:1px solid var(--ves-border,#d7dee8); border-radius:18px; background:rgba(255,255,255,.72); padding:14px; }
.ves-brand-cluster-card strong, .ves-brand-competitor-card strong { color:var(--ves-text,#162235); }
.ves-brand-cluster-card span { display:inline-flex; margin-top:6px; font-size:11px; font-weight:800; color:#4f46e5; background:rgba(79,70,229,.09); padding:3px 8px; border-radius:999px; }
.ves-brand-cluster-card ul, .ves-brand-competitor-card ul { margin-top:8px; }
.ves-brand-quality-bars { display:grid; gap:10px; margin-top:12px; }
.ves-brand-quality-row { display:grid; grid-template-columns:minmax(160px,1.2fr) minmax(120px,2fr) 54px; gap:12px; align-items:center; }
.ves-brand-quality-row strong { display:block; text-transform:capitalize; color:var(--ves-text,#162235); }
.ves-brand-quality-row small { display:block; color:var(--ves-muted,#78889d); font-size:11.5px; margin-top:2px; }
.ves-brand-quality-row em { font-style:normal; font-weight:800; color:var(--ves-text,#162235); text-align:right; }
.ves-brand-quality-track { height:10px; border-radius:999px; background:rgba(148,163,184,.22); overflow:hidden; }
.ves-brand-quality-track span { display:block; height:100%; border-radius:999px; background:linear-gradient(90deg, rgba(79,70,229,.72), rgba(34,197,94,.72)); }
.ves-brand-mini-title { margin:14px 0 6px; font-size:12px; font-weight:800; color:var(--ves-muted,#78889d); text-transform:uppercase; letter-spacing:.05em; }
.ves-brand-inline-list { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:8px 0; }
.ves-brand-inline-list li { border:1px solid var(--ves-border,#d7dee8); border-radius:999px; padding:6px 10px; background:rgba(255,255,255,.72); font-size:12px; }
.ves-brand-inline-list span { color:var(--ves-muted,#78889d); margin-left:4px; }
@media (max-width: 900px) {
.ves-brand-metric-grid,
.ves-brand-metric-grid.compact,
.ves-brand-cluster-grid,
.ves-brand-competitor-grid { grid-template-columns:1fr; }
.ves-brand-quality-row { grid-template-columns:1fr; }
.ves-brand-quality-row em { text-align:left; }
}
/* v0.9.16.4 — Platform tab UI/UX and brand-logo cleanup */
.ves-page-body .ves-platform-tabs,
.ves-platform-tabs {
display: grid !important;
grid-template-columns: repeat(5, minmax(132px, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
padding: 10px !important;
margin: 10px 0 22px !important;
border: 1px solid rgba(122,144,164,.24) !important;
border-radius: 20px !important;
background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(236,240,246,.92)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 24px rgba(24,38,56,.045) !important;
overflow: visible !important;
}
.ves-page-body .ves-ads-platform-tabs,
.ves-ads-platform-tabs {
grid-template-columns: repeat(2, minmax(150px, 1fr)) !important;
max-width: 460px !important;
}
.ves-page-body .ves-platform-tabs .ves-tab,
.ves-platform-tabs .ves-tab {
position: relative !important;
min-width: 0 !important;
height: 66px !important;
padding: 0 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
border: 1px solid transparent !important;
border-radius: 16px !important;
background: rgba(255,255,255,.38) !important;
color: #182638 !important;
box-shadow: none !important;
transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}
.ves-page-body .ves-platform-tabs .ves-tab:hover,
.ves-platform-tabs .ves-tab:hover {
transform: translateY(-1px) !important;
background: rgba(255,255,255,.86) !important;
border-color: rgba(122,144,164,.28) !important;
box-shadow: 0 10px 24px rgba(24,38,56,.065) !important;
}
.ves-page-body .ves-platform-tabs .ves-tab.active,
.ves-page-body .ves-platform-tabs .ves-tab.is-active,
.ves-platform-tabs .ves-tab.active,
.ves-platform-tabs .ves-tab.is-active {
background: #fff !important;
border-color: rgba(91,61,170,.26) !important;
color: #162033 !important;
box-shadow: 0 12px 26px rgba(24,38,56,.075) !important;
}
.ves-page-body .ves-platform-tabs .ves-tab.active::after,
.ves-platform-tabs .ves-tab.active::after,
.ves-platform-tabs .ves-tab.is-active::after {
content: '' !important;
position: absolute !important;
left: 18px !important;
right: 18px !important;
bottom: 7px !important;
height: 3px !important;
border-radius: 999px !important;
background: #5b3daa !important;
}
.ves-platform-tabs .ves-tab[data-platform="tiktok"].active::after { background: linear-gradient(90deg,#25F4EE,#FE2C55) !important; }
.ves-platform-tabs .ves-tab[data-platform="youtube"].active::after { background: #FF0000 !important; }
.ves-platform-tabs .ves-tab[data-platform="facebook"].active::after,
.ves-platform-tabs .ves-tab[data-platform="facebook_ads"].active::after { background: #0866FF !important; }
.ves-platform-tabs .ves-tab[data-platform="instagram"].active::after { background: linear-gradient(90deg,#FEDA75,#FA7E1E,#D62976,#962FBF,#4F5BD5) !important; }
.ves-platform-tabs .ves-tab[data-platform="twitter"].active::after { background: #111 !important; }
.ves-platform-tabs .ves-tab[data-platform="google_ads"].active::after { background: linear-gradient(90deg,#4285F4,#34A853,#FBBC05) !important; }
.ves-platform-logo {
display: inline-grid !important;
place-items: center !important;
flex: 0 0 auto !important;
width: 38px !important;
height: 38px !important;
font-size: 0 !important;
line-height: 1 !important;
background: transparent !important;
border-radius: 0 !important;
overflow: visible !important;
}
.ves-platform-logo svg {
display: block !important;
width: 38px !important;
height: 38px !important;
overflow: visible !important;
}
.ves-platform-name {
display: inline-block !important;
font-size: 13px !important;
font-weight: 800 !important;
letter-spacing: -.01em !important;
color: #27364a !important;
white-space: nowrap !important;
}
.ves-logo-tiktok .tt-cyan { fill: #25F4EE !important; transform: translate(-1.4px,-1.1px); }
.ves-logo-tiktok .tt-red { fill: #FE2C55 !important; transform: translate(1.4px,1.1px); }
.ves-logo-tiktok .tt-main { fill: #111 !important; }
.ves-logo-youtube svg { width: 40px !important; height: 29px !important; fill: #FF0000 !important; }
.ves-logo-youtube .ves-yt-play { fill: #fff !important; }
.ves-logo-facebook svg circle { fill: #1877F2 !important; }
.ves-logo-facebook svg path { fill: #fff !important; }
.ves-logo-x svg { width: 34px !important; height: 34px !important; fill: #111 !important; }
.ves-logo-meta svg { width: 48px !important; height: 32px !important; fill: #0866FF !important; }
.ves-logo-instagram {
width: 38px !important;
height: 38px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
}
.ves-logo-instagram svg {
width: 38px !important;
height: 38px !important;
border-radius: 12px !important;
display: block !important;
filter: drop-shadow(0 4px 10px rgba(214,41,118,.28)) !important;
}
.ves-logo-instagram::before,
.ves-logo-instagram::after {
display: none !important;
}
.ves-logo-google-ads {
position: relative !important;
width: 42px !important;
height: 38px !important;
}
.ves-logo-google-ads span {
position: absolute !important;
display: block !important;
border-radius: 999px !important;
}
.ves-logo-google-ads .ga-blue {
width: 13px !important;
height: 34px !important;
left: 8px !important;
top: 2px !important;
background: #4285F4 !important;
transform: rotate(28deg) !important;
transform-origin: center bottom !important;
}
.ves-logo-google-ads .ga-green {
width: 13px !important;
height: 34px !important;
right: 8px !important;
top: 2px !important;
background: #34A853 !important;
transform: rotate(-28deg) !important;
transform-origin: center bottom !important;
}
.ves-logo-google-ads .ga-yellow {
width: 14px !important;
height: 14px !important;
left: 4px !important;
bottom: 1px !important;
background: #FBBC05 !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.35) !important;
}
.ves-command-center-card > .ves-platform-tabs + form,
.ves-command-center-card > .ves-ads-platform-tabs + form {
margin-top: 4px !important;
}
@media (max-width: 900px) {
.ves-page-body .ves-platform-tabs,
.ves-platform-tabs {
grid-template-columns: repeat(5, minmax(92px, 1fr)) !important;
gap: 8px !important;
}
.ves-platform-tabs .ves-tab { height: 62px !important; padding: 0 8px !important; gap: 7px !important; }
.ves-platform-name { font-size: 11.5px !important; }
}
@media (max-width: 760px) {
.ves-page-body .ves-platform-tabs,
.ves-platform-tabs {
display: flex !important;
gap: 8px !important;
overflow-x: auto !important;
scroll-snap-type: x proximity !important;
padding: 8px !important;
}
.ves-platform-tabs .ves-tab {
flex: 0 0 118px !important;
width: 118px !important;
scroll-snap-align: start !important;
}
.ves-ads-platform-tabs .ves-tab { flex-basis: 146px !important; width: 146px !important; }
}
/* v0.9.16.22 Phase 0 polish: consistent platform logos and persistent-run status chips */
.ves-sidebar .ves-logo,
.ves-topbar .ves-logo {
width: 38px !important;
height: 38px !important;
border-radius: 13px !important;
display: inline-grid !important;
place-items: center !important;
color: #fff !important;
font-weight: 900 !important;
letter-spacing: -.08em !important;
background: linear-gradient(135deg,#4f46e5 0%,#7c3aed 48%,#06b6d4 100%) !important;
box-shadow: 0 12px 28px rgba(79,70,229,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.ves-platform-tabs .ves-tab {
min-height: 70px !important;
}
.ves-platform-tabs .ves-tab .ves-platform-logo {
width: 42px !important;
height: 42px !important;
border-radius: 15px !important;
background: rgba(255,255,255,.92) !important;
border: 1px solid rgba(122,144,164,.18) !important;
box-shadow: 0 8px 18px rgba(24,38,56,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
overflow: hidden !important;
}
.ves-platform-tabs .ves-tab.active .ves-platform-logo,
.ves-platform-tabs .ves-tab.is-active .ves-platform-logo {
transform: translateY(-1px) !important;
box-shadow: 0 12px 24px rgba(24,38,56,.13), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
.ves-platform-tabs .ves-platform-logo svg {
width: 25px !important;
height: 25px !important;
max-width: 25px !important;
max-height: 25px !important;
}
.ves-platform-tabs .ves-logo-tiktok .tt-cyan { transform: translate(-1px,-.8px) !important; }
.ves-platform-tabs .ves-logo-tiktok .tt-red { transform: translate(1px,.8px) !important; }
.ves-platform-tabs .ves-logo-youtube svg { width: 28px !important; height: 20px !important; }
.ves-platform-tabs .ves-logo-facebook svg { width: 28px !important; height: 28px !important; }
.ves-platform-tabs .ves-logo-x svg { width: 24px !important; height: 24px !important; }
.ves-platform-tabs .ves-logo-meta svg { width: 34px !important; height: 22px !important; }
.ves-platform-tabs .ves-logo-instagram {
width: 42px !important;
height: 42px !important;
border-radius: 15px !important;
background: radial-gradient(circle at 25% 110%, #FEDA75 0 22%, #FA7E1E 38%, #D62976 58%, #962FBF 76%, #4F5BD5 100%) !important;
border: 0 !important;
box-shadow: 0 12px 24px rgba(214,41,118,.18), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.ves-platform-tabs .ves-logo-instagram .ig-frame,
.ves-platform-tabs .ves-logo-instagram::before {
left: 11px !important;
top: 11px !important;
width: 16px !important;
height: 16px !important;
border-width: 3px !important;
border-radius: 7px !important;
}
.ves-platform-tabs .ves-logo-instagram::after {
top: 10px !important;
right: 10px !important;
width: 5px !important;
height: 5px !important;
}
.ves-platform-tabs .ves-logo-google-ads { width: 42px !important; height: 42px !important; }
.ves-platform-tabs .ves-logo-google-ads .ga-blue { width: 10px !important; height: 27px !important; left: 14px !important; top: 7px !important; }
.ves-platform-tabs .ves-logo-google-ads .ga-green { width: 10px !important; height: 27px !important; right: 12px !important; top: 7px !important; }
.ves-platform-tabs .ves-logo-google-ads .ga-yellow { width: 12px !important; height: 12px !important; left: 10px !important; bottom: 8px !important; }
.ves-run-phase-line {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
margin-top: 7px !important;
color: #516173 !important;
font-size: 12px !important;
}
.ves-run-phase-line span { font-weight: 800 !important; color: #4f46e5 !important; }
.ves-run-phase-line strong { font-weight: 800 !important; color: #172033 !important; }
.ves-run-phase-line em { font-style: normal !important; color: #7a8796 !important; }
.ves-run-progress {
height: 7px !important;
border-radius: 999px !important;
background: rgba(79,70,229,.10) !important;
overflow: hidden !important;
margin-top: 10px !important;
}
.ves-run-progress span {
display: block !important;
height: 100% !important;
border-radius: inherit !important;
background: linear-gradient(90deg,#4f46e5,#06b6d4) !important;
}
.ves-source-chip-row {
display: flex !important;
gap: 7px !important;
flex-wrap: wrap !important;
margin-top: 10px !important;
}
.ves-source-chip {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 7px 9px !important;
border-radius: 999px !important;
background: #f7f9fc !important;
border: 1px solid rgba(122,144,164,.22) !important;
font-size: 11px !important;
color: #344256 !important;
}
.ves-source-chip strong { font-weight: 800 !important; }
.ves-source-chip em { font-style: normal !important; color: #68778a !important; }
.ves-source-chip-completed { background: #ecfdf5 !important; border-color: rgba(16,185,129,.22) !important; }
.ves-source-chip-collecting,
.ves-source-chip-dispatching { background: #eef2ff !important; border-color: rgba(79,70,229,.22) !important; }
.ves-source-chip-partial,
.ves-source-chip-timed_out { background: #fff7ed !important; border-color: rgba(249,115,22,.24) !important; }
.ves-source-chip-failed,
.ves-source-chip-config_error,
.ves-source-chip-dispatch_error { background: #fef2f2 !important; border-color: rgba(239,68,68,.22) !important; }
/* v0.9.16.26 - SaaS result tabs, evidence summaries, URL warnings, responsive hardening */
.ves-input-warning {
border-color: #d97706 !important;
box-shadow: 0 0 0 3px rgba(217,119,6,.12) !important;
}
.ves-input-error {
border-color: #dc2626 !important;
box-shadow: 0 0 0 3px rgba(220,38,38,.12) !important;
}
.ves-brand-result-header {
display: flex !important;
justify-content: space-between !important;
align-items: flex-start !important;
gap: 16px !important;
padding: 18px !important;
border: 1px solid rgba(122,144,164,.18) !important;
border-radius: 22px !important;
background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
margin-bottom: 14px !important;
}
.ves-brand-result-header h3 {
margin: 6px 0 4px !important;
font-size: clamp(20px,2.4vw,30px) !important;
line-height: 1.12 !important;
color: #111827 !important;
}
.ves-brand-result-header p {
margin: 0 !important;
color: #667085 !important;
font-size: 13px !important;
}
.ves-brand-result-tabs {
display: flex !important;
gap: 8px !important;
overflow-x: auto !important;
scrollbar-width: thin !important;
padding: 4px 2px 12px !important;
margin: 0 0 10px !important;
-webkit-overflow-scrolling: touch !important;
}
.ves-brand-result-tab {
flex: 0 0 auto !important;
appearance: none !important;
border: 1px solid rgba(122,144,164,.22) !important;
background: #fff !important;
color: #344256 !important;
border-radius: 999px !important;
padding: 10px 14px !important;
min-height: 42px !important;
font-weight: 800 !important;
font-size: 13px !important;
cursor: pointer !important;
}
.ves-brand-result-tab.is-active {
color: #ffffff !important;
background: #111827 !important;
border-color: #111827 !important;
box-shadow: 0 12px 24px rgba(17,24,39,.16) !important;
}
.ves-brand-result-panel { display: none !important; }
.ves-brand-result-panel.is-active {
display: block !important;
animation: vesFadeIn .18s ease-out !important;
}
.ves-brand-kpi-row,
.ves-brand-evidence-summary {
display: grid !important;
grid-template-columns: repeat(auto-fit,minmax(118px,1fr)) !important;
gap: 10px !important;
}
.ves-brand-kpi-row span,
.ves-brand-evidence-summary span {
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
min-width: 0 !important;
padding: 12px !important;
border: 1px solid rgba(122,144,164,.16) !important;
border-radius: 16px !important;
background: #f8fafc !important;
}
.ves-brand-kpi-row strong,
.ves-brand-evidence-summary strong {
font-size: 18px !important;
line-height: 1 !important;
color: #111827 !important;
}
.ves-brand-kpi-row em,
.ves-brand-evidence-summary em {
font-style: normal !important;
font-size: 12px !important;
color: #667085 !important;
overflow-wrap: anywhere !important;
}
.ves-brand-question-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit,minmax(190px,1fr)) !important;
gap: 10px !important;
margin-top: 12px !important;
}
.ves-clean-list {
margin: 0 !important;
padding-left: 18px !important;
color: #344256 !important;
}
.ves-clean-list li { margin: 6px 0 !important; }
.ves-source-input-details pre {
max-width: 100% !important;
overflow: auto !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
@keyframes vesFadeIn {
from { opacity: 0; transform: translateY(4px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1024px) {
.ves-brand-audit-grid,
.ves-brand-audit-grid-results {
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
.ves-brand-result-header { border-radius: 18px !important; }
}
@media (max-width: 768px) {
.ves-wrap { max-width: 100% !important; }
.ves-brand-audit-grid,
.ves-brand-audit-grid-results,
.ves-brand-source-grid,
.ves-brand-competitor-grid {
grid-template-columns: 1fr !important;
}
.ves-brand-result-header {
flex-direction: column !important;
align-items: stretch !important;
}
.ves-brand-result-header .ves-mini-btn { width: 100% !important; justify-content: center !important; }
.ves-brand-result-tabs {
margin-left: -4px !important;
margin-right: -4px !important;
padding-left: 4px !important;
padding-right: 4px !important;
}
.ves-brand-result-tab {
min-height: 44px !important;
padding: 11px 13px !important;
}
.ves-brand-evidence-list {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 480px) {
.ves-brand-result-header,
.ves-item-panel,
.ves-brand-audit-card {
border-radius: 16px !important;
padding: 14px !important;
}
.ves-brand-kpi-row,
.ves-brand-evidence-summary,
.ves-brand-question-grid {
grid-template-columns: 1fr !important;
}
.ves-brand-result-tab {
font-size: 12px !important;
padding: 10px 12px !important;
}
.ves-source-chip-row { flex-wrap: nowrap !important; overflow-x: auto !important; padding-bottom: 4px !important; }
.ves-source-chip { flex: 0 0 auto !important; }
}
.ves-form-section-title {
background: var(--raised, #f8fafc) !important;
border: 1px solid var(--bdr, rgba(122,144,164,.18)) !important;
border-radius: 18px !important;
padding: 14px 16px !important;
margin-top: 6px !important;
}
.ves-form-section-title strong {
display: block !important;
color: var(--t1, #111827) !important;
font-size: 14px !important;
letter-spacing: -.01em !important;
}
.ves-form-section-title span {
display: block !important;
margin-top: 4px !important;
color: var(--t3, #667085) !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
/* v0.9.16.26 Evidence, Assistant and Auth UX */
.ves-evidence-db-panel {
display: grid !important;
gap: 14px !important;
}
.ves-evidence-filters {
display: grid !important;
grid-template-columns: minmax(220px, 1.5fr) repeat(4, minmax(130px, 1fr)) auto !important;
gap: 10px !important;
align-items: end !important;
margin-top: 12px !important;
}
.ves-evidence-card-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
.ves-evidence-card {
background: #fff !important;
border: 1px solid rgba(122,144,164,.2) !important;
border-radius: 18px !important;
padding: 16px !important;
box-shadow: 0 10px 30px rgba(15,23,42,.05) !important;
min-width: 0 !important;
}
.ves-evidence-card h4 {
margin: 10px 0 8px !important;
font-size: 15px !important;
color: #111827 !important;
line-height: 1.25 !important;
}
.ves-evidence-card p {
margin: 0 0 10px !important;
color: #475467 !important;
line-height: 1.5 !important;
}
.ves-evidence-card-head,
.ves-evidence-meta,
.ves-evidence-pagination {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
align-items: center !important;
}
.ves-evidence-card-head span:not(.ves-pill),
.ves-evidence-meta span {
border: 1px solid rgba(122,144,164,.18) !important;
background: #f8fafc !important;
border-radius: 999px !important;
padding: 5px 8px !important;
font-size: 11px !important;
color: #667085 !important;
}
.ves-evidence-debug {
margin: 12px 0 !important;
}
.ves-evidence-debug pre,
.ves-evidence-raw-host pre {
max-height: 360px !important;
overflow: auto !important;
white-space: pre-wrap !important;
word-break: break-word !important;
}
.ves-evidence-pagination {
justify-content: center !important;
margin-top: 14px !important;
}
.ves-warning-list {
background: #fffbeb !important;
border: 1px solid rgba(217,119,6,.22) !important;
border-radius: 14px !important;
padding: 10px 12px 10px 28px !important;
}
.ves-assistant-cta-panel,
.ves-assistant-answer {
background: linear-gradient(180deg,#ffffff,#f8fafc) !important;
border: 1px solid rgba(122,144,164,.2) !important;
}
.ves-assistant-followup-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 10px !important;
align-items: stretch !important;
margin-top: 12px !important;
}
.ves-assistant-followup-row textarea {
min-height: 84px !important;
resize: vertical !important;
}
.ves-assistant-response-host {
margin-top: 12px !important;
}
.ves-assistant-answer h4 {
margin: 12px 0 4px !important;
font-size: 13px !important;
color: #111827 !important;
}
.ves-assistant-answer p,
.ves-assistant-answer li {
color: #344054 !important;
line-height: 1.55 !important;
}
.ves-run-actions {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 12px !important;
}
.ves-run-actions .ves-btn {
min-height: 40px !important;
}
.ves-auth-shell-modern {
max-width: 1040px !important;
margin: 48px auto !important;
padding: 0 18px !important;
}
.ves-auth-layout {
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
gap: 22px !important;
align-items: stretch !important;
}
.ves-auth-benefits {
border-radius: 28px !important;
padding: 34px !important;
color: #fff !important;
background: radial-gradient(circle at top left, rgba(255,255,255,.22), transparent 32%), linear-gradient(135deg,#111827,#334155) !important;
box-shadow: 0 24px 70px rgba(15,23,42,.22) !important;
}
.ves-auth-benefits h1 {
margin: 10px 0 12px !important;
font-size: clamp(30px, 4vw, 48px) !important;
letter-spacing: -.04em !important;
line-height: 1.02 !important;
color: #fff !important;
}
.ves-auth-benefits p,
.ves-auth-benefits li {
color: rgba(255,255,255,.82) !important;
line-height: 1.6 !important;
}
.ves-auth-benefits ul {
margin: 18px 0 0 !important;
padding-left: 18px !important;
}
.ves-auth-kicker {
display: inline-flex !important;
border: 1px solid rgba(255,255,255,.28) !important;
border-radius: 999px !important;
padding: 6px 10px !important;
font-size: 12px !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: rgba(255,255,255,.88) !important;
}
.ves-auth-card-modern {
max-width: none !important;
border-radius: 28px !important;
padding: 30px !important;
}
.ves-password-wrap {
position: relative !important;
display: flex !important;
align-items: stretch !important;
}
.ves-password-wrap .ves-input {
padding-right: 86px !important;
width: 100% !important;
}
.ves-password-toggle {
position: absolute !important;
right: 8px !important;
top: 50% !important;
transform: translateY(-50%) !important;
border: 0 !important;
background: transparent !important;
color: #475467 !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
min-height: 32px !important;
}
.ves-auth-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
font-size: 13px !important;
}
.ves-checkline {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: #475467 !important;
}
.ves-auth-terms {
margin: 2px 0 4px !important;
color: #667085 !important;
font-size: 12px !important;
line-height: 1.5 !important;
}
.ves-auth-submit[disabled] {
opacity: .72 !important;
cursor: wait !important;
}
@media (max-width: 1024px) {
.ves-evidence-filters {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ves-auth-layout {
grid-template-columns: 1fr !important;
}
.ves-auth-benefits {
padding: 26px !important;
}
}
@media (max-width: 768px) {
.ves-evidence-card-grid {
grid-template-columns: 1fr !important;
}
.ves-evidence-filters,
.ves-assistant-followup-row {
grid-template-columns: 1fr !important;
}
.ves-assistant-followup-row .ves-btn,
.ves-evidence-filters .ves-mini-btn,
.ves-run-actions .ves-btn {
width: 100% !important;
justify-content: center !important;
}
.ves-auth-shell-modern {
margin: 24px auto !important;
}
.ves-auth-card-modern,
.ves-auth-benefits {
border-radius: 20px !important;
padding: 20px !important;
}
}
@media (max-width: 480px) {
.ves-evidence-card,
.ves-auth-card-modern,
.ves-auth-benefits {
padding: 16px !important;
}
.ves-auth-benefits h1 {
font-size: 30px !important;
}
.ves-auth-row {
align-items: flex-start !important;
flex-direction: column !important;
}
}
.ves-opportunity-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 12px !important;
}
.ves-opportunity-actions .ves-mini-btn {
min-height: 34px !important;
}
@media (max-width: 480px) {
.ves-opportunity-actions .ves-mini-btn { width: 100% !important; justify-content: center !important; }
}
.ves-brand-opportunity-grid.compact {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.ves-brand-opportunity-card.compact {
min-height: 0 !important;
}
.ves-brand-opportunity-card.compact .ves-assistant-cta-panel:empty {
display: none !important;
}
@media (max-width: 1024px) {
.ves-brand-opportunity-grid.compact {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 640px) {
.ves-brand-opportunity-grid.compact {
grid-template-columns: 1fr !important;
}
}
/* v0.9.18.0 intelligence actions hardening */
.ves-intelligence-layer-panel {
border-color: rgba(21, 112, 239, .18) !important;
background: linear-gradient(180deg, rgba(248, 251, 255, .9), #fff) !important;
}
.ves-brand-pattern-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-top: 14px !important;
}
.ves-brand-pattern-card {
border: 1px solid #e4e7ec !important;
border-radius: 14px !important;
padding: 14px !important;
background: #fff !important;
}
.ves-brand-pattern-card > div:first-child {
display: flex !important;
justify-content: space-between !important;
gap: 12px !important;
align-items: flex-start !important;
}
.ves-brand-pattern-card p {
margin: 8px 0 0 !important;
color: #475467 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.ves-evidence-ref-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-top: 10px !important;
}
.ves-evidence-ref-row code,
.ves-evidence-card-head code {
border: 1px solid #d0d5dd !important;
background: #f9fafb !important;
border-radius: 999px !important;
padding: 3px 7px !important;
color: #344054 !important;
font-size: 11px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
.ves-evidence-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 12px !important;
}
.ves-evidence-card .ves-assistant-cta-panel {
margin-top: 10px !important;
}
@media (max-width: 768px) {
.ves-brand-pattern-grid {
grid-template-columns: 1fr !important;
}
.ves-evidence-actions .ves-mini-btn {
width: 100% !important;
justify-content: center !important;
}
}
/* v0.9.18.0 Opportunity Board / evidence-ref validation hardening */
.ves-brand-opportunity-card.is-unsupported {
border-color: #fecdca !important;
background: #fffbfa !important;
}
.ves-evidence-validation {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
border-radius: 999px !important;
border: 1px solid #d0d5dd !important;
background: #f9fafb !important;
padding: 4px 8px !important;
color: #475467 !important;
font-size: 11px !important;
font-weight: 700 !important;
margin: 6px 0 !important;
text-transform: capitalize !important;
}
.ves-evidence-validation.supported {
border-color: #abefc6 !important;
background: #ecfdf3 !important;
color: #067647 !important;
}
.ves-evidence-validation.weak {
border-color: #fedf89 !important;
background: #fffaeb !important;
color: #b54708 !important;
}
.ves-evidence-validation.unsupported {
border-color: #fecdca !important;
background: #fef3f2 !important;
color: #b42318 !important;
}
.ves-opportunity-score-row {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 8px 0 !important;
color: #475467 !important;
font-size: 12px !important;
}
.ves-opportunity-score-row span {
border: 1px solid #eaecf0 !important;
border-radius: 999px !important;
padding: 3px 8px !important;
background: #fff !important;
}
.ves-mini-btn.danger {
border-color: #fecdca !important;
color: #b42318 !important;
background: #fff !important;
}
.ves-hint.warning {
color: #b54708 !important;
background: #fffaeb !important;
border: 1px solid #fedf89 !important;
border-radius: 10px !important;
padding: 8px 10px !important;
}
@media (max-width: 640px) {
.ves-opportunity-score-row span { width: 100% !important; }
}
/* v0.9.18.0 assistant continuity and evidence refs */
.ves-copy-evidence-ref {
padding: 3px 8px !important;
min-height: 26px !important;
font-size: 11px !important;
}
.ves-mini-btn.ghost {
background: #f8fafc !important;
border-color: #dbe3ee !important;
color: #475569 !important;
}
.ves-assistant-recent {
margin-bottom: 14px;
padding: 10px 12px;
border: 1px solid #e5edf7;
border-radius: 14px;
background: #f8fbff;
}
.ves-assistant-recent h4 {
margin: 0 0 8px;
font-size: 12px;
color: #64748b;
text-transform: uppercase;
letter-spacing: .05em;
}
.ves-assistant-message-row {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 8px;
padding: 7px 0;
border-top: 1px solid #edf2f7;
font-size: 13px;
}
.ves-assistant-message-row:first-of-type { border-top: 0; }
.ves-assistant-message-row strong { color: #334155; text-transform: capitalize; }
.ves-assistant-message-row span { color: #475569; }
@media (max-width: 640px) {
.ves-assistant-message-row { grid-template-columns: 1fr; gap: 2px; }
}
/* v0.9.19.0 Brief generation, workflow activity, and backfill-ready UI */
.ves-brief-records-panel,
.ves-workflow-events-panel {
display: grid !important;
gap: 12px !important;
}
.ves-brief-card,
.ves-workflow-event {
border: 1px solid #eaecf0 !important;
border-radius: 16px !important;
background: #fff !important;
padding: 14px !important;
box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}
.ves-brief-card h4,
.ves-workflow-event h4 {
margin: 0 0 6px !important;
font-size: 15px !important;
color: #101828 !important;
}
.ves-brief-meta,
.ves-workflow-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
color: #667085 !important;
font-size: 12px !important;
margin: 6px 0 10px !important;
}
.ves-brief-section {
margin-top: 10px !important;
color: #344054 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.ves-brief-section strong {
color: #101828 !important;
}
.ves-brief-list {
margin: 6px 0 0 18px !important;
padding: 0 !important;
}
.ves-brief-list li {
margin: 3px 0 !important;
}
.ves-brief-actions,
.ves-workflow-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 12px !important;
}
.ves-workflow-event {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto !important;
gap: 8px !important;
}
.ves-workflow-event .ves-workflow-time {
color: #98a2b3 !important;
font-size: 12px !important;
white-space: nowrap !important;
}
.ves-brief-status-pill,
.ves-workflow-type-pill {
display: inline-flex !important;
align-items: center !important;
border: 1px solid #d0d5dd !important;
border-radius: 999px !important;
padding: 3px 8px !important;
font-size: 11px !important;
font-weight: 700 !important;
color: #475467 !important;
background: #f9fafb !important;
text-transform: capitalize !important;
}
.ves-brief-status-pill.approved {
border-color: #abefc6 !important;
color: #067647 !important;
background: #ecfdf3 !important;
}
.ves-brief-status-pill.reviewed {
border-color: #b2ddff !important;
color: #175cd3 !important;
background: #eff8ff !important;
}
.ves-brief-status-pill.archived {
border-color: #e4e7ec !important;
color: #667085 !important;
background: #f2f4f7 !important;
}
.ves-generate-brief-btn:not(:disabled) {
border-color: #84caff !important;
color: #175cd3 !important;
background: #eff8ff !important;
}
.ves-generate-brief-btn:disabled {
opacity: .7 !important;
cursor: not-allowed !important;
}
@media (max-width: 640px) {
.ves-workflow-event {
grid-template-columns: 1fr !important;
}
.ves-brief-actions .ves-mini-btn,
.ves-workflow-actions .ves-mini-btn {
width: 100% !important;
justify-content: center !important;
}
}
/* v0.9.20.0 operations/workflow hardening UI */
.ves-brand-audit-estimate-panel {
border: 1px solid var(--bdr, #e4e7ec) !important;
border-radius: 14px !important;
padding: 14px !important;
background: var(--raised, #fcfcfd) !important;
}
.ves-credit-estimate-host {
margin-top: 10px !important;
}
.ves-credit-estimate-box {
border: 1px solid var(--bdr, #d0d5dd) !important;
border-radius: 12px !important;
background: var(--surface, #fff) !important;
padding: 12px !important;
color: var(--t2, #344054) !important;
font-size: 13px !important;
}
.ves-credit-estimate-box strong {
color: var(--t1, #101828) !important;
}
.ves-credit-estimate-box ul {
margin: 8px 0 0 18px !important;
padding: 0 !important;
}
.ves-credit-estimate-box li {
margin: 3px 0 !important;
}
.ves-brief-card.is-fallback,
.ves-intel-card.is-unsupported {
border-color: #fedf89 !important;
background: #fffcf5 !important;
}
.ves-fallback-label,
.ves-hypothesis-label {
display: inline-flex !important;
align-items: center !important;
border: 1px solid #fedf89 !important;
border-radius: 999px !important;
background: #fffaeb !important;
color: #b54708 !important;
padding: 3px 8px !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.ves-workflow-meta {
color: #667085 !important;
font-size: 12px !important;
margin-top: 4px !important;
}
@media (max-width: 640px) {
.ves-brand-audit-estimate-panel .ves-btn {
width: 100% !important;
}
}
/* v0.9.21.0 reliability / fallback governance */
.ves-low-confidence-banner{border:1px solid #f59e0b;background:#fff7ed;color:#7c2d12;border-radius:14px;padding:14px 16px;margin:14px 0;display:flex;gap:10px;align-items:flex-start;flex-direction:column}
.ves-low-confidence-banner strong{font-size:14px;text-transform:uppercase;letter-spacing:.04em}.ves-low-confidence-banner span{font-size:14px;line-height:1.45}
.ves-memory-item.is-fallback,.ves-trend-priority-card.is-fallback{border-color:#f59e0b;background:#fffaf0}
/* v0.9.22.0 evidence quality and repair UX */
.ves-low-confidence-banner.is-repair{border-color:#ef4444;background:#fef2f2;color:#7f1d1d}
.ves-coverage-summary{border-left:4px solid #f59e0b}
.ves-trend-coverage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:10px}
.ves-trend-coverage-grid span{display:flex;flex-direction:column;border:1px solid var(--ves-border,#d9e1ec);border-radius:12px;padding:10px;background:rgba(255,255,255,.72)}
.ves-trend-coverage-grid strong{font-size:20px;color:var(--ves-text,#172033)}
.ves-trend-coverage-grid small{text-transform:uppercase;letter-spacing:.04em;color:var(--ves-muted,#738197);font-weight:700;font-size:11px}
.ves-memory-status-badge,.ves-relevance-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;background:#eef2ff;color:#3730a3}
.ves-memory-status-badge.is-fallback_diagnostic,.ves-memory-status-badge.is-partial{background:#fff7ed;color:#9a3412}
.ves-memory-status-badge.is-corrupted_legacy,.ves-memory-status-badge.is-needs_repair{background:#fef2f2;color:#991b1b}
.ves-relevance-badge.is-direct_brand_match{background:#dcfce7;color:#166534}.ves-relevance-badge.is-category_relevant{background:#ecfdf5;color:#047857}.ves-relevance-badge.is-adjacent_context{background:#eff6ff;color:#1d4ed8}.ves-relevance-badge.is-weak_match{background:#fff7ed;color:#9a3412}.ves-relevance-badge.is-noise,.ves-relevance-badge.is-wrong_language,.ves-relevance-badge.is-wrong_market{background:#fef2f2;color:#991b1b}
.ves-relevance-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.ves-relevance-row small.ves-why-shown{color:var(--ves-muted,#718096);font-size:10.5px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:0;max-height:0;transition:opacity .15s,max-height .15s;}.ves-item:hover .ves-relevance-row small.ves-why-shown,.ves-item:focus-within .ves-relevance-row small.ves-why-shown{opacity:1;max-height:2em;white-space:normal;}
.ves-memory-status-badge.is-fallback,.ves-memory-status-badge.is-partial{background:#fff7ed;color:#9a3412}
.ves-memory-status-badge.is-repair{background:#fef2f2;color:#991b1b}
.ves-memory-status-badge.is-validated{background:#ecfdf5;color:#065f46}
.ves-memory-entry.is-corrupted-legacy{border-color:var(--bdr-danger,#fecaca);background:var(--card-danger,#fff7f7)}
/* v0.9.23.0 runtime QA, relevance buckets and provider-cost visibility */
body.admin-bar .ves-topbar{top:32px !important;}
body.admin-bar .ves-page-nav{top:calc(var(--ves-topbar-h,56px) + 32px) !important;}
@media screen and (max-width:782px){body.admin-bar .ves-topbar{top:46px !important;}body.admin-bar .ves-page-nav{top:calc(var(--ves-topbar-h,56px) + 46px) !important;}}
.ves-result-section{margin:16px 0;border:1px solid var(--ves-border,#d9e1ec);border-radius:18px;background:var(--ves-card,#fff);padding:14px !important;}
.ves-result-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.ves-result-section-head h3{margin:2px 0 4px;font-size:18px;}
.ves-result-section-head p{margin:0;color:var(--ves-muted,#738197);font-size:13px;line-height:1.35;}
.ves-section-eyebrow{display:block;text-transform:uppercase;letter-spacing:.06em;font-weight:800;font-size:11px;color:#6d28d9;}
.ves-other-section .ves-section-eyebrow{color:#0369a1;}
.ves-discarded-section{border-style:dashed;background:rgba(254,242,242,.45) !important;}
.ves-discarded-section>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;}
.ves-discarded-section>summary::-webkit-details-marker{display:none;}
.ves-discarded-section summary small{display:block;color:#991b1b;margin-top:4px;font-size:12px;}
.ves-item.is-discarded-match{opacity:.74;background:var(--card-danger,#fff7f7) !important;border-color:var(--bdr-danger,#fecaca) !important;}
.ves-excluded-card{position:absolute;top:10px;left:10px;z-index:3;border:1px solid var(--bdr-danger,#fecaca);background:var(--bg-danger,#fef2f2);color:var(--t-danger,#991b1b);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;}
.ves-mini-note{display:inline-flex;align-items:center;color:#991b1b;font-size:12px;font-weight:700;}
.ves-relevance-badge.is-false_friend,.ves-relevance-badge.is-missing_semantic_match,.ves-relevance-badge.is-below_metric_threshold{background:#fef2f2;color:#991b1b;}
.ves-relevance-badge.is-category_relevant,.ves-relevance-badge.is-direct_brand_match{box-shadow:0 0 0 1px rgba(22,101,52,.12) inset;}
.ves-analysis-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0;}
.ves-analysis-card{border:1px solid var(--ves-border,#d9e1ec);border-radius:14px;background:rgba(255,255,255,.74);padding:14px;}
.ves-analysis-card h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--ves-muted,#738197);}
.ves-analysis-card ul{margin:0 0 0 18px;padding:0;}
.ves-analysis-card li{margin:5px 0;line-height:1.35;}
.ves-raw-analysis-details{margin-top:12px;}
.ves-raw-analysis-details summary{cursor:pointer;font-weight:800;color:#475467;}
.ves-chip.is-danger{background:var(--bg-danger,#fef2f2) !important;color:var(--t-danger,#991b1b) !important;border-color:var(--bdr-danger,#fecaca) !important;}
.ves-chip.is-warn{background:#fff7ed !important;color:#9a3412 !important;border-color:#fed7aa !important;}
.ves-query-diagnostics{border:1px dashed var(--ves-border,#d9e1ec);border-radius:14px;margin:10px 0;padding:10px;background:rgba(255,255,255,.58);}
.ves-query-diagnostics summary{cursor:pointer;font-weight:800;color:#475467;}
.ves-query-diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:10px;}
.ves-query-diagnostic-row{border:1px solid var(--ves-border,#d9e1ec);border-radius:12px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:4px;}
.ves-query-diagnostic-row span,.ves-query-diagnostic-row small{color:var(--ves-muted,#738197);font-size:12px;line-height:1.35;}
.ves-run-chip.is-danger{border-color:var(--bdr-danger,#fecaca) !important;background:var(--bg-danger,#fef2f2) !important;color:var(--t-danger,#991b1b) !important;}
.ves-run-chip.is-danger b{color:#991b1b !important;}
/* v0.9.24.20 LinkedIn Intelligence section */
.ves-linkedin-card .ves-textarea-small {
min-height: 86px !important;
}
.ves-advanced-panel {
border: 1px solid var(--line) !important;
border-radius: 14px !important;
padding: 12px 14px !important;
background: rgba(255,255,255,.03) !important;
}
.ves-advanced-panel summary {
cursor: pointer !important;
font-weight: 700 !important;
color: var(--t1) !important;
}
.ves-linkedin-form .ves-checkline {
margin-right: 16px !important;
margin-bottom: 8px !important;
}
/* v0.9.24.21 Reddit scraper support */
.ves-logo-reddit svg circle { fill: #ff4500; }
.ves-logo-reddit svg path { fill: #fff; }
.ves-reddit-options[hidden] { display: none !important; }
.ves-reddit-options { margin-top: 14px; }
.ves-reddit-checks {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 10px 14px;
margin-top: 14px;
}
.ves-reddit-checks .ves-checkline {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
}
@media (max-width: 900px) {
.ves-reddit-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
.ves-reddit-checks { grid-template-columns: 1fr; }
}
/* v0.9.24.22 SEO / SEM / AEO section */
.ves-seo-tool-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ves-logo-semrush, .ves-logo-moz, .ves-logo-ahrefs {
display:inline-grid; place-items:center; width:34px; height:34px; border-radius:11px;
font-weight:900; font-size:15px; letter-spacing:.02em; color:#fff;
}
.ves-logo-semrush { background:linear-gradient(135deg,#ff642d,#ff8f3d); }
.ves-logo-moz { background:linear-gradient(135deg,#165cff,#0f2e72); }
.ves-logo-ahrefs { background:linear-gradient(135deg,#ffb000,#f36d00); }
.ves-semrush-options .ves-select[multiple] { min-height:138px; padding:8px; }
.ves-semrush-options .ves-hint, .ves-moz-options .ves-hint, .ves-ahrefs-options .ves-hint { margin-top:6px; }
.ves-seo-card .ves-advanced-block summary { color:#172033; }
.ves-theme-dark .ves-seo-card .ves-advanced-block summary { color:#f5f7fb; }
.ves-page[data-page="seo"] .ves-date-preset-wrap,
.ves-page[data-page="seo"] .ves-language-wrap { display:none !important; }
/* v0.9.24.27: Semrush multi-actor UX */
.ves-semrush-toolbox .ves-semrush-mode-note {
margin: 10px 0 14px;
padding: 12px 14px;
border: 1px solid rgba(255,255,255,.10);
border-radius: 14px;
background: rgba(255,255,255,.035);
}
.ves-semrush-toolbox .ves-semrush-mode-note code {
font-size: 12px;
color: inherit;
opacity: .92;
}
/* v0.9.24.28: Pinterest social scraper */
.ves-logo-pinterest { background:#e60023; color:#fff; }
.ves-logo-pinterest svg path { fill:#fff; }
.ves-pinterest-options .ves-hint { margin-top:6px; }
/* v0.9.24.32 - source preflight panel: visible, mode-aware guardrails. */
.ves-run-preflight {
display: grid !important;
gap: 10px !important;
margin: 12px 0 14px !important;
padding: 13px 14px !important;
border: 1px solid var(--work-border, rgba(15,23,42,.10)) !important;
border-left: 3px solid var(--work-accent, #7657ff) !important;
border-radius: 16px !important;
background: linear-gradient(180deg, rgba(118,87,255,.055), rgba(255,255,255,.92)) !important;
box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
.ves-run-preflight-head {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
}
.ves-run-preflight-kicker {
display: inline-flex !important;
align-items: center !important;
min-height: 20px !important;
padding: 2px 7px !important;
border-radius: 999px !important;
background: rgba(118,87,255,.10) !important;
color: var(--work-accent, #7657ff) !important;
font-size: 10.5px !important;
font-weight: 800 !important;
letter-spacing: .05em !important;
text-transform: uppercase !important;
}
.ves-run-preflight-title {
color: var(--work-text, #172033) !important;
font-size: 13px !important;
font-weight: 750 !important;
}
.ves-run-preflight-grid {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
}
.ves-run-preflight-chip {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
min-height: 25px !important;
padding: 4px 8px !important;
border: 1px solid var(--work-border, rgba(15,23,42,.10)) !important;
border-radius: 999px !important;
background: rgba(255,255,255,.82) !important;
color: var(--work-text-2, #6b7280) !important;
font-size: 11.5px !important;
line-height: 1.2 !important;
}
.ves-run-preflight-chip b {
color: var(--work-text, #172033) !important;
font-size: 11px !important;
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-weight: 800 !important;
}
.ves-run-preflight-chip.is-warn {
border-color: rgba(180,83,9,.22) !important;
background: rgba(245,158,11,.10) !important;
color: #92400e !important;
}
.ves-run-preflight-chip.is-risk {
border-color: rgba(220,38,38,.18) !important;
background: rgba(220,38,38,.08) !important;
color: #991b1b !important;
}
.ves-run-preflight-note {
color: var(--work-text-2, #6b7280) !important;
font-size: 12.25px !important;
line-height: 1.5 !important;
}
.ves-theme-dark .ves-run-preflight {
background: linear-gradient(180deg, rgba(118,87,255,.14), rgba(15,23,42,.76)) !important;
border-color: rgba(255,255,255,.12) !important;
}
.ves-theme-dark .ves-run-preflight-chip {
background: rgba(15,23,42,.70) !important;
border-color: rgba(255,255,255,.10) !important;
}
@media (max-width: 640px) {
.ves-run-preflight { padding: 11px !important; border-radius: 14px !important; }
.ves-run-preflight-grid { display: grid !important; grid-template-columns: 1fr !important; }
.ves-run-preflight-chip { justify-content: space-between !important; border-radius: 12px !important; }
}
/* v0.9.24.33: admin payload preview inside source preflight */
.ves-run-preflight-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid rgba(15,23,42,.08);
}
.ves-payload-preview-host {
margin-top: 10px;
}
.ves-payload-preview-card {
border: 1px solid rgba(15,23,42,.12);
background: rgba(255,255,255,.82);
border-radius: 14px;
padding: 12px;
box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.ves-payload-preview-card.ves-preview-ok {
border-color: rgba(34,197,94,.28);
}
.ves-payload-preview-card.ves-preview-error {
border-color: rgba(239,68,68,.34);
background: rgba(254,242,242,.72);
}
.ves-payload-preview-head {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
margin-bottom: 8px;
}
.ves-payload-preview-head strong {
font-size: 13px;
}
.ves-payload-preview-head span {
font-size: 11px;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
opacity: .72;
word-break: break-all;
}
.ves-payload-preview-card ul {
margin: 8px 0 10px 18px;
padding: 0;
color: #475569;
font-size: 12px;
}
.ves-theme-dark .ves-run-preflight-actions {
border-top-color: rgba(255,255,255,.1);
}
.ves-theme-dark .ves-payload-preview-card {
background: rgba(15,23,42,.78);
border-color: rgba(255,255,255,.12);
}
.ves-theme-dark .ves-payload-preview-card.ves-preview-error {
background: rgba(127,29,29,.24);
}
.ves-theme-dark .ves-payload-preview-card ul {
color: rgba(226,232,240,.8);
}
@media (max-width: 720px) {
.ves-run-preflight-actions { align-items: stretch; }
.ves-run-preflight-actions .ves-mini-btn { width: 100%; }
.ves-payload-preview-head { align-items: flex-start; flex-direction: column; }
}
/* v0.9.24.47 — wider workspace + readable AI analysis cards */
.ves-page-inner {
max-width: var(--ves-content-max, 1560px) !important;
padding-left: clamp(20px, 2.4vw, 40px) !important;
padding-right: clamp(20px, 2.4vw, 40px) !important;
}
.ves-shell-v3.is-sidebar-collapsed .ves-page-inner {
max-width: 1680px !important;
}
.ves-analysis-panel {
background: #FFFFFF !important;
color: #111827 !important;
border-color: #D7DEE8 !important;
}
.ves-analysis-panel .ves-item-panel-title,
.ves-analysis-panel .ves-analysis-rich h3,
.ves-analysis-panel .ves-analysis-rich h4 {
color: #111827 !important;
}
.ves-analysis-panel .ves-meta {
color: #64748B !important;
}
.ves-analysis-card-grid {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
gap: 14px !important;
}
.ves-analysis-card {
background: #FFFFFF !important;
border: 1px solid #D7DEE8 !important;
color: #1F2937 !important;
box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
}
.ves-analysis-card h4 {
color: #475569 !important;
}
.ves-analysis-card ul,
.ves-analysis-card li,
.ves-analysis-rich,
.ves-analysis-rich p,
.ves-analysis-rich li {
color: #1F2937 !important;
opacity: 1 !important;
}
.ves-analysis-card strong,
.ves-analysis-rich strong {
color: #0F172A !important;
}
.ves-raw-analysis-details summary { color: #475569 !important; }
@media (min-width: 1200px) {
.ves-analysis-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1520px) {
.ves-analysis-card-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
/* v0.9.24.53 — resilient social media thumbnails.
Some TikTok CDN images fail as ![]()
in embedded WP builders. Keep the same
URL as a CSS background fallback so cards do not render as empty black blocks. */
.ves-thumb.has-media {
background-image: var(--ves-thumb-url) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
min-height: 180px !important;
}
.ves-thumb.has-media.is-broken::after {
content: "Vista previa no disponible";
position: absolute;
inset: auto 10px 10px 10px;
padding: 6px 8px;
border-radius: 999px;
background: rgba(15, 23, 42, .78);
color: #F8FAFC;
font-size: 10px;
font-weight: 700;
letter-spacing: .05em;
text-transform: uppercase;
text-align: center;
}
/* v0.9.29.0 — compact missing previews so evidence cards do not look like empty video walls. */
.ves-thumb.ves-thumb-placeholder {
min-height: 76px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.ves-thumb.ves-thumb-placeholder span {
display: inline-flex !important;
padding: 5px 9px !important;
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
}
.ves-thumb.has-media.is-broken {
min-height: 76px !important;
}
.ves-thumb.has-media.is-broken::after {
content: "Vista previa no disponible" !important;
}
/* v0.9.24.73 — full suite light embed mode.
Restores the original multi-page Intelligence Suite under [ves_market_signal]
while making it safe inside Elementor/WordPress page containers. */
.ves-wrap.ves-dashboard-shell.ves-light-suite,
.ves-wrap.ves-shell-v3.ves-dashboard-shell.ves-light-suite {
--sidebar: #FFFFFF;
--topbar: #FFFFFF;
--panel: #F6F8FC;
--app: #F6F8FC;
--card: #FFFFFF;
--raised: #FFFFFF;
--overlay: #F1F5F9;
--bdr: #E2E8F0;
--bdr2: #CBD5E1;
--bdr3: #94A3B8;
--t1: #0F172A;
--t2: #475569;
--t3: #64748B;
--em: #2563EB;
--emh: #1D4ED8;
--em10: rgba(37, 99, 235, 0.10);
--em06: rgba(37, 99, 235, 0.06);
--em18: rgba(37, 99, 235, 0.18);
--vi: #7C3AED;
--vi10: rgba(124,58,237,.10);
--ves-sidebar-w: 252px;
width: 100% !important;
max-width: var(--ves-content-max, 1560px) !important;
height: var(--ves-suite-height, 760px) !important;
min-height: 640px !important;
max-height: none !important;
margin: 0 auto !important;
overflow: hidden !important;
border: 1px solid #E2E8F0 !important;
border-radius: 20px !important;
box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15,23,42,.05) !important;
background: #F6F8FC !important;
grid-template-columns: var(--ves-sidebar-w) minmax(0, 1fr) !important;
}
.ves-wrap.ves-dashboard-shell.ves-light-suite::before { content: none !important; }
.ves-light-suite .ves-sidebar,
.ves-light-suite.ves-shell-v3 .ves-sidebar {
position: relative !important;
top: auto !important;
height: auto !important;
min-height: 0 !important;
background: #FFFFFF !important;
border-right: 1px solid #E2E8F0 !important;
box-shadow: none !important;
}
.ves-light-suite .ves-sidebar-head {
background: #FFFFFF !important;
border-bottom: 1px solid #E2E8F0 !important;
height: 58px !important;
}
.ves-light-suite .ves-sidebar .ves-logo,
.ves-light-suite .ves-topbar .ves-logo {
background: linear-gradient(135deg, #2563EB, #7C3AED) !important;
color: #FFFFFF !important;
box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18) !important;
}
.ves-light-suite .ves-workspace-switcher:hover,
.ves-light-suite .ves-sidebar-collapse:hover,
.ves-light-suite .ves-nav-item:hover,
.ves-light-suite .ves-cmdk-btn:hover,
.ves-light-suite .ves-user-dropdown-item:hover {
background: #F1F5F9 !important;
}
.ves-light-suite .ves-workspace-text strong,
.ves-light-suite .ves-user-dropdown-name,
.ves-light-suite .ves-sidebar-card strong {
color: #0F172A !important;
}
.ves-light-suite .ves-workspace-meta,
.ves-light-suite .ves-sidebar-section-label,
.ves-light-suite .ves-workspace-chevron,
.ves-light-suite .ves-sidebar-collapse,
.ves-light-suite .ves-nav-ico,
.ves-light-suite .ves-nav-kbd,
.ves-light-suite .ves-cmdk-btn {
color: #64748B !important;
}
.ves-light-suite .ves-nav-item {
color: #475569 !important;
border-left: 3px solid transparent !important;
border-radius: 12px !important;
min-height: 38px !important;
}
.ves-light-suite .ves-nav-item.is-active {
color: #0F172A !important;
background: #EFF6FF !important;
border-left-color: #2563EB !important;
box-shadow: inset 0 0 0 1px rgba(37,99,235,.08) !important;
}
.ves-light-suite .ves-nav-item.is-active .ves-nav-ico,
.ves-light-suite .ves-page-nav-btn.is-active,
.ves-light-suite .ves-eyebrow {
color: #2563EB !important;
}
.ves-light-suite .ves-nav-item.is-active .ves-nav-kbd {
color: #2563EB !important;
background: rgba(37,99,235,.08) !important;
border-color: rgba(37,99,235,.16) !important;
}
.ves-light-suite .ves-main-col {
background: #F6F8FC !important;
min-height: 0 !important;
overflow: hidden !important;
}
.ves-light-suite .ves-topbar {
position: relative !important;
top: auto !important;
height: 58px !important;
background: #FFFFFF !important;
border-bottom: 1px solid #E2E8F0 !important;
color: #0F172A !important;
padding: 0 18px !important;
z-index: 5 !important;
}
.ves-light-suite .ves-breadcrumbs { color: #64748B !important; }
.ves-light-suite .ves-breadcrumb-current { color: #0F172A !important; }
.ves-light-suite .ves-page-nav {
position: relative !important;
top: auto !important;
background: #FFFFFF !important;
border-bottom: 1px solid #E2E8F0 !important;
padding: 0 18px !important;
}
.ves-light-suite .ves-page-nav-btn {
color: #64748B !important;
height: 38px !important;
}
.ves-light-suite .ves-page-nav-btn:hover { color: #0F172A !important; }
.ves-light-suite .ves-page-nav-btn.is-active {
border-bottom-color: #2563EB !important;
color: #0F172A !important;
}
.ves-light-suite .ves-page-body {
background: #F6F8FC !important;
overflow-y: auto !important;
overflow-x: hidden !important;
min-height: 0 !important;
}
.ves-light-suite .ves-page-inner {
max-width: 1120px !important;
padding: 24px 24px 34px !important;
gap: 18px !important;
}
.ves-light-suite .ves-page-head {
border-bottom: 1px solid #E2E8F0 !important;
padding-bottom: 14px !important;
align-items: flex-end !important;
}
.ves-light-suite .ves-page-title {
color: #0F172A !important;
font-size: clamp(23px, 2.2vw, 30px) !important;
font-weight: 820 !important;
letter-spacing: -0.04em !important;
}
.ves-light-suite .ves-page-sub {
color: #64748B !important;
max-width: 760px !important;
}
.ves-light-suite .ves-card,
.ves-light-suite .ves-command-center-card,
.ves-light-suite .ves-trend-dashboard-card,
.ves-light-suite .ves-knowledge-card,
.ves-light-suite .ves-project-context-card,
.ves-light-suite .ves-account-card,
.ves-light-suite .ves-hero-card,
.ves-light-suite .ves-auth-card,
.ves-light-suite .ves-item-panel {
background: #FFFFFF !important;
color: #0F172A !important;
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
box-shadow: 0 8px 24px rgba(15,23,42,.05) !important;
}
.ves-light-suite .ves-card:hover,
.ves-light-suite .ves-command-center-card:hover,
.ves-light-suite .ves-knowledge-card:hover,
.ves-light-suite .ves-project-context-card:hover {
border-color: #CBD5E1 !important;
box-shadow: 0 14px 34px rgba(15,23,42,.075) !important;
}
.ves-light-suite .ves-input,
.ves-light-suite .ves-select,
.ves-light-suite .ves-textarea,
.ves-light-suite .ves-page-body .ves-input,
.ves-light-suite .ves-page-body .ves-select,
.ves-light-suite .ves-page-body .ves-textarea {
background: #FFFFFF !important;
color: #0F172A !important;
border: 1px solid #CBD5E1 !important;
border-radius: 11px !important;
min-height: 42px !important;
box-shadow: 0 1px 1px rgba(15,23,42,.025) !important;
}
.ves-light-suite .ves-input:focus,
.ves-light-suite .ves-select:focus,
.ves-light-suite .ves-textarea:focus {
border-color: #2563EB !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.13) !important;
}
.ves-light-suite .ves-label,
.ves-light-suite .ves-page-body .ves-label { color: #475569 !important; }
.ves-light-suite .ves-hint,
.ves-light-suite .ves-meta,
.ves-light-suite .ves-text,
.ves-light-suite .ves-stats { color: #64748B !important; }
.ves-light-suite .ves-btn-primary,
.ves-light-suite .ves-page-body .ves-btn-primary {
background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
border-color: #1D4ED8 !important;
color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(37,99,235,.20) !important;
}
.ves-light-suite .ves-btn-primary:hover:not(:disabled) {
background: linear-gradient(135deg, #1D4ED8, #1E40AF) !important;
transform: translateY(-1px) !important;
}
.ves-light-suite .ves-btn-secondary,
.ves-light-suite .ves-btn-ghost,
.ves-light-suite .ves-mini-btn,
.ves-light-suite .ves-credit-pill,
.ves-light-suite .ves-run-state,
.ves-light-suite .ves-user-avatar {
background: #FFFFFF !important;
color: #334155 !important;
border: 1px solid #CBD5E1 !important;
box-shadow: 0 1px 1px rgba(15,23,42,.025) !important;
}
.ves-light-suite .ves-btn-secondary:hover:not(:disabled),
.ves-light-suite .ves-btn-ghost:hover:not(:disabled),
.ves-light-suite .ves-mini-btn:hover {
background: #F1F5F9 !important;
color: #0F172A !important;
border-color: #94A3B8 !important;
}
.ves-light-suite .ves-tab,
.ves-light-suite .ves-chip,
.ves-light-suite .ves-filter-chip,
.ves-light-suite .ves-run-chip,
.ves-light-suite .ves-status-badge,
.ves-light-suite .ves-mode-explainer,
.ves-light-suite .ves-run-diagnostics,
.ves-light-suite .ves-google-source-plan span,
.ves-light-suite .ves-trend-source-plan span,
.ves-light-suite .ves-empty {
background: #F8FAFC !important;
color: #475569 !important;
border-color: #E2E8F0 !important;
}
.ves-light-suite .ves-tab.active {
background: #FFFFFF !important;
color: #0F172A !important;
border-color: #CBD5E1 !important;
}
.ves-light-suite .ves-tabs {
background: #F1F5F9 !important;
border-color: #E2E8F0 !important;
}
.ves-light-suite .ves-result-card,
.ves-light-suite .ves-results .ves-card,
.ves-light-suite .ves-results .ves-empty,
.ves-light-suite .ves-results .ves-item {
background: #FFFFFF !important;
color: #0F172A !important;
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
box-shadow: 0 8px 24px rgba(15,23,42,.05) !important;
}
.ves-light-suite .ves-result-card .ves-toolbar,
.ves-light-suite .ves-result-card .ves-result-section-head,
.ves-light-suite .ves-results .ves-result-section-head,
.ves-light-suite .ves-result-card .ves-item,
.ves-light-suite .ves-result-card .ves-pre,
.ves-light-suite .ves-result-card .ves-segment,
.ves-light-suite .ves-result-card .ves-thumb,
.ves-light-suite .ves-result-card .ves-ad-placeholder {
background: #F8FAFC !important;
border-color: #E2E8F0 !important;
color: #475569 !important;
}
.ves-light-suite .ves-result-card h3,
.ves-light-suite .ves-result-card .ves-title2,
.ves-light-suite .ves-result-section-head h3,
.ves-light-suite .ves-result-card strong,
.ves-light-suite .ves-title2,
.ves-light-suite .ves-item-panel-title {
color: #0F172A !important;
}
.ves-light-suite .ves-result-card p,
.ves-light-suite .ves-result-card .ves-text,
.ves-light-suite .ves-result-card .ves-meta,
.ves-light-suite .ves-result-section-head p,
.ves-light-suite .ves-result-card .ves-stats {
color: #64748B !important;
}
.ves-light-suite .ves-topbar .ves-btn-secondary,
.ves-light-suite .ves-topbar .ves-credit-pill,
.ves-light-suite .ves-topbar .ves-run-state,
.ves-light-suite .ves-topbar .ves-user-avatar {
background: #F8FAFC !important;
color: #334155 !important;
border-color: #E2E8F0 !important;
}
.ves-light-suite .ves-sidebar-foot,
.ves-light-suite .ves-sidebar-card {
border-top-color: #E2E8F0 !important;
background: #FFFFFF !important;
}
.ves-light-suite .ves-cmdk-panel,
.ves-light-suite .ves-toast,
.ves-light-suite .ves-user-dropdown {
background: #FFFFFF !important;
color: #0F172A !important;
border: 1px solid #E2E8F0 !important;
box-shadow: 0 18px 46px rgba(15,23,42,.16) !important;
}
@media (max-width: 900px) {
.ves-wrap.ves-dashboard-shell.ves-light-suite,
.ves-wrap.ves-shell-v3.ves-dashboard-shell.ves-light-suite {
max-width: 100% !important;
border-radius: 16px !important;
grid-template-columns: 1fr !important;
}
.ves-light-suite .ves-sidebar {
position: fixed !important;
height: 100vh !important;
}
.ves-light-suite .ves-page-inner { padding: 18px 16px 34px !important; }
}
/* v0.9.24.76: premium sidebar + client-ready Brand Audit report polish. Scoped to plugin root only. */
.ves-wrap.ves-light-suite,
.ves-wrap.ves-light-suite.ves-dashboard-shell {
--ves-main-bg: #F6F8FB;
--ves-card-bg: #FFFFFF;
--ves-card-border: #E2E8F0;
--ves-main-text: #0F172A;
--ves-muted-text: #64748B;
--ves-primary: #2563EB;
--ves-sidebar-bg: #17243A;
--ves-sidebar-bg-2: #142033;
--ves-sidebar-active: #243B63;
--ves-sidebar-text: #D8E2F0;
--ves-sidebar-muted: #8EA0B8;
background: var(--ves-main-bg) !important;
color: var(--ves-main-text) !important;
max-width: 100% !important;
min-height: min(100vh, var(--ves-suite-height, 760px)) !important;
height: auto !important;
overflow-x: hidden !important;
}
.ves-wrap.ves-light-suite .ves-sidebar {
background: linear-gradient(180deg, var(--ves-sidebar-bg) 0%, var(--ves-sidebar-bg-2) 100%) !important;
color: var(--ves-sidebar-text) !important;
border-right: 1px solid rgba(255,255,255,0.08) !important;
box-shadow: 10px 0 28px rgba(15, 23, 42, 0.16) !important;
height: auto !important;
min-height: var(--ves-suite-height, 760px) !important;
max-height: 100vh !important;
}
.ves-wrap.ves-light-suite .ves-logo-mark,
.ves-wrap.ves-light-suite .ves-brand-badge {
background: linear-gradient(135deg, #3B82F6 0%, #7C3AED 100%) !important;
color: #FFFFFF !important;
box-shadow: 0 10px 20px rgba(59, 130, 246, 0.26) !important;
}
.ves-wrap.ves-light-suite .ves-sidebar h1,
.ves-wrap.ves-light-suite .ves-sidebar h2,
.ves-wrap.ves-light-suite .ves-sidebar h3,
.ves-wrap.ves-light-suite .ves-sidebar .ves-logo-text,
.ves-wrap.ves-light-suite .ves-sidebar .ves-sidebar-title {
color: #F8FAFC !important;
}
.ves-wrap.ves-light-suite .ves-sidebar p,
.ves-wrap.ves-light-suite .ves-sidebar .ves-muted,
.ves-wrap.ves-light-suite .ves-sidebar .ves-hint,
.ves-wrap.ves-light-suite .ves-sidebar small {
color: var(--ves-sidebar-muted) !important;
}
.ves-wrap.ves-light-suite .ves-nav-item,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page] {
color: var(--ves-sidebar-text) !important;
border: 1px solid transparent !important;
border-radius: 14px !important;
}
.ves-wrap.ves-light-suite .ves-nav-item:hover,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn:hover,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page]:hover {
background: rgba(255,255,255,0.06) !important;
color: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-nav-item.is-active,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn.is-active,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page].is-active {
background: rgba(59, 130, 246, 0.16) !important;
border-color: rgba(59, 130, 246, 0.38) !important;
box-shadow: inset 3px 0 0 #3B82F6 !important;
color: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-sidebar-card,
.ves-wrap.ves-light-suite .ves-sidebar-foot,
.ves-wrap.ves-light-suite .ves-memory-card,
.ves-wrap.ves-light-suite .ves-memory-panel,
.ves-wrap.ves-light-suite [data-ves-memory-host] {
background: rgba(255,255,255,0.045) !important;
border: 1px solid rgba(255,255,255,0.08) !important;
color: var(--ves-sidebar-text) !important;
box-shadow: none !important;
}
.ves-wrap.ves-light-suite .ves-sidebar input,
.ves-wrap.ves-light-suite .ves-sidebar select,
.ves-wrap.ves-light-suite .ves-sidebar textarea,
.ves-wrap.ves-light-suite .ves-memory-search {
background: rgba(15, 23, 42, 0.36) !important;
border-color: rgba(255,255,255,0.12) !important;
color: #F8FAFC !important;
}
.ves-wrap.ves-light-suite .ves-sidebar input::placeholder,
.ves-wrap.ves-light-suite .ves-memory-search::placeholder {
color: rgba(216,226,240,0.62) !important;
}
.ves-wrap.ves-light-suite .ves-main,
.ves-wrap.ves-light-suite .ves-page,
.ves-wrap.ves-light-suite .ves-page-body,
.ves-wrap.ves-light-suite .ves-content,
.ves-wrap.ves-light-suite .ves-panel-main {
background: var(--ves-main-bg) !important;
color: var(--ves-main-text) !important;
min-width: 0 !important;
}
.ves-wrap.ves-light-suite .ves-card,
.ves-wrap.ves-light-suite .ves-item-panel,
.ves-wrap.ves-light-suite .ves-report-card,
.ves-wrap.ves-light-suite .ves-page-card,
.ves-wrap.ves-light-suite .ves-form-card {
background: var(--ves-card-bg) !important;
border-color: var(--ves-card-border) !important;
color: var(--ves-main-text) !important;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}
.ves-wrap.ves-light-suite .ves-hint,
.ves-wrap.ves-light-suite .ves-meta,
.ves-wrap.ves-light-suite .ves-secondary-text {
color: var(--ves-muted-text) !important;
}
.ves-wrap.ves-light-suite .ves-mini-btn,
.ves-wrap.ves-light-suite .ves-btn,
.ves-wrap.ves-light-suite button[type="submit"] {
border-radius: 12px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.ves-wrap.ves-light-suite .ves-mini-btn:not(.secondary),
.ves-wrap.ves-light-suite .ves-btn-primary,
.ves-wrap.ves-light-suite button[type="submit"] {
background: #2563EB !important;
border-color: #2563EB !important;
color: #FFFFFF !important;
box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18) !important;
}
.ves-wrap.ves-light-suite .ves-mini-btn.secondary,
.ves-wrap.ves-light-suite .ves-btn-secondary {
background: #FFFFFF !important;
border: 1px solid #CBD5E1 !important;
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-brand-result-tabs {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
overflow-x: auto !important;
max-width: 100% !important;
padding: 4px 2px 8px !important;
scrollbar-width: none !important;
}
.ves-wrap.ves-light-suite .ves-brand-result-tabs::-webkit-scrollbar { display: none !important; }
.ves-wrap.ves-light-suite .ves-brand-result-tab {
background: #FFFFFF !important;
border: 1px solid #D7E0EA !important;
color: #334155 !important;
border-radius: 999px !important;
padding: 9px 13px !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}
.ves-wrap.ves-light-suite .ves-brand-result-tab.is-active {
background: #EFF6FF !important;
border-color: #93C5FD !important;
color: #1D4ED8 !important;
}
.ves-wrap.ves-light-suite .ves-brand-result-header {
background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%) !important;
border: 1px solid #E2E8F0 !important;
border-radius: 22px !important;
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.07) !important;
}
.ves-wrap.ves-light-suite .ves-executive-verdict-card h3,
.ves-wrap.ves-light-suite .ves-report-card h3 {
margin: 8px 0 10px !important;
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-report-meta-row,
.ves-wrap.ves-light-suite .ves-report-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
align-items: center !important;
margin-top: 12px !important;
}
.ves-wrap.ves-light-suite .ves-status-pill {
display: inline-flex !important;
align-items: center !important;
border-radius: 999px !important;
padding: 7px 10px !important;
font-size: 12px !important;
font-weight: 800 !important;
text-transform: capitalize !important;
}
.ves-wrap.ves-light-suite .ves-status-pill.is-ok { background: #DCFCE7 !important; color: #166534 !important; }
.ves-wrap.ves-light-suite .ves-status-pill.is-warning { background: #FEF3C7 !important; color: #92400E !important; }
.ves-wrap.ves-light-suite .ves-status-pill.is-error { background: #FEE2E2 !important; color: #991B1B !important; }
.ves-wrap.ves-light-suite .ves-report-list {
margin: 10px 0 0 18px !important;
color: #334155 !important;
}
.ves-wrap.ves-light-suite .ves-report-list li { margin: 6px 0 !important; }
.ves-wrap.ves-light-suite .ves-empty-state.compact,
.ves-wrap.ves-light-suite .ves-warning-box.compact {
min-height: 0 !important;
padding: 12px 14px !important;
border-radius: 14px !important;
border: 1px dashed #CBD5E1 !important;
background: #F8FAFC !important;
color: #64748B !important;
}
.ves-wrap.ves-light-suite .ves-report-appendix-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
gap: 12px !important;
}
.ves-wrap.ves-light-suite .ves-source-input-details pre {
background: #0F172A !important;
color: #E2E8F0 !important;
border-radius: 14px !important;
padding: 14px !important;
max-height: 360px !important;
overflow: auto !important;
}
@media (max-width: 900px) {
.ves-wrap.ves-light-suite .ves-sidebar {
min-height: auto !important;
max-height: none !important;
box-shadow: none !important;
}
.ves-wrap.ves-light-suite .ves-brand-result-tabs { flex-wrap: nowrap !important; }
}
/* v0.9.24.76: current project indicator in premium sidebar. */
.ves-wrap.ves-light-suite .ves-current-project-pill {
display: inline-flex !important;
align-items: center !important;
max-width: 100% !important;
margin-top: 4px !important;
padding: 2px 7px !important;
border-radius: 999px !important;
background: rgba(59,130,246,.14) !important;
border: 1px solid rgba(96,165,250,.22) !important;
color: #D8E2F0 !important;
font-size: 10.5px !important;
line-height: 1.35 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* v0.9.24.77: source-specific renderers, AI accordions and embed cleanup. */
.ves-wrap.ves-light-suite {
--ves-suite-height: min(860px, calc(100vh - 24px));
}
body.admin-bar .ves-wrap.ves-light-suite {
--ves-suite-height: min(820px, calc(100vh - 56px));
}
.ves-wrap.ves-light-suite .ves-page-body {
scroll-behavior: auto !important;
}
.ves-wrap.ves-light-suite .ves-module-intro {
display: grid !important;
gap: 4px !important;
margin: 0 0 14px !important;
padding: 13px 15px !important;
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%) !important;
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-module-intro strong { font-size: 14px !important; }
.ves-wrap.ves-light-suite .ves-module-intro span { color: #64748B !important; font-size: 13px !important; line-height: 1.45 !important; }
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-provider-raw-panel,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-payload-preview-btn,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-payload-preview-host,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-source-input-details {
display: none !important;
}
.ves-wrap.ves-light-suite .ves-setup-required-card {
padding: 14px 16px !important;
border: 1px solid #FED7AA !important;
border-radius: 16px !important;
background: #FFF7ED !important;
color: #7C2D12 !important;
}
.ves-wrap.ves-light-suite .ves-setup-required-card strong { color: #9A3412 !important; }
.ves-wrap.ves-light-suite .ves-input-assist-wrap {
position: relative !important;
display: grid !important;
gap: 8px !important;
}
.ves-wrap.ves-light-suite .ves-ai-refine-button {
justify-self: end !important;
min-height: 34px !important;
padding: 7px 11px !important;
border-radius: 999px !important;
border: 1px solid #BFDBFE !important;
background: #EFF6FF !important;
color: #1D4ED8 !important;
font-size: 12px !important;
font-weight: 800 !important;
cursor: pointer !important;
}
.ves-wrap.ves-light-suite .ves-input-suggestions {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-top: 7px !important;
}
.ves-wrap.ves-light-suite .ves-suggestion-chip {
border: 1px solid #DBEAFE !important;
background: #EFF6FF !important;
color: #1D4ED8 !important;
border-radius: 999px !important;
padding: 5px 9px !important;
font-size: 11.5px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
.ves-wrap.ves-light-suite .ves-select-item,
.ves-wrap.ves-light-suite .ves-select-row input[type="checkbox"] {
width: 16px !important;
height: 16px !important;
border-radius: 4px !important;
accent-color: #2563EB !important;
box-shadow: none !important;
}
.ves-wrap.ves-light-suite .ves-select-row {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
border: 1px solid #CBD5E1 !important;
border-radius: 8px !important;
background: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-card-select {
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 3 !important;
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 5px 7px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.92) !important;
color: #0F172A !important;
border: 1px solid rgba(148,163,184,.52) !important;
box-shadow: 0 8px 18px rgba(15,23,42,.10) !important;
font-size: 11px !important;
font-weight: 700 !important;
}
.ves-wrap.ves-light-suite .ves-card-select input { margin: 0 !important; }
.ves-wrap.ves-light-suite .ves-seo-results {
display: grid !important;
gap: 14px !important;
}
.ves-wrap.ves-light-suite .ves-seo-results-head {
display: flex !important;
justify-content: space-between !important;
gap: 16px !important;
align-items: flex-start !important;
padding: 16px 18px !important;
border: 1px solid #E2E8F0 !important;
border-radius: 18px !important;
background: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-seo-results-head h3 { margin: 2px 0 4px !important; color: #0F172A !important; }
.ves-wrap.ves-light-suite .ves-seo-results-head p { margin: 0 !important; color: #64748B !important; }
.ves-wrap.ves-light-suite .ves-seo-results-head > strong {
display: inline-grid !important;
place-items: center !important;
min-width: 42px !important;
height: 42px !important;
border-radius: 14px !important;
background: #2563EB !important;
color: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-seo-table-wrap {
max-width: 100% !important;
overflow: auto !important;
border: 1px solid #E2E8F0 !important;
border-radius: 18px !important;
background: #FFFFFF !important;
}
.ves-wrap.ves-light-suite .ves-seo-table {
width: 100% !important;
min-width: 1120px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
font-size: 13px !important;
}
.ves-wrap.ves-light-suite .ves-seo-table th,
.ves-wrap.ves-light-suite .ves-seo-table td {
padding: 11px 12px !important;
border-bottom: 1px solid #E2E8F0 !important;
vertical-align: top !important;
text-align: left !important;
}
.ves-wrap.ves-light-suite .ves-seo-table th {
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
background: #F8FAFC !important;
color: #475569 !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: .045em !important;
}
.ves-wrap.ves-light-suite .ves-seo-table td strong { display: block !important; color: #0F172A !important; margin-bottom: 5px !important; }
.ves-wrap.ves-light-suite .ves-seo-table td small { display: block !important; color: #64748B !important; line-height: 1.35 !important; }
.ves-wrap.ves-light-suite .ves-seo-table td a { display: inline-flex !important; margin-top: 3px !important; color: #2563EB !important; font-weight: 700 !important; text-decoration: none !important; }
.ves-wrap.ves-light-suite .ves-seo-table .is-number { font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
.ves-wrap.ves-light-suite .ves-intent-pill,
.ves-wrap.ves-light-suite .ves-score-pill,
.ves-wrap.ves-light-suite .ves-priority-pill {
display: inline-flex !important;
align-items: center !important;
border-radius: 999px !important;
padding: 4px 8px !important;
font-size: 11px !important;
font-weight: 800 !important;
border: 1px solid #E2E8F0 !important;
background: #F8FAFC !important;
color: #475569 !important;
}
.ves-wrap.ves-light-suite .ves-score-pill { background: #EEF2FF !important; color: #3730A3 !important; border-color: #C7D2FE !important; }
.ves-wrap.ves-light-suite .ves-priority-pill.is-high { background: #DCFCE7 !important; color: #166534 !important; border-color: #BBF7D0 !important; }
.ves-wrap.ves-light-suite .ves-priority-pill.is-medium { background: #FEF3C7 !important; color: #92400E !important; border-color: #FDE68A !important; }
.ves-wrap.ves-light-suite .ves-priority-pill.is-low { background: #F1F5F9 !important; color: #475569 !important; border-color: #CBD5E1 !important; }
.ves-wrap.ves-light-suite .ves-seo-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
min-width: 190px !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion {
display: grid !important;
gap: 10px !important;
margin-top: 12px !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion-card {
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
background: #FFFFFF !important;
overflow: hidden !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion-card summary {
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 13px 15px !important;
color: #0F172A !important;
font-weight: 850 !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion-card summary b {
flex: 0 0 auto !important;
border-radius: 999px !important;
padding: 3px 8px !important;
background: #EFF6FF !important;
color: #1D4ED8 !important;
font-size: 11px !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion-body {
padding: 0 15px 15px !important;
color: #334155 !important;
line-height: 1.55 !important;
}
.ves-wrap.ves-light-suite .ves-analysis-accordion-body ul { margin: 8px 0 0 18px !important; }
.ves-wrap.ves-light-suite .ves-empty-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 12px !important;
}
.ves-wrap.ves-light-suite .ves-empty-results,
.ves-wrap.ves-light-suite .ves-seo-empty {
min-height: 0 !important;
padding: 18px !important;
align-items: flex-start !important;
}
@media (max-width: 900px) {
.ves-wrap.ves-light-suite .ves-seo-table { min-width: 980px !important; }
.ves-wrap.ves-light-suite .ves-page-inner { max-width: 100% !important; }
}
/* v0.9.24.77 — Elementor/WP admin-bar embed discipline + admin-only diagnostics. */
.ves-wrap.ves-light-suite.ves-dashboard-shell,
.ves-wrap.ves-light-suite.ves-shell-v3.ves-dashboard-shell {
min-height: min(var(--ves-suite-height, 760px), calc(100vh - var(--wp-admin--admin-bar--height, 0px))) !important;
height: min(var(--ves-suite-height, 760px), calc(100vh - var(--wp-admin--admin-bar--height, 0px))) !important;
max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
overflow: hidden !important;
}
.admin-bar .ves-wrap.ves-light-suite.ves-dashboard-shell,
.admin-bar .ves-wrap.ves-light-suite.ves-shell-v3.ves-dashboard-shell {
max-height: calc(100vh - 32px) !important;
}
.ves-wrap.ves-light-suite .ves-sidebar,
.ves-wrap.ves-light-suite.ves-shell-v3 .ves-sidebar {
height: min(var(--ves-suite-height, 760px), calc(100vh - var(--wp-admin--admin-bar--height, 0px))) !important;
max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)) !important;
}
.ves-wrap.ves-light-suite .ves-main-col,
.ves-wrap.ves-light-suite .ves-page-body {
min-width: 0 !important;
min-height: 0 !important;
}
.ves-wrap.ves-light-suite .ves-page-body {
overflow-y: auto !important;
overscroll-behavior: contain !important;
}
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-query-diagnostics,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-diagnostics-details,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-payload-preview-host,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-payload-preview-btn,
.ves-wrap.ves-light-suite[data-admin-ui="0"] .ves-intelligence-layer-panel,
.ves-wrap.ves-light-suite[data-admin-ui="0"] details summary:has(+ pre) {
display: none !important;
}
.ves-wrap.ves-light-suite .ves-thumb.has-media.is-broken {
min-height: 132px !important;
background: linear-gradient(135deg, #F8FAFC 0%, #EEF2F7 100%) !important;
}
.ves-wrap.ves-light-suite .ves-thumb.has-media.is-broken::after {
inset: auto 12px 12px 12px !important;
max-width: 180px !important;
margin: 0 auto !important;
background: rgba(71, 85, 105, .9) !important;
font-size: 10px !important;
letter-spacing: .04em !important;
}
@media (max-width: 782px) {
.admin-bar .ves-wrap.ves-light-suite.ves-dashboard-shell,
.admin-bar .ves-wrap.ves-light-suite.ves-shell-v3.ves-dashboard-shell { max-height: calc(100vh - 46px) !important; }
}
/* v0.9.24.77 Trend Finder cost preflight and user-safe no-results actions */
.ves-wrap.ves-light-suite .ves-secondary-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
min-height: 38px !important;
border-radius: 11px !important;
border: 1px solid #CBD5E1 !important;
background: #FFFFFF !important;
color: #0F172A !important;
font-weight: 750 !important;
padding: 8px 14px !important;
box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;
cursor: pointer !important;
}
.ves-wrap.ves-light-suite .ves-secondary-btn:hover {
border-color: #2563EB !important;
color: #1D4ED8 !important;
box-shadow: 0 8px 18px rgba(37, 99, 235, .12) !important;
}
.ves-wrap.ves-light-suite .ves-info-box {
border: 1px solid #BFDBFE !important;
background: #EFF6FF !important;
color: #1E3A8A !important;
border-radius: 12px !important;
padding: 10px 12px !important;
margin: 10px 0 !important;
font-weight: 650 !important;
}
.ves-wrap.ves-light-suite .ves-trend-estimate-output {
margin-top: 10px !important;
}
/* v0.9.24.77b: clean social-card selection control (fixes black floating blob). */
.ves-wrap.ves-light-suite .ves-select-card {
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
min-height: 30px !important;
padding: 5px 8px !important;
border-radius: 999px !important;
border: 1px solid rgba(148, 163, 184, .55) !important;
background: rgba(255, 255, 255, .94) !important;
color: #0F172A !important;
box-shadow: 0 8px 18px rgba(15,23,42,.12) !important;
backdrop-filter: blur(8px) !important;
font-size: 11px !important;
font-weight: 800 !important;
text-transform: none !important;
}
.ves-wrap.ves-light-suite .ves-select-card input {
width: 15px !important;
height: 15px !important;
margin: 0 !important;
accent-color: #2563EB !important;
}
.ves-wrap.ves-light-suite .ves-select-card span { color: #334155 !important; }
/* v0.9.24.78: product-flow hardening and source-specific UI fixes. */
.ves-wrap.ves-light-suite:not([data-debug-mode="1"]) .ves-payload-preview-btn,
.ves-wrap.ves-light-suite:not([data-debug-mode="1"]) .ves-payload-preview-host,
.ves-wrap.ves-light-suite:not([data-debug-mode="1"]) .ves-query-diagnostics,
.ves-wrap.ves-light-suite:not([data-debug-mode="1"]) .ves-source-input-details {
display: none !important;
}
.ves-wrap.ves-light-suite .ves-batch-analysis-bar button[hidden] {
display: none !important;
}
.ves-wrap.ves-light-suite .ves-input-suggestions {
max-width: 100% !important;
overflow: hidden !important;
}
.ves-wrap.ves-light-suite .ves-suggestion-chip {
max-width: min(100%, 560px) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ves-wrap.ves-light-suite .ves-linkedin-preset-filters {
overflow: visible !important;
}
.ves-wrap.ves-light-suite .ves-linkedin-form .ves-module-intro,
.ves-wrap.ves-light-suite .ves-linkedin-form .ves-field,
.ves-wrap.ves-light-suite .ves-linkedin-form textarea,
.ves-wrap.ves-light-suite .ves-linkedin-form select {
min-width: 0 !important;
}
.ves-wrap.ves-light-suite .ves-seo-empty .ves-empty-actions,
.ves-wrap.ves-light-suite .ves-empty-results .ves-empty-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
justify-content: center !important;
margin-top: 12px !important;
}
/* v0.9.24.78: keep AI input suggestion chips readable and contained. */
.ves-input-suggestions{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;overflow:hidden}
.ves-suggestion-chip{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* v0.9.24.79 — production layout breathing room + source-specific Reddit/Ads UI */
.ves-wrap.ves-light-suite,
.ves-wrap.ves-dashboard-shell {
max-width: none !important;
}
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-main-col,
.ves-page-body {
max-width: 1560px !important;
width: min(1560px, calc(100vw - 320px)) !important;
padding: 32px 40px 72px !important;
gap: 28px !important;
}
.ves-page-head,
.ves-card,
.ves-command-center-card {
border-radius: 22px;
}
.ves-form .ves-row {
gap: 24px !important;
margin-top: 20px !important;
}
.ves-form .ves-field {
min-width: 0;
}
.ves-form textarea.ves-textarea {
min-height: 92px;
line-height: 1.55;
}
.ves-context-row textarea.ves-textarea,
.ves-ads-target-row textarea.ves-textarea {
min-height: 118px;
}
.ves-ads-form .ves-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ves-ads-form .ves-primary-controls-row {
grid-template-columns: minmax(260px, 1fr) minmax(180px, 260px) minmax(220px, 320px);
}
.ves-ads-form .ves-label::after { content: none !important; }
.ves-reddit-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.ves-reddit-card {
background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
border: 1px solid rgba(15, 23, 42, .10);
border-radius: 18px;
padding: 18px;
box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.ves-reddit-card.is-discarded-match {
background: #fff7f7;
border-color: rgba(185, 28, 28, .16);
}
.ves-reddit-head {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 12px;
align-items: start;
}
.ves-reddit-head h3 {
margin: 0 0 6px;
font-size: 16px;
line-height: 1.28;
color: #111827;
}
.ves-reddit-head p {
margin: 0;
color: #64748b;
font-size: 12px;
}
.ves-reddit-label {
align-self: start;
border-radius: 999px;
padding: 6px 10px;
background: #eef6ff;
color: #1d4ed8;
font-size: 12px;
font-weight: 800;
white-space: nowrap;
}
.ves-reddit-excerpt {
margin: 14px 0 0;
color: #475569;
font-size: 14px;
line-height: 1.55;
}
.ves-reddit-metrics {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.ves-reddit-metrics span {
border-radius: 999px;
padding: 6px 10px;
background: #f1f5f9;
color: #334155;
font-size: 12px;
font-weight: 700;
}
.ves-reddit-reason {
margin-top: 12px;
border-left: 3px solid #cbd5e1;
padding-left: 10px;
color: #475569;
font-size: 13px;
line-height: 1.5;
}
.ves-seo-table-wrap,
.ves-seo-results {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.ves-seo-table th:first-child,
.ves-seo-table td:first-child {
position: sticky;
left: 0;
z-index: 2;
background: inherit;
}
@media (max-width: 1280px) {
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-main-col,
.ves-page-body {
width: min(100%, calc(100vw - 280px)) !important;
padding: 28px 30px 64px !important;
}
.ves-reddit-list { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) {
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-main-col,
.ves-page-body {
width: 100% !important;
max-width: 100% !important;
padding: 24px 24px 56px !important;
}
.ves-form .ves-row,
.ves-ads-form .ves-row,
.ves-ads-form .ves-primary-controls-row {
grid-template-columns: 1fr !important;
}
.ves-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.ves-sidebar {
position: fixed !important;
left: 0;
top: 0;
bottom: 0;
width: min(86vw, 320px) !important;
transform: translateX(-104%);
transition: transform .22s ease;
z-index: 80;
}
.ves-sidebar.is-open { transform: translateX(0); }
.ves-memory-rail,
.ves-sidebar .ves-memory-panel {
display: none !important;
}
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-main-col,
.ves-page-body {
padding: 20px 16px 48px !important;
}
.ves-page-head,
.ves-toolbar,
.ves-result-actions,
.ves-batch-bar,
.ves-card-actions,
.ves-reddit-head,
.ves-topbar {
flex-wrap: wrap !important;
max-width: 100%;
}
.ves-items,
.ves-reddit-list {
grid-template-columns: 1fr !important;
}
.ves-chip,
.ves-input-suggestions button,
.ves-memory-chip {
white-space: normal !important;
}
}
@media (max-width: 390px) {
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-main-col,
.ves-page-body {
padding: 16px 12px 40px !important;
}
.ves-page-title { font-size: 24px !important; }
.ves-card,
.ves-reddit-card { padding: 14px !important; border-radius: 16px; }
.ves-reddit-head { grid-template-columns: 1fr; }
.ves-reddit-label { justify-self: start; }
.ves-topbar-actions,
.ves-page-head-actions { width: 100%; justify-content: flex-start; }
}
/* v0.9.24.80 — canonical layout system override. Keep older rules harmless by overriding final cascade. */
:root {
--ves-content-max: 1560px;
--ves-content-wide-max: 1680px;
--ves-shell-gap: 28px;
}
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-page-inner,
.ves-page-body,
.ves-main-col {
max-width: var(--ves-content-max) !important;
width: min(100%, var(--ves-content-max)) !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
.ves-dashboard-wide .ves-page-inner,
.ves-wide-section,
.ves-report-wide {
max-width: var(--ves-content-wide-max) !important;
}
.ves-wrap.ves-light-suite .ves-card,
.ves-wrap.ves-light-suite .ves-command-center-card,
.ves-wrap.ves-light-suite .ves-result-card {
padding: clamp(18px, 2vw, 28px) !important;
}
.ves-form .ves-row,
.ves-form-grid,
.ves-module-form-grid {
gap: var(--ves-shell-gap) !important;
}
.ves-form textarea,
.ves-module-form textarea {
min-height: 104px !important;
}
@media (max-width: 1024px) {
.ves-page-inner,
.ves-page-body,
.ves-main-col { max-width: 100% !important; width: 100% !important; }
.ves-memory-rail,.ves-sidebar-memory { display: none !important; }
}
@media (max-width: 768px) {
.ves-form .ves-row,.ves-form-grid,.ves-module-form-grid,.ves-items,.ves-results-grid { grid-template-columns: 1fr !important; }
.ves-action-bar,.ves-topbar-actions,.ves-result-actions,.ves-chip-row { flex-wrap: wrap !important; }
body .ves-wrap { overflow-x: hidden !important; }
}
/* v0.9.24.81 — final canonical layout tokens and responsive hardening. */
:root {
--ves-content-max: 1560px;
--ves-content-wide-max: 1680px;
--ves-section-gap: 34px;
--ves-card-padding: clamp(20px, 2.2vw, 32px);
--ves-form-gap: 26px;
--ves-sidebar-width: 280px;
}
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-page-inner,
.ves-page-body,
.ves-main-col {
max-width: var(--ves-content-max) !important;
width: min(100%, var(--ves-content-max)) !important;
margin-inline: auto !important;
padding-inline: clamp(18px, 2.6vw, 36px) !important;
}
.ves-dashboard-wide .ves-page-inner,
.ves-wide-section,
.ves-report-wide,
.ves-seo-table-section {
max-width: var(--ves-content-wide-max) !important;
}
.ves-section,
.ves-card,
.ves-command-center-card,
.ves-report-card,
.ves-result-card {
padding: var(--ves-card-padding) !important;
}
.ves-page-sections,
.ves-dashboard-stack,
.ves-module-stack,
.ves-results-stack {
gap: var(--ves-section-gap) !important;
}
.ves-form .ves-row,
.ves-form-grid,
.ves-module-form-grid,
.ves-advanced-grid {
gap: var(--ves-form-gap) !important;
}
.ves-form textarea,
.ves-module-form textarea,
.ves-textarea {
width: 100% !important;
min-height: 118px !important;
}
.ves-chip-row,
.ves-action-bar,
.ves-result-actions,
.ves-topbar-actions,
.ves-page-head-actions {
flex-wrap: wrap !important;
}
.ves-breadcrumbs,
.ves-page-title,
.ves-module-title {
overflow-wrap: anywhere !important;
}
@media (min-width: 1281px) {
.ves-form .ves-row,
.ves-module-form-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ves-form .ves-field-wide,
.ves-form textarea,
.ves-module-form textarea {
grid-column: 1 / -1;
}
}
@media (max-width: 1280px) {
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-dashboard-shell .ves-page-inner,
.ves-page-inner,
.ves-page-body,
.ves-main-col {
width: 100% !important;
max-width: 100% !important;
padding-inline: 22px !important;
}
}
@media (max-width: 1024px) {
.ves-sidebar-memory,
.ves-memory-rail,
.ves-secondary-rail {
display: none !important;
}
.ves-layout,
.ves-dashboard-layout,
.ves-memory-app,
.ves-results-grid,
.ves-items {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
.ves-form .ves-row,
.ves-form-grid,
.ves-module-form-grid,
.ves-advanced-grid,
.ves-results-grid,
.ves-items,
.ves-reddit-list,
.ves-ads-grid {
grid-template-columns: 1fr !important;
}
.ves-page-inner,
.ves-page-body,
.ves-main-col {
padding-inline: 16px !important;
}
.ves-sidebar,
.ves-app-sidebar,
.ves-left-nav {
position: static !important;
width: 100% !important;
max-width: 100% !important;
}
.ves-seo-table-wrap,
.ves-table-scroll {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
body .ves-wrap,
body .ves-dashboard-shell {
overflow-x: hidden !important;
}
}
@media (max-width: 390px) {
.ves-page-inner,
.ves-page-body,
.ves-main-col {
padding-inline: 12px !important;
}
.ves-card,
.ves-result-card,
.ves-command-center-card {
padding: 16px !important;
}
}
/* v0.9.24.84 layout stabilization: natural page height, wider reports, fewer nested scrollbars. */
.ves-wrap.ves-light-suite,
.ves-light-suite,
.ves-dashboard-shell,
.ves-memory-app {
height: auto !important;
min-height: 100vh !important;
max-height: none !important;
overflow: visible !important;
}
.ves-light-suite .ves-main-col,
.ves-light-suite .ves-page-body,
.ves-light-suite .ves-content-shell,
.ves-light-suite .ves-page-inner,
.ves-light-suite .ves-panel-shell,
.ves-light-suite .ves-results,
.ves-light-suite .ves-result-card {
height: auto !important;
max-height: none !important;
overflow: visible !important;
}
.ves-wrap.ves-light-suite .ves-page-inner,
.ves-light-suite .ves-page-inner,
.ves-light-suite .ves-content-shell {
max-width: 1560px !important;
width: min(100%, 1560px) !important;
}
.ves-light-suite .ves-result-card,
.ves-light-suite .ves-item-panel,
.ves-light-suite .ves-card {
padding: clamp(22px, 2vw, 34px) !important;
}
.ves-light-suite .ves-item-panel,
.ves-light-suite .ves-result-card,
.ves-light-suite .ves-card,
.ves-light-suite .ves-low-confidence-banner {
margin-bottom: 24px !important;
}
.ves-trend-summary-grid,
.ves-trend-channel-grid,
.ves-trend-rec-grid,
.ves-trend-source-grid,
.ves-trend-priority-grid,
.ves-opportunity-grid {
gap: 18px !important;
}
.ves-trend-channel-grid,
.ves-trend-rec-grid,
.ves-trend-source-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ves-trend-priority-grid,
.ves-opportunity-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.ves-trend-coverage-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}
.ves-sidebar,
.ves-app-sidebar,
.ves-left-nav {
align-self: flex-start;
}
@media (min-width: 901px) {
.ves-sidebar,
.ves-app-sidebar,
.ves-left-nav {
position: sticky !important;
top: 20px !important;
max-height: calc(100vh - 40px) !important;
overflow-y: auto !important;
}
}
@media (max-width: 1200px) {
.ves-trend-channel-grid,
.ves-trend-rec-grid,
.ves-trend-source-grid,
.ves-trend-priority-grid,
.ves-opportunity-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 900px) {
.ves-light-suite .ves-layout,
.ves-light-suite .ves-dashboard-layout,
.ves-light-suite .ves-memory-app {
grid-template-columns: 1fr !important;
}
.ves-sidebar,
.ves-app-sidebar,
.ves-left-nav {
position: static !important;
max-height: none !important;
overflow: visible !important;
}
}
@media (max-width: 768px) {
.ves-kpis,
.ves-form-grid,
.ves-module-form-grid,
.ves-trend-dashboard-filters,
.ves-trend-summary-grid,
.ves-trend-channel-grid,
.ves-trend-rec-grid,
.ves-trend-source-grid,
.ves-trend-priority-grid,
.ves-opportunity-grid {
grid-template-columns: 1fr !important;
}
.ves-toolbar,
.ves-input-assist-wrap,
.ves-run-diagnostics-chips {
flex-wrap: wrap !important;
}
.ves-btn,
.ves-mini-btn,
.ves-suggestion-chip {
white-space: normal !important;
}
}
@media (max-width: 480px) {
.ves-light-suite .ves-page-inner,
.ves-light-suite .ves-page-body,
.ves-light-suite .ves-main-col {
padding-inline: 12px !important;
}
.ves-light-suite .ves-result-card,
.ves-light-suite .ves-item-panel,
.ves-light-suite .ves-card {
padding: 16px !important;
}
}
/* ============================================================ */
/* v0.9.25.0 — Phase 1 / Phase 10 / Phase 5 overrides */
/* Calmer spacing, empty-state controls hidden, readable cards */
/* ============================================================ */
/* Phase 10 — when 0 usable results, hide filters/sort/AI-focus/selection bar
so the user is not confused by interactive controls that have nothing to act on. */
.ves-result-card.is-empty-results .ves-toolbar,
.ves-result-card.is-empty-results .ves-result-filters,
.ves-result-card.is-empty-results .ves-batch-analysis-bar,
.ves-result-card.is-empty-results .ves-analysis-focus,
.ves-result-card.is-empty-results .ves-field:has(.ves-analysis-focus) {
display: none !important;
}
/* Empty-state card refresh (X-style) */
.ves-empty.ves-empty-x-style {
display: block !important;
padding: 28px 24px !important;
background: var(--soft, #f7f9fc) !important;
border: 1px dashed var(--bdr2, #e2e8f0) !important;
border-radius: 12px !important;
text-align: left !important;
margin: 16px 0 !important;
}
.ves-empty.ves-empty-x-style > strong {
display: block !important;
font-size: 15px !important;
margin-bottom: 6px !important;
color: var(--t1, #1a202c) !important;
}
.ves-empty.ves-empty-x-style > span {
display: block !important;
font-size: 13px !important;
color: var(--t2, #4a5568) !important;
margin-bottom: 14px !important;
}
.ves-empty.ves-empty-x-style .ves-empty-reasons {
margin: 8px 0 12px !important;
padding: 10px 14px !important;
background: #fff !important;
border-radius: 8px !important;
list-style: none !important;
font-size: 12.5px !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
}
.ves-empty.ves-empty-x-style .ves-empty-reasons li {
padding: 3px 0 !important;
color: var(--t2, #4a5568) !important;
}
.ves-empty.ves-empty-x-style .ves-empty-reasons b {
display: inline-block !important;
min-width: 24px !important;
color: var(--t1, #1a202c) !important;
margin-right: 6px !important;
}
.ves-empty.ves-empty-x-style .ves-empty-tips small {
display: block !important;
margin: 10px 0 4px !important;
font-size: 12px !important;
font-weight: 600 !important;
color: var(--t2, #4a5568) !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
}
.ves-empty.ves-empty-x-style .ves-empty-tips ul {
margin: 0 0 14px !important;
padding-left: 18px !important;
font-size: 13px !important;
color: var(--t2, #4a5568) !important;
line-height: 1.55 !important;
}
.ves-empty.ves-empty-x-style .ves-empty-actions {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 8px !important;
}
/* Phase 1 — calmer page rhythm. Add breathing room without changing identity. */
.ves-light-suite .ves-form .ves-row,
.ves-light-suite .ves-form .ves-grid-2,
.ves-light-suite .ves-form .ves-grid-3 {
row-gap: 20px !important;
column-gap: 18px !important;
}
.ves-light-suite .ves-form .ves-field {
margin-bottom: 4px !important;
}
.ves-light-suite .ves-result-card {
padding: 28px !important;
margin-bottom: 28px !important;
}
.ves-light-suite .ves-result-section {
margin-bottom: 28px !important;
}
.ves-light-suite .ves-result-section-head {
padding-bottom: 12px !important;
margin-bottom: 16px !important;
}
/* Phase 5 — analysis panel cards. Make each accordion card breathe. */
.ves-analysis-accordion-card {
margin-bottom: 12px !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
border-radius: 10px !important;
overflow: hidden !important;
}
.ves-analysis-accordion-card summary {
padding: 14px 18px !important;
font-weight: 600 !important;
background: var(--soft, #f7f9fc) !important;
cursor: pointer !important;
}
.ves-analysis-accordion-body {
padding: 14px 18px 18px !important;
font-size: 13.5px !important;
line-height: 1.65 !important;
}
.ves-analysis-accordion-body ul {
margin: 8px 0 0 !important;
padding-left: 20px !important;
}
.ves-analysis-accordion-body ul li {
margin-bottom: 6px !important;
}
/* Phase 2 — hidden internal-default-limit input must never show */
input[data-internal-default-limit] {
display: none !important;
}
/* Phase 2 — the SEO "Scope" info card replaces the candidate-pool dropdown */
.ves-field.ves-field-info .ves-hint {
margin-top: 6px !important;
}
/* Suggestion chip area — empty list should collapse cleanly */
.ves-input-suggestions:empty {
display: none !important;
}
.ves-input-suggestions {
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-top: 8px !important;
}
.ves-suggestion-chip {
font-size: 12px !important;
padding: 4px 10px !important;
border-radius: 999px !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
background: #fff !important;
cursor: pointer !important;
transition: background 0.15s, border-color 0.15s !important;
}
.ves-suggestion-chip:hover {
background: var(--soft, #f7f9fc) !important;
border-color: var(--vi, #3b82f6) !important;
}
/* Phase 3 — thumb placeholders should be compact, not giant blank blocks */
.ves-thumb-placeholder {
min-height: 100px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 11.5px !important;
font-weight: 500 !important;
color: var(--t3, #94a3b8) !important;
background: linear-gradient(135deg, #f7f9fc 0%, #eef2f7 100%) !important;
letter-spacing: 0.02em !important;
}
/* ===================================================================== */
/* v0.9.26.0 — Phase 1 / Phase 13 / Phase 15 / Phase 16 */
/* Access map UI states, locked cards, Creative preflight, */
/* mobile/responsive breakpoints, and decluttering. */
/* ===================================================================== */
/* --- Phase 1: locked / coming-soon sidebar items --- */
.ves-nav-item.is-access-locked {
opacity: 0.72 !important;
position: relative !important;
}
.ves-nav-item.is-access-locked::after {
content: "🔒";
margin-left: auto;
font-size: 12px;
opacity: 0.75;
}
.ves-access-lock-badge,
.ves-access-soon-badge {
margin-left: auto !important;
font-size: 10px !important;
font-weight: 700 !important;
padding: 2px 7px !important;
border-radius: 10px !important;
background: linear-gradient(135deg, #3b82f6, #1d4ed8) !important;
color: #fff !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
.ves-access-soon-badge {
background: linear-gradient(135deg, #f59e0b, #d97706) !important;
}
.ves-nav-item.is-access-coming {
opacity: 0.6 !important;
pointer-events: none !important;
}
/* --- Phase 1: locked module card (full-page and inline) --- */
.ves-locked-card {
background: linear-gradient(135deg, #fafbfd 0%, #eef2f7 100%) !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
border-radius: 14px !important;
padding: 40px 32px !important;
text-align: center !important;
max-width: 540px !important;
margin: 36px auto !important;
}
.ves-locked-card.ves-locked-inline {
padding: 22px 24px !important;
margin: 16px 0 !important;
text-align: left !important;
max-width: none !important;
}
.ves-locked-card .ves-locked-icon {
font-size: 36px !important;
margin-bottom: 12px !important;
}
.ves-locked-card.ves-locked-inline .ves-locked-icon {
font-size: 22px !important;
margin-bottom: 4px !important;
display: inline-block !important;
margin-right: 8px !important;
}
.ves-locked-card h3,
.ves-locked-card h4 {
margin: 0 0 8px !important;
color: var(--t1, #1a202c) !important;
font-size: 17px !important;
}
.ves-locked-card p {
margin: 0 0 18px !important;
color: var(--t2, #4a5568) !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.ves-locked-card .ves-locked-credits-note {
display: block !important;
margin-top: 12px !important;
font-size: 12px !important;
color: var(--t3, #94a3b8) !important;
}
/* --- Phase 13: Creative preflight preview --- */
.ves-creative-preview {
border: 1px solid var(--bdr2, #e2e8f0) !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important;
}
/* --- Phase 15: mobile/responsive breakpoints --- */
/* Content width: more breathing room on desktop, capped to avoid super-wide reading. */
@media (min-width: 1280px) {
.ves-light-suite .ves-page-inner,
.ves-light-suite .ves-page-body {
max-width: clamp(1180px, 86vw, 1680px) !important;
margin-inline: auto !important;
}
}
/* Tablet (768–1279): drawer-style sidebar, content full-width. */
@media (max-width: 1279px) {
.ves-light-suite .ves-dashboard-layout,
.ves-light-suite .ves-layout,
.ves-light-suite .ves-memory-app {
grid-template-columns: 1fr !important;
}
/* Sidebar becomes a sliding drawer triggered by a hamburger toggle.
We add a body-level class via JS later. */
.ves-light-suite .ves-sidebar,
.ves-light-suite .ves-app-sidebar,
.ves-light-suite .ves-left-nav {
position: fixed !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
width: 280px !important;
max-width: 86vw !important;
z-index: 100001 !important;
transform: translateX(-100%) !important;
transition: transform 0.22s ease !important;
box-shadow: 4px 0 18px rgba(0,0,0,0.12) !important;
}
.ves-light-suite.ves-sidebar-open .ves-sidebar,
.ves-light-suite.ves-sidebar-open .ves-app-sidebar,
.ves-light-suite.ves-sidebar-open .ves-left-nav {
transform: translateX(0) !important;
}
/* Backdrop behind drawer. */
.ves-light-suite.ves-sidebar-open::before {
content: '' !important;
position: fixed !important;
inset: 0 !important;
background: rgba(15, 23, 42, 0.42) !important;
z-index: 100000 !important;
backdrop-filter: blur(2px) !important;
}
/* Mobile hamburger toggle button (added by JS) */
.ves-mobile-menu-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border-radius: 9px !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
background: #fff !important;
cursor: pointer !important;
padding: 0 !important;
margin-right: 10px !important;
}
}
@media (min-width: 1280px) {
.ves-mobile-menu-toggle { display: none !important; }
}
/* Mobile (≤767): single-column forms, stacked KPIs/cards, larger tap targets. */
@media (max-width: 767px) {
.ves-light-suite .ves-form .ves-row,
.ves-light-suite .ves-form .ves-grid-2,
.ves-light-suite .ves-form .ves-grid-3,
.ves-light-suite .ves-form .ves-grid-4 {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.ves-light-suite .ves-kpis {
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
.ves-light-suite .ves-items {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.ves-light-suite .ves-input,
.ves-light-suite .ves-select,
.ves-light-suite .ves-textarea {
width: 100% !important;
font-size: 15px !important;
min-height: 42px !important;
}
.ves-light-suite .ves-btn,
.ves-light-suite .ves-mini-btn {
min-height: 38px !important;
padding: 8px 14px !important;
}
.ves-light-suite .ves-page-inner {
padding: 14px 14px 48px !important;
}
.ves-light-suite .ves-result-card,
.ves-light-suite .ves-card,
.ves-light-suite .ves-item-panel {
padding: 18px !important;
}
/* Toolbar wrapping on mobile */
.ves-light-suite .ves-toolbar,
.ves-light-suite .ves-result-filters,
.ves-light-suite .ves-batch-analysis-bar {
flex-wrap: wrap !important;
gap: 8px !important;
}
.ves-light-suite .ves-batch-analysis-bar > div {
width: 100% !important;
}
/* "Improve" button: move below the textarea on mobile so it doesn't overlay text. */
.ves-input-assist-wrap {
flex-direction: column !important;
align-items: stretch !important;
}
.ves-input-assist-wrap .ves-ai-refine-button {
align-self: flex-end !important;
margin-top: 6px !important;
}
/* Analysis accordion: more comfortable padding on mobile */
.ves-analysis-accordion-card summary {
padding: 12px 14px !important;
}
.ves-analysis-accordion-body {
padding: 12px 14px 14px !important;
}
/* Hero text smaller on mobile to avoid wrapping issues */
.ves-hero-title {
font-size: 22px !important;
}
}
/* Small mobile (<390px): tighten further. */
@media (max-width: 389px) {
.ves-light-suite .ves-page-inner {
padding: 10px 10px 40px !important;
}
.ves-light-suite .ves-kpis {
grid-template-columns: 1fr !important;
}
}
/* Preview thumbnails: stable aspect ratio, never blow up. */
.ves-thumb {
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
position: relative !important;
}
.ves-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.ves-thumb.is-broken img { display: none !important; }
.ves-thumb.is-broken::after {
content: 'Preview no disponible';
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 11px;
color: var(--t3, #94a3b8);
background: linear-gradient(135deg, #f7f9fc 0%, #eef2f7 100%);
}
/* Prevent horizontal page overflow at any breakpoint. */
html, body, .ves-light-suite { overflow-x: hidden !important; }
/* ===================================================================== */
/* v0.9.27.0 — credit explanation panel, outcome states, video badge, */
/* preflight hide, mobile drawer markup support */
/* ===================================================================== */
/* Phase 6 — credit explanation panel under the run diagnostics. Collapsible
but open by default when zero-charge or refund happened so the user
immediately sees why their balance was/wasn't touched. */
.ves-credit-panel {
margin-top: 14px !important;
background: var(--soft, #f7f9fc) !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
border-radius: 10px !important;
padding: 0 !important;
overflow: hidden !important;
}
.ves-credit-panel > summary {
padding: 12px 16px !important;
font-weight: 600 !important;
font-size: 13px !important;
cursor: pointer !important;
list-style: none !important;
color: var(--t1, #1a202c) !important;
user-select: none !important;
}
.ves-credit-panel > summary::-webkit-details-marker { display: none !important; }
.ves-credit-panel > summary::after {
content: '▾'; float: right; opacity: 0.5; transition: transform 0.2s ease;
}
.ves-credit-panel[open] > summary::after { transform: rotate(180deg); }
.ves-credit-rows {
padding: 4px 16px 12px !important;
font-size: 13px !important;
}
.ves-credit-row {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 6px 0 !important;
border-bottom: 1px dashed var(--bdr2, #e2e8f0) !important;
}
.ves-credit-row:last-child { border-bottom: 0 !important; }
.ves-credit-row span { color: var(--t2, #4a5568) !important; }
.ves-credit-row b { color: var(--t1, #1a202c) !important; font-weight: 600 !important; }
.ves-credit-row-muted span,
.ves-credit-row-muted b { color: var(--t3, #94a3b8) !important; font-size: 12px !important; }
.ves-credit-row-zero { background: #ecfdf5 !important; padding: 6px 8px !important; border-radius: 6px !important; margin: 2px 0 !important; }
.ves-credit-row-zero b { color: #047857 !important; }
.ves-credit-row-refund { background: #fef3c7 !important; padding: 6px 8px !important; border-radius: 6px !important; margin: 2px 0 !important; }
.ves-credit-row-refund b { color: #b45309 !important; }
.ves-credit-row-charge b { color: #1e40af !important; }
.ves-credit-note {
padding: 10px 16px 12px !important;
font-size: 12px !important;
color: var(--t2, #4a5568) !important;
background: rgba(59,130,246,0.04) !important;
border-top: 1px solid var(--bdr2, #e2e8f0) !important;
line-height: 1.5 !important;
}
/* Phase 3 — outcome-aware diagnostics shading. Subtle, theme-respecting. */
.ves-run-diagnostics.ves-outcome-success_with_results .ves-run-diagnostics-message { color: #047857 !important; }
.ves-run-diagnostics.ves-outcome-success_empty .ves-run-diagnostics-message,
.ves-run-diagnostics.ves-outcome-success_all_filtered .ves-run-diagnostics-message { color: #b45309 !important; }
.ves-run-diagnostics.ves-outcome-partial_success .ves-run-diagnostics-message { color: #b45309 !important; }
.ves-run-diagnostics.ves-outcome-provider_failed .ves-run-diagnostics-message,
.ves-run-diagnostics.ves-outcome-access_failed .ves-run-diagnostics-message,
.ves-run-diagnostics.ves-outcome-timeout .ves-run-diagnostics-message,
.ves-run-diagnostics.ves-outcome-rate_limited .ves-run-diagnostics-message { color: #b91c1c !important; }
/* Phase 2 — video badge on thumbnails */
.ves-thumb { position: relative !important; }
.ves-thumb-video-badge {
position: absolute !important;
bottom: 8px !important; right: 8px !important;
width: 28px !important; height: 28px !important;
display: flex !important; align-items: center !important; justify-content: center !important;
background: rgba(0,0,0,0.65) !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 12px !important;
pointer-events: none !important;
backdrop-filter: blur(4px) !important;
}
/* Phase 1 — admin-debug preflight panel hidden for normal users. */
.ves-wrap.ves-light-suite:not([data-debug-mode="1"]) .ves-run-preflight {
display: none !important;
}
/* Phase 8 — mobile drawer support. The mobile hamburger toggle now adds a
.ves-sidebar-open class on the wrap; the drawer is fixed-position. The
markup is the same sidebar selector as the desktop view — no additional
PHP markup is needed for the drawer to work. */
@media (max-width: 1279px) {
.ves-light-suite.ves-sidebar-open .ves-sidebar,
.ves-wrap.ves-sidebar-open .ves-sidebar {
transform: translateX(0) !important;
}
}
/* Phase 8 — kill any horizontal overflow regardless of breakpoint. */
.ves-wrap, .ves-light-suite, .ves-page, .ves-page-inner, .ves-card {
max-width: 100% !important;
}
.ves-result-card, .ves-result-card * {
max-width: 100% !important;
box-sizing: border-box !important;
}
/* Phase 8 — single-column form override on mobile is reinforced here in case
a theme stylesheet wins specificity against the v0.9.26 block. */
@media (max-width: 767px) {
.ves-light-suite .ves-row,
.ves-light-suite .ves-grid-2,
.ves-light-suite .ves-grid-3,
.ves-light-suite .ves-grid-4 {
display: block !important;
}
.ves-light-suite .ves-row > .ves-field,
.ves-light-suite .ves-grid-2 > .ves-field,
.ves-light-suite .ves-grid-3 > .ves-field,
.ves-light-suite .ves-grid-4 > .ves-field {
width: 100% !important;
margin-bottom: 14px !important;
}
}
/* ===================================================================== */
/* v0.9.28.0 — template-rendered mobile drawer, hamburger placement, */
/* backdrop overlay, audit log pre styling */
/* ===================================================================== */
/* Phase 8 — the hamburger toggle now lives in the template as a direct
child of .ves-wrap. Position it cleanly. Hidden on desktop.
v0.9.28.2 — Bug A fix. The previous rule used a child combinator (>),
which only matched the template-rendered toggle (direct child). The JS
injection fallback inserts the toggle inside .ves-header (a descendant),
so on old templates or custom shells the toggle had no positioning.
Use a descendant combinator so both cases match. */
.ves-light-suite .ves-mobile-menu-toggle {
display: none !important;
}
@media (max-width: 1279px) {
.ves-light-suite .ves-mobile-menu-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
border-radius: 10px !important;
border: 1px solid var(--bdr2, #e2e8f0) !important;
background: #fff !important;
cursor: pointer !important;
padding: 0 !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
}
/* Only the template-rendered toggle (direct child of .ves-wrap) gets the
absolute positioning. The JS-injected one lives inside the header and is
positioned by the header's flex layout. */
.ves-light-suite > .ves-mobile-menu-toggle {
position: absolute !important;
top: 14px !important;
left: 14px !important;
z-index: 1101 !important;
}
.ves-light-suite .ves-mobile-menu-toggle:hover {
background: #f7f9fc !important;
border-color: #cbd5e1 !important;
}
}
/* Phase 8 — template-rendered backdrop. Clickable. Hidden by default. */
.ves-mobile-drawer-backdrop {
display: none !important;
position: fixed !important;
inset: 0 !important;
background: rgba(15, 23, 42, 0.45) !important;
z-index: 1099 !important;
cursor: pointer !important;
}
@media (max-width: 1279px) {
.ves-light-suite.ves-sidebar-open .ves-mobile-drawer-backdrop,
.ves-wrap.ves-sidebar-open .ves-mobile-drawer-backdrop {
display: block !important;
}
}
/* Phase 8 — when the sidebar is open as drawer on mobile, give the toggle a
distinct active state so users see they can tap to close.
v0.9.28.2 — Bug A: descendant selector to match both render paths. */
@media (max-width: 1279px) {
.ves-light-suite.ves-sidebar-open .ves-mobile-menu-toggle {
background: var(--vi, #3b82f6) !important;
color: #fff !important;
border-color: var(--vi, #3b82f6) !important;
}
}
/* Phase 1 — Audit Log payload readable. */
.wrap pre {
white-space: pre-wrap !important;
word-break: break-word !important;
}
/* v0.9.30.2 hardening patch: provider-mechanics isolation from normal-user responses. */
.ves-form textarea,
.ves-module-form textarea,
.ves-textarea {
min-height: 96px !important;
overflow-y: auto !important;
resize: none !important;
}
.ves-wrap.is-debug textarea,
.ves-wrap.is-admin-debug textarea,
.ves-source-input-details textarea {
resize: vertical !important;
}
.ves-field.is-invalid .ves-input,
.ves-field.is-invalid .ves-textarea,
.ves-field.is-invalid .ves-select,
.ves-input.is-invalid,
.ves-textarea.is-invalid,
.ves-select.is-invalid {
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, .14) !important;
}
.ves-thumb.ves-thumb-compact,
.ves-thumb.ves-thumb-placeholder.ves-thumb-compact {
min-height: 64px !important;
aspect-ratio: auto !important;
padding: 10px !important;
background: linear-gradient(135deg, rgba(241,245,249,.96), rgba(226,232,240,.72)) !important;
border-bottom: 1px solid rgba(148,163,184,.24) !important;
display: flex !important;
gap: 8px !important;
align-items: center !important;
justify-content: center !important;
}
.ves-platform-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 52px !important;
padding: 6px 10px !important;
border-radius: 999px !important;
background: #e0f2fe !important;
color: #0369a1 !important;
font-size: 11px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
}
.ves-thumb.ves-thumb-compact small {
color: #64748b !important;
font-weight: 700 !important;
text-transform: lowercase !important;
}
.ves-seo-domain-results { overflow: visible !important; }
.ves-seo-domain-list {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
gap: 16px !important;
}
.ves-seo-domain-card {
border: 1px solid rgba(148, 163, 184, .28) !important;
border-radius: 18px !important;
background: #fff !important;
padding: 16px !important;
box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
}
.ves-seo-domain-head {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) auto !important;
align-items: start !important;
gap: 10px !important;
margin-bottom: 14px !important;
}
.ves-seo-domain-head h3 { margin: 0 !important; font-size: 18px !important; color: #111827 !important; }
.ves-seo-domain-head p { margin: 3px 0 0 !important; color: #64748b !important; font-size: 12px !important; }
.ves-seo-domain-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
gap: 10px !important;
}
.ves-seo-domain-grid > div {
border: 1px solid rgba(148, 163, 184, .22) !important;
border-radius: 12px !important;
background: #f8fafc !important;
padding: 10px !important;
}
.ves-seo-domain-grid small { display:block !important; color:#64748b !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.04em !important; }
.ves-seo-domain-grid strong { display:block !important; margin-top:4px !important; color:#111827 !important; font-size:18px !important; }
.ves-seo-domain-note { color:#475569 !important; line-height:1.5 !important; margin:12px 0 0 !important; }
.ves-structured-analysis {
display: grid !important;
gap: 14px !important;
}
.ves-confidence-badge {
justify-self: start !important;
border-radius: 999px !important;
padding: 7px 11px !important;
font-size: 12px !important;
font-weight: 800 !important;
background: #fef3c7 !important;
color: #92400e !important;
}
.ves-confidence-badge.is-high { background: #dcfce7 !important; color: #166534 !important; }
.ves-confidence-badge.is-medium { background: #dbeafe !important; color: #1d4ed8 !important; }
.ves-confidence-badge.is-low { background: #fef3c7 !important; color: #92400e !important; }
.ves-structured-analysis-section {
border: 1px solid rgba(148,163,184,.24) !important;
border-radius: 16px !important;
background: #fff !important;
padding: 16px !important;
}
.ves-structured-analysis-section h3 { margin: 0 0 10px !important; font-size: 16px !important; color:#111827 !important; }
.ves-badge-row { display:flex !important; flex-wrap:wrap !important; gap:8px !important; }
.ves-data-badge {
border-radius: 999px !important;
padding: 6px 9px !important;
font-size: 11px !important;
font-weight: 800 !important;
background: #fee2e2 !important;
color: #991b1b !important;
}
.ves-data-badge.is-on { background:#dcfce7 !important; color:#166534 !important; }
.ves-analysis-columns {
display:grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
gap:12px !important;
}
.ves-analysis-test-list {
display:grid !important;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
gap:12px !important;
}
.ves-ab-test-card {
border:1px solid rgba(148,163,184,.22) !important;
border-radius:14px !important;
background:#f8fafc !important;
padding:12px !important;
}
.ves-ab-test-card strong { display:block !important; margin-bottom:6px !important; color:#111827 !important; }
.ves-ab-test-card p { margin:6px 0 !important; color:#475569 !important; line-height:1.45 !important; }
.ves-ab-test-card small { color:#64748b !important; line-height:1.4 !important; }
.ves-discarded-section summary strong,
.ves-discarded-section summary small { display:block !important; margin-top:2px !important; }
.ves-seo-table-wrap::after {
content: "Desliza para ver más columnas";
display: none;
padding: 8px 2px 0;
color: #64748b;
font-size: 12px;
}
@media (max-width: 640px) {
.ves-seo-table-wrap::after { display:block; }
.ves-seo-domain-head { grid-template-columns: auto minmax(0, 1fr) !important; }
.ves-seo-domain-head .ves-mini-btn { grid-column: 2 / -1 !important; justify-self:start !important; }
.ves-analysis-columns,
.ves-analysis-test-list { grid-template-columns: 1fr !important; }
}
.ves-bottom-cta {
display: flex !important;
justify-content: flex-end !important;
margin-top: 20px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(148,163,184,.18) !important;
}
@media (max-width: 640px) {
.ves-bottom-cta .ves-btn { width: 100% !important; justify-content: center !important; }
}
/* ── v0.9.30.23: UI/UX Polish — Light Suite Responsive ─────── */
/* Override dark sidebar in ves-light-suite — make it truly white */
.ves-wrap.ves-light-suite .ves-sidebar,
.ves-wrap.ves-dashboard-shell.ves-light-suite .ves-sidebar,
.ves-wrap.ves-shell-v3.ves-dashboard-shell.ves-light-suite .ves-sidebar {
background: #FFFFFF !important;
border-right: 1px solid #E2E8F0 !important;
box-shadow: none !important;
color: #475569 !important;
}
.ves-wrap.ves-light-suite .ves-sidebar-head {
background: #FFFFFF !important;
border-bottom: 1px solid #E2E8F0 !important;
}
.ves-wrap.ves-light-suite .ves-sidebar .ves-logo,
.ves-wrap.ves-light-suite .ves-sidebar .ves-logo-mark,
.ves-wrap.ves-light-suite .ves-sidebar .ves-brand-badge {
background: linear-gradient(135deg, #2563EB 0%, #7C3AED 100%) !important;
color: #FFFFFF !important;
box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18) !important;
}
.ves-wrap.ves-light-suite .ves-sidebar h1,
.ves-wrap.ves-light-suite .ves-sidebar h2,
.ves-wrap.ves-light-suite .ves-sidebar h3,
.ves-wrap.ves-light-suite .ves-sidebar .ves-workspace-text strong,
.ves-wrap.ves-light-suite .ves-sidebar .ves-user-dropdown-name {
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-sidebar p,
.ves-wrap.ves-light-suite .ves-sidebar small,
.ves-wrap.ves-light-suite .ves-sidebar .ves-workspace-meta,
.ves-wrap.ves-light-suite .ves-sidebar .ves-sidebar-section-label,
.ves-wrap.ves-light-suite .ves-sidebar .ves-nav-ico,
.ves-wrap.ves-light-suite .ves-sidebar .ves-nav-kbd,
.ves-wrap.ves-light-suite .ves-sidebar .ves-sidebar-collapse {
color: #64748B !important;
}
/* Nav items — light sidebar */
.ves-wrap.ves-light-suite .ves-nav-item,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page] {
color: #475569 !important;
border: 1px solid transparent !important;
border-radius: 10px !important;
transition: background .13s, color .13s !important;
}
.ves-wrap.ves-light-suite .ves-nav-item:hover,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn:hover,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page]:hover {
background: #F1F5F9 !important;
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-nav-item.is-active,
.ves-wrap.ves-light-suite .ves-sidebar .ves-tab-btn.is-active,
.ves-wrap.ves-light-suite .ves-sidebar button[data-ves-page].is-active {
background: #EFF6FF !important;
color: #1D4ED8 !important;
border-color: rgba(37,99,235,.14) !important;
font-weight: 600 !important;
}
.ves-wrap.ves-light-suite .ves-nav-item.is-active .ves-nav-ico {
color: #2563EB !important;
}
.ves-wrap.ves-light-suite .ves-workspace-switcher:hover,
.ves-wrap.ves-light-suite .ves-cmdk-btn:hover,
.ves-wrap.ves-light-suite .ves-user-dropdown-item:hover {
background: #F1F5F9 !important;
color: #0F172A !important;
}
.ves-wrap.ves-light-suite .ves-sidebar-foot,
.ves-wrap.ves-light-suite .ves-sidebar-card {
background: #F8FAFC !important;
border-top: 1px solid #E2E8F0 !important;
color: #475569 !important;
}
/* Stat / KPI cards — icon-style */
.ves-light-suite .ves-account-kpis,
.ves-light-suite .ves-kpis {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
margin-bottom: 18px !important;
}
.ves-light-suite .ves-kpi {
background: #FFFFFF !important;
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
padding: 18px !important;
box-shadow: 0 1px 4px rgba(15,23,42,.04) !important;
transition: box-shadow .15s, transform .15s !important;
position: relative !important;
overflow: hidden !important;
}
.ves-light-suite .ves-kpi::before { content: none !important; }
.ves-light-suite .ves-kpi:hover {
box-shadow: 0 6px 20px rgba(15,23,42,.08) !important;
transform: translateY(-1px) !important;
border-color: #CBD5E1 !important;
}
.ves-light-suite .ves-kpi:nth-child(1) { border-left: 3px solid #2563EB !important; }
.ves-light-suite .ves-kpi:nth-child(2) { border-left: 3px solid #7C3AED !important; }
.ves-light-suite .ves-kpi:nth-child(3) { border-left: 3px solid #16A34A !important; }
.ves-light-suite .ves-kpi:nth-child(4) { border-left: 3px solid #F59E0B !important; }
.ves-light-suite .ves-kpi small {
font-size: 11px !important;
font-weight: 600 !important;
color: #64748B !important;
text-transform: uppercase !important;
letter-spacing: .45px !important;
display: block !important;
margin-bottom: 8px !important;
}
.ves-light-suite .ves-kpi strong {
font-size: 28px !important;
font-weight: 700 !important;
color: #0F172A !important;
letter-spacing: -.025em !important;
line-height: 1 !important;
}
@media (max-width: 860px) {
.ves-light-suite .ves-account-kpis,
.ves-light-suite .ves-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px) {
.ves-light-suite .ves-account-kpis,
.ves-light-suite .ves-kpis { grid-template-columns: 1fr !important; }
}
/* Credit pill — light topbar */
.ves-light-suite .ves-credit-pill {
background: #EFF6FF !important;
color: #1D4ED8 !important;
border: 1px solid rgba(37,99,235,.16) !important;
font-weight: 600 !important;
border-radius: 999px !important;
padding: 4px 12px !important;
}
/* Empty states — centered ring+icon style */
.ves-light-suite .ves-empty {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 48px 24px !important;
text-align: center !important;
background: #FAFBFF !important;
border: 1px solid #E2E8F0 !important;
border-radius: 16px !important;
gap: 6px !important;
}
.ves-light-suite .ves-empty svg {
opacity: .4 !important;
margin-bottom: 10px !important;
}
.ves-light-suite .ves-empty > strong,
.ves-light-suite .ves-empty .ves-empty-title {
color: #0F172A !important;
font-size: 15px !important;
font-weight: 700 !important;
}
.ves-light-suite .ves-empty > p,
.ves-light-suite .ves-empty .ves-empty-text {
color: #64748B !important;
font-size: 13px !important;
max-width: 320px !important;
line-height: 1.5 !important;
}
/* Page nav underline tabs */
.ves-light-suite .ves-page-nav-btn {
height: 44px !important;
font-weight: 500 !important;
border-radius: 0 !important;
}
.ves-light-suite .ves-page-nav-btn.is-active {
border-bottom: 2px solid #2563EB !important;
color: #1D4ED8 !important;
font-weight: 600 !important;
}
/* Card headers */
.ves-light-suite .ves-sidebar-card-head strong,
.ves-light-suite .ves-command-head strong {
color: #0F172A !important;
font-size: 13px !important;
font-weight: 700 !important;
}
/* Result cards in light mode */
.ves-light-suite .ves-result-card {
border-radius: 16px !important;
overflow: hidden !important;
}
/* Scrollbar polish */
.ves-light-suite ::-webkit-scrollbar { width: 5px; height: 5px; }
.ves-light-suite ::-webkit-scrollbar-track { background: transparent; }
.ves-light-suite ::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 99px; }
.ves-light-suite ::-webkit-scrollbar-thumb:hover { background: #94A3B8; }
/* Mobile full-bleed at ≤ 640px */
@media (max-width: 640px) {
.ves-wrap.ves-dashboard-shell.ves-light-suite,
.ves-wrap.ves-shell-v3.ves-dashboard-shell.ves-light-suite {
border-radius: 0 !important;
border: none !important;
box-shadow: none !important;
}
.ves-light-suite .ves-page-inner { padding: 14px 12px 28px !important; }
.ves-light-suite .ves-page-title { font-size: 20px !important; }
}
/* ══════════════════════════════════════════════════════════════
v0.9.31.0 — Future Island™ Brand · Pragmatic Accent Layer
Color source: Future_Island_Kits_Pendientes.pdf
Ratio 70% black/beige · 20% azul/arena · 10% lime/orange
══════════════════════════════════════════════════════════════ */
/* ── FI design tokens ──────────────────────────────────────── */
.ves-wrap.ves-light-suite {
--fi-black: #0F0F0F;
--fi-beige: #ECE8DF;
--fi-azul: #3A61E1;
--fi-azul-h: #2D4DC5;
--fi-azul-10: rgba(58,97,225,.10);
--fi-azul-06: rgba(58,97,225,.06);
--fi-azul-18: rgba(58,97,225,.18);
--fi-arena: #E4DDC9;
--fi-lime: #D2F050;
--fi-lime-12: rgba(210,240,80,.12);
--fi-lime-20: rgba(210,240,80,.20);
--fi-orange: #F15D31;
--fi-org-10: rgba(241,93,49,.10);
--fi-org-18: rgba(241,93,49,.18);
/* Remap CSS variable accents → FI palette */
--em: #3A61E1;
--emh: #2D4DC5;
--em10: rgba(58,97,225,.10);
--em06: rgba(58,97,225,.06);
--em18: rgba(58,97,225,.18);
--em30: rgba(58,97,225,.30);
--err: #F15D31;
--er10: rgba(241,93,49,.10);
--er18: rgba(241,93,49,.18);
/* Warm the surfaces slightly toward brand beige */
--panel: #F8F7F4;
--app: #F8F7F4;
/* Text → FI Negro */
--t1: #0F0F0F;
--t2: #4A4A4A;
--t3: #737373;
}
/* ── Font import: add Archivo Black + Instrument Serif ──────── */
/* Appended @import must come before all other rules to work in some browsers;
we use a link element injected via the