/* Scherm Uitkomsten (meetkant, klus 6): alleen indeling. Geen eigen kleur: alles komt uit /css/bouwdoos.css. */
.uk-pagina { background: var(--achtergrond); min-height: 100vh; margin: 0; }
.uk-scherm { max-width: var(--inhoud-max); margin: 0 auto; padding: var(--a4) var(--a3) var(--a5); }
.uk-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--a3); margin: var(--a3) 0 var(--a4); }
.uk-raster { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--a4); align-items: start; }
.uk-hoofd { display: grid; gap: var(--a4); min-width: 0; }
.uk-actie { display: grid; gap: var(--a2); }
.uk-schakel { display: flex; gap: var(--a1); align-items: center; font-size: var(--tekst-tabel); }
.uk-schakel input { width: var(--a3); height: var(--a3); }
.uk-auto { display: grid; gap: calc(var(--a1) / 3); padding: var(--a1) 0; border-bottom: 1px solid var(--lijn); font-size: var(--tekst-tabel); }
.uk-log { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--a1); font-size: var(--tekst-klein); }
.uk-meer > summary { list-style: none; cursor: pointer; margin: var(--a2) 0; }
.uk-meer > summary::-webkit-details-marker { display: none; }
.uk-droog { margin: calc(-1 * var(--a2)) 0 var(--a2) calc(2 * var(--a4) + var(--a2)); font-size: var(--tekst-klein); }
.uk-droog pre { white-space: pre-wrap; word-break: break-all; font-size: var(--tekst-klein); margin: var(--a1) 0 0; }
.uk-koppeling { display: flex; gap: var(--a1); align-items: center; font-size: var(--tekst-tabel); }
.uk-koppeling select { min-height: var(--hoogte-veld); }
@media (max-width: 1100px) { .uk-raster { grid-template-columns: minmax(0, 1fr); } .uk-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .uk-stats { grid-template-columns: minmax(0, 1fr); } }