:root { --bd:#cbd5e1; --focus:#2563eb; --err:#ef4444; --err-bg:#fef2f2; }
.select-date {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:.5rem;
  max-width: 420px;
}
.select-date select {
  padding:.6rem .7rem;
  border:1px solid var(--bd);
  border-radius:.5rem;
  font-size: 13px;
  background:#fff;cursor: pointer;
}
.select-date select:focus {
  outline:none;
  border-color:var(--focus);
  box-shadow:0 0 0 3px color-mix(in oklab, var(--focus) 20%, #fff);
}
.select-date.is-invalid select {
  border-color:var(--err);
  background:var(--err-bg);
}
