/* Mätarsidan (/matare): formuläret, bekräftelsen och avläsningarnas tabell. Diagrammet är
   byggstenen ColumnChart, och dess stil (.cc-*) ligger i sida-parm.css med resten av mätarna. */

.mt-label { display: block; font: 700 13.5px/1.3 var(--f-body); color: var(--ink); margin-bottom: 6px; }
.mt-form .chip { gap: 6px; }

.mt-form-card { max-width: 640px; margin-bottom: var(--space-6); }
.mt-form-card .kicker { margin: 0 0 var(--space-4); }

.mt-note {
  display: flex; align-items: center; gap: var(--space-2);
  margin: 0 0 var(--space-4); color: var(--ink);
}

.mt-meter { margin-bottom: var(--space-6); }
.mt-meter-head { align-items: baseline; flex-wrap: wrap; gap: var(--space-3); }
.mt-meter-head h2 { margin: 0; }
.mt-unit { font-size: var(--fs-small, 14.5px); font-weight: 500; }
.mt-latest { margin: 0; color: var(--ink-2); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.mt-latest b { color: var(--ink); }

.mt-table { width: 100%; margin-top: var(--space-4); }
.mt-table td { vertical-align: middle; }
.mt-table .pill { margin-left: 6px; }
.mt-actions { text-align: right; white-space: nowrap; }
.mt-actions .btn + .btn { margin-left: var(--space-2); }