#v-visitors .visitor-analytics{margin-bottom:14px;padding:16px;min-width:0}
#v-visitors .metric-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
#v-visitors .metric-toolbar h3{font:600 1.15rem/1.3 var(--f-disp);color:var(--green-dk);margin:0 0 5px}
#v-visitors .metric-toolbar .lbl{margin:0 0 4px}#v-visitors .metric-toolbar select{min-width:140px;width:auto}
#v-visitors .metric-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#v-visitors .metric-step{display:grid;gap:9px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg);min-width:0}
#v-visitors .metric-step>span{font-size:.8rem;font-weight:700;color:var(--ink)}#v-visitors .metric-step>strong{font:600 clamp(1.8rem,3vw,2.5rem)/1.1 var(--f-disp);color:var(--green-dk)}
#v-visitors .metric-step>small,#v-visitors .metric-note{font-size:.7rem;color:var(--mut);line-height:1.65}
#v-visitors .metric-note{margin:10px 0 14px}#v-visitors .metric-breakdowns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
#v-visitors .metric-note a{color:var(--green);text-decoration:underline;text-underline-offset:2px}
#v-visitors .metric-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0;overflow:hidden}
#v-visitors .metric-panel>summary{font-weight:700;font-size:.84rem;padding:14px;background:var(--bg)}#v-visitors .metric-panel-body{padding:14px}
#v-visitors .metric-bars{list-style:none;margin:0;padding:0;display:grid;gap:17px}#v-visitors .metric-bar-label{display:flex;align-items:center;gap:7px;font-size:.75rem;min-width:0;margin-bottom:6px;color:var(--ink)}
#v-visitors .metric-bar-label>span:not(.metric-country){overflow-wrap:anywhere}#v-visitors .metric-bar-label strong{margin-left:auto;white-space:nowrap;color:var(--ink)}#v-visitors .metric-bar-label small{color:var(--mut);min-width:32px;text-align:right}
#v-visitors .metric-country{font:600 .65rem var(--f-mono);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:4px;min-width:28px;text-align:center}
#v-visitors .metric-bars progress{display:block;width:100%;height:7px;border:0;border-radius:9px;overflow:hidden;appearance:none;background:var(--line);accent-color:var(--green)}
#v-visitors .metric-bars progress::-webkit-progress-bar{background:var(--line);border-radius:9px}#v-visitors .metric-bars progress::-webkit-progress-value{background:var(--green);border-radius:9px}#v-visitors .metric-bars progress::-moz-progress-bar{background:var(--green);border-radius:9px}
#v-visitors .metric-donut{width:150px;height:150px;margin:4px auto 22px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 var(--metric-phone),var(--mut) var(--metric-phone) var(--metric-desktop),var(--line) var(--metric-desktop) 100%)}
#v-visitors .metric-donut>div{background:var(--surface);width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}#v-visitors .metric-donut strong{font:600 1.6rem var(--f-disp);color:var(--ink)}#v-visitors .metric-donut span{font-size:.66rem;color:var(--mut)}
#v-visitors .metric-pages{margin-top:12px}
@media(max-width:1050px){#v-visitors .metric-breakdowns{grid-template-columns:1fr}#v-visitors .metric-donut{width:135px;height:135px}}
@media(max-width:600px){#v-visitors .metric-steps{grid-template-columns:1fr}#v-visitors .visitor-analytics{padding:12px}#v-visitors .metric-step{gap:6px;padding:13px}#v-visitors .metric-toolbar{align-items:start}#v-visitors .metric-toolbar select{min-width:120px}}