.date-original { display:none !important; }
.date-parts { display:flex; align-items:center; gap:5px; width:100%; min-width:0; }
.date-parts select { flex:1; width:0; min-width:0; padding:10px 5px; border:1px solid #cfd9e7; border-radius:6px; background:#fff; color:inherit; font:inherit; }
.date-parts select:first-child { flex:1.4; }
.date-parts button { flex:0 0 auto; padding:8px 4px; font-size:12px; }
.date-parts select:disabled { background:#f6f7fa; }
.date-compact { display:block; position:relative; width:100%; }
.date-display { display:block; width:100%; text-align:left; min-height:44px; padding:10px 12px; border:1px solid #cfd9e7; border-radius:6px; background:#fff; color:inherit; font:inherit; }
.date-display:disabled { background:#f6f7fa; opacity:1; color:#7a879a; }
.date-compact .date-parts { position:absolute; top:calc(100% + 4px); left:0; z-index:20; width:100%; min-width:280px; box-sizing:border-box; padding:10px; background:#fff; border:1px solid #cfd9e7; border-radius:8px; box-shadow:0 5px 16px #23395824; }
.date-parts[hidden] { display:none !important; }