/* Shared Glowsketch-style KPI cards. Existing parent grids and navigation stay intact. */
html[data-iqos-theme="glow"] body[data-iqos-surface="host"] #root .iq-metric-card{
  min-width:0;min-height:160px;padding:16px 16px 12px;display:flex;flex-direction:column;text-align:left;
  background:#fff;border:1px solid rgba(0,0,0,.065);border-radius:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.04);color:#1d1d1f;
}
html[data-iqos-theme="glow"] #root .iq-metric-top{display:flex;align-items:center;gap:7px;min-height:18px;color:#6e6e73;font-size:11.5px;font-weight:700;line-height:1.3}
html[data-iqos-theme="glow"] #root .iq-metric-dot{width:7px;height:7px;border-radius:50%;flex:none}
html[data-iqos-theme="glow"] #root .iq-metric-label{flex:1;min-width:0}
html[data-iqos-theme="glow"] #root .iq-metric-top>span:last-child:not(.iq-metric-label):not(.iq-metric-dot){font-size:10px;white-space:nowrap}
html[data-iqos-theme="glow"] body[data-iqos-surface="host"] #root .iq-metric-value{font-size:clamp(22px,1.8vw,28px);font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
html[data-iqos-theme="glow"] #root .iq-metric-sub{font-size:11.5px;font-weight:500;line-height:1.45;color:#78787e;margin-top:3px;margin-bottom:9px}
html[data-iqos-theme="glow"] #root .iq-metric-chart{margin-top:auto;min-width:0}
html[data-iqos-theme="glow"] #root .iq-metric-spark{display:block;height:44px;width:100%;overflow:visible}
html[data-iqos-theme="glow"] #root .iq-metric-line{fill:none;stroke:#45c7b0;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round}
html[data-iqos-theme="glow"] #root .iq-metric-area{fill:rgba(69,199,176,.09);stroke:none}
html[data-iqos-theme="glow"] #root .iq-metric-caption{display:block;font-size:9.5px;color:#78787e;line-height:1.3;margin-top:5px}
html[data-iqos-theme="glow"] #root .iq-metric-empty{margin-top:auto;padding-top:28px;font-size:10px;color:#78787e}
/* Ticketing supplies current totals only. Match the card without fabricating a trend. */
body[data-iqos-surface="ticketing"] .metric{padding:16px 16px 12px;min-height:150px;display:flex;flex-direction:column}
body[data-iqos-surface="ticketing"] .metric-top{justify-content:flex-start;gap:7px;font-size:11.5px;font-weight:700}
body[data-iqos-surface="ticketing"] .metric-top:before{content:"";width:7px;height:7px;border-radius:50%;background:#34c759;flex:none}
body[data-iqos-surface="ticketing"] .metric.amber .metric-top:before{background:#ff9500}
body[data-iqos-surface="ticketing"] .metric.red .metric-top:before{background:#ff3b30}
body[data-iqos-surface="ticketing"] .metric-top svg{display:none}
body[data-iqos-surface="ticketing"] .metric strong{margin-top:8px;font-size:28px;font-weight:700;letter-spacing:-.035em}
body[data-iqos-surface="ticketing"] .metric:after{content:"History unavailable";margin-top:auto;padding-top:22px;font-size:10px;color:#78787e}