/* Atlantic Image Defense v1.15.4.19.35.288 — Interactive native date picker control */
.aid-visual-monitoring-page .avm-date-field {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.aid-visual-monitoring-page .avm-date-field > label {
  display: block;
  margin: 0;
}

.aid-visual-monitoring-page .avm-date-control {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  border-radius: 10px;
}

.aid-visual-monitoring-page .avm-date-control > input[type="date"] {
  -webkit-appearance: auto;
  appearance: auto;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 64px 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  background: #fff;
  color: #13203b;
  color-scheme: light;
  font: inherit;
  font-size: 13px;
  outline: none;
}

/* The v287 full-field transparent native indicator is neutralized. The visible
   button below now opens the native picker through showPicker() during the
   user's click, while the input itself remains a normal date input. */
.aid-visual-monitoring-page .avm-date-control > input[type="date"]::-webkit-calendar-picker-indicator {
  position: static !important;
  z-index: auto !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  cursor: default !important;
}

.aid-visual-monitoring-page .avm-date-control__trigger {
  position: absolute;
  z-index: 4;
  top: 1px;
  right: 1px;
  bottom: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  min-width: 52px;
  margin: 0;
  padding: 0;
  border: 0;
  border-left: 1px solid #d7e3e7;
  border-radius: 0 9px 9px 0;
  background: #f4fafb;
  color: #0c7f91;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
  -webkit-tap-highlight-color: transparent;
}

.aid-visual-monitoring-page .avm-date-control__trigger:hover {
  background: #e7f5f7;
  color: #075f6d;
}

.aid-visual-monitoring-page .avm-date-control__trigger:active {
  background: #dceff2;
}

.aid-visual-monitoring-page .avm-date-control__trigger:focus-visible {
  outline: 3px solid rgba(52, 214, 255, .42);
  outline-offset: -3px;
  box-shadow: inset 0 0 0 1px #34d6ff;
}

.aid-visual-monitoring-page .avm-date-control__icon {
  position: static;
  z-index: auto;
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 0;
  transform: none;
  border: 0;
  background: center / 22px 22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230c7f91' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E");
  pointer-events: none;
}

.aid-visual-monitoring-page .avm-date-control:focus-within > input[type="date"] {
  border-color: #34d6ff;
  box-shadow: 0 0 0 4px rgba(52, 214, 255, .16);
}

.aid-visual-monitoring-page .avm-date-control.is-picker-unavailable .avm-date-control__trigger {
  background: #f7f9fa;
  color: #5f727b;
}

@media (max-width: 767px) {
  .aid-visual-monitoring-page .avm-date-control > input[type="date"] {
    min-height: 50px;
    padding-right: 62px;
  }

  .aid-visual-monitoring-page .avm-date-control__trigger {
    width: 54px;
    min-width: 54px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aid-visual-monitoring-page .avm-date-control__trigger {
    transition: none;
  }
}