.date-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:54px;padding:12px 14px;text-align:left;border:1px solid #ba9b6c;border-radius:7px;background:#fffcf5;color:#806852;font-family:var(--sans);font-size:.95rem;line-height:1.5}
.date-picker-trigger.has-date{color:#642a36;font-weight:500;background:#fff8e9}
.date-picker-trigger svg{width:21px;height:21px;flex-shrink:0;color:#a0793a}
.date-picker-trigger:focus-visible{outline:2px solid #8a3448;outline-offset:3px}
.stay-picker{padding:0;width:min(430px,calc(100vw - 28px));max-width:none;max-height:94svh;overflow:auto;border:1px solid #bf995d;border-radius:20px 4px 20px 4px;background:linear-gradient(145deg,#fffcf4,#f9edda);color:#513326;box-shadow:0 25px 80px #27131e50}
.stay-picker::backdrop{background:#2e1c238c;backdrop-filter:blur(5px)}
.picker-content{padding:23px 24px 19px}.picker-handle{display:none}
.picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #d7bf91;padding-bottom:15px;margin-bottom:12px}
.picker-header .eyebrow{margin:0 0 5px;color:#8a5b31;font-size:.59rem}
.picker-header h2{font-size:2rem;font-family:var(--serif);font-weight:500;margin:0;color:#7a2439;letter-spacing:-.02em;line-height:1.2}
.picker-close{flex-shrink:0;width:40px;min-height:40px;border:1px solid #d2b785;border-radius:50%;background:#fff9ec;color:#7c423b;font-size:1.6rem;line-height:1}
.picker-month-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin:0 0 9px}
.picker-month-row h3{font-family:var(--serif);font-size:1.45rem;font-weight:600;text-align:center;margin:0;color:#6e2637}
.picker-month-row button{border:1px solid #d6bd91;background:#fff8e9;border-radius:8px;min-height:40px;color:#805532;font-size:1.7rem;line-height:1}
.picker-month-row button:disabled{opacity:.35;cursor:default}
.picker-weekdays,.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.picker-weekdays{font-family:var(--sans);font-size:.64rem;text-align:center;color:#8b724f;padding:3px 0 8px}
.picker-days button{position:relative;min-width:0;min-height:40px;padding:0;border:1px solid transparent;border-radius:9px 2px 9px 2px;background:transparent;color:#5b3b2e;font-family:var(--sans);font-size:.86rem;font-variant-numeric:tabular-nums;line-height:1}
.picker-days button.outside-month{color:#ad9a80}
.picker-days button:disabled{opacity:.28;cursor:default}
.picker-days button:hover:not(:disabled){background:#efddba;border-color:#c9a567}
.picker-days button[aria-pressed=true]{color:#fff3d5;background:linear-gradient(135deg,#943b50,#681e33);border-color:#af7f59;box-shadow:inset 0 0 0 2px #e1c08033}
.picker-days button:focus-visible{outline:2px solid #a27d3e;outline-offset:1px}
.picker-clock{border:0;border-top:1px solid #d7bf91;margin:15px 0 0;padding:12px 0 0;min-width:0}
.picker-clock legend{font-family:var(--serif);font-size:1.15rem;color:#782d3c;padding-right:12px}
.picker-clock>div{display:grid;grid-template-columns:1fr 10px 1fr 1.15fr;gap:8px;align-items:end}
.picker-clock label{display:grid;gap:5px;font-family:var(--sans);font-size:.66rem;color:#8a6c4b;min-width:0}
.picker-clock select{width:100%;min-width:0;min-height:44px;padding:7px 9px;border:1px solid #c4a26c;border-radius:7px;background:#fffaf0;color:#692c39;font-family:var(--sans);font-size:1rem;text-align:center}
.picker-colon{align-self:end;line-height:44px;text-align:center;color:#a17a3d}
.picker-timezone{font-family:var(--sans);font-size:.62rem;text-align:center;margin:9px 0 11px;color:#876e51}
.picker-selection{background:#eedcb75e;border:1px solid #d7bf91;border-radius:7px;font-family:var(--serif);font-size:1.05rem;font-weight:600;text-align:center;line-height:1.5;margin:0;padding:8px;color:#752d3d}
.picker-error{margin:9px 0 0;padding:7px 10px;background:#f3e1dc;border-left:2px solid #8b3045;font-size:.75rem;color:#772d3e}
.picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding-top:13px}
.picker-actions .picker-clear{margin-right:auto}.picker-actions .text-button{font-size:.75rem;color:#815d39}
.picker-actions .button{min-height:44px;border-radius:9px 2px 9px 2px;font-size:.8rem;padding:9px 16px;gap:16px}
body:has(.stay-picker[open]){overflow:hidden}
@media(max-width:600px){.stay-picker{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-height:94svh;border-radius:23px 23px 0 0;border-bottom:0}.picker-content{padding:9px 20px max(18px,env(safe-area-inset-bottom))}.picker-handle{display:block;width:36px;height:4px;border-radius:4px;background:#bda077;margin:0 auto 14px}.picker-header h2{font-size:1.8rem}.picker-header{padding-bottom:11px;margin-bottom:8px}.picker-days button{min-height:42px}.picker-weekdays{font-size:.62rem}.picker-clock{margin-top:12px}.picker-actions .button{font-size:.8rem}.picker-selection{font-size:1rem}}
@media(max-width:360px){.picker-content{padding-inline:14px}.picker-header h2{font-size:1.6rem}.picker-days{gap:2px}.picker-days button{min-height:38px}.picker-clock>div{gap:6px}.picker-clock select{padding-inline:5px}.picker-actions{gap:10px}}
@media(prefers-reduced-motion:no-preference){.stay-picker[open]{animation:picker-arrive .23s ease-out}@keyframes picker-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}}
html[lang='hi-IN'] .picker-header h2{line-height:1.6;font-size:1.65rem}
html[lang='hi-IN'] .picker-month-row h3{font-size:1.25rem;line-height:1.6}
@media(max-width:360px){html[lang='hi-IN'] .picker-header h2{font-size:1.4rem}}
/* Time choices stay anchored to their own field inside the modal. */
.picker-time-field{display:grid;gap:5px;min-width:0}
.picker-time-label{font-family:var(--sans);font-size:.66rem;color:#8a6c4b;line-height:1.5}
.picker-time-control{position:relative;min-width:0}
.picker-time-trigger{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;min-height:44px;padding:8px 11px;border:1px solid #c4a26c;border-radius:7px;background:#fffaf0;color:#692c39;font-family:var(--sans);font-size:1rem;font-variant-numeric:tabular-nums}
.picker-time-trigger svg{width:11px;height:8px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.2}
.picker-time-trigger[aria-expanded=true]{border-color:#8b354a;box-shadow:0 0 0 2px #a27d3e24}
.picker-time-options{position:absolute;z-index:5;left:0;right:0;bottom:calc(100% + 6px);max-height:min(200px,30svh);overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid #c2a16b;border-radius:9px;background:#fff9ed;box-shadow:0 5px 20px #3b19283b;scrollbar-width:thin;scrollbar-color:#ba965b #f8edda}
.picker-time-options [role=option]{display:block;min-height:40px;width:100%;margin:0;padding:8px 5px;border:1px solid transparent;border-radius:6px;background:transparent;color:#704a36;font-family:var(--sans);font-size:.92rem;line-height:1.4;font-variant-numeric:tabular-nums;text-align:center}
.picker-time-options [role=option][aria-selected=true]{background:#76283d;color:#fff0cf;border-color:#b68a5d}
.picker-time-options [role=option]:focus-visible{outline:2px solid #ad8848;outline-offset:-2px;background:#eeddbc;color:#652a37}
@media(max-width:360px){.picker-time-trigger{padding-inline:8px}.picker-time-options{max-height:180px}}
.picker-time-options.opens-down{bottom:auto;top:calc(100% + 6px)}