/* Mana-first statistics, shared with compact rule checks and version history. */
.deck-workspace-grid .deck-insights { margin-top: 1.5rem; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.deck-insights .insight-chart-panel, .deck-insights .deck-rules-check { min-width: 0; padding: 1.25rem; border: 1px solid var(--line); border-radius: 1.25rem; background: var(--surface); box-shadow: none; }
.deck-insights :is(h2, h3) { font-family: var(--font-ui, Manrope, sans-serif); }
.deck-statistics-heading, .insight-chart-heading, .deck-rules-heading { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: .5rem 1rem; }
.deck-statistics-heading { margin-bottom: 1rem; }
.deck-statistics-heading h2 { margin: 0; font-size: 1.1rem; }
.deck-statistics-heading .insight-caption, .insight-chart-heading .insight-caption { margin: 0; }
.insight-chart-heading { margin-bottom: 1.15rem; }
.deck-insights .insight-chart-panel h3, .deck-rules-check h3 { font-size: 1rem; font-weight: 650; }
.deck-insights .deck-mana-summary { margin-top: .25rem; }
.deck-mana-summary > span { white-space: nowrap; }
.deck-insights .insights-chart-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.deck-insights .insight-bar-list { gap: .85rem; margin: 0; }
.deck-insights .insight-bar-list > li { grid-template-columns: 6.7rem minmax(0, 1fr) 1.7rem; gap: .65rem; font-size: .85rem; }
.deck-insights .insight-color-label { display: flex; align-items: center; gap: .55rem; }
.deck-insights .insight-color-label .ms { width: 1.15rem; font-size: 1.05rem; text-align: center; }
.deck-insights .insight-bar-track { height: .45rem; background: color-mix(in srgb, var(--muted) 17%, transparent); }
.deck-insights .insight-bar-list strong { font-weight: 600; }
.deck-mana-curve { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(1.125rem, 1fr); gap: clamp(.4rem, 2vw, 1.8rem); margin: 0; padding: 0 0 .3rem; overflow-x: auto; list-style: none; }
.deck-mana-curve:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; border-radius: .25rem; }
.deck-mana-curve > li { display: grid; gap: .65rem; min-width: 0; justify-items: center; }
.deck-mana-column { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: .4rem; width: 100%; height: 10rem; }
.deck-mana-column strong { color: var(--text); font-size: .8rem; font-weight: 500; font-variant-numeric: tabular-nums; }
.deck-mana-bar { flex: 0 0 auto; width: 74%; max-width: 3.6rem; min-height: 2px; background: var(--focus); border-radius: .3rem .3rem .1rem .1rem; }
.deck-mana-curve .is-empty .deck-mana-bar { background: color-mix(in srgb, var(--muted) 25%, transparent); }
.deck-mana-label { color: var(--muted); font-size: .75rem; }
.insight-empty { margin: 0; color: var(--muted); font-size: .85rem; }
.deck-insights .deck-rules-check { margin: 0 0 1.5rem; }
.deck-rules-heading { align-items: center; }
.deck-rules-check .deck-check-status { padding: .25rem .6rem; border-radius: .65rem; background: var(--surface-muted); color: var(--muted); font-weight: 600; }
.deck-rules-check .deck-check-valid { color: var(--focus); background: var(--accent-soft); }
.deck-rules-check .deck-check-invalid { color: var(--red-300); background: color-mix(in srgb, var(--red-500) 12%, var(--surface)); }
.deck-rules-check .deck-rule-issues { gap: .6rem; margin: 1rem 0 .6rem; }
.deck-rules-check .deck-rule-issues li { align-items: flex-start; font-size: .85rem; }
.deck-rules-check .deck-rule-issues .rule-issue-warning { color: var(--orange-300); }
.deck-rules-check .issue-severity { padding: .15rem .45rem; border-radius: .4rem; font-size: .7rem; font-weight: 500; }
.deck-rules-details { margin-top: .7rem; }
.deck-rules-details summary { width: fit-content; color: var(--muted); font-size: .75rem; cursor: pointer; }
.deck-rules-details .insight-caption { margin-bottom: 0; }
@media (max-width: 63.99rem) {
    .deck-insights .insight-bar-list > li { grid-template-columns: 6.2rem minmax(0, 1fr) 1.5rem; gap: .45rem; font-size: .8rem; }
    .deck-insights .insight-chart-panel { padding: 1rem; }
}
@media (max-width: 47.99rem) {
    .deck-insights .insights-chart-grid { grid-template-columns: 1fr; }
    .deck-insights .insight-bar-list > li { grid-template-columns: 6.7rem minmax(0, 1fr) 1.7rem; gap: .65rem; font-size: .85rem; }
    .deck-mana-column { height: 8.5rem; }
    .deck-statistics-heading { align-items: flex-start; }
}
@media (pointer: coarse) {
    .deck-rules-details summary { min-height: 44px; display: flex; align-items: center; }
}