/* BBS date and time selection, including compact screens. */
input[type=date],input[type=time]{min-height:48px;cursor:pointer;touch-action:manipulation}
#weekCalendar .time-grid-track{cursor:crosshair}
#weekCalendar .time-grid-track:hover{background-color:rgba(110,142,168,.045)}
.bbs-picker-backdrop[hidden]{display:none!important}
.bbs-picker-backdrop{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:16px;background:rgba(17,32,48,.6)}
.bbs-picker-open{overflow:hidden!important}
.bbs-picker{box-sizing:border-box;width:min(480px,100%);max-height:min(720px,calc(100dvh - 32px));overflow:auto;padding:24px;background:#fff;border-radius:20px;box-shadow:0 25px 80px #10243e55;color:#243342}
.bbs-picker-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.bbs-picker-head small{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:#6e8ea8}
.bbs-picker-head h2{margin:5px 0 0;font-size:1.35rem}
.bbs-picker-head button,.bbs-picker-month button{border:1px solid #d9e3ea;background:#f5f8fb;color:#233748;min-width:44px;height:44px;border-radius:12px;font-size:1.6rem;cursor:pointer}
.bbs-picker-month{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.bbs-picker-month strong{font-size:1.1rem;text-transform:capitalize;text-align:center}
.bbs-picker-year{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 13px;color:#65778a;font-size:.85rem;font-weight:700}
.bbs-picker-year input{width:94px;min-height:42px;padding:5px 9px;border:1px solid #d9e3ea;border-radius:10px;color:#243342;font-size:1rem}
.bbs-picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.bbs-picker-days span{text-align:center;color:#6c7882;font-size:.8rem;font-weight:700;padding:9px 0}
.bbs-picker-days button{min-width:0;height:50px;background:#f6f8fa;color:#243342;border:1px solid transparent;border-radius:11px;font-weight:700;cursor:pointer}
.bbs-picker-days button.today{border-color:#6e8ea8}
.bbs-picker-days button[aria-pressed=true]{background:#476e93;color:#fff}
.bbs-picker button:hover{filter:brightness(.96)}
.bbs-picker button:focus-visible{outline:3px solid #82a5c7;outline-offset:2px}
.bbs-picker-time{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);align-items:center;gap:8px}
.bbs-picker-column{min-width:0;text-align:center}
.bbs-picker-column>strong{display:block;margin-bottom:7px;color:#637588}
.bbs-picker-wheel{height:272px;overflow:auto;overscroll-behavior:contain;scroll-snap-type:y proximity;border:1px solid #d6e0e8;border-radius:14px;padding:108px 0;box-sizing:border-box;background:linear-gradient(#f5f8fb,#fff 40% 60%,#f5f8fb)}
.bbs-picker-wheel button{display:block;width:100%;height:54px;scroll-snap-align:center;background:transparent;border:0;color:#526474;font-size:1.32rem;font-weight:600;cursor:pointer}
.bbs-picker-wheel button[aria-selected=true]{background:#e5eff7;color:#28547a;font-size:1.65rem;font-weight:800}
.bbs-picker-colon{text-align:center;font-size:2rem;font-weight:800;color:#476e93}
.bbs-picker-time-hint{font-size:.82rem;color:#697987;text-align:center}
.bbs-picker-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}
.bbs-picker-actions button{min-height:44px;padding:0 15px;border:1px solid #d9e3ea;border-radius:10px;background:#f5f8fb;color:#243342;font-weight:700;cursor:pointer}
.bbs-picker-actions [data-picker-today]{margin-right:auto}
.bbs-picker-actions .bbs-picker-apply{background:#476e93;color:#fff;border-color:#476e93}
#bbsPickerError{color:#9b2934;font-size:.85rem}
@media(max-width:480px){.bbs-picker{padding:17px}.bbs-picker-days{gap:3px}.bbs-picker-days button{height:46px}.bbs-picker-actions{gap:5px}.bbs-picker-actions button{padding:0 10px}}

/* Six fixed week rows keep month arrows at the same coordinates. */
.bbs-picker-days{grid-template-rows:36px repeat(6,50px)}
.bbs-picker-month button{flex:0 0 44px}
.bbs-picker-month strong{line-height:1.3;min-height:29px}
@media(max-width:480px){.bbs-picker-days{grid-template-rows:36px repeat(6,46px)}}

.bbs-picker-month{display:grid;grid-template-columns:44px minmax(0,1fr) 44px}