/* UREN EN REIZEN (fase B, 03-10-2026; ontwerp v3 op /ontwerp/uren/v3.html)
   Alleen indeling. Kleuren, afstanden, radii en lettergroottes komen uit de variabelen van bouwdoos.css: het palet van
   de app, geen eigen kleur. Eén kaartstijl: witte kaarten op de lichte achtergrond (BESLISSINGEN 01-10). De kaarten
   bovenaan zijn bouwdoos-statkaarten; het tandwiel is bouwdoos.tandwielPaneel. Nieuwe onderdelen heten uw-*; de
   ur-* klassen zijn van de import en de vaste blokken (ongewijzigd). */

.ur-scherm { display: grid; gap: var(--a4); max-width: var(--inhoud-max); min-width: 0; }
.ur-scherm > * { min-width: 0; }

/* Import en vaste blokken (ongewijzigd van fase 3–5) */
.ur-zin { margin: 0; font-size: var(--tekst-basis); color: var(--tekst); background: var(--laag-vlak); border-radius: var(--radius-kaart); padding: var(--a3); }
.ur-zin--zacht { color: var(--tekst-zacht); font-size: var(--tekst-tabel); }
.ur-veld { height: var(--hoogte-veld); font-size: var(--tekst-basis); min-width: 0; width: 100%; box-sizing: border-box; }
.ur-label { display: grid; gap: var(--a1); font-size: var(--tekst-klein); color: var(--tekst-zacht); }
.ur-knoppen { display: flex; justify-content: flex-end; gap: var(--a2); flex-wrap: wrap; align-items: center; }
.ur-lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--a1); font-size: var(--tekst-tabel); }
.ur-lijst li { display: grid; grid-template-columns: 76px minmax(0, 1fr) auto; gap: var(--a2); align-items: center; min-height: var(--klikdoel); }
.ur-lijst-datum { color: var(--tekst-zacht); white-space: nowrap; }
.ur-lijst-tekst { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ur-lijst b { text-align: right; white-space: nowrap; }
.ur-blok summary { cursor: pointer; font-size: var(--tekst-basis); color: var(--tekst); min-height: var(--klikdoel); display: flex; align-items: center; gap: var(--a1); }
.ur-blokform { display: grid; grid-template-columns: minmax(0, 1fr) 72px auto auto; gap: var(--a1); align-items: center; margin-bottom: var(--a1); }
.ur-totalen th, .ur-totalen td { text-align: right; padding: var(--a1) var(--a2); border-bottom: 1px solid var(--lijn); white-space: nowrap; }
.ur-totalen th:first-child, .ur-totalen td:first-child { text-align: left; }
.ur-import-kies { display: flex; gap: var(--a2); align-items: end; flex-wrap: wrap; margin-bottom: var(--a3); }
.ur-import-kies .ur-label { min-width: 240px; }
.ur-import-tabel { background: var(--laag-vlak); border-radius: var(--radius-kaart); margin: var(--a2) 0; }
.ur-import-tabel th, .ur-import-tabel td { text-align: left; padding: var(--a1) var(--a2); border-bottom: 1px solid var(--lijn); vertical-align: top; }
.ur-import-koppel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a2); margin: var(--a3) 0; }
.ur-import-droog { display: grid; gap: var(--a2); margin-top: var(--a3); padding-top: var(--a3); border-top: 1px solid var(--lijn); }

/* Kop: titel, tabbladen, Ververs, tandwiel */
.uw-kop { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a3); align-items: center; }
.uw-kop h1 { font-size: var(--tekst-kop); margin: 0; color: var(--tekst); }
.uw-tabs { display: flex; gap: 2px; background: var(--vlak); border-radius: var(--radius-veld); padding: 2px; box-shadow: var(--schaduw); }
.uw-tab { border: 0; background: transparent; font: inherit; font-size: var(--tekst-tabel); padding: var(--a1) var(--a3); border-radius: var(--radius-veld); color: var(--tekst); cursor: pointer; min-height: var(--klikdoel); white-space: nowrap; }
.uw-tab[aria-selected="true"] { background: var(--accent); color: var(--vlak); }
.uw-ververs { margin-left: auto; }
.uw-tandwiel { width: 36px; height: 36px; border-radius: var(--radius-veld); border: 1px solid var(--accent); background: var(--vlak); color: var(--accent); cursor: pointer; font-size: var(--tekst-basis); }
.uw-tab:focus-visible, .uw-tandwiel:focus-visible, .uw-chip:focus-visible, .uw-seg:focus-visible, .uw-zk:focus-visible, .uw-stip:focus-visible, .uw-ritplus:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Kaarten */
.uw-kaart { background: var(--vlak); border-radius: var(--radius-laag); box-shadow: var(--schaduw); padding: var(--a3) var(--a4); display: grid; gap: var(--a3); min-width: 0; }
.uw-kaart > *, .uw-rij > *, .uw-onder > * { min-width: 0; }
.uw-kaart h2 { font-size: var(--tekst-titel); margin: 0; }
.uw-kaart-kop { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a3); align-items: center; justify-content: space-between; }
.uw-kaart-kop small, .uw-zacht { color: var(--tekst-zacht); font-size: var(--tekst-klein); font-weight: 400; }
.uw-stats, .uw-watnu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--a3); }
.uw-stats > *, .uw-watnu > * { min-width: 0; }
.uw-scherm .bd-stat { display: grid; align-content: start; }
.uw-stat-urgent .bd-stat-getal, .uw-urgent { color: var(--urgent); }
.uw-scherm .uw-wn-kort { display: none; }
.uw-wn-kort p { margin: 0; }
.uw-statknop { margin-top: var(--a2); justify-self: start; }
.uw-svgbeeld { display: block; width: 100%; max-width: 100%; overflow: visible; }
.uw-svg-balk { height: 22px; }
.uw-svg-strook { height: 18px; }
.uw-svg-staaf { height: 40px; }
.uw-vg-legenda { display: flex; justify-content: space-between; gap: var(--a2); font-size: var(--tekst-klein); color: var(--tekst-zacht); margin-top: 4px; flex-wrap: wrap; }
.uw-sv-baan, .uw-sv-leeg, .uw-sv-vrij { fill: var(--ring-baan); }
.uw-sv-vol { fill: var(--accent); }
.uw-sv-schema { stroke: var(--tekst); stroke-width: 2; }
.uw-sv-open { fill: var(--vlak); stroke: var(--urgent); stroke-width: 2; }
.uw-sv-nu { fill: var(--vlak); stroke: var(--accent); stroke-width: 2; stroke-dasharray: 3 2; }
.uw-sv-km { fill: var(--knop-secundair); }
.uw-rij { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--a4); align-items: start; }
.uw-kolom { display: grid; gap: var(--a3); }
.uw-lijst { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--a2); font-size: var(--tekst-tabel); }
.uw-lijst li { display: flex; justify-content: space-between; gap: var(--a2); align-items: center; }
.uw-nowrap { white-space: nowrap; }
.uw-letop { margin: 0; background: var(--letop-vlak); color: var(--letop-tekst); border-radius: var(--radius-kaart); padding: var(--a2) var(--a3); }

/* De week */
.uw-weeknav { display: flex; gap: var(--a2); align-items: center; flex-wrap: wrap; }
.uw-weeknav h2 small { color: var(--tekst-zacht); font-weight: 400; font-size: var(--tekst-tabel); }
.uw-weektitel { position: relative; cursor: pointer; }
.uw-weekdatum { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.uw-weektitel:focus-within h2 { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: var(--radius-veld); }
.uw-weeksom { display: inline-flex; gap: var(--a1); align-items: center; flex-wrap: wrap; font-size: var(--tekst-tabel); }
.uw-balkje { display: inline-block; width: 80px; height: 8px; background: var(--ring-baan); border-radius: var(--radius-rond); overflow: hidden; }
.uw-balkje i { display: block; height: 100%; background: var(--accent); }
.uw-stippen { display: flex; gap: var(--a1); flex-wrap: wrap; }
.uw-stip { min-width: 40px; min-height: var(--klikdoel); border-radius: var(--radius-rond); border: 1px solid var(--lijn); background: var(--vlak); color: var(--tekst); font: inherit; font-size: var(--tekst-tabel); cursor: pointer; }
.uw-stip--vol { background: var(--accent); border-color: var(--accent); color: var(--vlak); }
.uw-stip--open { border: 2px solid var(--urgent); color: var(--urgent); font-weight: 600; }
.uw-stip--later { color: var(--tekst-zacht); }
.uw-stip--aan { outline: 2px solid var(--tekst); outline-offset: 2px; }
.uw-doorgaan { display: flex; flex-wrap: wrap; gap: var(--a1); align-items: center; }
.uw-chiprij { display: contents; }
.uw-chips { display: flex; gap: var(--a1); flex-wrap: wrap; }
.uw-chip { display: inline-flex; align-items: center; gap: var(--a1); border: 1px solid var(--lijn); background: var(--vlak); color: var(--tekst); border-radius: var(--radius-rond); padding: 0 var(--a2); min-height: 32px; font: inherit; font-size: var(--tekst-tabel); cursor: pointer; }
.uw-chip small { font-size: var(--tekst-klein); }
.uw-chip[aria-pressed="true"] { background: var(--accent-licht); border-color: var(--accent); color: var(--accent); font-weight: 600; }
.uw-wr-wrap { overflow-x: auto; }
.uw-wr-tabel { width: 100%; border-collapse: collapse; font-size: var(--tekst-tabel); }
.uw-wr-tabel th, .uw-wr-tabel td { padding: var(--a1); border-bottom: 1px solid var(--lijn); vertical-align: top; text-align: left; }
.uw-wr-tabel thead th { color: var(--tekst-zacht); font-weight: 600; font-size: var(--tekst-klein); }
.uw-wr-tabel tbody th { white-space: nowrap; font-weight: 600; padding-top: 14px; }
.uw-wr-tabel tbody th small { display: block; color: var(--accent); font-weight: 600; font-size: var(--tekst-klein); }
.uw-wr-uren { width: 84px; }
.uw-wr-zaak { width: 190px; }
.uw-wr-rit { width: 220px; }
.uw-wr-status { width: 96px; white-space: nowrap; padding-top: 14px !important; }
.uw-wr--nu { background: var(--accent-licht); }
.uw-wr--nu .uw-zacht { color: var(--tekst); }   /* grijs op het lichtblauw van vandaag haalt 4,5:1 niet */
.uw-wr--later { color: var(--tekst-zacht); }
.uw-wr--actief th .uw-wr-dag { color: var(--accent); }
.uw-wr--ingeklapt th, .uw-wr--ingeklapt td { padding-top: var(--a1) !important; }
.uw-veld { height: var(--hoogte-veld); font-size: var(--tekst-basis); min-width: 0; width: 100%; box-sizing: border-box; }
.uw-wat { resize: none; min-height: var(--hoogte-veld); field-sizing: content; line-height: 1.4; padding-top: 7px; padding-bottom: 7px; font-family: inherit; }
.uw-hint { display: block; color: var(--tekst-zacht); font-size: var(--tekst-klein); margin-top: 2px; }
.uw-veldfout { display: block; color: var(--fout-tekst); font-size: var(--tekst-klein); margin-top: 2px; }
.uw-ok { color: var(--goed-tekst); font-weight: 700; }
.uw-klein { font-size: var(--tekst-klein); }
.uw-zaken { display: flex; flex-wrap: wrap; gap: 4px; }
.uw-zk { min-height: var(--klikdoel); padding: 0 var(--a2); border-radius: var(--radius-rond); border: 1px solid var(--lijn); background: var(--vlak); color: var(--tekst); font: inherit; font-size: var(--tekst-klein); cursor: pointer; }
.uw-zk--aan { background: var(--accent); border-color: var(--accent); color: var(--vlak); font-weight: 600; }
.uw-ritchip { display: inline-flex; align-items: center; gap: 4px; background: var(--accent-licht); color: var(--tekst); border-radius: var(--radius-rond); padding: 2px 4px 2px var(--a2); margin: 0 4px 4px 0; font-size: var(--tekst-tabel); }
.uw-ritchip small { color: var(--tekst); font-size: var(--tekst-klein); }
.uw-ritopen { border: 0; background: transparent; padding: 0; font: inherit; color: var(--accent); text-decoration: underline; cursor: pointer; min-height: var(--klikdoel); }
.uw-ritchip-weg, .uw-dagweg { min-width: var(--klikdoel); min-height: var(--klikdoel); border: 0; background: transparent; color: var(--tekst); cursor: pointer; border-radius: var(--radius-rond); font: inherit; }
.uw-ritchip-weg:hover, .uw-dagweg:hover { background: var(--accent-licht); }
.uw-ritknoppen { display: flex; flex-wrap: wrap; gap: 4px; }
.uw-ritplus { min-height: var(--klikdoel); padding: 0 var(--a2); border-radius: var(--radius-rond); border: 1px dashed var(--accent); background: var(--vlak); color: var(--accent); font: inherit; font-size: var(--tekst-klein); cursor: pointer; }
.uw-losrij { display: grid; grid-template-columns: 1fr 80px 1fr auto auto; gap: 4px; margin-top: var(--a1); align-items: center; }
.uw-vink { display: flex; gap: var(--a1); align-items: center; }
.uw-sugg { display: grid; gap: 4px; margin-top: var(--a1); }
.uw-sugg > .uw-zacht { font-size: var(--tekst-klein); }
.uw-sugg-rij { display: grid; grid-template-columns: minmax(0, 1fr) 64px auto auto; gap: 4px var(--a1); align-items: center; }
.uw-sugg-rij .uw-veld { height: var(--klikdoel); font-size: var(--tekst-tabel); }
.uw-sugg-bron { grid-column: 1 / -1; font-size: var(--tekst-klein); }
.uw-riteditor { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--a2); padding: var(--a3); background: var(--vlak); border: 1px solid var(--accent); border-radius: var(--radius-kaart); }
.uw-veldlabel { display: grid; gap: 4px; font-size: var(--tekst-klein); color: var(--tekst-zacht); }
.uw-breed { grid-column: span 2; }
.uw-riteditor .ur-knoppen { grid-column: 1 / -1; }
.uw-knop-weg { margin-right: auto; }
.uw-bevestig span { flex: 1 1 260px; font-size: var(--tekst-basis); color: var(--tekst); }
.uw-laatst { margin: 0; font-size: var(--tekst-tabel); }

/* Overzicht */
.uw-segment { display: inline-flex; gap: 2px; background: var(--vlak); border: 1px solid var(--lijn); border-radius: var(--radius-veld); padding: 2px; }
.uw-seg { border: 0; background: transparent; font: inherit; font-size: var(--tekst-tabel); padding: var(--a1) var(--a3); border-radius: var(--radius-veld); color: var(--tekst); cursor: pointer; min-height: var(--klikdoel); }
.uw-seg[aria-pressed="true"] { background: var(--accent); color: var(--vlak); }
.uw-filters > summary { cursor: pointer; color: var(--accent); font-size: var(--tekst-tabel); min-height: var(--klikdoel); display: flex; align-items: center; }
.uw-filters[open] > summary { display: none; }
.uw-filterrij { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a3); align-items: center; }
.uw-filterlabel { color: var(--tekst-zacht); font-size: var(--tekst-klein); }
.uw-grafiek-kop { display: flex; flex-wrap: wrap; gap: var(--a2) var(--a3); align-items: baseline; justify-content: space-between; }
.uw-grafiek-getal { font-size: var(--tekst-groot); font-weight: 700; font-variant-numeric: tabular-nums; }
.uw-legenda { display: flex; flex-wrap: wrap; gap: var(--a1) var(--a3); color: var(--tekst-zacht); font-size: var(--tekst-klein); margin: 0; }
.uw-grafiek { position: relative; min-height: 200px; }
.uw-svg { display: block; max-width: 100%; height: auto; overflow: visible; }
.uw-staaf { fill: var(--accent); }
.uw-staaf--genoeg { fill: var(--goed-tekst); }
.uw-staaf--km { fill: var(--knop-secundair); }
.uw-z0 { fill: var(--knop-secundair); background: var(--knop-secundair); }
.uw-z1 { fill: var(--accent); background: var(--accent); }
.uw-z2 { fill: var(--vn-voor); background: var(--vn-voor); }
.uw-z3 { fill: var(--goed-tekst); background: var(--goed-tekst); }
.uw-z-kies { fill: var(--ring-baan); background: var(--ring-baan); stroke: var(--tekst-zacht); stroke-width: 1; stroke-dasharray: 3 2; }
.uw-raster { stroke: var(--lijn); stroke-width: 1; }
.uw-nodig { stroke: var(--urgent); stroke-width: 1.5; stroke-dasharray: 5 4; }
.uw-nodig-tekst { fill: var(--urgent); font-size: var(--tekst-klein); }
.uw-as { fill: var(--tekst-zacht); font-size: var(--tekst-klein); }
.uw-rand { fill: var(--tekst); font-size: var(--tekst-klein); font-weight: 700; }
.uw-staal { display: inline-block; width: 12px; height: 12px; border-radius: var(--radius-veld); margin-right: 4px; vertical-align: -1px; }
.uw-staal.uw-z-kies { border: 1px dashed var(--tekst-zacht); box-sizing: border-box; }
.uw-staal--uren { background: var(--accent); }
.uw-staal--genoeg { background: var(--goed-tekst); }
.uw-staal--km { background: var(--knop-secundair); }
.uw-staal--nodig { height: 0; border-top: 2px dashed var(--urgent); border-radius: 0; vertical-align: 3px; }
.uw-dk-kop { font-weight: 700; margin-bottom: var(--a1); }
.uw-dk-regel { display: flex; justify-content: space-between; gap: var(--a3); font-size: var(--tekst-tabel); }
.uw-dk-wat { margin: var(--a1) 0 0; font-size: var(--tekst-klein); color: var(--tekst-zacht); }
.uw-onder { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--a4); align-items: start; }
.uw-tabelwrap { overflow-x: auto; }
.uw-tabel { width: 100%; border-collapse: collapse; font-size: var(--tekst-tabel); font-variant-numeric: tabular-nums; }
.uw-tabel th, .uw-tabel td { padding: var(--a1) var(--a2); text-align: right; border-bottom: 1px solid var(--lijn); white-space: nowrap; }
.uw-tabel th:first-child { text-align: left; }
.uw-tabel thead th { color: var(--tekst-zacht); font-weight: 600; }
.uw-tabel th.uw-links, .uw-tabel td.uw-links { text-align: left; }
.uw-tabel-wat { white-space: normal !important; max-width: 420px; }
.uw-tabel-som th, .uw-tabel-som td { font-weight: 700; }
.uw-h3 { font-size: var(--tekst-basis); margin: 0 0 var(--a2); }
.uw-perzaak { list-style: none; margin: 0 0 var(--a2); padding: 0; display: grid; gap: var(--a2); font-size: var(--tekst-tabel); }
.uw-perzaak li { display: grid; grid-template-columns: minmax(0, 1fr) 70px auto; grid-template-areas: "naam balk getal" "naam sub sub"; gap: 2px var(--a2); align-items: center; }
.uw-perzaak li > span:first-child { grid-area: naam; }
.uw-perzaak-balk { grid-area: balk; height: 8px; background: var(--ring-baan); border-radius: var(--radius-rond); overflow: hidden; }
.uw-perzaak-balk i { display: block; height: 100%; background: var(--accent); }
.uw-perzaak li > b { grid-area: getal; text-align: right; }
.uw-perzaak li > .uw-zacht { grid-area: sub; text-align: right; }
.uw-kmbalk { display: inline-block; width: 48px; height: 6px; background: var(--ring-baan); border-radius: var(--radius-rond); margin-right: var(--a1); vertical-align: middle; overflow: hidden; }
.uw-kmbalk i { display: block; height: 100%; background: var(--knop-secundair); }

/* Tandwiel-inhoud */
.uw-twveld { display: grid; gap: 4px; margin-bottom: var(--a3); }
.uw-twveld small { color: var(--tekst-zacht); font-size: var(--tekst-klein); }
.uw-twlijst { list-style: none; padding: 0; margin: 0 0 var(--a2); display: grid; gap: var(--a1); font-size: var(--tekst-tabel); }
.uw-twtabel { width: 100%; font-size: var(--tekst-tabel); margin-bottom: var(--a2); }
.uw-twtabel th, .uw-twtabel td { text-align: left; padding: 4px var(--a2) 4px 0; }
.uw-twrij { display: flex; flex-wrap: wrap; gap: var(--a2); align-items: center; margin-bottom: var(--a2); }
.uw-twrij .bd-veld { max-width: 160px; }
.uw-twtijden { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--a3); }
.uw-tweenheid { display: inline-flex; gap: var(--a1); align-items: center; }
.uw-tweenheid .bd-veld { width: 80px; }
.uw-twklein { width: 64px !important; }
.uw-twrit { display: flex; flex-wrap: wrap; gap: var(--a2); justify-content: space-between; align-items: center; }

/* De melding onderin, vast in beeld */
.uw-toast { position: fixed; left: 50%; bottom: var(--a3); transform: translateX(-50%); width: min(720px, calc(100% - 2 * var(--a3))); z-index: 40; }
.uw-toast:empty { display: none; }
.uw-toast .bd-melding { box-shadow: var(--schaduw-laag); flex-wrap: wrap; }

@media (max-width: 1100px) { .uw-rij, .uw-onder { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 900px) { .uw-stats { grid-template-columns: minmax(0, 1fr); } .ur-import-koppel { grid-template-columns: 1fr 1fr; } }
/* Telefoon (alleen de gewone app op een smal scherm; BESLISSINGEN 03-10): Wat nu als één kaart, de week dag voor dag
   met de stippenrij, filters ingeklapt, ritten als stapel, klikdoelen van 44 px en velden van 17 px (geen zoom). */
@media (max-width: 600px) {
  .uw-kop .uw-tabs { order: 3; width: 100%; box-sizing: border-box; }
  .uw-tab { flex: 1 1 0; padding: var(--a1); min-height: 44px; }
  .uw-kop h1 { font-size: var(--tekst-titel); }
  .uw-tandwiel { width: 44px; height: 44px; }
  .uw-watnu { display: block; }
  .uw-scherm .uw-watnu > .bd-stat:not(.uw-wn-kort) { display: none; }
  .uw-scherm .uw-wn-kort { display: grid; gap: var(--a1); }
  .uw-wn-kort .bd-knop { width: 100%; margin-top: var(--a1); }
  .uw-kaart { padding: var(--a3); }
  .uw-wr-tabel, .uw-wr-tabel tbody { display: block; }
  .uw-wr-tabel thead { display: none; }
  .uw-wr-tabel tr.uw-wr { display: grid; grid-template-columns: minmax(0, 1fr) 96px auto; grid-template-areas: "dag uren status" "wat wat wat" "zaak zaak zaak" "rit rit rit"; gap: var(--a1) var(--a2); padding: var(--a2) 0; border-bottom: 1px solid var(--lijn); }
  .uw-wr-tabel tr.uw-wr:not(.uw-wr--actief) { display: none; }
  .uw-wr-tabel tr.uw-wr > * { border: 0; padding: 0; width: auto; }
  .uw-wr-tabel tr.uw-wr > th { grid-area: dag; padding-top: var(--a2); }
  .uw-wr-tabel .uw-wr-uren { grid-area: uren; }
  .uw-wr-tabel .uw-wr-wat { grid-area: wat; }
  .uw-wr-tabel .uw-wr-zaak { grid-area: zaak; }
  .uw-wr-tabel .uw-wr-rit { grid-area: rit; }
  .uw-wr-tabel .uw-wr-status { grid-area: status; padding-top: var(--a2) !important; text-align: right; white-space: normal; }
  .uw-wr-tabel tr.uw-wr--editor { display: none; }
  .uw-wr-tabel tr.uw-wr--editor.uw-wr--actief { display: block; }
  .uw-wr-tabel tfoot { display: block; }
  .uw-wr-tabel tfoot tr { display: grid; grid-template-columns: auto auto; justify-content: space-between; gap: var(--a1); }
  .uw-wr-tabel tfoot td[colspan] { display: none; }
  .uw-wr-tabel .uw-veld { font-size: var(--tekst-titel); }
  .uw-ritchip-weg, .uw-dagweg, .uw-zk, .uw-ritplus, .uw-stip, .uw-ritopen { min-height: 44px; min-width: 44px; }
  .uw-stippen { flex-wrap: nowrap; justify-content: space-between; }
  .uw-stip { flex: 1 1 0; min-width: 0; }
  .uw-doorgaan { display: grid; gap: var(--a1); }
  .uw-chiprij { display: flex; gap: var(--a1); overflow-x: auto; padding-bottom: 2px; }
  .uw-chiprij .uw-chip { flex: 0 0 auto; }
  .uw-losrij, .uw-riteditor { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .uw-sugg-rij { grid-template-columns: minmax(0, 1fr) 72px auto; }
  .uw-sugg-rij .bd-knop { grid-column: 1 / -1; }
  .uw-filters:not([open]) > summary { display: flex; }
  .uw-segment { display: flex; width: 100%; box-sizing: border-box; }
  .uw-seg { flex: 1 1 0; padding: var(--a1) 4px; min-height: 44px; }
  .uw-ritten-tabel thead { display: none; }
  .uw-ritten-tabel, .uw-ritten-tabel tbody { display: block; }
  .uw-ritten-tabel tr { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px var(--a2); padding: var(--a2) 0; border-bottom: 1px solid var(--lijn); }
  .uw-ritten-tabel tr > * { border: 0 !important; padding: 0 !important; text-align: left !important; white-space: normal !important; }
  .uw-ritten-tabel .uw-rit-doel { grid-column: 1 / -1; color: var(--tekst-zacht); }
  .uw-ritten-tabel td[data-kop="Zaak"], .uw-ritten-tabel td[data-kop="Rit"], .uw-kmbalk { display: none; }
  .uw-ritten-tabel tr.uw-rit-editrij { display: block; }
  .uw-twtijden { grid-template-columns: minmax(0, 1fr); }
  .uw-toast { bottom: var(--a2); }
}