.velix-native-datetime{display:none!important}
.velix-dt{position:relative;display:grid;gap:7px;min-width:210px}
.velix-date-display,.velix-time-select{
  min-height:42px;border:1px solid #444;border-radius:8px;background:#191919;
  color:#fff;padding:9px 11px;font:inherit
}
.velix-date-display{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}
.velix-date-display:hover,.velix-time-select:hover{border-color:#777}
.velix-calendar{
  position:absolute;z-index:12000;top:48px;left:0;width:300px;padding:12px;
  border:1px solid #555;border-radius:12px;background:#171717;color:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.55)
}
.velix-calendar[hidden]{display:none}
.velix-cal-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;margin-bottom:9px}
.velix-cal-head strong{text-align:center}.velix-cal-head button,.velix-cal-day{
  border:0;border-radius:7px;background:#272727;color:#fff;cursor:pointer;min-height:34px
}
.velix-cal-week,.velix-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.velix-cal-week span{text-align:center;color:#999;font-size:11px;padding:4px 0}
.velix-cal-day:hover{background:#2563eb}.velix-cal-day.today{outline:1px solid #60a5fa}
.velix-cal-day.selected{background:#2563eb;font-weight:900}.velix-cal-day.outside{opacity:.34}
.velix-time-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.velix-time-quick{display:flex;flex-wrap:wrap;gap:5px}
.velix-time-quick button{
  min-height:32px;border:1px solid #444;border-radius:7px;background:#272727;
  color:#fff;padding:5px 9px;font-weight:750;cursor:pointer
}
.velix-time-quick button:hover{background:#2563eb;border-color:#2563eb}
@media(max-width:600px){
  .velix-calendar{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 28px))}
  .velix-time-select{min-height:48px}.velix-time-quick button{min-height:42px;flex:1 1 calc(50% - 5px)}
}