/* A selected table hands off to the left setup panel, without interrupting with a modal. */
.cashier-order-guidance {
  display:flex;align-items:center;gap:16px;margin:0 0 18px;padding:18px;
  border:1px solid var(--brand-line,#bdd8eb);border-left:5px solid var(--brand-primary,#0969b5);
  border-radius:12px;background:var(--brand-soft,#e0f2fc);color:var(--brand-ink,#193b53);
}
.cashier-guidance-arrow {
  display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:12px;
  background:var(--brand-primary,#0969b5);color:#fff;font-size:34px;line-height:1;
}
.cashier-order-guidance>div { min-width:0; }
.cashier-order-guidance small { display:block;margin-bottom:5px;color:var(--brand-primary,#0969b5);font-size:15px;font-weight:750;overflow-wrap:anywhere; }
.cashier-order-guidance strong { display:block;font-size:22px;line-height:1.25; }
.cashier-order-guidance p { margin:7px 0 0;font-size:16px;line-height:1.45;color:var(--brand-ink,#193b53); }
.cashier-guidance-stacked { display:none; }
.has-order-guidance>.cashier-order-setup { box-shadow:inset -3px 0 var(--brand-primary,#0969b5); }
.has-order-guidance .cashier-occupied-actions [data-table-order-add] { background:var(--brand-soft,#e0f2fc);border:2px solid var(--brand-primary,#0969b5);color:var(--brand-primary,#0969b5); }
.cashier-service-summary .cashier-order-guidance { max-width:740px;margin-top:24px; }
.cashier-service-summary .cashier-service-next-detail { max-width:740px;color:var(--brand-muted,#60768b);font-size:16px;line-height:1.5; }

/* Fields scroll independently; the next action remains visible and never covers them. */
.cashier-order-setup.cashier-new-order-setup { padding:0;overflow:hidden; }
.cashier-setup-fields { flex:1;min-height:0;overflow:auto;padding:14px 16px; }
.cashier-setup-fields>.cashier-channel-tabs button { min-width:0;padding:10px 4px; }
.cashier-setup-fields>.cashier-channel-tabs button span { white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3; }
/* One aligned form column; never inherit stacked or centered generic labels. */
.cashier-new-order-setup>.cashier-setup-fields>label {
  display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;
  min-height:56px;gap:12px;margin:0 0 8px;padding:5px 0;box-sizing:border-box;
  border:0;border-bottom:1px solid var(--brand-line,#bdd8eb);border-radius:0;
  background:#fff;color:var(--brand-ink,#193b53);
  font-size:15px;font-weight:600;line-height:1.3;text-align:left;
}
.cashier-new-order-setup>.cashier-setup-fields>label>span {
  display:flex;align-items:center;grid-column:2;min-width:0;min-height:44px;
  padding:8px 12px;box-sizing:border-box;text-align:left;
  font-size:16px;font-weight:600;overflow-wrap:anywhere;
}
.cashier-new-order-setup>.cashier-setup-fields>label>input,
.cashier-new-order-setup>.cashier-setup-fields>label>select {
  grid-column:2;width:100%;max-width:100%;min-width:0;min-height:44px;height:44px;
  margin:0;padding:8px 12px;box-sizing:border-box;border:1px solid var(--brand-line,#bdd8eb);
  border-radius:7px;background-color:#fff;color:var(--brand-ink,#193b53);
  font-size:16px;font-weight:600;line-height:1.3;text-align:left;box-shadow:none;
}
.cashier-new-order-setup>.cashier-setup-fields>label>select {
  appearance:none;-webkit-appearance:none;padding-right:34px;text-align-last:left;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2358748a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
}
.cashier-new-order-setup>.cashier-setup-fields>.cashier-guest-field { border:0;border-bottom:1px solid var(--brand-line,#bdd8eb); }
.cashier-new-order-setup>.cashier-setup-fields>label:focus-within { border-color:var(--brand-primary,#0969b5); }
.cashier-new-order-setup>.cashier-setup-fields>label>input:focus,
.cashier-new-order-setup>.cashier-setup-fields>label>select:focus { outline:2px solid var(--brand-primary,#0969b5);outline-offset:1px; }
.cashier-setup-fields>.cashier-setup-switch { align-items:flex-start; }
.cashier-setup-fields>.cashier-keypad { position:static;margin-top:12px;padding-top:6px; }
.cashier-new-order-setup>.cashier-setup-actions { position:static;flex-shrink:0;margin:0;padding:12px 16px;border-top:1px solid var(--brand-line,#bdd8eb);background:#fff; }
.cashier-new-order-setup>.cashier-setup-actions button { min-height:54px;font-size:17px; }
.cashier-new-order-setup>.cashier-setup-actions [data-pos-start-order] { display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px; }

@media(max-width:900px) {
  .cashier-guidance-landscape { display:none; }
  .cashier-guidance-stacked { display:inline; }
  .cashier-guidance-arrow { transform:rotate(90deg); }
  .cashier-order-guidance { gap:12px;padding:14px; }
  .cashier-order-guidance strong { font-size:20px; }
  .cashier-setup-fields { flex:none;overflow:visible; }
  .cashier-table-board.cashier-service-summary { display:block; }
  .cashier-service-summary .cashier-order-guidance { margin-top:0; }
}
html[data-screen="phone"] .cashier-guidance-landscape { display:none; }
html[data-screen="phone"] .cashier-guidance-stacked { display:inline; }
html[data-screen="phone"] .cashier-guidance-arrow { transform:rotate(90deg); }
html[data-screen="phone"] .cashier-setup-fields { flex:none;overflow:visible; }
html[data-screen="phone"] .cashier-order-setup.cashier-new-order-setup { padding:0;overflow:visible; }