/* 
  Этот файл нужен для продакшена.
  В `index.html` подключается `/index.css`, а без него на VM будет 404.
  Стили сейчас задаются в `index.html` через Tailwind CDN и inline `<style>`,
  поэтому можно оставить файл пустым.
*/

/* Autofill styles moved to /autofill.css */

/* Global guard: prevent page-level horizontal scrolling on mobile */
html,
body,
#root {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body,
  #root {
    overflow-x: clip;
  }
}

/* Keep local horizontal scrollers usable while hiding native bars */
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Keep calendar icon visible in dark mode for date inputs */
.dark .date-input-dark::-webkit-calendar-picker-indicator {
  filter: invert(1) brightness(2.2);
  opacity: 1;
}

.dark .date-input-dark {
  color-scheme: dark;
}

/* Scoped iOS-safe form control normalization for Create Event */
.create-event-form .create-event-control,
.create-event-form input,
.create-event-form select,
.create-event-form textarea {
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.35;
  font-size: 16px;
}

.create-event-form select {
  -webkit-appearance: menulist;
  appearance: auto;
}

.dark .create-event-form input[type="date"],
.dark .create-event-form input[type="time"] {
  color-scheme: dark;
}