/* Reisplanner — wat de echte app nodig heeft bovenop de mockup-opmaak (app.css). Kleuren alleen via tokens. */
body{min-height:100vh;}
a.tab{text-decoration:none;}
a.btn{text-decoration:none;}
.toast{position:fixed;z-index:50;display:flex;align-items:center;gap:8px;max-width:min(560px,92vw);}
.toast.fout{background:var(--status-danger);border-color:var(--status-danger);}
.toast.fout svg{color:var(--white);}
.desk-body{max-width:1500px;}
.alleen-klein{display:none;}
.venster-laag{z-index:40;}
.kal-detail{position:sticky;top:12px;}
.stap-voet{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);flex-wrap:wrap;}
@media (max-width:760px){
  .alleen-groot{display:none;}
  .alleen-klein{display:grid;}
  .desk-tabs{padding:12px 12px 0;}
  .desk-body{padding:12px 12px 40px;}
  .desk-top .rechts .rol{display:none;}
  .kal-wrap,.raster2,.boek{grid-template-columns:1fr;}
  .aanvraag-body{grid-template-columns:1fr;}
  .aanvraag-venster{width:100%;max-height:100vh !important;border-radius:0;}
  .venster-laag{padding-top:0 !important;}
  .kop-pagina .rechts{margin-left:0;}
}
/* Pagina achter de link uit de mail (goedkeuren, eigen gegevens): smal, telefoon eerst. */
.link-pagina .app-top{position:sticky;top:0;z-index:5;}
.link-pagina main{max-width:560px;margin:0 auto;padding:14px;display:grid;gap:12px;}
.link-pagina .wensen{display:grid;gap:10px;}
.toast[hidden]{display:none;}