/* Native date-picker suppression and accessibility bridge.
 * The real input stays type=date for forms/tests, but all visible interaction is
 * owned by the AMOSHA calendar so Chromium/OS native popovers cannot stack on it.
 */
.amosha-date-control {
  cursor: pointer;
}

.amosha-date-control > input[type="date"][data-amosha-date-picker="1"] {
  pointer-events: none;
}

.amosha-date-control[role="button"]:focus-visible {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);
}

.amosha-date-display {
  font-size: var(--text-body, 14px);
  line-height: var(--line-ui, 1.4);
}

.amosha-picker-title {
  font-size: var(--text-body, 14px);
}

.amosha-calendar-weekdays span {
  font-size: var(--text-caption, 12px);
}

.amosha-calendar-day,
.amosha-picker-today {
  font-size: var(--text-body-sm, 13px);
}

.amosha-calendar-day:disabled,
.amosha-calendar-day.is-disabled {
  cursor: not-allowed;
  opacity: .28;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
}

.amosha-calendar-day:disabled:hover,
.amosha-calendar-day.is-disabled:hover {
  background: transparent;
}

.amosha-picker-nav:disabled,
.amosha-picker-today:disabled {
  cursor: not-allowed;
  opacity: .35;
  background: transparent;
  color: var(--muted);
}
