#projectWallDialog .command-history { justify-content:flex-start; }
.command-date-picker { position:relative;max-width:100%; }
#commandHistoryRangeButton { min-width:240px;font-weight:700;font-size:14px;border:1px solid #718b37; }
#commandHistoryPicker { position:absolute;top:calc(100% + 8px);left:0;z-index:100;width:min(350px,calc(100vw - 48px));padding:16px;border:1px solid #79bcff;border-radius:12px;background:#101d2a;color:#fff;box-shadow:0 12px 32px #0008; }
#commandHistoryPicker[hidden],#commandHistoryPicker [hidden] { display:none; }
#commandHistoryPicker label { display:block;margin-bottom:10px;font-size:14px; }
#commandHistoryPicker :is(input,select) { width:100%;min-width:0;min-height:42px;background:#1e3042;color:#fff;border:1px solid #79bcff;border-radius:6px;padding:8px;color-scheme:dark;font-size:16px; }
#commandHistoryPicker > div { display:flex;gap:8px;margin-top:12px; }
#commandHistoryPicker button[type="submit"] { background:#aef145;color:#172019; }
html[data-color-mode="light"] #commandHistoryPicker { background:#fff;color:#172019; }
html[data-color-mode="light"] #commandHistoryPicker :is(input,select) { color-scheme:light;background:#f4f8ff;color:#172019; }
@media(max-width:600px) { #commandHistoryRangeButton { min-width:0;font-size:12px; } .command-history { gap:6px; } #commandHistoryLabel { width:100%; } }
#projectWallDialog .project-wall-controls:has(#commandHistoryPicker:not([hidden])) { z-index:20!important; }