.vn-events-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}
.vn-events-tools input,.vn-events-tools select{width:100%;box-sizing:border-box;padding:12px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.28);color:#fff}
.vn-events-list{display:grid;gap:16px;margin-top:22px}
.vn-event-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.075);border-radius:20px;padding:20px}
.vn-event-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.vn-event-meta span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 10px;color:#d6e4f5;background:rgba(255,255,255,.06);font-size:.9rem}
.vn-empty{padding:20px;border:1px dashed rgba(255,255,255,.22);border-radius:18px;color:#d6e4f5}
@media(max-width:800px){.vn-events-tools{grid-template-columns:1fr}}


/* UI fixes: readable dropdowns, better card buttons, and empty-state marketing cards */
.vn-directory-tools input,
.vn-directory-tools select,
.vn-events-tools input,
.vn-events-tools select{
  background:#0e1a2a !important;
  color:#ffffff !important;
  border-color:rgba(143,250,255,.34) !important;
}
.vn-directory-tools select option,
.vn-events-tools select option{
  background:#0e1a2a !important;
  color:#ffffff !important;
}
.vn-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}
.vn-card-actions .vn-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  border-radius:999px;
  padding:11px 14px;
  font-weight:900;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.28);
}
.vn-btn-main-link{
  color:#04111f !important;
  background:linear-gradient(135deg,#8ffaff,#d9fffb) !important;
  box-shadow:0 12px 30px rgba(124,247,255,.22);
}
.vn-btn-music-link{
  color:#170b1f !important;
  background:linear-gradient(135deg,#ffd166,#fff0ad) !important;
  box-shadow:0 12px 30px rgba(255,209,102,.22);
}
.vn-btn-venue-link,
.vn-btn-event-link{
  color:#04111f !important;
  background:linear-gradient(135deg,#8ffaff,#d9fffb) !important;
}
.vn-empty-marketing{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:18px;
  align-items:center;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(143,250,255,.26);
  background:
    radial-gradient(circle at 18% 12%,rgba(124,247,255,.18),transparent 32%),
    radial-gradient(circle at 88% 12%,rgba(255,209,102,.16),transparent 30%),
    rgba(255,255,255,.075);
  box-shadow:0 24px 80px rgba(0,0,0,.28);
  color:#fff;
}
.vn-empty-marketing h3{
  margin:0 0 10px;
  font-size:clamp(1.4rem,3vw,2.2rem);
  color:#fff;
}
.vn-empty-marketing p{
  color:#d7e4f7;
  line-height:1.7;
  margin:0 0 18px;
}
.vn-empty-marketing .vn-empty-icon{
  font-size:4rem;
  text-align:center;
  opacity:.92;
}
.vn-empty-marketing .vn-btn{
  display:inline-flex;
  width:auto;
  color:#04111f!important;
  background:linear-gradient(135deg,#ffd166,#fff0ad)!important;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  text-decoration:none;
}
@media(max-width:760px){
  .vn-empty-marketing{grid-template-columns:1fr}
  .vn-empty-marketing .vn-empty-icon{text-align:left;font-size:3rem}
  .vn-card-actions{flex-direction:column}
}