/* Orders calendar: a read-only navigation surface over the existing Orders data. */
.orders-list-toolbar:has(.orders-layout-switch){grid-template-columns:minmax(0,1fr) auto;align-items:center}
.orders-list-toolbar .orders-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.orders-layout-switch{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ux-border);border-radius:8px;background:var(--ux-surface-muted);white-space:nowrap}
.orders-layout-switch .button{min-height:31px;height:31px;padding:0 12px;border:0;border-radius:6px;box-shadow:none;font-size:12px}
.orders-layout-switch .button.is-active{background:var(--ux-accent-soft);color:var(--ux-accent);font-weight:750}
.orders-calendar-view{min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable;padding:14px;display:flex;flex-direction:column;gap:10px}
.orders-calendar-header{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
.orders-calendar-month-navigation{display:flex;align-items:center;gap:6px;min-width:0}
.orders-calendar-month-navigation h2{min-width:0;font-size:17px;font-weight:760;line-height:1.35;margin:0 3px}
.orders-calendar-month-navigation .icon-button{width:34px;height:34px;min-width:34px;font-size:25px;line-height:1}
.orders-calendar-today.button{min-height:34px;height:34px;font-size:11px;white-space:nowrap}
.orders-calendar-summary{margin:0;color:var(--ux-ink-muted);font-size:12px;font-weight:620}
.orders-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;min-width:0}
.orders-calendar-weekday{text-align:center;color:var(--ux-ink-muted);font-size:11px;font-weight:650;padding:5px 0}
.orders-calendar-cell{min-width:0;min-height:80px;padding:7px 5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;overflow:hidden;text-align:start;background:var(--ux-surface-muted);border:1px solid var(--ux-border-subtle);border-radius:8px;color:var(--ux-ink-muted);font:inherit}
.orders-calendar-cell.has-orders{cursor:pointer;background:var(--ux-surface);border-color:var(--ux-border);color:var(--ux-ink)}
.orders-calendar-cell.has-orders:hover{border-color:var(--ux-accent);background:var(--ux-accent-soft)}
.orders-calendar-cell:focus-visible,.orders-calendar-order:focus-visible,.orders-layout-switch button:focus-visible{outline:2px solid var(--ux-accent);outline-offset:2px}
.orders-calendar-cell.is-selected{background:var(--ux-accent-soft);border:2px solid var(--ux-accent);padding:6px 4px}
.orders-calendar-cell.is-today .orders-calendar-date-number{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.orders-calendar-cell.is-outside{border:0;background:transparent}
.orders-calendar-date-number{font-size:11px;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.orders-calendar-carton-count{font-size:20px;line-height:1.12;font-weight:780;color:var(--ux-ink);font-variant-numeric:tabular-nums}
.orders-calendar-cell small{font-size:10px;line-height:1.2;color:var(--ux-ink-muted);overflow:hidden;text-overflow:ellipsis;max-width:100%}
.orders-calendar-day-results{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--ux-border);padding-top:12px;min-width:0}
.orders-calendar-day-results>header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px}
.orders-calendar-day-results h3{font-size:13px;font-weight:750;margin:0;color:var(--ux-ink)}
.orders-calendar-day-results>header span,.orders-calendar-no-orders{font-size:11px;color:var(--ux-ink-muted);margin:0}
.orders-calendar-order-list{display:grid;gap:6px;min-width:0}
.orders-calendar-order{display:grid;grid-template-columns:auto minmax(65px,1fr) auto auto auto;align-items:center;gap:10px;width:100%;min-width:0;min-height:47px;padding:9px 11px;border:1px solid var(--ux-border);border-radius:7px;background:var(--ux-surface);color:var(--ux-ink);text-align:start;font-size:12px;cursor:pointer}
.orders-calendar-order:hover,.orders-calendar-order.is-selected{border-color:var(--ux-accent);background:var(--ux-accent-soft)}
.orders-calendar-order-id{font-weight:780;font-variant-numeric:tabular-nums}
.orders-calendar-order-requester{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orders-calendar-order-cartons{white-space:nowrap;font-size:12px}
.orders-calendar-order-stores{white-space:nowrap;color:var(--ux-ink-muted);font-size:11px}
.orders-calendar-order-status{white-space:nowrap}
@media(max-width:760px){
  .orders-list-toolbar:has(.orders-layout-switch){grid-template-columns:minmax(0,1fr);gap:7px}
  .orders-list-toolbar .orders-toolbar-actions{width:100%;justify-content:space-between}
  .orders-layout-switch{flex:1;max-width:310px}
  .orders-layout-switch .button{flex:1;min-width:0;min-height:36px;height:36px;padding:0 8px}
  .orders-calendar-view{padding:9px 7px 14px;gap:9px;scrollbar-gutter:auto}
  .orders-calendar-month-navigation{gap:2px}
  .orders-calendar-month-navigation h2{font-size:15px;margin:0 2px}
  .orders-calendar-month-navigation .icon-button{width:30px;height:30px;min-width:30px}
  .orders-calendar-today.button{min-height:31px;height:31px;padding:0 7px;font-size:10px}
  .orders-calendar-grid{gap:3px}
  .orders-calendar-weekday{font-size:10px;padding:4px 0}
  .orders-calendar-cell{min-height:64px;padding:5px 3px;border-radius:5px}
  .orders-calendar-cell.is-selected{padding:4px 2px}
  .orders-calendar-date-number{font-size:10px}
  .orders-calendar-carton-count{font-size:15px}
  .orders-calendar-cell small{font-size:8px}
  .orders-calendar-order{grid-template-columns:auto minmax(0,1fr) auto;gap:5px 8px}
  .orders-calendar-order-requester{grid-column:2/3}
  .orders-calendar-order-cartons{grid-column:3;grid-row:1}
  .orders-calendar-order-stores{grid-column:2;grid-row:2}
  .orders-calendar-order-status{grid-column:3;grid-row:2}
}
@media(max-width:370px){
  .orders-calendar-cell{min-height:57px}
  .orders-calendar-cell small{font-size:7px}
  .orders-calendar-carton-count{font-size:13px}
  .orders-calendar-month-navigation h2{font-size:13px}
}