.app-date-input {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100% !important;
}

.app-date-input-text {
  box-sizing: border-box;
  width: 9.8rem !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 6px 10px;
  border: 1px solid #b7cde0;
  border-radius: 8px;
  background: #fff;
  color: #213547;
  font-size: 13px;
  line-height: 1.2;
}

.app-date-input-picker {
  box-sizing: border-box;
  width: 42px !important;
  min-width: 42px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding-inline: 6px;
  border: 1px solid #b7cde0;
  border-radius: 8px;
  background: #fff;
  color: transparent;
  cursor: pointer;
}

.app-date-input-time {
  box-sizing: border-box;
  width: 5.5rem !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 6px 10px;
  border: 1px solid #b7cde0;
  border-radius: 8px;
  background: #fff;
  color: #213547;
  font-size: 13px;
  line-height: 1.2;
}

.app-date-input-text:focus,
.app-date-input-picker:focus,
.app-date-input-time:focus {
  border-color: #2b7bb9;
  outline: 2px solid rgba(43, 123, 185, 0.16);
  outline-offset: 1px;
}