.travel-datetime-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:1px solid var(--line,#d5deda);border-radius:8px;background:#fff;padding:12px 14px;color:var(--ink,#0b3158);font:inherit;text-align:left;cursor:pointer}.travel-datetime-trigger::after{content:'▦';font-size:20px;color:#087e88}.travel-datetime-trigger:hover{border-color:#087e88}.travel-picker button:focus-visible,.travel-picker select:focus-visible{outline:3px solid #087e88;outline-offset:3px}
.travel-picker{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #dce8e9;border-radius:18px;box-shadow:0 24px 80px #0b315838;color:#183448;background:#fff;overflow:auto}.travel-picker::backdrop{background:#102c4699}.travel-picker-content{padding:26px}.travel-picker h2{font-size:24px;line-height:1.25;margin:8px 0}.travel-picker-help{font-size:13px;color:#637b83;margin:10px 0 18px}.travel-calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0}.travel-calendar-nav strong{font-size:16px;text-transform:capitalize}.travel-calendar-nav button{background:#edf6f5;color:#0b3158;border:0;border-radius:8px;width:40px;height:40px;font-size:26px;cursor:pointer}.travel-picker button:disabled{opacity:.3;cursor:default}.travel-weekdays,.travel-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.travel-weekdays{text-align:center;font-size:11px;color:#637b83;margin:8px 0}.travel-calendar button{min-height:40px;padding:0;border:1px solid transparent;border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#183448;cursor:pointer}.travel-calendar button:hover:not(:disabled){background:#eaf5f3}.travel-calendar button[aria-pressed=true]{background:#0b3158!important;color:#fff}.travel-calendar button[aria-current=date]{border-color:#087e88}.travel-selected{font-size:13px;font-weight:600;line-height:1.5;margin:16px 0;color:#087e88}.travel-clock{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}.travel-clock label{display:flex;flex-direction:column;gap:6px;font-size:12px}.travel-clock>span{padding-bottom:12px}.travel-clock select{font-size:16px;min-height:46px;width:100%;background:#fff}.travel-picker-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.travel-picker-actions button{flex:1;min-height:46px;padding:12px 16px}.travel-picker-error{background:#fff1ed;color:#963d32;padding:12px;border-radius:8px;font-size:13px;line-height:1.5;margin:16px 0 0}.travel-picker-error[hidden]{display:none}@media(max-width:400px){.travel-picker-content{padding:20px}.travel-calendar{gap:2px}.travel-calendar button{min-height:38px}}

/* Keep the focus ring inside the field, clear of its label on every opening. */
.travel-datetime-trigger{margin-top:10px}.travel-datetime-trigger:focus{outline:3px solid #9dbf47;outline-offset:4px}