.haugli-datepicker {
  position: absolute;
  z-index: 99999;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 12px;
  width: 320px;
}
.haugli-datepicker[hidden] { display:none !important; }
.haugli-datepicker__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  gap:8px;
}
.haugli-datepicker__nav {
  border:0;
  background:#f5f5f5;
  border-radius:6px;
  width:32px;
  height:32px;
  cursor:pointer;
}
.haugli-datepicker__title { font-weight:700; }
.haugli-datepicker__grid {
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:6px;
}
.haugli-datepicker__dow,
.haugli-datepicker__day {
  text-align:center;
  font-size:13px;
}
.haugli-datepicker__dow { color:#666; padding:4px 0; }
.haugli-datepicker__day {
  border:0;
  background:#fff;
  border-radius:6px;
  min-height:36px;
  cursor:pointer;
}
.haugli-datepicker__day:hover { background:#f3f3f3; }
.haugli-datepicker__day.is-selected { background:#111; color:#fff; }
.haugli-datepicker__day.is-disabled {
  color:#bbb;
  background:#fafafa;
  cursor:not-allowed;
  text-decoration:line-through;
}