/* Load.Live 1.6.1-03 — de routeteller van Load.Route (web) en het beheerdersscherm "Pakketten en limieten".
 * Cyaan (--ok) onder 90 %, amber (--let) vanaf 90 %, rood (--tally) enkel als signaal: de limiet is bereikt (klasse rt161-signaal). */
.rt161-teller { display: grid; gap: 6px; margin: 0 0 14px; padding: 10px 14px; border-radius: var(--r-vak); background: var(--rack); max-width: 560px; }
.rt161-tekst { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; font-size: 14.5px; }
.rt161-getal { font-family: var(--display); font-size: 22px; font-weight: 400; letter-spacing: .02em; line-height: 1; }
.rt161-hint { color: var(--zacht); font-size: 13.5px; }
.rt161-balk { height: 4px; border-radius: 999px; background: var(--rack-2); overflow: hidden; }
.rt161-balk > span { display: block; height: 100%; width: 0; background: var(--ok); transition: width .3s; }
.rt161-bijna .rt161-balk > span { background: var(--let); }
.rt161-bijna .rt161-hint { color: var(--let); }
.rt161-signaal .rt161-balk > span { background: var(--tally); }
.rt161-signaal .rt161-hint { color: var(--tally-tekst); }
.rt161-regel.rt161-bijna b { color: var(--let); }
.rt161-regel.rt161-signaal b { color: var(--tally-tekst); }
.rt161-limiet.rt161-signaal { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 12px; padding: 10px 14px; border-radius: var(--r-vak);
  border: 1.5px solid var(--tally); background: var(--tally-zacht); color: var(--tekst); font-size: 14.5px; }
.rt161-toast a { color: inherit; font-weight: 600; text-decoration: underline; white-space: nowrap; }
/* beheerdersportaal: Pakketten en limieten */
.al161 table input[type=number] { width: 9em; }
.al161 .al161-let { color: var(--let); }
.al161-uitleg { color: var(--zacht); font-size: 13.5px; max-width: 720px; }
.al161-firma { display: grid; gap: 6px; margin-top: 10px; }
.al161-firma label { display: flex; gap: 8px; align-items: center; }
.al161-firma input[type=number] { width: 8em; }