/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

dialog:modal {
  max-width: 100vw;
  max-height: 100vh;
}

body:has(dialog[open]) {
  overflow: hidden;
  touch-action: none;
}

.material-icons.md-18 {
  font-size: 18px;
}

.material-icons-outlined.md-18 {
  font-size: 18px;
}

.material-icons.md-20 {
  font-size: 20px;
}

.material-icons-outlined.md-20 {
  font-size: 20px;
}


/* vanilla-calendar-pro（カレンダー）のstyleを上書き */

.vc-month:disabled,
.vc-year:disabled {
  color: #000 !important;
}

.vc-date[data-vc-date-selected] .vc-date__btn {
  background-color: var(--color-surface-primary) !important;
}

.vc-date[data-vc-date-today]:not([data-vc-date-selected]) .vc-date__btn {
  background-color: transparent !important;
  color: inherit !important;
  font-weight: normal !important;
}