.vimaj-datetime{display:grid;grid-template-columns:minmax(78px,1fr) minmax(92px,1.25fr) minmax(86px,1fr);gap:7px;width:100%;direction:rtl}
.vimaj-datetime.has-time{grid-template-columns:repeat(6,minmax(0,1fr))}
.vimaj-datetime.has-time select[data-part="year"],.vimaj-datetime.has-time select[data-part="month"],.vimaj-datetime.has-time select[data-part="day"]{grid-column:span 2}
.vimaj-datetime.has-time .vimaj-time-separator{display:none}
.vimaj-datetime.has-time select[data-part="hour"],.vimaj-datetime.has-time select[data-part="minute"]{grid-column:span 3}
.vimaj-datetime.time-only{grid-template-columns:minmax(74px,1fr) minmax(74px,1fr);max-width:210px}
.vimaj-datetime select{width:100%;min-width:0;height:44px;padding:0 10px;border:1.5px solid var(--border,#dfe5e1);border-radius:10px;background:var(--card,#fff);color:var(--text,#17201c);font:inherit;line-height:1;cursor:pointer;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
.vimaj-datetime select:hover{border-color:color-mix(in srgb,var(--primary,#009955) 42%,var(--border,#dfe5e1))}
.vimaj-datetime select:focus{border-color:var(--primary,#009955);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#009955) 13%,transparent)}
.vimaj-datetime .vimaj-time-separator{width:1px;height:28px;align-self:center;background:var(--border,#dfe5e1)}
.vimaj-datetime .vimaj-time-select{direction:ltr;text-align:center;font-variant-numeric:tabular-nums}
.vimaj-datetime-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.vimaj-date-display{font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
@media(max-width:560px){
  .vimaj-datetime{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vimaj-datetime.has-time{grid-template-columns:repeat(6,minmax(0,1fr))}
  .vimaj-datetime select{height:43px;padding-inline:7px;font-size:12px}
}
@media(max-width:360px){.vimaj-datetime{gap:5px}.vimaj-datetime select{font-size:11px;padding-inline:5px}}