/* ==========================================================================
   DashView - Executive charts, larger canvas  (v2.23.0)  - load after exec-unify.css
   The charts were 260-300px tall; with value labels, badges and reference lines
   they need more room. Mobile keeps a compact height.
   ========================================================================== */
.ceo-cv  { height: 400px; }
.xc-cv   { height: 400px; }
.xc-cv-s { height: 360px; }
.xr-cv   { height: 380px; }
.dvdr-cv { height: 340px; }
.dvdr-cv.is-h { max-height: 640px; }

/* the rings keep a square-ish box so the % labels stay readable */
.xc-cv:has(#xcShare) { height: 340px; }

/* panels that hold a chart: a little more breathing room around it */
.ceo-trend, .xc-grid .panel, .xr-cv { --chart-gap: 6px; }
.ceo-cv, .xc-cv, .xr-cv, .dvdr-cv { margin-top: var(--chart-gap, 6px); }

/* legend chips under the revenue ring */
.xc-lg { font-size: 13px; }
.xc-lg b { font-variant-numeric: tabular-nums; }

@media (max-width: 900px) {
  .ceo-cv, .xc-cv { height: 340px; }
  .xc-cv-s, .xr-cv { height: 320px; }
  .dvdr-cv { height: 300px; }
}
@media (max-width: 560px) {
  .ceo-cv, .xc-cv { height: 290px; }
  .xc-cv-s, .xr-cv { height: 280px; }
  .xc-cv:has(#xcShare) { height: 280px; }
  .dvdr-cv { height: 260px; }
}