/* arbah-v3-reports.css — surface-specific styles for the Reports v3 surface.
 *
 * Only the diverging horizontal bar chart (Chart 2, "Schedule variance")
 * needs classes that are NOT in arbah-v3-primitives.css: the .mchart
 * primitive is a vertical-bar chart, so the centered ±-bar rows below are
 * surface-local. Everything else on the surface reuses shipped primitives
 * (.kpi/.card/.mchart/.mfill-pos/neg/.dt-mono/.empty-state/.maxis/…).
 *
 * The fill colors come from the shipped .mfill-pos / .mfill-neg primitives;
 * these rules only lay out the track, the centerline, the label and value.
 * Scoped under .av3 so unflagged sessions never see them.
 */

.av3 .dvar { display:flex; flex-direction:column; gap:11px; }

.av3 .dvar-row { display:flex; align-items:center; gap:10px; }

/* project name label — muted, fixed-width so the centerlines align */
.av3 .dvar-label {
  width:72px; flex-shrink:0;
  font-size:12px; font-weight:600;
  color:var(--arbah-ink-muted);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  text-align:start;
}

/* the ±-bar track: sunken pill with a centered divider */
.av3 .dvar-track {
  flex:1; position:relative; height:16px;
  background:var(--arbah-surface-sunken);
  border-radius:4px;
}
.av3 .dvar-zero {
  position:absolute; inset-inline-start:50%; top:0; bottom:0;
  width:1px; background:var(--arbah-border-strong);
}
/* the fill grows from the centerline outward; color via .mfill-pos/.mfill-neg */
.av3 .dvar-fill {
  position:absolute; top:2px; bottom:2px;
  border-radius:3px;
  min-width:1px;
}

/* mono ±Nd value at the row end */
.av3 .dvar-val {
  width:42px; flex-shrink:0; text-align:end;
  font-family:var(--font-mono); font-size:12.5px; font-weight:600;
  font-variant-numeric:tabular-nums; white-space:nowrap;
  color:var(--arbah-ink-subtle);
}
.av3 .dvar-val.is-pos { color:var(--arbah-success); }
.av3 .dvar-val.is-neg { color:var(--arbah-danger); }