.metrics-scope{--m-surface:var(--bg-elev,#fff);--m-border:var(--border,#e5e7eb);--m-text:var(--fg,#111827);--m-muted:var(--fg-muted,#6b7280);--m-grid:color-mix(in srgb, var(--fg,#111827) 10%, transparent);--s1:var(--brand,#7c3aed);--s2:var(--brand-2,#2563eb);--s3:var(--brand-3,#db2777);--neutro:color-mix(in srgb, var(--fg,#111827) 32%, transparent);color:var(--m-text)}.metrics-scope .m-tiles{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin-bottom:22px;display:grid}.metrics-scope .m-tile{background:var(--m-surface);border:1px solid var(--m-border);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.metrics-scope .m-tile-label{color:var(--m-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;font-size:11px;display:flex}.metrics-scope .m-tile-value{font-size:24px;font-weight:600;line-height:1.15}.metrics-scope .m-tile-hint{color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.metrics-scope .m-viz{margin-bottom:26px}.metrics-scope .m-viz-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.metrics-scope .m-viz-title{align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;display:flex}.metrics-scope .m-viz-sub{color:var(--m-muted);font-size:12px}.metrics-scope .m-muted{color:var(--m-muted);font-size:13px}.metrics-scope .m-rank{margin:0;padding:0;list-style:none}.metrics-scope .m-rank-row{grid-template-columns:minmax(112px,1.4fr) 1.6fr auto;align-items:center;gap:10px;padding:5px 0;display:grid}.metrics-scope .m-rank-label{color:var(--m-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.metrics-scope .m-rank-track{background:var(--m-grid);border-radius:3px;height:14px;overflow:hidden}.metrics-scope .m-rank-fill{background:var(--s1);border-radius:0 4px 4px 0;min-width:3px;height:100%;display:block}.metrics-scope .m-rank-value{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:13px;display:flex}.metrics-scope .m-rank-pct{color:var(--m-muted);text-align:right;min-width:34px;font-size:12px}.metrics-scope .m-stack{background:var(--m-grid);border-radius:4px;gap:2px;height:18px;display:flex;overflow:hidden}.metrics-scope .m-stack-seg{min-width:2px;height:100%;display:block}.metrics-scope .m-stack-seg.s1{background:var(--s1)}.metrics-scope .m-stack-seg.s2{background:var(--s2)}.metrics-scope .m-stack-seg.s3{background:var(--s3)}.metrics-scope .m-legend{color:var(--m-muted);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.metrics-scope .m-legend li{align-items:center;gap:6px;display:flex}.metrics-scope .m-legend strong{color:var(--m-text);font-variant-numeric:tabular-nums}.metrics-scope .m-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.metrics-scope .m-dot.s1{background:var(--s1)}.metrics-scope .m-dot.s2{background:var(--s2)}.metrics-scope .m-dot.s3{background:var(--s3)}.metrics-scope .m-dot.neutro{background:var(--neutro)}.metrics-scope .m-cols{align-items:flex-end;gap:6px;margin-top:14px;padding-bottom:2px;display:flex;overflow-x:auto}.metrics-scope .m-col-slot{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:26px;display:flex}.metrics-scope .m-col-cap{color:var(--m-muted);font-variant-numeric:tabular-nums;height:14px;font-size:11px}.metrics-scope .m-col-stack{border-bottom:1px solid var(--m-grid);flex-direction:column;justify-content:flex-end;gap:2px;width:100%;max-width:24px;height:96px;display:flex}.metrics-scope .m-col-seg{border-radius:3px 3px 0 0;width:100%;min-height:0;display:block}.metrics-scope .m-col-seg.novo{background:var(--s1)}.metrics-scope .m-col-seg.rep{background:var(--neutro)}.metrics-scope .m-col-seg.zero{background:var(--m-grid);border-radius:2px;height:2px!important}.metrics-scope .m-col-x{color:var(--m-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:11px}.metrics-scope .m-cols.horas .m-col-slot{justify-content:flex-end}.metrics-scope .m-cols.horas .m-col-x{text-align:center;width:100%}.metrics-scope .m-viz-cols{flex-direction:column;display:flex}.metrics-scope .m-viz-cols .m-cols{margin-top:auto}@media (max-width:640px){.metrics-scope .m-col-x-month{display:none}}.metrics-scope .m-viz-stack{flex-direction:column;gap:16px;display:flex}.metrics-scope .m-viz-row{border:1px solid var(--m-border);border-radius:12px;padding:16px}.metrics-scope .m-viz-row .m-viz{margin-bottom:0}.metrics-scope .m-viz-daily .m-viz-sub{display:none}.metrics-scope .m-viz-daily .m-cols{gap:3px}.metrics-scope .m-viz-daily .m-col-slot{min-width:18px}.metrics-scope .m-viz-daily .m-col-x-month{display:none}.metrics-scope .m-viz-hourly .m-cols.horas{gap:2px}.metrics-scope .m-viz-hourly .m-cols.horas .m-col-slot{min-width:0}.metrics-scope .m-viz-hourly .m-cols.horas .m-col-stack{max-width:18px;height:72px}.metrics-scope .m-viz-hourly .m-col-cap{height:12px;font-size:9px}@media (max-width:640px){.metrics-scope .m-viz-hourly .m-col-cap{height:11px;font-size:8px}}.metrics-scope .m-viz-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 28px;display:grid}