/* V187.3.1 · Click/tap anywhere in either date field to open native picker. */
/* Keep the existing native input accessible and keyboard-operable. */
.v184-datebar .v184-date-control {
  position:relative;
  isolation:isolate;
  cursor:pointer;
}
.v184-datebar .v184-date-control input[type="date"] {
  cursor:pointer;
}
/* Extend the native WebKit picker hit target from its tiny icon to the full input. */
.v184-datebar .v184-date-control input[type="date"]::-webkit-calendar-picker-indicator {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
  z-index:3;
}
/* Provide a consistent calendar icon; the native icon is transparent but clickable everywhere. */
.v184-datebar .v184-date-control::after {
  content:"";
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  width:17px;
  height:17px;
  pointer-events:none;
  z-index:2;
  background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2324584e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4M17 3v4M3 10h18'/%3E%3C/svg%3E");
}
@media(max-width:699px) {
 .v184-datebar .v184-date-control::after {right:10px; width:18px;height:18px;}
 .v184-datebar .v184-date-control .v184-date-hint {padding-right:28px;}
}