/* Calendar colors and spacing follow the task form; only one entry stays visible. */
.task-date-range{min-width:0;width:100%}
.task-date-range button,.task-date-range input{font:inherit;box-sizing:border-box}
.task-date-range .task-date-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #dce4ee;border-radius:10px;background:#fbfcfe;color:#25364e;text-align:left;cursor:pointer}
.task-date-trigger>svg{flex:0 0 18px;width:18px;height:18px;color:#748397}
.task-date-trigger>span:not(.task-date-chevron){min-width:0;overflow-wrap:anywhere}
.task-date-trigger .is-empty{color:#8691a1}
.task-date-chevron{margin-left:auto;color:#748397}
.task-date-range .task-date-panel{position:fixed;z-index:100;padding:12px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #dce4ee;border-radius:14px;background:#fff;color:#25364e;box-shadow:0 12px 36px #243d5b24;font-size:13px;line-height:1.5}
.task-date-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.task-date-heading strong{font-size:14px;font-weight:600}
.task-date-range .task-date-heading button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:#526a87;font-size:24px;line-height:1;cursor:pointer}
.task-date-weekdays,.task-date-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.task-date-weekdays>span{padding:6px 0;color:#7c899a;text-align:center;font-size:11px}
.task-date-range .task-date-week button{position:relative;min-width:0;width:100%;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#25364e;text-align:center;font-size:13px;line-height:1;cursor:pointer}
.task-date-week button.is-outside{color:#a0aaba}
.task-date-range .task-date-week button.is-between{background:#eaf3ff;color:#0065d5}
.task-date-range .task-date-week button.is-chosen{background:#007aff;color:#fff}
.task-date-week button.is-today::after{content:"";position:absolute;left:calc(50% - 2px);bottom:4px;width:4px;height:4px;border-radius:50%;background:currentColor}
.task-date-range button:disabled{color:#b7bfca;cursor:default;opacity:.65}
.task-date-range button:not(:disabled):hover{background:#f0f5fc}
.task-date-range .task-date-week button.is-chosen:not(:disabled):hover{background:#0069df}
.task-date-range .task-date-week button.is-between:not(:disabled):hover{background:#dcecff}
.task-date-range button:focus-visible,.task-date-range input:focus-visible{outline:2px solid #007aff;outline-offset:2px}
.task-date-range .task-date-status{margin:8px 0 10px;color:#718097;font-size:12px;min-height:18px}
.task-date-direct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding-top:10px;border-top:1px solid #edf0f5}
.task-date-range .task-date-direct label{display:block;min-width:0;margin:0;color:#6f7f94;font-size:11px}
.task-date-range .task-date-direct input{display:block;min-width:0;width:100%;max-width:100%;height:35px;margin:5px 0 0;padding:5px 6px;border:1px solid #dce4ee;border-radius:7px;background:#fbfcfe;color:#25364e;font-size:12px}
.task-date-footer{display:flex;justify-content:space-between;gap:8px;margin-top:10px}
.task-date-range .task-date-footer button{min-height:32px;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:#007aff;font-size:12px;cursor:pointer}
@media(max-width:380px){.task-date-range .task-date-panel{padding:10px}.task-date-range .task-date-trigger{font-size:13px}.task-date-direct{gap:8px}}