/* Events styles (scaffold) */

/* Event Planner: compact date/time controls */
.event-datetime-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: center; margin-top: 8px; }
.event-datetime-row input[type="date"],
.event-datetime-row input[type="time"] { min-width: 0; padding: 6px 8px; line-height: 1.2; height: 36px; }

/* Tablet adjustments */
@media (max-width: 1024px) {
  .event-datetime-row { gap: 6px; }
  .event-datetime-row input[type="date"],
  .event-datetime-row input[type="time"] { height: 34px; padding: 6px 8px; }
}

/* Phone adjustments */
@media (max-width: 768px) {
  .event-datetime-row { grid-template-columns: 1fr 1fr; gap: 6px; }
  .event-datetime-row input[type="date"],
  .event-datetime-row input[type="time"] { height: 34px; padding: 6px 8px; }
}
@media (max-width: 480px) {
  .event-datetime-row { grid-template-columns: 1fr !important; gap: 6px; }
  .event-datetime-row input[type="date"],
  .event-datetime-row input[type="time"] { width: 100%; }
}