.departure-period-calendar{width:100%}.departure-period-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.departure-period-calendar__title{flex:1;text-align:center;font-size:15px;font-weight:600;color:#0a2d62;text-transform:lowercase}.departure-period-calendar__nav{display:flex;height:40px;width:40px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #e0e2e7;background:#fff;cursor:pointer;border-radius:8px;transition:background-color .15s ease}.departure-period-calendar__nav:hover{background:#f1f5f9}.departure-period-calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));row-gap:4px}.departure-period-calendar__weekday{display:flex;height:28px;align-items:center;justify-content:center;font-size:11px;font-weight:400;color:#94a3b8}.departure-period-calendar__day-cell{height:48px}.departure-period-calendar__day,.departure-period-calendar__day-cell{position:relative;display:flex;align-items:center;justify-content:center}.departure-period-calendar__day{z-index:1;height:44px;width:44px;border:none;background:transparent;font-size:15px;line-height:1;touch-action:manipulation;cursor:pointer;border-radius:9999px;transition:background-color .15s ease,color .15s ease}.departure-period-calendar__day--outside{color:#cbd5e1}.departure-period-calendar__day--disabled{color:#cbd5e1;cursor:not-allowed;pointer-events:none}.departure-period-calendar__day--default{color:#1f2937}.departure-period-calendar__day--hover:not(.departure-period-calendar__day--selected){background:#eff6ff}.departure-period-calendar__day--in-range,.departure-period-calendar__day--preview-range{color:#1e3a8a}.departure-period-calendar__day--preview-selected,.departure-period-calendar__day--selected{border-radius:9999px;background:#1e40af;color:#fff;font-weight:600}.departure-period-calendar__day--preview-selected:before,.departure-period-calendar__day--selected:before{display:none}.departure-period-popup__tabs{display:grid;flex-shrink:0;grid-template-columns:1fr 1fr;gap:4px;margin:14px 0;padding:4px;border:1px solid #cbd5e1;border-radius:12px;background:#f1f5f9}.departure-period-popup__tab{min-height:56px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;font-size:14.5px;font-weight:600;line-height:1.3;color:#475569;cursor:pointer;transition:background-color .15s ease,color .15s ease}.departure-period-popup__tab:hover:not(.departure-period-popup__tab--active){background:#e2e8f0;color:#0a2d62}.departure-period-popup__tab:focus-visible{outline:2px solid #1e40af;outline-offset:2px}.departure-period-popup__tab small{display:block;font-size:11.5px;font-weight:400;color:#64748b}.departure-period-popup__tab--active{background:#1e40af;color:#fff;box-shadow:0 1px 4px rgba(30,64,175,.35)}.departure-period-popup__tab--active small{color:#dbeafe}.departure-period-popup__flexibility{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.departure-period-popup__flexibility-label{margin-right:2px;font-size:12px;font-weight:600;color:#0a2d62}.departure-period-popup__flexibility-option{height:40px;padding:0 14px;border:1px solid #e0e2e7;border-radius:9999px;background:#fff;font-size:13px;white-space:nowrap;color:#111827;cursor:pointer;touch-action:manipulation;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.departure-period-popup__flexibility-option:hover{border-color:#93c5fd}.departure-period-popup__flexibility-option--active,.departure-period-popup__flexibility-option--active:hover{border-color:#1e40af;background:#1e40af;color:#fff}.departure-period-popup__footer-bar{position:sticky;bottom:0;z-index:2;display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:12px 0 max(16px,env(safe-area-inset-bottom));border-top:1px solid #f1f5f9;background:#fff}@media (min-width:640px){.departure-period-calendar__nav{height:34px;width:34px}.departure-period-calendar__day-cell{height:38px}.departure-period-calendar__day{height:34px;width:34px;font-size:13.5px}.departure-period-popup__flexibility-option{height:32px;padding:0 12px}.departure-period-popup__tab{min-height:0;padding:9px 6px}.departure-period-popup__footer-bar{padding-bottom:22px}}.departure-period-calendar__day-cell--flex-band:before,.departure-period-calendar__day-cell--flex-preview:before{content:"";position:absolute;top:2px;bottom:2px;left:0;right:0;z-index:0}.departure-period-calendar__day-cell--flex-band:before{background:#dbeafe}.departure-period-calendar__day-cell--flex-preview:before{background:#e0ecfb}.departure-period-calendar__day-cell--band-start:before{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.departure-period-calendar__day-cell--band-end:before{border-top-right-radius:9999px;border-bottom-right-radius:9999px}.departure-period-calendar__day--flex-member{color:#1e3a8a;font-weight:500}.departure-period-calendar__day--flex-preview{color:#1e40af}.departure-period-calendar__day--preview-center{border-radius:9999px;background:#fff;box-shadow:inset 0 0 0 2px #1e40af;color:#1e40af;font-weight:600}