/* Aurora datepicker — Air Datepicker theme (light + dark) */

.dm-date-field {
  position: relative;
  display: block;
  width: 100%;
}

.dm-date-field .dm-date-input,
.dm-date-field input.form-control {
  padding-right: 2rem;
  cursor: pointer;
}

.dm-date-field__icon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--dm-text-3);
  font-size: 0.8125rem;
  pointer-events: none;
  line-height: 1;
}

.dm-date-field .dm-date-input:focus + .dm-date-field__icon,
.dm-date-field .form-control:focus + .dm-date-field__icon {
  color: var(--dm-accent, var(--dm-primary));
}

input[type="date"]:not(.dm-date-skip) {
  appearance: none;
}

/* ─── Calendar popover (Aurora) ─── */
.air-datepicker.dm-air-datepicker,
.dm-air-datepicker.air-datepicker {
  --adp-font-family: var(--dm-font);
  --adp-font-size: 0.8125rem;
  --adp-width: 17.5rem;
  --adp-z-index: 11050;
  --adp-padding: 0;
  --adp-border-radius: 0.625rem;
  --adp-background-color: var(--dm-surface);
  --adp-background-color-hover: var(--dm-surface-2);
  --adp-background-color-active: var(--dm-primary-soft);
  --adp-color: var(--dm-text-2);
  --adp-color-secondary: var(--dm-text-3);
  --adp-accent-color: var(--dm-accent, var(--dm-primary));
  --adp-color-current-date: var(--dm-accent, var(--dm-primary));
  --adp-background-color-selected: var(--dm-accent, #1e2d6e);
  --adp-background-color-selected-hover: var(--dm-accent-hover, #162358);
  --adp-color-selected: #ffffff;
  --adp-color-selected-other-month: #ffffff;
  --adp-background-color-selected-other-month: var(--dm-accent, #1e2d6e);
  --adp-border-color: var(--dm-border);
  --adp-border-color-inner: var(--dm-border);
  --adp-cell-border-radius: 0.375rem;
  --adp-btn-color: var(--dm-link, var(--dm-primary));
  --adp-btn-color-hover: var(--dm-accent-hover, var(--dm-primary-hover));
  --adp-btn-background-color-hover: var(--dm-surface-2);

  border: 1px solid var(--dm-border-strong);
  border-radius: 0.625rem;
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12), 0 2px 6px rgba(16, 24, 40, 0.06);
  font-family: var(--dm-font);
  overflow: hidden;
}

.dm-air-datepicker .air-datepicker-nav {
  background: var(--dm-accent, var(--dm-primary));
  border-bottom: none;
  padding: 0.5rem 0.625rem;
  margin: 0;
}

.dm-air-datepicker .air-datepicker-nav--title {
  font-weight: 600;
  font-size: 0.8125rem;
  color: var(--dm-accent-text, #fff);
  border-radius: 0.375rem;
}

.dm-air-datepicker .air-datepicker-nav--title:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--dm-accent-text, #fff);
}

.dm-air-datepicker .air-datepicker-nav--action {
  border-radius: 0.375rem;
  color: rgba(255, 255, 255, 0.85);
}

.dm-air-datepicker .air-datepicker-nav--action:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.dm-air-datepicker .air-datepicker-nav--action path {
  stroke: currentColor;
}

.dm-air-datepicker .air-datepicker-body {
  padding: 0.5rem 0.625rem 0.375rem;
}

.dm-air-datepicker .air-datepicker-body--day-names {
  margin-bottom: 0.25rem;
}

.dm-air-datepicker .air-datepicker-body--day-name {
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--dm-text-3);
}

.dm-air-datepicker .air-datepicker-cell.-day- {
  font-size: 0.75rem;
  font-weight: 500;
}

.dm-air-datepicker .air-datepicker-cell.-day-.-selected-,
.dm-air-datepicker .air-datepicker-cell.-day-.-selected-.-current-,
.dm-air-datepicker .air-datepicker-cell.-day-.-current-.-selected-,
.dm-air-datepicker .air-datepicker-cell.-day-.-selected-.-other-month- {
  background: var(--dm-accent, #1e2d6e) !important;
  color: #fff !important;
  font-weight: 600;
  box-shadow: none !important;
}

.dm-air-datepicker .air-datepicker-cell.-day-.-selected-:hover,
.dm-air-datepicker .air-datepicker-cell.-day-.-selected-.-current-:hover,
.dm-air-datepicker .air-datepicker-cell.-day-.-current-.-selected-:hover {
  background: var(--dm-accent-hover, #162358) !important;
  color: #fff !important;
}

.dm-air-datepicker .air-datepicker-cell.-day-.-current-:not(.-selected-) {
  color: var(--dm-accent, var(--dm-primary));
  font-weight: 700;
  box-shadow: inset 0 0 0 1px var(--dm-primary-ring);
}

.dm-air-datepicker .air-datepicker-cell.-day-.-current-.-selected- {
  box-shadow: none !important;
}

.dm-air-datepicker .air-datepicker-cell.-day-:hover:not(.-disabled-):not(.-selected-) {
  background: var(--dm-primary-soft);
  color: var(--dm-text);
}

.dm-air-datepicker .air-datepicker-buttons {
  border-top: 1px solid var(--dm-border);
  padding: 0.375rem 0.625rem 0.5rem;
  margin: 0;
  gap: 0.5rem;
  display: flex;
  justify-content: flex-end;
}

.dm-air-datepicker .air-datepicker-button {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--dm-link, var(--dm-primary));
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
}

.dm-air-datepicker .air-datepicker-button:hover {
  background: var(--dm-surface-2);
  color: var(--dm-accent-hover, var(--dm-primary-hover));
}

[data-theme="dark"] .dm-air-datepicker.air-datepicker {
  border-color: var(--dm-border-strong);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 14px 40px rgba(0, 0, 0, 0.55);
  --adp-background-color-selected: #4a5faa;
  --adp-background-color-selected-hover: #5769b8;
  --adp-color-selected: #ffffff;
  --adp-color-selected-other-month: #ffffff;
}

[data-theme="dark"] .dm-air-datepicker .air-datepicker-nav {
  background: linear-gradient(180deg, #5769b8 0%, #4a5faa 100%);
}

[data-theme="dark"] .dm-air-datepicker .air-datepicker-cell.-day-.-selected-,
[data-theme="dark"] .dm-air-datepicker .air-datepicker-cell.-day-.-selected-.-current-,
[data-theme="dark"] .dm-air-datepicker .air-datepicker-cell.-day-.-current-.-selected- {
  background: linear-gradient(180deg, #5769b8 0%, #4a5faa 100%) !important;
  color: #fff !important;
}

[data-theme="dark"] .dm-air-datepicker .air-datepicker-cell.-day-.-current-:not(.-selected-) {
  color: var(--dm-link);
  box-shadow: inset 0 0 0 1px rgba(140, 165, 230, 0.45);
}

[data-theme="dark"] .dm-date-field__icon {
  color: var(--dm-text-3);
}

[data-theme="dark"] .dm-date-field .dm-date-input:focus + .dm-date-field__icon,
[data-theme="dark"] .dm-date-field .form-control:focus + .dm-date-field__icon {
  color: var(--dm-link);
}

.dm-auth-field .dm-date-input--auth {
  padding-right: 0.5rem;
  cursor: pointer;
}

.dm-auth-field .dm-date-field .form-control {
  background: transparent;
  border: none;
  color: inherit;
}