/* Mobiel dossieroverzicht */
@media screen and (max-width: 760px) {
 .content-grid { grid-template-columns: minmax(0,1fr) !important; }
 .content-grid > .card { min-width: 0; }
 .content-grid .table-wrap { overflow: visible !important; min-width: 0 !important; }
 .content-grid .table-wrap table { display: block; width: 100% !important; min-width: 0 !important; }
 .content-grid .table-wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .content-grid .table-wrap tbody { display: grid; gap: 16px; }
 .content-grid .table-wrap tr { display: block; padding: 16px; border: 1px solid #dce3ed; border-radius: 12px; background: #fff; }
 .content-grid .table-wrap td { display: block; width: auto !important; min-width: 0 !important; padding: 8px 0 !important; border: 0 !important; white-space: normal !important; overflow-wrap: anywhere; }
 .content-grid .table-wrap td::before { display: block; color: #627188; font-size: 12px; font-weight: 700; margin-bottom: 5px; }
 .content-grid .table-wrap td:nth-child(1)::before { content: 'Dossier'; }
 .content-grid .table-wrap td:nth-child(2)::before { content: 'Contactpersoon'; }
 .content-grid .table-wrap td:nth-child(3)::before { content: 'Status'; }
 .content-grid .table-wrap td:first-child > a { font-size: 19px; font-weight: 700; }
 .content-grid .table-wrap td small { display: block; overflow-wrap: anywhere; }
 .content-grid .table-wrap .badge { max-width: 100%; box-sizing: border-box; white-space: normal; border-radius: 10px; }
 .content-grid .table-wrap td:nth-child(4) > a { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 48px; width: 100%; box-sizing: border-box; padding: 12px; border-radius: 8px; background: #142d4e; color: #fff; text-decoration: none; font-weight: 700; }
 .content-grid .table-wrap td:nth-child(4) > a:focus-visible { outline: 3px solid #326cb0; outline-offset: 3px; }
 .content-grid .table-wrap td:nth-child(4) form { margin-top: 12px; }
}

/* Dezelfde compacte statuslabels op mobiel en computer. */
.content-grid .table-wrap .dossier-status-label {
 display: inline-flex !important; align-items: center; justify-content: center;
 padding: 5px 10px !important; border: 1px solid transparent !important;
 border-radius: 999px !important; font-size: 13px; font-weight: 700;
 line-height: 1.4; max-width: 100%; box-sizing: border-box;
 white-space: normal; overflow-wrap: anywhere;
}
.content-grid .table-wrap [data-dossier-status="voormelding"].dossier-status-label {
 background: #fef3c7 !important; color: #713f12 !important; border-color: #d6a21e !important;
}
.content-grid .table-wrap [data-dossier-status="in-behandeling"].dossier-status-label {
 background: #fee2e2 !important; color: #991b1b !important; border-color: #f87171 !important;
}
.content-grid .table-wrap [data-dossier-status="afgehandeld"].dossier-status-label {
 background: #dcfce7 !important; color: #166534 !important; border-color: #4ade80 !important;
}

/* Herkenning via kolomkoppen, ook buiten de oorspronkelijke pagina-indeling. */
.dossier-status-label {
 display:inline-flex!important; align-items:center; gap:7px;
 padding:6px 11px!important; border-radius:999px!important;
 font-weight:700!important; font-size:13px!important; line-height:1.4;
 border:1px solid transparent!important; white-space:normal!important;
}
:is(.content-grid .table-wrap, body) .dossier-status-label[data-dossier-status="voormelding"] {background:#facc15!important;color:#422006!important;border-color:#ca8a04!important}
:is(.content-grid .table-wrap, body) .dossier-status-label[data-dossier-status="in-behandeling"] {background:#dc2626!important;color:#fff!important;border-color:#b91c1c!important}
:is(.content-grid .table-wrap, body) .dossier-status-label[data-dossier-status="afgehandeld"] {background:#15803d!important;color:#fff!important;border-color:#166534!important}
table.dossier-overzicht td[data-dossier-kolom="openen"]>a,
table.dossier-overzicht td[data-dossier-kolom="acties"]>a {
 display:inline-flex;align-items:center;justify-content:center;gap:10px;
 min-height:44px;padding:10px 14px;border-radius:7px;
 background:#142d4e;color:#fff;text-decoration:none;font-weight:700;
}
table.dossier-overzicht td>a:focus-visible {outline:3px solid #326cb0;outline-offset:3px}
@media screen and (max-width:900px) {
 .portal-main,.workspace,.content-grid,.content-grid>.card{min-width:0!important;max-width:100%;box-sizing:border-box}
 .content-grid{grid-template-columns:minmax(0,1fr)!important}
 .dossier-overzicht-wrap{overflow:visible!important;min-width:0!important;max-width:100%}
 table.dossier-overzicht{display:block!important;width:100%!important;min-width:0!important;table-layout:fixed}
 table.dossier-overzicht thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 table.dossier-overzicht tbody{display:grid!important;gap:16px;width:100%}
 table.dossier-overzicht tr{display:block!important;padding:16px;border:1px solid #dce3ed;border-radius:12px;background:#fff;min-width:0}
 table.dossier-overzicht td{display:block!important;width:100%!important;min-width:0!important;padding:8px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
 table.dossier-overzicht td::before{display:block;color:#627188;font-size:12px;font-weight:700;margin-bottom:5px;text-transform:capitalize;content:attr(data-dossier-kolom)}
 table.dossier-overzicht td:first-child>a{font-size:19px;font-weight:700}
 table.dossier-overzicht td small{display:block;overflow-wrap:anywhere}
 table.dossier-overzicht td[data-dossier-kolom="openen"]>a,
 table.dossier-overzicht td[data-dossier-kolom="acties"]>a{display:flex!important;width:100%!important;min-height:48px;box-sizing:border-box}
 table.dossier-overzicht td form{margin-top:12px}
 table.dossier-overzicht td button{max-width:100%;white-space:normal}
 .lvc-top-action{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .lvc-top-action>a,.lvc-top-action>button{width:100%;box-sizing:border-box;white-space:normal}
}