:root{--accent:#6654db;--accent-hover:#5140bf;--accent-soft:#ece9ff;--accent-text:#5b48bd;--nav-start:#27274e;--nav-end:#161e37;--nav-active:#423e6c;--page:#f3f3fa;--panel-head:#f9f8ff;--chart-color:#7660df;--nav-line:#9c8aff}
body[data-palette=ocean]{--accent:#127bb9;--accent-hover:#07669e;--accent-soft:#e1f1fc;--accent-text:#126c9d;--nav-start:#193f58;--nav-end:#122737;--nav-active:#28536d;--page:#f1f6fa;--panel-head:#f4faff;--chart-color:#168dc8;--nav-line:#69c6f8}
body[data-palette=emerald]{--accent:#0d8a70;--accent-hover:#07725c;--accent-soft:#dbf3e8;--accent-text:#137b60;--nav-start:#183e39;--nav-end:#122d33;--nav-active:#28544a;--page:#f1f7f3;--panel-head:#f5fcf7;--chart-color:#1b9d7b;--nav-line:#79dfaf}
body[data-palette=berry]{--accent:#b1437d;--accent-hover:#963266;--accent-soft:#fae4ef;--accent-text:#a34473;--nav-start:#49304c;--nav-end:#2b2039;--nav-active:#694461;--page:#f8f3f7;--panel-head:#fff7fb;--chart-color:#bf5d8f;--nav-line:#f197c4}
body[data-palette=amber]{--accent:#be731c;--accent-hover:#a25d0f;--accent-soft:#fff0d6;--accent-text:#a1661b;--nav-start:#3f3830;--nav-end:#26282f;--nav-active:#62503a;--page:#f8f5ef;--panel-head:#fffcf4;--chart-color:#c8882d;--nav-line:#edb659}
body{background:var(--page)}.sidebar{background:linear-gradient(155deg,var(--nav-start),var(--nav-end))}.primary{background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 18%,transparent)}.primary:hover{background:var(--accent-hover)}.eyebrow{color:var(--accent-text)}nav a.active{background:var(--nav-active);color:#fff;box-shadow:inset 3px 0 var(--nav-line)}nav a.active span{color:var(--nav-line)}nav a:hover{background:color-mix(in srgb,var(--nav-active) 65%,transparent)}.text-button{color:#c2c5ed}.live-dot{background:var(--nav-line)}.site-picker select,.account-picker select{background:#ffffff0a;border-color:#ffffff25}.chart .line{stroke:var(--chart-color)}.chart .dot{fill:var(--chart-color)}.metric-selector button.active,.pill.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 25%,white);color:var(--accent-text)}.notice.success{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb,var(--accent) 20%,white)}.query-link:hover,.content-foot a{color:var(--accent-text)}.source-pill{background:var(--accent-soft);color:var(--accent-text);border-color:transparent}.panel-head{background:var(--panel-head);border-bottom:1px solid #8f8fb010}.table-toolbar{background:var(--panel-head)}th{background:color-mix(in srgb,var(--accent) 5%,white)}.kpi-grid .kpi:nth-child(4n+1){background:#ebe9fb;border-color:#dcd6f4}.kpi-grid .kpi:nth-child(4n+1) .kpi-value{color:#6048ae}.kpi-grid .kpi:nth-child(4n+1) .kpi-icon{color:#8269c8;background:#ded6f4}.kpi-grid .kpi:nth-child(4n+2){background:#deeffb;border-color:#c6e2f3}.kpi-grid .kpi:nth-child(4n+2) .kpi-value{color:#237aac}.kpi-grid .kpi:nth-child(4n+2) .kpi-icon{color:#428eb7;background:#cbe4f5}.kpi-grid .kpi:nth-child(4n+3){background:#fff0db;border-color:#f1dbb7}.kpi-grid .kpi:nth-child(4n+3) .kpi-value{color:#b47524}.kpi-grid .kpi:nth-child(4n+3) .kpi-icon{color:#bc8b4f;background:#f8e0ba}.kpi-grid .kpi:nth-child(4n+4){background:#f8e5ec;border-color:#edcedb}.kpi-grid .kpi:nth-child(4n+4) .kpi-value{color:#ae557d}.kpi-grid .kpi:nth-child(4n+4) .kpi-icon{color:#bc7395;background:#efd0df}.kpi-label{color:#6e788b}.kpi small{color:#788598}.bar-fill.color1{background:#8271d0}.bar-fill.color2{background:#509ad0}.bar-fill.color3{background:#d5a353}.bar-fill.color4{background:#cf789b}.region-card{border-top:4px solid var(--accent)}.region-card:nth-child(3n+2){border-top-color:#49a1c4}.region-card:nth-child(3n+3){border-top-color:#cf9b49}.region-card strong{color:var(--accent-text)}.badge{background:var(--accent-soft);color:var(--accent-text)}.rank-good{background:#e5f2e9;color:#347b55}.account-picker{margin:27px 10px 0}.account-picker label{font-size:10px;letter-spacing:1.1px;font-weight:650;color:#97a1ba}.account-picker select{display:block;margin-top:10px;width:100%;color:#fff;border:1px solid #ffffff25;border-radius:9px;padding:12px 10px;font-size:14px}.account-picker .text-button{font-size:11px;margin:0;padding:8px 0}.site-picker{margin-top:12px;margin-bottom:8px}.nav-label{padding-top:12px;padding-bottom:6px;color:#8e9cb3}.palette-picker{padding:0 0 18px;margin:0 0 17px;border-bottom:1px solid #ffffff18}.palette-picker>span{font-size:9px;letter-spacing:1.3px;color:#9ba9bb}.palette-picker>div{display:flex;gap:12px;margin-top:11px}.palette-dot{padding:0;width:22px;height:22px;min-width:22px;border:3px solid #ffffff20;border-radius:50%;outline-offset:3px}.palette-dot.active{outline:2px solid #fff}.palette-dot.indigo{background:#9680ed}.palette-dot.ocean{background:#4baedf}.palette-dot.emerald{background:#40bc92}.palette-dot.berry{background:#d477a6}.palette-dot.amber{background:#e5b156}.account-summary{margin:0 0 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 21px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,white)}.account-summary strong{display:block;font-size:15px;color:var(--accent-text)}.account-summary p{font-size:12px;color:#7b8397;margin:5px 0 0}.host-list{display:grid;gap:10px;max-height:440px;overflow:auto;margin:18px 0}.host-item{display:flex;align-items:center;gap:14px;border:1px solid var(--border);padding:15px 17px;border-radius:10px}.host-item input{accent-color:var(--accent);width:17px;height:17px;margin:0;flex-shrink:0}.host-item>div{min-width:0}.host-item strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}.host-item small{display:block;font-size:11px;color:#8c98a6;margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.host-item:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.host-search{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px}.account-form-info{font-size:12px;color:#7e8b99;line-height:1.8}.account-form-info a{color:var(--accent-text)}.account-form-info code{font-size:11px}.account-switch-note{font-size:11px;color:#8b99ad;margin-top:10px}.sidebar-foot{padding-top:20px}.account-error{color:#c47272;font-size:12px;line-height:1.7}
@media(max-width:820px){.account-picker{margin-top:23px}.account-picker select{font-size:13px}.account-summary{align-items:start;flex-direction:column}.host-item{padding:13px}.host-item strong{font-size:12px}.host-item small{font-size:10px}.palette-dot{width:25px;height:25px}.sidebar .site-picker{margin-top:10px}.sidebar nav a{padding-top:10px;padding-bottom:10px}}

/* Native Windows select menus need their own opaque background and text color. */
.sidebar select{color-scheme:light;min-width:0;max-width:100%;text-overflow:ellipsis}
.sidebar select option,.sidebar select optgroup{background:#fff;color:#25344a;font-size:14px}
.sidebar select option:disabled{color:#7b8495;background:#f1f3f7}
.sidebar select optgroup{font-weight:700}
.sidebar .account-picker label,.sidebar .site-picker label,.sidebar .nav-label{color:#b8c3dc}
.sidebar .text-button{font-size:12px;line-height:1.65;text-align:left;white-space:normal}
.kpi-label{color:#56627a}.kpi small{color:#617087}
.heading p,.panel-head p,.filters label,.table-toolbar .muted{color:#65758a}
.first-load-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 26%,white);border-radius:14px;background:var(--accent-soft);margin-bottom:24px}
.first-load-prompt strong{font-size:18px;line-height:1.5;color:#24334b}
.first-load-prompt p{font-size:14px;line-height:1.7;color:#586982;margin:8px 0 0}
.first-load-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.first-load-actions button{min-height:44px;font-size:14px}
@media(max-width:1150px){.first-load-prompt{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:820px){.first-load-prompt{padding:20px}.first-load-prompt strong{font-size:17px}.first-load-actions{width:100%}.first-load-actions button{flex:1}.sidebar select option{font-size:14px}}

.metrika-nav-label{margin-top:8px;color:#c2bcff!important}
.metrika-help{padding:19px 24px;background:var(--panel-head);color:#52647b;font-size:13px;line-height:1.8;border-bottom:1px solid var(--border)}
.metrika-help p{margin:7px 0}.metrika-help a{color:var(--accent-text)}
.metrika-dimension{min-width:150px;max-width:440px;overflow-wrap:anywhere;white-space:normal}
#metrika-table table th{min-width:110px;vertical-align:top;white-space:normal}
#metrika-search{max-width:300px;flex-shrink:0}
.growth-intro{padding:8px 0 20px;max-width:850px}.growth-intro h2{font-size:25px;line-height:1.5;margin:15px 0 8px}.growth-intro p{font-size:15px;line-height:1.85;color:#60728a}
.growth-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.growth-readiness .integration{padding:24px}.growth-readiness h2{font-size:18px;margin-top:0}.growth-readiness strong{display:block;font-size:20px;color:var(--accent-text)}.growth-readiness a{font-size:13px;color:var(--accent-text)}
@media(max-width:1150px){.growth-readiness{grid-template-columns:1fr}.growth-readiness .panel{margin-bottom:0}.growth-readiness{margin-bottom:24px}}
@media(max-width:820px){.metrika-help{padding:17px 18px}#metrika-search{max-width:100%}.report-settings{align-items:stretch}.report-settings label{min-width:0;flex:1}.report-settings input{min-width:0;width:100%}.report-settings button{min-height:44px}.growth-intro h2{font-size:22px}}

.help-trigger{display:inline-grid!important;place-items:center;flex:0 0 19px!important;width:19px!important;min-width:19px!important;height:19px!important;min-height:19px!important;padding:0!important;margin:0 0 0 7px;border:1px solid #9aabc3!important;border-radius:50%!important;background:#fff!important;color:#536b8d!important;font-size:11px!important;line-height:1!important;font-weight:700;vertical-align:middle;box-shadow:none!important}
.help-trigger:hover,.help-trigger:focus-visible{color:var(--accent-text)!important;border-color:var(--accent)!important;background:var(--accent-soft)!important}
.kpi-label .help-trigger{margin-left:auto}.kpi-label .kpi-icon{margin-left:6px}.panel h2>.help-trigger{vertical-align:2px}
.metric-help-popover{position:fixed;inset:auto;margin:0;width:min(340px,calc(100vw - 20px));padding:19px 21px;border:1px solid #d4ddef;border-radius:13px;background:#fff;color:#293950;box-shadow:0 10px 45px #17244230;font-size:14px;line-height:1.75;max-height:min(400px,85vh);overflow:auto}
.metric-help-popover strong{font-size:15px;color:#26364b}.metric-help-popover p{margin:8px 0 10px}.metric-help-popover a{color:var(--accent-text);font-size:13px}
.overview-metrika-cards{margin:20px 24px}.overview-metrika-detail{padding:0 15px 18px;align-items:start}.overview-metrika-detail .panel-head{padding-left:12px;padding-right:12px}.overview-metrika-detail h2{font-size:15px}.overview-metrika-detail .table-scroll{max-width:100%}.overview-metrika-detail td,.overview-metrika-detail th{padding:12px;font-size:12px}.overview-metrika-detail .metrika-dimension{min-width:140px;max-width:250px}
.overview-traffic-chart{display:block;width:100%;height:auto;min-height:160px}.overview-traffic-chart .grid{stroke:#e6ebf3;stroke-width:1}.overview-traffic-chart text{font-size:13px;fill:#63768f}.overview-traffic-chart path{fill:none;stroke-width:2.5}.overview-traffic-chart .all-visits{stroke:var(--accent)}.overview-traffic-chart circle.all-visits{fill:var(--accent)}.overview-traffic-chart .organic-visits{stroke:#128e78}.overview-traffic-chart circle.organic-visits{fill:#128e78}.overview-chart-legend{display:flex;gap:18px;font-size:12px;padding:0 15px 5px;color:var(--accent-text)}.overview-chart-legend span+span{color:#128e78}
@media(max-width:820px){.overview-metrika-cards{margin:16px}.overview-metrika-detail{padding:0 10px 12px}.overview-traffic-chart text{font-size:23px}.overview-chart-legend{flex-wrap:wrap;font-size:11px}.metric-help-popover{font-size:14px}.kpi-label .help-trigger{flex-basis:18px!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin-left:4px}}
.field-label-help{display:inline-flex;align-items:center;min-height:19px;line-height:1.4}
.position-period-info{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:-8px 0 24px;color:#5a6f89;font-size:13px;line-height:1.8}.position-period-info[hidden],.position-period-error[hidden]{display:none}.position-period-info .secondary{flex-shrink:0;font-size:12px}.position-period-error{margin:0 0 22px;padding:14px 18px;border-radius:10px;border:1px solid #efc9c2;background:#fff3f0;color:#9a4335;font-size:14px;line-height:1.75}
@media(max-width:820px){.position-period-info{flex-direction:column;align-items:start}.position-period-info .secondary{width:100%}}
@media(max-width:820px){.report-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.report-settings>button{grid-column:1/-1;width:100%}.report-settings label{width:100%}.report-settings input{width:100%;min-width:0}.report-settings .help-trigger{width:19px!important}}