.controls{ display:flex; flex-wrap:wrap; gap:12px 18px; align-items:flex-end; margin-bottom:14px; }
.controls form{ display:contents; }
.controls div{ display:flex; flex-direction:column; gap:4px; }
.controls span{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#8a938f; }
.controls select{ min-width:160px; }
.controls input{ min-width:220px; }
.controls .count{ color:#8a938f; padding-bottom:8px; }

/* top bar: buttons side by side */
.top_buttons{ display:flex; gap:24px; }
.btn.light{ background:#ece7da; color:#1e2a2a; }

/* highlight the whole row under the mouse */
tbody tr.meter:hover td{ background:#ece3c8; }

/* footer totals */
tfoot tr.total_row td{ font-weight:700; border-top:2px solid #d8d1bf; }

/* offline warning next to edit */
.edit_cell{ white-space:nowrap; }
.edit_cell .warn{ font-size:12px; margin-left:4px; cursor:default; }