/* Revaly Funnel UI 1.0C - safe static sidebar, production baseline 2.24C. */
:root{--rvo-side-width:220px;--rvo-border:#dce6f2;--rvo-primary:#1555ae;--rvo-ink:#10244a;--rvo-muted:#7083a1}
#rvo-funnel-static-sidebar{display:none;box-sizing:border-box;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--rvo-ink)}
#rvo-funnel-static-sidebar *{box-sizing:border-box}
/* Only display on the original React Dashboard, never on login/create/editor or public LP. */
body:has(#root .rv-classic-shell) #rvo-funnel-static-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:40;width:var(--rvo-side-width);padding:18px 14px 18px;flex-direction:column;gap:0;background:#fff;border-right:1px solid var(--rvo-border);overflow-y:auto;overflow-x:hidden}
body:has(#root .rv-classic-shell) #root .rv-classic-shell{width:calc(100% - var(--rvo-side-width))!important;min-width:0!important;margin-left:var(--rvo-side-width)!important;padding:22px 24px 50px!important;background:#f3f7fd!important;min-height:100vh!important}
#rvo-funnel-static-sidebar .rvo-side-brand{display:flex;align-items:center;gap:8px;padding:10px 5px 18px;margin-bottom:20px;border-bottom:1px solid #e8eef6}
#rvo-funnel-static-sidebar .rvo-side-brand img{width:112px;height:auto;min-width:0}
#rvo-funnel-static-sidebar .rvo-side-badge{border-radius:999px;padding:5px 7px;background:#eff5ff;border:1px solid #d6e5ff;font-size:9px;font-weight:900;color:#2459af;white-space:nowrap}
#rvo-funnel-static-sidebar .rvo-side-section{font-size:10px;letter-spacing:.105em;color:#8ba0b9;font-weight:900;text-transform:uppercase;margin:6px 8px 14px}
#rvo-funnel-static-sidebar .rvo-side-nav{display:grid;gap:8px}
#rvo-funnel-static-sidebar button{font:inherit;cursor:pointer}
#rvo-funnel-static-sidebar .rvo-side-link{width:100%;display:flex;gap:11px;align-items:center;text-align:left;padding:11px 10px;border-radius:12px;background:transparent;border:1px solid transparent;color:#18345e}
#rvo-funnel-static-sidebar .rvo-side-link:is(:hover,:focus-visible){background:#f3f7fd;outline:none}
#rvo-funnel-static-sidebar .rvo-side-link[aria-current="page"]{background:#eaf2ff;border-color:#cfe0fd;box-shadow:inset 3px 0 #266dfa;color:#114b9e}
#rvo-funnel-static-sidebar .rvo-side-icon{color:#3d659d;width:20px;height:20px;flex:none;display:grid;place-items:center}
#rvo-funnel-static-sidebar .rvo-side-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#rvo-funnel-static-sidebar .rvo-side-link-text{display:grid;gap:3px;min-width:0}
#rvo-funnel-static-sidebar .rvo-side-link-text strong{font-size:13px;line-height:1.23}
#rvo-funnel-static-sidebar .rvo-side-link-text small{font-size:10px;color:#8192a9;line-height:1.35}
#rvo-funnel-static-sidebar .rvo-side-spacer{flex:1;min-height:25px}
#rvo-funnel-static-sidebar .rvo-side-bottom{border-top:1px solid #e8eef6;padding-top:18px;margin-top:20px}
#rvo-funnel-static-sidebar .rvo-side-bottom .rvo-side-section{margin-bottom:10px}
body:has(#root .rv-classic-shell) #root .rv-classic-header{background:#fff!important;border:1px solid var(--rvo-border)!important;border-radius:20px!important;padding:19px 22px!important;box-shadow:0 4px 18px rgba(25,63,118,.035)!important;margin-bottom:18px!important}
body:has(#root .rv-classic-shell) #root .rv-logo-box{display:none!important}
body:has(#root .rv-classic-shell) #root .rv-header-actions .rv-secondary-button{display:none!important}
body:has(#root .rv-classic-shell) #root .rv-classic-header h1{font-size:27px!important;line-height:1.2!important}
body:has(#root .rv-classic-shell) #root .rv-classic-header .rv-brand-wrap{gap:0!important}
body:has(#root .rv-classic-shell) #root .rv-stat-card,body:has(#root .rv-classic-shell) #root .rv-panel,body:has(#root .rv-classic-shell) #root .rv-insight-tools{border:1px solid var(--rvo-border)!important;border-radius:17px!important;box-shadow:0 4px 18px rgba(25,63,118,.028)!important;background:#fff!important}
/* Keep the native Funnel and Leads tabs functional; sidebar delegates to them. */
@media(max-width:950px){
 body:has(#root .rv-classic-shell) #rvo-funnel-static-sidebar{position:relative;top:auto;left:auto;bottom:auto;width:100%;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid var(--rvo-border);overflow:visible}
 body:has(#root .rv-classic-shell) #root .rv-classic-shell{margin-left:0!important;width:100%!important;padding:18px 15px 45px!important}
 #rvo-funnel-static-sidebar .rvo-side-brand{padding:7px 4px 12px;margin-bottom:10px}
 #rvo-funnel-static-sidebar .rvo-side-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 #rvo-funnel-static-sidebar .rvo-side-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-top:0;padding-top:0;margin-top:7px}
 #rvo-funnel-static-sidebar .rvo-side-bottom .rvo-side-section{display:none}
 #rvo-funnel-static-sidebar .rvo-side-spacer{display:none}
 #rvo-funnel-static-sidebar .rvo-side-section{margin:5px 3px 9px}
 #rvo-funnel-static-sidebar .rvo-side-link{padding:9px 8px}
}
@media(max-width:520px){
 #rvo-funnel-static-sidebar .rvo-side-link{gap:6px}
 #rvo-funnel-static-sidebar .rvo-side-link-text small{display:none}
 #rvo-funnel-static-sidebar .rvo-side-link-text strong{font-size:11px}
 #rvo-funnel-static-sidebar .rvo-side-icon{width:18px}
 body:has(#root .rv-classic-shell) #root .rv-classic-header{padding:15px!important}
}


/* REVALY FUNNEL UI 1.0D — Focused Navigation. Static view mode only, never controls React nodes. */
/* Default without JS: 1.0C original UI still functions as a safe fallback. */
body[data-rvo-funnel-view="dashboard"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-dashboard-toolbar,
body[data-rvo-funnel-view="dashboard"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-panel{display:none!important}
body[data-rvo-funnel-view="dashboard"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-insight-tools{display:none!important}
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-classic-header,
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-stats-grid,
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-insight-tools{display:none!important}
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-classic-header,
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-stats-grid,
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-insight-tools,
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-dashboard-toolbar{display:none!important}
/* Navigation is controlled by sidebar; preserve native React tab buttons (clickable from sidebar JS). */
body[data-rvo-funnel-view]:has(#root .rv-classic-shell) #root .rv-dashboard-toolbar .rv-tabs{display:none!important}
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-dashboard-toolbar{justify-content:flex-end!important;margin-top:0!important}
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-dashboard-toolbar .rv-search{margin-left:auto!important;width:min(420px,100%)!important}
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-panel,
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-classic-container > .rv-panel{margin-top:12px!important}
/* Keep only the panel's Create Funnel action; remove duplicate header action in overview. */
body[data-rvo-funnel-view]:has(#root .rv-classic-shell) #root .rv-classic-header .rv-primary-button{display:none!important}
/* Display a short, focused label above the native panel without modifying its structure. */
body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-panel{min-height:330px}
body[data-rvo-funnel-view="leads"]:has(#root .rv-classic-shell) #root .rv-panel{min-height:330px}
/* The 1.0C shell used width plus padding; force border-box to avoid horizontal scroll. */
body:has(#root .rv-classic-shell) #root .rv-classic-shell{box-sizing:border-box!important;max-width:calc(100vw - var(--rvo-side-width))!important}
body:has(#root .rv-classic-shell) #root .rv-classic-container{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
@media(max-width:950px){body:has(#root .rv-classic-shell) #root .rv-classic-shell{max-width:100vw!important}}
/* Group sidebar features in a dedicated section. */
#rvo-funnel-static-sidebar .rvo-side-feature-section{margin-top:24px}
#rvo-funnel-static-sidebar .rvo-side-feature-section .rvo-side-section{margin-bottom:9px}
#rvo-funnel-static-sidebar .rvo-side-feature-section .rvo-side-nav{gap:3px}
#rvo-funnel-static-sidebar .rvo-side-feature-section .rvo-side-link{padding:9px 10px}
#rvo-funnel-static-sidebar .rvo-side-link[aria-current="page"] .rvo-side-icon{color:#1960d4}
@media(max-width:950px){
 #rvo-funnel-static-sidebar .rvo-side-feature-section{margin-top:8px}
 #rvo-funnel-static-sidebar .rvo-side-feature-section .rvo-side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:520px){
 body[data-rvo-funnel-view="funnels"]:has(#root .rv-classic-shell) #root .rv-dashboard-toolbar .rv-search{width:100%!important}
 #rvo-funnel-static-sidebar .rvo-side-feature-section .rvo-side-link-text strong{font-size:10px}
}

/* 1.0E: Performance Tools lives only in left sidebar; original React buttons remain mounted, callable programmatically. */