/* Wyli workspace chrome; native reporting remains the content area. */
/* Original self-hosted Roboto assets, served by this installation. */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url('https://wyli.ru/api/workspace/assets/openreplay/assets/fonts/roboto-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--wyli-navigation-height:56px;--wyli-footer-height:0px;--wyli-canvas:#f4f7fa;--wyli-ink:#263e50;--wyli-muted:#586e7f}
html{color-scheme:light;background:var(--wyli-canvas)}html.dark,html[data-theme="dark"]{color-scheme:dark!important;--wyli-canvas:#14212b;--wyli-ink:#e1e9f0;--wyli-muted:#adbfcf}
body.wyli-native-shell{background:var(--wyli-canvas);color:var(--wyli-ink)}
body.wyli-native-shell{margin:0;display:grid;grid-template-rows:var(--wyli-navigation-height) minmax(0,1fr)!important;height:100dvh;overflow:hidden}
.wyli-handoff-shell{margin:0;display:grid;grid-template-rows:var(--wyli-navigation-height) minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--wyli-canvas);color:var(--wyli-ink)}
.wyli-handoff-content{display:grid;place-items:center;min-height:0;font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;padding:24px}
.wyli-handoff-content p{margin:0;color:var(--wyli-muted)}
.wyli-handoff-content noscript{display:block;margin-top:16px}
.wyli-handoff-content a{color:var(--wyli-ink);text-underline-offset:3px}
.wyli-navigation{--nav-bg:#f7f9fb;--nav-text:#465c6f;--nav-current-bg:#dfe9f1;--nav-current-text:#244761;--nav-border:#dce4eb;--nav-hover:#e9eff4;box-sizing:border-box;display:flex;align-items:center;gap:24px;height:var(--wyli-navigation-height);padding:0 20px;border-bottom:1px solid var(--nav-border);background:var(--nav-bg);color:var(--nav-text);font:14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;position:relative;z-index:40;min-width:0}
.wyli-navigation a{box-sizing:border-box;color:var(--nav-text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;padding:0 12px;border-radius:8px;transition:background-color .15s,color .15s}
.wyli-navigation a:hover{background:var(--nav-hover);color:var(--nav-current-text)}
.wyli-navigation a[aria-current="page"]{color:var(--nav-current-text);background:var(--nav-current-bg);font-weight:600}
.wyli-navigation a:focus-visible{outline:2px solid var(--nav-current-text);outline-offset:2px}
.wyli-navigation .wyli-nav-brand{flex-shrink:0;font-size:0;font-weight:650;color:var(--nav-current-text);gap:8px;padding:0 4px;letter-spacing:-.5px;background:transparent}
.wyli-navigation .wyli-nav-brand::before{content:"W";display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#355b76;color:#fff;font:500 21px/1 system-ui,sans-serif}
.wyli-navigation .wyli-nav-brand span{font-size:19px}
.wyli-navigation nav{display:flex;gap:4px;min-width:0}
.wyli-navigation .wyli-nav-manage{margin-left:auto;font-size:12px;flex-shrink:0}
body.wyli-native-shell>.wyli-native-content{min-width:0;min-height:0;height:100%;overflow:auto}
.wyli-native-content .h-dvh,.wyli-native-content .h-screen{height:calc(100dvh - var(--wyli-navigation-height) - var(--wyli-footer-height))!important}
.wyli-native-content #app{height:100%}
.dark .wyli-navigation,[data-theme="dark"] .wyli-navigation{--nav-bg:#1b2832;--nav-text:#dce5ed;--nav-current-bg:#354f63;--nav-current-text:#fff;--nav-border:#354552;--nav-hover:#2a3e4d}
.dark body.feedback-page{--tblr-bg-surface:#1d2a35;--tblr-bg-surface-primary:#1d2a35;--tblr-bg-surface-secondary:#14212b;--tblr-bg-surface-tertiary:#263b4b;--tblr-border-color:#354552;--tblr-border-color-translucent:#354552;--tblr-body-color:#e1e9f0;--tblr-body-bg:#14212b;--tblr-link-color:#cadcea;background:var(--wyli-canvas);color:var(--wyli-ink)}
.dark .feedback-page .feedback-survey-button{background:#1d2a35;border-color:#354552;color:#e1e9f0}.dark .feedback-page .feedback-survey-button.active{background:#2a3e4d}.dark .feedback-page .feedback-survey-button small,.dark .feedback-page .text-secondary{color:#adbfcf!important}.dark .feedback-page .feedback-question,.dark .feedback-page .feedback-stat{border-color:#354552}.dark .feedback-page .feedback-preview-dialog{background:#1d2a35;color:#e1e9f0;border-color:#354552}
@media(max-width:1100px){.wyli-navigation{gap:12px;padding:0 12px}.wyli-navigation a{padding:0 9px}}
@media(max-width:850px){.wyli-navigation{gap:6px;padding:0 10px}.wyli-navigation nav a{font-size:12px;padding:0 8px}.wyli-navigation .wyli-nav-manage{font-size:11px;padding:0 6px}.wyli-navigation .wyli-nav-brand span{font-size:17px}}
@media(prefers-reduced-motion:reduce){.wyli-navigation a{transition:none}}

/* One left navigation and one report surface. Native reports retain their own charts and controls. */
.wyli-workspace-sidebar,.wyli-workspace-sidebar *,.wyli-sidebar-shell .research-page{box-sizing:border-box}
body.wyli-sidebar-shell{--wyli-navigation-height:0px;grid-template-columns:248px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
body.wyli-analytics-shell{--wyli-navigation-height:0px;grid-template-rows:minmax(0,1fr)!important}
.wyli-workspace-sidebar,.wyli-site-sidebar{box-sizing:border-box;width:248px;min-width:248px;background:#f7f9fb;color:#263e50;border-right:1px solid #dce4eb;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.wyli-workspace-sidebar.wyli-navigation{height:100dvh;padding:0;display:flex;flex-direction:column;gap:0;align-items:stretch;border-bottom:0;min-height:0}
.wyli-sidebar-top{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 18px;border-bottom:1px solid #dce4eb;flex-shrink:0}
.wyli-workspace-sidebar nav{display:block;min-height:0;overflow:auto;padding:12px;flex:1}
.wyli-workspace-sidebar nav a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;border-radius:8px;padding:8px 12px;white-space:normal;font-size:14px}
.wyli-sidebar-heading{font:500 12px/1.5 var(--wyli-font-sans,system-ui,sans-serif);color:var(--wyli-muted,#536f82);margin:18px 12px 6px}
.wyli-menu-toggle{display:none;min-height:44px;min-width:44px;align-items:center;justify-content:center;border:1px solid #b9cbd8;background:transparent;border-radius:8px;color:inherit;font-size:22px}
.wyli-site-sidebar .wyli-sidebar-top{padding:12px 20px}.wyli-site-sidebar .wyli-native-brand{display:flex;align-items:center;gap:9px;min-height:44px;color:inherit;font-size:21px;font-weight:650;text-decoration:none}.wyli-native-brand::before{content:'W';display:grid;place-items:center;background:#355b76;color:#fff;width:32px;height:32px;border-radius:9px;font:500 24px/1 system-ui,sans-serif}
.wyli-sidebar-account{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px 20px;border-top:1px solid #dce4eb}.wyli-sidebar-account span{font-size:12px;overflow-wrap:anywhere;min-width:0}
.wyli-owned-page{width:100%;max-width:none!important;padding:28px 24px 48px}.wyli-sidebar-shell .recommendations-page,.wyli-sidebar-shell .research-page,.wyli-sidebar-shell .admin-page{width:100%;max-width:none;margin:0;padding:28px 24px 48px}
.wyli-cross-app-links{display:grid;gap:2px;padding:8px 0 12px;margin-bottom:8px;border-bottom:1px solid #dce4eb}.wyli-cross-app-links a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:8px;color:inherit;text-decoration:none;font:14px/1.4 system-ui,sans-serif}.wyli-cross-app-links a:hover{background:#e1eaf1}
.dark .wyli-workspace-sidebar,.dark .wyli-site-sidebar,[data-theme="dark"] .wyli-workspace-sidebar{background:#1b2832;color:#e1e9f0;border-color:#354552}.dark .wyli-sidebar-top,.dark .wyli-sidebar-account,.dark .wyli-cross-app-links{border-color:#354552}.dark .wyli-sidebar-heading{color:#adbfcf}.dark .wyli-cross-app-links a:hover{background:#2a3e4d}
@media(max-width:767px){body.wyli-sidebar-shell{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px minmax(0,1fr)!important}.wyli-workspace-sidebar.wyli-navigation{width:100%;min-width:0;height:64px;border-right:0;border-bottom:1px solid #dce4eb;z-index:80}.wyli-sidebar-top{min-height:64px;padding:8px 16px}.wyli-menu-toggle{display:inline-flex}.wyli-workspace-sidebar nav{display:none;position:absolute;inset:64px 0 auto 0;max-height:calc(100dvh - 64px);background:inherit;border-bottom:1px solid #354552;box-shadow:0 12px 20px #0002}.wyli-workspace-sidebar.wyli-menu-open nav{display:block}.wyli-sidebar-shell .recommendations-page,.wyli-sidebar-shell .research-page,.wyli-sidebar-shell .admin-page,.wyli-owned-page{padding:24px 16px 40px}.wyli-site-sidebar{height:100dvh!important}}

.wyli-sidebar-account>button{width:44px!important;height:44px!important}
.wyli-category-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.wyli-category-buttons button{box-sizing:border-box;min-height:44px;flex:1 0 auto;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#586e7f;font:500 12px/1.3 system-ui,sans-serif;cursor:pointer}.wyli-category-buttons button:hover{background:#e9eff4;color:#244761}.wyli-category-buttons button[aria-pressed="true"]{background:#dfe9f1;color:#244761;border-color:#c8d8e5}.wyli-category-buttons button:focus-visible{outline:2px solid var(--wyli-focus,#356789);outline-offset:2px}.dark .wyli-category-buttons button{color:#adbfcf}.dark .wyli-category-buttons button:hover{background:#2a3e4d;color:#fff}.dark .wyli-category-buttons button[aria-pressed="true"]{background:#354f63;border-color:#496478;color:#fff}
/* Reports with a native mobile trigger keep it; other reports retain the layout fallback. */
@media(max-width:767px){.wyli-analytics-shell .wyli-native-content .min-h-full>.md\:hidden:has(~.min-w-0.flex-1 button[aria-label="Открыть меню"]){display:none}}

/* Keep the sole native menu reachable while its report scrolls. A 44px
   control, 24px padding and 1px border need 69px plus 8px focus clearance. */
@media(max-width:767px){
  .wyli-analytics-shell .wyli-site-scroll{scroll-padding-top:77px;scroll-padding-bottom:8px}
  .wyli-analytics-shell .wyli-mobile-site-header{position:sticky;top:0;z-index:40;flex-shrink:0;box-sizing:border-box;min-height:69px;background:var(--wyli-panel);border-color:var(--wyli-line)}
  .wyli-analytics-shell .wyli-mobile-site-header button{min-height:44px;min-width:44px}
  .wyli-analytics-shell .wyli-site-scroll :is(a,button,input,select,textarea,summary,[tabindex]){scroll-margin-block:8px}
}

/* Shared workbench tokens. Report adapters consume the same scale in their scope. */
:root{--wyli-font-sans:Roboto,"Segoe UI",system-ui,-apple-system,sans-serif;--wyli-panel:#fff;--wyli-inset:#eaf0f4;--wyli-line:#cdd9e2;--wyli-data:#356789;--wyli-comparison:#8d4e24;--wyli-focus:#356789;--wyli-control-border:#6c879b;--wyli-radius:14px;--wyli-canvas:#f3f6f8;--wyli-ink:#243f52;--wyli-muted:#536f82}
html.dark,html[data-theme="dark"]{--wyli-panel:#1b2a36;--wyli-inset:#203441;--wyli-line:#334b5d;--wyli-data:#85b4d4;--wyli-comparison:#d9a478;--wyli-focus:#85b4d4;--wyli-control-border:#6c879b;--wyli-canvas:#14212b;--wyli-ink:#e7eef4;--wyli-muted:#a8bdcc}
body.wyli-native-shell,body.wyli-sidebar-shell,.wyli-site-sidebar,.wyli-workspace-sidebar{font-family:var(--wyli-font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.wyli-native-content :where(button,input,select,textarea){font-family:var(--wyli-font-sans)}
.wyli-site-sidebar{background:var(--wyli-panel)!important;color:var(--wyli-ink)!important;border-color:var(--wyli-line)!important}
.wyli-site-sidebar :is(.wyli-sidebar-top,.wyli-sidebar-account){border-color:var(--wyli-line)}
.wyli-site-sidebar .wyli-native-brand{font-family:var(--wyli-font-sans);letter-spacing:-.35px}
.wyli-site-sidebar nav a>div{font-family:var(--wyli-font-sans);border:1px solid transparent;border-radius:10px}
.wyli-site-sidebar nav a[aria-current="page"]>div{background:var(--wyli-inset);border-color:var(--wyli-line);color:var(--wyli-ink);font-weight:500}
.wyli-site-sidebar nav a:focus-visible,.wyli-site-sidebar button:focus-visible{outline:2px solid var(--wyli-focus);outline-offset:2px}
.wyli-menu-toggle:focus-visible{outline:2px solid var(--wyli-focus);outline-offset:2px}
.wyli-workspace-sidebar nav,.wyli-site-sidebar nav{overscroll-behavior-y:contain;scroll-padding-block:8px}
.wyli-menu-toggle,.wyli-navigation a,.wyli-site-sidebar :is(a,button){touch-action:manipulation}
.wyli-category-buttons button{font-family:var(--wyli-font-sans);font-size:12.5px;line-height:1.35;font-weight:500;color:var(--wyli-muted);border-radius:10px;transition:background-color 150ms,color 150ms}
.wyli-category-buttons button[aria-pressed="true"]{background:var(--wyli-inset)!important;border-color:var(--wyli-line)!important;color:var(--wyli-ink)!important}
.wyli-sidebar-account{color:var(--wyli-muted)}
@media(prefers-reduced-motion:reduce){.wyli-category-buttons button{transition:none}}

.wyli-analytics-shell .wyli-report-panel [role="tabpanel"] .relative.h-6.cursor-pointer{min-height:40px;border-radius:8px}
.wyli-analytics-shell{--dataviz-2:205 48% 48%}
.dark .wyli-analytics-shell{--dataviz-2:205 48% 78%}
.wyli-analytics-shell .wyli-report-panel [role="tabpanel"] .relative.h-6.cursor-pointer>.z-10{font-size:13px;font-variant-numeric:tabular-nums}
@media(max-width:767px){.wyli-analytics-shell .wyli-report-panel [role="tabpanel"] .relative.h-6.cursor-pointer{min-height:44px}}

/* Native utility colors inherit the same palette, including metric tiles and popovers. */
.wyli-analytics-shell{--neutral-0:200.00 27.27% 97.84%;--neutral-50:204.00 26.32% 96.27%;--neutral-100:207.69 37.14% 93.14%;--neutral-150:205.26 32.20% 88.43%;--neutral-200:205.00 30.00% 84.31%;--neutral-250:205.16 30.10% 79.80%;--neutral-300:206.47 26.56% 74.90%;--neutral-350:206.67 23.08% 69.41%;--neutral-400:207.00 21.98% 64.31%;--neutral-450:208.00 21.53% 59.02%;--neutral-500:206.81 19.67% 53.14%;--neutral-550:206.54 21.31% 47.84%;--neutral-600:206.54 24.07% 42.35%;--neutral-650:205.20 26.60% 36.86%;--neutral-700:205.53 28.48% 32.35%;--neutral-750:205.71 29.17% 28.24%;--neutral-800:206.84 30.65% 24.31%;--neutral-850:205.45 32.67% 19.80%;--neutral-900:206.67 33.33% 15.88%;--neutral-950:206.09 36.51% 12.35%;--neutral-1000:205.71 41.18% 10.00%;--background:204.00 26.32% 96.27%;--foreground:204.78 38.98% 23.14%;--card:0.00 0.00% 100.00%;--card-foreground:204.78 38.98% 23.14%;--popover:0.00 0.00% 100.00%;--popover-foreground:204.78 38.98% 23.14%;--primary:204.29 44.21% 37.25%;--primary-foreground:0.00 0.00% 100.00%;--secondary:204.00 31.25% 93.73%;--secondary-foreground:204.78 38.98% 23.14%;--muted:204.00 31.25% 93.73%;--muted-foreground:204.26 22.07% 41.76%;--border:205.71 26.58% 84.51%;--input:205.53 19.03% 51.57%;--ring:204.29 44.21% 37.25%;--radius:.625rem}
.dark .wyli-analytics-shell{--background:206.09 36.51% 12.35%;--foreground:207.69 37.14% 93.14%;--card:206.67 33.33% 15.88%;--card-foreground:207.69 37.14% 93.14%;--popover:203.64 34.02% 19.02%;--popover-foreground:207.69 37.14% 93.14%;--primary:204.30 47.88% 67.65%;--primary-foreground:206.09 36.51% 12.35%;--secondary:203.64 34.02% 19.02%;--secondary-foreground:207.69 37.14% 93.14%;--muted:203.64 34.02% 19.02%;--muted-foreground:205.00 26.09% 72.94%;--border:205.71 29.17% 28.24%;--input:205.53 19.03% 51.57%;--ring:204.30 47.88% 67.65%}

/* Resolve utility aliases on the themed body instead of inheriting root-computed defaults. */
.wyli-analytics-shell{--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring));--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-popover:hsl(var(--popover));--color-popover-foreground:hsl(var(--popover-foreground));--color-card:hsl(var(--card));--color-card-foreground:hsl(var(--card-foreground));--color-dataviz:hsl(var(--dataviz));--color-dataviz-2:hsl(var(--dataviz-2));--color-neutral-0:hsl(var(--neutral-0));--color-neutral-50:hsl(var(--neutral-50));--color-neutral-100:hsl(var(--neutral-100));--color-neutral-150:hsl(var(--neutral-150));--color-neutral-200:hsl(var(--neutral-200));--color-neutral-250:hsl(var(--neutral-250));--color-neutral-300:hsl(var(--neutral-300));--color-neutral-350:hsl(var(--neutral-350));--color-neutral-400:hsl(var(--neutral-400));--color-neutral-450:hsl(var(--neutral-450));--color-neutral-500:hsl(var(--neutral-500));--color-neutral-550:hsl(var(--neutral-550));--color-neutral-600:hsl(var(--neutral-600));--color-neutral-650:hsl(var(--neutral-650));--color-neutral-700:hsl(var(--neutral-700));--color-neutral-750:hsl(var(--neutral-750));--color-neutral-800:hsl(var(--neutral-800));--color-neutral-850:hsl(var(--neutral-850));--color-neutral-900:hsl(var(--neutral-900));--color-neutral-950:hsl(var(--neutral-950));--color-neutral-1000:hsl(var(--neutral-1000));--color-accent-50:#edf4f8;--color-accent-100:#d7e7f2;--color-accent-200:#b8d3e5;--color-accent-300:#a5c9e2;--color-accent-400:#85b4d4;--color-accent-500:#326585;--color-accent-600:#356789;--color-accent-700:#2d5875;--color-accent-800:#244a64;--color-accent-900:#1b3a51;--color-accent-950:#142a3a;--color-accent:hsl(var(--secondary));--color-accent-foreground:hsl(var(--secondary-foreground));}
/* The small native geography credit needs a text role rather than a decorative neutral step. */
.wyli-analytics-shell a[href="https://db-ip.com"]{color:var(--color-muted-foreground)}
/* Text roles are independent of neutral fills/borders. Unlayered rules survive
   later native CSS chunks; explicit state colors and paired light labels remain native. */
.wyli-analytics-shell :is(.text-neutral-400,.text-neutral-450,.text-neutral-500,.text-neutral-550,.text-neutral-600):not(:where([class*="hover:text-"]:hover,[class*="focus:text-"]:focus,[class*="data-"][class*=":text-"],.text-white,.text-neutral-50,.dark\:text-white,.dark\:text-neutral-50)){color:var(--color-muted-foreground)}
.dark .wyli-analytics-shell :is(.dark\:text-neutral-300,.dark\:text-neutral-400,.dark\:text-neutral-500,.dark\:text-neutral-600):not(:where([class*="hover:text-"]:hover,[class*="focus:text-"]:focus,[class*="data-"][class*=":text-"],.text-white,.text-neutral-50,.dark\:text-white,.dark\:text-neutral-50)){color:var(--color-muted-foreground)}