/* Afwerking van dossier, berichten, documentvragen en bevestigingen.
   Deze regels raken geen bestaande merk-, pulse- of glanseffecten. */
.portal-bevestig{width:min(520px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); margin:auto;
  padding:0; border:1px solid rgba(193,154,74,.55); border-radius:22px; background:#07172f;
  color:#f4f6fa; box-shadow:0 24px 90px rgba(7,23,47,.45); overflow:auto; color-scheme:dark}
.portal-bevestig::backdrop{background:rgba(3,12,27,.72); backdrop-filter:blur(6px)}
.portal-bevestig-inhoud{padding:32px}
.portal-bevestig-label{display:block; color:#dbb968; font-size:.72rem; font-weight:700;
  letter-spacing:.18em; text-transform:uppercase; margin-bottom:18px}
.portal-bevestig h2{color:#fff; font-size:clamp(1.6rem,5vw,2rem); margin:0 0 14px; overflow-wrap:anywhere}
.portal-bevestig p{color:#cbd5e5; margin:0; line-height:1.7; white-space:pre-line}
.portal-bevestig-acties{display:flex; gap:12px; justify-content:flex-end; margin-top:30px; flex-wrap:wrap}
.portal-bevestig .btn{min-height:46px; white-space:normal; text-align:center}
.portal-bevestig :focus-visible{outline:2px solid #dbb968; outline-offset:4px}
.dos-zoeken{margin:0 0 24px; padding:22px; border:1px solid #e2e7ee; border-radius:22px; background:#fff}
.dos-zoeken-kop .eyebrow{color:#866a2e; font-size:.7rem; margin:0 0 6px}
.dos-zoeken-kop p{font-size:.88rem; line-height:1.6; margin:0 0 20px; color:#54657a}
.dos-zoekvelden{display:grid; grid-template-columns:minmax(160px,2fr) minmax(100px,1fr) minmax(140px,1.2fr); gap:14px}
.dos-zoekvelden label{display:flex; flex-direction:column; gap:7px; min-width:0; color:#1d2b39; font-size:.8rem; font-weight:600}
.dos-zoekvelden input,.dos-zoekvelden select{width:100%; min-width:0; min-height:48px; padding:11px 12px;
  border:1px solid #bec7d3; border-radius:11px; background:#f7f8fa; color:#1d2b39; font:inherit; font-size:.9rem}
.dos-zoekvelden input::placeholder{color:#65748a; opacity:1}
.dos-zoekvelden :focus-visible{outline:2px solid #866a2e; outline-offset:3px}
.dos-zoekvoet{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px 16px; margin-top:14px;
  min-height:36px; font-size:.76rem; color:#54657a}
.dos-zoekvoet button{font:inherit; color:#866a2e; font-weight:600; background:transparent; padding:8px 0; min-height:40px; cursor:pointer; text-decoration:underline; text-underline-offset:4px}
.dos-resultaten .dossier-lijst{margin:0}
.dos-geen-resultaat{padding:28px 22px; text-align:center; border:1px solid #e2e7ee; border-radius:14px}
.dos-geen-resultaat h3{font-size:1.4rem; margin:0 0 10px}
.dos-geen-resultaat p{font-size:.9rem; margin:0; color:#54657a}
.ber-datum,.ber-nieuw{display:flex; align-items:center; gap:14px; width:100%; margin:16px 0 10px;
  font-size:.73rem; font-weight:600; color:#54657a; text-align:center}
.ber-datum::before,.ber-datum::after,.ber-nieuw::before,.ber-nieuw::after{content:""; height:1px; flex:1; background:#e2e7ee}
.ber-nieuw{color:#866a2e; margin:10px 0 16px}
.ber-nieuw::before,.ber-nieuw::after{background:#c19a4a}
.ber-nieuw span{padding:5px 12px; border:1px solid #c19a4a; border-radius:30px}
.ber .ber-tekst{overflow-wrap:anywhere}
.ber-document{display:flex; flex:1 1 100%; align-items:center; gap:12px; min-width:0;
  padding:12px 14px; border:1px solid #d7c49c; border-radius:12px; background:#f7f1e2; color:#07172f}
.ber-document > span{flex:none; display:flex; color:#866a2e}
.ber-document svg{width:22px; height:22px}
.ber-document a{flex:1; min-width:0; text-decoration:none; color:inherit}
.ber-document small{display:block; color:#866a2e; font-size:.72rem; line-height:1.45; margin-bottom:3px}
.ber-document strong{display:block; font-size:.82rem; line-height:1.5; overflow-wrap:anywhere}
.ber-ref-weg,.ber-bijlage-weg{flex:none; min-width:40px; min-height:40px; font-size:1.5rem; background:transparent; color:inherit; cursor:pointer; border-radius:8px}
.ber-bijlage-naam{display:flex; align-items:center; gap:12px; overflow-wrap:anywhere}
.ber-bijlage-weg{margin-left:auto}
.kijker-service{flex:none; padding:8px 16px 10px; display:flex; justify-content:center; background:#07172f;
  border-bottom:1px solid rgba(193,154,74,.18)}
.kijker-vraag{display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:44px;
  padding:7px 16px; font:inherit; font-size:.82rem; font-weight:600; border-radius:12px;
  border:1px solid rgba(193,154,74,.45); background:#0e2145; color:#dbb968; cursor:pointer}
.kijker-vraag:hover{background:#17335c}
.kijker-vraag:focus-visible,.ber-ref-weg:focus-visible,.ber-bijlage-weg:focus-visible{outline:2px solid #dbb968; outline-offset:3px}
html.is-app .dos-zoeken{background:#0e2145; border-color:rgba(193,154,74,.3)}
html.is-app .dos-zoeken-kop .eyebrow{color:#dbb968}
html.is-app .dos-zoeken-kop p,html.is-app .dos-zoekvoet,html.is-app .dos-geen-resultaat p{color:#b9c6da}
html.is-app .dos-zoekvelden label{color:#e3e9f2}
html.is-app .dos-zoekvelden input,html.is-app .dos-zoekvelden select{color:#f4f6fa; background:#07172f;
  border-color:#4d607f; color-scheme:dark}
html.is-app .dos-zoekvelden input::placeholder{color:#a7b6ce}
html.is-app .dos-zoekvelden :focus-visible{outline-color:#dbb968}
html.is-app .dos-zoekvoet button{color:#dbb968}
html.is-app .dos-geen-resultaat{border-color:#354b6a}
html.is-app .ber-datum{color:#b9c6da}
html.is-app .ber-datum::before,html.is-app .ber-datum::after{background:#354b6a}
html.is-app .ber-nieuw{color:#dbb968}
html.is-app .ber-document{background:#0e2145; color:#f4f6fa; border-color:rgba(193,154,74,.45)}
html.is-app .ber-document small,html.is-app .ber-document > span{color:#dbb968}
html.is-app .ber-bijlage-naam{color:#b9c6da}
html.is-app .ber-fout{color:#ffb9ae}
html.is-app .app-paneel[data-paneel="berichten"]{padding-bottom:calc(var(--ber-composer-hoogte,70px) + 24px)}
@media(max-width:640px){
  .dos-zoekvelden{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px}
  .dos-zoekveld{grid-column:1/-1}
  .dos-zoeken{padding:18px}
  .dos-zoekvelden input,.dos-zoekvelden select{font-size:16px}
}
@media(max-width:400px){
  .portal-bevestig-inhoud{padding:24px}
  .portal-bevestig-acties{flex-direction:column-reverse; align-items:stretch}
  .ber-document{gap:8px; padding:10px}
}
@media(max-width:480px){
  .dos-zoekvelden{grid-template-columns:minmax(0,1fr)}
}