.cashier-orders-board>header>.pos-order-date-trigger{display:flex;align-items:center;gap:7px;flex:1.2 1 0;min-width:0;max-width:180px;min-height:54px;padding:8px 10px;border:2px solid var(--brand-line,#c7e3f4);border-radius:6px;background:#fff;color:var(--brand-ink,#193b53);text-align:left;font:inherit;font-size:14px;cursor:pointer;touch-action:manipulation}
.pos-order-date-trigger>.control-icon{width:18px;height:18px;flex:none;color:var(--brand-primary,#0969b5)}
.pos-order-date-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pos-order-date-trigger>i{font-style:normal;margin-left:auto;color:var(--brand-muted,#58748a)}
.pos-order-date-trigger:hover,.pos-order-date-trigger[aria-expanded=true]{border-color:#75b4df;background:#f5fbff}
.pos-order-date-trigger:focus-visible{outline:3px solid #0969b5;outline-offset:2px}
#modal-root .pos-order-calendar-modal{display:flex;flex-direction:column;width:min(420px,calc(100vw - 24px))!important;max-width:420px;max-height:calc(100dvh - 24px);overflow:hidden;border-radius:20px;background:#fff;color:#193b53;box-shadow:0 24px 80px #123f6b30}
.pos-order-calendar-modal>.modal-head{flex:none;padding:18px 20px;border-bottom:1px solid #dcecf7}
.pos-order-calendar-modal .modal-head h2{font-size:20px!important;font-weight:750}
.pos-order-calendar-modal .modal-close{width:44px;height:44px;flex:none}
.pos-order-calendar-modal>.modal-body{min-height:0;max-height:none;overflow-y:auto;padding:16px 20px 20px}
#modal-root .pos-order-calendar-modal>.modal-foot{display:block;flex:none;padding:12px 20px;border-top:1px solid #dcecf7;background:#fff}
.pos-order-calendar-actions .pos-calendar-shortcuts{padding-top:0;border-top:0}
.pos-order-calendar{display:grid;gap:14px}
.pos-calendar-selection{display:grid;gap:5px;padding:14px 16px;border:1px solid #d6eaf9;border-radius:12px;background:#edf7fe}
.pos-calendar-selection>span{font-size:12px;color:#58748a}
.pos-calendar-selection>strong{font-size:17px;color:#0969b5;line-height:1.4}
.pos-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pos-order-calendar button{min-height:44px;border:1px solid transparent;border-radius:10px;background:#fff;color:#193b53;font-family:inherit;font-size:14px;cursor:pointer;touch-action:manipulation}
.pos-order-calendar button:disabled{opacity:.4;cursor:default}
.pos-order-calendar button:hover:not(:disabled){background:#edf7fe;border-color:#c4e0f2}
.pos-order-calendar button:focus-visible{outline:3px solid #0969b5;outline-offset:-3px}
.pos-order-calendar .pos-calendar-nav{width:44px;flex:none;border-color:#d4e7f4;font-size:28px;line-height:1;color:#0969b5}
.pos-calendar-month-title{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750!important;font-size:16px!important}
.pos-calendar-month-title>span{color:#58748a}
.pos-calendar-grid{display:grid;gap:3px}
.pos-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.pos-calendar-week>[role=columnheader]{display:grid;place-items:center;min-height:24px;color:#758aa0;font-size:12px}
.pos-calendar-week>[role=gridcell]{min-width:0}
.pos-order-calendar .pos-calendar-day{width:100%;padding:4px;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.pos-order-calendar .pos-calendar-day.outside-month{color:#a3b2c0;font-weight:400}
.pos-order-calendar .pos-calendar-day.today:not(.selected){border-color:#82badd;color:#0969b5;background:#f1f9ff}
.pos-order-calendar .pos-calendar-day.selected,.pos-calendar-months>button.selected{background:#0969b5;color:#fff;border-color:#0969b5;box-shadow:0 3px 9px #0969b529}
.pos-order-calendar .pos-calendar-day.selected:hover{background:#075997;color:#fff}
.pos-calendar-shortcuts{display:flex;gap:8px;padding-top:12px;border-top:1px solid #dcecf7}
.pos-calendar-shortcuts>button{flex:1;border-color:#cbe3f3;color:#0969b5;font-weight:650;white-space:normal}
.pos-calendar-shortcuts>button.selected{background:#eaf5fd;border-color:#80b8df}
.pos-calendar-shortcuts>[data-calendar-close]{border-color:transparent;color:#58748a}
.pos-calendar-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:270px}
.pos-calendar-months>button{border-color:#deedf7}
.pos-calendar-error{margin:0;padding:10px;border-radius:8px;background:#fff0ef;color:#b13c36;font-size:13px}
/* Range bars meet edge-to-edge within each week, like the classic calendar. */
.pos-date-range-calendar .pos-calendar-week{gap:0}
.pos-date-range-calendar .pos-calendar-grid{gap:4px}
.pos-date-range-calendar .pos-calendar-range-cell.in-range{background:#edf5ff}
.pos-date-range-calendar .pos-calendar-range-cell.range-start{border-radius:5px 0 0 5px}
.pos-date-range-calendar .pos-calendar-range-cell.range-end{border-radius:0 5px 5px 0}
.pos-date-range-calendar .pos-calendar-range-cell.range-start.range-end{border-radius:5px}
.pos-date-range-calendar .pos-calendar-day{min-height:46px;border-radius:5px;background:transparent}
.pos-date-range-calendar .in-range .pos-calendar-day{color:#0969b5}
.pos-date-range-calendar .pos-calendar-day.today:not(.selected){border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px}
.pos-date-range-calendar .pos-calendar-day.selected{background:#0969b5;color:#fff;box-shadow:none}
.pos-date-range-calendar .pos-calendar-day.selected:hover{background:#075997}
.pos-calendar-range-summary{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding-top:12px;border-top:1px solid #dcecf7}
.pos-calendar-range-summary>div{display:grid;gap:4px;min-width:0}
.pos-calendar-range-summary span,.pos-calendar-range-summary p{color:#58748a;font-size:12px}
.pos-calendar-range-summary strong{color:#193b53;font-size:14px;overflow-wrap:anywhere}
.pos-calendar-range-summary p{grid-column:1/-1;margin:3px 0 0;line-height:1.5}
.pos-calendar-range-actions>[data-calendar-apply]{background:#0969b5;border-color:#0969b5;color:#fff}
.pos-calendar-range-actions>[data-calendar-apply]:hover:not(:disabled){background:#075997;color:#fff}
.pos-date-range-modal .pos-calendar-heading{margin-bottom:6px}
@media(max-width:1500px){.cashier-orders-board>header>.pos-order-date-trigger{font-size:12px;padding-inline:8px}}
@media(max-width:420px){.pos-order-calendar-modal>.modal-body{padding:12px}.pos-order-calendar{gap:12px}.pos-calendar-week{gap:1px}.pos-calendar-selection>strong{font-size:16px}}
@media(max-height:650px){.pos-order-calendar-modal>.modal-head{padding:10px 16px}.pos-order-calendar-modal>.modal-body{padding:12px 16px}.pos-order-calendar{gap:8px}.pos-calendar-selection{padding:8px 12px}.pos-calendar-selection>strong{font-size:16px}.pos-calendar-grid{gap:2px}#modal-root .pos-order-calendar-modal>.modal-foot{padding:8px 16px}}