.vs-mijn-cards{display:grid;gap:8px;}
.vs-mijn-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
}
.vs-mijn-card__link{display:grid;gap:2px;color:inherit;text-decoration:none;min-width:0;}
.vs-mijn-card__link:hover .vs-mijn-card__title{color:#fff;}
.vs-mijn-card__city{font-weight:800;}
.vs-mijn-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vs-mijn-card__meta{color:#c8c8d4;font-size:13px;}
.vs-mijn-card__km{margin-left:8px;color:#f97b0a;font-weight:700;font-size:12px;}
.vs-mijn-updates{display:grid;gap:8px;}
.vs-mijn-update a{
  display:grid;gap:2px;padding:8px 10px;border-radius:12px;
  background:rgba(0,0,0,.35);color:inherit;text-decoration:none;
}
.vs-mijn-update p{margin:4px 0 0;color:#d7d7e2;}
.vs-mijn-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0;}
.vs-mijn-stats li{display:grid;gap:2px;padding:8px;border-radius:12px;background:rgba(0,0,0,.28);text-align:center;}
.vs-mijn-stats strong{font-size:22px;}
.vs-mijn-stats span{color:#c8c8d4;font-size:12px;}

.vs-agenda-scope{display:grid;gap:10px;margin:12px 0;}
.vs-agenda-scope__modes{display:flex;flex-wrap:wrap;gap:8px;}
.vs-agenda-scope__filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;}
.vs-agenda-scope__filters[hidden]{display:none;}
.vs-agenda-scope__field{display:grid;gap:4px;font-size:13px;}
.vs-agenda-scope__field select{
  min-width:180px;background:#14141c;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:7px 8px;
}
.agenda-nav{
  width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.35);color:#fff;font-size:24px;line-height:1;cursor:pointer;
}
.vs-agenda-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;}
.vs-agenda-nav__title{margin:0;font-size:22px;text-transform:capitalize;}
.vs-agenda-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;}
.vs-agenda-grid__head{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#b8b8c8;padding:0 4px;}
.vs-agenda-grid__pad{min-height:84px;}
.vs-agenda-grid__day{
  min-height:84px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:12px;
  background:rgba(0,0,0,.28);color:inherit;padding:6px;display:grid;align-content:start;gap:2px;cursor:pointer;
}
.vs-agenda-grid__day span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vs-agenda-grid__day.has-shows{border-color:rgba(249,123,10,.45);}
.vs-agenda-grid__day.has-fav{box-shadow:inset 0 0 0 1px rgba(61,206,122,.55);}
.vs-agenda-grid__more{color:#f97b0a;font-weight:800;}
.vs-agenda-modal{
  position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;padding:16px;
}
.vs-agenda-modal[hidden]{display:none;}
.vs-agenda-modal__box{
  width:min(560px,100%);max-height:min(80vh,720px);overflow:auto;
  background:#181926;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:16px 18px;
  display:grid;gap:10px;
}
.vs-agenda-modal__box h2{margin:0;}
.vs-agenda-modal__box .mijn-kermis-actions__btn--primary{
  background:#fff !important;
  color:#111 !important;
  border:1px solid rgba(255,255,255,.9);
}
.vs-agenda-modal__box .mijn-kermis-actions__btn--primary:hover{
  background:#f3f3f3 !important;
  color:#111 !important;
}
.vs-agenda-modal__close{
  justify-self:end;border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;
}
.vs-agenda-code{font-size:28px;font-weight:800;letter-spacing:.04em;margin:0;}
.vs-mijn-daylink{display:grid;gap:2px;color:inherit;text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.vs-mijn-daylink span{color:#c8c8d4;font-size:13px;}
.mijn-kermis-city-suggest{position:relative;}
.mijn-kermis-city-suggest button{
  display:block;width:100%;text-align:left;background:#14141c;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 10px;cursor:pointer;
}

@media (max-width:720px){
  .vs-mijn-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vs-agenda-grid__day{min-height:64px;padding:4px;}
  .vs-agenda-grid__day span{display:none;}
  .vs-agenda-grid__day.has-shows strong{color:#f97b0a;}
}