/* TIME 2' — Global date UI
   Visible format: dd/mm/yy
   Existing native date input remains the real field used by the site/PVS.
*/
.t2-date-wrap{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
}
.t2-date-display{
  width:100% !important;
  box-sizing:border-box !important;
  padding-right:48px !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.t2-date-display::placeholder{
  color:rgba(255,255,255,.48) !important;
  -webkit-text-fill-color:rgba(255,255,255,.48) !important;
  opacity:1;
}
.t2-date-button{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff !important;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:4;
}
.t2-date-button svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.t2-date-button:hover{opacity:.72}
.t2-date-button:focus-visible{
  outline:1px solid rgba(255,255,255,.7);
  outline-offset:2px;
  border-radius:4px;
}
.t2-native-date{
  position:absolute !important;
  right:8px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  margin:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  border:0 !important;
  z-index:-1 !important;
}

/* Before JS enhancement / graceful fallback */
input[type="date"]{
  color-scheme:dark;
}
input[type="date"]::-webkit-calendar-picker-indicator{
  filter:invert(1) brightness(2);
  opacity:1;
  cursor:pointer;
}