/* ============================================================
   SERENZA · app.css
   Admin calendar scroll wrapper.
   All other styles have been moved to modular files:
   - layout/reset.css, layout/layout.css, layout/grid.css, layout/utilities.css
   - components/notifications.css, components/chat.css, components/cookie-consent.css
   - pages/portal.css, pages/event-list.css, pages/schedule.css
   - pages/overview.css, pages/creative-line.css, pages/vendor-rfq.css
   - pages/tickets.css, pages/legal.css, pages/wizard.css
   - pages/appointments.css, pages/payment-history.css
   ============================================================ */

/* ---------- ADMIN CALENDAR SCROLL ---------- */
.sz-calendar-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.calendar-entry {
  transition: opacity .15s;
}
.calendar-entry:hover,
.calendar-entry:focus {
  opacity: .7;
}
.calendar-entry:active {
  opacity: .5;
}

@media (max-width: 767px) {
  .sz-calendar-scroll table {
    min-width: 500px;
  }

  .sz-calendar-scroll td {
    height: 50px !important;
  }

  .sz-calendar-scroll td > div:first-child {
    padding: 4px 6px 2px !important;
  }

  .sz-calendar-scroll td > div:first-child span {
    font-size: 11px !important;
  }

  .sz-calendar-scroll .calendar-entry {
    font-size: 10px !important;
    padding: 4px 6px !important;
    min-height: 22px;
  }

  .sz-calendar-scroll th {
    font-size: 10px !important;
    padding: 8px 0 !important;
  }
}