/* The ISO date input stays in its form; the compact button is the visible control. */
input.order-date-native { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:0!important; border:0!important; clip-path:inset(50%); overflow:hidden; white-space:nowrap; }
.order-date-trigger { display:flex; align-items:center; justify-content:space-between; gap:12px; width:min(100%,200px); max-width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--border,#dbe3e8); border-radius:10px; background:var(--card,var(--white,#fff)); color:var(--ink,#172630); font:inherit; font-size:14px; font-weight:550; text-align:start; cursor:pointer; }
.scheduled-controls .order-date-trigger { margin-top:7px; }
.order-date-trigger.is-empty { color:var(--muted,#61707b); font-size:13px; }
.order-date-trigger:disabled { opacity:.65; cursor:default; background:var(--bg,#f2f5f7); }
.order-date-chevron { color:var(--muted,#61707b); font-size:20px; line-height:1; }
.order-calendar-panel { position:fixed; inset:auto; z-index:2147483000; box-sizing:border-box; margin:0; width:min(320px,calc(100vw - 20px)); min-width:0; max-height:calc(100dvh - 20px); overflow:auto; overscroll-behavior:contain; padding:14px; border:1px solid var(--border,#dbe3e8); border-radius:16px; background:var(--card,var(--white,#fff)); color:var(--ink,#172630); box-shadow:0 12px 48px #172e3f30; font:14px/1.4 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }
.order-calendar-panel[hidden] { display:none!important; }
.order-calendar-heading { margin:0 0 10px; font-size:14px; font-weight:700; }
.order-calendar-header { display:grid; grid-template-columns:32px minmax(0,1fr) 78px 32px; align-items:center; gap:5px; margin-bottom:10px; }
.order-calendar-header select { box-sizing:border-box; width:100%; min-width:0; min-height:40px; padding:5px; margin:0; border:1px solid var(--border,#dbe3e8); border-radius:8px; color:inherit; background:var(--card,var(--white,#fff)); font:inherit; font-size:14px; }
.order-calendar-panel button { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:0; min-height:36px; margin:0; padding:4px; border:0; border-radius:8px; background:transparent; color:inherit; font:inherit; cursor:pointer; }
.order-calendar-panel .order-calendar-nav { min-height:40px; font-size:25px; }
.order-calendar-weekdays,.order-calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:2px; }
.order-calendar-weekdays { margin:0 0 5px; color:var(--muted,#61707b); font-size:11px; text-align:center; }
.order-calendar-weekdays span { padding:5px 0; }
.order-calendar-panel .order-calendar-day { height:36px; font-variant-numeric:tabular-nums; }
.order-calendar-panel .order-calendar-day[aria-current="date"] { box-shadow:inset 0 0 0 1px var(--accent,#0186bd); font-weight:700; }
.order-calendar-panel .order-calendar-day[aria-pressed="true"] { background:#056b91; color:#fff; box-shadow:none; font-weight:700; }
.order-calendar-panel button:hover:not(:disabled):not([aria-pressed="true"]) { background:var(--bg,#eef5f8); }
.order-calendar-panel button:disabled { opacity:.3; cursor:default; }
.order-calendar-footer { display:flex; justify-content:space-between; gap:8px; margin-top:12px; padding-top:8px; border-top:1px solid var(--border,#dbe3e8); }
.order-calendar-panel .order-calendar-footer button { min-height:40px; padding:6px 10px; font-size:13px; font-weight:600; }
.order-calendar-panel .order-calendar-close { margin-inline-start:auto; }
.order-date-trigger:focus-visible,.order-calendar-panel button:focus-visible,.order-calendar-panel select:focus-visible { outline:3px solid var(--accent,#01a8f1); outline-offset:2px; }
@media(max-width:360px) { .order-calendar-panel { padding:12px; } .order-calendar-header { grid-template-columns:30px minmax(0,1fr) 75px 30px; gap:4px; } }