/* Shared SVG bar-chart component for live restaurant demos. */
.md-analytics-total { display:block; margin-bottom:8px; color:#171717; font-size:28px; line-height:1.2; letter-spacing:-.04em; font-variant-numeric:tabular-nums; }
.md-bar-plot {
  display:block;
  width:100%;
  height:auto;
  min-height:170px;
  overflow:visible;
  border:1px solid var(--md-border,#e5e5e5);
  border-radius:9px;
  background:var(--md-surface,#fff);
  box-shadow:0 2px 12px rgb(0 0 0 / 3%);
}
.md-bar-plot .md-chart-grid { stroke:#ededed; }
.md-bar-plot .md-chart-axis { fill:#626262; font:600 11px Inter,system-ui,sans-serif; }
.md-bar-plot .md-chart-bar { fill:#c8cdd3; transform-box:fill-box; transform-origin:center bottom; }
.md-bar-plot .md-chart-bar.is-peak { fill:#171717; }
.md-bar-plot .md-chart-value { fill:#171717; font:700 11px Inter,system-ui,sans-serif; }
.md-bar-plot .md-chart-bar.is-visible { animation:portal-bar-reveal 950ms cubic-bezier(.2,.75,.25,1) both; }
.md-bar-plot .md-chart-bar.is-visible:nth-of-type(2n) { animation-delay:55ms; }
.grafico {
  border-color: var(--md-border, #e5e5e5);
  border-radius: 9px;
  background: var(--md-surface, #fff);
  box-shadow: 0 2px 12px rgb(0 0 0 / 3%);
}
.grafico.md-chart-host { display:block; height:auto; min-height:0; padding:0; border:0; background:transparent; box-shadow:none; }
.grafico.md-chart-host .md-bar-plot,.mk-attendance-chart.md-chart-host .md-bar-plot { min-height:0; }
.mk-attendance-chart.md-chart-host { display:block; height:auto; min-height:0; padding:0; border:0; background:transparent; box-shadow:none; }
.mk-attendance-chart { background-color:#fff; border-color:#e5e5e5; }
.mk-attendance-chart__day>span { background:#aeb5bd; transform-origin:center bottom; }
.mk-attendance-chart__day.is-low>span { background:#171717; box-shadow:none; }
.mk-attendance-chart__day small { font-size:11px; font-weight:650; }
.mk-attendance-chart__day>span.is-chart-visible { animation:portal-bar-reveal 950ms cubic-bezier(.2,.75,.25,1) both; }
@keyframes portal-bar-reveal { from { transform:scaleY(.08); opacity:.6; } to { transform:scaleY(1); opacity:1; } }
@media (prefers-reduced-motion:reduce) {
  .md-bar-plot .md-chart-bar.is-visible,.grafico__barra.is-chart-visible,.mk-attendance-chart__day>span.is-chart-visible { animation:none; }
}