@media (max-width: 1180px) and (min-width: 901px) {
    .uitvoering-werkgebied { grid-template-columns: 180px minmax(0, 1fr); }
}

@media (max-width: 700px) {
    .weekstaat-werkblad > header,
    .invulstaat-werkblad > header,
    .weekstaat-keuze > header { align-items: flex-start; padding: 9px 11px; }
    .weekstaat-werkblad > header h1,
    .invulstaat-werkblad > header h1 { max-width: calc(100vw - 105px); overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
    .uitvoering-samenvatting { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .uitvoering-samenvatting > div:nth-child(2) { border-right: 0; }
    .uitvoering-samenvatting > div:nth-child(-n+2) { border-bottom: 1px solid #c8c8c8; }
    .weekstaat-metadata { grid-template-columns: 140px minmax(0, 1fr); }
    .uitvoering-bewerkbalk { grid-template-columns: minmax(0, 1fr) 150px; }
    .uitvoering-bewerkbalk p { grid-column: 1 / -1; border-top: 1px solid #d1d1d1; }
    .uitvoering-werkgebied { display: block; }
    .invulstaat-desktop-raster,
    .weekstaat-desktop-raster { display: none; }
    .invulstaat-mobiele-lijst,
    .weekstaat-mobiele-lijst { display: block; min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    .invulstaat-mobiele-rij,
    .weekstaat-mobiele-rij { box-sizing: border-box; border-bottom: 1px solid #b8b8b8; background: #fff; }
    .invulstaat-mobiele-rij { height: 144px; padding: 9px 11px; }
    .weekstaat-mobiele-rij { display: grid; height: 220px; grid-template-rows: 24px 38px 20px 54px 28px; gap: 5px; padding: 9px 11px; }
    .invulstaat-mobiele-rij.actief,
    .weekstaat-mobiele-rij.actief { background: #e2f1e8; box-shadow: inset 3px 0 var(--primair); }
    .invulstaat-mobiele-rij header,
    .weekstaat-mobiele-rij header { display: flex; align-items: center; gap: 9px; }
    .invulstaat-mobiele-rij header strong,
    .weekstaat-mobiele-rij header strong { color: #0b5a28; font-family: "Cascadia Mono", Consolas, monospace; }
    .invulstaat-mobiele-rij header small,
    .weekstaat-mobiele-rij header small { margin-left: auto; }
    .invulstaat-mobiele-rij p,
    .weekstaat-mobiele-rij p { margin: 7px 0; overflow: hidden; line-height: 18px; }
    .invulstaat-mobiele-rij dl { display: grid; grid-template-columns: repeat(3, 1fr); margin: 8px 0 0; }
    .invulstaat-mobiele-rij dl div { text-align: right; }
    .invulstaat-mobiele-rij dt { color: var(--subtiel); font-size: 10px; }
    .invulstaat-mobiele-rij dd { margin: 2px 0 0; font-weight: 700; }
    .weekstaat-mobiele-getallen { display: flex; justify-content: space-between; color: var(--subtiel); font-size: 10px; }
    .weekstaat-mobiele-getallen .mobiele-overschrijding { color: #714400; background: #fff4ce; font-weight: 750; }
    .weekstaat-mobiele-rij > label { display: grid; grid-template-columns: minmax(0, 1fr) 120px; align-items: center; gap: 8px; }
    .weekstaat-mobiele-fout { grid-column: 1 / -1; overflow: hidden; color: #a4262c; font-size: 10px; font-weight: 700; line-height: 12px; text-overflow: ellipsis; white-space: nowrap; }
    .weekstaat-mobiele-rij footer { display: flex; align-items: center; justify-content: space-between; }
    .weekstaat-raster-totaal { min-height: 46px; padding-inline: 11px; }
}

@media (max-width: 430px) {
    .weekstaat-metadata { grid-template-columns: 1fr; }
    .weekstaat-metadata label { border-right: 0; border-bottom: 1px solid #ddd; }
    .uitvoering-bewerkbalk { grid-template-columns: 1fr; }
    .uitvoering-bewerkbalk p { grid-column: 1; }
    .weekstaat-mobiele-rubriek { border-top: 1px solid #ddd; }
}