/* TAAA FRONTEND DESIGN SYSTEM The current Client Dashboard UX/UI is the canonical reference implementation. Shared page chrome and analytics components must reuse these tokens/classes rather than introducing page-specific variants. Refactors must preserve rendered output. Canonical contracts currently include: - .section-heading / .section-title / .section-description - .metric-card + .metric-compare - .panel + .panel-head.control-head (controls remain top-right) - .metric-control + .metric-dropdown-button + .metric-menu + .metric-option - .ranked-list-row + .ranked-list-label + .ranked-list-track + .ranked-list-fill + .ranked-list-value - .donut-chart + .donut-chart-center + .donut-chart-legend + .donut-chart-tooltip - .date-control + .date-range-button + .date-popover - .section-nav + .section-tab quick-section navigation - .period-notice shared reporting-period coverage notice - sidebar, loading, runtime/offline, tooltip, table, and responsive behavior */ html{scroll-behavior:smooth;background:var(--page)} body{ margin:0;min-height:100vh;color:var(--ink);font-family:"Inter","Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums; background: radial-gradient(circle at 76% 4%,rgba(88,28,135,.14),transparent 28%), radial-gradient(circle at 18% 32%,rgba(79,70,229,.055),transparent 30%), linear-gradient(180deg,#06080e 0%,#05070c 50%,#06080e 100%); selection-background:#a855f7 } a{color:inherit;text-decoration:none}button{font:inherit} .loading-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:rgba(4,3,10,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.loading-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.loading-overlay-panel{display:flex;align-items:center;gap:15px;min-width:min(360px,calc(100vw - 40px));padding:18px 20px;border:1px solid rgba(168,85,247,.28);border-radius:13px;background:linear-gradient(145deg,rgba(15,10,28,.96),rgba(8,10,20,.96));box-shadow:0 26px 72px rgba(0,0,0,.52),0 0 36px rgba(168,85,247,.12)}.loading-overlay-spinner{position:relative;width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 20px rgba(168,85,247,.12)}.loading-overlay-spinner::before{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid rgba(168,85,247,.15);border-top-color:#a855f7;border-right-color:#6366f1;animation:dashboardLoadingSpin .85s linear infinite}.loading-overlay-spinner span{position:relative;z-index:1;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.20),transparent 68%);color:#e9d5ff;font-size:8px;font-weight:850;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(192,132,252,.35)}.loading-overlay-copy{min-width:0}.loading-overlay-kicker{color:#a78bfa;font-size:8px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.loading-overlay-title{margin-top:4px;color:#fff;font-size:14px;font-weight:850;letter-spacing:-.01em}.loading-overlay-detail{margin-top:4px;color:#94a3b8;font-size:9.5px;font-weight:650;line-height:1.45}.dashboard-busy{overflow:hidden}.dashboard-busy .dashboard-shell{user-select:none}.dashboard-busy .dashboard-shell[aria-hidden="true"]{visibility:visible}@keyframes dashboardLoadingSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-overlay-spinner::before{animation-duration:1.6s}} .dashboard-shell{display:flex;min-height:100vh;width:100%}.dashboard-sidebar{position:sticky;top:0;flex:0 0 270px;width:270px;height:100vh;z-index:300;display:flex;flex-direction:column;justify-content:space-between;background:rgba(11,8,22,.96);border-right:1px solid rgba(88,28,135,.28);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:width .25s ease,flex-basis .25s ease;box-shadow:18px 0 42px rgba(0,0,0,.12)}.dashboard-sidebar.collapsed{flex-basis:72px;width:72px}.sidebar-scroll{min-height:0;display:flex;flex:1;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidebar-brand{min-height:88px;padding:18px 16px;border-bottom:1px solid rgba(88,28,135,.22);display:flex;align-items:center;gap:11px}.sidebar-brand-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(88,28,135,.32),rgba(180,83,9,.10));border:1px solid rgba(168,85,247,.28);color:#d4af37;box-shadow:0 0 16px rgba(168,85,247,.17)}.sidebar-brand-icon img{display:block;width:100%;height:100%;padding:4px;object-fit:contain;border-radius:8px}.sidebar-brand-copy{min-width:0;flex:1}.sidebar-brand-name{color:#fff;font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-sub{margin-top:5px;display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:9.5px;font-weight:650}.sidebar-live-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.46)}.sidebar-toggle{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#94a3b8;cursor:pointer;transition:.16s ease}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{color:#fff;background:rgba(168,85,247,.12);outline:none}.sidebar-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-client{padding:13px 14px;border-bottom:1px solid rgba(88,28,135,.15)}.sidebar-client-pill{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:9px;background:rgba(59,7,100,.35);border:1px solid rgba(168,85,247,.22);color:#d8b4fe;font-size:10px;font-weight:700;min-width:0}.sidebar-client-pill .dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#c084fc;box-shadow:0 0 7px #c084fc}.sidebar-client-pill span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{padding:20px 12px 18px;display:flex;flex:1;flex-direction:column;gap:18px}.sidebar-group{display:flex;flex-direction:column;gap:5px}.sidebar-group[hidden]{display:none!important}.sidebar-group-label{padding:0 11px 5px;color:rgba(192,132,252,.72);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.sidebar-link[hidden]{display:none!important}.sidebar-link{position:relative;display:flex;align-items:center;gap:11px;min-height:38px;padding:9px 11px;border-radius:8px;color:#a8b2c5;font-size:10.5px;font-weight:650;transition:.16s ease}.sidebar-link:hover{color:#fff;background:rgba(255,255,255,.035)}.sidebar-link.active{color:#fff;background:rgba(59,7,100,.35);border:1px solid rgba(168,85,247,.18);box-shadow:0 0 14px rgba(168,85,247,.10)}.sidebar-link.active::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 999px 999px 0;background:#c084fc;box-shadow:0 0 8px #c084fc}.sidebar-link svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-link.active svg{color:#d8b4fe;filter:drop-shadow(0 0 5px rgba(192,132,252,.45))}.sidebar-link-badge{margin-left:auto;padding:2px 6px;border-radius:7px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.18);color:#c084fc;font-size:8px;font-weight:800}.sidebar-link.disabled{opacity:.48;cursor:default}.sidebar-link.disabled:hover{background:transparent;color:#a8b2c5}.sidebar-footer{padding:12px;border-top:1px solid rgba(88,28,135,.22);background:rgba(59,7,100,.13)}.sidebar-sync{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px 9px;color:#94a3b8;font-size:9px}.sidebar-sync strong{color:#c084fc;font-weight:800}.sidebar-footer-card{display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;background:rgba(59,7,100,.28);border:1px solid rgba(168,85,247,.18)}.sidebar-footer-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:10px;font-weight:900}.sidebar-footer-copy{min-width:0}.sidebar-footer-copy strong{display:block;color:#fff;font-size:9.5px}.sidebar-footer-copy span{display:block;margin-top:2px;color:#94a3b8;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar.collapsed .sidebar-hideable{display:none!important}.dashboard-sidebar.collapsed .sidebar-brand{justify-content:center;padding-left:10px;padding-right:10px}.dashboard-sidebar.collapsed .sidebar-toggle{position:absolute;left:51px;top:29px;width:22px;height:28px;background:rgba(11,8,22,.96);border:1px solid rgba(88,28,135,.30)}.dashboard-sidebar.collapsed .sidebar-nav{padding-left:8px;padding-right:8px}.dashboard-sidebar.collapsed .sidebar-link{justify-content:center;padding-left:9px;padding-right:9px}.dashboard-sidebar.collapsed .sidebar-link.active::before{left:-8px}.dashboard-sidebar.collapsed .sidebar-footer{padding:10px}.dashboard-sidebar.hover-open{overflow:visible}.dashboard-sidebar.hover-open::before{content:"";position:absolute;inset:0 auto 0 0;width:270px;background:rgba(11,8,22,.985);border-right:1px solid rgba(88,28,135,.34);box-shadow:22px 0 48px rgba(0,0,0,.34),0 0 30px rgba(88,28,135,.10);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);pointer-events:none;z-index:0;opacity:1;transform:translateX(0) scaleX(1);transform-origin:left center;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.dashboard-sidebar.hover-open>.sidebar-scroll,.dashboard-sidebar.hover-open>.sidebar-footer{position:relative;z-index:1;width:270px}.dashboard-sidebar.hover-open .sidebar-hideable{display:revert!important;opacity:1;transform:translateX(0);transition:opacity .16s ease .04s,transform .22s cubic-bezier(.2,.8,.2,1)}.dashboard-sidebar.hover-open.hover-transition-in::before,.dashboard-sidebar.hover-open.hover-transition-out::before{opacity:0;transform:translateX(-10px) scaleX(.965)}.dashboard-sidebar.hover-open.hover-transition-in .sidebar-hideable,.dashboard-sidebar.hover-open.hover-transition-out .sidebar-hideable{opacity:0;transform:translateX(-8px)}.dashboard-sidebar.hover-open .sidebar-sync{display:flex!important}.dashboard-sidebar.hover-open .sidebar-brand{justify-content:flex-start;padding:18px 16px}.dashboard-sidebar.collapsed.hover-open .sidebar-toggle{position:static;width:30px;height:30px;margin-left:auto;background:transparent;border:0}.dashboard-sidebar.hover-open .sidebar-nav{padding:20px 12px 18px}.dashboard-sidebar.hover-open .sidebar-link{justify-content:flex-start;padding:9px 11px}.dashboard-sidebar.hover-open .sidebar-link.active::before{left:0}.dashboard-sidebar.hover-open .sidebar-footer{padding:12px}.dashboard-main{flex:1;min-width:0}.container{width:min(1360px,calc(100% - 48px));margin:0 auto;padding:32px 0 54px} .hero{position:relative;overflow:hidden;isolation:isolate;min-height:300px;border-radius:18px;margin-bottom:24px;color:#fff;border:1px solid rgba(168,85,247,.20);background:#090711;box-shadow:0 25px 60px -15px rgba(0,0,0,.85),0 0 45px -10px rgba(168,85,247,.20),0 0 60px -15px rgba(147,51,234,.16)} .hero-shader{position:absolute;inset:0;z-index:0}.hero-shader canvas{display:block;width:100%;height:100%}.hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(2,6,23,.91) 0%,rgba(2,6,23,.72) 45%,rgba(59,7,100,.28) 100%)} .hero-content{position:relative;z-index:3;min-height:300px;padding:30px 54px 34px;display:flex;flex-direction:column;justify-content:flex-end} .status-chip{display:inline-flex;align-items:center;gap:10px;padding:8px 15px;border-radius:999px;background:rgba(59,7,100,.58);border:1px solid rgba(168,85,247,.42);color:#d8b4fe;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 20px rgba(168,85,247,.12)}.hero-source-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:9px;background:rgba(59,7,100,.35);border:1px solid rgba(168,85,247,.20);color:#cbd5e1;font-size:10px;font-weight:650;backdrop-filter:blur(12px)}.hero-source-chip .dot{width:6px;height:6px;border-radius:50%;background:#c084fc;box-shadow:0 0 7px rgba(192,132,252,.75)} .status-dot-wrap{position:relative;width:8px;height:8px;display:inline-flex}.status-dot-ring{position:absolute;inset:0;border-radius:50%;background:#94a3b8;animation:pulseRing 2.2s cubic-bezier(.24,0,.38,1) infinite}.status-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#94a3b8;box-shadow:0 0 9px rgba(148,163,184,.65)}.runtime-status{transition:border-color .18s ease,background .18s ease,color .18s ease}.runtime-status.server-checking .status-dot-ring,.runtime-status.server-checking .status-dot{background:#94a3b8}.runtime-status.server-checking .status-dot{box-shadow:0 0 9px rgba(148,163,184,.65)}.runtime-status.server-online .status-dot-ring,.runtime-status.server-online .status-dot{background:#34d399}.runtime-status.server-online .status-dot{box-shadow:0 0 9px rgba(52,211,153,.75)}.runtime-status.server-offline .status-dot-ring,.runtime-status.server-offline .status-dot{background:#f87171}.runtime-status.server-offline .status-dot{box-shadow:0 0 9px rgba(248,113,113,.78)}@keyframes pulseRing{0%{transform:scale(.95);opacity:.8}50%,100%{transform:scale(1.8);opacity:0}} .date-range-button{display:inline-flex;align-items:center;gap:10px;padding:11px 15px;border-radius:9px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:12px;font-weight:650;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.2s ease}.date-range-button:hover,.date-range-button:focus-visible{background:rgba(255,255,255,.13);border-color:rgba(192,132,252,.45);color:#fff;outline:none;box-shadow:0 8px 24px rgba(168,85,247,.13)}.date-range-button svg{width:16px;height:16px;fill:none;stroke:#a5b4fc;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.date-range-button .chev{font-size:10px;color:#94a3b8;margin-left:1px;transition:transform .16s ease}.date-range-button[aria-expanded="true"] .chev{transform:rotate(180deg)} .hero-copy{max-width:980px}.hero-eyebrow{display:flex;align-items:center;gap:9px;color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#c084fc;box-shadow:0 0 8px #c084fc}.hero-title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:11px}.hero h1{margin:0;font-family:"Plus Jakarta Sans","Inter","Segoe UI",Arial,sans-serif;font-size:54px;line-height:1.02;letter-spacing:-.035em;font-weight:850;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.25)}.hero-oem-row:not(:empty){margin-top:10px}.hero-oem-row:not(:empty)+.hero-subtitle{margin-top:11px}.hero-subtitle{margin:14px 0 0;color:rgba(203,213,225,.88);font-size:12.5px;line-height:1.55;max-width:760px}.oem-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:7px;background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(88,28,135,.20),rgba(180,83,9,.10));border:1px solid rgba(192,132,252,.30);color:#d4af37;box-shadow:0 0 18px rgba(168,85,247,.16)}.oem-badge svg{width:25px;height:14px;fill:currentColor;filter:drop-shadow(0 1px 2px rgba(0,0,0,.75))}.oem-badge span{font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#fcd34d} .section-nav{position:sticky;top:0;z-index:220;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 -12px 30px;padding:11px 12px;border-bottom:1px solid transparent;background:rgba(6,8,14,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,backdrop-filter .18s ease}.section-nav.is-stuck{background:rgba(6,4,10,.91);border-bottom-color:rgba(88,28,135,.30);box-shadow:0 14px 34px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.section-tabs-scroll{min-width:0;overflow-x:auto;scrollbar-width:none}.section-tabs-scroll::-webkit-scrollbar{display:none}.section-tabs{display:flex;align-items:center;gap:7px;min-width:max-content}.section-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid transparent;border-radius:9px;color:#94a3b8;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap;transition:.18s ease}.section-tab[hidden]{display:none!important}.section-tab::before{content:"";width:6px;height:6px;border-radius:50%;background:transparent;transition:.18s ease}.section-tab:hover{color:#e2e8f0;background:rgba(255,255,255,.035)}.section-tab.active{color:#e9d5ff;background:rgba(59,7,100,.52);border-color:rgba(168,85,247,.34);box-shadow:0 0 14px rgba(168,85,247,.14)}.section-tab.active::before{background:#c084fc;box-shadow:0 0 7px #c084fc}.section-nav-actions{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:13px}.sync-status{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:9.5px;font-weight:650;white-space:nowrap}.sync-status svg{width:14px;height:14px;fill:none;stroke:#c084fc;stroke-width:2}.date-control{position:relative}.date-range-button{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;background:rgba(59,7,100,.42);border:1px solid rgba(168,85,247,.30);color:#e2e8f0;font-size:10.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(0,0,0,.16);transition:.18s ease}.date-range-button:hover,.date-range-button:focus-visible{background:rgba(88,28,135,.42);border-color:rgba(192,132,252,.48);color:#fff;outline:none;box-shadow:0 8px 24px rgba(168,85,247,.12)}.date-range-button svg{width:14px;height:14px;fill:none;stroke:#c084fc;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.date-range-button .chev{font-size:10px;color:#94a3b8;margin-left:1px;transition:transform .16s ease}.date-range-button[aria-expanded="true"] .chev{transform:rotate(180deg)} .date-popover{position:absolute;z-index:1000;top:calc(100% + 10px);right:0;width:344px;padding:15px;border-radius:12px;background:rgba(9,12,22,.98);border:1px solid rgba(168,85,247,.26);box-shadow:0 24px 62px rgba(0,0,0,.52),0 0 28px rgba(168,85,247,.08);backdrop-filter:blur(22px);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:.16s ease}.date-popover.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.date-popover-title{font-size:11px;font-weight:800;color:#e2e8f0;margin-bottom:10px}.date-presets{display:flex;align-items:center;gap:4px;margin-top:9px;padding:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.date-presets::-webkit-scrollbar{display:none}.date-presets-label{flex:0 0 auto;padding:0 3px;color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.date-preset{flex:0 0 auto;height:24px;padding:0 7px;border:1px solid transparent;border-radius:7px;background:transparent;color:#94a3b8;font-size:8px;font-weight:800;cursor:pointer;transition:.15s ease}.date-preset:hover:not(:disabled){border-color:rgba(192,132,252,.24);background:rgba(168,85,247,.08);color:#e9d5ff}.date-preset.active{border-color:rgba(168,85,247,.48);background:rgba(126,34,206,.22);color:#f3e8ff;box-shadow:0 0 0 1px rgba(168,85,247,.07)}.date-preset:disabled{opacity:.34;cursor:not-allowed}.date-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}.date-boundary{height:40px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:rgba(15,23,42,.70);text-align:left;padding:6px 9px;cursor:pointer;transition:.15s ease}.date-boundary:hover{border-color:rgba(192,132,252,.38)}.date-boundary.active{border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,.11)}.date-boundary small{display:block;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.date-boundary span{display:block;margin-top:2px;color:#e2e8f0;font-size:10px;font-weight:750}.calendar{border-top:1px solid rgba(148,163,184,.13);padding-top:10px}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.calendar-month{color:#e2e8f0;font-size:11px;font-weight:800}.calendar-nav{width:29px;height:29px;border:0;border-radius:8px;background:transparent;color:#94a3b8;cursor:pointer;font-size:15px}.calendar-nav:hover{background:rgba(168,85,247,.12);color:#e9d5ff}.calendar-nav:disabled{opacity:.25;cursor:not-allowed;background:transparent}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.calendar-weekdays span{text-align:center;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}.calendar-grid{margin-top:4px}.calendar-day{position:relative;height:34px;border:0;border-radius:7px;background:transparent;color:#cbd5e1;font-size:9.5px;font-weight:650;cursor:pointer}.calendar-day:hover:not(:disabled){background:rgba(168,85,247,.12);color:#fff}.calendar-day.muted{color:#475569}.calendar-day:disabled{opacity:.22;cursor:not-allowed}.calendar-day.in-range{background:rgba(126,34,206,.18);border-radius:0}.calendar-day.range-start,.calendar-day.range-end{background:linear-gradient(135deg,#9333ea,#6366f1);color:#fff;border-radius:7px;font-weight:800;box-shadow:0 0 14px rgba(168,85,247,.18)}.calendar-day.range-start+.calendar-day.in-range,.calendar-day.in-range+.calendar-day.range-end{border-radius:0}.calendar-day.today::after{content:"";position:absolute;bottom:3px;left:50%;width:3px;height:3px;border-radius:50%;background:#c084fc;transform:translateX(-50%)}.calendar-day.range-start.today::after,.calendar-day.range-end.today::after{background:#fff}.date-popover-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding-top:9px;border-top:1px solid rgba(148,163,184,.13)}.date-error{min-height:13px;flex:1;color:#fda4af;font-size:9px;line-height:1.3}.date-apply{flex:0 0 auto;min-width:74px;height:33px;border:0;border-radius:7px;background:linear-gradient(135deg,#9333ea,#4f46e5);color:#fff;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 7px 18px rgba(124,58,237,.25)}.date-apply:disabled{opacity:.55;cursor:wait} .acquisition-section{margin-top:30px}.acq-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr);gap:16px;margin-bottom:16px}.acq-grid>.acq-panel{min-height:410px;display:flex;flex-direction:column}.acq-panel{min-height:100%}.acq-panel .panel-head{margin-bottom:14px}.chart-title-row{display:flex;align-items:center;gap:8px}.scope-info{position:relative;width:17px;height:17px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:rgba(255,255,255,.025);color:#64748b;font-size:8px;font-weight:850;line-height:1;cursor:help;transition:.15s ease}.scope-info:hover,.scope-info:focus-visible{color:#f3e8ff;border-color:rgba(192,132,252,.50);background:rgba(168,85,247,.13);outline:none;box-shadow:0 0 12px rgba(168,85,247,.12)}.scope-tooltip{position:absolute;left:50%;bottom:25px;width:230px;padding:8px 9px;border-radius:7px;background:rgba(4,6,14,.97);border:1px solid rgba(168,85,247,.22);color:#e2e8f0;font-size:9.5px;line-height:1.45;font-weight:450;letter-spacing:0;text-align:left;box-shadow:0 14px 32px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translate(-50%,5px) scale(.98);transition:.14s ease;pointer-events:none;z-index:30}.scope-tooltip::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(4,6,14,.97)}.scope-info:hover .scope-tooltip,.scope-info:focus-visible .scope-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.limit-control{position:relative;display:flex;align-items:center;gap:8px;align-self:flex-start;flex:0 0 auto;white-space:nowrap}.limit-menu{max-height:220px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.panel-footer-controls{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:34px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(148,163,184,.10)}.panel-footer-controls .limit-control{align-self:auto}.panel-footer-controls .metric-menu{top:auto;bottom:28px;z-index:30}.acq-bar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:7px;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.acq-bar-scroll::-webkit-scrollbar,.traffic-wrap::-webkit-scrollbar,.limit-menu::-webkit-scrollbar{width:8px;height:8px}.acq-bar-scroll::-webkit-scrollbar-track,.traffic-wrap::-webkit-scrollbar-track,.limit-menu::-webkit-scrollbar-track{background:rgba(30,41,59,.28);border-radius:999px}.acq-bar-scroll::-webkit-scrollbar-thumb,.traffic-wrap::-webkit-scrollbar-thumb,.limit-menu::-webkit-scrollbar-thumb{background:rgba(168,85,247,.42);border-radius:999px}.acq-bar-list{display:flex;flex-direction:column;gap:11px}.acq-bar-row,.ranked-list-row{position:relative;display:grid;grid-template-columns:minmax(110px,190px) minmax(100px,1fr) 64px;align-items:center;gap:10px;padding:4px 5px;margin:0 -5px;border-radius:8px;transition:background .15s ease,transform .15s ease}.acq-bar-row:hover,.ranked-list-row:hover{background:rgba(168,85,247,.055);transform:translateX(2px)}.acq-bar-label,.ranked-list-label{font-size:10.5px;font-weight:700;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acq-bar-track,.ranked-list-track{height:8px;border-radius:999px;background:rgba(51,65,85,.72);overflow:hidden}.acq-bar-fill,.ranked-list-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#a855f7,#6366f1);min-width:0;box-shadow:0 0 9px rgba(168,85,247,.30)}.acq-bar-value,.ranked-list-value{font-size:10.5px;font-weight:800;text-align:right;color:#e2e8f0}.donut-chart-body{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding-top:0}.donut-chart-layout{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px}.donut-chart{width:220px;height:220px;position:relative;display:grid;place-items:center}.donut-chart-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.donut-chart-track{fill:none;stroke:rgba(51,65,85,.72);stroke-width:26}.donut-chart-segment{cursor:pointer;transition:filter .16s ease,opacity .16s ease}.donut-chart-segment:hover,.donut-chart-segment:focus-visible{filter:drop-shadow(0 0 6px rgba(192,132,252,.58));opacity:1;outline:none}.donut-chart-center{position:absolute;z-index:2;inset:47px;border-radius:50%;background:#0a0e18;box-shadow:0 0 0 1px rgba(148,163,184,.12);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;pointer-events:none}.donut-chart-total{font-size:22px;font-weight:850;color:#f8fafc}.donut-chart-label{font-size:8.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#64748b}.donut-chart-tooltip{position:absolute;z-index:12;display:none;pointer-events:none;min-width:148px;padding:8px 9px;border-radius:7px;background:rgba(4,6,14,.96);border:1px solid rgba(168,85,247,.24);box-shadow:0 14px 30px rgba(0,0,0,.42);transform:translate(-50%,-118%);white-space:nowrap}.donut-chart-tooltip strong{display:block;color:#f8fafc;font-size:10px}.donut-chart-tooltip span{display:block;margin-top:2px;color:#cbd5e1;font-size:9px}.donut-chart-legend{width:min(100%,360px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.donut-chart-item{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:9.5px}.donut-chart-swatch{width:8px;height:8px;border-radius:50%;box-shadow:0 0 7px rgba(168,85,247,.18)}.donut-chart-name{font-weight:700;color:#cbd5e1;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donut-chart-share{font-weight:850;color:#e2e8f0}.donut-chart-empty{color:#64748b;font-size:9px;line-height:1.45} .traffic-wrap{max-height:438px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.traffic-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10.5px}.traffic-table th{position:sticky;top:0;z-index:2;text-align:right;padding:10px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(9,13,23,.97);color:#64748b;font-size:8.5px;font-weight:850;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}.traffic-table th:first-child,.traffic-table td:first-child{text-align:left}.traffic-table td{padding:11px 10px;border-bottom:1px solid rgba(148,163,184,.085);text-align:right;color:#cbd5e1;font-weight:650;white-space:nowrap}.traffic-table tbody tr{transition:background .15s ease}.traffic-table tbody tr:hover{background:rgba(168,85,247,.055)}.traffic-table tr:last-child td{border-bottom:0}.traffic-table td:first-child{font-weight:800;color:#e2e8f0;max-width:220px;overflow:hidden;text-overflow:ellipsis}.city-panel{width:100%}.city-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:16px;align-items:stretch}.city-map-shell{position:relative;min-height:438px;overflow:hidden;border:1px solid rgba(168,85,247,.20);border-radius:11px;background:radial-gradient(circle at 22% 18%,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at 72% 28%,rgba(168,85,247,.13),transparent 34%),linear-gradient(180deg,rgba(6,10,18,.99),rgba(7,10,18,.97));box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 30px rgba(168,85,247,.05)}.city-map-shell::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 54%,rgba(2,6,23,.16) 100%),linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 18%,rgba(0,0,0,.08) 100%)}.city-map{position:absolute;inset:0;z-index:1}.city-map-status{position:absolute;z-index:4;left:12px;top:12px;max-width:min(320px,calc(100% - 24px));padding:7px 9px;border:1px solid rgba(168,85,247,.22);border-radius:7px;background:rgba(5,8,16,.82);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);color:#cbd5e1;font-size:8.5px;font-weight:700;line-height:1.35;box-shadow:0 8px 20px rgba(0,0,0,.24)}.city-map-status:empty{display:none}.city-map-credit,.city-map-data-credit{position:absolute;z-index:4;bottom:8px;padding:3px 5px;border-radius:5px;background:rgba(5,8,16,.62);color:#64748b;font-size:7px;font-weight:700;line-height:1.2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.city-map-credit{left:10px}.city-map-data-credit{right:10px;text-align:right}.city-map-credit a,.city-map-data-credit a{color:#8b9bb2;text-decoration:none}.city-map-credit a:hover,.city-map-data-credit a:hover{color:#c4b5fd;text-decoration:underline}.city-ranking{min-width:0;display:flex;flex-direction:column;padding:2px 0}.city-list{display:grid;grid-template-columns:1fr;gap:3px;max-height:438px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.city-row{position:relative;display:grid;grid-template-columns:24px minmax(100px,150px) 1fr 64px;align-items:center;gap:8px;padding:7px 7px;margin:0;border-radius:7px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease,margin .15s ease}.city-row:hover{background:rgba(168,85,247,.075);transform:translateX(2px)}.city-row.map-ranked-selectable{cursor:pointer;scroll-margin-block:6px}.city-row.map-ranked-selectable:hover .city-name{color:#f3e8ff;text-shadow:0 0 10px rgba(192,132,252,.24)}.city-row.map-ranked-selectable:focus-visible{outline:1px solid rgba(192,132,252,.58);outline-offset:-1px;background:rgba(168,85,247,.10);box-shadow:0 0 0 2px rgba(168,85,247,.06)}.city-row.map-ranked-selectable:active{transform:translateX(2px) scale(.995)}.city-row.is-map-selected .city-name{color:#d1fae5}.city-row.is-map-selected{margin-block:2px;background:linear-gradient(90deg,rgba(16,185,129,.13),rgba(15,23,42,.03));box-shadow:inset 2px 0 0 #34d399,inset 0 1px 0 rgba(52,211,153,.16),inset 0 -1px 0 rgba(52,211,153,.16),inset -1px 0 0 rgba(52,211,153,.10)}.ranked-map-store-marker{position:relative;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.42));cursor:default}.ranked-map-store-pin{width:38px;height:38px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.88);border-radius:50% 50% 50% 12px;background:linear-gradient(145deg,#7e22ce,#a855f7);box-shadow:0 0 0 4px rgba(168,85,247,.16),0 0 22px rgba(168,85,247,.34);transform:rotate(-45deg)}.ranked-map-store-pin svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(45deg)}.ranked-map-store-label{position:absolute;left:50%;bottom:45px;max-width:220px;padding:5px 7px;border:1px solid rgba(226,232,240,.16);border-radius:7px;background:rgba(4,6,14,.90);color:#f8fafc;font-size:8px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 18px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:.14s ease;pointer-events:none}.ranked-map-store-marker:hover .ranked-map-store-label{opacity:1;visibility:visible;transform:translate(-50%,0)}.city-map-shell .maplibregl-ctrl-group{overflow:hidden;border:1px solid rgba(168,85,247,.22);border-radius:8px;background:linear-gradient(180deg,rgba(8,12,22,.92),rgba(7,10,18,.88));box-shadow:0 10px 24px rgba(0,0,0,.28)}.city-map-shell .maplibregl-ctrl-group button{background-color:transparent;transition:background .15s ease}.city-map-shell .maplibregl-ctrl-group button:hover{background:rgba(168,85,247,.10)}.city-map-shell .maplibregl-ctrl-group button+button{border-top-color:rgba(148,163,184,.13)}.city-map-shell .maplibregl-ctrl-icon{filter:invert(1) opacity(.75)}.city-map-shell .maplibregl-popup-content{padding:9px 10px;border:1px solid rgba(226,232,240,.16);border-radius:8px;background:rgba(4,6,14,.56);box-shadow:0 12px 28px rgba(0,0,0,.30);color:#e2e8f0;font-size:9px;line-height:1.42;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.city-map-shell .maplibregl-popup-content strong{display:block;color:#fff;font-size:10px}.city-map-shell .maplibregl-popup-content span{display:block;margin-top:2px;color:#cbd5e1}.city-map-shell .maplibregl-popup-tip{display:none!important}.city-rank{font-size:9px;color:#64748b;font-weight:800}.city-name{font-size:10px;font-weight:750;color:#cbd5e1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-track{height:6px;border-radius:999px;background:rgba(51,65,85,.70);overflow:hidden}.city-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#d946ef);min-width:0;box-shadow:0 0 8px rgba(168,85,247,.25)}.city-value{font-size:9.5px;font-weight:800;color:#cbd5e1;text-align:right}.composition-others{position:sticky;bottom:0;z-index:6;margin-top:5px;padding-top:10px;border-top:1px solid rgba(168,85,247,.26);background:rgba(8,10,18,.97);box-shadow:0 -10px 24px rgba(0,0,0,.34);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.composition-others .acq-bar-label,.composition-others .ranked-list-label,.composition-others .city-name,.composition-others .eng-rank-name,.composition-others .google-ads-breakdown-name{color:#d8b4fe}.composition-others .acq-bar-fill,.composition-others .ranked-list-fill,.composition-others .city-fill,.composition-others .eng-bar-fill{opacity:.72}.composition-others .city-rank,.composition-others .eng-rank-index{color:#a78bfa}.composition-context{margin-top:5px;color:#a78bfa;font-size:8.5px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-composition-context{margin-top:0;text-align:left}.city-list::-webkit-scrollbar,.eng-ranked-list::-webkit-scrollbar{width:8px}.city-list::-webkit-scrollbar-track,.eng-ranked-list::-webkit-scrollbar-track{background:rgba(30,41,59,.28);border-radius:999px}.city-list::-webkit-scrollbar-thumb,.eng-ranked-list::-webkit-scrollbar-thumb{background:rgba(168,85,247,.42);border-radius:999px}.bar-row-tooltip{position:fixed;left:0;top:0;z-index:5000;min-width:190px;max-width:min(300px,calc(100vw - 24px));padding:9px 10px;border-radius:8px;background:rgba(4,6,14,.98);border:1px solid rgba(168,85,247,.28);box-shadow:0 16px 36px rgba(0,0,0,.52),0 0 18px rgba(168,85,247,.10);color:#e2e8f0;font-size:9px;line-height:1.42;opacity:0;visibility:hidden;transform:translate(-50%,calc(-100% - 14px));transition:opacity .10s ease;pointer-events:none;backdrop-filter:blur(12px)}.bar-row-tooltip.show{opacity:1;visibility:visible}.bar-row-tooltip strong{display:block;color:#f8fafc;font-size:10px;font-weight:500;overflow-wrap:anywhere}.bar-row-tooltip .bar-tip-value{margin-top:4px;color:#e2e8f0;font-size:9.5px;font-weight:800}.bar-row-tooltip .bar-tip-share{margin-top:2px;color:#c084fc;font-size:9px;font-weight:750}.bar-row-tooltip .bar-tip-extra{margin-top:3px;color:#94a3b8;font-size:8.5px;font-weight:650}.bar-row-tooltip.has-media{width:190px;min-width:190px;max-width:190px;padding:8px}.bar-row-tooltip .hover-tip-media{overflow:hidden;border-radius:8px;background:#0a0e18}.bar-row-tooltip .hover-tip-image{display:block;width:100%;height:106px;object-fit:cover;background:#0a0e18}.bar-row-tooltip.has-media strong{margin-top:7px;text-align:center;color:#e9d5ff}.acq-note{margin-top:10px;color:#64748b;font-size:9px;line-height:1.45}.footer{padding:22px 4px 0;color:#64748b;font-size:9.5px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap} .engagement-section{margin-top:30px}.engagement-section .panel{min-width:0}.eng-primary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.eng-primary-grid .eng-story-panel{margin-bottom:0}.eng-panel-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:nowrap;flex:0 0 auto;white-space:nowrap}.eng-search-row{display:block;width:100%;margin:-1px 0 10px}.eng-search-box{position:relative;display:block;width:100%;min-width:0;border-bottom:1px solid rgba(148,163,184,.24);transition:border-color .15s ease,box-shadow .15s ease}.eng-search-box:hover{border-bottom-color:rgba(168,85,247,.42)}.eng-search-box:focus-within{border-bottom-color:#c084fc;box-shadow:0 2px 0 rgba(168,85,247,.12)}.eng-search-box svg{position:absolute;left:1px;top:50%;width:13px;height:13px;transform:translateY(-50%);fill:none;stroke:#64748b;stroke-width:1.8;pointer-events:none;transition:stroke .15s ease}.eng-search-box:focus-within svg{stroke:#c084fc}.eng-search-input{width:100%;height:33px;padding:0 4px 0 23px;border:0;border-radius:0;background:transparent;color:#e2e8f0;font:650 9.5px "Inter","Segoe UI",Arial,sans-serif;outline:none;color-scheme:dark;appearance:none;-webkit-appearance:none}.eng-search-input::-webkit-search-decoration{-webkit-appearance:none}.eng-search-input::placeholder{color:#64748b}.eng-search-status{display:block;min-height:13px;margin-top:4px;color:#64748b;font-size:8.5px;font-weight:750;text-align:left;white-space:nowrap}.eng-search-status.active{color:#a78bfa}.eng-primary-grid .eng-rank-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.eng-primary-grid .eng-rank-stats{grid-column:auto;justify-content:flex-end;flex-wrap:nowrap;text-align:right;gap:0}.eng-primary-grid .eng-rank-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.engagement-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.eng-highlight{--eng-accent:#a855f7;position:relative;min-width:0;min-height:142px;padding:15px 17px 14px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,rgba(15,23,42,.72),rgba(8,12,22,.62));border:1px solid color-mix(in srgb,var(--eng-accent) 30%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.eng-highlight::after{content:"";position:absolute;left:17px;right:17px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--eng-accent),transparent 82%);opacity:.52}.eng-highlight:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--eng-accent) 55%,transparent);box-shadow:0 15px 34px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--eng-accent) 12%,transparent)}.eng-highlight-views{--eng-accent:#c084fc}.eng-highlight-sessions{--eng-accent:#8b5cf6}.eng-highlight-rate{--eng-accent:#d946ef}.eng-highlight-events{--eng-accent:#6366f1}.eng-highlight-label{color:#94a3b8;font-size:8.5px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.eng-highlight-metric{display:flex;align-items:baseline;gap:6px;margin-top:9px;min-width:0}.eng-highlight-value{color:#fff;font-size:25px;font-weight:850;letter-spacing:-.025em;line-height:1}.eng-highlight-unit{color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.01em}.eng-highlight-entity{margin-top:9px;min-height:30px;color:#e2e8f0;font-size:10px;line-height:1.42;font-weight:750;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.eng-highlight-context{margin-top:4px;padding-right:4px;color:#64748b;font-size:8.5px;line-height:1.35;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eng-story-panel{margin-bottom:16px}.eng-ranked-list{display:flex;flex-direction:column;gap:1px;max-height:520px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.eng-rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(205px,245px);align-items:center;gap:11px;padding:7px 8px;margin:0 -8px;border-radius:7px;transition:background .15s ease,transform .15s ease}.eng-rank-row:hover{background:rgba(168,85,247,.065);transform:translateX(2px)}.eng-rank-index{align-self:start;padding-top:1px;color:#64748b;font-size:8.5px;font-weight:850;letter-spacing:.04em}.eng-rank-main{min-width:0}.eng-rank-name{color:#f8fafc;font-size:10.5px;line-height:1.32;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eng-bar-track{height:4px;margin-top:5px;border-radius:999px;background:rgba(51,65,85,.66);overflow:hidden}.eng-bar-fill{display:block;height:100%;min-width:0;border-radius:999px;background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 7px rgba(168,85,247,.25)}.eng-bar-landing{background:linear-gradient(90deg,#8b5cf6,#d946ef)}.eng-bar-event{background:linear-gradient(90deg,#6366f1,#a855f7)}.eng-bar-key{background:linear-gradient(90deg,#ec4899,#d946ef,#a855f7);box-shadow:0 0 8px rgba(217,70,239,.30)}.eng-rank-stats{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0;text-align:right}.eng-rank-stats strong{color:#f8fafc;font-size:12.5px;font-weight:850;white-space:nowrap}.eng-rank-stats strong span{color:#94a3b8;font-size:8.5px;font-weight:700}.eng-rank-stats small{color:#64748b;font-size:9px;font-weight:750;white-space:nowrap}.eng-rank-stats small.eng-key-active{color:#d8b4fe}.eng-rank-stats .eng-key-primary{color:#f5d0fe}.eng-landing-stats{gap:10px}.eng-rate-pill{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:rgba(168,85,247,.11);border:1px solid rgba(192,132,252,.20);color:#d8b4fe;font-size:8.5px;font-weight:850;white-space:nowrap}.eng-show-more{display:block;margin:10px auto 0;padding:6px 10px;border:1px solid rgba(168,85,247,.22);border-radius:7px;background:rgba(59,7,100,.20);color:#c4b5fd;font-size:8.5px;font-weight:800;cursor:pointer;transition:.15s ease}.eng-show-more:hover,.eng-show-more:focus-visible{background:rgba(88,28,135,.30);border-color:rgba(192,132,252,.42);color:#fff;outline:none}.eng-show-more[hidden]{display:none}.eng-empty{padding:14px 5px;color:#64748b;font-size:9.5px}.engagement-help{margin-top:7px;color:#64748b;font-size:9px;line-height:1.45}.eng-event-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 7px;padding:0 2px;color:#94a3b8;font-size:8.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.eng-event-kicker span:last-child{color:#64748b;font-weight:700;letter-spacing:0;text-transform:none}.eng-event-all{margin-top:12px;padding-top:10px;border-top:1px solid rgba(148,163,184,.10)}.eng-event-all summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;margin:0 -10px;border-radius:7px;color:#cbd5e1;cursor:pointer;transition:.15s ease}.eng-event-all summary::-webkit-details-marker{display:none}.eng-event-all summary:hover{background:rgba(168,85,247,.055);color:#fff}.eng-event-all summary strong{font-size:10px}.eng-event-all summary small{color:#64748b;font-size:8.5px;font-weight:650}.eng-event-all summary::after{content:"⌄";color:#a78bfa;font-size:11px;transition:transform .15s ease}.eng-event-all[open] summary::after{transform:rotate(180deg)}.eng-event-all-body{padding-top:5px} @media(max-width:980px){.interest-panel{width:100%}.interest-panel .acq-bar-row{grid-template-columns:minmax(110px,190px) minmax(100px,1fr) 64px}.eng-primary-grid{grid-template-columns:1fr}.engagement-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-sidebar{display:none}.container{width:min(100% - 32px,1360px)}.hero-content{padding:30px 38px 32px}.hero h1{font-size:44px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{flex-direction:column}.panel-head.control-head .chart-description{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.metric-control{align-self:flex-start}.metric-menu{left:0;right:auto}.panel-footer-controls .metric-menu{left:auto;right:0}.acq-grid{grid-template-columns:1fr}.donut-chart-layout{grid-template-columns:154px 1fr}.city-panel{width:100%}.city-layout{grid-template-columns:1fr}.city-map-shell{min-height:360px}.city-list{max-height:390px}.section-nav{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.sync-status{display:none}} @media(max-width:620px){.engagement-highlights{grid-template-columns:1fr}.eng-highlight{min-height:132px}.eng-highlight-context{white-space:normal}.eng-rank-row{grid-template-columns:28px minmax(0,1fr);gap:7px;padding-top:6px;padding-bottom:6px}.eng-rank-stats{grid-column:2;justify-content:flex-start;flex-wrap:wrap;text-align:left}.eng-primary-grid .eng-rank-row{grid-template-columns:28px minmax(0,1fr) auto;align-items:center}.eng-primary-grid .eng-rank-stats{grid-column:auto;justify-content:flex-end;flex-wrap:nowrap;text-align:right}.eng-rank-name{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.eng-event-kicker{align-items:flex-start;flex-direction:column;gap:2px}.eng-event-all summary{align-items:flex-start;flex-wrap:wrap}.container{width:calc(100% - 24px);padding-top:16px}.hero{border-radius:14px;min-height:270px}.hero-content{min-height:270px;padding:22px 22px 24px}.hero h1{font-size:34px}.hero-subtitle{font-size:11px}.hero-source-chip{display:none}.metric-grid{grid-template-columns:1fr;gap:12px}.metric-card{min-height:140px}.panel{padding:16px;border-radius:11px}.chart-shell{min-height:310px}.chart-shell>svg{height:300px}.info-tooltip{right:-8px;width:174px}.compare-reference{gap:4px}.section-nav{gap:8px}.section-nav-actions{gap:8px}.date-range-button{padding:8px 9px}.date-range-button span:not(.chev){max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-popover{position:fixed;left:12px;right:12px;top:62px;width:auto;transform-origin:top center}.section-tabs{gap:4px}.section-tab{padding:8px 10px}.acq-bar-row{grid-template-columns:100px 1fr 54px}.donut-chart-legend{grid-template-columns:1fr}.city-panel{width:100%}.city-map-shell{min-height:300px}.city-list{max-height:380px}.city-row{grid-template-columns:22px 100px 1fr 50px}.traffic-table{min-width:700px}} /* R028 sidebar motion: hover opens compact rail without moving the logo or flashing the dealership name. */ .sidebar-toggle{position:absolute;right:-15px;top:50%;z-index:6;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(11,8,22,.985);border:1px solid rgba(168,85,247,.30);box-shadow:0 8px 24px rgba(0,0,0,.30),0 0 16px rgba(168,85,247,.10);color:#94a3b8;transform:translateY(-50%);transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{color:#fff;background:rgba(59,7,100,.92);border-color:rgba(192,132,252,.52);box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 18px rgba(168,85,247,.18);transform:translateY(-50%) scale(1.06)}.dashboard-sidebar.collapsed .sidebar-toggle{display:none!important} .dashboard-sidebar.collapsed::before{content:"";position:absolute;inset:0 auto 0 0;width:72px;background:rgba(11,8,22,.985);border-right:1px solid rgba(88,28,135,.28);box-shadow:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);pointer-events:none;z-index:0;opacity:1;transform:none;transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.dashboard-sidebar.collapsed.hover-open::before{width:270px;border-right-color:rgba(88,28,135,.40);box-shadow:22px 0 48px rgba(0,0,0,.34),0 0 30px rgba(88,28,135,.10)}.dashboard-sidebar.collapsed>.sidebar-scroll,.dashboard-sidebar.collapsed>.sidebar-footer{position:relative;z-index:1;width:72px;transition:width .24s cubic-bezier(.2,.8,.2,1)}.dashboard-sidebar.collapsed.hover-open>.sidebar-scroll,.dashboard-sidebar.collapsed.hover-open>.sidebar-footer{width:270px} .dashboard-sidebar.collapsed .sidebar-hideable{display:revert!important;opacity:0!important;visibility:hidden;pointer-events:none;transform:translateX(-7px)!important;transition:opacity .14s ease,transform .20s ease,visibility 0s linear .20s!important}.dashboard-sidebar.collapsed.hover-open .sidebar-hideable{opacity:1!important;visibility:visible;pointer-events:auto;transform:translateX(0)!important;transition-delay:.055s,.035s,0s!important}.dashboard-sidebar.collapsed .sidebar-sync{display:flex!important}.dashboard-sidebar.collapsed .sidebar-brand-copy,.dashboard-sidebar.collapsed .sidebar-link>.sidebar-hideable,.dashboard-sidebar.collapsed .sidebar-link-badge,.dashboard-sidebar.collapsed .sidebar-footer-copy{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .24s cubic-bezier(.2,.8,.2,1),opacity .14s ease,transform .20s ease,visibility 0s linear .20s!important}.dashboard-sidebar.collapsed.hover-open .sidebar-brand-copy,.dashboard-sidebar.collapsed.hover-open .sidebar-link>.sidebar-hideable,.dashboard-sidebar.collapsed.hover-open .sidebar-link-badge,.dashboard-sidebar.collapsed.hover-open .sidebar-footer-copy{max-width:190px}.dashboard-sidebar.collapsed .sidebar-client{max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;overflow:hidden;transition:max-height .22s ease,padding .22s ease,opacity .14s ease,transform .20s ease!important}.dashboard-sidebar.collapsed.hover-open .sidebar-client{max-height:68px;padding:13px 14px;border-bottom-color:rgba(88,28,135,.15)}.dashboard-sidebar.collapsed .sidebar-group-label{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .20s ease,padding .20s ease,opacity .14s ease!important}.dashboard-sidebar.collapsed.hover-open .sidebar-group-label{max-height:22px;padding:0 11px 5px}.dashboard-sidebar.collapsed .sidebar-sync{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .20s ease,padding .20s ease,opacity .14s ease!important}.dashboard-sidebar.collapsed.hover-open .sidebar-sync{max-height:30px;padding:5px 7px 9px}.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.collapsed.hover-open .sidebar-brand{justify-content:flex-start;padding:18px 16px}.dashboard-sidebar.collapsed .sidebar-nav,.dashboard-sidebar.collapsed.hover-open .sidebar-nav{padding:20px 12px 18px}.dashboard-sidebar.collapsed .sidebar-link,.dashboard-sidebar.collapsed.hover-open .sidebar-link{justify-content:flex-start;padding:9px 11px}.dashboard-sidebar.collapsed .sidebar-link.active::before,.dashboard-sidebar.collapsed.hover-open .sidebar-link.active::before{left:0}.dashboard-sidebar.collapsed .sidebar-footer,.dashboard-sidebar.collapsed.hover-open .sidebar-footer{padding:12px} @media(max-width:1360px) and (min-width:981px){.dashboard-sidebar{flex:0 0 72px;width:72px;overflow:visible}.dashboard-sidebar::before{content:"";position:absolute;inset:0 auto 0 0;width:72px;background:rgba(11,8,22,.985);border-right:1px solid rgba(88,28,135,.28);box-shadow:none;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);pointer-events:none;z-index:0;opacity:1;transform:none;transition:width .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.dashboard-sidebar.hover-open::before{width:270px;border-right-color:rgba(88,28,135,.40);box-shadow:22px 0 48px rgba(0,0,0,.34),0 0 30px rgba(88,28,135,.10)}.dashboard-sidebar>.sidebar-scroll,.dashboard-sidebar>.sidebar-footer{position:relative;z-index:1;width:72px;transition:width .24s cubic-bezier(.2,.8,.2,1)}.dashboard-sidebar.hover-open>.sidebar-scroll,.dashboard-sidebar.hover-open>.sidebar-footer{width:270px}.dashboard-sidebar .sidebar-hideable{display:revert!important;opacity:0!important;visibility:hidden;pointer-events:none;transform:translateX(-7px)!important;transition:opacity .14s ease,transform .20s ease,visibility 0s linear .20s!important}.dashboard-sidebar.hover-open .sidebar-hideable{opacity:1!important;visibility:visible;pointer-events:auto;transform:translateX(0)!important;transition-delay:.055s,.035s,0s!important}.dashboard-sidebar .sidebar-sync{display:flex!important}.dashboard-sidebar .sidebar-brand-copy,.dashboard-sidebar .sidebar-link>.sidebar-hideable,.dashboard-sidebar .sidebar-link-badge,.dashboard-sidebar .sidebar-footer-copy{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .24s cubic-bezier(.2,.8,.2,1),opacity .14s ease,transform .20s ease,visibility 0s linear .20s!important}.dashboard-sidebar.hover-open .sidebar-brand-copy,.dashboard-sidebar.hover-open .sidebar-link>.sidebar-hideable,.dashboard-sidebar.hover-open .sidebar-link-badge,.dashboard-sidebar.hover-open .sidebar-footer-copy{max-width:190px}.dashboard-sidebar .sidebar-client{max-height:0;padding-top:0;padding-bottom:0;border-bottom-color:transparent;overflow:hidden;transition:max-height .22s ease,padding .22s ease,opacity .14s ease,transform .20s ease!important}.dashboard-sidebar.hover-open .sidebar-client{max-height:68px;padding:13px 14px;border-bottom-color:rgba(88,28,135,.15)}.dashboard-sidebar .sidebar-group-label{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .20s ease,padding .20s ease,opacity .14s ease!important}.dashboard-sidebar.hover-open .sidebar-group-label{max-height:22px;padding:0 11px 5px}.dashboard-sidebar .sidebar-sync{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;transition:max-height .20s ease,padding .20s ease,opacity .14s ease!important}.dashboard-sidebar.hover-open .sidebar-sync{max-height:30px;padding:5px 7px 9px}.dashboard-sidebar .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{justify-content:flex-start;padding:18px 16px}.dashboard-sidebar .sidebar-nav,.dashboard-sidebar.hover-open .sidebar-nav{padding:20px 12px 18px}.dashboard-sidebar .sidebar-link,.dashboard-sidebar.hover-open .sidebar-link{justify-content:flex-start;padding:9px 11px}.dashboard-sidebar .sidebar-link.active::before,.dashboard-sidebar.hover-open .sidebar-link.active::before{left:0}.dashboard-sidebar .sidebar-footer,.dashboard-sidebar.hover-open .sidebar-footer{padding:12px}.sidebar-toggle{display:none!important}} @media(prefers-reduced-motion:reduce){.dashboard-sidebar,.dashboard-sidebar::before,.dashboard-sidebar>.sidebar-scroll,.dashboard-sidebar>.sidebar-footer,.dashboard-sidebar .sidebar-hideable,.sidebar-toggle{transition:none!important}} /* R047 sidebar centering: compact rails reserve only 72px and mirror that space on the right so dashboard content stays viewport-centered. */ /* R029 sidebar pin control: compact rail keeps a right-chevron that pins the sidebar open. */ .sidebar-toggle{left:255px;right:auto;transition:left .24s cubic-bezier(.2,.8,.2,1),color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease} .dashboard-sidebar.collapsed .sidebar-toggle{display:grid!important;left:57px;transform:translateY(-50%) rotate(180deg)} .dashboard-sidebar.collapsed .sidebar-toggle:hover,.dashboard-sidebar.collapsed .sidebar-toggle:focus-visible{transform:translateY(-50%) rotate(180deg) scale(1.06)} .dashboard-sidebar.collapsed.hover-open .sidebar-toggle{left:255px} @media(max-width:1360px) and (min-width:981px){.dashboard-sidebar .sidebar-toggle{display:grid!important;left:57px;transform:translateY(-50%) rotate(180deg)}.dashboard-sidebar .sidebar-toggle:hover,.dashboard-sidebar .sidebar-toggle:focus-visible{transform:translateY(-50%) rotate(180deg) scale(1.06)}.dashboard-sidebar.hover-open .sidebar-toggle{left:255px}.dashboard-sidebar.pinned-open{flex-basis:270px!important;width:270px!important}.dashboard-sidebar.pinned-open::before{width:270px!important;border-right-color:rgba(88,28,135,.28)!important;box-shadow:18px 0 42px rgba(0,0,0,.12)!important}.dashboard-sidebar.pinned-open>.sidebar-scroll,.dashboard-sidebar.pinned-open>.sidebar-footer{width:270px!important}.dashboard-sidebar.pinned-open .sidebar-hideable{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}.dashboard-sidebar.pinned-open .sidebar-brand-copy,.dashboard-sidebar.pinned-open .sidebar-link>.sidebar-hideable,.dashboard-sidebar.pinned-open .sidebar-link-badge,.dashboard-sidebar.pinned-open .sidebar-footer-copy{max-width:190px!important}.dashboard-sidebar.pinned-open .sidebar-client{max-height:68px!important;padding:13px 14px!important;border-bottom-color:rgba(88,28,135,.15)!important}.dashboard-sidebar.pinned-open .sidebar-group-label{max-height:22px!important;padding:0 11px 5px!important}.dashboard-sidebar.pinned-open .sidebar-sync{max-height:30px!important;padding:5px 7px 9px!important}.dashboard-sidebar.pinned-open .sidebar-toggle{left:255px!important;transform:translateY(-50%) rotate(0deg)!important}} /* R032 sidebar toggle mounting: keep the edge control outside the scroll container so it cannot be clipped. */ .dashboard-sidebar>.sidebar-toggle{z-index:12} /* R031 sidebar pin affordance: hover-open uses the same centered edge control as pinned-open, with the opposite chevron direction. */ .dashboard-sidebar.collapsed .sidebar-toggle{opacity:0;visibility:hidden;pointer-events:none} .dashboard-sidebar.collapsed.hover-open .sidebar-toggle{position:absolute!important;left:255px!important;right:auto!important;top:50%!important;width:30px;height:30px;margin-left:0!important;background:rgba(11,8,22,.985)!important;border:1px solid rgba(168,85,247,.30)!important;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) rotate(180deg)!important} .dashboard-sidebar.collapsed.hover-open .sidebar-toggle:hover,.dashboard-sidebar.collapsed.hover-open .sidebar-toggle:focus-visible{transform:translateY(-50%) rotate(180deg) scale(1.06)!important} @media(max-width:1360px) and (min-width:981px){.dashboard-sidebar:not(.pinned-open) .sidebar-toggle{opacity:0;visibility:hidden;pointer-events:none}.dashboard-sidebar.hover-open:not(.pinned-open) .sidebar-toggle{position:absolute!important;left:255px!important;right:auto!important;top:50%!important;margin-left:0!important;background:rgba(11,8,22,.985)!important;border:1px solid rgba(168,85,247,.30)!important;opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) rotate(180deg)!important}.dashboard-sidebar.hover-open:not(.pinned-open) .sidebar-toggle:hover,.dashboard-sidebar.hover-open:not(.pinned-open) .sidebar-toggle:focus-visible{transform:translateY(-50%) rotate(180deg) scale(1.06)!important}.dashboard-sidebar.pinned-open .sidebar-toggle{opacity:1;visibility:visible;pointer-events:auto}} @media(prefers-reduced-motion:reduce){.status-dot-ring,.metric-card,.metric-icon,.info-button,.date-popover,.metric-menu,.section-tab,.dashboard-sidebar,.dashboard-sidebar::before,.dashboard-sidebar .sidebar-hideable{animation:none!important;transition:none!important}.metric-card:hover,.info-button:hover{transform:none!important}} /* PWA development additions. Keep the migrated Overview visually aligned with the current dashboard. */ .section-tab.disabled{opacity:.45;cursor:default;pointer-events:none}.pwa-error{display:none;margin:-18px 0 22px;padding:10px 13px;border-radius:8px;border:1px solid rgba(244,63,94,.25);background:rgba(127,29,29,.18);color:#fda4af;font-size:11px}.pwa-error.show{display:block}.status-chip.error{color:#fecaca;border-color:rgba(239,68,68,.34);background:rgba(127,29,29,.30)}.status-chip.loading{color:#fde68a;border-color:rgba(245,158,11,.30);background:rgba(120,53,15,.22)}.status-chip.ready{color:#d1fae5}.status-chip.runtime-offline{color:#fde68a;border-color:rgba(245,158,11,.34);background:rgba(120,53,15,.28)}.metric-card.loading .metric-value,.metric-card.loading .compare-value{opacity:.48}.metric-card.loading{pointer-events:none}.hero-source-chip{max-width:320px}.hero-source-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oem-badge-holder:empty{display:none}@media(max-width:620px){.hero-source-chip{display:none}} /* R067 installable-PWA and selective local-cache affordances. */ .hero-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end} .hero-install-wrap{position:relative;display:inline-flex;align-items:center} .hero-install-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(168,85,247,.28);border-radius:9px;background:rgba(59,7,100,.42);color:#f3e8ff;cursor:pointer;font-size:10px;font-weight:750;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 16px rgba(168,85,247,.08);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,opacity .16s ease} .hero-install-button[hidden]{display:none!important} .hero-install-button:hover,.hero-install-button:focus-visible{outline:none;transform:translateY(-1px);border-color:rgba(192,132,252,.48);background:rgba(88,28,135,.52);box-shadow:0 8px 22px rgba(0,0,0,.18),0 0 18px rgba(168,85,247,.12)} .hero-install-button.install-ready{opacity:1;border-color:rgba(192,132,252,.52);box-shadow:0 0 20px rgba(168,85,247,.13)} .hero-install-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .hero-install-hint{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:none;width:max-content;max-width:270px;padding:7px 9px;border-radius:7px;background:rgba(7,9,16,.96);border:1px solid rgba(168,85,247,.24);box-shadow:0 10px 26px rgba(0,0,0,.34);color:#cbd5e1;font-size:9px;line-height:1.4;text-align:left} .hero-install-wrap:hover .hero-install-hint,.hero-install-wrap:focus-within .hero-install-hint{display:block} @media(max-width:620px){.hero-top-actions{width:100%;justify-content:flex-start}.hero-install-button{padding:7px 10px}.hero-install-hint{left:0;right:auto}} .install-onboarding{position:fixed;right:20px;bottom:20px;z-index:1200;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;align-items:start;width:min(390px,calc(100vw - 32px));padding:14px 14px 14px 13px;border:1px solid rgba(192,132,252,.32);border-radius:10px;background:rgba(7,9,16,.97);box-shadow:0 18px 52px rgba(0,0,0,.48),0 0 28px rgba(168,85,247,.10);backdrop-filter:blur(18px);color:#e2e8f0} .install-onboarding[hidden]{display:none!important}.install-onboarding-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(126,34,206,.30);border:1px solid rgba(192,132,252,.28);color:#d8b4fe;font-size:16px;font-weight:800}.install-onboarding-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.install-onboarding-copy strong{font-size:11px;color:#f8fafc}.install-onboarding-copy span{font-size:10px;line-height:1.5;color:#cbd5e1}.install-onboarding-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#94a3b8;cursor:pointer;font-size:20px;line-height:1}.install-onboarding-close:hover,.install-onboarding-close:focus-visible{outline:none;background:rgba(148,163,184,.10);color:#f8fafc} @media(max-width:620px){.install-onboarding{right:16px;bottom:16px}} @media(prefers-reduced-motion:reduce){.hero-install-button{transition:none!important}.hero-install-button:hover,.hero-install-button:focus-visible{transform:none!important}} .sidebar-diagnostics{display:grid;gap:3px;margin:0 7px 8px;padding:0;color:#64748b;font-size:8px;line-height:1.35}.sidebar-diagnostics span{display:flex;justify-content:space-between;gap:10px;white-space:nowrap}.sidebar-diagnostics strong{color:#94a3b8;font-weight:750}.footer-app{display:flex;flex-direction:column;gap:4px}.footer-diagnostics{display:flex;flex-wrap:wrap;gap:5px 12px;color:#475569;font-size:8.5px}.footer-diagnostics strong{color:#64748b;font-weight:750} /* R095 compact hero and contextual PWA install toast. */ .install-offer{position:fixed;right:20px;bottom:20px;z-index:1250;display:grid;grid-template-columns:34px minmax(0,1fr) auto 26px;gap:9px;align-items:center;width:min(380px,calc(100vw - 32px));padding:11px 11px 11px 10px;border:1px solid rgba(192,132,252,.32);border-radius:11px;background:rgba(7,9,16,.97);box-shadow:0 20px 58px rgba(0,0,0,.50),0 0 30px rgba(168,85,247,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e2e8f0;animation:installOfferIn .24s cubic-bezier(.2,.8,.2,1) both}.install-offer[hidden]{display:none!important}.install-offer-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(126,34,206,.28);border:1px solid rgba(192,132,252,.28);color:#d8b4fe}.install-offer-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.install-offer-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.install-offer-copy strong{color:#f8fafc;font-size:11px;font-weight:800}.install-offer-copy span{color:#94a3b8;font-size:9.5px;line-height:1.4}.install-offer-action{height:30px;padding:0 10px;border:1px solid rgba(192,132,252,.38);border-radius:8px;background:rgba(126,34,206,.28);color:#f3e8ff;font-size:9.5px;font-weight:800;cursor:pointer;transition:.16s ease}.install-offer-action:hover,.install-offer-action:focus-visible{outline:none;background:rgba(126,34,206,.42);border-color:rgba(216,180,254,.58);box-shadow:0 0 16px rgba(168,85,247,.12)}.install-offer-close{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:#94a3b8;cursor:pointer;font-size:19px;line-height:1}.install-offer-close:hover,.install-offer-close:focus-visible{outline:none;background:rgba(148,163,184,.10);color:#f8fafc}@keyframes installOfferIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:620px){.install-offer{right:16px;bottom:16px;grid-template-columns:34px minmax(0,1fr) 28px;padding:12px}.install-offer-icon{width:34px;height:34px}.install-offer-action{grid-column:2;justify-self:start}.install-offer-close{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){.install-offer{animation:none}} /* R099 frosted-glass toast surfaces. */ /* R103 stronger frosted-glass toast transparency. */ .install-onboarding,.install-offer{background:linear-gradient(135deg,rgba(18,16,34,.38),rgba(7,9,16,.22));border-color:rgba(192,132,252,.22);box-shadow:0 18px 52px rgba(0,0,0,.24),0 0 30px rgba(168,85,247,.06),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(34px) saturate(165%);-webkit-backdrop-filter:blur(34px) saturate(165%)} /* R102 compact install/open-app action; sidebar opacity remains at the approved pre-R102 level. */ .sidebar-app-action{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 14px);height:28px;margin:0 7px 9px;padding:0 9px;border:1px solid rgba(168,85,247,.22);border-radius:7px;background:rgba(126,34,206,.10);color:#cbd5e1;font-size:8.5px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease} .sidebar-app-action[hidden]{display:none!important}.sidebar-app-action:hover,.sidebar-app-action:focus-visible{outline:none;color:#f3e8ff;background:rgba(126,34,206,.18);border-color:rgba(192,132,252,.38);box-shadow:0 0 14px rgba(168,85,247,.09);transform:translateY(-1px)} .sidebar-app-action-icon{display:grid;place-items:center;width:13px;height:13px;flex:0 0 auto}.sidebar-app-icon{grid-area:1/1;width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-app-icon-open{display:none}.sidebar-app-action[data-mode="open"] .sidebar-app-icon-install{display:none}.sidebar-app-action[data-mode="open"] .sidebar-app-icon-open{display:block} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-app-action{display:none!important} @media(max-width:1360px) and (min-width:981px){.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-app-action{display:none!important}} @media(prefers-reduced-motion:reduce){.sidebar-app-action{transition:none!important}.sidebar-app-action:hover,.sidebar-app-action:focus-visible{transform:none!important}} /* R104 compact runtime-status chip in the Prepared data sidebar row. */ .sidebar-runtime-chip{display:inline-flex;align-items:center;gap:5px;min-height:20px;padding:3px 7px;border:1px solid rgba(168,85,247,.28);border-radius:999px;background:rgba(59,7,100,.34);color:#d8b4fe;font-size:7.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 12px rgba(168,85,247,.07)} .sidebar-runtime-chip .status-dot-wrap,.sidebar-runtime-chip .status-dot{width:6px;height:6px}.sidebar-runtime-chip .status-dot-ring{inset:0}.sidebar-runtime-chip.runtime-preparing{color:#cbd5e1;border-color:rgba(148,163,184,.22);background:rgba(51,65,85,.18)}.sidebar-runtime-chip.runtime-offline{color:#fde68a;border-color:rgba(245,158,11,.30);background:rgba(120,53,15,.20)}.sidebar-runtime-chip.runtime-error{color:#fecaca;border-color:rgba(239,68,68,.30);background:rgba(127,29,29,.22)} /* R105 animated connectivity chip and connection-change toast. */ .sidebar-runtime-chip .status-dot-wrap{overflow:visible} .sidebar-runtime-chip .status-dot-ring{animation:none!important;opacity:0} .sidebar-runtime-chip .status-dot-wrap::before,.sidebar-runtime-chip .status-dot-wrap::after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-radius:50%;opacity:0;pointer-events:none} .sidebar-runtime-chip.server-online .status-dot-wrap::before,.sidebar-runtime-chip.server-online .status-dot-wrap::after{border-color:rgba(52,211,153,.76);animation:runtimeStatusWave 2.2s cubic-bezier(.18,.72,.25,1) infinite} .sidebar-runtime-chip.server-online .status-dot-wrap::after{animation-delay:1.1s} .sidebar-runtime-chip.server-offline .status-dot-wrap::before,.sidebar-runtime-chip.server-offline .status-dot-wrap::after{border-color:rgba(248,113,113,.68);animation:runtimeStatusWave 2.8s cubic-bezier(.18,.72,.25,1) infinite} .sidebar-runtime-chip.server-offline .status-dot-wrap::after{animation-delay:1.4s} @keyframes runtimeStatusWave{0%{transform:scale(.72);opacity:.78}72%,100%{transform:scale(2.65);opacity:0}} .connection-toast{position:fixed;top:20px;right:20px;z-index:1260;display:flex;align-items:center;gap:10px;width:min(330px,calc(100vw - 32px));padding:11px 13px;border:1px solid rgba(192,132,252,.20);border-radius:10px;background:linear-gradient(135deg,rgba(18,16,34,.34),rgba(7,9,16,.18));box-shadow:0 18px 52px rgba(0,0,0,.22),0 0 28px rgba(168,85,247,.05),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(34px) saturate(165%);-webkit-backdrop-filter:blur(34px) saturate(165%);color:#e2e8f0;opacity:0;transform:translateY(-9px) scale(.985);transition:opacity .18s ease,transform .18s ease} .connection-toast[hidden]{display:none!important}.connection-toast.is-entering{opacity:1;transform:translateY(0) scale(1)} .connection-toast-indicator{position:relative;width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:rgba(51,65,85,.20);border:1px solid rgba(148,163,184,.16)} .connection-toast-indicator::before,.connection-toast-indicator::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;border:1px solid currentColor;opacity:0;animation:connectionToastWave 1.8s ease-out infinite} .connection-toast-indicator::after{animation-delay:.9s}.connection-toast-indicator>span{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor} .connection-toast.is-online .connection-toast-indicator{color:#34d399;background:rgba(6,78,59,.16);border-color:rgba(52,211,153,.22)} .connection-toast.is-offline .connection-toast-indicator{color:#f87171;background:rgba(127,29,29,.16);border-color:rgba(248,113,113,.22)} .connection-toast-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.connection-toast-copy strong{color:#f8fafc;font-size:10.5px;font-weight:820}.connection-toast-copy>span{color:#94a3b8;font-size:9px;line-height:1.4} @keyframes connectionToastWave{0%{transform:scale(.75);opacity:.72}100%{transform:scale(2.45);opacity:0}} @media(max-width:620px){.connection-toast{top:16px;right:16px}} @media(prefers-reduced-motion:reduce){.sidebar-runtime-chip .status-dot-wrap::before,.sidebar-runtime-chip .status-dot-wrap::after,.connection-toast-indicator::before,.connection-toast-indicator::after{animation:none!important}.connection-toast{transition:none!important}} /* R108 MapLibre critical layout fallback. Keeps the canvas/controls usable if CDN CSS is delayed or blocked. */ .city-map.maplibregl-map{position:absolute;inset:0;overflow:hidden;font:12px/20px "Helvetica Neue",Arial,sans-serif;-webkit-tap-highlight-color:transparent} .city-map .maplibregl-canvas-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden} .city-map .maplibregl-canvas{position:absolute;left:0;top:0;width:100%!important;height:100%!important;outline:none} .city-map .maplibregl-control-container{position:absolute;inset:0;pointer-events:none;z-index:3} .city-map .maplibregl-ctrl-top-right{position:absolute;top:10px;right:10px;pointer-events:none} .city-map .maplibregl-ctrl{clear:both;float:right;pointer-events:auto} .city-map .maplibregl-ctrl-group{display:flex;flex-direction:column} .city-map .maplibregl-ctrl-group button{display:block;width:29px;height:29px;padding:0;border:0;cursor:pointer} .city-map .maplibregl-ctrl-icon{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat} .city-map .maplibregl-popup{position:absolute;top:0;left:0;display:flex;pointer-events:none;will-change:transform} .city-map .maplibregl-popup-content{position:relative;pointer-events:auto} .city-map .maplibregl-popup-tip{display:none!important;width:0;height:0;border:0} /* CLIENT-R120 responsive sidebar drawer */ .sidebar-mobile-trigger{position:fixed;left:12px;top:9px;z-index:420;display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(168,85,247,.28);border-radius:8px;background:linear-gradient(135deg,rgba(18,16,34,.92),rgba(7,9,16,.92));color:#f5f3ff;box-shadow:0 10px 26px rgba(0,0,0,.30),0 0 18px rgba(168,85,247,.09);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);cursor:pointer;transition:transform .18s ease,opacity .18s ease,visibility .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,border-radius .18s ease}.sidebar-mobile-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-mobile-trigger:hover,.sidebar-mobile-trigger:focus-visible{outline:none;transform:translateY(-1px);background:linear-gradient(135deg,rgba(33,24,57,.96),rgba(10,11,22,.96));border-color:rgba(216,180,254,.44);box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 28px rgba(168,85,247,.16)}.sidebar-mobile-trigger[aria-expanded="true"]{opacity:0;visibility:hidden;pointer-events:none}.sidebar-mobile-trigger.is-docked{background:rgba(255,255,255,.035);border-color:rgba(168,85,247,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-mobile-backdrop{position:fixed;inset:0;z-index:340;background:rgba(3,4,10,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .20s ease,visibility .20s ease}.sidebar-mobile-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}body.sidebar-mobile-open{overflow:hidden} @media(max-width:980px){.sidebar-mobile-trigger{display:inline-flex}.dashboard-shell{display:block;min-height:100vh}.dashboard-sidebar,.dashboard-sidebar.collapsed,.dashboard-sidebar.pinned-open{display:flex!important;position:fixed;left:0;top:0;bottom:0;flex:none;width:min(320px,calc(100vw - 24px));height:100dvh;max-width:calc(100vw - 24px);transform:translateX(calc(-100% - 18px));transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease;border-right:1px solid rgba(88,28,135,.34);box-shadow:24px 0 54px rgba(0,0,0,.42),0 0 36px rgba(88,28,135,.12);overflow:hidden;z-index:360}.dashboard-sidebar.mobile-open,.dashboard-sidebar.collapsed.mobile-open,.dashboard-sidebar.pinned-open.mobile-open{transform:translateX(0)}.dashboard-sidebar::before,.dashboard-sidebar.collapsed::before,.dashboard-sidebar.hover-open::before,.dashboard-sidebar.collapsed.hover-open::before{display:none!important}.dashboard-sidebar>.sidebar-scroll,.dashboard-sidebar>.sidebar-footer,.dashboard-sidebar.collapsed>.sidebar-scroll,.dashboard-sidebar.collapsed>.sidebar-footer,.dashboard-sidebar.hover-open>.sidebar-scroll,.dashboard-sidebar.hover-open>.sidebar-footer{width:100%!important}.dashboard-sidebar .sidebar-hideable,.dashboard-sidebar.collapsed .sidebar-hideable,.dashboard-sidebar.hover-open .sidebar-hideable,.dashboard-sidebar .sidebar-brand-copy,.dashboard-sidebar .sidebar-link>.sidebar-hideable,.dashboard-sidebar .sidebar-link-badge,.dashboard-sidebar .sidebar-footer-copy,.dashboard-sidebar .sidebar-client,.dashboard-sidebar .sidebar-group-label,.dashboard-sidebar .sidebar-sync{display:revert!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;max-width:none!important;max-height:none!important}.dashboard-sidebar .sidebar-brand-copy,.dashboard-sidebar .sidebar-link>.sidebar-hideable,.dashboard-sidebar .sidebar-link-badge,.dashboard-sidebar .sidebar-footer-copy{overflow:hidden!important;white-space:nowrap!important}.dashboard-sidebar .sidebar-client,.dashboard-sidebar.collapsed .sidebar-client,.dashboard-sidebar.hover-open .sidebar-client{padding:13px 14px!important;border-bottom:1px solid rgba(88,28,135,.15)!important;overflow:hidden!important}.dashboard-sidebar .sidebar-group-label,.dashboard-sidebar.collapsed .sidebar-group-label,.dashboard-sidebar.hover-open .sidebar-group-label{padding:0 11px 5px!important;overflow:hidden!important}.dashboard-sidebar .sidebar-sync,.dashboard-sidebar.collapsed .sidebar-sync,.dashboard-sidebar.hover-open .sidebar-sync{padding:5px 7px 9px!important;overflow:hidden!important}.dashboard-sidebar .sidebar-brand,.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{justify-content:flex-start!important;padding:18px 54px 18px 16px!important}.dashboard-sidebar .sidebar-nav,.dashboard-sidebar.collapsed .sidebar-nav,.dashboard-sidebar.hover-open .sidebar-nav{padding:20px 12px 18px!important}.dashboard-sidebar .sidebar-link,.dashboard-sidebar.collapsed .sidebar-link,.dashboard-sidebar.hover-open .sidebar-link{justify-content:flex-start!important;padding:9px 11px!important}.dashboard-sidebar .sidebar-link.active::before,.dashboard-sidebar.collapsed .sidebar-link.active::before,.dashboard-sidebar.hover-open .sidebar-link.active::before{left:0!important}.dashboard-sidebar .sidebar-footer,.dashboard-sidebar.collapsed .sidebar-footer,.dashboard-sidebar.hover-open .sidebar-footer{padding:12px!important;background:rgba(59,7,100,.13)!important}.dashboard-sidebar .sidebar-toggle,.dashboard-sidebar.collapsed .sidebar-toggle,.dashboard-sidebar.hover-open .sidebar-toggle{display:grid!important;position:absolute;right:12px;left:auto;top:27px;width:34px;height:34px;margin:0;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(168,85,247,.18);color:#cbd5e1}.dashboard-sidebar .sidebar-toggle:hover,.dashboard-sidebar .sidebar-toggle:focus-visible{background:rgba(168,85,247,.16);color:#fff}.dashboard-main{width:100%}.container{width:min(1360px,calc(100% - 32px));padding-top:0}.section-nav.is-stuck{padding-left:58px}} @media(max-width:620px){.container{width:calc(100% - 24px);padding-top:0}.section-nav.is-stuck{padding-left:58px}} @media(prefers-reduced-motion:reduce){.sidebar-mobile-trigger,.sidebar-mobile-backdrop,.dashboard-sidebar{transition:none!important}} /* CLIENT-R125 smooth sidebar active-section indicator */ .sidebar-nav{position:relative;isolation:isolate} .sidebar-active-indicator{position:absolute;top:0;left:0;z-index:0;width:0;height:0;border-radius:8px;background:rgba(59,7,100,.35);border:1px solid rgba(168,85,247,.18);box-shadow:0 0 14px rgba(168,85,247,.10);opacity:0;pointer-events:none;will-change:transform,width,height;transform:translate3d(0,0,0);transition:transform .32s cubic-bezier(.22,1,.36,1),width .24s ease,height .24s ease,opacity .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease} .sidebar-active-indicator::before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 999px 999px 0;background:#c084fc;box-shadow:0 0 8px #c084fc} .sidebar-active-indicator.is-visible{opacity:1} .sidebar-active-indicator.no-transition{transition:none!important} .sidebar-link{z-index:1;transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .20s ease} .sidebar-link svg{transition:color .24s ease,filter .24s ease,transform .20s ease} .sidebar-link.active{background:transparent!important;border-color:transparent!important;box-shadow:none!important} .sidebar-link.active::before{content:none!important} @media(prefers-reduced-motion:reduce){.sidebar-active-indicator{transition:none}.sidebar-link,.sidebar-link svg{transition-duration:.01ms}} /* CLIENT-R128 sidebar co-brand lockup: TAAA + client logo above the client name. */ .sidebar-brand{min-height:124px;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:15px 16px} .sidebar-brand-lockup{display:flex;align-items:center;width:100%;min-width:0;height:44px;gap:10px} .sidebar-brand-mark{display:grid;place-items:center;min-width:0;height:44px;overflow:hidden} .sidebar-brand-mark img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center} .sidebar-agency-mark{flex:0 0 68px;padding:2px 0} .sidebar-client-mark{flex:1 1 auto;padding:2px 0} .sidebar-brand-divider{width:1px;height:30px;flex:0 0 1px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(192,132,252,.42),transparent)} .sidebar-brand-copy{width:100%;max-width:none}.sidebar-brand-name{font-size:13px}.sidebar-brand-sub{margin-top:4px} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand{min-height:88px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:18px 10px;gap:0} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand-lockup{width:42px;height:42px;justify-content:center;gap:0} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-agency-mark,.dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand-divider{display:none!important} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark{display:grid!important;flex:0 0 42px;width:42px;height:42px;padding:3px;border:1px solid rgba(168,85,247,.24);border-radius:9px;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(88,28,135,.22),rgba(180,83,9,.06));box-shadow:0 0 15px rgba(168,85,247,.11)} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark img{max-width:100%;max-height:100%} .dashboard-sidebar.collapsed.hover-open .sidebar-brand{min-height:124px;flex-direction:column;align-items:stretch;justify-content:center;padding:15px 16px;gap:9px} @media(max-width:1360px) and (min-width:981px){ .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand{min-height:88px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:18px 10px;gap:0} .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand-lockup{width:42px;height:42px;justify-content:center;gap:0} .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-agency-mark,.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand-divider{display:none!important} .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-client-mark{display:grid!important;flex:0 0 42px;width:42px;height:42px;padding:3px;border:1px solid rgba(168,85,247,.24);border-radius:9px;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(88,28,135,.22),rgba(180,83,9,.06));box-shadow:0 0 15px rgba(168,85,247,.11)} .dashboard-sidebar.hover-open .sidebar-brand,.dashboard-sidebar.pinned-open .sidebar-brand{min-height:124px;flex-direction:column;align-items:stretch;justify-content:center;padding:15px 16px;gap:9px} } @media(max-width:980px){ .dashboard-sidebar .sidebar-brand,.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{min-height:124px!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;padding:15px 54px 15px 16px!important;gap:9px!important} .dashboard-sidebar .sidebar-brand-lockup,.dashboard-sidebar.collapsed .sidebar-brand-lockup,.dashboard-sidebar.hover-open .sidebar-brand-lockup{width:100%!important;height:44px!important;justify-content:flex-start!important;gap:10px!important} .dashboard-sidebar .sidebar-agency-mark,.dashboard-sidebar.collapsed .sidebar-agency-mark,.dashboard-sidebar.hover-open .sidebar-agency-mark{display:grid!important;flex:0 0 68px!important} .dashboard-sidebar .sidebar-brand-divider,.dashboard-sidebar.collapsed .sidebar-brand-divider,.dashboard-sidebar.hover-open .sidebar-brand-divider{display:block!important} .dashboard-sidebar .sidebar-client-mark,.dashboard-sidebar.collapsed .sidebar-client-mark,.dashboard-sidebar.hover-open .sidebar-client-mark{display:grid!important;flex:1 1 auto!important;width:auto!important;height:44px!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important} } @media(prefers-reduced-motion:reduce){.sidebar-brand,.sidebar-brand-lockup,.sidebar-brand-mark{transition:none!important}} /* CLIENT-R129 compact co-brand sidebar branding: smaller dual-logo lockup, white-rendered marks, and title-only identity copy. */ .sidebar-brand{min-height:112px;gap:8px;padding:14px 16px}.sidebar-brand-lockup{align-self:flex-start;width:auto;max-width:166px;height:34px;gap:9px}.sidebar-brand-mark{height:34px}.sidebar-agency-mark{flex:0 0 54px;max-width:54px;padding:1px 0}.sidebar-client-mark{flex:0 1 102px;max-width:102px;padding:1px 0}.sidebar-brand-mark img{filter:brightness(0) invert(1);opacity:.96}.sidebar-brand-divider{height:22px;background:linear-gradient(180deg,transparent,rgba(192,132,252,.34),transparent)}.sidebar-brand-copy{width:100%;max-width:none}.sidebar-brand-name{font-size:13px;font-weight:800;line-height:1.2}.sidebar-brand-sub,.sidebar-live-dot{display:none!important}.dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand{min-height:88px;gap:0;padding:18px 10px}.dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand-lockup{width:42px;max-width:42px;height:42px;gap:0}.dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark{display:grid!important;flex:0 0 42px;max-width:none;width:42px;height:42px;padding:3px;border:1px solid rgba(168,85,247,.24);border-radius:9px;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(88,28,135,.22),rgba(180,83,9,.06));box-shadow:0 0 15px rgba(168,85,247,.11)}.dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark img{filter:none;opacity:1}.dashboard-sidebar.collapsed.hover-open .sidebar-brand{min-height:112px;gap:8px;padding:14px 16px}.dashboard-sidebar.collapsed.hover-open .sidebar-brand-lockup{align-self:flex-start;width:auto;max-width:166px;height:34px;gap:9px}.dashboard-sidebar.collapsed.hover-open .sidebar-brand-mark{height:34px}.dashboard-sidebar.collapsed.hover-open .sidebar-agency-mark{flex:0 0 54px;max-width:54px}.dashboard-sidebar.collapsed.hover-open .sidebar-client-mark{flex:0 1 102px;max-width:102px;width:auto;height:34px;padding:1px 0;border:0;border-radius:0;background:transparent;box-shadow:none}.dashboard-sidebar.collapsed.hover-open .sidebar-client-mark img{filter:brightness(0) invert(1);opacity:.96}@media(max-width:1360px) and (min-width:981px){.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand{min-height:88px;gap:0;padding:18px 10px}.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand-lockup{width:42px;max-width:42px;height:42px;gap:0}.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-client-mark{display:grid!important;flex:0 0 42px;max-width:none;width:42px;height:42px;padding:3px;border:1px solid rgba(168,85,247,.24);border-radius:9px;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(88,28,135,.22),rgba(180,83,9,.06));box-shadow:0 0 15px rgba(168,85,247,.11)}.dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-client-mark img{filter:none;opacity:1}.dashboard-sidebar.hover-open .sidebar-brand,.dashboard-sidebar.pinned-open .sidebar-brand{min-height:112px;gap:8px;padding:14px 16px}.dashboard-sidebar.hover-open .sidebar-brand-lockup,.dashboard-sidebar.pinned-open .sidebar-brand-lockup{align-self:flex-start;width:auto;max-width:166px;height:34px;gap:9px}.dashboard-sidebar.hover-open .sidebar-brand-mark,.dashboard-sidebar.pinned-open .sidebar-brand-mark{height:34px}.dashboard-sidebar.hover-open .sidebar-agency-mark,.dashboard-sidebar.pinned-open .sidebar-agency-mark{flex:0 0 54px;max-width:54px}.dashboard-sidebar.hover-open .sidebar-client-mark,.dashboard-sidebar.pinned-open .sidebar-client-mark{flex:0 1 102px;max-width:102px;height:34px;padding:1px 0}.dashboard-sidebar.hover-open .sidebar-client-mark img,.dashboard-sidebar.pinned-open .sidebar-client-mark img{filter:brightness(0) invert(1);opacity:.96}}@media(max-width:980px){.dashboard-sidebar .sidebar-brand,.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{min-height:112px!important;padding:14px 54px 14px 16px!important;gap:8px!important}.dashboard-sidebar .sidebar-brand-lockup,.dashboard-sidebar.collapsed .sidebar-brand-lockup,.dashboard-sidebar.hover-open .sidebar-brand-lockup{align-self:flex-start!important;width:auto!important;max-width:166px!important;height:34px!important;gap:9px!important}.dashboard-sidebar .sidebar-brand-mark,.dashboard-sidebar.collapsed .sidebar-brand-mark,.dashboard-sidebar.hover-open .sidebar-brand-mark{height:34px!important}.dashboard-sidebar .sidebar-agency-mark,.dashboard-sidebar.collapsed .sidebar-agency-mark,.dashboard-sidebar.hover-open .sidebar-agency-mark{display:grid!important;flex:0 0 54px!important;max-width:54px!important}.dashboard-sidebar .sidebar-brand-divider,.dashboard-sidebar.collapsed .sidebar-brand-divider,.dashboard-sidebar.hover-open .sidebar-brand-divider{display:block!important;height:22px!important}.dashboard-sidebar .sidebar-client-mark,.dashboard-sidebar.collapsed .sidebar-client-mark,.dashboard-sidebar.hover-open .sidebar-client-mark{display:grid!important;flex:0 1 102px!important;max-width:102px!important;width:auto!important;height:34px!important;padding:1px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.dashboard-sidebar .sidebar-client-mark img,.dashboard-sidebar.collapsed .sidebar-client-mark img,.dashboard-sidebar.hover-open .sidebar-client-mark img{filter:brightness(0) invert(1)!important;opacity:.96!important}} /* CLIENT-R130 centered co-brand lockup and white compact client mark. */ .sidebar-brand-lockup{align-self:center;justify-content:center} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-brand-lockup{align-self:center;justify-content:center} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark{border:0;background:transparent;box-shadow:none;padding:4px} .dashboard-sidebar.collapsed:not(.hover-open) .sidebar-client-mark img{filter:brightness(0) invert(1);opacity:.96} .dashboard-sidebar.collapsed.hover-open .sidebar-brand-lockup{align-self:center;justify-content:center} @media(max-width:1360px) and (min-width:981px){ .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-brand-lockup{align-self:center;justify-content:center} .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-client-mark{border:0;background:transparent;box-shadow:none;padding:4px} .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-client-mark img{filter:brightness(0) invert(1);opacity:.96} .dashboard-sidebar.hover-open .sidebar-brand-lockup,.dashboard-sidebar.pinned-open .sidebar-brand-lockup{align-self:center;justify-content:center} } @media(max-width:980px){ .dashboard-sidebar .sidebar-brand-lockup,.dashboard-sidebar.collapsed .sidebar-brand-lockup,.dashboard-sidebar.hover-open .sidebar-brand-lockup{align-self:center!important;justify-content:center!important} } /* CLIENT-R131 client/store switcher foundation: branding stays logo-only; current dashboard identity moves into a future-ready selector. */ .sidebar-brand{min-height:82px;padding:14px 16px;gap:0}.sidebar-brand-copy{display:none!important}.sidebar-client{position:relative;z-index:6;padding:10px 12px 12px;border-bottom:1px solid rgba(88,28,135,.18)}.sidebar-client-switcher{position:relative}.sidebar-client-trigger{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 12px;border:1px solid rgba(168,85,247,.24);border-radius:9px;background:linear-gradient(135deg,rgba(59,7,100,.30),rgba(15,23,42,.42));color:#f8fafc;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.sidebar-client-trigger:hover,.sidebar-client-trigger:focus-visible,.sidebar-client-trigger[aria-expanded="true"]{background:linear-gradient(135deg,rgba(88,28,135,.38),rgba(15,23,42,.52));border-color:rgba(192,132,252,.42);outline:none;box-shadow:0 0 18px rgba(168,85,247,.10),inset 0 1px 0 rgba(255,255,255,.035)}.sidebar-client-trigger-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:10.5px;font-weight:780;letter-spacing:-.005em}.sidebar-client-chevron{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:#a8b2c5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s ease,color .16s ease}.sidebar-client-trigger[aria-expanded="true"] .sidebar-client-chevron{transform:rotate(180deg);stroke:#d8b4fe}.sidebar-client-menu{position:absolute;z-index:40;top:calc(100% + 7px);left:0;right:0;padding:7px;border:1px solid rgba(168,85,247,.26);border-radius:9px;background:rgba(9,7,18,.98);box-shadow:0 20px 44px rgba(0,0,0,.42),0 0 26px rgba(88,28,135,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.985);transform-origin:top center;transition:opacity .15s ease,visibility .15s ease,transform .15s ease}.sidebar-client-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.sidebar-client-menu-label{padding:4px 7px 6px;color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.sidebar-client-option{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#cbd5e1;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.sidebar-client-option:hover,.sidebar-client-option:focus-visible{background:rgba(168,85,247,.09);color:#fff;outline:none}.sidebar-client-option.active{color:#f3e8ff;background:rgba(88,28,135,.22)}.sidebar-client-check{width:15px;flex:0 0 15px;color:#c084fc;font-size:10px;font-weight:900;text-align:center}.sidebar-client-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:700}.dashboard-sidebar.collapsed.hover-open .sidebar-brand{min-height:82px;padding:14px 16px}.dashboard-sidebar.hover-open .sidebar-client,.dashboard-sidebar.pinned-open .sidebar-client{display:block!important}@media(max-width:1360px) and (min-width:981px){.dashboard-sidebar.hover-open .sidebar-brand,.dashboard-sidebar.pinned-open .sidebar-brand{min-height:82px;padding:14px 16px}}@media(max-width:980px){.dashboard-sidebar .sidebar-brand,.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{min-height:82px!important;padding:14px 54px 14px 16px!important;gap:0!important}.dashboard-sidebar .sidebar-client,.dashboard-sidebar.collapsed .sidebar-client,.dashboard-sidebar.hover-open .sidebar-client{display:block!important;padding:10px 16px 12px!important}}@media(prefers-reduced-motion:reduce){.sidebar-client-trigger,.sidebar-client-chevron,.sidebar-client-menu{transition:none!important}} /* CLIENT-R132 selector refinement: tighter identity cluster, explicit divider, dark low-emphasis selector, and non-interactive single-dashboard state. */ .sidebar-brand{min-height:74px;padding:12px 16px 7px;border-bottom:0}.sidebar-client{padding:2px 12px 0;border-bottom:0}.sidebar-client-switcher{position:relative}.sidebar-client-trigger{min-height:38px;padding:8px 10px 8px 11px;border-color:rgba(168,85,247,.17);border-radius:8px;background:linear-gradient(135deg,rgba(12,8,25,.86),rgba(17,13,31,.76));color:#d8dce8;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.sidebar-client-trigger-name{font-size:10px;font-weight:720;color:inherit}.sidebar-client-trigger:not(:disabled):hover,.sidebar-client-trigger:not(:disabled):focus-visible,.sidebar-client-trigger:not(:disabled)[aria-expanded="true"]{background:linear-gradient(135deg,rgba(42,17,66,.78),rgba(17,13,31,.90));border-color:rgba(192,132,252,.34);color:#f3e8ff;box-shadow:0 0 16px rgba(168,85,247,.07),inset 0 1px 0 rgba(255,255,255,.025)}.sidebar-client-trigger:disabled{cursor:default;color:#aeb6c8;border-color:rgba(148,163,184,.10);background:rgba(10,9,18,.58);box-shadow:none}.sidebar-client-switcher.is-single .sidebar-client-chevron{display:none}.sidebar-client-chevron{width:14px;height:14px;stroke:#7c879d}.sidebar-client-trigger:not(:disabled)[aria-expanded="true"] .sidebar-client-chevron{stroke:#c4b5fd}.sidebar-client-divider{height:1px;margin:10px 2px 0;background:linear-gradient(90deg,transparent,rgba(168,85,247,.24) 16%,rgba(148,163,184,.16) 50%,rgba(168,85,247,.24) 84%,transparent)}.sidebar-client-menu{top:calc(100% + 6px);padding:6px;border-color:rgba(168,85,247,.20);background:rgba(8,7,15,.985);box-shadow:0 18px 38px rgba(0,0,0,.44),0 0 22px rgba(88,28,135,.09)}.sidebar-client-menu-label{color:#566176}.sidebar-client-option{color:#aeb7c8}.sidebar-client-option:hover,.sidebar-client-option:focus-visible{background:rgba(126,34,206,.11);color:#e9d5ff}.sidebar-client-option.active{color:#d8b4fe;background:rgba(59,7,100,.22)}.dashboard-sidebar.collapsed.hover-open .sidebar-brand{min-height:74px;padding:12px 16px 7px}@media(max-width:1360px) and (min-width:981px){.dashboard-sidebar.hover-open .sidebar-brand,.dashboard-sidebar.pinned-open .sidebar-brand{min-height:74px;padding:12px 16px 7px}}@media(max-width:980px){.dashboard-sidebar .sidebar-brand,.dashboard-sidebar.collapsed .sidebar-brand,.dashboard-sidebar.hover-open .sidebar-brand{min-height:74px!important;padding:12px 54px 7px 16px!important}.dashboard-sidebar .sidebar-client,.dashboard-sidebar.collapsed .sidebar-client,.dashboard-sidebar.hover-open .sidebar-client{padding:2px 16px 0!important}} /* CLIENT-R133 account selector label: clarify account context above the current-dashboard readout/dropdown. */ .sidebar-client-label{margin:0 0 5px 2px;color:#68748b;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;line-height:1}.sidebar-client{padding-top:1px} /* CLIENT-R138 GA4 interest metric toggle and compact Engagement overview cards. */ .interest-panel{width:calc((100% - 16px)/2);min-width:0;margin-top:16px}.interest-panel .acq-bar-scroll{max-height:410px;overflow-y:auto}.interest-panel .acq-bar-list{display:flex;flex-direction:column;gap:11px}.interest-panel .acq-bar-row{grid-template-columns:minmax(120px,185px) minmax(90px,1fr) 60px}.interest-panel .composition-others{margin-top:6px}.interest-fill{background:linear-gradient(90deg,#d946ef,#8b5cf6,#6366f1)} .traffic-panel{margin-top:16px} .traffic-sort-button{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:right;cursor:pointer}.traffic-sort-button:hover,.traffic-sort-button:focus-visible{color:#e9d5ff;outline:none}.traffic-sort-button.active{color:#d8b4fe}.traffic-sort-indicator{display:inline-grid;place-items:center;min-width:10px;color:#64748b;font-size:9px;line-height:1}.traffic-sort-button.active .traffic-sort-indicator{color:#c084fc}.traffic-table th[aria-sort="ascending"],.traffic-table th[aria-sort="descending"]{background:rgba(168,85,247,.045)} .engagement-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.eng-overview-card{--eng-overview-accent:#a855f7;position:relative;display:flex;flex-direction:column;min-width:0;min-height:146px;padding:18px 20px 15px;border-radius:13px;background:linear-gradient(145deg,rgba(15,23,42,.67),rgba(10,14,25,.52));border:1px solid color-mix(in srgb,var(--eng-overview-accent) 24%,rgba(168,85,247,.20));box-shadow:0 10px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.025);overflow:visible;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.eng-overview-card::before{content:"";position:absolute;left:20px;right:20px;bottom:41px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--eng-overview-accent),transparent 78%);opacity:.65;box-shadow:0 0 10px color-mix(in srgb,var(--eng-overview-accent) 32%,transparent)}.eng-overview-card:hover,.eng-overview-card:focus-within{z-index:12}.eng-overview-card:hover{transform:translateY(-3px);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(11,15,27,.69));border-color:color-mix(in srgb,var(--eng-overview-accent) 48%,transparent);box-shadow:0 14px 32px rgba(0,0,0,.25),0 0 20px color-mix(in srgb,var(--eng-overview-accent) 10%,transparent)}.eng-overview-body{position:relative;z-index:2}.eng-overview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.eng-overview-info-button{--accent:var(--eng-overview-accent);flex:0 0 auto}.eng-overview-views{--eng-overview-accent:#c084fc}.eng-overview-events{--eng-overview-accent:#6366f1}.eng-overview-time{--eng-overview-accent:#d946ef}.eng-overview-label{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eng-overview-value{margin-top:13px;color:#fff;font-size:32px;font-weight:800;line-height:1;letter-spacing:-.035em}.eng-overview-context{margin-top:10px;color:#64748b;font-size:10px;font-weight:700;line-height:1.35}.eng-overview-compare{position:relative;z-index:2;margin-top:auto;padding-top:26px}.eng-overview-compare .compare-reference{gap:7px}.eng-overview-compare .compare-label{font-size:9.5px}.eng-overview-compare .compare-value{font-size:10.5px}.eng-overview-change{font-size:10px}.engagement-overview-grid+.engagement-highlights{margin-top:0} @media(max-width:620px){.engagement-overview-grid{grid-template-columns:1fr}.eng-overview-card{min-height:140px;padding:16px}.eng-overview-value{font-size:28px}.eng-overview-compare{padding-top:22px}} @media(prefers-reduced-motion:reduce){.eng-overview-card{transition:none!important}} /* Shared Ranked List component — page/platform agnostic. Legacy page classes remain as semantic/interaction hooks; ranked-list-* owns the canonical row treatment. */ .ranked-list-row{isolation:isolate} .eng-rank-row.ranked-list-row{grid-template-columns:minmax(110px,190px) minmax(100px,1fr) minmax(64px,112px);align-items:center;gap:10px;padding:4px 5px;margin:0 -5px;border-radius:8px} .eng-rank-row.ranked-list-row .eng-rank-index{display:none} .eng-rank-row.ranked-list-row .eng-rank-main{display:contents} .eng-rank-row.ranked-list-row .eng-rank-name{grid-column:1;align-self:center;color:#cbd5e1;font-size:10.5px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eng-rank-row.ranked-list-row .eng-bar-track{grid-column:2;height:8px;margin-top:0;background:rgba(51,65,85,.72)} .eng-rank-row.ranked-list-row .eng-bar-fill{background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 9px rgba(168,85,247,.30)} .eng-rank-row.ranked-list-row .eng-rank-stats{grid-column:3;display:block;min-width:0;text-align:right} .eng-rank-row.ranked-list-row .eng-rank-stats strong{display:block;color:#e2e8f0;font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .eng-rank-row.ranked-list-row .eng-rank-stats strong span,.eng-rank-row.ranked-list-row .eng-rank-stats small{display:none} .eng-rank-row.ranked-list-row.composition-others .eng-rank-main>.composition-context{grid-column:2;align-self:center;margin-top:0} .city-row.ranked-list-row{grid-template-columns:minmax(110px,150px) minmax(100px,1fr) 64px;gap:10px;padding:4px 5px 4px 10px;margin:0 -5px 0 0;border-radius:8px} .city-row.ranked-list-row .city-rank{display:none} .city-row.ranked-list-row .city-name{grid-column:1;color:#cbd5e1;font-size:10.5px;font-weight:700} .city-row.ranked-list-row .city-track{grid-column:2;height:8px;background:rgba(51,65,85,.72)} .city-row.ranked-list-row .city-fill{background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 9px rgba(168,85,247,.30)} .city-row.ranked-list-row .city-value{grid-column:3;color:#e2e8f0;font-size:10.5px;font-weight:800} .city-row.ranked-list-row.composition-others .city-composition-context{grid-column:2;align-self:center;margin-top:0} @media(max-width:620px){.eng-rank-row.ranked-list-row,.city-row.ranked-list-row{grid-template-columns:100px minmax(80px,1fr) 64px}.eng-rank-row.ranked-list-row .eng-rank-stats{grid-column:3;justify-content:unset;text-align:right}} /* Google Ads Overview */ .google-ads-section{margin-top:38px;padding-top:4px} .google-ads-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px} .google-ads-breakdown-panel{min-width:0}.google-ads-conversion-panel,.google-ads-campaign-panel{margin-top:16px} .google-ads-breakdown-list{display:flex;flex-direction:column;gap:11px;min-height:92px;max-height:520px;overflow-y:auto;overflow-x:hidden;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)}.google-ads-breakdown-list::-webkit-scrollbar{width:8px}.google-ads-breakdown-list::-webkit-scrollbar-track{background:rgba(30,41,59,.28);border-radius:999px}.google-ads-breakdown-list::-webkit-scrollbar-thumb{background:rgba(168,85,247,.42);border-radius:999px}.google-ads-conversion-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px} .google-ads-breakdown-row{position:relative;display:grid;grid-template-columns:minmax(116px,1.05fr) minmax(100px,1fr) auto;align-items:center;gap:12px;padding:10px 11px;border-radius:8px;background:rgba(15,23,42,.42);border:1px solid rgba(148,163,184,.08);overflow:hidden} .google-ads-breakdown-row:hover{border-color:rgba(168,85,247,.24);background:rgba(30,41,59,.47)} .google-ads-breakdown-name{position:relative;z-index:2;min-width:0;color:#e2e8f0;font-size:10.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-ads-breakdown-name small{display:block;margin-top:2px;color:#64748b;font-size:8.5px;font-weight:650;text-transform:uppercase;letter-spacing:.04em} .google-ads-breakdown-track{position:relative;height:7px;border-radius:999px;background:rgba(148,163,184,.09);overflow:hidden}.google-ads-breakdown-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7,#d946ef);box-shadow:0 0 10px rgba(168,85,247,.22)} .google-ads-breakdown-values{position:relative;z-index:2;text-align:right;white-space:nowrap}.google-ads-breakdown-values strong{display:block;color:#f8fafc;font-size:10.5px}.google-ads-breakdown-values span{display:block;margin-top:2px;color:#64748b;font-size:8.5px} .google-ads-breakdown-list .acq-bar-row{grid-template-columns:minmax(128px,190px) minmax(100px,1fr) minmax(72px,112px)} .google-ads-breakdown-list .acq-bar-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .google-ads-breakdown-list .composition-others{margin-top:6px} .google-ads-video-retention-panel{margin-top:16px}.google-ads-video-retention{position:relative;min-height:350px;padding:4px 4px 0}.google-ads-video-retention-svg{display:block;width:100%;height:330px;overflow:visible}.google-ads-video-retention-gridline{stroke:rgba(148,163,184,.10);stroke-width:1;vector-effect:non-scaling-stroke}.google-ads-video-retention-ylabel,.google-ads-video-retention-xlabel,.google-ads-video-retention-xsublabel,.google-ads-video-retention-value{font-family:inherit;pointer-events:none}.google-ads-video-retention-ylabel{fill:#64748b;font-size:9px;font-weight:700}.google-ads-video-retention-xlabel{fill:#cbd5e1;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.google-ads-video-retention-xsublabel{fill:#64748b;font-size:8px;font-weight:650}.google-ads-video-retention-area{fill:url(#googleAdsVideoRetentionArea)}.google-ads-video-retention-line{fill:none;stroke:url(#googleAdsVideoRetentionLine);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px rgba(168,85,247,.22))}.google-ads-video-retention-dot{fill:#c084fc;stroke:#f3e8ff;stroke-width:1.4;vector-effect:non-scaling-stroke;transition:r .14s ease,fill .14s ease,filter .14s ease}.google-ads-video-retention-point{outline:none}.google-ads-video-retention-point:hover .google-ads-video-retention-dot,.google-ads-video-retention-point:focus .google-ads-video-retention-dot{r:7;fill:#e9d5ff;filter:drop-shadow(0 0 7px rgba(192,132,252,.65))}.google-ads-video-retention-hit{fill:transparent;pointer-events:all;cursor:default}.google-ads-video-retention-value{fill:#e9d5ff;font-size:9px;font-weight:900}.google-ads-video-retention-tooltip{position:absolute;z-index:12;min-width:170px;max-width:230px;padding:9px 10px;border:1px solid rgba(168,85,247,.28);border-radius:8px;background:rgba(8,10,20,.96);box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 20px rgba(168,85,247,.10);color:#e2e8f0;font-size:9px;font-weight:650;line-height:1.4;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-100%) translateY(-8px);transition:opacity .12s ease,visibility .12s ease}.google-ads-video-retention-tooltip.visible{opacity:1;visibility:visible}.google-ads-video-retention-tooltip strong{display:block;margin-bottom:3px;color:#f8fafc;font-size:9.5px;font-weight:850}.google-ads-video-retention-tooltip span{display:block;color:#a8b2c5}@media(max-width:620px){.google-ads-video-retention{min-height:300px;padding-left:0;padding-right:0}.google-ads-video-retention-svg{height:300px}.google-ads-video-retention-ylabel{font-size:8px}.google-ads-video-retention-xlabel{font-size:8px}.google-ads-video-retention-xsublabel{display:none}.google-ads-video-retention-value{font-size:8px}} .google-ads-table-wrap{max-height:520px;overflow:auto}.google-ads-table{min-width:1120px}.google-ads-table th{position:sticky;top:0;z-index:3}.google-ads-table td:first-child{max-width:260px;white-space:normal;line-height:1.35;color:#e2e8f0;font-weight:700}.google-ads-table td:nth-child(2),.google-ads-table td:nth-child(3){white-space:nowrap}.google-ads-table .google-ads-status{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:rgba(148,163,184,.08);color:#94a3b8;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.google-ads-table .google-ads-status.enabled{background:rgba(16,185,129,.10);color:#6ee7b7} .google-ads-sort-button{justify-content:flex-end}.google-ads-table th:first-child .google-ads-sort-button,.google-ads-table th:nth-child(2) .google-ads-sort-button,.google-ads-table th:nth-child(3) .google-ads-sort-button{justify-content:flex-start;text-align:left} .google-ads-no-data{padding:18px 6px;color:#64748b;font-size:10.5px;text-align:center} @media(max-width:980px){.google-ads-insight-grid,.google-ads-conversion-list{grid-template-columns:minmax(0,1fr)}} @media(max-width:620px){.google-ads-breakdown-row{grid-template-columns:minmax(0,1fr) auto}.google-ads-breakdown-track{grid-column:1/-1;grid-row:2}.google-ads-breakdown-values{grid-column:2;grid-row:1}.google-ads-breakdown-list .acq-bar-row{grid-template-columns:100px minmax(80px,1fr) 64px}} .google-ads-overview-insights{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:stretch} #googleAdsCampaignTypePanel{grid-column:1;grid-row:1}#googleAdsDevicesPanel{grid-column:1;grid-row:2}#googleAdsTopCampaignsPanel{grid-column:2;grid-row:1/3} .google-ads-overview-insights[data-composition-count="2"],.google-ads-overview-insights[data-composition-count="1"]{grid-template-rows:auto}.google-ads-overview-insights[data-composition-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.google-ads-overview-insights[data-composition-count="1"]{grid-template-columns:minmax(0,1fr)}.google-ads-overview-insights[data-composition-count="2"]>.panel:not([hidden]),.google-ads-overview-insights[data-composition-count="1"]>.panel:not([hidden]){grid-column:auto;grid-row:auto} .google-ads-mix-panel,.google-ads-top-campaigns-panel{min-width:0;display:flex;flex-direction:column}.google-ads-mix-panel .panel-head,.google-ads-top-campaigns-panel .panel-head{margin-bottom:14px} .google-ads-mix-panel .donut-chart-body{padding-top:0;align-items:center}.google-ads-mix-panel .donut-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 172px;align-items:center;gap:16px}.google-ads-mix-panel .donut-chart{grid-column:2;grid-row:1;width:172px;height:172px}.google-ads-mix-panel .donut-chart-center{inset:37px}.google-ads-mix-panel .donut-chart-total{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}.google-ads-mix-panel .donut-chart-label{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-ads-mix-panel .donut-chart-legend{grid-column:1;grid-row:1;width:100%;max-width:none;grid-template-columns:1fr;gap:7px;padding-left:4px}.google-ads-mix-panel .donut-chart-item{font-size:9px} .google-ads-top-campaigns-panel .acq-bar-scroll{flex:1;max-height:640px;min-height:260px}.google-ads-top-campaigns-panel .acq-bar-row{grid-template-columns:minmax(128px,190px) minmax(100px,1fr) minmax(72px,112px)}.google-ads-conversion-panel .acq-bar-row{grid-template-columns:minmax(260px,360px) minmax(160px,1fr) 72px;gap:8px}.google-ads-top-campaigns-panel .acq-bar-value,.google-ads-conversion-panel .acq-bar-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-ads-conversion-panel{max-width:100%;height:410px;margin-top:16px;display:flex;flex-direction:column}#googleAdsConversionActionsPanel{width:100%}.google-ads-conversion-panel .acq-bar-scroll{flex:1;min-height:0} .google-ads-creative-health-panel{margin-top:16px;min-width:0}.google-ads-creative-strength-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:4px}.google-ads-creative-strength-card{position:relative;padding:13px 14px 12px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:rgba(15,23,42,.38);overflow:hidden}.google-ads-creative-strength-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--creative-strength,#64748b);opacity:.82}.google-ads-creative-strength-card>span{display:block;color:#94a3b8;font-size:8.5px;font-weight:850;letter-spacing:.10em;text-transform:uppercase}.google-ads-creative-strength-card>strong{display:block;margin-top:6px;color:#f8fafc;font-size:22px;line-height:1;font-weight:850}.google-ads-creative-strength-card>small{display:block;margin-top:5px;color:#64748b;font-size:9px;font-weight:800}.google-ads-creative-strength-card.strength-excellent,.google-ads-creative-strength-bar .strength-excellent{--creative-strength:#34d399}.google-ads-creative-strength-card.strength-good,.google-ads-creative-strength-bar .strength-good{--creative-strength:#8b5cf6}.google-ads-creative-strength-card.strength-average,.google-ads-creative-strength-bar .strength-average{--creative-strength:#f59e0b}.google-ads-creative-strength-card.strength-poor,.google-ads-creative-strength-bar .strength-poor{--creative-strength:#fb7185}.google-ads-creative-strength-bar{display:flex;height:10px;margin-top:15px;overflow:hidden;border-radius:999px;background:rgba(51,65,85,.52);box-shadow:inset 0 0 0 1px rgba(148,163,184,.08)}.google-ads-creative-strength-bar>span{display:block;height:100%;min-width:0;background:var(--creative-strength,#475569);transition:width .2s ease}.google-ads-creative-strength-bar .strength-empty{background:rgba(71,85,105,.5)}.google-ads-creative-strength-labels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px;color:#64748b;font-size:8.5px;font-weight:750}.google-ads-creative-strength-labels span:nth-child(2),.google-ads-creative-strength-labels span:nth-child(3){text-align:center}.google-ads-creative-strength-labels span:last-child{text-align:right}.google-ads-creative-unrated{min-height:14px;margin-top:8px;color:#64748b;font-size:8.5px;font-weight:650}.google-ads-creative-attention{margin-top:12px}.google-ads-creative-attention-list{display:flex;flex-direction:column;gap:2px}.google-ads-creative-attention-row{display:grid;grid-template-columns:120px minmax(150px,1fr) minmax(180px,1.15fr) 86px;align-items:center;gap:12px;padding:9px 10px;border-radius:7px;transition:background .15s ease}.google-ads-creative-attention-row:hover{background:rgba(168,85,247,.055)}.google-ads-creative-type{color:#a78bfa;font-size:9px;font-weight:800;white-space:nowrap}.google-ads-creative-campaign,.google-ads-creative-entity{min-width:0;color:#e2e8f0;font-size:9.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-ads-creative-entity{color:#cbd5e1}.google-ads-creative-entity span{display:block;margin-top:2px;color:#64748b;font-size:8px;font-weight:650;overflow:hidden;text-overflow:ellipsis}.google-ads-creative-strength-pill{justify-self:end;display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid rgba(148,163,184,.16);font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.google-ads-creative-strength-pill.strength-average{color:#fbbf24;background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.24)}.google-ads-creative-strength-pill.strength-poor{color:#fda4af;background:rgba(244,63,94,.09);border-color:rgba(251,113,133,.24)} @media(max-width:980px){.google-ads-overview-insights,.google-ads-overview-insights[data-composition-count="2"],.google-ads-overview-insights[data-composition-count="1"]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.google-ads-overview-insights>.panel:not([hidden]){grid-column:auto!important;grid-row:auto!important}.google-ads-conversion-panel{width:100%}.google-ads-top-campaigns-panel .acq-bar-scroll{min-height:0;max-height:520px}.google-ads-mix-panel .donut-chart-layout{grid-template-columns:minmax(0,1fr) 190px}.google-ads-mix-panel .donut-chart{width:190px;height:190px}.google-ads-mix-panel .donut-chart-center{inset:41px}} @media(max-width:620px){.google-ads-creative-strength-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.google-ads-creative-strength-labels{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:3px}.google-ads-creative-strength-labels span:nth-child(n){text-align:left}.google-ads-creative-attention-row{grid-template-columns:1fr auto;gap:5px 10px;padding:9px 7px}.google-ads-creative-type,.google-ads-creative-campaign{grid-column:1}.google-ads-creative-entity{grid-column:1}.google-ads-creative-strength-pill{grid-column:2;grid-row:1 / span 3;align-self:center}.google-ads-top-campaigns-panel .acq-bar-row,.google-ads-conversion-panel .acq-bar-row{grid-template-columns:100px 1fr 64px}.google-ads-mix-panel .donut-chart-layout{display:flex;flex-direction:column;align-items:center;gap:10px}.google-ads-mix-panel .donut-chart-legend{width:min(100%,330px);grid-template-columns:1fr;padding-left:0}.google-ads-mix-panel .donut-chart{width:170px;height:170px}.google-ads-mix-panel .donut-chart-center{inset:37px}} /* Platform-level page views: GA4 sections stay together; Google Ads sections stay together. */ .platform-page[hidden]{display:none!important} .platform-range-empty-state{min-height:330px;margin:8px 0 34px;padding:54px 28px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid rgba(168,85,247,.20);border-radius:15px;background:radial-gradient(circle at 50% 0%,rgba(126,34,206,.12),transparent 48%),rgba(8,11,24,.60);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);text-align:left} .platform-range-empty-state[hidden]{display:none!important}.platform-range-empty-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border:1px solid rgba(192,132,252,.25);border-radius:10px;background:rgba(126,34,206,.10);color:#c4b5fd;box-shadow:0 0 28px rgba(126,34,206,.10)}.platform-range-empty-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.platform-range-empty-copy{max-width:660px}.platform-range-empty-title{color:#f8fafc;font-size:20px;font-weight:820;letter-spacing:-.015em}.platform-range-empty-detail{margin-top:8px;color:#94a3b8;font-size:11px;font-weight:620;line-height:1.65} @media(max-width:620px){.platform-range-empty-state{min-height:280px;flex-direction:column;padding:40px 20px;text-align:center}.platform-range-empty-title{font-size:18px}.platform-range-empty-detail{font-size:10.5px}} .platform-page[data-platform-page="google_ads"] .google-ads-section{margin-top:0} /* CLIENT-R165 Google Ads section suite */ .google-ads-section+.google-ads-section{margin-top:58px;padding-top:18px;border-top:1px solid rgba(88,28,135,.20)} .google-ads-metric-grid{margin-bottom:16px} .google-ads-detail-table{min-width:1180px}.google-ads-detail-table th,.google-ads-detail-table td{white-space:nowrap}.google-ads-detail-table td:first-child{max-width:320px;white-space:normal;line-height:1.35;color:#e2e8f0;font-weight:700}.google-ads-detail-table td:nth-child(2),.google-ads-detail-table td:nth-child(3),.google-ads-detail-table td:nth-child(4){max-width:260px;overflow:hidden;text-overflow:ellipsis} .google-ads-video-table{min-width:1080px} #googleAdsSearchTermsPanel,#googleAdsKeywordsPanel,#googleAdsSearchAdGroupsPanel,#googleAdsPmaxAssetGroupsPanel,#googleAdsPmaxCampaignsPanel,#googleAdsDisplayCampaignsPanel,#googleAdsDisplayPlacementsPanel,#googleAdsVideoCampaignsPanel{margin-top:16px} @media(max-width:980px){.google-ads-section+.google-ads-section{margin-top:44px;padding-top:12px}} .trend-point{pointer-events:none;transform-box:fill-box;transform-origin:center;transition:transform .16s cubic-bezier(.2,.8,.2,1),fill .16s ease,stroke .16s ease,stroke-width .16s ease,filter .16s ease}.trend-point.is-hovered{transform:scale(1.32);fill:#fff7ff;stroke:#f0abfc;stroke-width:3;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 9px var(--trend-point-color)) drop-shadow(0 0 18px color-mix(in srgb,var(--trend-point-color) 86%,transparent))}.trend-point.is-provisional.is-hovered{fill:#fffbeb;stroke:#fbbf24;filter:drop-shadow(0 0 3px rgba(255,255,255,.92)) drop-shadow(0 0 9px var(--trend-point-color)) drop-shadow(0 0 18px color-mix(in srgb,var(--trend-point-color) 82%,transparent))}@media(prefers-reduced-motion:reduce){.trend-point{transition:none}.trend-point.is-hovered{transform:scale(1.18)}} .google-ads-search-geo-panel{grid-column:1/-1} /* Google Ads Search ranked query context */ .google-ads-search-terms-panel{width:100%;max-width:100%;height:480px;min-height:480px;margin-top:0;display:flex;flex-direction:column;min-width:0}.google-ads-search-terms-panel .acq-bar-scroll{flex:1;min-height:0}.google-ads-search-terms-panel .acq-bar-list{gap:8px}.google-ads-search-terms-panel .acq-bar-row{grid-template-columns:minmax(200px,250px) minmax(160px,1fr) minmax(64px,76px);gap:8px;align-items:center}.google-ads-search-term-label{min-width:0;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.google-ads-search-term-keyword{display:block;min-width:0;flex:0 1 auto;color:#e2e8f0;font-size:10.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-ads-search-term-count{height:20px;min-width:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 2px;border:0;border-radius:5px;background:transparent;color:#a78bfa;font-size:7.75px;font-weight:800;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.google-ads-search-term-count svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.google-ads-search-term-count:hover,.google-ads-search-term-count:focus-visible{color:#ede9fe;background:rgba(168,85,247,.10);outline:none}.google-ads-search-term-count.is-empty{color:#64748b;background:transparent;cursor:default}.google-ads-search-terms-panel .metric-control:first-child .metric-dropdown-button{max-width:150px}.google-ads-search-terms-panel .metric-control:first-child .metric-dropdown-button span{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-ads-keyword-search-terms-popover{position:fixed;z-index:12000;max-height:min(460px,calc(100vh - 24px));display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid rgba(168,85,247,.28);border-radius:10px;background:rgba(11,8,22,.985);box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 28px rgba(168,85,247,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.google-ads-keyword-search-terms-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 15px 11px;border-bottom:1px solid rgba(148,163,184,.11)}.google-ads-keyword-search-terms-title{color:#fff;font-size:11px;font-weight:850;line-height:1.35;word-break:break-word}.google-ads-keyword-search-terms-meta{margin-top:4px;color:#64748b;font-size:8.5px;font-weight:700}.google-ads-keyword-search-terms-close{width:26px;height:26px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:rgba(255,255,255,.035);color:#94a3b8;font-size:17px;line-height:1;cursor:pointer}.google-ads-keyword-search-terms-close:hover,.google-ads-keyword-search-terms-close:focus-visible{color:#fff;border-color:rgba(192,132,252,.35);background:rgba(168,85,247,.10);outline:none}.google-ads-keyword-search-terms-list{flex:1 1 auto;min-height:0;max-height:min(360px,calc(100vh - 112px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:7px 8px 9px;scrollbar-gutter:stable}.google-ads-keyword-search-term-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 9px;border-radius:8px;color:#cbd5e1;font-size:9.5px;font-weight:650;line-height:1.4;word-break:break-word}.google-ads-keyword-search-term-copy{min-width:0;flex:1 1 auto}.google-ads-keyword-search-term-matches{display:flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.google-ads-keyword-search-term-match{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.13);color:#94a3b8;font-size:7.5px;font-weight:800;line-height:1.2;white-space:nowrap}.google-ads-keyword-search-term-item+.google-ads-keyword-search-term-item{border-top:1px solid rgba(148,163,184,.07)}.google-ads-keyword-search-term-item:hover{background:rgba(168,85,247,.07);color:#fff}@media(max-width:980px){.google-ads-search-terms-panel{width:100%}}@media(max-width:620px){.google-ads-search-terms-panel .acq-bar-row{grid-template-columns:minmax(165px,220px) minmax(70px,1fr) 64px}.google-ads-search-terms-panel .eng-panel-controls{width:100%;justify-content:flex-start;gap:10px}.google-ads-keyword-search-terms-popover{max-height:min(420px,calc(100vh - 20px))}.google-ads-keyword-search-terms-list{max-height:min(320px,calc(100vh - 104px))}} /* Shared ranked-panel sizing: rendered row count grows the panel naturally until a bounded viewport cap is reached. */ .ranked-list-panel{height:auto!important;min-height:0!important} .ranked-list-viewport{height:var(--ranked-list-natural-height,auto)!important;min-height:0!important;max-height:560px!important;overflow-y:auto;overflow-x:hidden;transition:height .18s ease} @media(max-width:980px){.ranked-list-viewport{max-height:500px!important}} @media(max-width:620px){.ranked-list-viewport{max-height:420px!important}} /* CLIENT-R199 compact sidebar alignment: hidden labels must not leave flex gaps that offset platform icons. */ @media(min-width:981px){ .dashboard-sidebar.collapsed:not(.hover-open):not(.pinned-open) .sidebar-link{justify-content:center;gap:0;padding-left:0;padding-right:0} } @media(max-width:1360px) and (min-width:981px){ .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-link{justify-content:center;gap:0;padding-left:0;padding-right:0} } /* CLIENT-R200 compact sidebar: pin platform SVGs to the true horizontal center of the compact rail. */ @media(min-width:981px){ .dashboard-sidebar.collapsed:not(.hover-open):not(.pinned-open) .sidebar-link>svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; } .dashboard-sidebar.collapsed:not(.hover-open):not(.pinned-open) .sidebar-link-badge{ margin-left:0; padding-left:0; padding-right:0; border-width:0; } } @media(max-width:1360px) and (min-width:981px){ .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-link>svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; } .dashboard-sidebar:not(.hover-open):not(.pinned-open) .sidebar-link-badge{ margin-left:0; padding-left:0; padding-right:0; border-width:0; } } /* CLIENT-R205 Search primary pair: compact Keyword Performance + shared sortable Search Impression Share table. */ .google-ads-search-primary-grid{display:grid;grid-template-columns:minmax(0,11fr) minmax(520px,9fr);gap:16px;align-items:start;margin-top:16px}.google-ads-search-primary-grid #googleAdsSearchTermsPanel{margin-top:0} .google-ads-search-share-panel{min-width:0;height:auto;min-height:320px;display:flex;flex-direction:column;align-self:start}.google-ads-search-share-panel .panel-head{align-items:flex-start;flex:0 0 auto}.google-ads-search-share-table{flex:0 1 auto;min-height:0;overflow:visible}.google-ads-search-share-table .data-table-wrap{height:auto;max-height:380px;overflow-x:hidden;overflow-y:auto}.google-ads-search-share-data-table{width:100%;min-width:0;table-layout:fixed}.google-ads-search-share-data-table th,.google-ads-search-share-data-table td{padding-left:6px;padding-right:6px}.google-ads-search-share-data-table th:first-child,.google-ads-search-share-data-table td:first-child{width:37%;max-width:none}.google-ads-search-share-data-table th:not(:first-child),.google-ads-search-share-data-table td:not(:first-child){width:21%}.google-ads-search-share-data-table .data-table-head-inner{gap:3px}.google-ads-search-share-data-table .data-table-sort-button{gap:2px}.google-ads-search-share-data-table td:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .google-ads-search-geo-panel{margin-top:16px} @media(max-width:1180px){.google-ads-search-primary-grid{grid-template-columns:minmax(0,1fr)}.google-ads-search-share-panel{height:auto;min-height:320px}.google-ads-search-terms-panel{height:auto;min-height:480px}} @media(max-width:620px){.google-ads-search-primary-grid{gap:12px}.google-ads-search-share-data-table th,.google-ads-search-share-data-table td{padding-left:5px;padding-right:5px}.google-ads-search-share-data-table th{font-size:8px;letter-spacing:.045em}} /* Performance Max placement visibility */ .google-ads-pmax-placement-controls{flex-wrap:wrap}.google-ads-pmax-placement-table{width:100%;min-width:620px}.google-ads-pmax-placement-table th:first-child,.google-ads-pmax-placement-table td:first-child{width:52%;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.google-ads-pmax-placement-table th:nth-child(2),.google-ads-pmax-placement-table td:nth-child(2){width:18%;white-space:nowrap}.google-ads-pmax-placement-table th:nth-child(3),.google-ads-pmax-placement-table td:nth-child(3){width:18%;white-space:nowrap}.google-ads-pmax-placement-table th:last-child,.google-ads-pmax-placement-table td:last-child{width:12%;text-align:right;white-space:nowrap}@media(max-width:980px){.google-ads-pmax-placement-controls{width:100%;justify-content:flex-start}} /* CLIENT-R220 Google Ads Display polish; reused by Video from CLIENT-R224 */ .google-ads-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;align-items:stretch} .google-ads-demographics-group{display:contents} .google-ads-audience-grid>.panel,.google-ads-demographics-group>.panel{min-width:0;margin-top:0;align-self:stretch} .google-ads-audience-panel{display:flex;flex-direction:column;min-height:360px} .google-ads-audience-panel .panel-head{margin-bottom:12px} .google-ads-audience-panel .donut-chart-body{flex:1;align-items:flex-start} .google-ads-audience-panel .donut-chart-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px} .google-ads-audience-panel .donut-chart{width:168px;height:168px} .google-ads-audience-panel .donut-chart-center{inset:36px} .google-ads-audience-panel .donut-chart-total{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px} .google-ads-audience-panel .donut-chart-legend{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;padding-left:0} .google-ads-audience-panel .donut-chart-item{font-size:9px} .google-ads-display-placement-controls,.google-ads-video-placement-controls{flex-wrap:wrap} .google-ads-display-placement-table{width:100%;min-width:760px;table-layout:fixed} .google-ads-display-placement-table th:first-child,.google-ads-display-placement-table td:first-child{width:42%;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .google-ads-display-placement-table th:nth-child(2),.google-ads-display-placement-table td:nth-child(2),.google-ads-display-placement-table th:nth-child(3),.google-ads-display-placement-table td:nth-child(3){width:13%;text-align:left;white-space:nowrap} .google-ads-display-placement-table th:nth-child(4),.google-ads-display-placement-table td:nth-child(4){width:12%;text-align:right;white-space:nowrap} .google-ads-display-placement-table th:nth-child(5),.google-ads-display-placement-table td:nth-child(5),.google-ads-display-placement-table th:nth-child(6),.google-ads-display-placement-table td:nth-child(6){width:10%;text-align:right;white-space:nowrap} .google-ads-video-placement-table{width:100%;min-width:860px;table-layout:fixed} .google-ads-video-placement-table th:first-child,.google-ads-video-placement-table td:first-child{width:36%;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .google-ads-video-placement-table th:nth-child(2),.google-ads-video-placement-table td:nth-child(2),.google-ads-video-placement-table th:nth-child(3),.google-ads-video-placement-table td:nth-child(3){width:12%;text-align:left;white-space:nowrap} .google-ads-video-placement-table th:nth-child(n+4),.google-ads-video-placement-table td:nth-child(n+4){width:10%;text-align:right;white-space:nowrap} @media(max-width:980px){.google-ads-audience-grid{grid-template-columns:minmax(0,1fr)}.google-ads-display-placement-controls,.google-ads-video-placement-controls{width:100%;justify-content:flex-start}} /* Shared Google Ads primary analytical row: Performance Max + Demand Gen. */ .google-ads-primary-split-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:16px;margin-top:16px;align-items:start} .google-ads-primary-split-grid[data-composition-count="1"]{grid-template-columns:minmax(0,1fr)} .google-ads-primary-split-grid>.panel{min-width:0;margin-top:0;align-self:start} .google-ads-primary-trend-panel{display:flex;min-width:0;flex-direction:column} .google-ads-primary-trend-panel .chart-shell{height:280px;min-height:280px;flex:0 0 280px;overflow:hidden} .google-ads-primary-trend-panel .trend-chart,.google-ads-primary-trend-panel>div.chart-shell>svg{display:block;width:100%;height:270px;overflow:hidden} .google-ads-channel-donut-panel{display:flex;min-width:0;flex-direction:column} .google-ads-primary-split-grid>.google-ads-channel-donut-panel{align-self:stretch} .google-ads-channel-donut-panel .donut-chart-body{flex:0 0 auto;align-items:flex-start} .google-ads-channel-donut-panel .donut-chart-layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px} .google-ads-channel-donut-panel .donut-chart{width:190px;height:190px} .google-ads-channel-donut-panel .donut-chart-center{inset:41px} .google-ads-channel-donut-panel .donut-chart-legend{width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 14px;padding-left:0} .google-ads-channel-donut-panel .donut-chart-item{font-size:9px} .google-ads-demand-gen-placements-panel{margin-top:16px} @media(max-width:980px){.google-ads-primary-split-grid{grid-template-columns:minmax(0,1fr)}.google-ads-demand-gen-placement-controls{width:100%;justify-content:flex-start}} /* Shared creative gallery */ #googleAdsSearchTopAdsPanel .creative-gallery-badge{display:none} .creative-gallery-panel{margin-top:16px;min-width:0;overflow:hidden}.creative-gallery{min-width:0}.creative-gallery-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.creative-gallery-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.28) transparent;outline:none}.creative-gallery-viewport:focus-visible{box-shadow:inset 0 0 0 1px rgba(168,85,247,.24)}.creative-gallery-viewport::-webkit-scrollbar{height:7px}.creative-gallery-viewport::-webkit-scrollbar-track{background:transparent}.creative-gallery-viewport::-webkit-scrollbar-thumb{background:rgba(148,163,184,.22);border-radius:999px}.creative-gallery-track{display:flex;align-items:stretch;gap:0;min-width:max-content}.creative-gallery-card{width:clamp(430px,38vw,520px);max-width:calc(100vw - 120px);flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:always;min-width:0;padding:5px 30px 12px 2px;margin-right:30px;border-right:1px solid rgba(148,163,184,.12);background:transparent}.creative-gallery-card:last-child{margin-right:0;border-right:0}.creative-gallery-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.creative-gallery-card-identity{display:flex;align-items:flex-start;gap:10px;min-width:0}.creative-gallery-card-identity>div{min-width:0}.creative-gallery-rank{flex:0 0 auto;padding-top:1px;color:#a78bfa;font-size:10px;font-weight:900;letter-spacing:.02em}.creative-gallery-eyebrow{color:#a78bfa;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.creative-gallery-title{margin-top:3px;color:#f8fafc;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-gallery-subtitle{margin-top:2px;color:#64748b;font-size:9px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-gallery-caption{display:-webkit-box;min-height:2.9em;margin:9px 0 0 22px;color:#94a3b8;font-size:9px;font-weight:550;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.creative-gallery-caption.is-empty{visibility:hidden}.creative-gallery-badge{flex:0 0 auto;padding-top:2px;color:#94a3b8;font-size:7.5px;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.creative-gallery-preview{min-width:0}.creative-gallery-metrics{display:flex;align-items:stretch;margin-top:10px;padding-top:9px;border-top:1px solid rgba(148,163,184,.10);overflow-x:auto}.creative-gallery-metric{min-width:92px;flex:1 0 92px;padding:0 12px;border-left:1px solid rgba(148,163,184,.10);background:transparent}.creative-gallery-metric:first-child{padding-left:0;border-left:0}.creative-gallery-metric span{display:block;color:#64748b;font-size:7px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.creative-gallery-metric strong{display:block;margin-top:4px;color:#dbe4f0;font-size:10px;font-weight:850;white-space:nowrap}.creative-gallery-metric.active span{color:#a78bfa}.creative-gallery-metric.active strong{color:#f3e8ff}.search-ad-preview-result{min-height:0;padding:13px 15px;border:0;border-radius:8px;background:rgba(248,250,252,.90);color:#334155;box-shadow:0 1px 0 rgba(255,255,255,.34)}.search-ad-preview-url{display:flex;align-items:center;gap:5px;min-width:0;color:#475569;font-size:9px;font-weight:650;white-space:nowrap;overflow:hidden}.search-ad-preview-url span{overflow:hidden;text-overflow:ellipsis}.search-ad-preview-sponsored{flex:0 0 auto;color:#0f172a!important;font-weight:850}.search-ad-preview-headline{margin-top:7px;color:#1d4ed8;font-size:16px;font-weight:650;line-height:1.28}.search-ad-preview-headline>span:not(.search-ad-preview-separator){display:inline}.search-ad-preview-separator{color:#64748b;font-weight:450}.search-ad-preview-description{margin-top:6px;color:#475569;font-size:10px;line-height:1.48}.search-ad-preview-source{margin-top:9px;padding-top:8px;border-top:1px solid rgba(100,116,139,.14);color:#64748b;font-size:8px;font-weight:700}@media(max-width:760px){.creative-gallery-panel .control-head{align-items:flex-start}.creative-gallery-controls{width:100%;justify-content:flex-start}.creative-gallery-card{width:min(86vw,620px);max-width:none;padding-right:18px;margin-right:18px}.creative-gallery-metrics{padding-bottom:2px}.search-ad-preview-result{min-height:0;padding:12px}.search-ad-preview-headline{font-size:14px}.search-ad-preview-url{font-size:8.5px}.search-ad-preview-description{font-size:9.5px}}@media(prefers-reduced-motion:reduce){.creative-gallery-viewport{scroll-behavior:auto}} /* CLIENT-R255 Performance Max Top Creative Combinations */ .google-ads-pmax-top-combinations-panel .creative-gallery-card{width:clamp(400px,35vw,490px)} .pmax-creative-preview{min-height:0;overflow:hidden;border-radius:8px;background:rgba(248,250,252,.90);color:#334155;box-shadow:0 1px 0 rgba(255,255,255,.34)} .pmax-creative-media{position:relative;width:100%;aspect-ratio:1.91/1;max-height:230px;overflow:hidden;border:0;padding:0;background:rgba(15,23,42,.08);text-align:left;cursor:zoom-in} .pmax-creative-media>img{display:block;width:100%;height:100%;object-fit:cover} .pmax-creative-video{cursor:pointer}.pmax-creative-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,23,42,.54));pointer-events:none} .pmax-creative-play{position:absolute;z-index:2;left:50%;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(15,23,42,.78);box-shadow:0 6px 18px rgba(15,23,42,.22)} .pmax-creative-play svg{width:22px;height:22px;fill:#fff} .pmax-creative-video-title{position:absolute;z-index:2;left:13px;right:13px;bottom:10px;color:#fff;font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pmax-creative-copy{padding:12px 14px 13px} .pmax-creative-kicker{color:#475569;font-size:8px;font-weight:800;letter-spacing:.045em;text-transform:uppercase} .pmax-creative-headline{margin-top:6px;color:#1e293b;font-size:15px;font-weight:720;line-height:1.3} .pmax-creative-headline>span:not(.pmax-creative-separator){display:inline} .pmax-creative-separator{color:#94a3b8;font-weight:450} .pmax-creative-description{margin-top:6px;color:#475569;font-size:10px;line-height:1.48} .pmax-creative-thumbs{display:flex;gap:7px;margin-top:10px;overflow:hidden} .pmax-creative-thumb{width:48px;height:36px;flex:0 0 auto;overflow:hidden;border:0;border-radius:6px;padding:0;background:rgba(15,23,42,.06);cursor:zoom-in} .pmax-creative-thumbs img{display:block;width:100%;height:100%;object-fit:cover;background:rgba(15,23,42,.06)} .pmax-creative-empty{margin-top:7px;color:#64748b;font-size:9px;line-height:1.45} .creative-preview-modal-caption{max-height:150px;flex:0 0 auto;margin:0 18px 16px;padding:12px 14px;border:1px solid rgba(148,163,184,.10);border-radius:8px;background:rgba(255,255,255,.025);color:#cbd5e1;font-size:10px;font-weight:550;line-height:1.55;white-space:pre-wrap;overflow:auto}.creative-preview-modal-caption[hidden]{display:none!important}.creative-preview-modal-caption-label{display:block;margin-bottom:6px;color:#a78bfa;font-size:7px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.creative-preview-modal-caption-body{white-space:pre-wrap;overflow-wrap:anywhere}.creative-preview-modal.is-gallery .creative-preview-modal-counter{bottom:calc(28px + var(--creative-preview-caption-offset,0px))}@media(max-width:760px){.creative-preview-modal-caption{max-height:132px;margin:0 10px 10px;padding:10px 12px}.creative-preview-modal.is-gallery .creative-preview-modal-counter{bottom:calc(18px + var(--creative-preview-caption-offset,0px))}} .creative-preview-trigger>img{transition:transform .18s ease,filter .18s ease}.creative-preview-trigger:hover>img,.creative-preview-trigger:focus-visible>img{transform:scale(1.018);filter:brightness(.96)}.creative-preview-trigger:focus-visible{outline:2px solid rgba(139,92,246,.72);outline-offset:-2px}.creative-preview-expand{position:absolute;z-index:3;right:9px;top:9px;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(15,23,42,.70);color:#fff;opacity:.12;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;box-shadow:0 4px 14px rgba(15,23,42,.16)}.creative-preview-trigger:hover .creative-preview-expand,.creative-preview-trigger:focus-visible .creative-preview-expand{opacity:.92;transform:translateY(0)}.creative-preview-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.creative-preview-open{overflow:hidden}.creative-preview-modal{width:min(1120px,calc(100vw - 42px));max-width:none;max-height:calc(100vh - 42px);padding:0;border:1px solid rgba(168,85,247,.22);border-radius:13px;background:rgba(8,10,20,.96);color:#f8fafc;box-shadow:0 32px 100px rgba(0,0,0,.68),0 0 42px rgba(124,58,237,.12);overflow:hidden}.creative-preview-modal::backdrop{background:rgba(2,4,10,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.creative-preview-modal-shell{display:flex;max-height:calc(100vh - 42px);flex-direction:column}.creative-preview-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px 13px 18px;border-bottom:1px solid rgba(148,163,184,.10)}.creative-preview-modal-title{min-width:0;color:#e2e8f0;font-size:11px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creative-preview-modal-close{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(148,163,184,.12);border-radius:8px;background:rgba(255,255,255,.035);color:#cbd5e1;cursor:pointer;transition:.16s ease}.creative-preview-modal-close:hover,.creative-preview-modal-close:focus-visible{background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.28);color:#fff;outline:none}.creative-preview-modal-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.creative-preview-modal-media{min-height:0;display:grid;place-items:center;padding:18px;overflow:auto}.creative-preview-modal-image{display:block;max-width:100%;max-height:calc(100vh - 118px);width:auto;height:auto;object-fit:contain;border-radius:8px;background:#020617}.creative-preview-modal-video{width:min(100%,1040px);aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#000;box-shadow:0 14px 44px rgba(0,0,0,.34)}.creative-preview-modal-video iframe{display:block;width:100%;height:100%;border:0}@media(max-width:760px){.creative-preview-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:10px}.creative-preview-modal-shell{max-height:calc(100vh - 18px)}.creative-preview-modal-head{padding:10px 10px 10px 13px}.creative-preview-modal-media{padding:10px}.creative-preview-modal-image{max-height:calc(100vh - 86px)}} @media(max-width:760px){.google-ads-pmax-top-combinations-panel .creative-gallery-card{width:min(84vw,460px)}.pmax-creative-copy{padding:11px 12px 12px}.pmax-creative-headline{font-size:14px}.pmax-creative-description{font-size:9.5px}} /* CLIENT-R258 shared Creative Preview Modal motion: slower, more perceptible fade + zoom. */ .creative-preview-modal{opacity:0;transform:translateY(10px) scale(.945);transform-origin:center center;transition:opacity .32s ease,transform .32s cubic-bezier(.2,.8,.2,1)} .creative-preview-modal.is-open{opacity:1;transform:translateY(0) scale(1);transition-duration:.36s,.36s} .creative-preview-modal.is-closing{opacity:0;transform:translateY(8px) scale(.955);transition-duration:.32s,.32s} .creative-preview-modal::backdrop{background:rgba(2,4,10,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .32s ease,backdrop-filter .32s ease,-webkit-backdrop-filter .32s ease} .creative-preview-modal.is-open::backdrop{background:rgba(2,4,10,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition-duration:.36s,.36s,.36s} .creative-preview-modal.is-closing::backdrop{background:rgba(2,4,10,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition-duration:.32s,.32s,.32s} .creative-preview-modal-media{opacity:0;transform:translateY(6px) scale(.992);transition:opacity .26s ease .07s,transform .30s cubic-bezier(.2,.8,.2,1) .07s} .creative-preview-modal.is-open .creative-preview-modal-media{opacity:1;transform:translateY(0) scale(1)} .creative-preview-modal.is-closing .creative-preview-modal-media{opacity:0;transform:translateY(4px) scale(.995);transition:opacity .22s ease,transform .26s ease} @media(prefers-reduced-motion:reduce){.creative-preview-modal,.creative-preview-modal::backdrop,.creative-preview-modal-media{transition:none!important}.creative-preview-modal[open]{opacity:1;transform:none}.creative-preview-modal[open]::backdrop{background:rgba(2,4,10,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.creative-preview-modal[open] .creative-preview-modal-media{opacity:1;transform:none}} /* CLIENT-R260 shared Demand Gen / Display / Video Top Ads creative previews */ .google-ads-visual-top-ads-panel .creative-gallery-card{width:clamp(400px,35vw,490px)} .visual-ad-preview{min-height:0;overflow:hidden;border-radius:8px;background:rgba(248,250,252,.90);color:#334155;box-shadow:0 1px 0 rgba(255,255,255,.34)} .visual-ad-preview-media{position:relative;width:100%;aspect-ratio:1.91/1;max-height:230px;display:block;overflow:hidden;border:0;padding:0;background:rgba(15,23,42,.08);text-align:left;cursor:zoom-in} .visual-ad-preview-media>img{display:block;width:100%;height:100%;object-fit:cover} .visual-ad-preview-media-empty{display:grid;place-items:center;cursor:default;color:#64748b;font-size:10px;font-weight:750} .visual-ad-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(15,23,42,.58));pointer-events:none} .visual-ad-preview-play{position:absolute;z-index:2;left:50%;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:rgba(15,23,42,.78);box-shadow:0 6px 18px rgba(15,23,42,.22);pointer-events:none} .visual-ad-preview-play svg{width:22px;height:22px;fill:#fff} .visual-ad-preview-video-title{position:absolute;z-index:2;left:13px;right:13px;bottom:10px;color:#fff;font-size:9px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none} .visual-ad-preview-copy{padding:12px 14px 13px} .visual-ad-preview-kicker{color:#475569;font-size:8px;font-weight:800;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .visual-ad-preview-headline{margin-top:6px;color:#1e293b;font-size:15px;font-weight:720;line-height:1.3} .visual-ad-preview-description{margin-top:6px;color:#475569;font-size:10px;line-height:1.48} .visual-ad-preview-cta{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:6px;background:rgba(99,102,241,.09);color:#4338ca;font-size:8px;font-weight:800;letter-spacing:.02em} .visual-ad-preview-thumbnails{display:flex;gap:7px;margin-top:10px;overflow:hidden} .visual-ad-preview-thumb{position:relative;width:48px;height:36px;flex:0 0 auto;overflow:hidden;border:0;border-radius:6px;padding:0;background:rgba(15,23,42,.06);cursor:zoom-in} .visual-ad-preview-thumb img{display:block;width:100%;height:100%;object-fit:cover;background:rgba(15,23,42,.06)} @media(max-width:760px){.google-ads-visual-top-ads-panel .creative-gallery-card{width:min(84vw,460px)}.visual-ad-preview-copy{padding:11px 12px 12px}.visual-ad-preview-headline{font-size:14px}.visual-ad-preview-description{font-size:9.5px}} .visual-ad-preview-thumb.is-video{position:relative}.visual-ad-preview-thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(15,23,42,.76);color:#fff;font-size:7px;line-height:1;pointer-events:none} /* CLIENT-R273 Google Business Profile expanded Overview */ .gbp-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px} .gbp-insight-panel{min-width:0;min-height:318px;display:flex;flex-direction:column} .gbp-insight-panel .donut-chart-body{flex:1;display:flex;align-items:center} .gbp-search-keywords-panel{margin-top:16px;width:calc((100% - 16px)/2);max-width:100%;min-width:0} .gbp-review-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px} .gbp-review-distribution{padding-top:4px;border-top:1px solid rgba(148,163,184,.12)} .gbp-review-distribution-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 10px} .gbp-review-distribution-title{color:#1e293b;font-size:11px;font-weight:800} .gbp-review-distribution-total{color:#64748b;font-size:9px;font-weight:700} .gbp-review-rating-list{display:grid;gap:10px} .gbp-review-rating-row{display:grid;grid-template-columns:34px minmax(0,1fr) 88px;align-items:center;gap:11px;min-height:26px} .gbp-review-rating-label{color:#334155;font-size:10px;font-weight:800} .gbp-review-rating-track{height:7px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.17)} .gbp-review-rating-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7)} .gbp-review-rating-value{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;color:#64748b;font-size:9px} .gbp-review-rating-value strong{color:#1e293b;font-size:10px} .gbp-search-keywords-panel .metric-menu{max-height:300px;overflow:auto} .gbp-search-keywords-panel .data-table-wrap{max-height:438px} .gbp-search-total{margin:2px 0 14px;padding:4px 2px 10px;border-bottom:1px solid rgba(148,163,184,.13)} .gbp-search-total-label{color:#64748b;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase} .gbp-search-total-value{margin-top:3px;color:#f8fafc;font-size:30px;font-weight:850;line-height:1.05;letter-spacing:-.035em;font-variant-numeric:tabular-nums} .gbp-search-keywords-data-table{width:100%;table-layout:fixed} .gbp-search-keywords-data-table th:first-child,.gbp-search-keywords-data-table td:first-child{width:72%;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .gbp-search-keywords-data-table th:nth-child(2),.gbp-search-keywords-data-table td:nth-child(2){width:28%} .gbp-search-table-note{margin-top:9px;color:#64748b;font-size:9px;line-height:1.45} .gbp-search-table-helper-note{margin-top:6px;color:#94a3b8;font-size:8.75px;line-height:1.45;font-style:italic} @media(max-width:1080px){.gbp-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gbp-insight-panel:last-child{grid-column:1/-1}.gbp-review-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gbp-search-keywords-panel{width:100%}} @media(max-width:760px){.gbp-insight-grid{grid-template-columns:1fr}.gbp-insight-panel:last-child{grid-column:auto}.gbp-review-metric-grid{grid-template-columns:1fr}.gbp-review-rating-row{grid-template-columns:30px minmax(0,1fr) 74px}.gbp-search-keywords-panel{width:100%}.gbp-search-keywords-panel .data-table-wrap{max-height:440px}} /* GBP Reviews page */ .gbp-reviews-section{margin-top:28px} .gbp-reviews-heading-row{display:flex;width:100%;align-items:flex-end;gap:18px} .gbp-reviews-heading-row>.section-heading{min-width:0;flex:1 1 auto} .gbp-reviews-platform-control{flex:0 0 auto;margin-left:auto;margin-bottom:18px} .gbp-reviews-platform-cell{font-weight:800!important;color:#c4b5fd!important;white-space:nowrap} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(1),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(1){width:8%} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(2),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(2){width:9%} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(3),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(3){width:17%} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(4),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(4){width:9%} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(5),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(5){width:45%} .gbp-reviews-data-table.gbp-reviews-data-table-multi th:nth-child(6),.gbp-reviews-data-table.gbp-reviews-data-table-multi td:nth-child(6){width:12%} #gbpReviewsMetricGrid.gbp-reviews-metric-grid,#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-composition-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px} #gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-composition-count="5"]>[data-composition-order]{grid-column:auto} .gbp-reviews-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);gap:16px;align-items:stretch} .gbp-reviews-detail-grid>.panel{min-width:0;margin:0;height:100%;min-height:354px} .gbp-reviews-activity-chart-shell{height:250px;min-height:250px;overflow:hidden} .gbp-reviews-activity-chart-shell>svg{display:block;width:100%;height:242px;overflow:hidden} .gbp-reviews-distribution-body{flex:1;display:flex;align-items:center;justify-content:center;padding-top:2px} .gbp-reviews-distribution-body .donut-chart-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px} .gbp-reviews-distribution-body .donut-chart{width:176px;height:176px} .gbp-reviews-distribution-body .donut-chart-center{inset:38px} .gbp-reviews-distribution-legend{width:100%;max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px} .gbp-reviews-distribution-legend .donut-chart-item{grid-template-columns:8px auto auto;justify-content:center;gap:4px;font-size:9px} .gbp-reviews-list-panel{margin-top:16px} .gbp-reviews-list-panel .panel-head{align-items:flex-start} .gbp-reviews-table-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:22px;flex-wrap:nowrap} .gbp-reviews-table-controls .metric-control{flex:0 0 auto;gap:6px} .gbp-reviews-table-controls .metric-dropdown-button{min-width:0;max-width:none} #gbpReviewsTablePlatformControl .metric-dropdown-button{min-width:140px;max-width:190px} .gbp-reviews-list-panel .data-table-wrap{max-height:560px;overflow:auto} .gbp-reviews-data-table{width:100%;min-width:900px;table-layout:fixed} .gbp-reviews-data-table th:nth-child(1),.gbp-reviews-data-table td:nth-child(1){width:9%} .gbp-reviews-data-table th:nth-child(2),.gbp-reviews-data-table td:nth-child(2){width:18%} .gbp-reviews-data-table th:nth-child(3),.gbp-reviews-data-table td:nth-child(3){width:10%} .gbp-reviews-data-table th:nth-child(4),.gbp-reviews-data-table td:nth-child(4){width:51%} .gbp-reviews-data-table th:nth-child(5),.gbp-reviews-data-table td:nth-child(5){width:12%} .gbp-review-reviewer-cell{font-weight:750!important;color:#e2e8f0!important;white-space:normal!important;line-height:1.35!important;overflow-wrap:anywhere;word-break:break-word} .gbp-review-stars-cell{color:#c084fc!important;font-size:11px!important;letter-spacing:.035em;white-space:nowrap} .gbp-review-comment-cell{white-space:normal!important;line-height:1.45!important;color:#cbd5e1!important;overflow-wrap:anywhere} .gbp-review-empty-comment-cell{color:#64748b!important;font-style:italic} .gbp-review-status-cell{font-weight:800!important;white-space:nowrap} .gbp-review-status-responded{color:#86efac!important} .gbp-review-status-pending{color:#fbbf24!important} @media(max-width:1020px){.gbp-reviews-heading-row{align-items:flex-start}.gbp-reviews-platform-control{margin-bottom:12px}.gbp-reviews-detail-grid{grid-template-columns:1fr}.gbp-reviews-table-controls{width:100%;justify-content:flex-start;flex-wrap:wrap}#gbpReviewsMetricGrid.gbp-reviews-metric-grid,#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-composition-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}} @media(max-width:820px){.gbp-reviews-heading-row{flex-direction:column;align-items:stretch}.gbp-reviews-platform-control{width:100%;margin:0 0 12px;transform:none}.gbp-reviews-platform-control .metric-control{justify-content:flex-start}#gbpReviewsMetricGrid.gbp-reviews-metric-grid,#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-composition-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){.gbp-reviews-distribution-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.gbp-reviews-list-panel .data-table-wrap{max-height:480px}} @media(max-width:620px){#gbpReviewsMetricGrid.gbp-reviews-metric-grid,#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-composition-count="5"]{grid-template-columns:1fr}.gbp-reviews-distribution-legend{grid-template-columns:1fr}} /* Reviews & Reputation uses three selected-period KPIs; Google Reviews retains five. */ #gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-review-metric-mode="reputation"]{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:820px){#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-review-metric-mode="reputation"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#gbpReviewsMetricGrid.gbp-reviews-metric-grid[data-review-metric-mode="reputation"]{grid-template-columns:1fr}} /* CLIENT-R319 canonical shared Preview Modal gallery mode. */ .creative-preview-modal.is-gallery{height:min(820px,calc(100vh - 42px))} .creative-preview-modal.is-gallery .creative-preview-modal-shell{position:relative;height:100%;max-height:none} .creative-preview-modal.is-gallery .creative-preview-modal-media{flex:1;width:100%;min-height:0;padding:18px 20px 20px;overflow:hidden} .creative-preview-modal.is-gallery .creative-preview-modal-gallery-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:transparent;box-shadow:none} .creative-preview-modal-nav{position:absolute;z-index:4;top:50%;width:42px;height:58px;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:rgba(8,12,22,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#f8fafc;font-size:30px;line-height:1;cursor:pointer;opacity:.76;transform:translateY(-50%);transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease;box-shadow:0 10px 28px rgba(0,0,0,.28)} .creative-preview-modal-prev{left:30px}.creative-preview-modal-next{right:30px} .creative-preview-modal-nav:hover,.creative-preview-modal-nav:focus-visible{opacity:1;background:rgba(88,28,135,.52);border-color:rgba(192,132,252,.48);outline:none;transform:translateY(-50%) scale(1.035)} .creative-preview-modal-nav[hidden]{display:none!important} .creative-preview-modal-counter{position:absolute;z-index:4;left:50%;bottom:28px;transform:translateX(-50%);padding:5px 9px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:rgba(3,7,18,.76);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#cbd5e1;font-size:9px;font-weight:800;line-height:1;box-shadow:0 8px 20px rgba(0,0,0,.24)} .creative-preview-modal-counter[hidden]{display:none!important} @media(max-width:760px){.creative-preview-modal.is-gallery{height:calc(100vh - 18px)}.creative-preview-modal.is-gallery .creative-preview-modal-media{padding:10px 10px 14px}.creative-preview-modal-prev{left:18px}.creative-preview-modal-next{right:18px}.creative-preview-modal-nav{width:40px;height:52px}.creative-preview-modal-counter{bottom:18px}} @media(prefers-reduced-motion:reduce){.creative-preview-modal-nav{transition:none!important}} /* Paid Social v1 detail pages */ .paid-social-audience-controls{margin:0 0 12px;justify-content:flex-end}.paid-social-creative-preview-button{display:block;width:100%;min-height:230px;padding:0;border:0;border-radius:9px;overflow:hidden;background:rgba(15,23,42,.72);cursor:pointer}.paid-social-creative-preview-button:disabled{cursor:default}.paid-social-creative-preview-button img{display:block;width:100%;height:230px;object-fit:cover;background:#0a0e18}.paid-social-creative-placeholder{display:grid;place-items:center;min-height:230px;border:1px dashed rgba(148,163,184,.18);border-radius:9px;background:rgba(15,23,42,.42);color:#64748b;font-size:10px;font-weight:750}.paid-social-placement-controls{flex-wrap:wrap}.paid-social-placement-controls .metric-dropdown-button{max-width:170px}#paidSocialAdsCreativeSection>.panel+.panel{margin-top:16px}@media(max-width:980px){.paid-social-audience-controls{justify-content:flex-start}.paid-social-creative-preview-button,.paid-social-creative-preview-button img,.paid-social-creative-placeholder{min-height:190px;height:190px}} #paidSocialPlatformPage > .report-section + .report-section{margin-top:36px} .paid-social-ad-data-table tbody tr.paid-social-ad-preview-row{cursor:pointer} .paid-social-ad-data-table tbody tr.paid-social-ad-preview-row>td{transition:background .16s ease,color .16s ease} .paid-social-ad-data-table tbody tr.paid-social-ad-preview-row:hover>td,.paid-social-ad-data-table tbody tr.paid-social-ad-preview-row:focus-visible>td{background:rgba(168,85,247,.075)} .paid-social-ad-data-table tbody tr.paid-social-ad-preview-row:focus-visible{outline:none} /* CLIENT-R363 Meta catalog fallback: keep shared gallery-card sizing; fit five visible car frames inside the internal post. */ .paid-social-special-placeholder{position:relative;display:grid;grid-template-columns:minmax(140px,.78fr) minmax(0,1.22fr);gap:12px;align-items:center;width:100%;min-height:230px;padding:16px 14px 16px 18px;overflow:hidden;border:1px solid rgba(192,132,252,.26);border-radius:9px;background:radial-gradient(circle at 16% 12%,rgba(168,85,247,.34),transparent 34%),radial-gradient(circle at 84% 8%,rgba(59,130,246,.18),transparent 28%),linear-gradient(135deg,#40146e 0%,#251044 38%,#0b1224 70%,#070c18 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .paid-social-special-placeholder::before{content:"";position:absolute;left:-9%;bottom:-78px;width:260px;height:180px;border-radius:50%;background:rgba(168,85,247,.2);filter:blur(4px)} .paid-social-special-placeholder::after{content:"";position:absolute;right:-6%;top:-40px;width:170px;height:170px;border-radius:50%;background:rgba(99,102,241,.13);filter:blur(8px)} .paid-social-special-placeholder-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;min-width:0;color:#fff} .paid-social-special-placeholder-eyebrow{display:inline-flex;align-items:center;width:max-content;padding:5px 9px;border:1px solid rgba(233,213,255,.28);border-radius:999px;background:rgba(15,23,42,.28);color:#f0abfc;font-size:8px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} .paid-social-special-placeholder-copy strong{max-width:220px;color:#fff;font-size:24px;font-weight:900;line-height:1.04;letter-spacing:-.035em;text-wrap:balance} .paid-social-special-placeholder-subcopy{max-width:190px;color:rgba(226,232,240,.78);font-size:9.5px;font-weight:600;line-height:1.45} .paid-social-special-placeholder-art{position:relative;z-index:2;display:flex;justify-content:stretch;width:100%;min-width:0;pointer-events:none} .paid-social-special-feed{position:relative;width:100%;max-width:none;height:198px;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:11px;background:linear-gradient(180deg,#fff 0%,#f5f7fb 100%);box-shadow:0 24px 44px rgba(0,0,0,.32);transform:rotate(-.25deg)} .paid-social-special-feed::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,transparent 39%,rgba(255,255,255,.55) 50%,transparent 61%,transparent 100%);transform:translateX(-120%);animation:paidSocialCatalogShine 5.6s ease-in-out infinite} .paid-social-special-feed-header{display:grid;grid-template-columns:20px 1fr auto;gap:8px;align-items:center;padding:10px 11px 7px} .paid-social-special-feed-avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22d3ee)} .paid-social-special-feed-lines{display:flex;flex-direction:column;gap:4px}.paid-social-special-feed-lines i{display:block;width:min(72px,72%);height:5px;border-radius:999px;background:#d9e0ea}.paid-social-special-feed-lines i:last-child{width:min(48px,48%);opacity:.75} .paid-social-special-feed-more{align-self:start;color:#cbd5e1;font-size:10px;font-weight:900;letter-spacing:.12em} .paid-social-special-product-strip{position:relative;display:flex;align-items:flex-start;height:108px;margin:0 10px;padding-top:1px;overflow:visible;animation:paidSocialCatalogStripDrift 8.6s ease-in-out infinite} .paid-social-special-product-card{position:relative;top:auto;left:auto;flex:1 1 0;min-width:0;width:auto;height:100px;padding:5px;border-radius:8px;background:#fff;box-shadow:0 12px 22px rgba(15,23,42,.15);overflow:hidden;transform-origin:center bottom} .paid-social-special-product-card+.paid-social-special-product-card{margin-left:-6px} .paid-social-special-product-card--primary{flex-grow:1.16;background:linear-gradient(180deg,#fef3a8 0%,#f4df5b 100%);z-index:5;animation:paidSocialCatalogCardA 5.8s ease-in-out infinite} .paid-social-special-product-card--accent{background:linear-gradient(180deg,#ffd7df 0%,#f7aebd 100%);z-index:4;animation:paidSocialCatalogCardB 6.4s ease-in-out infinite} .paid-social-special-product-card--edge{background:linear-gradient(180deg,#d9ebff 0%,#a9d0ff 100%);z-index:3;animation:paidSocialCatalogCardC 5.4s ease-in-out infinite} .paid-social-special-product-card--fourth{background:linear-gradient(180deg,#eadcff 0%,#c4a7ff 100%);z-index:2;animation:paidSocialCatalogCardD 6.1s ease-in-out infinite} .paid-social-special-product-card--fifth{background:linear-gradient(180deg,#ffe0ad 0%,#f8bd69 100%);z-index:1;animation:paidSocialCatalogCardE 5.9s ease-in-out infinite} .paid-social-special-car{position:relative;height:52px;margin:1px 0 5px;--car-body:#0f766e} .paid-social-special-car--teal{--car-body:#0f766e}.paid-social-special-car--rose{--car-body:#be185d}.paid-social-special-car--blue{--car-body:#1d4ed8}.paid-social-special-car--violet{--car-body:#7c3aed}.paid-social-special-car--amber{--car-body:#d97706} .paid-social-special-car-shadow{position:absolute;left:12%;right:8%;bottom:4px;height:5px;border-radius:999px;background:rgba(15,23,42,.16);filter:blur(3px)} .paid-social-special-car-body{position:absolute;left:8%;right:5%;bottom:10px;height:14px;border-radius:9px 16px 8px 8px;background:linear-gradient(135deg,color-mix(in srgb,var(--car-body) 82%,#fff 18%),var(--car-body));box-shadow:inset 0 -3px 0 rgba(15,23,42,.12)} .paid-social-special-car-roof{position:absolute;left:29%;right:22%;bottom:22px;height:11px;border-radius:10px 15px 4px 4px;background:var(--car-body);transform:skewX(-18deg)} .paid-social-special-car-window{position:absolute;bottom:24px;height:7px;border-radius:6px 6px 2px 2px;background:rgba(241,245,249,.86)}.paid-social-special-car-window--rear{left:32%;width:13%}.paid-social-special-car-window--front{left:48%;width:16%} .paid-social-special-car-wheel{position:absolute;bottom:3px;width:14px;height:14px;border-radius:50%;background:#111827;box-shadow:inset 0 0 0 3px #94a3b8}.paid-social-special-car-wheel--rear{left:16%}.paid-social-special-car-wheel--front{right:12%} .paid-social-special-car-light{position:absolute;right:5%;bottom:15px;width:5px;height:4px;border-radius:0 4px 4px 0;background:#f8fafc} .paid-social-special-product-name,.paid-social-special-product-meta{display:block;height:5px;border-radius:999px;background:rgba(255,255,255,.78)}.paid-social-special-product-name{width:76%}.paid-social-special-product-meta{width:48%;height:4px;margin-top:4px;opacity:.78} .paid-social-special-feed-footer{display:flex;flex-direction:column;gap:5px;padding:2px 11px 10px}.paid-social-special-feed-footer span{display:block;width:72%;height:5px;border-radius:999px;background:#dfe5ee}.paid-social-special-feed-footer span:last-child{width:52%;opacity:.72} @keyframes paidSocialCatalogShine{0%,17%{transform:translateX(-120%)}29%,100%{transform:translateX(125%)}} @keyframes paidSocialCatalogCardA{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-4px) rotate(-.5deg)}} @keyframes paidSocialCatalogCardB{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-5px) rotate(3deg)}} @keyframes paidSocialCatalogCardC{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-3px) rotate(4deg)}} @keyframes paidSocialCatalogCardD{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(-1deg)}} @keyframes paidSocialCatalogCardE{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-4px) rotate(5deg)}} @keyframes paidSocialCatalogStripDrift{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}} @media(max-width:760px){.paid-social-special-placeholder{grid-template-columns:minmax(125px,.72fr) minmax(0,1.28fr);gap:10px;min-height:218px;padding:14px}.paid-social-special-placeholder-copy strong{font-size:22px}.paid-social-special-placeholder-subcopy{font-size:9px}.paid-social-special-feed{height:190px}.paid-social-special-product-strip{height:102px;margin:0 9px}.paid-social-special-product-card{height:94px;padding:4px}.paid-social-special-product-card+.paid-social-special-product-card{margin-left:-5px}.paid-social-special-car{height:48px}.paid-social-special-car-wheel{width:13px;height:13px;box-shadow:inset 0 0 0 3px #94a3b8}} @media(max-width:560px){.paid-social-special-placeholder{grid-template-columns:1fr;gap:11px;padding:14px}.paid-social-special-placeholder-copy strong{max-width:none;font-size:21px}.paid-social-special-placeholder-subcopy{max-width:none}.paid-social-special-placeholder-art{justify-content:center}.paid-social-special-feed{width:100%;height:194px}.paid-social-special-product-strip{height:105px}.paid-social-special-product-card{height:97px}.paid-social-special-car{height:50px}} @media(prefers-reduced-motion:reduce){.paid-social-special-feed::after,.paid-social-special-product-strip,.paid-social-special-product-card{animation:none!important}} /* CLIENT-R354 Meta Paid Social carousel/catalog preview support */ .paid-social-carousel-preview,.paid-social-meta-preview-button{position:relative;display:block;width:100%;height:230px;overflow:hidden;border:0;border-radius:9px;background:rgba(15,23,42,.72);cursor:pointer;outline:none} .paid-social-carousel-preview:focus-visible,.paid-social-meta-preview-button:focus-visible{box-shadow:inset 0 0 0 2px rgba(192,132,252,.62)} .paid-social-carousel-preview-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;height:100%;padding:5px;background:rgba(2,6,23,.82)} .paid-social-carousel-preview-card{min-width:0;overflow:hidden;border-radius:8px;background:#0a0e18} .paid-social-carousel-preview-card img{display:block;width:100%;height:100%;object-fit:cover} .paid-social-carousel-preview-count,.paid-social-meta-preview-label{position:absolute;right:9px;bottom:9px;z-index:3;padding:5px 8px;border:1px solid rgba(226,232,240,.18);border-radius:999px;background:rgba(3,7,18,.78);color:#e9d5ff;font-size:8px;font-weight:850;line-height:1;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .paid-social-meta-preview-frame{display:block;width:100%;height:100%;border:0;background:#fff;pointer-events:none} .creative-preview-modal-meta{width:min(430px,100%);height:min(760px,calc(100vh - 122px));overflow:hidden;border-radius:9px;background:#fff;box-shadow:0 14px 44px rgba(0,0,0,.34)} .creative-preview-modal-meta iframe{display:block;width:100%;height:100%;border:0;background:#fff} @media(max-width:980px){.paid-social-carousel-preview,.paid-social-meta-preview-button{height:190px}} @media(max-width:760px){.creative-preview-modal-meta{width:100%;height:calc(100vh - 90px)}} /* CLIENT-R365 Meta catalog fallback: reference-like wide social-post composition with large overlapping vehicle cards. */ .paid-social-special-placeholder--catalog{grid-template-columns:minmax(126px,.54fr) minmax(0,1.46fr);gap:10px} .paid-social-special-placeholder--catalog .paid-social-special-placeholder-art{overflow:visible;align-self:stretch;align-items:center;justify-content:flex-start} .paid-social-special-placeholder--catalog .paid-social-special-feed{width:112%;max-width:440px;height:188px;margin-left:-5%;overflow:visible;transform:rotate(-.2deg)} .paid-social-special-placeholder--catalog .paid-social-special-feed::after{display:none} .paid-social-special-placeholder--catalog .paid-social-special-feed-header{position:relative;z-index:2;padding:9px 12px 6px} .paid-social-special-placeholder--catalog .paid-social-special-product-strip{position:absolute;left:18px;top:47px;display:block;width:calc(100% + 112px);height:118px;margin:0;padding:0;overflow:visible;animation:paidSocialCatalogStripDrift 8.6s ease-in-out infinite} .paid-social-special-placeholder--catalog .paid-social-special-product-card{position:absolute;top:0;left:0;display:block;flex:none;width:112px;min-width:112px;height:108px;margin:0!important;padding:6px;border:1px solid rgba(148,163,184,.18);border-radius:8px;box-shadow:0 14px 26px rgba(15,23,42,.20)} .paid-social-special-placeholder--catalog .paid-social-special-product-card--primary{left:8px;width:142px;min-width:142px;height:114px;z-index:5;background:linear-gradient(180deg,#fef3a8 0%,#f4df5b 70%,#fff 70%,#fff 100%)} .paid-social-special-placeholder--catalog .paid-social-special-product-card--accent{left:128px;z-index:4;background:linear-gradient(180deg,#ffd7df 0%,#f7aebd 70%,#fff 70%,#fff 100%)} .paid-social-special-placeholder--catalog .paid-social-special-product-card--edge{left:226px;z-index:3;background:linear-gradient(180deg,#d9ebff 0%,#a9d0ff 70%,#fff 70%,#fff 100%)} .paid-social-special-placeholder--catalog .paid-social-special-product-card--fourth{left:324px;z-index:2;background:linear-gradient(180deg,#eadcff 0%,#c4a7ff 70%,#fff 70%,#fff 100%)} .paid-social-special-placeholder--catalog .paid-social-special-product-card--fifth{left:422px;z-index:1;background:linear-gradient(180deg,#ffe0ad 0%,#f8bd69 70%,#fff 70%,#fff 100%)} .paid-social-special-placeholder--catalog .paid-social-special-car{height:62px;margin:1px 0 7px} .paid-social-special-placeholder--catalog .paid-social-special-product-card--primary .paid-social-special-car{height:67px} .paid-social-special-placeholder--catalog .paid-social-special-product-name,.paid-social-special-placeholder--catalog .paid-social-special-product-meta{background:#dfe5ee} .paid-social-special-placeholder--catalog .paid-social-special-feed-footer{position:absolute;left:0;right:0;bottom:7px;z-index:1;padding:0 12px} @media(max-width:760px){.paid-social-special-placeholder--catalog{grid-template-columns:minmax(118px,.58fr) minmax(0,1.42fr)}.paid-social-special-placeholder--catalog .paid-social-special-feed{width:110%;max-width:360px;height:184px;margin-left:-4%}.paid-social-special-placeholder--catalog .paid-social-special-product-strip{left:14px;top:46px;width:calc(100% + 94px);height:114px}.paid-social-special-placeholder--catalog .paid-social-special-product-card{width:100px;min-width:100px;height:103px;padding:5px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--primary{left:6px;width:126px;min-width:126px;height:109px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--accent{left:112px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--edge{left:199px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--fourth{left:286px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--fifth{left:373px}.paid-social-special-placeholder--catalog .paid-social-special-car{height:57px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--primary .paid-social-special-car{height:61px}} @media(max-width:560px){.paid-social-special-placeholder--catalog{grid-template-columns:1fr}.paid-social-special-placeholder--catalog .paid-social-special-feed{width:min(110%,360px);height:186px;margin:0 auto}.paid-social-special-placeholder--catalog .paid-social-special-product-strip{left:13px;top:47px;width:calc(100% + 92px)}.paid-social-special-placeholder--catalog .paid-social-special-product-card{width:98px;min-width:98px;height:103px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--primary{left:5px;width:124px;min-width:124px;height:109px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--accent{left:110px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--edge{left:195px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--fourth{left:280px}.paid-social-special-placeholder--catalog .paid-social-special-product-card--fifth{left:365px}} /* FACEBOOK PAGE ORGANIC */ .facebook-content-preview-button{display:block;width:100%;height:100%;min-height:220px;padding:0;border:0;background:#0b0e18;cursor:zoom-in;overflow:hidden}.facebook-content-preview-button img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.facebook-content-preview-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(168,85,247,.18),transparent 42%),linear-gradient(145deg,rgba(15,10,28,.96),rgba(8,11,20,.98));color:#94a3b8}.facebook-content-preview-placeholder span{color:#c084fc;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.facebook-content-preview-placeholder strong{color:#e2e8f0;font-size:13px}.facebook-follower-net{flex:0 0 auto;padding:7px 10px;border-radius:7px;border:1px solid rgba(168,85,247,.18);background:rgba(59,7,100,.22);color:#d8b4fe;font-size:10px;font-weight:850}.facebook-content-data-table .data-table-cell:nth-child(3){max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Facebook Page polish: reaction cards plus paired audience charts. */ #facebookPlatformPage>.report-section+.report-section{margin-top:36px} #facebookOverviewSection #facebookTrendPanel{margin-top:16px} #facebookContentSection #facebookTopContentPanel,#facebookContentSection #facebookContentTablePanel,#facebookOverviewSection .facebook-audience-grid{margin-top:18px} #facebookOverviewSection #facebookMetricGrid{grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:12px} #facebookOverviewSection #facebookMetricGrid>.metric-card{grid-column:span 3} #facebookOverviewSection #facebookMetricGrid>.metric-card[data-metric-key="followers"],#facebookOverviewSection #facebookMetricGrid>.metric-card[data-metric-key="page_views"],#facebookOverviewSection #facebookMetricGrid>.metric-card[data-metric-key="organic_content_views"]{grid-column:span 4}.facebook-reaction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.facebook-reaction-card{position:relative;min-width:0;min-height:132px;display:flex;align-items:center;gap:12px;padding:15px;border:1px solid color-mix(in srgb,var(--reaction-accent) 28%,transparent);border-radius:10px;background:radial-gradient(circle at 20% 25%,color-mix(in srgb,var(--reaction-accent) 12%,transparent),transparent 42%),linear-gradient(145deg,rgba(15,23,42,.72),rgba(8,12,22,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.facebook-reaction-card::after{content:"";position:absolute;left:15px;right:15px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--reaction-accent),transparent 84%);opacity:.52}.facebook-reaction-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--reaction-accent) 52%,transparent);box-shadow:0 13px 28px rgba(0,0,0,.24),0 0 20px color-mix(in srgb,var(--reaction-accent) 10%,transparent)}.facebook-reaction-icon{width:50px;height:50px;flex:0 0 50px;display:grid;place-items:center;filter:drop-shadow(0 8px 13px rgba(0,0,0,.28));transform-origin:center}.facebook-reaction-icon svg{display:block;width:50px;height:50px}.facebook-reaction-copy{min-width:0}.facebook-reaction-name{color:#cbd5e1;font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.facebook-reaction-value{margin-top:5px;color:#fff;font-size:23px;font-weight:900;line-height:1;letter-spacing:-.025em}.facebook-reaction-share{margin-top:6px;color:#64748b;font-size:8.5px;font-weight:700;white-space:nowrap} .reaction-like .facebook-reaction-icon{animation:facebookReactionLike 2.8s ease-in-out infinite}.reaction-love .facebook-reaction-icon{animation:facebookReactionLove 2.2s ease-in-out infinite}.reaction-haha .facebook-reaction-icon{animation:facebookReactionHaha 2.5s ease-in-out infinite}.reaction-wow .facebook-reaction-icon{animation:facebookReactionWow 2.7s ease-in-out infinite}.reaction-sad .facebook-reaction-icon{animation:facebookReactionSad 3s ease-in-out infinite}.reaction-angry .facebook-reaction-icon{animation:facebookReactionAngry 2.4s ease-in-out infinite}@keyframes facebookReactionLike{0%,78%,100%{transform:translateY(0) scale(1)}84%{transform:translateY(-3px) scale(1.05)}90%{transform:translateY(0) scale(.98)}}@keyframes facebookReactionLove{0%,72%,100%{transform:scale(1)}78%{transform:scale(1.10)}84%{transform:scale(.98)}90%{transform:scale(1.06)}}@keyframes facebookReactionHaha{0%,74%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-3px) rotate(-2deg)}86%{transform:translateY(1px) rotate(2deg)}92%{transform:translateY(-1px) rotate(0)}}@keyframes facebookReactionWow{0%,76%,100%{transform:scale(1)}82%{transform:scale(1.11)}88%{transform:scale(.97)}}@keyframes facebookReactionSad{0%,72%,100%{transform:translateY(0)}82%{transform:translateY(2px)}90%{transform:translateY(-1px)}}@keyframes facebookReactionAngry{0%,76%,100%{transform:translateX(0)}80%{transform:translateX(-2px)}84%{transform:translateX(2px)}88%{transform:translateX(-1px)}92%{transform:translateX(1px)}} #facebookContentMetricGrid.facebook-content-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}#facebookContentSection .facebook-content-reaction-grid{margin:0}.facebook-content-preview-button{position:relative;display:block;width:100%;height:230px;padding:0;border:0;border-radius:9px;overflow:hidden;background:rgba(15,23,42,.72);cursor:pointer;outline:none}.facebook-content-preview-button:focus-visible{box-shadow:inset 0 0 0 2px rgba(192,132,252,.62)}.facebook-content-preview-button img{display:block;width:100%;height:100%;object-fit:cover;background:#0a0e18}.facebook-content-preview-placeholder{width:100%;height:230px;min-height:230px;border-radius:9px}.facebook-post-cell{display:flex;align-items:center;gap:8px;min-width:0}.facebook-post-cell>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facebook-limited-insights-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:3px 6px;border-radius:999px;border:1px solid rgba(245,158,11,.30);background:rgba(245,158,11,.10);color:#fbbf24;font-size:7.5px;font-weight:850;letter-spacing:.03em;text-transform:uppercase} .facebook-audience-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:18px;align-items:stretch}.facebook-audience-grid>.panel{min-width:0;margin-top:0!important;display:flex;flex-direction:column}.facebook-audience-grid .panel-head{min-height:54px}.facebook-audience-grid .trend-meta{min-height:26px}.facebook-audience-chart-shell{min-height:300px;flex:1}.facebook-audience-chart-shell>svg{height:300px}.facebook-follower-activity-meta{justify-content:flex-end;margin-bottom:6px}.facebook-activity-legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.facebook-activity-legend-dot.is-follow{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 7px rgba(139,92,246,.45)}.facebook-activity-legend-dot.is-unfollow{background:linear-gradient(135deg,#a855f7,#d946ef);box-shadow:0 0 7px rgba(217,70,239,.40)}.facebook-follower-activity-bar{transition:opacity .16s ease,filter .16s ease} @media(max-width:1200px){.facebook-reaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:980px){#facebookOverviewSection #facebookMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#facebookOverviewSection #facebookMetricGrid>.metric-card{grid-column:auto}#facebookContentMetricGrid.facebook-content-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facebook-content-preview-button,.facebook-content-preview-placeholder{height:190px;min-height:190px}.facebook-audience-grid{grid-template-columns:1fr}.facebook-audience-chart-shell{min-height:280px}.facebook-audience-chart-shell>svg{height:280px}} @media(max-width:620px){#facebookOverviewSection #facebookMetricGrid{grid-template-columns:1fr}#facebookContentMetricGrid.facebook-content-metric-grid{grid-template-columns:1fr}.facebook-reaction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.facebook-reaction-card{min-height:118px;padding:12px;gap:9px}.facebook-reaction-icon,.facebook-reaction-icon svg{width:43px;height:43px}.facebook-reaction-icon{flex-basis:43px}.facebook-reaction-value{font-size:20px}.facebook-reaction-share{font-size:7.8px}.facebook-audience-chart-shell{min-height:260px}.facebook-audience-chart-shell>svg{height:260px}.facebook-post-cell{align-items:flex-start;flex-direction:column;gap:4px}.facebook-post-cell>span:first-child{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}} @media(prefers-reduced-motion:reduce){.facebook-reaction-icon{animation:none!important}.facebook-reaction-card{transition:none!important}} /* Facebook organic video media: shared creative-gallery card + preview modal. */ .facebook-content-video-preview{cursor:pointer} .facebook-content-video-preview .facebook-content-preview-placeholder{border-radius:0} .facebook-content-play{position:absolute;z-index:3;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(8,10,20,.72);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.38),0 0 24px rgba(168,85,247,.20);pointer-events:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease} .facebook-content-play svg{width:23px;height:23px;fill:currentColor;transform:translateX(1px)} .facebook-content-video-preview:hover .facebook-content-play,.facebook-content-video-preview:focus-visible .facebook-content-play{transform:translate(-50%,-50%) scale(1.08);background:rgba(88,28,135,.82);border-color:rgba(216,180,254,.72);box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 28px rgba(192,132,252,.34)} .creative-preview-modal-facebook-video{width:min(100%,1040px);display:grid;gap:12px;justify-items:center} .creative-preview-modal-facebook-video .creative-preview-modal-video{width:100%}.creative-preview-modal-facebook-frame{width:auto;max-width:100%;max-height:calc(100vh - 170px)}.creative-preview-modal-facebook-frame iframe{width:100%;height:100%} .creative-preview-modal-external{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(192,132,252,.28);border-radius:7px;background:rgba(88,28,135,.18);color:#e9d5ff;font-size:9px;font-weight:850;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease} .creative-preview-modal-external:hover,.creative-preview-modal-external:focus-visible{background:rgba(126,34,206,.28);border-color:rgba(216,180,254,.48);color:#fff;outline:none} @media(prefers-reduced-motion:reduce){.facebook-content-play,.creative-preview-modal-external{transition:none!important}} .paid-social-video-preview{position:relative} .paid-social-video-play-badge{position:absolute;left:50%;top:50%;display:grid;width:44px;height:44px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(3,7,18,.78);color:#fff;font-size:17px;line-height:1;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .18s ease,opacity .18s ease} .paid-social-video-preview:hover .paid-social-video-play-badge,.paid-social-video-preview:focus-visible .paid-social-video-play-badge{transform:translate(-50%,-50%) scale(1.08)} .paid-social-video-preview.is-resolving .paid-social-video-play-badge{opacity:.45;transform:translate(-50%,-50%) scale(.92)} .paid-social-video-poster-placeholder{display:grid;width:100%;height:230px;place-items:center;background:#0a0e18;color:#94a3b8;font-size:10px;font-weight:750} @media(max-width:980px){.paid-social-video-poster-placeholder{height:190px}} /* CLIENT-R411 Instagram organic */ #instagramOverviewSection #instagramMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))} #instagramOverviewSection #instagramMetricGrid+#instagramTrendPanel{margin-top:18px} #instagramDemographicsSection{margin-top:26px} #instagramContentSection{margin-top:38px} #instagramContentMetricGrid.instagram-content-metric-grid,#instagramContentMetricGrid.instagram-content-metric-grid[data-composition-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))} #instagramContentMetricGrid.instagram-content-metric-grid[data-composition-count="5"]>[data-composition-order]{grid-column:auto} @media(max-width:980px){#instagramContentMetricGrid.instagram-content-metric-grid,#instagramContentMetricGrid.instagram-content-metric-grid[data-composition-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){#instagramContentMetricGrid.instagram-content-metric-grid,#instagramContentMetricGrid.instagram-content-metric-grid[data-composition-count="5"]{grid-template-columns:1fr}} #instagramContentMetricGrid+#instagramTopContentPanel,#instagramTopContentPanel+#instagramContentTablePanel{margin-top:18px} .instagram-demographic-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.62fr);gap:18px;align-items:stretch} .instagram-demographic-grid>.panel{min-width:0;margin-top:0!important} .instagram-demographic-donut-panel .donut-chart-body{min-height:300px} .instagram-demographic-donut-panel .donut-chart-layout{grid-template-columns:160px minmax(0,1fr)} .instagram-location-panel{min-width:0} .instagram-location-panel .instagram-location-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.75fr)} .instagram-location-panel .instagram-location-layout.is-country-mode{grid-template-columns:1fr} .instagram-location-layout.is-country-mode .instagram-location-ranking{width:100%} .instagram-location-panel .city-map-shell{min-height:360px} .instagram-location-panel .city-list{max-height:360px} .instagram-content-gallery .facebook-content-preview-button{cursor:pointer} .instagram-content-preview-placeholder{width:100%;height:100%;min-height:230px} .creative-preview-modal-instagram-post{width:min(100%,980px);display:grid;gap:12px;justify-items:center} .creative-preview-modal-instagram-post .creative-preview-modal-image{max-height:calc(100vh - 170px);object-fit:contain} .creative-preview-modal-instagram-placeholder{display:grid;width:min(680px,80vw);min-height:340px;place-items:center;align-content:center;gap:8px;border:1px solid rgba(168,85,247,.18);border-radius:9px;background:radial-gradient(circle at 50% 35%,rgba(168,85,247,.12),transparent 42%),#0a0e18;color:#94a3b8;text-align:center} .creative-preview-modal-instagram-placeholder span{color:#c084fc;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase} .creative-preview-modal-instagram-placeholder strong{color:#e2e8f0;font-size:12px;font-weight:800} @media(max-width:980px){#instagramOverviewSection #instagramMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.instagram-demographic-grid{grid-template-columns:1fr}.instagram-location-panel .instagram-location-layout{grid-template-columns:1fr}.instagram-location-panel .city-map-shell{min-height:340px}} @media(max-width:620px){#instagramOverviewSection #instagramMetricGrid{grid-template-columns:1fr}.instagram-demographic-donut-panel .donut-chart-layout{grid-template-columns:1fr}.instagram-location-panel .city-map-shell{min-height:300px}.instagram-content-preview-placeholder{min-height:190px}} /* CLIENT-R412 Instagram polish fixes */ @media(min-width:981px){.instagram-location-panel .instagram-location-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.9fr)}} .instagram-location-ranking .city-row{grid-template-columns:24px minmax(84px,132px) minmax(64px,1fr) 52px;gap:7px;padding-right:3px} .instagram-location-ranking .city-value{min-width:0;padding-right:1px} .creative-preview-modal-instagram-video{width:min(100%,620px);display:grid;gap:12px;justify-items:center} .creative-preview-modal-instagram-frame{width:min(100%,540px);height:min(78vh,760px);min-height:620px;overflow:hidden;border:1px solid rgba(168,85,247,.20);border-radius:9px;background:#000;box-shadow:0 18px 44px rgba(0,0,0,.34)} .creative-preview-modal-instagram-frame iframe{display:block;width:100%;height:100%;border:0;background:#000} @media(max-width:620px){.creative-preview-modal-instagram-frame{height:72vh;min-height:500px}} /* R429: allow the account client menu to escape compact/hover sidebar clipping. */ .dashboard-sidebar.hover-open .sidebar-client,.dashboard-sidebar.collapsed.hover-open .sidebar-client{overflow:visible} /* CLIENT-R453 CRM reporting polish */ #crmPlatformPage>.report-section+.report-section{margin-top:38px} #crmOverviewSection #crmMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))} #crmOverviewSection .crm-overview-summary-grid{--crm-overview-summary-height:690px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:18px;align-items:start} #crmOverviewSection .crm-overview-summary-grid>.panel,#crmOverviewSection .crm-overview-mix-stack>.panel{min-width:0;margin:0} #crmOverviewSection .crm-overview-mix-stack{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:18px;min-width:0;height:var(--crm-overview-summary-height);max-height:var(--crm-overview-summary-height)} #crmOverviewSection .crm-overview-mix-stack>.panel{display:flex;min-height:0;overflow:hidden;flex-direction:column} #crmOverviewSection .crm-overview-mix-stack .donut-chart-body{min-height:0} @media(min-width:981px){#crmOverviewSection .crm-overview-mix-stack .panel-head{margin-bottom:9px}#crmOverviewSection .crm-overview-mix-stack .donut-chart-layout{gap:8px}#crmOverviewSection .crm-overview-mix-stack .donut-chart{width:190px;height:190px}#crmOverviewSection .crm-overview-mix-stack .donut-chart-center{inset:41px}#crmOverviewSection .crm-overview-mix-stack .donut-chart-legend{gap:6px 16px}} #crmOverviewSection #crmTrendPanel{margin-top:18px} #crmOverviewSection #crmLeadToSalesFlowPanel{margin-top:18px} #crmTrendPanel .chart-shell{min-height:286px;height:286px;overflow:hidden} #crmTrendPanel .chart-shell>svg{height:276px} #crmLeadSourcesSection #crmInternetMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr))} #crmTopInternetSourcesPanel{width:min(720px,100%);margin-top:18px} #crmTopInternetSourcesPanel .acq-bar-scroll{max-height:310px} #crmSalesSection>.eng-primary-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,2.15fr);gap:18px;align-items:start} #crmSalesSection>.eng-primary-grid>.panel{min-width:0} /* Shared dual-ranked panels use one desktop height contract; callers may override/disable via the component API. */ .dual-ranked-panel-capped{display:flex;min-height:0;flex-direction:column} @media(min-width:981px){.dual-ranked-panel-capped{max-height:var(--dual-ranked-panel-max-height,450px);overflow:hidden}} #crmZipPanel,#crmSalesDetailPanel{margin-top:18px} .crm-zip-layout{grid-template-columns:minmax(0,1.58fr) minmax(290px,.72fr)} .crm-zip-map-shell{min-height:390px} .crm-zip-ranking{min-width:0} .crm-zip-ranking .city-list{max-height:390px} .crm-zip-ranking .city-row.ranked-list-row{grid-template-columns:minmax(70px,96px) minmax(72px,1fr) 58px;gap:8px;padding-right:3px} #crmCoverageNotice{border-color:rgba(139,92,246,.20);background:linear-gradient(90deg,rgba(49,46,129,.12),rgba(30,41,59,.16));color:#cbd5e1;box-shadow:none} #crmCoverageNotice svg{color:#a78bfa;stroke:#a78bfa} @media(max-width:980px){#crmOverviewSection #crmMetricGrid,#crmLeadSourcesSection #crmInternetMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#crmOverviewSection .crm-overview-summary-grid{grid-template-columns:1fr}#crmOverviewSection .crm-overview-mix-stack{height:auto;max-height:none;grid-template-rows:none}#crmSalesSection>.eng-primary-grid,.crm-zip-layout{grid-template-columns:1fr}#crmTopInternetSourcesPanel{width:100%}.crm-zip-map-shell{min-height:350px}.crm-zip-ranking .city-list{max-height:360px}} @media(max-width:620px){#crmOverviewSection #crmMetricGrid,#crmLeadSourcesSection #crmInternetMetricGrid{grid-template-columns:1fr}#crmTrendPanel .chart-shell{min-height:256px;height:256px}#crmTrendPanel .chart-shell>svg{height:246px}.crm-zip-map-shell{min-height:300px}.crm-zip-ranking .city-row.ranked-list-row{grid-template-columns:82px minmax(68px,1fr) 58px}} /* CLIENT-R473 shared TAAA dual-ranking component — restrained SALA-inspired mirrored ranker */ .crm-top-sources-panel{margin-top:18px;overflow:hidden;display:flex;flex-direction:column;height:var(--crm-overview-summary-height);max-height:var(--crm-overview-summary-height)} .dual-ranked-list{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;margin-top:2px} .dual-ranked-head,.dual-ranked-row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center} .dual-ranked-head{flex:0 0 auto;padding:1px 18px 7px} .dual-ranked-head-side{min-width:0} .dual-ranked-head-left{text-align:right;padding-right:14px} .dual-ranked-head-right{text-align:left;padding-left:14px} .dual-ranked-head-title{color:#c4b5fd;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase} .dual-ranked-head-subtitle{margin-top:2px;color:#64748b;font-size:9px;font-weight:520;letter-spacing:.02em} .dual-ranked-head-rank{text-align:center;color:#64748b;font-size:9px;font-weight:650;letter-spacing:.12em;text-transform:uppercase} .dual-ranked-body{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 4px 2px 0;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.34) transparent} .dual-ranked-body::-webkit-scrollbar{width:6px}.dual-ranked-body::-webkit-scrollbar-track{background:transparent}.dual-ranked-body::-webkit-scrollbar-thumb{background:rgba(168,85,247,.34);border-radius:999px} .dual-ranked-body::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 2px);width:1px;transform:translateX(-.5px);background:linear-gradient(180deg,rgba(168,85,247,.15),rgba(99,102,241,.07) 55%,rgba(168,85,247,.12));pointer-events:none} .dual-ranked-row{position:relative;height:48px;padding:0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;transform-origin:center center;transition:opacity .16s ease,transform .16s ease,filter .16s ease,background .16s ease} .dual-ranked-row::after{content:"";position:absolute;inset:2px 0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.035) 34%,rgba(168,85,247,.075) 50%,rgba(99,102,241,.035) 66%,transparent 100%);transition:opacity .16s ease} .dual-ranked-body:hover .dual-ranked-row{opacity:.62;filter:saturate(.86)} .dual-ranked-body .dual-ranked-row:hover{opacity:1;filter:saturate(1.04);transform:scale(1.006);z-index:3} .dual-ranked-body .dual-ranked-row:hover::after{opacity:1} .dual-ranked-row.is-top-1::before,.dual-ranked-row.is-top-2::before,.dual-ranked-row.is-top-3::before{content:"";position:absolute;inset:2px 0;pointer-events:none;border-radius:7px} .dual-ranked-row.is-top-1::before{background:linear-gradient(90deg,rgba(245,158,11,0) 0%,rgba(251,191,36,.06) 22%,rgba(245,158,11,.18) 38%,rgba(245,158,11,.30) 50%,rgba(245,158,11,.18) 62%,rgba(251,191,36,.06) 78%,rgba(245,158,11,0) 100%)} .dual-ranked-row.is-top-2::before{background:linear-gradient(90deg,rgba(99,102,241,0) 0%,rgba(129,140,248,.05) 22%,rgba(99,102,241,.16) 38%,rgba(99,102,241,.27) 50%,rgba(99,102,241,.16) 62%,rgba(129,140,248,.05) 78%,rgba(99,102,241,0) 100%)} .dual-ranked-row.is-top-3::before{background:linear-gradient(90deg,rgba(16,185,129,0) 0%,rgba(52,211,153,.045) 22%,rgba(16,185,129,.14) 38%,rgba(16,185,129,.24) 50%,rgba(16,185,129,.14) 62%,rgba(52,211,153,.045) 78%,rgba(16,185,129,0) 100%)} .dual-ranked-source-cell{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;justify-content:center} .dual-ranked-source-left{align-items:flex-end;text-align:right;padding-right:14px} .dual-ranked-source-right{align-items:flex-start;text-align:left;padding-left:14px} .dual-ranked-list-single{flex:0 1 auto;min-height:0;margin-top:2px} .dual-ranked-list-single .dual-ranked-body::before{display:none} .dual-ranked-list-single .dual-ranked-row{grid-template-columns:56px minmax(0,1fr);padding-left:18px;padding-right:18px} .dual-ranked-list-single .dual-ranked-source-single{align-items:flex-start;text-align:left;padding-left:12px} .dual-ranked-source-cell.is-empty{min-height:34px} .dual-ranked-source-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:12px;font-weight:450;line-height:1.18;letter-spacing:-.005em} .dual-ranked-source-meta{margin-top:2px;color:#7f8da3;font-size:9px;font-weight:450;line-height:1.15;letter-spacing:.005em;font-variant-numeric:tabular-nums} .dual-ranked-row.is-top-1 .dual-ranked-source-name,.dual-ranked-row.is-top-2 .dual-ranked-source-name,.dual-ranked-row.is-top-3 .dual-ranked-source-name{color:#f8fafc;font-weight:600} .dual-ranked-row.is-top-1 .dual-ranked-source-meta,.dual-ranked-row.is-top-2 .dual-ranked-source-meta,.dual-ranked-row.is-top-3 .dual-ranked-source-meta{color:#a8b3c5;font-weight:500} .dual-ranked-rank{position:relative;z-index:2;display:grid;place-items:center} .dual-ranked-rank-badge{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(100,116,139,.32);border-radius:999px;background:#0b1220;color:#718096;font-size:9.5px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 0 0 3px rgba(6,8,14,.72)} .dual-ranked-row.is-top-1 .dual-ranked-rank-badge{border-color:rgba(245,158,11,.80);background:#fbbf24;color:#5b3400;box-shadow:0 0 0 3px rgba(6,8,14,.72),0 0 14px rgba(245,158,11,.16)} .dual-ranked-row.is-top-2 .dual-ranked-rank-badge{border-color:rgba(129,140,248,.82);background:#818cf8;color:#eef2ff;box-shadow:0 0 0 3px rgba(6,8,14,.72),0 0 13px rgba(99,102,241,.16)} .dual-ranked-row.is-top-3 .dual-ranked-rank-badge{border-color:rgba(52,211,153,.72);background:#34d399;color:#043f32;box-shadow:0 0 0 3px rgba(6,8,14,.72),0 0 13px rgba(16,185,129,.14)} .dual-ranked-empty{padding:34px 20px;text-align:center;color:#64748b;font-size:11px;font-weight:500} .crm-top-sources-footer{flex:0 0 auto;justify-content:center;border-top:0;padding-top:2px;margin-top:6px} .crm-top-sources-footer .limit-control{justify-content:center} @media(max-width:980px){.crm-top-sources-panel{height:auto;max-height:690px}.dual-ranked-body{max-height:520px}} @media(max-width:760px){.dual-ranked-list-single .dual-ranked-row{grid-template-columns:48px minmax(0,1fr)}.dual-ranked-head,.dual-ranked-row{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.dual-ranked-head,.dual-ranked-row{padding-left:10px;padding-right:10px}.dual-ranked-head-left,.dual-ranked-source-left{padding-right:8px}.dual-ranked-head-right,.dual-ranked-source-right{padding-left:8px}.dual-ranked-row{height:46px}.dual-ranked-source-name{font-size:11px}.dual-ranked-source-meta{font-size:8.5px}.dual-ranked-rank-badge{width:26px;height:26px;font-size:9px}} @media(max-width:520px){.dual-ranked-head-title{font-size:9px;letter-spacing:.09em}.dual-ranked-head-subtitle{font-size:8px}.dual-ranked-row{height:auto;min-height:50px;padding-top:5px;padding-bottom:5px}.dual-ranked-source-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dual-ranked-source-meta{margin-top:2px}} /* Shared TAAA Conversion Flow — cardless ribbon + source composition */ .crm-conversion-flow-panel{margin-top:18px;overflow:hidden} .conversion-flow{position:relative;padding:4px 18px 18px} .conversion-flow-summary{display:grid;grid-template-columns:minmax(126px,.9fr) minmax(96px,.82fr) minmax(148px,1fr) minmax(96px,.82fr) minmax(126px,.9fr) minmax(176px,1.05fr);align-items:center;gap:0;min-height:168px;padding:10px 4px 4px} .conversion-flow-stage{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;justify-items:center;min-width:0;min-height:128px;text-align:center} .conversion-flow-stage-copy{align-self:center;min-width:0;padding:0 8px} .conversion-flow-stage-label,.conversion-flow-outcome-label{display:flex;align-items:center;justify-content:center;gap:5px;color:#a5b4fc;font-size:8.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .conversion-flow-stage-value{margin-top:7px;color:#f8fafc;font-size:30px;font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(168,85,247,.08)} .conversion-flow-stage-meta,.conversion-flow-outcome-meta{margin-top:6px;color:#64748b;font-size:9px;font-weight:650;line-height:1.35} .conversion-flow-help{display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid rgba(148,163,184,.20);border-radius:999px;color:#64748b;font-size:7px;font-weight:850;letter-spacing:0;text-transform:none;cursor:help;transition:.15s ease} .conversion-flow-help:hover{border-color:rgba(192,132,252,.42);color:#d8b4fe;background:rgba(168,85,247,.08)} .conversion-flow-stage-point{position:relative;z-index:3;width:12px;height:12px;border:2px solid rgba(233,213,255,.82);border-radius:50%;background:#7c3aed;box-shadow:0 0 0 5px rgba(124,58,237,.09),0 0 18px rgba(168,85,247,.28)} .conversion-flow-stage.is-violet .conversion-flow-stage-point{background:#8b5cf6;box-shadow:0 0 0 5px rgba(139,92,246,.09),0 0 18px rgba(139,92,246,.26)} .conversion-flow-stage.is-indigo .conversion-flow-stage-point{background:#6366f1;box-shadow:0 0 0 5px rgba(99,102,241,.09),0 0 18px rgba(99,102,241,.26)} .conversion-flow-connector{position:relative;z-index:1;height:128px;display:grid;align-items:end;padding-bottom:4px} .conversion-flow-beam{position:absolute;left:-2px;right:-2px;bottom:8px;height:var(--conversion-flow-thickness,8px);border-radius:999px;background:linear-gradient(90deg,rgba(168,85,247,.46),rgba(99,102,241,.52));box-shadow:0 0 18px rgba(139,92,246,.13)} .conversion-flow-beam::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-top:2px solid rgba(196,181,253,.82);border-right:2px solid rgba(196,181,253,.82);transform:translateY(-50%) rotate(45deg)} .conversion-flow-arrow{display:none} .conversion-flow-rate{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:2;display:flex;align-items:baseline;gap:6px;white-space:nowrap} .conversion-flow-rate span{color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase} .conversion-flow-rate strong{color:#c4b5fd;font-size:10.5px;font-weight:900;font-variant-numeric:tabular-nums} .conversion-flow-outcomes{position:relative;align-self:stretch;margin-left:10px;padding:26px 0 4px 28px;display:grid;align-content:center;gap:16px} .conversion-flow-outcomes::before{content:"";position:absolute;left:2px;top:47%;bottom:22%;width:2px;border-radius:999px;background:linear-gradient(180deg,rgba(99,102,241,.38),rgba(217,70,239,.32))} .conversion-flow-outcomes::after{content:"";position:absolute;left:-10px;top:66%;width:14px;height:2px;background:rgba(99,102,241,.34)} .conversion-flow-outcomes-label{position:absolute;left:28px;top:4px;color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase} .conversion-flow-outcome{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:0;transition:transform .16s ease} .conversion-flow-outcome:hover{transform:translateX(2px)} .conversion-flow-outcome-branch{position:absolute;left:-26px;top:50%;width:27px;height:var(--conversion-flow-thickness,6px);transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(99,102,241,.36),rgba(168,85,247,.48));opacity:.9} .conversion-flow-outcome-point{position:relative;z-index:2;width:9px;height:9px;border:2px solid rgba(233,213,255,.68);border-radius:50%;background:#8b5cf6;box-shadow:0 0 12px rgba(139,92,246,.22)} .conversion-flow-outcome.is-magenta .conversion-flow-outcome-point{background:#d946ef;box-shadow:0 0 12px rgba(217,70,239,.22)} .conversion-flow-outcome-copy{min-width:0} .conversion-flow-outcome-label{justify-content:flex-start;font-size:8px} .conversion-flow-outcome-value{margin-top:3px;color:#f8fafc;font-size:18px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums} .conversion-flow-empty{padding:38px 20px;text-align:center;color:#64748b;font-size:11px;font-weight:650} .conversion-source-phase{margin-top:24px;padding-top:22px;border-top:1px solid rgba(148,163,184,.09)} .conversion-source-phase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;padding:0 4px} .conversion-source-phase-head>div{display:flex;flex-direction:column;gap:4px}.conversion-source-kicker{color:#a78bfa;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.conversion-source-phase-head strong{color:#e2e8f0;font-size:12px;font-weight:800}.conversion-source-phase-head p{max-width:470px;margin:0;color:#64748b;font-size:8.5px;font-weight:650;line-height:1.45;text-align:right} .conversion-source-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.52fr) minmax(0,1fr);gap:24px;align-items:stretch} .conversion-source-side{min-width:0}.conversion-source-side-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;color:#cbd5e1}.conversion-source-side-head span{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.conversion-source-side-head small{color:#64748b;font-size:8px;font-weight:750} .conversion-source-list{display:flex;flex-direction:column;gap:8px} .conversion-source-row{display:grid;align-items:center;min-height:32px}.conversion-source-row.is-left{grid-template-columns:minmax(100px,1fr) minmax(52px,.46fr);gap:9px}.conversion-source-row.is-right{grid-template-columns:minmax(52px,.46fr) minmax(100px,1fr);gap:9px}.conversion-source-copy{min-width:0}.conversion-source-row.is-left .conversion-source-copy{text-align:right}.conversion-source-row.is-right .conversion-source-copy{text-align:left}.conversion-source-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2e8f0;font-size:10px;font-weight:750}.conversion-source-meta{margin-top:2px;color:#64748b;font-size:8.5px;font-weight:700;font-variant-numeric:tabular-nums}.conversion-source-row.is-others .conversion-source-name{color:#a78bfa} .conversion-source-beam{position:relative;display:block;height:var(--conversion-source-thickness,5px);border-radius:999px;opacity:var(--conversion-source-opacity,.5);background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 10px rgba(168,85,247,.16)}.conversion-source-row.is-left .conversion-source-beam::after,.conversion-source-row.is-right .conversion-source-beam::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:1.5px solid rgba(216,180,254,.82);border-right:1.5px solid rgba(216,180,254,.82)}.conversion-source-row.is-left .conversion-source-beam::after{right:-1px;transform:translateY(-50%) rotate(45deg)}.conversion-source-row.is-right .conversion-source-beam::after{left:-1px;transform:translateY(-50%) rotate(225deg)} .conversion-source-core{position:relative;display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:4px;align-self:center;min-height:138px;padding:18px 8px}.conversion-source-core::before{content:"";position:absolute;left:-24px;right:-24px;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.20) 16%,rgba(99,102,241,.26) 84%,transparent)}.conversion-source-core-step{position:relative;z-index:2;text-align:center}.conversion-source-core-step span{display:block;color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.conversion-source-core-step strong{display:block;margin-top:4px;color:#f8fafc;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}.conversion-source-core-arrow{position:relative;z-index:2;width:22px;height:2px;background:linear-gradient(90deg,#a855f7,#6366f1);box-shadow:0 0 10px rgba(139,92,246,.18)}.conversion-source-core-arrow::after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:2px solid #a5b4fc;border-right:2px solid #a5b4fc;transform:translateY(-50%) rotate(45deg)}.conversion-source-core-rate{grid-column:1/-1;position:relative;z-index:2;justify-self:center;margin-top:5px;color:#64748b;font-size:8px;font-weight:750}.conversion-source-core-rate strong{margin-left:4px;color:#c4b5fd;font-size:9.5px;font-weight:900} @media(max-width:1050px){.conversion-flow-summary{grid-template-columns:minmax(110px,.9fr) 76px minmax(126px,1fr) 76px minmax(110px,.9fr) minmax(155px,1fr)}.conversion-flow-stage-value{font-size:26px}.conversion-source-grid{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);gap:16px}} @media(max-width:820px){.conversion-flow{padding:4px 8px 16px}.conversion-flow-summary{display:flex;flex-direction:column;align-items:stretch;gap:0}.conversion-flow-stage{width:min(100%,420px);min-height:94px;margin:0 auto;grid-template-rows:auto;grid-template-columns:18px 1fr;align-items:center;text-align:left}.conversion-flow-stage-copy{text-align:left}.conversion-flow-stage-label{justify-content:flex-start}.conversion-flow-stage-point{grid-column:1;grid-row:1}.conversion-flow-stage-copy{grid-column:2;grid-row:1}.conversion-flow-connector{width:min(100%,420px);height:62px;margin:0 auto;padding:0}.conversion-flow-beam{left:5px;right:auto;top:0;bottom:0;width:var(--conversion-flow-thickness,8px);height:auto;transform:none;background:linear-gradient(180deg,rgba(168,85,247,.46),rgba(99,102,241,.52))}.conversion-flow-beam::after{right:50%;top:auto;bottom:-1px;transform:translateX(50%) rotate(135deg)}.conversion-flow-rate{left:36px;bottom:50%;transform:translateY(50%)}.conversion-flow-outcomes{width:min(100%,520px);margin:6px auto 0;padding:22px 0 0 26px;grid-template-columns:1fr 1fr}.conversion-flow-outcomes::before{left:5px;top:0;bottom:26px}.conversion-flow-outcomes::after{left:5px;top:0;width:20px}.conversion-flow-outcomes-label{left:28px;top:0}.conversion-flow-outcome-branch{left:-22px;width:23px}.conversion-source-phase-head{flex-direction:column;gap:6px}.conversion-source-phase-head p{max-width:none;text-align:left}.conversion-source-grid{grid-template-columns:1fr;gap:20px}.conversion-source-core{order:2;width:min(100%,360px);justify-self:center;min-height:86px}.conversion-source-side.is-left{order:1}.conversion-source-side.is-right{order:3}.conversion-source-row.is-left,.conversion-source-row.is-right{grid-template-columns:minmax(100px,1fr) minmax(70px,.5fr)}.conversion-source-row.is-right .conversion-source-copy{grid-column:1;grid-row:1;text-align:right}.conversion-source-row.is-right .conversion-source-beam{grid-column:2;grid-row:1}.conversion-source-row.is-right .conversion-source-beam::after{left:auto;right:-1px;transform:translateY(-50%) rotate(45deg)}} @media(max-width:520px){.conversion-flow-stage-value{font-size:24px}.conversion-flow-outcomes{grid-template-columns:1fr;gap:10px}.conversion-flow-outcomes::before,.conversion-flow-outcomes::after,.conversion-flow-outcome-branch{display:none}.conversion-flow-outcomes-label{position:static;margin-bottom:2px}.conversion-source-phase{margin-top:18px;padding-top:18px}.conversion-source-core{grid-template-columns:1fr 20px 1fr;padding-left:0;padding-right:0}.conversion-source-name{font-size:9.5px}.conversion-source-side-head small{display:none}} /* CRM Internet Lead Analysis mapped source-performance table. */ .crm-internet-analysis-table-panel{margin-top:18px;overflow:hidden}.crm-internet-analysis-actions{display:none!important}.crm-internet-analysis-table{min-width:0}.crm-internet-analysis-table .data-table-wrap{max-height:560px;overflow:auto}.crm-internet-analysis-data-table{width:clamp(var(--crm-internet-table-min-width,625px),100%,var(--crm-internet-table-max-width,740px));min-width:var(--crm-internet-table-min-width,625px);max-width:var(--crm-internet-table-max-width,740px);table-layout:fixed}.crm-internet-analysis-data-table th,.crm-internet-analysis-data-table td{padding-left:8px;padding-right:8px}.crm-internet-analysis-data-table thead th{background:#090d17}.crm-internet-analysis-data-table .crm-internet-period-group.selected-period{background:linear-gradient(180deg,#241035,#090d17)}.crm-internet-analysis-data-table th:first-child,.crm-internet-analysis-data-table td:first-child{position:sticky;left:0;width:260px;min-width:260px;max-width:260px;text-align:left}.crm-internet-analysis-data-table thead tr:first-child th{top:0;height:48px;z-index:8}.crm-internet-analysis-data-table thead tr:nth-child(2) th{top:48px;z-index:7}.crm-internet-analysis-data-table thead tr:first-child th:first-child{z-index:10}.crm-internet-analysis-data-table tbody td:first-child{z-index:2;background:rgba(8,12,21,.985);border-right:1px solid rgba(148,163,184,.10)}.crm-internet-analysis-data-table .crm-internet-period-group{border-left:1px solid rgba(148,163,184,.10)}.crm-internet-period-header{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-transform:none;letter-spacing:normal}.crm-internet-period-header strong{color:#e2e8f0;font-size:9.5px;font-weight:800;white-space:nowrap}.crm-internet-period-kicker{color:#a78bfa;font-size:7.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.crm-internet-period-control{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0}.crm-internet-period-dropdown{align-self:auto;justify-content:center;min-width:0}.crm-internet-period-button{max-width:126px;min-width:0;justify-content:center;padding:3px 1px;font-size:8.5px}.crm-internet-period-button span{display:block;max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-internet-period-dropdown .metric-menu{top:27px;right:0;min-width:132px;max-height:220px;overflow-y:auto;z-index:40}.crm-internet-comparison-remove{display:grid;width:22px;height:22px;place-items:center;padding:0;border:1px solid rgba(148,163,184,.18);border-radius:7px;background:rgba(30,41,59,.28);color:#94a3b8;font-size:14px;line-height:1;cursor:pointer}.crm-internet-comparison-remove:hover,.crm-internet-comparison-remove:focus-visible{border-color:rgba(248,113,113,.35);color:#fecaca;outline:none}.crm-internet-add-comparison-group,.crm-internet-add-placeholder-cell{width:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;border-left:1px dashed rgba(168,85,247,.18)!important;background:rgba(88,28,135,.025)!important}.crm-internet-add-comparison-group{position:sticky;right:0;z-index:9;background:#090d17!important}.crm-internet-add-placeholder-button{display:grid;width:100%;height:100%;min-height:84px;place-items:center;padding:0;border:0;background:transparent;color:#7c3aed;font-size:24px;font-weight:500;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.crm-internet-add-placeholder-button span{display:grid;width:30px;height:30px;place-items:center;border:1px dashed rgba(168,85,247,.24);border-radius:8px;background:rgba(59,7,100,.10);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.crm-internet-add-placeholder-button:hover,.crm-internet-add-placeholder-button:focus-visible{background:rgba(88,28,135,.12);color:#d8b4fe;box-shadow:inset 0 0 0 1px rgba(192,132,252,.16);outline:none}.crm-internet-add-placeholder-button:hover span,.crm-internet-add-placeholder-button:focus-visible span{transform:scale(1.06);border-color:rgba(216,180,254,.52);background:rgba(88,28,135,.24);box-shadow:0 0 16px rgba(168,85,247,.18)}.crm-internet-add-placeholder-cell{color:transparent}.crm-internet-group-row td{background:rgba(88,28,135,.13);color:#d8b4fe;font-weight:800;border-bottom-color:rgba(168,85,247,.15)}.crm-internet-group-row td:first-child{background:rgba(28,13,48,.985)}.crm-internet-section-row td{background:rgba(88,28,135,.16);color:#e9d5ff;font-weight:850;border-top:1px solid rgba(192,132,252,.20);border-bottom-color:rgba(168,85,247,.16)}.crm-internet-section-row td:first-child{background:rgba(31,13,52,.99)}.crm-internet-source-row td:first-child{padding-left:24px}.crm-internet-source-group-label{color:#e9d5ff;font-weight:850;letter-spacing:.015em}.crm-internet-source-leaf-label{display:inline-block;max-width:145px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.crm-internet-source-group-chip{display:inline-flex;margin-left:7px;padding:2px 5px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(30,41,59,.32);color:#94a3b8;font-size:7px;font-weight:750;letter-spacing:.02em;vertical-align:middle}.crm-internet-source-group-chip{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-internet-category-chip{display:inline-flex;padding:3px 7px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:rgba(30,41,59,.34);color:#cbd5e1;font-size:8px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.crm-internet-group-tone-0{--crm-internet-group-rgb:168,85,247;--crm-internet-group-fg:#d8b4fe}.crm-internet-group-tone-1{--crm-internet-group-rgb:34,211,238;--crm-internet-group-fg:#a5f3fc}.crm-internet-group-tone-2{--crm-internet-group-rgb:52,211,153;--crm-internet-group-fg:#a7f3d0}.crm-internet-group-tone-3{--crm-internet-group-rgb:251,191,36;--crm-internet-group-fg:#fde68a}.crm-internet-group-tone-4{--crm-internet-group-rgb:244,114,182;--crm-internet-group-fg:#fbcfe8}.crm-internet-group-tone-5{--crm-internet-group-rgb:96,165,250;--crm-internet-group-fg:#bfdbfe}.crm-internet-group-tone-6{--crm-internet-group-rgb:45,212,191;--crm-internet-group-fg:#99f6e4}.crm-internet-group-tone-7{--crm-internet-group-rgb:251,146,60;--crm-internet-group-fg:#fed7aa}.crm-internet-group-tone-8{--crm-internet-group-rgb:129,140,248;--crm-internet-group-fg:#c7d2fe}.crm-internet-group-tone-9{--crm-internet-group-rgb:248,113,113;--crm-internet-group-fg:#fecaca}.crm-internet-analysis-data-table .crm-internet-source-row[class*="crm-internet-group-tone-"] td{background:rgba(var(--crm-internet-group-rgb),.055);border-bottom-color:rgba(var(--crm-internet-group-rgb),.12)}.crm-internet-analysis-data-table .crm-internet-source-row[class*="crm-internet-group-tone-"] td:first-child{background:linear-gradient(rgba(var(--crm-internet-group-rgb),.11),rgba(var(--crm-internet-group-rgb),.11)),rgba(8,12,21,.985);box-shadow:inset 3px 0 0 rgba(var(--crm-internet-group-rgb),.72)}.crm-internet-analysis-data-table .crm-internet-category-row[class*="crm-internet-group-tone-"] td{background:rgba(var(--crm-internet-group-rgb),.11);border-top:1px solid rgba(var(--crm-internet-group-rgb),.22);border-bottom-color:rgba(var(--crm-internet-group-rgb),.16);font-weight:850}.crm-internet-analysis-data-table .crm-internet-category-row[class*="crm-internet-group-tone-"] td:first-child{background:linear-gradient(rgba(var(--crm-internet-group-rgb),.18),rgba(var(--crm-internet-group-rgb),.18)),rgba(8,12,21,.99);box-shadow:inset 4px 0 0 rgba(var(--crm-internet-group-rgb),.84)}.crm-internet-analysis-data-table tr[class*="crm-internet-group-tone-"] .crm-internet-source-group-chip,.crm-internet-analysis-data-table tr[class*="crm-internet-group-tone-"] .crm-internet-category-chip{border-color:rgba(var(--crm-internet-group-rgb),.38);background:rgba(var(--crm-internet-group-rgb),.16);color:var(--crm-internet-group-fg);box-shadow:0 0 0 1px rgba(var(--crm-internet-group-rgb),.035) inset}.crm-internet-unmapped-chip{display:inline-flex;margin-left:7px;padding:2px 5px;border:1px solid rgba(251,191,36,.24);border-radius:999px;background:rgba(217,119,6,.08);color:#fbbf24;font-size:7px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.crm-internet-total-row td{position:sticky;bottom:0;z-index:4;border-top:1px solid rgba(192,132,252,.28);border-bottom:0;background:rgba(14,9,25,.995);color:#fff;font-weight:900;box-shadow:0 -8px 18px rgba(0,0,0,.18)}.crm-internet-total-row td:first-child{z-index:5;background:rgba(21,10,38,.995)}.crm-internet-source-total-label{color:#fff;font-weight:900}.crm-internet-analysis-meta{padding:9px 12px 2px;color:#64748b;font-size:8.5px;font-weight:650;line-height:1.45}.crm-internet-analysis-data-table .data-table-leaf-head-row th:nth-child(3n+1),.crm-internet-analysis-data-table tbody td:nth-child(3n+2){border-left:1px solid rgba(148,163,184,.10)} @media(max-width:760px){.crm-internet-analysis-table .data-table-wrap{max-height:500px}.crm-internet-analysis-data-table{min-width:920px}.crm-internet-analysis-data-table th:first-child,.crm-internet-analysis-data-table td:first-child{width:220px;max-width:220px}.crm-internet-add-comparison-group,.crm-internet-add-placeholder-cell{width:44px!important;min-width:44px!important;max-width:44px!important}.crm-internet-add-placeholder-button{min-height:84px}.crm-internet-add-placeholder-button span{width:28px;height:28px}} /* CRM Internet Lead Analysis inventory detail rows */ .crm-internet-inventory-row td{padding-top:6px;padding-bottom:6px;color:#94a3b8;font-size:9.5px;font-weight:650;background:rgba(9,13,23,.48)} .crm-internet-inventory-row td:first-child{padding-left:52px;background:rgba(8,12,21,.985)} .crm-internet-inventory-row:hover td{background:rgba(168,85,247,.035)} .crm-internet-inventory-row:hover td:first-child{background:rgba(12,14,24,.995)} .crm-internet-inventory-label{display:inline-flex;align-items:center;gap:6px;color:#a8b2c5;font-weight:700} .crm-internet-inventory-label::before{content:"";width:10px;height:1px;background:rgba(148,163,184,.34)} .crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"] td{background:rgba(var(--crm-internet-group-rgb),.028);border-bottom-color:rgba(var(--crm-internet-group-rgb),.09)}.crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"] td:first-child{background:linear-gradient(rgba(var(--crm-internet-group-rgb),.06),rgba(var(--crm-internet-group-rgb),.06)),rgba(8,12,21,.985);box-shadow:inset 2px 0 0 rgba(var(--crm-internet-group-rgb),.42)}.crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"] .crm-internet-inventory-label{color:color-mix(in srgb,var(--crm-internet-group-fg) 72%,#94a3b8)}.crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"] .crm-internet-inventory-label::before{background:rgba(var(--crm-internet-group-rgb),.48)}.crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"]:hover td{background:rgba(var(--crm-internet-group-rgb),.06)}.crm-internet-analysis-data-table .crm-internet-inventory-row[class*="crm-internet-group-tone-"]:hover td:first-child{background:linear-gradient(rgba(var(--crm-internet-group-rgb),.095),rgba(var(--crm-internet-group-rgb),.095)),rgba(8,12,21,.995)} /* CRM R496 dealership opportunity hierarchy + source-attributed sold mix. */ .crm-internet-heading-row td{padding-top:8px;padding-bottom:8px;border-top:1px solid rgba(192,132,252,.26);border-bottom-color:rgba(148,163,184,.08);background:#06080e;color:#f8fafc;font-weight:900} .crm-internet-heading-row td:first-child{padding-left:10px;background:#06080e;z-index:3} .crm-internet-heading-label{color:#f8fafc;font-size:10px;font-weight:900;letter-spacing:.015em} .crm-internet-category-row td{background:rgba(88,28,135,.11);color:#e9d5ff;font-weight:850;border-bottom-color:rgba(168,85,247,.13)} .crm-internet-category-row td:first-child{padding-left:24px;background:rgba(24,13,41,.99)} .crm-internet-category-label{color:#e9d5ff;font-weight:850} .crm-internet-summary-row td{background:rgba(59,7,100,.16);color:#f3e8ff;font-weight:850;border-bottom-color:rgba(168,85,247,.17)} .crm-internet-summary-row td:first-child{padding-left:24px;background:rgba(27,12,47,.99)} .crm-internet-dealership-total-row td{border-top:1px solid rgba(147,197,253,.24);background:rgba(30,58,138,.13);color:#f8fafc;font-weight:900} .crm-internet-dealership-total-row td:first-child{padding-left:24px;background:rgba(14,25,48,.99)} .crm-business-sold-breakdown-companion{margin-top:12px;padding-top:13px;border-top:1px solid rgba(148,163,184,.10);overflow:hidden} .crm-business-sold-breakdown-head{padding:0 12px 10px}.crm-business-sold-breakdown-head .chart-description{margin-top:4px} .crm-business-sold-breakdown-table{min-width:0} .crm-business-sold-breakdown-data-table{width:clamp(var(--crm-internet-table-min-width,625px),100%,var(--crm-internet-table-max-width,740px));min-width:var(--crm-internet-table-min-width,625px);max-width:var(--crm-internet-table-max-width,740px);table-layout:fixed} .crm-business-sold-breakdown-data-table thead th{background:#090d17} .crm-business-sold-breakdown-data-table .crm-internet-period-group.selected-period{background:linear-gradient(180deg,#241035,#090d17)} .crm-business-sold-breakdown-data-table th:first-child,.crm-business-sold-breakdown-data-table td:first-child{position:sticky;left:0;width:260px;min-width:260px;max-width:260px;text-align:left} .crm-business-sold-breakdown-data-table thead th:first-child{z-index:8}.crm-business-sold-breakdown-data-table tbody td:first-child{z-index:2;background:rgba(8,12,21,.985);border-right:1px solid rgba(148,163,184,.10)} .crm-business-sold-breakdown-data-table tbody td{font-weight:750} .crm-business-sold-breakdown-data-table tbody td:first-child{color:#e2e8f0;font-weight:850} .crm-business-sold-breakdown-data-table .data-table-leaf-head-row th:nth-child(2n+1),.crm-business-sold-breakdown-data-table tbody td:nth-child(2n){border-left:1px solid rgba(148,163,184,.10)} .crm-business-sold-add-spacer{pointer-events:none} @media(max-width:760px){.crm-business-sold-breakdown-data-table{min-width:920px}.crm-business-sold-breakdown-data-table th:first-child,.crm-business-sold-breakdown-data-table td:first-child{width:220px;min-width:220px;max-width:220px}} /* CLIENT-R501 Lead Source Performance unified scroll + understated comparison removal. */ .crm-internet-analysis-scroll{max-height:560px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(168,85,247,.42) rgba(30,41,59,.35)} .crm-internet-analysis-scroll::-webkit-scrollbar{width:8px;height:8px}.crm-internet-analysis-scroll::-webkit-scrollbar-track{background:rgba(30,41,59,.28);border-radius:999px}.crm-internet-analysis-scroll::-webkit-scrollbar-thumb{background:rgba(168,85,247,.42);border-radius:999px} .crm-internet-analysis-scroll .crm-internet-analysis-table .data-table-wrap,.crm-internet-analysis-scroll .crm-business-sold-breakdown-table .data-table-wrap{max-height:none;overflow:visible} .crm-internet-comparison-header{position:relative;padding:0 16px}.crm-internet-comparison-remove{position:absolute;top:-4px;right:0;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:rgba(148,163,184,.32);font-size:14px;font-weight:500;line-height:1;cursor:pointer;opacity:.18;transition:opacity .15s ease,color .15s ease,background .15s ease,transform .15s ease}.crm-internet-period-group:hover .crm-internet-comparison-remove,.crm-internet-comparison-remove:focus-visible{opacity:.82}.crm-internet-comparison-remove:hover,.crm-internet-comparison-remove:focus-visible{color:#fecaca;background:rgba(248,113,113,.08);transform:scale(1.06);outline:none} .crm-business-sold-breakdown-companion{margin-top:0;padding-top:14px;border-top:1px solid rgba(192,132,252,.22);overflow:visible}.crm-business-sold-breakdown-head{padding:0 12px 10px}.crm-business-sold-breakdown-table .data-table-wrap{overflow:visible}.crm-business-sold-breakdown-data-table thead th{top:0;z-index:6;background:#090d17}.crm-business-sold-breakdown-data-table thead th:first-child{z-index:8}.crm-business-sold-breakdown-data-table .data-table-leaf-head-row th:nth-child(2n+2),.crm-business-sold-breakdown-data-table tbody td:nth-child(2n+2){border-left:1px solid rgba(148,163,184,.10)} @media(max-width:760px){.crm-internet-analysis-scroll{max-height:500px}} /* CLIENT-R504 shared tooltip weight + CRM companion-table period alignment. */ .crm-business-sold-breakdown-data-table:has(tbody .crm-internet-add-placeholder-cell) thead th:last-child{width:52px!important;min-width:52px!important;max-width:52px!important;padding:0!important;border-left:1px dashed rgba(168,85,247,.18)!important;background:rgba(88,28,135,.025)!important;color:transparent} @media(max-width:760px){.crm-business-sold-breakdown-data-table:has(tbody .crm-internet-add-placeholder-cell) thead th:last-child{width:44px!important;min-width:44px!important;max-width:44px!important}} /* CLIENT-R505 CRM warning emphasis for unmapped Internet opportunities. */ .crm-internet-analysis-data-table .crm-internet-miscategorized-row td{background:rgba(127,29,29,.12);color:#fecaca;border-bottom-color:rgba(248,113,113,.15)} .crm-internet-analysis-data-table .crm-internet-miscategorized-row td:first-child{background:rgba(45,12,18,.99);box-shadow:inset 4px 0 0 rgba(248,113,113,.78)} .crm-internet-analysis-data-table .crm-internet-miscategorized-row.crm-internet-heading-row td{border-top-color:rgba(248,113,113,.48);background:rgba(56,12,20,.98);color:#fee2e2} .crm-internet-analysis-data-table .crm-internet-miscategorized-row.crm-internet-heading-row td:first-child{background:rgba(62,13,21,.995)} .crm-internet-analysis-data-table .crm-internet-miscategorized-row .crm-internet-heading-label,.crm-internet-analysis-data-table .crm-internet-miscategorized-row .crm-internet-source-total-label{color:#fca5a5} .crm-internet-analysis-data-table .crm-internet-miscategorized-row.crm-internet-inventory-row td{background:rgba(127,29,29,.065);color:#fda4af} .crm-internet-analysis-data-table .crm-internet-miscategorized-row.crm-internet-inventory-row td:first-child{background:rgba(38,12,17,.99);box-shadow:inset 2px 0 0 rgba(248,113,113,.50)} .crm-internet-analysis-data-table .crm-internet-miscategorized-row.crm-internet-inventory-row .crm-internet-inventory-label{color:#fda4af} .crm-internet-analysis-data-table .crm-internet-miscategorized-row:hover td{background:rgba(185,28,28,.13)} .crm-internet-analysis-data-table .crm-internet-miscategorized-row:hover td:first-child{background:rgba(57,13,20,.995)} /* CLIENT-R506 CRM collapsible inventory hierarchy + full ghost comparison lane. */ .crm-internet-row-toggle{display:inline-flex;max-width:100%;min-width:0;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.crm-internet-row-toggle:focus-visible{outline:1px solid rgba(192,132,252,.48);outline-offset:3px;border-radius:5px}.crm-internet-row-toggle-chevron{width:12px;height:12px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.54;transition:transform .16s ease,opacity .16s ease,color .16s ease}.crm-internet-row-toggle:hover .crm-internet-row-toggle-chevron,.crm-internet-row-toggle:focus-visible .crm-internet-row-toggle-chevron{opacity:.95;color:#d8b4fe}.crm-internet-row-toggle[aria-expanded="false"] .crm-internet-row-toggle-chevron{transform:rotate(-90deg)}.crm-internet-row-toggle-content{display:inline-flex;min-width:0;max-width:100%;align-items:center;gap:7px}.crm-internet-row-toggle-content .crm-internet-source-leaf-label{flex:1 1 auto;min-width:0;max-width:none}.crm-internet-row-toggle-content .crm-internet-source-group-chip{flex:0 1 auto;margin-left:0}.crm-internet-analysis-data-table .crm-internet-source-row td:first-child,.crm-internet-analysis-data-table .crm-internet-category-row td:first-child,.crm-internet-analysis-data-table .crm-internet-summary-row td:first-child,.crm-internet-analysis-data-table .crm-internet-dealership-total-row td:first-child{padding-left:10px}.crm-internet-analysis-data-table tr.is-collapsed td{border-bottom-color:rgba(148,163,184,.14)} .crm-internet-ghost-period-group{border-left:1px dashed rgba(168,85,247,.28)!important;background:linear-gradient(90deg,rgba(88,28,135,.09),rgba(88,28,135,.025))!important}.crm-internet-ghost-period-button{display:flex;width:100%;height:100%;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0 8px;border:0;background:transparent;color:#8b5cf6;cursor:pointer;opacity:.44;transition:opacity .16s ease,background .16s ease,color .16s ease}.crm-internet-ghost-period-button:hover,.crm-internet-ghost-period-button:focus-visible{opacity:.88;background:rgba(88,28,135,.08);color:#d8b4fe;outline:none}.crm-internet-ghost-period-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;font-size:8.5px;font-weight:700;white-space:nowrap}.crm-internet-ghost-plus{display:grid;width:22px;height:22px;place-items:center;border:1px dashed rgba(168,85,247,.38);border-radius:8px;background:rgba(59,7,100,.12);font-size:16px;font-weight:500;line-height:1}.crm-internet-ghost-comparison-cell{color:transparent!important;background:linear-gradient(90deg,rgba(88,28,135,.026),rgba(88,28,135,.012))!important;border-bottom-color:rgba(168,85,247,.055)!important;pointer-events:none}.crm-internet-analysis-data-table:has(tbody .crm-internet-ghost-comparison-cell) .data-table-leaf-head-row th:nth-last-child(-n+3){background:rgba(88,28,135,.035);color:rgba(148,163,184,.38)}.crm-internet-analysis-data-table:has(tbody .crm-internet-ghost-comparison-cell) .data-table-leaf-head-row th:nth-last-child(3),.crm-internet-analysis-data-table tbody td.crm-internet-ghost-comparison-cell:nth-last-child(3){border-left:1px dashed rgba(168,85,247,.24)!important}.crm-internet-analysis-data-table:has(.crm-internet-ghost-period-button:hover) .data-table-leaf-head-row th:nth-last-child(-n+3),.crm-internet-analysis-data-table:has(.crm-internet-ghost-period-button:focus-visible) .data-table-leaf-head-row th:nth-last-child(-n+3){background:rgba(88,28,135,.075);color:rgba(216,180,254,.64)} .crm-business-sold-breakdown-data-table:has(tbody .crm-business-sold-ghost-cell) thead th:nth-last-child(-n+2){background:rgba(88,28,135,.025);color:rgba(148,163,184,.32)}.crm-business-sold-breakdown-data-table .crm-business-sold-ghost-cell{color:transparent!important;background:linear-gradient(90deg,rgba(88,28,135,.022),rgba(88,28,135,.01))!important;border-bottom-color:rgba(168,85,247,.05)!important;pointer-events:none}.crm-business-sold-breakdown-data-table:has(tbody .crm-business-sold-ghost-cell) thead th:nth-last-child(2),.crm-business-sold-breakdown-data-table tbody td.crm-business-sold-ghost-cell:nth-last-child(2){border-left:1px dashed rgba(168,85,247,.22)!important} @media(max-width:760px){.crm-internet-row-toggle-content{gap:5px}.crm-internet-ghost-period-action>span:last-child{display:none}} /* CLIENT-R507 CRM default-collapsed hierarchy, row-wide disclosure, bulk controls, and two-lane empty comparison preview. */ .crm-internet-source-head .data-table-group-head-inner{width:100%}.crm-internet-source-head-content{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:8px}.crm-internet-collapse-all-controls{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.crm-internet-collapse-all-controls button{padding:3px 5px;border:1px solid rgba(148,163,184,.13);border-radius:6px;background:transparent;color:rgba(148,163,184,.72);font-size:7.5px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.crm-internet-collapse-all-controls button:hover,.crm-internet-collapse-all-controls button:focus-visible{color:#e9d5ff;border-color:rgba(168,85,247,.34);background:rgba(88,28,135,.11);outline:none}.crm-internet-analysis-data-table tbody tr.crm-internet-source-row,.crm-internet-analysis-data-table tbody tr.crm-internet-category-row,.crm-internet-analysis-data-table tbody tr.crm-internet-summary-row,.crm-internet-analysis-data-table tbody tr.crm-internet-dealership-total-row{cursor:pointer}.crm-internet-analysis-data-table tbody tr.crm-internet-source-row:hover td,.crm-internet-analysis-data-table tbody tr.crm-internet-category-row:hover td,.crm-internet-analysis-data-table tbody tr.crm-internet-summary-row:hover td,.crm-internet-analysis-data-table tbody tr.crm-internet-dealership-total-row:hover td{filter:brightness(1.06)} .crm-internet-ghost-period-group.is-preview{opacity:.62}.crm-internet-ghost-period-preview{display:flex;width:100%;height:100%;min-height:48px;align-items:flex-start;justify-content:center;padding-top:9px;color:#8b5cf6;opacity:.40;pointer-events:none}.crm-internet-analysis-data-table .crm-internet-ghost-lane-start,.crm-business-sold-breakdown-data-table .crm-business-sold-ghost-lane-start{border-left:1px dashed rgba(168,85,247,.24)!important} #crmInternetAnalysisTable[data-crm-internet-ghost-lanes="1"] .data-table-leaf-head-row th:nth-last-child(-n+3),#crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(-n+6){background:rgba(88,28,135,.035);color:rgba(148,163,184,.38)}#crmInternetAnalysisTable[data-crm-internet-ghost-lanes="1"] .data-table-leaf-head-row th:nth-last-child(3),#crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(6),#crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(3){border-left:1px dashed rgba(168,85,247,.24)!important}#crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .crm-internet-ghost-period-group.is-preview{background:linear-gradient(90deg,rgba(88,28,135,.045),rgba(88,28,135,.012))!important} @media(max-width:760px){.crm-internet-collapse-all-controls{gap:2px}.crm-internet-collapse-all-controls button{padding:3px 4px;font-size:7px}.crm-internet-source-head-content{gap:4px}} #crmBusinessSoldBreakdownTable[data-crm-internet-ghost-lanes="1"] .data-table-leaf-head-row th:nth-last-child(-n+2),#crmBusinessSoldBreakdownTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(-n+4){background:rgba(88,28,135,.025);color:rgba(148,163,184,.32)}#crmBusinessSoldBreakdownTable[data-crm-internet-ghost-lanes="1"] .data-table-leaf-head-row th:nth-last-child(2),#crmBusinessSoldBreakdownTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(4),#crmBusinessSoldBreakdownTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(2){border-left:1px dashed rgba(168,85,247,.22)!important} /* CRM Miscategorized Internet source-review disclosure */ .crm-internet-misc-total-controls{display:inline-flex;max-width:100%;align-items:center;gap:6px}.crm-internet-source-review-button{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid rgba(248,113,113,.22);border-radius:7px;background:rgba(127,29,29,.10);color:rgba(254,202,202,.72);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}.crm-internet-source-review-button:hover,.crm-internet-source-review-button:focus-visible{color:#fee2e2;border-color:rgba(248,113,113,.48);background:rgba(185,28,28,.18);transform:scale(1.04);outline:none}.crm-internet-source-review-button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.crm-source-review-open{overflow:hidden}.crm-source-review-modal{width:min(680px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 40px));padding:0;border:1px solid rgba(248,113,113,.20);border-radius:11px;background:linear-gradient(180deg,rgba(13,17,29,.995),rgba(7,10,18,.995));color:#e2e8f0;box-shadow:0 30px 90px rgba(0,0,0,.62),0 0 44px rgba(127,29,29,.10);overflow:hidden}.crm-source-review-modal::backdrop{background:rgba(2,4,10,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.crm-source-review-modal-shell{display:flex;max-height:min(760px,calc(100vh - 40px));flex-direction:column}.crm-source-review-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 14px 20px;border-bottom:1px solid rgba(148,163,184,.10)}.crm-source-review-modal-eyebrow{color:#f87171;font-size:7.5px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.crm-source-review-modal-title{margin-top:3px;color:#fff;font-size:14px;font-weight:820;letter-spacing:-.01em}.crm-source-review-modal-close{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:1px solid rgba(148,163,184,.13);border-radius:8px;background:rgba(255,255,255,.03);color:#94a3b8;cursor:pointer;transition:.16s ease}.crm-source-review-modal-close:hover,.crm-source-review-modal-close:focus-visible{color:#fff;border-color:rgba(248,113,113,.34);background:rgba(127,29,29,.13);outline:none}.crm-source-review-modal-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.crm-source-review-modal-body{min-height:0;padding:16px 20px 20px;overflow:auto}.crm-source-review-modal-intro{margin:0 0 15px;color:#94a3b8;font-size:9.5px;font-weight:500;line-height:1.55}.crm-source-review-modal-content{display:grid;gap:14px}.crm-source-review-period{overflow:hidden;border:1px solid rgba(148,163,184,.11);border-radius:9px;background:rgba(5,8,15,.50)}.crm-source-review-period-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-bottom:1px solid rgba(148,163,184,.09);background:rgba(127,29,29,.055)}.crm-source-review-period-head strong{color:#fecaca;font-size:9px;font-weight:780}.crm-source-review-period-head span{color:#64748b;font-size:8.5px;font-weight:650}.crm-source-review-table-wrap{overflow:auto}.crm-source-review-table{width:100%;border-collapse:collapse;table-layout:fixed}.crm-source-review-table th,.crm-source-review-table td{padding:9px 11px;border-bottom:1px solid rgba(148,163,184,.08);font-size:9px}.crm-source-review-table tr:last-child td{border-bottom:0}.crm-source-review-table th{color:#64748b;font-size:7.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;text-align:right}.crm-source-review-table th:first-child,.crm-source-review-table td:first-child{width:auto;text-align:left}.crm-source-review-table th:nth-child(2),.crm-source-review-table th:nth-child(3),.crm-source-review-table td:nth-child(2),.crm-source-review-table td:nth-child(3){width:72px;text-align:right}.crm-source-review-table td{color:#cbd5e1;font-variant-numeric:tabular-nums}.crm-source-review-name{display:block;overflow:hidden;color:#e2e8f0;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.crm-source-review-loading,.crm-source-review-empty{padding:24px 14px;border:1px dashed rgba(148,163,184,.14);border-radius:9px;color:#64748b;font-size:9px;font-weight:600;text-align:center}.crm-source-review-loading{color:#94a3b8}@media(max-width:620px){.crm-source-review-modal{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:10px}.crm-source-review-modal-shell{max-height:calc(100vh - 18px)}.crm-source-review-modal-head{padding:13px 12px 12px 15px}.crm-source-review-modal-body{padding:13px 14px 16px}.crm-source-review-table th,.crm-source-review-table td{padding:8px 9px}.crm-source-review-table th:nth-child(2),.crm-source-review-table th:nth-child(3),.crm-source-review-table td:nth-child(2),.crm-source-review-table td:nth-child(3){width:58px}} /* CLIENT-R509 CRM source-review icon refinement + opaque sticky ghost headers. */ .crm-internet-source-review-button{ width:17px; height:17px; border:0; border-radius:0; background:transparent; color:rgba(254,202,202,.72); box-shadow:none; } .crm-internet-source-review-button:hover,.crm-internet-source-review-button:focus-visible{ border:0; background:transparent; color:#fee2e2; box-shadow:none; transform:scale(1.06); } .crm-internet-source-review-button:focus-visible{ outline:1px solid rgba(248,113,113,.42); outline-offset:3px; border-radius:50%; } .crm-internet-source-review-button svg{width:15px;height:15px} .crm-internet-analysis-data-table .crm-internet-ghost-period-group{ opacity:1; background:linear-gradient(90deg,rgba(88,28,135,.09),rgba(88,28,135,.025)),#090d17!important; } .crm-internet-analysis-data-table .crm-internet-ghost-period-group.is-preview{ opacity:1; } #crmInternetAnalysisTable[data-crm-internet-ghost-lanes="1"] .data-table-leaf-head-row th:nth-last-child(-n+3), #crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .data-table-leaf-head-row th:nth-last-child(-n+6){ background:linear-gradient(rgba(88,28,135,.035),rgba(88,28,135,.035)),#090d17; } #crmInternetAnalysisTable[data-crm-internet-ghost-lanes="2"] .crm-internet-ghost-period-group.is-preview{ background:linear-gradient(90deg,rgba(88,28,135,.045),rgba(88,28,135,.012)),#090d17!important; } .crm-internet-analysis-data-table:has(.crm-internet-ghost-period-button:hover) .data-table-leaf-head-row th:nth-last-child(-n+3), .crm-internet-analysis-data-table:has(.crm-internet-ghost-period-button:focus-visible) .data-table-leaf-head-row th:nth-last-child(-n+3){ background:linear-gradient(rgba(88,28,135,.075),rgba(88,28,135,.075)),#090d17; } /* CLIENT-R510 CRM source-review compact modal + shared-style open/close motion. */ .crm-source-review-modal{ width:min(560px,calc(100vw - 32px)); opacity:0; transform:translateY(8px) scale(.985); transition:opacity .20s ease,transform .22s cubic-bezier(.2,.8,.2,1); } .crm-source-review-modal.is-open{opacity:1;transform:translateY(0) scale(1)} .crm-source-review-modal.is-closing{opacity:0;transform:translateY(6px) scale(.988)} .crm-source-review-modal::backdrop{ opacity:0; transition:opacity .20s ease; } .crm-source-review-modal.is-open::backdrop{opacity:1} .crm-source-review-modal.is-closing::backdrop{opacity:0} @media(prefers-reduced-motion:reduce){ .crm-source-review-modal,.crm-source-review-modal::backdrop{transition:none!important} } @media(max-width:620px){ .crm-source-review-modal{width:calc(100vw - 18px)} } /* CLIENT-R541 Performance Overview: centered fixed-width Lead & Sales Performance card rows. */ #performanceLeadSalesMetricGrid{grid-template-columns:repeat(8,minmax(0,1fr));margin:0} #performanceLeadSalesMetricGrid .metric-card{grid-column:span 2;grid-row:auto} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="total_leads"]{grid-column:2/span 2;grid-row:1} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="crm_sales"]{grid-column:4/span 2;grid-row:1} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="closing_ratio"]{grid-column:6/span 2;grid-row:1} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="internet_leads"]{grid-column:1/span 2;grid-row:2} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="internet_sales"]{grid-column:3/span 2;grid-row:2} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="cost_per_internet_lead"]{grid-column:5/span 2;grid-row:2} #performanceLeadSalesMetricGrid .metric-card[data-metric-key="internet_closing_rate"]{grid-column:7/span 2;grid-row:2} @media(max-width:980px){#performanceLeadSalesMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#performanceLeadSalesMetricGrid .metric-card{grid-column:auto!important;grid-row:auto!important}} @media(max-width:620px){#performanceLeadSalesMetricGrid{grid-template-columns:1fr}} /* CLIENT-R524 Performance Overview Phase 4: Media Budget & Pacing. */ .performance-budget-panel{margin:0 0 22px;overflow:visible}.performance-budget-panel .panel-head{align-items:flex-start;gap:18px}.performance-pacing-status{display:inline-flex;min-width:78px;align-items:center;justify-content:center;padding:7px 10px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(15,23,42,.58);color:#cbd5e1;font-size:8.5px;font-weight:850;letter-spacing:.035em;white-space:nowrap}.performance-pacing-status.on-pace,.performance-pacing-mini.on-pace{border-color:rgba(52,211,153,.30);background:rgba(6,78,59,.22);color:#6ee7b7}.performance-pacing-status.under-pace,.performance-pacing-mini.under-pace{border-color:rgba(251,191,36,.30);background:rgba(120,53,15,.20);color:#fcd34d}.performance-pacing-status.over-pace,.performance-pacing-mini.over-pace{border-color:rgba(248,113,113,.32);background:rgba(127,29,29,.20);color:#fca5a5}.performance-budget-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:2px 0 18px}.performance-budget-stat{min-width:0;padding:13px 14px;border:1px solid rgba(148,163,184,.10);border-radius:8px;background:linear-gradient(180deg,rgba(15,23,42,.54),rgba(8,12,22,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.performance-budget-stat span{display:block;color:#64748b;font-size:7.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.performance-budget-stat strong{display:block;margin-top:5px;overflow:hidden;color:#f8fafc;font-size:18px;font-weight:840;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.performance-pacing-visual{margin:0 0 20px}.performance-pacing-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#64748b;font-size:8px;font-weight:700}.performance-pacing-meta span:first-child{color:#cbd5e1}.performance-pacing-track{position:relative;height:9px;overflow:hidden;border:1px solid rgba(148,163,184,.10);border-radius:999px;background:rgba(15,23,42,.72)}.performance-pacing-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,rgba(139,92,246,.62),rgba(167,139,250,.92));transition:width .28s ease}.performance-pacing-fill.on-pace{background:linear-gradient(90deg,rgba(16,185,129,.62),rgba(110,231,183,.92))}.performance-pacing-fill.under-pace{background:linear-gradient(90deg,rgba(217,119,6,.55),rgba(252,211,77,.90))}.performance-pacing-fill.over-pace{background:linear-gradient(90deg,rgba(220,38,38,.58),rgba(252,165,165,.92))}.performance-pacing-target{position:absolute;top:-3px;bottom:-3px;left:83.333%;width:1px;background:rgba(255,255,255,.62);box-shadow:0 0 0 1px rgba(2,6,23,.40)}.performance-budget-breakdown{overflow:hidden;border:1px solid rgba(148,163,184,.10);border-radius:8px;background:rgba(5,8,15,.34)}.performance-budget-breakdown-head,.performance-budget-breakdown-row{display:grid;grid-template-columns:minmax(120px,1.35fr) repeat(4,minmax(82px,.82fr)) minmax(90px,.78fr);align-items:center;gap:10px;padding:9px 12px}.performance-budget-breakdown-head{border-bottom:1px solid rgba(148,163,184,.09);background:rgba(15,23,42,.46);color:#64748b;font-size:7px;font-weight:820;letter-spacing:.065em;text-transform:uppercase}.performance-budget-breakdown-head span:not(:first-child),.performance-budget-breakdown-row>span{text-align:right}.performance-budget-breakdown-row{min-height:42px;border-bottom:1px solid rgba(148,163,184,.07);color:#cbd5e1;font-size:9px;font-variant-numeric:tabular-nums}.performance-budget-breakdown-row:last-child{border-bottom:0}.performance-budget-breakdown-row strong{overflow:hidden;color:#e2e8f0;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.performance-budget-breakdown-row .is-negative{color:#fca5a5}.performance-pacing-mini{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#94a3b8;font-size:7px;font-style:normal;font-weight:800;white-space:nowrap}.performance-budget-breakdown-row>span:last-child{display:flex;justify-content:flex-end}@media(max-width:980px){.performance-budget-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-budget-breakdown{overflow-x:auto}.performance-budget-breakdown-head,.performance-budget-breakdown-row{min-width:720px}}@media(max-width:620px){.performance-budget-panel .panel-head{align-items:flex-start;flex-direction:column}.performance-budget-summary{grid-template-columns:1fr 1fr;gap:8px}.performance-budget-stat{padding:11px 12px}.performance-budget-stat strong{font-size:16px}.performance-pacing-status{align-self:flex-start}} /* CLIENT-R531 Performance Overview executive assessment presentation. */ .performance-executive-summary{--performance-assessment-rgb:100,116,139;position:relative;margin:0 0 22px;overflow:hidden;border-color:rgba(var(--performance-assessment-rgb),.22);background:radial-gradient(circle at 0 0,rgba(var(--performance-assessment-rgb),.09),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.72),rgba(6,9,17,.78));box-shadow:inset 3px 0 0 rgba(var(--performance-assessment-rgb),.72),inset 0 1px 0 rgba(255,255,255,.018)}.performance-executive-summary.is-improving{--performance-assessment-rgb:52,211,153}.performance-executive-summary.is-steady{--performance-assessment-rgb:167,139,250}.performance-executive-summary.is-declining{--performance-assessment-rgb:248,113,113}.performance-executive-summary.is-unavailable{--performance-assessment-rgb:100,116,139}.performance-executive-summary-main{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);gap:28px;align-items:center}.performance-executive-copy{min-width:0}.performance-executive-kicker,.performance-executive-driver-label{color:#64748b;font-size:7.5px;font-weight:850;letter-spacing:.085em;text-transform:uppercase}.performance-executive-status-row{display:flex;align-items:center;gap:10px;margin-top:7px}.performance-executive-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:rgb(var(--performance-assessment-rgb));box-shadow:0 0 0 5px rgba(var(--performance-assessment-rgb),.08),0 0 18px rgba(var(--performance-assessment-rgb),.16)}.performance-executive-status-row strong{color:#f8fafc;font-size:28px;font-weight:880;letter-spacing:-.035em;line-height:1.05}.performance-executive-summary-text{max-width:660px;margin-top:10px;color:#cbd5e1;font-size:10.5px;font-weight:650;line-height:1.55}.performance-executive-context{margin-top:6px;color:#64748b;font-size:8.5px;font-weight:620;line-height:1.45}.performance-executive-driver-block{min-width:0}.performance-executive-drivers{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.performance-driver-chip{--performance-driver-rgb:100,116,139;display:inline-flex;min-width:0;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(var(--performance-driver-rgb),.24);border-radius:999px;background:rgba(var(--performance-driver-rgb),.08);color:#cbd5e1;font-size:8.5px;font-weight:720;line-height:1;white-space:nowrap}.performance-driver-chip.is-improving{--performance-driver-rgb:52,211,153}.performance-driver-chip.is-declining{--performance-driver-rgb:248,113,113}.performance-driver-chip.is-steady{--performance-driver-rgb:148,163,184}.performance-driver-chip.is-mixed{--performance-driver-rgb:251,191,36}.performance-driver-chip.is-unavailable{--performance-driver-rgb:100,116,139;color:#64748b}.performance-driver-dot{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:rgb(var(--performance-driver-rgb));box-shadow:0 0 0 3px rgba(var(--performance-driver-rgb),.07)}.performance-driver-chip strong{color:rgb(var(--performance-driver-rgb));font-size:8px;font-weight:900;text-transform:capitalize}.performance-driver-chip.is-unavailable strong{color:#64748b}@media(max-width:900px){.performance-executive-summary-main{grid-template-columns:1fr;gap:18px}.performance-executive-status-row strong{font-size:25px}}@media(max-width:620px){.performance-executive-summary{padding:16px}.performance-executive-status-row strong{font-size:23px}.performance-executive-drivers{gap:6px}.performance-driver-chip{max-width:100%;white-space:normal}} /* CLIENT-R534 Performance Overview polish: stronger narrative sections and flatter executive surfaces. */ #performancePlatformPage{--performance-divider:rgba(148,163,184,.11)} #performancePlatformPage>.report-section+.report-section{margin-top:38px} #performanceOverviewSection>.section-heading,#performanceLeadSalesSection>.section-heading,#performanceWebsiteEngagementSection>.section-heading{margin-bottom:12px} #performanceOverviewSection .performance-story-summary{margin:0;padding:0} #performancePlatformPage .performance-story-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px} #performancePlatformPage .performance-story-heading .section-description{max-width:760px;margin-top:5px} #performancePlatformPage .performance-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0 10px} #performancePlatformPage .performance-group-title{color:#dbe3f0;font-size:10px;font-weight:820;letter-spacing:.035em} #performancePlatformPage .performance-group-description{margin-top:3px;color:#64748b;font-size:8.5px;font-weight:600;line-height:1.45} #performanceLeadSalesMetricGrid{margin:0} #performanceWebsiteEngagementMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="website_visitors"]{grid-column:1;grid-row:1} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="sessions"]{grid-column:2;grid-row:1} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="vdp_views"]{grid-column:3;grid-row:1} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="form_submissions"]{grid-column:1;grid-row:2} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="phone_calls"]{grid-column:2;grid-row:2} #performanceWebsiteEngagementMetricGrid .metric-card[data-metric-key="google_ads_conversions"]{grid-column:3;grid-row:2} @media(max-width:980px){#performanceWebsiteEngagementMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#performanceWebsiteEngagementMetricGrid .metric-card{grid-column:auto!important;grid-row:auto!important}} @media(max-width:620px){#performanceWebsiteEngagementMetricGrid{grid-template-columns:1fr}} /* CLIENT-R535 Executive assessment: rounded summary surface with drivers directly under status. */ .performance-executive-summary{--performance-assessment-rgb:100,116,139;position:relative;margin:0;padding:20px 22px;border:1px solid rgba(var(--performance-assessment-rgb),.22);border-radius:11px;background:radial-gradient(circle at 0 0,rgba(var(--performance-assessment-rgb),.10),transparent 42%),linear-gradient(180deg,rgba(15,23,42,.62),rgba(6,9,17,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.10);overflow:visible} .performance-executive-summary.is-improving{--performance-assessment-rgb:52,211,153}.performance-executive-summary.is-steady{--performance-assessment-rgb:167,139,250}.performance-executive-summary.is-declining{--performance-assessment-rgb:248,113,113}.performance-executive-summary.is-unavailable{--performance-assessment-rgb:100,116,139} .performance-executive-summary-main{display:block} .performance-executive-copy{min-width:0;padding:0;border:0} .performance-executive-kicker-row{display:flex;align-items:center;gap:7px}.performance-executive-kicker-row .scope-info{flex:0 0 auto} .performance-executive-status-row{margin-top:8px}.performance-executive-status-row strong{font-size:30px} .performance-executive-drivers{margin-top:7px} .performance-executive-summary-text{max-width:760px;margin-top:14px} .performance-driver-chip{padding:6px 9px;background:rgba(var(--performance-driver-rgb),.06);box-shadow:none} /* CLIENT-R536 Executive assessment micro-polish: dot-free driver chips and animated status signal. */ .performance-executive-status-dot{position:relative;animation:performanceAssessmentStatusGlow 2.4s ease-in-out infinite} .performance-executive-status-dot::after{content:"";position:absolute;inset:-1px;border:1px solid rgba(var(--performance-assessment-rgb),.72);border-radius:inherit;opacity:.75;animation:performanceAssessmentStatusWave 2.4s cubic-bezier(.18,.72,.25,1) infinite;pointer-events:none} @keyframes performanceAssessmentStatusGlow{0%,100%{box-shadow:0 0 0 4px rgba(var(--performance-assessment-rgb),.07),0 0 14px rgba(var(--performance-assessment-rgb),.14)}50%{box-shadow:0 0 0 6px rgba(var(--performance-assessment-rgb),.10),0 0 22px rgba(var(--performance-assessment-rgb),.28)}} @keyframes performanceAssessmentStatusWave{0%{transform:scale(.9);opacity:.72}70%,100%{transform:scale(2.15);opacity:0}} @media(prefers-reduced-motion:reduce){.performance-executive-status-dot,.performance-executive-status-dot::after,.performance-driver-chip::before{animation:none!important}.performance-driver-chip{transition:none!important}.performance-driver-chip:hover{transform:none!important}} /* CLIENT-R539 Performance trend now uses the canonical shared panel + trend-chart treatment. */ #performanceTrendPanel .trend-meta{justify-content:flex-end;margin-top:-2px;margin-bottom:4px} #performanceTrendPanel .trend-legend{padding-left:0;border-left:0} #performanceTrendPanel .chart-shell{min-height:350px} /* CLIENT-R545 Media Budget & Pacing uses the canonical section-card/panel surface with the existing spend-mix visual. */ .performance-budget-panel{overflow:visible} .performance-budget-panel .panel-head{align-items:flex-start;gap:18px;margin-bottom:14px} .performance-budget-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.65fr);gap:30px;align-items:center;border-top:1px solid var(--performance-divider);padding-top:2px} .performance-budget-summary-column{min-width:0} .performance-budget-panel .performance-budget-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 14px;border-bottom:1px solid var(--performance-divider)} .performance-budget-panel .performance-budget-stat{min-width:0;padding:13px 16px 13px 0;margin-right:16px;border:0;border-right:1px solid var(--performance-divider);border-radius:0;background:none;box-shadow:none} .performance-budget-panel .performance-budget-stat:last-child{margin-right:0;border-right:0} .performance-budget-panel .performance-budget-stat strong{font-size:19px} .performance-budget-panel .performance-pacing-visual{margin:0 0 4px} .performance-budget-mix{min-width:0;padding:14px 0 14px 28px;border-left:1px solid var(--performance-divider)} .performance-budget-mix-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px} .performance-budget-mix-heading strong{color:#dbe3f0;font-size:9.5px;font-weight:820} .performance-budget-mix-heading span{color:#64748b;font-size:7.5px;font-weight:760;text-transform:uppercase;letter-spacing:.06em} .performance-budget-mix .donut-chart-body{align-items:center} .performance-budget-mix .donut-chart-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;align-items:center} .performance-budget-mix .donut-chart{width:150px;height:150px} .performance-budget-mix .donut-chart-center{inset:33px} .performance-budget-mix .donut-chart-total{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px} .performance-budget-mix .donut-chart-label{font-size:7px} .performance-budget-mix .donut-chart-legend{width:100%;max-width:none;grid-template-columns:1fr;gap:7px} .performance-budget-panel .performance-budget-breakdown{margin-top:18px;border:0;border-top:1px solid var(--performance-divider);border-bottom:1px solid var(--performance-divider);border-radius:0;background:transparent} .performance-budget-panel .performance-budget-breakdown-head{background:rgba(15,23,42,.20)} .performance-budget-panel .performance-budget-breakdown-row{padding-top:10px;padding-bottom:10px} .performance-budget-panel .performance-pacing-status{position:relative;min-width:78px;padding:7px 11px 7px 25px;border-width:1px;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 20px rgba(0,0,0,.20)} .performance-budget-panel .performance-pacing-status::before{content:"";position:absolute;left:11px;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:999px;background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.08),0 0 12px rgba(148,163,184,.24)} .performance-budget-panel .performance-pacing-status.on-pace{border-color:rgba(52,211,153,.58);background:linear-gradient(135deg,rgba(6,95,70,.72),rgba(5,46,39,.72));color:#d1fae5;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(52,211,153,.08),0 8px 24px rgba(0,0,0,.22),0 0 24px rgba(52,211,153,.14)} .performance-budget-panel .performance-pacing-status.on-pace::before{background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.10),0 0 16px rgba(52,211,153,.55)} .performance-budget-panel .performance-pacing-status.under-pace{border-color:rgba(251,191,36,.54);background:linear-gradient(135deg,rgba(120,53,15,.64),rgba(69,26,3,.70));color:#fef3c7;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.22),0 0 22px rgba(251,191,36,.10)} .performance-budget-panel .performance-pacing-status.under-pace::before{background:#fbbf24;box-shadow:0 0 0 4px rgba(251,191,36,.09),0 0 14px rgba(251,191,36,.42)} .performance-budget-panel .performance-pacing-status.over-pace{border-color:rgba(248,113,113,.56);background:linear-gradient(135deg,rgba(127,29,29,.64),rgba(69,10,10,.72));color:#fee2e2;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.22),0 0 22px rgba(248,113,113,.10)} .performance-budget-panel .performance-pacing-status.over-pace::before{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.09),0 0 14px rgba(248,113,113,.42)} .performance-budget-panel .performance-pacing-meta{justify-content:flex-start} .performance-budget-panel .performance-pacing-track{overflow:visible} .performance-budget-panel .performance-pacing-target::before{content:"100%";position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);color:#94a3b8;font-size:8px;font-weight:850;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.65)} @media(max-width:980px){ #performanceWebsiteMetricGrid,#performanceConversionMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))} .performance-budget-main{grid-template-columns:1fr;gap:18px} .performance-budget-mix{padding:16px 0 0;border-left:0;border-top:1px solid var(--performance-divider)} .performance-budget-mix .donut-chart-layout{grid-template-columns:170px minmax(0,1fr)} } @media(max-width:620px){ #performanceWebsiteMetricGrid,#performanceConversionMetricGrid{grid-template-columns:1fr} .performance-executive-summary{padding:16px} .performance-executive-status-row strong{font-size:24px} .performance-budget-panel .performance-budget-summary{grid-template-columns:1fr 1fr} .performance-budget-panel .performance-budget-stat{margin:0;padding:11px 10px 11px 0} .performance-budget-panel .performance-budget-stat:nth-child(2){border-right:0} .performance-budget-panel .performance-budget-stat:nth-child(n+3){border-top:1px solid var(--performance-divider)} .performance-budget-mix .donut-chart-layout{display:flex;flex-direction:column;align-items:center} .performance-budget-mix .donut-chart-legend{width:min(100%,330px)} } /* CLIENT-R547 Performance Overview hierarchy: Executive Summary pairs assessment + trend; Lead & Sales is grouped into Overall Dealership and Internet rows. */ .performance-executive-layout{display:grid;grid-template-columns:minmax(280px,30fr) minmax(0,70fr);gap:18px;align-items:stretch;margin-bottom:30px} .performance-executive-layout.is-trend-only{grid-template-columns:1fr} .performance-executive-layout.is-trend-only .performance-story-summary{grid-column:1/-1} .performance-executive-layout>*{min-width:0} #performanceOverviewSection .performance-story-summary,#performanceTrendSection,#performanceTrendPanel{height:100%;margin:0} #performanceOverviewSection .performance-story-summary{display:flex} #performanceTrendSection{min-width:0;display:flex} #performanceTrendPanel{display:flex;flex-direction:column;flex:1 1 0%;width:100%;min-width:0} #performanceTrendPanel .chart-shell{flex:1;min-height:330px} .performance-executive-summary{height:100%;min-height:0;display:flex;flex-direction:column;padding:24px;border-color:rgba(var(--performance-assessment-rgb),.38);background:radial-gradient(circle at 12% 8%,rgba(var(--performance-assessment-rgb),.24),transparent 42%),radial-gradient(circle at 100% 100%,rgba(var(--performance-assessment-rgb),.08),transparent 46%),linear-gradient(155deg,rgba(17,24,39,.82),rgba(5,8,16,.88));box-shadow:inset 3px 0 0 rgba(var(--performance-assessment-rgb),.70),inset 0 1px 0 rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.24),0 0 34px rgba(var(--performance-assessment-rgb),.08)} .performance-executive-summary-main,.performance-executive-copy{height:auto} .performance-executive-copy{display:flex;flex-direction:column} @property --performance-driver-sweep-angle{syntax:"";inherits:false;initial-value:0deg} .performance-executive-kicker{color:rgba(var(--performance-assessment-rgb),.92);font-weight:700} .performance-executive-status-row{margin-top:12px;align-items:center;gap:10px} .performance-executive-status-row strong{font-size:38px;font-weight:740;line-height:1.02;letter-spacing:-.035em} .performance-executive-status-dot{width:10px;height:10px;flex:0 0 auto} .performance-executive-drivers{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px} .performance-driver-chip{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:10px 11px;border:1px solid rgba(var(--performance-driver-rgb),.32);border-radius:8px;background:linear-gradient(145deg,rgba(var(--performance-driver-rgb),.11),rgba(var(--performance-driver-rgb),.045));font-size:9px;font-weight:560;line-height:1.25;white-space:normal;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease,background .18s ease} .performance-driver-chip::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--performance-driver-sweep-angle),transparent 0deg 314deg,rgba(255,255,255,.08) 320deg,rgba(255,255,255,.88) 331deg,#fff 338deg,rgba(255,255,255,.82) 345deg,rgba(255,255,255,.08) 354deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none;z-index:2;filter:drop-shadow(0 0 4px rgba(255,255,255,.52))} .performance-driver-chip:hover{transform:scale(.975);border-color:rgba(var(--performance-driver-rgb),.62);background:linear-gradient(145deg,rgba(var(--performance-driver-rgb),.16),rgba(var(--performance-driver-rgb),.065));box-shadow:0 0 22px rgba(var(--performance-driver-rgb),.18),0 10px 26px rgba(0,0,0,.18),inset 0 0 18px rgba(var(--performance-driver-rgb),.055)} .performance-driver-chip:hover::before{opacity:1;animation:performanceDriverBorderOrbit 1.55s linear infinite} @keyframes performanceDriverBorderOrbit{to{--performance-driver-sweep-angle:360deg}} .performance-driver-chip>span{min-width:0;color:#cbd5e1;font-weight:560} .performance-driver-chip strong{flex:0 0 auto;color:rgb(var(--performance-driver-rgb));font-size:8.5px;font-weight:680;text-transform:none;letter-spacing:.01em} .performance-executive-summary-text{max-width:none;margin-top:18px;padding-top:16px;border-top:1px solid rgba(var(--performance-assessment-rgb),.16);color:#d8e0ec;font-size:10.5px;font-weight:500;line-height:1.6} .performance-metric-subgroup{margin-top:4px} .performance-metric-subgroup+.performance-metric-subgroup{margin-top:22px} .performance-metric-subgroup-label{margin:0 0 8px 4px;color:#64748b;font-size:8.5px;font-weight:850;letter-spacing:.10em;text-transform:uppercase} #performanceLeadSalesOverallMetricGrid,#performanceLeadSalesInternetMetricGrid{grid-template-columns:repeat(8,minmax(0,1fr));margin:0} #performanceLeadSalesOverallMetricGrid .metric-card,#performanceLeadSalesInternetMetricGrid .metric-card{grid-column:span 2;grid-row:auto} #performanceLeadSalesOverallMetricGrid .metric-card[data-metric-key="total_leads"]{grid-column:2/span 2} #performanceLeadSalesOverallMetricGrid .metric-card[data-metric-key="crm_sales"]{grid-column:4/span 2} #performanceLeadSalesOverallMetricGrid .metric-card[data-metric-key="closing_ratio"]{grid-column:6/span 2} #performanceLeadSalesInternetMetricGrid .metric-card[data-metric-key="internet_leads"]{grid-column:1/span 2} #performanceLeadSalesInternetMetricGrid .metric-card[data-metric-key="internet_sales"]{grid-column:3/span 2} #performanceLeadSalesInternetMetricGrid .metric-card[data-metric-key="cost_per_internet_lead"]{grid-column:5/span 2} #performanceLeadSalesInternetMetricGrid .metric-card[data-metric-key="internet_closing_rate"]{grid-column:7/span 2} @media(max-width:1100px){.performance-executive-layout{grid-template-columns:1fr}.performance-executive-summary{min-height:0}.performance-executive-summary-text{margin-top:18px}} /* CLIENT-R604 Performance Overview adapts cleanly when CRM/FundSphere capabilities are absent. */ .performance-executive-layout.is-trend-only{grid-template-columns:minmax(0,1fr)} .performance-executive-layout.is-trend-only>.performance-trend-inline{grid-column:1/-1;min-width:0} #performanceWebsiteEngagementMetricGrid{grid-auto-flow:row;grid-auto-rows:auto} #performanceWebsiteEngagementMetricGrid>.metric-card{grid-column:auto!important;grid-row:auto!important} @media(max-width:980px){#performanceLeadSalesOverallMetricGrid,#performanceLeadSalesInternetMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#performanceLeadSalesOverallMetricGrid .metric-card,#performanceLeadSalesInternetMetricGrid .metric-card{grid-column:auto!important;grid-row:auto!important}} @media(max-width:620px){.performance-executive-status-row strong{font-size:30px}.performance-executive-drivers{grid-template-columns:1fr}#performanceLeadSalesOverallMetricGrid,#performanceLeadSalesInternetMetricGrid{grid-template-columns:1fr}} /* CLIENT-R555 Executive Summary balance: narrower assessment, single-column drivers, matched panel heights. */ @media(min-width:1101px){ #performanceTrendPanel{padding:20px} #performanceTrendPanel .panel-head{margin-bottom:8px} #performanceTrendPanel .trend-meta{margin-top:-1px;margin-bottom:2px} #performanceTrendPanel .chart-shell{flex:1 1 auto;height:auto;min-height:280px} #performanceTrendPanel .chart-shell>svg{height:100%;min-height:280px} } /* CLIENT-R560 Performance Overview executive assessment driver-row refinement. */ .performance-executive-summary{ padding:24px; border:1px solid rgba(168,85,247,.22); border-radius:13px; background:radial-gradient(circle at 8% 0,rgba(168,85,247,.075),transparent 36%),linear-gradient(155deg,rgba(13,10,27,.96),rgba(5,8,17,.94)); box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 38px rgba(0,0,0,.22),0 0 28px rgba(88,28,135,.055) } .performance-executive-kicker{color:#b794d4;font-size:8px;font-weight:780;letter-spacing:.08em} .performance-executive-kicker-row{gap:8px} .performance-executive-kicker-row .scope-info{width:16px;height:16px;border-color:rgba(148,163,184,.18);background:transparent;color:#64748b;box-shadow:none} .performance-executive-status-row{margin-top:13px;gap:11px} .performance-executive-status-row strong{font-size:31px;font-weight:760;line-height:1.04;letter-spacing:-.035em} .performance-executive-status-dot{width:9px;height:9px;box-shadow:0 0 0 5px rgba(var(--performance-assessment-rgb),.075),0 0 16px rgba(var(--performance-assessment-rgb),.30)} .performance-executive-drivers{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px} .performance-driver-chip{ width:100%; min-width:0; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 0; border:0; border-bottom:1px solid rgba(168,85,247,.12); border-radius:0; background:transparent; box-shadow:none; transition:none } .performance-driver-chip:last-child{border-bottom:0} .performance-driver-chip::before{content:none} .performance-driver-chip:hover{transform:none;border-color:rgba(168,85,247,.12);background:transparent;box-shadow:none} .performance-driver-chip>span{min-width:0;color:#cbd5e1;font-size:9px;font-weight:650;line-height:1.3} .performance-driver-chip strong{ flex:0 0 auto; padding:5px 10px; border:1px solid rgba(var(--performance-driver-rgb),.30); border-radius:999px; background:rgba(var(--performance-driver-rgb),.13); color:rgb(var(--performance-driver-rgb)); font-size:8.5px; font-weight:760; line-height:1; box-shadow:0 0 12px rgba(var(--performance-driver-rgb),.055); transition:transform .16s ease,filter .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease } .performance-driver-chip strong:hover{ transform:translateY(-1px) scale(1.035); filter:brightness(1.08); border-color:rgba(var(--performance-driver-rgb),.48); background:rgba(var(--performance-driver-rgb),.18); box-shadow:0 0 18px rgba(var(--performance-driver-rgb),.18),0 5px 14px rgba(0,0,0,.16) } .performance-driver-chip.is-unavailable strong{border-color:rgba(100,116,139,.24);background:rgba(100,116,139,.10);color:#94a3b8} .performance-driver-chip.is-unavailable strong:hover{border-color:rgba(148,163,184,.38);background:rgba(100,116,139,.16);box-shadow:0 0 16px rgba(148,163,184,.12),0 5px 14px rgba(0,0,0,.14)} .performance-executive-summary-text{margin-top:20px;padding-top:17px;border-top:1px solid rgba(168,85,247,.16);color:#94a3b8;font-size:9.5px;font-weight:500;line-height:1.62} @media(max-width:620px){ .performance-executive-summary{padding:18px} .performance-executive-status-row strong{font-size:26px} .performance-driver-chip{padding:10px 0} .performance-executive-summary-text{margin-top:16px;padding-top:14px} } /* CLIENT-R561 Performance Overview executive assessment row-hover refinement. */ .performance-executive-summary{overflow:visible} .performance-driver-chip{position:relative;z-index:0;transition:background .16s ease,color .16s ease} .performance-driver-chip:hover{z-index:2;background:rgba(168,85,247,.025)} .performance-driver-chip:hover>span{color:#e2e8f0} .performance-driver-chip strong{transform-origin:right center} .performance-driver-chip:hover strong,.performance-driver-chip strong:hover{ transform:translateY(-1px) scale(1.035); filter:brightness(1.08); border-color:rgba(var(--performance-driver-rgb),.48); background:rgba(var(--performance-driver-rgb),.18); box-shadow:0 0 18px rgba(var(--performance-driver-rgb),.18),0 5px 14px rgba(0,0,0,.16) } .performance-driver-chip.is-unavailable:hover strong,.performance-driver-chip.is-unavailable strong:hover{ border-color:rgba(148,163,184,.38); background:rgba(100,116,139,.16); box-shadow:0 0 16px rgba(148,163,184,.12),0 5px 14px rgba(0,0,0,.14) } @media(prefers-reduced-motion:reduce){ .performance-driver-chip,.performance-driver-chip strong{transition:none!important} .performance-driver-chip:hover strong,.performance-driver-chip strong:hover{transform:none!important} } /* CLIENT-R562 Media Budget & Pacing hierarchy refinement: summary card first, then source detail + spend mix. */ .performance-budget-panel{overflow:visible} .performance-budget-panel .panel-head{margin-bottom:0;padding-bottom:16px;border-bottom:1px solid rgba(168,85,247,.14)} .performance-budget-summary-card{margin-top:22px;padding:21px 22px 19px;border:1px solid rgba(168,85,247,.18);border-radius:10px;background:radial-gradient(circle at 12% 0,rgba(168,85,247,.055),transparent 38%),linear-gradient(155deg,rgba(12,9,24,.76),rgba(5,8,16,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 32px rgba(0,0,0,.10)} .performance-budget-panel .performance-budget-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px;margin:0 0 24px;border:0} .performance-budget-panel .performance-budget-stat{min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none} .performance-budget-panel .performance-budget-stat span{color:#71809a;font-size:8px;font-weight:820;letter-spacing:.075em} .performance-budget-panel .performance-budget-stat strong{margin-top:7px;font-size:22px;font-weight:790;line-height:1.05;letter-spacing:-.03em;color:#f8fafc} .performance-budget-panel .performance-budget-stat:nth-child(2) strong{color:#d8b4fe} .performance-budget-panel .performance-budget-value-tone.under-pace{color:#facc15} .performance-budget-panel .performance-budget-value-tone.on-pace{color:#34d399} .performance-budget-panel .performance-budget-value-tone.over-pace{color:#fb7185} .performance-budget-panel .performance-budget-value-tone.unavailable{color:#94a3b8} .performance-budget-panel .performance-budget-remaining.is-positive{color:#34d399} .performance-budget-panel .performance-budget-remaining.is-negative{color:#fb7185} .performance-budget-panel .performance-pacing-visual{margin:0} .performance-budget-panel .performance-pacing-meta{justify-content:space-between;margin-bottom:9px;color:#94a3b8;font-size:8.5px;font-weight:650} .performance-budget-panel .performance-pacing-meta span:first-child{color:#94a3b8} .performance-budget-panel .performance-pacing-target-label{color:#64748b;font-weight:720} .performance-budget-panel .performance-pacing-track{height:9px;overflow:visible;border-color:rgba(148,163,184,.12);background:rgba(15,23,42,.62);box-shadow:inset 0 1px 2px rgba(0,0,0,.30)} .performance-budget-panel .performance-pacing-fill{box-shadow:0 0 14px rgba(168,85,247,.16)} .performance-budget-panel .performance-pacing-fill.under-pace{background:linear-gradient(90deg,#8b5cf6 0%,#c084fc 26%,#f59e0b 70%,#facc15 100%);box-shadow:0 0 13px rgba(250,204,21,.18)} .performance-budget-panel .performance-pacing-fill.on-pace{background:linear-gradient(90deg,#8b5cf6 0%,#22c55e 58%,#34d399 100%);box-shadow:0 0 13px rgba(52,211,153,.18)} .performance-budget-panel .performance-pacing-fill.over-pace{background:linear-gradient(90deg,#8b5cf6 0%,#f59e0b 52%,#fb7185 100%);box-shadow:0 0 13px rgba(251,113,133,.18)} .performance-budget-panel .performance-pacing-target{top:-5px;bottom:-5px;background:rgba(226,232,240,.66)} .performance-budget-panel .performance-pacing-target::before{content:none} .performance-budget-lower{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(290px,.85fr);gap:26px;align-items:start;margin-top:28px} .performance-budget-panel .performance-budget-breakdown{min-width:0;margin:0;overflow:visible;border:0;border-top:1px solid rgba(168,85,247,.14);border-bottom:1px solid rgba(168,85,247,.14);border-radius:0;background:transparent} .performance-budget-panel .performance-budget-breakdown-head,.performance-budget-panel .performance-budget-breakdown-row{grid-template-columns:minmax(150px,1.35fr) repeat(4,minmax(82px,.82fr)) minmax(90px,.76fr);gap:12px;padding:11px 10px} .performance-budget-panel .performance-budget-breakdown-head{border-bottom:1px solid rgba(168,85,247,.14);background:transparent;color:#71809a;font-size:7.5px;font-weight:820} .performance-budget-panel .performance-budget-breakdown-row{min-height:50px;border-bottom:1px solid rgba(148,163,184,.075);font-size:9.5px;transition:background .16s ease,transform .16s ease} .performance-budget-panel .performance-budget-breakdown-row:last-child{border-bottom:0} .performance-budget-panel .performance-budget-breakdown-row:hover{background:rgba(168,85,247,.035)} .performance-budget-panel .performance-budget-breakdown-row strong{font-weight:750;color:#e2e8f0} .performance-budget-source{display:flex;align-items:center;gap:9px;min-width:0} .performance-budget-source>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .performance-budget-source-dot{width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:var(--performance-budget-source-color,#a855f7);box-shadow:0 0 9px color-mix(in srgb,var(--performance-budget-source-color,#a855f7) 58%,transparent)} .performance-budget-panel .performance-budget-breakdown-row>span{color:#cbd5e1;font-weight:620} .performance-budget-panel .performance-budget-breakdown-row .performance-budget-used{font-weight:790} .performance-budget-panel .performance-budget-used.under-pace{color:#facc15}.performance-budget-panel .performance-budget-used.on-pace{color:#34d399}.performance-budget-panel .performance-budget-used.over-pace{color:#fb7185}.performance-budget-panel .performance-budget-used.unavailable{color:#94a3b8} .performance-budget-panel .performance-budget-breakdown-row .is-positive{color:#cbd5e1}.performance-budget-panel .performance-budget-breakdown-row .is-negative{color:#fca5a5} .performance-budget-panel .performance-pacing-mini{padding:4px 8px;font-size:7.5px;font-weight:780} .performance-budget-mix{min-width:0;padding:0 0 0 26px;border:0;border-left:1px solid rgba(168,85,247,.18);border-radius:0;background:transparent;box-shadow:none} .performance-budget-mix-heading{margin-bottom:10px;padding-bottom:0;border-bottom:0} .performance-budget-mix-heading strong{font-size:10px;color:#dbe3f0}.performance-budget-mix-heading span{font-size:7.5px;color:#9f7aba} .performance-budget-mix .donut-chart-body{align-items:flex-start} .performance-budget-mix .donut-chart-layout{display:flex;flex-direction:column;align-items:center;gap:11px} .performance-budget-mix .donut-chart{width:164px;height:164px} .performance-budget-mix .donut-chart-center{inset:36px} .performance-budget-mix .donut-chart-total{max-width:92px;font-size:17px} .performance-budget-mix .donut-chart-label{font-size:7px} .performance-budget-mix .donut-chart-legend{width:100%;max-width:none;grid-template-columns:1fr;gap:7px;padding-top:10px;border-top:1px solid rgba(168,85,247,.12)} .performance-budget-mix .donut-chart-item{font-size:9px}.performance-budget-mix .donut-chart-swatch{width:8px;height:8px;box-shadow:0 0 9px rgba(217,70,239,.30)} .performance-budget-mix .donut-chart-name{font-weight:680}.performance-budget-mix .donut-chart-share{font-weight:850;color:#f8fafc} @media(max-width:1100px){ .performance-budget-lower{grid-template-columns:1fr;gap:18px} .performance-budget-mix{max-width:none;padding:18px 0 0;border-left:0;border-top:1px solid rgba(168,85,247,.18)} .performance-budget-mix .donut-chart-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:center} .performance-budget-mix .donut-chart-legend{padding-top:0;padding-left:16px;border-top:0;border-left:1px solid rgba(168,85,247,.12)} } @media(max-width:980px){ .performance-budget-panel .performance-budget-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px} .performance-budget-panel .performance-budget-breakdown{overflow-x:auto} .performance-budget-panel .performance-budget-breakdown-head,.performance-budget-panel .performance-budget-breakdown-row{min-width:720px} } @media(max-width:620px){ .performance-budget-panel .panel-head{align-items:flex-start;flex-direction:column;padding-bottom:14px} .performance-budget-summary-card{margin-top:18px;padding:17px 16px} .performance-budget-panel .performance-budget-summary{grid-template-columns:1fr 1fr;gap:18px 14px;margin-bottom:20px} .performance-budget-panel .performance-budget-stat{margin:0;padding:0;border:0!important} .performance-budget-panel .performance-budget-stat strong{font-size:18px} .performance-budget-panel .performance-pacing-meta{align-items:flex-start;font-size:8px} .performance-budget-panel .performance-pacing-target-label{text-align:right} .performance-budget-lower{margin-top:20px} .performance-budget-mix{padding:18px 0 0} .performance-budget-mix .donut-chart-layout{display:flex;flex-direction:column;align-items:center} .performance-budget-mix .donut-chart-legend{width:100%;padding-top:10px;padding-left:0;border-top:1px solid rgba(168,85,247,.12);border-left:0} } /* CLIENT-R564 Media Budget & Pacing surface + shared donut refinement. */ .performance-budget-summary-card{border:0} .performance-budget-panel .performance-pacing-meta{justify-content:flex-start} .performance-budget-panel .performance-pacing-target-label{display:none} .performance-budget-panel .performance-pacing-target::before{ content:"100%"; position:absolute; left:50%; bottom:calc(100% + 5px); transform:translateX(-50%); color:#94a3b8; font-size:8px; font-weight:850; letter-spacing:.02em; white-space:nowrap; text-shadow:0 1px 8px rgba(0,0,0,.65) } /* Paid media mix follows the canonical shared donut-chart composition without a local chart/legend divider. */ .performance-budget-mix .donut-chart-layout{ width:100%; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:12px } .performance-budget-mix .donut-chart{width:220px;height:220px} .performance-budget-mix .donut-chart-center{inset:47px} .performance-budget-mix .donut-chart-total{max-width:none;font-size:22px} .performance-budget-mix .donut-chart-label{font-size:8.5px} .performance-budget-mix .donut-chart-legend{ width:min(100%,360px); max-width:360px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 18px; padding:0; border:0 } .performance-budget-mix .donut-chart-item{ flex:0 1 160px; min-width:0; font-size:9.5px } .performance-budget-mix .donut-chart-swatch{width:8px;height:8px;box-shadow:0 0 7px rgba(168,85,247,.18)} .performance-budget-mix .donut-chart-name{font-weight:700} @media(max-width:620px){ .performance-budget-mix .donut-chart{width:190px;height:190px} .performance-budget-mix .donut-chart-center{inset:41px} .performance-budget-mix .donut-chart-total{font-size:19px} } /* CLIENT-R565 Media Budget & Pacing status animation + donut copy refinement. */ .performance-budget-panel .performance-pacing-status{ --performance-pace-rgb:148,163,184; will-change:transform,box-shadow; animation:performancePacingStatusBreath 3.2s ease-in-out infinite } .performance-budget-panel .performance-pacing-status.on-pace{--performance-pace-rgb:52,211,153} .performance-budget-panel .performance-pacing-status.under-pace{--performance-pace-rgb:251,191,36} .performance-budget-panel .performance-pacing-status.over-pace{--performance-pace-rgb:248,113,113} .performance-budget-panel .performance-pacing-status::before{ animation:performancePacingStatusDot 2s ease-in-out infinite } @keyframes performancePacingStatusBreath{ 0%,100%{ transform:translateY(0); box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px rgba(0,0,0,.22),0 0 14px rgba(var(--performance-pace-rgb),.10) } 50%{ transform:translateY(-1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.24),0 0 25px rgba(var(--performance-pace-rgb),.24) } } @keyframes performancePacingStatusDot{ 0%,100%{ transform:translateY(-50%) scale(1); box-shadow:0 0 0 4px rgba(var(--performance-pace-rgb),.09),0 0 14px rgba(var(--performance-pace-rgb),.42) } 50%{ transform:translateY(-50%) scale(1.18); box-shadow:0 0 0 6px rgba(var(--performance-pace-rgb),.06),0 0 21px rgba(var(--performance-pace-rgb),.68) } } .performance-budget-mix-heading{justify-content:flex-start} @media(prefers-reduced-motion:reduce){ .performance-budget-panel .performance-pacing-status, .performance-budget-panel .performance-pacing-status::before{animation:none!important} } /* CLIENT-R566 Media Budget shared-table + divider refinement. */ .performance-budget-panel .panel-head{border-bottom:0} .performance-budget-panel .performance-budget-breakdown{border-top:0} .performance-budget-breakdown .data-table-wrap{max-height:none;overflow-y:visible} .performance-budget-data-table{width:100%;table-layout:fixed;background:transparent} .performance-budget-data-table th{background:transparent;font-size:7.5px} .performance-budget-data-table th,.performance-budget-data-table td{padding-left:10px;padding-right:10px} .performance-budget-data-table th:first-child,.performance-budget-data-table td:first-child{width:25%;text-align:left} .performance-budget-data-table th:nth-child(2),.performance-budget-data-table td:nth-child(2), .performance-budget-data-table th:nth-child(3),.performance-budget-data-table td:nth-child(3), .performance-budget-data-table th:nth-child(4),.performance-budget-data-table td:nth-child(4), .performance-budget-data-table th:nth-child(5),.performance-budget-data-table td:nth-child(5){width:15.2%} .performance-budget-data-table th:nth-child(6),.performance-budget-data-table td:nth-child(6){width:14.2%} .performance-budget-data-table td{height:50px;font-size:9.5px} .performance-budget-data-table .performance-budget-source{font-weight:750;color:#e2e8f0} .performance-budget-data-table .performance-budget-used{font-weight:790} .performance-budget-data-table .is-negative{color:#fca5a5} .performance-budget-data-table .data-table-chip{padding:4px 8px;font-size:7.5px;font-weight:780} @media(max-width:980px){.performance-budget-data-table{min-width:720px}} /* R569 shared theme polish with R570 fixed-background, tighter-radius, and Stitch trend-chart refinements. */ body{ font-family:"Plus Jakarta Sans","Inter","Segoe UI",Arial,sans-serif; background: radial-gradient(1100px 720px at 14% -4%,rgba(107,33,168,.20),transparent 58%), radial-gradient(940px 680px at 88% 10%,rgba(219,39,119,.105),transparent 60%), radial-gradient(980px 760px at 46% 62%,rgba(79,70,229,.075),transparent 68%), linear-gradient(180deg,#080311 0%,#090611 42%,#05070c 100%); background-attachment:fixed; } input,textarea,select{font-family:"Plus Jakarta Sans","Inter","Segoe UI",Arial,sans-serif} .eng-search-input{font-family:"Plus Jakarta Sans","Inter","Segoe UI",Arial,sans-serif} .trend-series-stable{filter:drop-shadow(0 0 8px rgba(192,38,211,.65))} .trend-series-provisional{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--trend-series-color) 58%,transparent))} .trend-point{filter:drop-shadow(0 0 6px rgba(168,85,247,.90))} .trend-point.is-provisional{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--trend-point-color) 78%,transparent))} @media(prefers-reduced-motion:reduce){.trend-series,.trend-point{transition:none!important}} /* R570 comparison legend mirrors the Stitch dashed prior-period key. */ .legend-dot.comparison{width:12px;height:0;border-radius:0;background:transparent;border-top:1.5px dashed #94a3b8;box-shadow:none} /* CLIENT-R575 desktop density baseline: keep 85% app scale with tuned primary typography. */ @media(min-width:981px){ body{zoom:.85} .dashboard-shell{min-height:117.647059vh} .dashboard-sidebar{height:117.647059vh} .hero h1{font-size:52px} .hero-subtitle{font-size:12.5px} .section-title{font-size:18.5px} .chart-title{font-size:17px} .metric-value{font-size:31px} .metric-card[data-metric-emphasis="primary"] .metric-value{font-size:33px} .metric-card[data-metric-emphasis="supporting"] .metric-value{font-size:29px} } /* Immediate feedback for cold/range-refresh platform switches. */ .sidebar-link.platform-pending{color:#fff;background:rgba(168,85,247,.10);box-shadow:inset 0 0 0 1px rgba(192,132,252,.16),0 0 16px rgba(168,85,247,.10)} .sidebar-link.platform-pending>svg{color:#e9d5ff;filter:drop-shadow(0 0 6px rgba(192,132,252,.52));animation:sidebarPlatformPendingPulse .72s ease-in-out infinite alternate} .sidebar-link.platform-pending .sidebar-link-badge{position:relative;min-width:27px;color:transparent} .sidebar-link.platform-pending .sidebar-link-badge::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-5.5px 0 0 -5.5px;border:2px solid rgba(216,180,254,.24);border-top-color:#e9d5ff;border-right-color:#a78bfa;border-radius:50%;animation:dashboardLoadingSpin .72s linear infinite} @keyframes sidebarPlatformPendingPulse{from{opacity:.62;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}} @media(prefers-reduced-motion:reduce){.sidebar-link.platform-pending>svg,.sidebar-link.platform-pending .sidebar-link-badge::after{animation:none}} /* JSON-backed dashboard authentication */ body.auth-pending{overflow:hidden} body.auth-pending .dashboard-shell, body.auth-pending .sidebar-mobile-trigger, body.auth-pending .sidebar-mobile-backdrop, body.auth-pending .install-offer, body.auth-pending .install-onboarding{visibility:hidden} .auth-gate{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 22% 18%,rgba(147,51,234,.18),transparent 34%),radial-gradient(circle at 82% 78%,rgba(217,70,239,.12),transparent 32%),#06080e} .auth-gate[hidden]{display:none} .auth-card{width:min(420px,100%);padding:34px 32px 30px;border:1px solid rgba(168,85,247,.28);border-radius:16px;background:linear-gradient(145deg,rgba(17,20,33,.98),rgba(8,11,20,.98));box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.02) inset,0 0 50px rgba(126,34,206,.12);backdrop-filter:blur(20px)} .auth-brand{display:grid;place-items:center;width:46px;height:46px;margin-bottom:22px;border:1px solid rgba(216,180,254,.26);border-radius:12px;background:linear-gradient(145deg,rgba(126,34,206,.38),rgba(49,46,129,.34));color:#f5f3ff;font-size:14px;font-weight:800;letter-spacing:.04em;box-shadow:0 12px 32px rgba(88,28,135,.2)} .auth-kicker{color:#a78bfa;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} .auth-card h1{margin:8px 0 0;color:#f8fafc;font-size:28px;line-height:1.15;letter-spacing:-.035em} .auth-description{margin:10px 0 24px;color:#94a3b8;font-size:13px;line-height:1.55} .auth-form{display:grid;gap:15px} .auth-field{display:grid;gap:7px;color:#cbd5e1;font-size:11px;font-weight:700;letter-spacing:.02em} .auth-field input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(148,163,184,.2);border-radius:10px;outline:none;background:rgba(15,23,42,.72);color:#f8fafc;font:inherit;font-size:13px;font-weight:600;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease} .auth-field input:focus{border-color:rgba(192,132,252,.7);background:rgba(15,23,42,.92);box-shadow:0 0 0 3px rgba(168,85,247,.12)} .auth-error{min-height:18px;margin-top:-3px;color:#fda4af;font-size:11px;font-weight:650;line-height:1.45} .auth-submit{height:44px;border:1px solid rgba(216,180,254,.3);border-radius:10px;background:linear-gradient(135deg,#7c3aed,#a855f7 55%,#c026d3);color:#fff;font-size:12px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 28px rgba(126,34,206,.26);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease} .auth-submit:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 34px rgba(126,34,206,.32)} .auth-submit:disabled{cursor:wait;opacity:.65;transform:none;filter:none} .sidebar-auth-user{flex:1;min-width:0;color:#94a3b8;font-size:9px} .dashboard-sidebar .sidebar-footer-card .sidebar-footer-copy[hidden]{display:none!important} .sidebar-footer-copy{flex:1} .sidebar-footer-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sidebar-auth-user-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e1;font-weight:700} .sidebar-auth-logout{display:block;min-height:22px;margin-top:2px;border:0;padding:2px 0;background:transparent;color:#a78bfa;font:inherit;font-weight:800;cursor:pointer} .sidebar-auth-logout:disabled{opacity:.6;cursor:wait} @media(max-width:980px){.sidebar-auth-logout{min-height:32px}} .sidebar-auth-logout:hover,.sidebar-auth-logout:focus-visible{color:#e9d5ff;text-decoration:underline;text-underline-offset:2px} @media(max-width:560px){.auth-gate{padding:16px}.auth-card{padding:28px 22px 24px}.auth-card h1{font-size:24px}} @media(prefers-reduced-motion:reduce){.auth-field input,.auth-submit{transition:none}.auth-submit:hover{transform:none}} /* CLIENT-R608: retain the full assessment card and explain shared CRM scope. */ .crm-reporting-scope{margin:0 0 16px;padding:12px 16px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(15,23,42,.4);color:#cbd5e1;font-size:11px;line-height:1.6} .performance-driver-chip.is-unavailable strong{color:#94a3b8} .performance-executive-summary.is-unavailable .performance-executive-status-dot,.performance-executive-summary.is-unavailable .performance-executive-status-dot::after{animation:none}