.board-date{position:relative}.board-date>.select-control,.board-date>select{display:none!important}
.calendar-trigger{min-height:46px;border:1px solid #c5d8ff;background:#f5f8ff;color:#176cff;border-radius:10px;padding:10px 16px;white-space:nowrap}
.board-calendar{position:absolute;top:calc(100% + 8px);left:0;width:570px;max-width:calc(100vw - 32px);padding:16px;background:#fff;border:1px solid #dbe4f2;border-radius:12px;box-shadow:0 12px 40px #18396326;z-index:50;color:#263e61}
.board-calendar[hidden]{display:none}.calendar-heading,.calendar-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}
.calendar-heading button,.calendar-actions button{border:1px solid #e0e7f1;border-radius:6px;background:#fff;padding:7px 10px;color:#263e61}
.calendar-months{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calendar-month strong{display:block;text-align:center;padding:12px}
.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.calendar-week{color:#8793a4;font-size:12px;padding-bottom:8px}
.calendar-days button{border:0;border-radius:4px;background:transparent;color:#263e61;height:32px;padding:0;font-size:13px}.calendar-days button.selected{background:#e4eeff}.calendar-days button.edge{background:#176cff;color:white}.calendar-days button:disabled{color:#b6bdc9;cursor:not-allowed}.calendar-days button.other{color:#d5d9e0}.calendar-days button:not(:disabled):hover{box-shadow:inset 0 0 0 1px #176cff}
.calendar-selection{font-size:14px;margin:12px 0 6px}.calendar-help{font-size:12px;color:#7a8ba3;margin:0 0 12px}.calendar-actions{flex-wrap:wrap}.calendar-actions [data-confirm]{background:#176cff;color:#fff;border-color:#176cff}
.board-calendar button:focus-visible,.calendar-trigger:focus-visible{outline:2px solid #176cff;outline-offset:2px}
.board-date .calendar-days button{min-height:32px;height:32px}
.board-date .calendar-heading button,.board-date .calendar-actions button{min-height:34px;height:auto}
.board-calendar{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
.calendar-actions button:disabled{color:#b6bdc9;background:#f7f8fa;border-color:#edf0f5;cursor:not-allowed}
#rangeNotice{color:#72839c;font-size:13px;line-height:1.6;margin:0 0 12px}#rangeNotice:empty{display:none}
@media(max-width:650px){.board-calendar{width:320px}.calendar-months{grid-template-columns:1fr}.calendar-month.month-0{display:none}.calendar-actions button{padding:7px}.calendar-trigger{font-size:12px}}

.channel-main .board-calendar{left:auto;right:0}
