/* Feature icons and provenance marks have separate, fixed columns. */
.sidebar nav a[data-view] {display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 10px;min-height:48px;}
.sidebar nav a .nav-icon {display:grid;place-items:center;width:20px;height:24px;color:#b2c9df;}
.sidebar nav a .nav-icon svg {width:20px;height:20px;stroke-width:1.8;}
.sidebar nav a .nav-text {color:inherit;display:block;width:auto;height:auto;text-align:left;font-size:14px;line-height:1.4;letter-spacing:-.2px;}
.sidebar nav a .nav-sources {display:flex;gap:3px;width:auto;height:auto;align-items:center;justify-self:end;justify-content:flex-end;}
.source-mark {display:inline-grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:1;letter-spacing:-.5px;}
.source-mark svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.source-webmaster {color:#a92225;background:#fff0ef;}
.source-metrika {color:#a34c00;background:#fff1d7;}
.source-xmlstock {color:#00698a;background:#def5ff;}
.source-import {color:#5b3caa;background:#eee7ff;}
.source-local,.source-app,.source-system {color:#245a52;background:#e2f3ee;}
.sidebar nav a .source-mark {display:inline-grid;width:18px;height:20px;flex-basis:18px;font-size:12px;border-radius:5px;box-shadow:0 1px 3px #0002;}
.sidebar nav a .source-mark svg {width:14px;height:14px;stroke-width:2;}
.source-mark.source-brand {background:#fff;box-shadow:0 0 0 1px #ffffff33;padding:2px;}
.source-brand img {display:block;width:100%;height:100%;object-fit:contain;}
.sidebar nav a .source-brand img {width:100%;height:100%;}
.sidebar nav a.active .source-webmaster {color:#a92225;}
.sidebar nav a.active .source-metrika {color:#a34c00;}
.sidebar nav a.active .source-xmlstock {color:#00698a;}
.sidebar nav a.active .source-import {color:#5b3caa;}
.sidebar nav a.active .source-local,.sidebar nav a.active .source-app,.sidebar nav a.active .source-system {color:#245a52;}
.sidebar nav a:focus-visible {outline:2px solid #b8e5ff;outline-offset:2px;}
.sidebar nav > .nav-label {
 display:flex;align-items:center;gap:10px;margin:26px 0 8px;padding:0 10px;
 border:0;border-radius:0;background:none;
 color:#8fcfff!important;font-size:13px;font-weight:750;line-height:1.5;letter-spacing:.35px;text-align:left;white-space:nowrap;
}
.sidebar nav > .nav-label::after {content:'';height:1px;min-width:8px;flex:1;background:linear-gradient(90deg,#8fcfff65,#8fcfff0c);}
.sidebar nav > .nav-label:first-child {margin-top:12px;}
.sidebar nav > .nav-group-toggle {width:100%;gap:6px;cursor:pointer;min-height:30px;}
.sidebar nav > .nav-group-toggle::after {order:1;min-width:0;}
.nav-group-chevron {order:2;width:12px;height:12px;flex:0 0 12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-group-toggle[aria-expanded="false"] .nav-group-chevron {transform:rotate(-90deg);}
.sidebar nav > .nav-group-toggle:hover {color:#d2edff!important;}
.sidebar nav > .nav-group-toggle:focus-visible {outline:2px solid #b8e5ff;outline-offset:3px;border-radius:4px;}
.sidebar nav > .nav-group-toggle.contains-active[aria-expanded="false"] {color:#fff!important;}
.nav-group-items {display:grid;gap:3px;min-width:0;}
.nav-group-items[hidden] {display:none!important;}
.section-title {display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;}
.section-title h1 {margin-right:0;}
.section-sources {display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 8px;}
.section-source {display:inline-flex;align-items:center;gap:7px;width:auto;height:auto;min-height:36px;padding:4px 10px 4px 5px;border:1px solid #bac9dd;border-radius:10px;color:#243952;background:linear-gradient(150deg,#fff,#f0f4fa);font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 2px 4px #14213a09;vertical-align:middle;}
.section-source:hover,.section-source[aria-expanded="true"] {border-color:var(--accent);background:#fff;color:var(--accent);}
.section-source:focus-visible {outline:3px solid var(--accent);outline-offset:3px;}
.metric-help-popover p {white-space:pre-line;}
.metric-help-popover {max-height:calc(100dvh - 24px);overflow-y:auto;border-radius:14px;}
@media(max-width:820px) {.section-title {gap:0;}.section-sources {margin:0 0 8px;}.section-source {min-height:40px;}}
@media(forced-colors:active) {.source-mark,.section-source {border:1px solid CanvasText;}.sidebar nav a.active .source-mark {color:CanvasText;}}

/* Scrollbars follow the selected palette in reports, menus and popovers. */
html,* {scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 48%,#aab8cc) #e9eef6;}
.sidebar,.sidebar * {scrollbar-color:var(--nav-line,#9db7dc) #ffffff0a;}
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-track {background:#e9eef6;border-radius:10px;}
::-webkit-scrollbar-thumb {background:var(--accent);border:2px solid #e9eef6;border-radius:10px;}
.sidebar::-webkit-scrollbar-track {background:transparent;}
.sidebar::-webkit-scrollbar-thumb {background:var(--nav-line,#9db7dc);border-color:var(--nav-end,#18233e);}
.sidebar-resizer {display:none;}
@media(min-width:821px) {
 :root {--sidebar-default:260px;}
 .sidebar {width:var(--sidebar-width,var(--sidebar-default));}
 .main {margin-left:var(--sidebar-width,var(--sidebar-default));}
 .sidebar-resizer {display:block;position:fixed;top:0;bottom:0;left:calc(var(--sidebar-width,var(--sidebar-default)) - 4px);width:8px;z-index:60;cursor:col-resize;touch-action:none;}
 .sidebar-resizer::after {content:'';position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;}
 .sidebar-resizer::before {content:'';position:absolute;top:50%;left:2px;width:4px;height:32px;border-radius:4px;background:color-mix(in srgb,var(--accent) 45%,#bdcbe0);box-shadow:0 0 0 2px #ffffff80;}
 .sidebar-resizer:hover::after,.sidebar-resizer:focus-visible::after,.sidebar-resizing .sidebar-resizer::after {background:var(--accent);box-shadow:0 0 8px var(--accent);}
 .sidebar-resizer:focus-visible {outline:2px solid var(--accent);outline-offset:1px;}
 .sidebar-resizing,.sidebar-resizing * {cursor:col-resize!important;user-select:none!important;}
}
@media(min-width:1451px) {:root {--sidebar-default:282px;}}