/* Compact register cards: salmon delivery, amber pickup, blue dine-in. */
body.staff .fg-order-card[data-fulfillment-type="delivery"] { --fulfillment-bg:#f8a39e; --fulfillment-border:#c97f7a; }
body.staff .fg-order-card[data-fulfillment-type="pickup"] { --fulfillment-bg:#ffbc30; --fulfillment-border:#c69225; }
body.staff .fg-order-card[data-fulfillment-type="table"] { --fulfillment-bg:#91d3e5; --fulfillment-border:#6cabbc; }

body.staff .fg-order-list .fg-order-card[data-fulfillment-type] {
  gap:0; margin:0 0 7px; padding:0; overflow:hidden;
  color:#242b32; background:#fff; border:1px solid #c6ccd1; border-radius:2px; box-shadow:none;
}
body.staff .fg-order-list .fg-order-card[data-fulfillment-type]:hover { background:#fff; border-color:var(--fulfillment-border); }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-open {
  display:flex; flex-direction:column; gap:0; min-height:0; width:100%; margin:0; padding:0;
  color:inherit; background:transparent; border:0; border-radius:0; font-size:12px; line-height:1.3;
}
body.staff .fg-order-heading { display:flex; flex-direction:column; gap:3px; width:100%; min-width:0; padding:7px 8px; background:var(--fulfillment-bg); }
body.staff .fg-order-heading .fg-order-card-top { display:flex; align-items:center; gap:6px; width:100%; margin:0; font-size:14px; line-height:1.25; }
body.staff .fg-order-heading .fg-order-card-top > strong { min-width:0; overflow-wrap:anywhere; }
body.staff .fg-order-heading .status { margin-left:auto; flex-shrink:0; padding:2px 5px; font-size:10px; line-height:1.3; border:0; border-radius:2px; color:#fff; background:#4058c9; }
body.staff .fg-order-heading .status-accepted,
body.staff .fg-order-heading .status-preparing,
body.staff .fg-order-heading .status-ready { color:#fff; background:#287d25; }
body.staff .fg-order-heading .fg-test-badge { padding:2px 4px; font-size:9px; line-height:1.3; border-radius:2px; color:#56410f; background:#fff0c0; }
body.staff .fg-fulfillment-summary { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:2px 8px; width:100%; padding:2px 0 3px; border-bottom:1px dotted #313b4540; color:inherit; line-height:1.2; }
body.staff .fg-fulfillment-label { font-size:13px; font-weight:750; }
body.staff .fg-fulfillment-time { min-width:0; font-size:20px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:-.3px; overflow-wrap:anywhere; }
body.staff .fg-fulfillment-time.is-unscheduled { font-size:13px; font-weight:650; letter-spacing:0; }
body.staff .fg-fulfillment-request { flex-basis:100%; font-size:10px; font-weight:500; line-height:1.3; }
body.staff .fg-order-heading .fg-order-customer { font-size:14px; font-weight:700; overflow-wrap:anywhere; }
body.staff .fg-order-heading .fg-order-address { font-size:12px; font-weight:600; overflow-wrap:anywhere; }
body.staff .fg-order-heading .fg-order-meta { color:#333d46; font-size:11px; line-height:1.3; }
body.staff .fg-order-heading .fg-service-note { margin:0; padding:2px 0; border:0; border-radius:0; color:inherit; background:transparent; font-size:12px; font-weight:600; }

body.staff .fg-order-items { display:flex; flex-direction:column; gap:0; width:100%; min-width:0; padding:3px 8px; color:#252d34; background:#fff; text-align:left; }
body.staff .fg-order-line { display:flex; flex-direction:column; gap:2px; min-width:0; padding:5px 0; }
body.staff .fg-order-line + .fg-order-line { border-top:1px solid #e5e9eb; }
body.staff .fg-order-line-main { display:flex; justify-content:space-between; align-items:baseline; gap:8px; min-width:0; font-size:13px; line-height:1.3; }
body.staff .fg-order-line-main > b { min-width:0; font-weight:650; overflow-wrap:anywhere; }
body.staff .fg-order-line-main > strong { flex-shrink:0; white-space:nowrap; font-weight:600; font-variant-numeric:tabular-nums; }
body.staff .fg-order-line-detail { display:block; padding-left:12px; color:#4b5661; font-size:11px; line-height:1.35; white-space:pre-line; overflow-wrap:anywhere; }
body.staff .fg-order-delivery .fg-order-line-main { color:#4b5661; font-size:12px; }
body.staff .fg-order-notes { display:block; margin:3px 0; padding:5px 6px; color:#594421; background:#fff1ce; border-left:2px solid #d4a443; font-size:12px; line-height:1.4; white-space:pre-line; overflow-wrap:anywhere; }
body.staff .fg-order-items-empty { padding:5px 0; color:#65717b; font-size:12px; }

body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-total {
  display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; margin:0; padding:5px 8px;
  color:#2d3049; background:#e3e1ff; border-top:1px solid #fff8; font-size:11px;
}
body.staff .fg-order-settlement { display:flex; flex-direction:column; gap:1px; min-width:0; }
body.staff .fg-order-settlement small { font-size:10px; line-height:1.3; overflow-wrap:anywhere; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-payment-stage { width:auto; padding:0; border-radius:0; color:#612a16; background:transparent; font-size:10px; line-height:1.3; font-weight:800; letter-spacing:0; }
body.staff .fg-order-list .fg-order-card.is-paid[data-fulfillment-type] .fg-payment-stage { color:#195c39; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-total > strong { flex-shrink:0; font-size:19px; font-weight:800; letter-spacing:-.3px; color:#25283a; white-space:nowrap; font-variant-numeric:tabular-nums; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions { padding:4px; border-top:1px solid #fff; background:#e7f2d1; opacity:1; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-unpaid-actions { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:4px; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions button { min-width:0; min-height:36px; margin:0; padding:6px 4px; border:1px solid transparent; border-radius:3px; font-size:12px; font-weight:650; line-height:1.25; color:#263723; background:#d4e4bd; box-shadow:none; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions button:hover:not(:disabled) { background:#c1d7a3; border-color:#819e68; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions .fg-pay-order { color:#fff; background:#cf4d00; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions .fg-pay-order:hover { background:#b84400; border-color:#9d3a00; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions .fg-complete-order { color:#fff; background:#1b7546; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions .fg-complete-order:hover:not(:disabled) { background:#145c36; border-color:#114c2d; }
body.staff .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions button:disabled { color:#5a695a; background:#dbe2d3; border-color:#c5d0be; opacity:1; }

/* Fade the content, not the controls; paid orders still need completing. */
body.staff .fg-order-list .fg-order-card.is-paid[data-fulfillment-type],
body.staff .fg-order-list .fg-order-card.is-paid[data-fulfillment-type]:hover { background:#fff; border-color:#dce1e4; }
body.staff .fg-order-list .fg-order-card.is-paid[data-fulfillment-type] .fg-order-open { opacity:.38; }
body.staff .fg-order-list .fg-order-card.is-paid[data-fulfillment-type] .fg-order-open:focus-visible { opacity:.8; }

/* Keep the phone view compact, with comfortable touch targets. */
body.staff.mobile-admin .fg-order-list .fg-order-card[data-fulfillment-type] .fg-order-card-actions button { min-height:44px; font-size:13px; }
body.staff.mobile-admin .fg-phone-summary { margin:2px 0 8px; }
body.staff.mobile-admin .fg-phone-title h1 { font-size:22px; }
body.staff.mobile-admin .fg-phone-count { margin:4px 0 0; font-size:12px; }
body.staff.mobile-admin #fg-phone-new { min-height:44px; margin-top:8px; padding:8px 10px; font-size:14px; border-radius:3px; }
body.staff.mobile-admin .fg-phone .fg-order-search { height:44px; margin-bottom:2px; padding:7px 8px; font-size:16px; border-radius:3px; background:#e9e7ff; }
body.staff.mobile-admin .fg-phone-filters { margin-bottom:7px; padding-bottom:0; }
body.staff.mobile-admin .fg-phone-filters summary { min-height:44px; padding:10px 2px; font-size:13px; }