/* Owner dashboard — reuses the site's tokens (style.css). Phone first. */
.admin-body { padding-bottom: env(safe-area-inset-bottom); }
.admin-main { max-width: 900px; margin: 0 auto; padding: var(--space-4) var(--gutter) var(--space-10); }
.admin-h1 { font-family: var(--font-display); font-size: var(--text-2xl, 1.9rem); line-height: 1.1; margin: 0 0 var(--space-2); }
.admin-login-card { max-width: 460px; margin: var(--space-8) auto; display: grid; gap: var(--space-3); }
.admin-site-link { font-weight: 700; }

/* tabs */
.admin-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  background: var(--color-surface-offset);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-4);
  position: static;
}
.admin-primary-nav { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.admin-more-tools { margin: calc(-1 * var(--space-2)) 0 var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.admin-more-tools summary { min-height: 2.8rem; display: flex; align-items: center; padding: var(--space-2) var(--space-3); font-weight: 700; cursor: pointer; }
.admin-global-search { position: relative; margin: 0 0 var(--space-3); font-weight: 800; }.admin-global-search label { display: grid; gap: .4rem; }.admin-global-search span { display: flex; gap: .35rem; align-items: baseline; }.admin-global-search strong { color: var(--color-primary); }.admin-global-search input { width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fffdf8; color: #32170c; font: inherit; box-shadow: var(--shadow-sm); }.admin-search-suggestions { position: absolute; z-index: 60; top: calc(100% + .25rem); left: 0; right: 0; display: grid; max-height: 18rem; overflow-y: auto; padding: .35rem; border: 1px solid #cfae84; border-radius: var(--radius-lg); background: #fffdf8; box-shadow: var(--shadow-md); }.admin-search-suggestions[hidden] { display: none; }.admin-search-suggestions button { min-height: 2.75rem; padding: .65rem .75rem; border: 0; border-radius: var(--radius-md); background: #fff8ed; color: #32170c; font: inherit; font-weight: 700; text-align: left; }.admin-search-suggestions button:nth-child(even) { background: #f3dec0; }.admin-search-hidden { display: none !important; }
.admin-tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); padding: 0 var(--space-3) var(--space-3); }
.admin-tools-grid button { min-height: 2.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-offset); color: var(--color-text); font: inherit; font-weight: 700; }
.dashboard-heading, .dashboard-section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.dashboard-heading { margin-bottom: var(--space-4); }.dashboard-heading h1 { margin: 0; font-family: var(--font-display); font-size: clamp(1.8rem, 7vw, 2.6rem); }.dashboard-heading .eyebrow { margin: 0 0 .2rem; }
.dashboard-section { margin-bottom: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.dashboard-section-head { margin-bottom: var(--space-3); }.dashboard-section-head h2 { margin: 0; font-family: var(--font-display); font-size: var(--text-xl); }.dashboard-section-head > span { color: var(--color-text-muted); font-size: var(--text-sm); }
.dashboard-attention { border-color: #cf9958; background: #fff7e9; }.attention-list { display: grid; gap: var(--space-2); }.attention-list button { display: grid; grid-template-columns: 1fr auto auto; gap: var(--space-3); align-items: center; min-height: 3rem; padding: .7rem .85rem; border: 0; border-radius: var(--radius-md); background: #fff; color: #32170c; font: inherit; text-align: left; box-shadow: inset 0 0 0 1px #ead1ae; }.attention-list strong { display: grid; place-items: center; min-width: 2rem; height: 2rem; border-radius: 999px; background: #7b3518; color: #fff; }.attention-clear { padding: var(--space-4); border-radius: var(--radius-lg); background: #eef8ec; color: #235323; font-size: var(--text-lg); font-weight: 800; text-align: center; }
.dashboard-overview h3 { margin: var(--space-3) 0 var(--space-2); font-size: var(--text-sm); letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }.dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }.dashboard-metric { min-height: 4.5rem; padding: .55rem .35rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff8ed; color: #32170c; font: inherit; }.dashboard-metric:nth-child(even) { background: #f4dfc2; }.dashboard-metric strong,.dashboard-metric span { display: block; }.dashboard-metric strong { font-size: 1.45rem; }.dashboard-metric span { font-size: .78rem; line-height: 1.15; }.dashboard-metric.is-active { border-color: #9c5a2c; }
.delivery-glance-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-2); }.delivery-glance-grid button { min-height: 4.5rem; padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff8ed; color: #32170c; font: inherit; text-align: left; }.delivery-glance-grid button:nth-child(even) { background: #f4dfc2; }.delivery-glance-grid strong,.delivery-glance-grid span { display: block; }.delivery-glance-grid span { margin-top: .25rem; font-size: var(--text-sm); }.text-button { border: 0; background: none; color: var(--color-primary); font: inherit; font-weight: 800; }
.dashboard-today-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-destinations { display: grid; gap: var(--space-3); }.dashboard-destinations button { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 5rem; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); color: var(--color-text); font: inherit; text-align: left; box-shadow: var(--shadow-sm); }.dashboard-destinations button:nth-child(even) { background: #f8ead6; }.dashboard-destinations strong,.dashboard-destinations small { display: block; }.dashboard-destinations strong { font-family: var(--font-display); font-size: var(--text-lg); }.dashboard-destinations small { margin-top: .2rem; color: var(--color-text-muted); font-size: var(--text-sm); }.dashboard-destinations b { font-size: 1.5rem; }
.admin-delivery-date-picker { display: grid; gap: .45rem; margin: var(--space-4) 0; max-width: 100%; font-weight: 700; }.admin-delivery-date-picker select { width: 100%; min-width: 0; min-height: 3rem; padding: .7rem .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff8ed; color: #32170c; font: inherit; }.selected-delivery-date { margin-bottom: var(--space-4); padding: var(--space-3); border-radius: var(--radius-lg); background: var(--color-primary-highlight); }
.admin-tabs [role='tab'] {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  font: inherit;
  font-weight: 700;
  font-size: var(--text-sm);
  padding: var(--space-3) var(--space-2);
  border-radius: calc(var(--radius-lg) - 4px);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  min-height: 2.75rem;
}
.admin-tabs [aria-selected='true'] { background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-sm); }
.admin-orders-frame { display: block; width: 100%; max-width: 100%; min-width: 0; height: 10rem; border: 0; border-radius: var(--radius-lg); background: var(--color-bg); overflow: hidden; }

/* Financial Overview stays readable without sideways scrolling on phones. */
.finance-intro { margin: 0 0 var(--space-4); color: var(--color-text-muted); }
.finance-filters { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); margin-bottom: var(--space-4); }
.finance-filters label { display: grid; gap: 4px; font-weight: 700; font-size: var(--text-sm); }
.finance-filters select, .finance-filters input { min-height: 2.75rem; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }
.finance-period-tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; margin-bottom: var(--space-3); padding: 4px; border-radius: var(--radius-lg); background: var(--color-surface-offset); }.finance-period-tabs button { min-height: 2.75rem; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-text-muted); font: inherit; font-weight: 800; }.finance-period-tabs button[aria-selected='true'] { background: var(--color-primary); color: #fff; }
.revenue-primary { display: block; width: 100%; margin-bottom: var(--space-4); padding: var(--space-5); border: 0; border-radius: var(--radius-xl); background: linear-gradient(145deg, #5a210e, #8a4b1f); color: #fff8ed; box-shadow: var(--shadow-md); font: inherit; text-align: left; cursor: pointer; }.revenue-primary > strong { display: block; margin: .15rem 0; font-family: var(--font-display); font-size: clamp(2.5rem, 12vw, 4.2rem); line-height: 1; }.revenue-primary > span { display: block; margin-top: .45rem; font-weight: 700; }.revenue-primary > small { display: block; margin-top: var(--space-3); color: #ffe8ca; }.revenue-breakdown { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-2); margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid rgba(255,255,255,.3); }.revenue-breakdown span,.revenue-breakdown b { display: block; }.revenue-breakdown span { font-size: var(--text-sm); }.revenue-breakdown b { margin-top: .15rem; color: #fff; }.finance-detail-panel { padding-top: var(--space-2); }.finance-detail-panel[hidden] { display: none; }
.finance-compact-section { margin-bottom: var(--space-4); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }.finance-compact-section h3 { margin: 0 0 var(--space-3); font-family: var(--font-display); }.finance-status-rows { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }.finance-status-rows button { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 3.4rem; padding: .7rem .85rem; border: 0; background: #fff8ed; color: #32170c; font: inherit; text-align: left; }.finance-status-rows button:nth-child(even) { background: #f3dec0; }.finance-status-rows small { display: block; margin-top: .15rem; color: #684636; }.finance-status-rows > button > b { font-size: var(--text-lg); }
.revenue-trend { display: flex; align-items: end; gap: .45rem; min-height: 10rem; overflow-x: auto; padding: var(--space-3) 0 0; }.revenue-trend-day { flex: 1 0 3.2rem; display: grid; grid-template-rows: 6rem auto auto; gap: .25rem; align-items: end; text-align: center; }.revenue-trend-bar { align-self: end; width: 75%; height: var(--bar); max-height: 6rem; min-height: .25rem; margin: 0 auto; border-radius: .45rem .45rem .15rem .15rem; background: #8a4b1f; }.revenue-trend-day small { color: var(--color-text-muted); }.revenue-trend-day b { font-size: .72rem; }
.finance-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin-bottom: var(--space-5); }
.finance-metric { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-4); display: grid; gap: 4px; }
.finance-metric strong { font-size: var(--text-xl); }
.finance-metric small { color: var(--color-text-muted); }
.finance-months { display: grid; gap: var(--space-2); margin-bottom: var(--space-6); }
.finance-month { padding: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.finance-month-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); }
.finance-month small { color: var(--color-text-muted); }
.finance-breakdown { margin-bottom: var(--space-5); }
.finance-method-list { max-width: 38rem; padding: var(--space-3); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.finance-month-methods { margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px solid var(--color-border); }
.finance-method { display: flex; justify-content: space-between; gap: var(--space-3); padding: 4px 0; }
.finance-method strong { white-space: nowrap; }
.finance-method-total { margin-top: var(--space-2); padding-top: var(--space-2); border-top: 1px solid var(--color-border); font-weight: 700; }
.finance-day { margin: 0 0 var(--space-5); }
.finance-day-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-2); align-items: baseline; margin-bottom: var(--space-2); }
.finance-day-head h3 { margin: 0; font-family: var(--font-display); }
.finance-day-totals { font-weight: 700; }
.finance-day-totals small { color: var(--color-text-muted); font-weight: 500; }
.finance-table { width: 100%; border-collapse: collapse; table-layout: fixed; background: var(--color-surface); border-radius: var(--radius-md); overflow: hidden; }
.finance-table th, .finance-table td { text-align: left; padding: var(--space-2); border-bottom: 1px solid var(--color-border); overflow-wrap: anywhere; }
.finance-table th { font-size: var(--text-xs); color: var(--color-text-muted); }
.finance-table th:last-child, .finance-table td:last-child { text-align: right; }
.finance-table tr:last-child td { border-bottom: 0; }
.finance-table tbody tr:nth-child(odd) { background: #fff8ed; color: #32170c; }
.finance-table tbody tr:nth-child(even) { background: #f3dec0; color: #32170c; }
.finance-table tbody tr a { color: #64260f; font-weight: 700; }
.finance-payment-paid { color: var(--color-success); font-weight: 700; }
.finance-payment-pending { color: var(--color-error); font-weight: 700; }
.finance-payment-cancelled { color: var(--color-text-muted); }
.finance-note { font-size: var(--text-sm); color: var(--color-text-muted); }
.customer-view-tabs { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-4) 0; }
.customer-view-tabs button { border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-2) var(--space-3); background: var(--color-surface); color: var(--color-text); font: inherit; cursor: pointer; }
.customer-view-tabs button[aria-selected='true'] { border-color: var(--color-primary); font-weight: 700; }
.discount-item-choices { display: grid; gap: var(--space-2); max-height: 18rem; overflow-y: auto; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.discount-item-choices[hidden] { display: none; }
@media (max-width: 640px) {
  .admin-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; }
  .admin-tabs [role='tab'] { min-width: 0; white-space: normal; overflow-wrap: anywhere; line-height: 1.2; }
  .admin-primary-nav [role='tab'] { min-height: 3.1rem; padding: .55rem .3rem; font-size: .78rem; }
  .admin-tools-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-section { padding: var(--space-3); }.dashboard-metrics { grid-template-columns: repeat(2, 1fr); }.delivery-glance-grid { grid-template-columns: 1fr; }.dashboard-today-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }.dashboard-today-grid button { min-height: 4.2rem; padding: .7rem .55rem; }.dashboard-today-grid span { font-size: .75rem; }.dashboard-section-head { align-items: flex-start; }
  .revenue-primary { padding: var(--space-4); }.revenue-breakdown { grid-template-columns: repeat(3, 1fr); }.finance-period-tabs button { padding: .45rem .2rem; font-size: .78rem; }
  .finance-table, .finance-table tbody, .finance-table tr, .finance-table td { display: block; width: 100%; }
  .finance-table thead { display: none; }
  .finance-table tr { padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); margin-bottom: var(--space-2); }
  .finance-table tr:last-child { border-bottom: 0; }
  .finance-table td { display: flex; justify-content: space-between; gap: var(--space-2); text-align: right; border: 0; padding: 3px 0; }
  .finance-table td::before { content: attr(data-label); text-align: left; color: var(--color-text-muted); flex: none; }
  .finance-table td:last-child { text-align: right; }
}

.admin-status {
  background: var(--color-primary-highlight);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
  font-weight: 700;
  margin-bottom: var(--space-4);
}
.admin-status.is-error { background: var(--color-error-highlight); color: var(--color-error); }

/* Production Checklist */
.production-intro { margin: 0 0 var(--space-4); color: var(--color-text-muted); }
.production-controls { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); margin-bottom: var(--space-5); }
.production-controls label { display: grid; gap: 4px; font-weight: 700; }
.production-controls input { min-height: 2.75rem; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }
.production-controls .btn { min-height: 2.75rem; }
.production-block { margin-bottom: var(--space-6); }
.production-block h3 { font-family: var(--font-display); margin: 0 0 var(--space-3); }
.production-tally { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); }
.production-tally li, .production-order { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); }
.production-tally-row { display: flex; justify-content: space-between; gap: var(--space-3); font-weight: 700; }
.production-tally small { display: block; color: var(--color-text-muted); line-height: 1.5; margin-top: 3px; }
.production-orders { display: grid; gap: var(--space-3); }
.production-order.is-packed { background: var(--color-surface-offset); }
.production-order-head { display: flex; gap: var(--space-3); align-items: start; }
.production-order-head input { width: 1.35rem; height: 1.35rem; flex: none; margin: 3px 0 0; accent-color: var(--color-primary); }
.production-order-head label { flex: 1; cursor: pointer; line-height: 1.4; }
.production-order-head strong { font-size: var(--text-lg); }
.production-order-meta { color: var(--color-text-muted); margin: var(--space-2) 0 0 2.1rem; }
.production-items { list-style: none; margin: var(--space-3) 0 0 2.1rem; padding: 0; display: grid; gap: var(--space-2); }
.production-item { display: flex; align-items: start; gap: var(--space-2); padding: var(--space-2); border: 1px solid var(--color-divider); border-radius: var(--radius-md); }
.production-item input { width: 1.2rem; height: 1.2rem; flex: none; margin: 2px 0 0; accent-color: var(--color-primary); }
.production-item label { min-width: 0; flex: 1; cursor: pointer; line-height: 1.4; }
.production-item:has(input:checked) { background: var(--color-surface-offset); opacity: 0.72; }
.production-item:has(input:checked) strong { text-decoration: line-through; }
.production-items small { display: block; color: var(--color-text-muted); }
.production-note { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); }
@media (max-width: 640px) {
  .production-controls label { width: 100%; }
  .production-controls input { width: 100%; }
  .production-controls .btn { width: 100%; }
  .production-tally li, .production-order { padding: var(--space-3); }
  .production-items { margin-left: 0; }
}

/* toolbar + section blocks */
.admin-toolbar { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; justify-content: space-between; margin-bottom: var(--space-4); }
.admin-toolbar h2 { margin: 0; font-family: var(--font-display); font-size: var(--text-xl); }
.admin-toolbar .grow { flex: 1; }
.admin-block { margin-bottom: var(--space-6); }
.admin-block-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-2); }
.admin-block-head h3 { margin: 0; font-family: var(--font-display); font-size: var(--text-lg); }
.admin-block-head .muted { font-size: var(--text-xs); }

/* item rows */
.admin-list { display: grid; gap: var(--space-2); }
.menu-batch-toolbar { position: sticky; top: .5rem; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); margin: 0 0 var(--space-3); padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: color-mix(in srgb, var(--color-surface) 94%, transparent); box-shadow: var(--shadow-sm); backdrop-filter: blur(10px); }
.menu-batch-toolbar span { display: grid; gap: 2px; }.menu-batch-toolbar small { color: var(--color-text-muted); }.menu-batch-toolbar > div { display: flex; gap: var(--space-2); flex: none; }.menu-batch-toolbar.has-changes { border-color: #b46a2a; background: #fff3e4; }.admin-row.has-pending-change { border: 2px solid #b46a2a; opacity: 1; }.pill.is-pending { background: #fff1d6; color: #754400; }
.menu-finder { margin: 0 0 var(--space-4); }.menu-finder > label { display: block; margin-bottom: var(--space-2); font-weight: 800; }.menu-finder input { width: 100%; min-height: 3rem; margin-bottom: var(--space-3); padding: .7rem .85rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }.menu-section-jumps { display: flex; gap: var(--space-2); overflow-x: auto; padding: 0 0 var(--space-2); scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }.menu-section-jumps button { flex: 0 0 auto; scroll-snap-align: start; }.menu-section-jumps button span { display: inline-grid; place-items: center; min-width: 1.5rem; height: 1.5rem; margin-left: .25rem; padding: 0 .35rem; border-radius: 999px; background: var(--color-surface-offset); }.menu-item-section { scroll-margin-top: 9rem; }
.menu-view-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(10rem, .45fr); gap: var(--space-3); align-items: end; margin-bottom: var(--space-3); }.menu-view-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; padding: 4px; border-radius: var(--radius-lg); background: var(--color-surface-offset); }.menu-view-tabs button { min-height: 2.75rem; border: 0; border-radius: var(--radius-md); background: transparent; color: var(--color-text-muted); font: inherit; font-weight: 800; text-transform: uppercase; }.menu-view-tabs button[aria-selected='true'] { background: var(--color-primary); color: #fff; }.menu-view-tabs span { display: inline-grid; place-items: center; min-width: 1.55rem; height: 1.55rem; margin-left: .2rem; border-radius: 999px; background: rgba(255,255,255,.25); }.menu-view-controls > label { display: grid; gap: .35rem; font-weight: 800; }.menu-view-controls select { width: 100%; min-height: 3rem; padding: .65rem .75rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }.menu-empty { margin: var(--space-4) 0; padding: var(--space-6) var(--space-4); border: 1px dashed var(--color-border); border-radius: var(--radius-xl); text-align: center; background: var(--color-surface); }.menu-empty h3 { margin: 0 0 var(--space-3); font-family: var(--font-display); }.pill.is-available { background: #eef8ec; color: #235323; }
.admin-row {
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: var(--space-3);
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-2) var(--space-3);
}
.admin-row.is-hidden { opacity: 1; }
.admin-row.menu-tone-0 { background: #fff8ed; color: #32170c; }
.admin-row.menu-tone-1 { background: #f3dec0; color: #32170c; }
.admin-row.menu-tone-0 .admin-row-sub,
.admin-row.menu-tone-1 .admin-row-sub { color: #684636; }
.admin-thumb {
  width: 56px; height: 56px; border-radius: var(--radius-md); object-fit: cover;
  background: var(--color-surface-offset); display: grid; place-items: center; color: var(--color-text-faint); font-size: var(--text-xs); font-weight: 700; overflow: hidden;
}
.admin-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.admin-row-main { min-width: 0; text-align: left; background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; display: grid; gap: 2px; }
.admin-row-name { font-weight: 700; display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-2); align-items: center; }
.admin-row-sub { font-size: var(--text-sm); color: var(--color-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-row-actions { display: grid; grid-template-columns: auto auto; gap: 4px; }
.admin-row-actions .icon-btn { width: 2.25rem; height: 2.25rem; }
.admin-row-toggles { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); padding-top: var(--space-1); border-top: 1px dashed var(--color-divider); }
.pickup-setup-hint { margin-top: 0; }
.sp-window-preview { color: var(--color-accent-dark); font-size: var(--text-sm); font-weight: 700; padding: var(--space-2) var(--space-3); border-radius: var(--radius-sm); background: var(--color-accent-soft); }

.pill.is-live { background: var(--color-success-highlight); color: var(--color-success); }
.pill.is-hidden { background: var(--color-surface-offset); color: var(--color-text-muted); }
.pill.is-soldout { background: var(--color-error-highlight); color: var(--color-error); }
.pill.is-low { background: #fff1d6; color: #8a5a00; }
[data-theme='dark'] .pill.is-low { background: #4a3410; color: #ffd68a; }
[data-theme='dark'] .menu-batch-toolbar.has-changes { background: #3b2a1d; border-color: #d99a5e; }.menu-batch-toolbar button:disabled { opacity: .55; cursor: default; }
@media (max-width: 600px) { .menu-batch-toolbar { align-items: stretch; flex-direction: column; top: .25rem; }.menu-batch-toolbar > div { display: grid; grid-template-columns: 1fr 1.5fr; }.menu-batch-toolbar button { width: 100%; } }
@media (max-width: 600px) { .menu-view-controls { grid-template-columns: 1fr; }.menu-view-tabs { position: sticky; top: 6.8rem; z-index: 10; }.menu-view-tabs button { padding: .45rem .2rem; font-size: .76rem; }.menu-view-tabs span { display: inline-grid; margin-left: 0; }.admin-row { grid-template-columns: 48px minmax(0,1fr) auto; padding: var(--space-2); }.admin-thumb { width: 48px; height: 48px; }.admin-row-sub { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }.admin-row-toggles { gap: var(--space-2); }.admin-row-toggles .btn { width: 100%; } }

/* Command-center navigation and drill-down workspaces. */
.admin-backbar { position: relative; display: flex; align-items: center; gap: var(--space-3); margin: 0 0 var(--space-3); padding: .55rem; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-bg); box-shadow: var(--shadow-sm); }
.admin-backbar[hidden] { display: none; }.admin-backbar span { min-width: 0; color: var(--color-text-muted); font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-back-to-top { position: fixed; right: var(--gutter); bottom: calc(var(--space-4) + env(safe-area-inset-bottom)); z-index: 55; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-lg); font: inherit; font-size: var(--text-sm); font-weight: 800; cursor: pointer; }
.admin-back-to-top[hidden] { display: none !important; }
.admin-back-to-top:hover { background: var(--color-surface-offset); }
.report-section-nav { display: flex; gap: var(--space-2); overflow-x: auto; margin: 0 0 var(--space-4); padding-bottom: var(--space-2); scroll-snap-type: x proximity; }
.report-section-nav button { flex: 0 0 auto; min-height: 2.75rem; padding: .55rem .8rem; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-surface); color: var(--color-text); font: inherit; font-weight: 800; scroll-snap-align: start; }
.finance-product-filters { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-3); margin-bottom: var(--space-3); }.finance-product-filters label { display: grid; gap: .35rem; font-weight: 800; }.finance-product-filters select { min-height: 2.75rem; padding: .6rem; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); color: var(--color-text); font: inherit; }
.finance-product-row,.customer-clickable-row { cursor: pointer; }.finance-product-row:hover,.finance-product-row:focus,.customer-clickable-row:hover,.customer-clickable-row:focus { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.customer-order-history { display: grid; gap: var(--space-3); }.customer-history-summary { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-3); border-radius: var(--radius-lg); background: var(--color-primary-highlight); }.customer-history-order { padding: var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #fff8ed; color: #32170c; }.customer-history-order:nth-child(odd) { background: #f3dec0; }.customer-history-order > div { display: flex; align-items: center; justify-content: space-between; gap: var(--space-2); }.customer-history-order p { margin: var(--space-2) 0; }.customer-history-order ul { margin: var(--space-2) 0; padding-left: 1.25rem; }
@media (max-width: 640px) {
  .admin-header.site-header { display: flex; padding: .65rem var(--gutter); }
  .admin-header .brand { min-width: 0; }
  .admin-header .brand-name { font-size: 1.05rem; white-space: nowrap; }
  .admin-header .brand-mark { width: 2.5rem; height: 2.5rem; }
  .admin-header .header-nav { width: auto; flex: none; }
  .admin-header .admin-site-link { padding-inline: .55rem; }
  .admin-tabs { position: static; }
  .admin-backbar { position: relative; top: auto; margin-top: var(--space-3); padding: .7rem; }
  .admin-backbar .btn { flex: none; min-height: 2.75rem; }
  .finance-product-filters { grid-template-columns: 1fr; }
  .customer-history-summary { display: grid; }
}

/* switches */
.switch { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); font-weight: 700; cursor: pointer; user-select: none; }
.switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.switch-track { width: 40px; height: 24px; border-radius: 12px; background: var(--color-border); position: relative; transition: background 0.15s; flex: none; }
.switch-track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.15s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
.switch input:checked + .switch-track { background: var(--color-success); }
.switch.is-danger input:checked + .switch-track { background: var(--color-error); }
.switch input:checked + .switch-track::after { transform: translateX(16px); }
.switch input:focus-visible + .switch-track { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.preorder-quick-control { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: .25rem 1rem; margin: 0 0 var(--space-3); padding: .9rem 1rem; border: 2px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border)); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.preorder-quick-control > div { display: grid; gap: .15rem; min-width: 0; }.preorder-quick-control > div strong { font-size: 1rem; }.preorder-quick-control > div span,.preorder-quick-control small { color: var(--color-text-muted); font-size: .82rem; line-height: 1.35; }.preorder-quick-control small { grid-column: 1 / -1; }.preorder-quick-switch { justify-self: end; font-size: .95rem; }.preorder-quick-switch .switch-track { width: 48px; height: 28px; border-radius: 14px; }.preorder-quick-switch .switch-track::after { width: 22px; height: 22px; }.preorder-quick-switch input:checked + .switch-track::after { transform: translateX(20px); }
@media (max-width: 600px) { .preorder-quick-control { position: sticky; top: .25rem; z-index: 19; padding: .75rem .85rem; }.preorder-quick-control > div span { max-width: 15rem; } }

/* sheet (editor) */
.admin-sheet { position: fixed; inset: 0; z-index: 60; background: rgba(0, 0, 0, 0.45); display: flex; align-items: flex-end; justify-content: center; }
.admin-sheet-inner {
  background: var(--color-bg);
  width: 100%;
  max-width: 720px;
  max-height: 96vh;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: 0;
  box-shadow: var(--shadow-lg);
}
@media (min-width: 760px) {
  .admin-sheet { align-items: center; padding: var(--space-6); }
  .admin-sheet-inner { border-radius: var(--radius-xl); max-height: 90vh; }
}
.admin-sheet-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); }
.admin-sheet-title { margin: 0; text-align: center; font-family: var(--font-display); font-size: var(--text-lg); }
.admin-sheet-body { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: var(--space-4) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom)); display: grid; gap: var(--space-4); -webkit-overflow-scrolling: touch; }
.admin-sheet-footer { display: none; }
@media (max-width: 759px) {
  .admin-sheet.is-item-editor { align-items: stretch; overscroll-behavior: contain; }
  .admin-sheet.is-item-editor .admin-sheet-inner { height: 100vh; height: 100dvh; max-height: none; border-radius: 0; grid-template-rows: auto minmax(0, 1fr) auto; }
  .admin-sheet.is-item-editor .admin-sheet-head { grid-template-columns: minmax(0, 1fr) auto; padding-top: calc(var(--space-3) + env(safe-area-inset-top)); }
  .admin-sheet.is-item-editor #sheet-close { grid-column: 1; grid-row: 1; justify-self: start; }
  .admin-sheet.is-item-editor #sheet-save { grid-column: 2; grid-row: 1; }
  .admin-sheet.is-item-editor .admin-sheet-title { grid-column: 1 / -1; grid-row: 2; text-align: left; }
  .admin-sheet.is-item-editor .admin-sheet-footer { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom)); border-top: 1px solid var(--color-border); background: var(--color-bg); }
  .admin-sheet.is-item-editor .admin-sheet-footer .btn { flex: 1; }
  .admin-sheet.is-item-editor .admin-sheet-body { padding-bottom: var(--space-4); }
  body.item-editor-open { position: fixed; width: 100%; overflow: hidden; }
}

.admin-form { display: grid; gap: var(--space-3); }
.admin-form .field-row { display: grid; gap: var(--space-3); grid-template-columns: 1fr 1fr; }
.admin-form .field-row-3 { grid-template-columns: 1fr 1fr 1fr; }
.admin-form fieldset { border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4) var(--space-4); margin: 0; display: grid; gap: var(--space-3); min-width: 0; }
.admin-form legend { font-weight: 700; padding: 0 var(--space-1); font-size: var(--text-sm); }
.admin-form .hint { font-size: var(--text-xs); color: var(--color-text-muted); margin: 0; }
.check { display: flex; align-items: center; gap: var(--space-2); font-weight: 600; font-size: var(--text-sm); }
.check input { width: 1.25rem; height: 1.25rem; accent-color: var(--color-primary); }
.admin-danger { border-top: 1px solid var(--color-border); padding-top: var(--space-4); display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap; }
.btn-danger { background: var(--color-error-highlight); color: var(--color-error); }

/* photo box */
.photo-box { display: grid; grid-template-columns: 96px 1fr; gap: var(--space-3); align-items: center; }
.photo-box .admin-thumb { width: 96px; height: 96px; }
.photo-actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.photo-actions input[type='file'] { position: absolute; width: 0; height: 0; opacity: 0; }

/* option groups */
.opt-group-edit { background: var(--color-surface-offset); border-radius: var(--radius-md); padding: var(--space-3); display: grid; gap: var(--space-3); }
.opt-group-head { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); }
.og-choices { display: grid; gap: var(--space-2); }
.opt-choice-row { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(7rem, .75fr) minmax(6.5rem, .65fr) auto; gap: var(--space-2); align-items: end; padding: var(--space-2); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); }
.opt-choice-row .mini { display: grid; gap: 4px; min-width: 0; font-size: var(--text-xs); color: var(--color-text-muted); }
.opt-choice-row input { width: 100%; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: 1.5px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-2); color: var(--color-text); font-size: 16px; }
.opt-choice-delete { margin-bottom: .2rem; }
.quick-options { display: grid; gap: var(--space-3); margin-bottom: var(--space-4); }
.quick-option-family { display: grid; gap: var(--space-2); }
.quick-option-family strong { font-size: var(--text-sm); }
.quick-option-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--space-2); }
.quick-option-toggle { display: flex; align-items: center; gap: var(--space-2); min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); font-size: var(--text-sm); }
.quick-option-toggle input { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; accent-color: var(--color-primary); }
.og-add-choice { justify-self: start; }

/* inventory table */
.inv-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.inv-table th, .inv-table td { padding: var(--space-2) var(--space-2); text-align: left; border-bottom: 1px solid var(--color-divider); vertical-align: middle; }
.inv-table th { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: 0.04em; color: var(--color-text-muted); }
.inv-table td.num, .inv-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.inv-table input { width: 4.5rem; min-height: 2.5rem; padding: var(--space-1) var(--space-2); border: 1.5px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-2); font-size: 16px; text-align: right; }
.inv-table tr.is-out td { color: var(--color-error); }
.inventory-summary-list { display: grid; gap: var(--space-3); }
.inventory-summary-row { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); overflow-wrap: anywhere; }
.inventory-summary-name { display: block; margin-bottom: var(--space-3); }
.inventory-summary-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.inventory-summary-metrics span { min-width: 0; display: grid; gap: .15rem; color: var(--color-text-muted); font-size: var(--text-sm); }
.inventory-summary-metrics strong { color: var(--color-text); font-size: var(--text-lg); line-height: 1.2; }
.inventory-adjust { margin-top: var(--space-3); border-top: 1px solid var(--color-divider); padding-top: var(--space-2); }
.inventory-adjust summary { min-height: 2.75rem; font-weight: 700; cursor: pointer; }
.inventory-date-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-2) 0; border-top: 1px solid var(--color-divider); font-size: var(--text-sm); }
.inventory-date-row > span:first-child { flex: 1 1 9rem; }
.inventory-date-row label { display: flex; align-items: center; gap: var(--space-2); }
.inventory-date-row input { width: 4.5rem; min-height: 2.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-2); padding: var(--space-1) var(--space-2); font-size: 16px; }
.inventory-adjust label { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); font-weight: 700; }
.inventory-adjust input { width: 6rem; min-height: 2.75rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-2); padding: var(--space-1) var(--space-2); font-size: 16px; }
.inventory-archive { margin-top: var(--space-5); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.inventory-archive > div { padding: var(--space-2) 0; border-top: 1px solid var(--color-divider); overflow-wrap: anywhere; }
.inventory-archive summary { cursor: pointer; font-weight: 800; }
@media (max-width: 400px) { .inventory-summary-row { padding: var(--space-3); } .inventory-summary-metrics { gap: var(--space-1); } }

/* settings accordion */
.admin-acc { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); margin-bottom: var(--space-3); }
.admin-acc > summary { list-style: none; cursor: pointer; padding: var(--space-4); display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); font-weight: 700; }
.admin-acc > summary::-webkit-details-marker { display: none; }
.admin-acc > summary::after { content: '+'; font-size: 1.4rem; line-height: 1; color: var(--color-text-muted); }
.admin-acc[open] > summary::after { content: '\2212'; }
.admin-acc > summary .muted { font-weight: 500; font-size: var(--text-xs); display: block; }
.admin-acc-body { padding: 0 var(--space-4) var(--space-4); display: grid; gap: var(--space-3); }
.admin-acc-actions { display: flex; justify-content: flex-end; gap: var(--space-2); padding-top: var(--space-2); }

/* repeatable rows (dates, spots, methods, windows) */
.rep-list { display: grid; gap: var(--space-2); }
.rep-row { display: grid; gap: var(--space-2); grid-template-columns: 1fr auto; align-items: start; background: var(--color-surface-offset); border-radius: var(--radius-md); padding: var(--space-3); }
.rep-row .rep-fields { display: grid; gap: var(--space-2); grid-template-columns: 1fr 1fr; min-width: 0; }
.rep-row .rep-fields .span2 { grid-column: 1 / -1; }
.rep-row .rep-fields label.mini { display: grid; gap: 4px; font-size: var(--text-xs); color: var(--color-text-muted); min-width: 0; }
.rep-row .rep-fields input:not([type="checkbox"]), .rep-row .rep-fields select { width: 100%; min-height: 2.75rem; padding: var(--space-2) var(--space-3); border: 1.5px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface-2); font-size: 16px; }
.rep-row .rep-side { display: grid; gap: 4px; }
.rep-row .rep-side .icon-btn { width: 2.25rem; height: 2.25rem; }
.rep-add { justify-self: start; }
.blackout-date-row .rep-fields { align-items: end; }
.blackout-date-row output { min-height: 2.75rem; display: flex; align-items: center; font-weight: 800; color: var(--color-primary); }

/* Long owner-entered phrases wrap in place on phones instead of scrolling sideways. */
.admin-form textarea { white-space: pre-wrap; overflow-wrap: anywhere; overflow-x: hidden; line-height: 1.45; }

.admin-body .pill { display: inline-block; font-size: var(--text-xs); font-weight: 700; padding: 2px 8px; border-radius: var(--radius-full); line-height: 1.4; }
.admin-header .header-nav a { white-space: nowrap; }
.admin-body .toast { bottom: calc(var(--space-6) + env(safe-area-inset-bottom)); }

.check-row { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
@media (max-width: 640px) {
  .admin-form .field-row, .admin-form .field-row-3 { grid-template-columns: 1fr; }
  .opt-choice-row { grid-template-columns: minmax(0, 1fr) minmax(6.5rem, .55fr) auto; }
  .opt-choice-name { grid-column: 1 / -1; }
  .oc-units-field { grid-column: 1 / 3; }
  .opt-choice-delete { grid-column: 3; grid-row: 2; }
  .rep-row .rep-fields { grid-template-columns: 1fr; }
  .rep-row .rep-fields .span2 { grid-column: auto; }
  .admin-toolbar h2 { width: 100%; }
}
.deal-line { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); font-size: var(--text-sm); }
.deal-line input[type="checkbox"] { width: 1.25rem; height: 1.25rem; min-height: 0; accent-color: var(--color-primary); }
.rep-row .rep-fields .deal-line input[type="number"] { width: 3.75rem; min-height: 2.5rem; padding: var(--space-2); }

/* Custom invoices */
.invoice-filters { display:flex; flex-wrap:wrap; gap:var(--space-2); margin-bottom:var(--space-4); }
.invoice-admin-list { display:grid; gap:var(--space-2); }
.invoice-admin-row { width:100%; display:grid; grid-template-columns:minmax(0,1.5fr) auto auto auto; align-items:center; gap:var(--space-3); text-align:left; color:inherit; background:var(--color-surface); border:1px solid var(--color-border); border-radius:var(--radius-lg); padding:var(--space-3); cursor:pointer; }
.invoice-admin-row > span { min-width:0; }.invoice-admin-row small { display:block; color:var(--color-text-muted); margin-top:.2rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.invoice-admin-money,.invoice-admin-dates { text-align:right; }
.invoice-line-total { grid-column:1 / -1; color:var(--color-text-muted); font-size:var(--text-sm); font-weight:700; }.invoice-form-total { text-align:right; font-size:var(--text-lg); }.invoice-form-total strong { color:var(--color-primary); }
.invoice-detail { display:grid; gap:var(--space-4); }.invoice-detail-summary h3 { margin-bottom:.25rem; }.invoice-detail-actions { display:flex; flex-wrap:wrap; gap:var(--space-2); }.invoice-payment-history { display:grid; gap:.25rem; padding:var(--space-2) 0; border-bottom:1px solid var(--color-divider); }.invoice-payment-history small { color:var(--color-text-muted); }
@media (max-width:760px) { .invoice-admin-row { grid-template-columns:1fr auto; }.invoice-admin-money,.invoice-admin-dates { text-align:left; }.invoice-admin-row .pill { justify-self:end; } }
.driver-create-form{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:end;margin:var(--space-4) 0}.driver-create-form label{flex:1 1 12rem}.driver-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:var(--space-3)}.driver-admin-card{overflow-wrap:anywhere}.driver-admin-card select{width:100%;min-height:3rem}.driver-admin-card p{line-height:1.6}@media(max-width:600px){.driver-create-form>*{flex-basis:100%}.driver-admin-grid{grid-template-columns:1fr}}
.driver-admin-card.delivery-timing-green{border-left:7px solid #2f8f46}.driver-admin-card.delivery-timing-yellow{border-left:7px solid #e2a900}.driver-admin-card.delivery-timing-red{border-left:7px solid #c7352d}.delivery-timing-badge{display:inline-block;padding:.25rem .6rem;border-radius:2rem;font-size:.85rem;font-weight:800}.delivery-timing-green .delivery-timing-badge{background:#dff2e4;color:#185f2c}.delivery-timing-yellow .delivery-timing-badge{background:#fff0b8;color:#765600}.delivery-timing-red .delivery-timing-badge{background:#f9d7d4;color:#8d1f19}
.driver-admin-grid > .driver-admin-card:nth-of-type(odd){background:var(--color-surface);color:var(--color-text)}
.driver-admin-grid > .driver-admin-card:nth-of-type(even){background:#f2dfca;color:#34241c}
.driver-admin-grid > .driver-admin-card:nth-of-type(even) label,.driver-admin-grid > .driver-admin-card:nth-of-type(even) p,.driver-admin-grid > .driver-admin-card:nth-of-type(even) span{color:#34241c}
.driver-photo-preview{display:block;max-width:100%;height:auto;margin-top:1rem;border-radius:.5rem}
.driver-preview-stop{border-top:1px solid #e8d7c7;padding:.75rem 0;overflow-wrap:anywhere}.driver-preview-stop ul{margin:.4rem 0;padding-left:1.4rem}

/* Keep the embedded Orders page within the available phone width. */
.admin-body,
.admin-main,
#admin-app,
#panel-orders {
  min-width: 0;
  max-width: 100%;
}
#panel-orders { width: 100%; }
#panel-orders .admin-orders-frame { box-sizing: border-box; width: 100%; }
@media (max-width: 640px) {
  .admin-main { width: 100%; padding-inline: var(--gutter); }
}
.admin-delivery-map { min-height: 260px; width: 100%; border-radius: 12px; margin: .75rem 0; }
.quick-drop-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.quick-drop-admin-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:1rem}.quick-drop-admin-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:.8rem}.quick-drop-admin-actions{display:flex;gap:.5rem}.finance-channel-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.quick-drop-finance{border-color:var(--color-accent)}@media(max-width:600px){.finance-channel-breakdown{grid-template-columns:1fr}.quick-drop-admin-actions .btn{flex:1}}
.driver-performance{display:grid;gap:.5rem;margin:.8rem 0;padding:.75rem;border:1px solid var(--line,#dbc9ae);border-radius:12px}.driver-performance div{display:grid;gap:.15rem}.driver-performance span{font-size:.9rem;color:var(--muted,#725f50)}
.delivery-mileage-summary{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid var(--line,#dbc9ae);border-radius:16px;background:var(--surface,#fffaf2)}.driver-mileage-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem}.driver-mileage-totals div{display:grid;gap:.2rem;padding:.85rem;border-radius:12px;background:var(--surface-offset,#f6ead8)}.driver-mileage-totals span,.delivery-mileage-row span{color:var(--muted,#725f50);font-size:.9rem}.delivery-mileage-log{display:grid;gap:.65rem}.delivery-mileage-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.delivery-mileage-row>div{display:grid;gap:.2rem}.delivery-mileage-row>div:last-child{text-align:right}@media(max-width:600px){.delivery-mileage-row{align-items:flex-start}.delivery-mileage-row>div:last-child{min-width:5rem}}

.quick-option-family>.hint{margin:.35rem 0 .65rem}.quick-extra-toggle{display:flex;margin-top:.85rem;padding:.85rem;border:1px solid var(--line,#dbc9ae);border-radius:12px;background:var(--surface-offset,#f6ead8)}.quick-extra-toggle span{display:grid;gap:.15rem}.quick-extra-toggle small{color:var(--muted,#725f50);font-weight:400}
.driver-day-summary{display:grid;gap:.65rem;background:#f2dfca;color:#34241c}.driver-day-summary>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border-radius:.55rem;background:#fff}.driver-day-summary small{color:#5d4639}.delivery-day-summaries{margin:1.25rem 0}

/* Consistent alternating Brown Suga cells across every owner workspace. */
#admin-app .dashboard-section:nth-of-type(odd),
#admin-app .production-tally li:nth-child(odd),
#admin-app .production-order:nth-child(odd),
#admin-app .production-item:nth-child(odd),
#admin-app .inventory-summary-row:nth-child(odd),
#admin-app .invoice-admin-row:nth-child(odd),
#admin-app .quick-drop-admin-card:nth-child(odd),
#admin-app .finance-compact-section:nth-of-type(odd),
#admin-app .admin-acc:nth-of-type(odd),
#admin-app .rep-row:nth-child(odd),
#admin-app .delivery-mileage-row:nth-child(odd) { background: #fff8ed; color: #32170c; }
#admin-app .dashboard-section:nth-of-type(even),
#admin-app .production-tally li:nth-child(even),
#admin-app .production-order:nth-child(even),
#admin-app .production-item:nth-child(even),
#admin-app .inventory-summary-row:nth-child(even),
#admin-app .invoice-admin-row:nth-child(even),
#admin-app .quick-drop-admin-card:nth-child(even),
#admin-app .finance-compact-section:nth-of-type(even),
#admin-app .admin-acc:nth-of-type(even),
#admin-app .rep-row:nth-child(even),
#admin-app .delivery-mileage-row:nth-child(even) { background: #f3dec0; color: #32170c; }
#admin-app .production-tally li small,
#admin-app .production-order .production-order-meta,
#admin-app .production-order small,
#admin-app .inventory-summary-row span,
#admin-app .invoice-admin-row small,
#admin-app .quick-drop-admin-card .muted,
#admin-app .admin-acc .muted,
#admin-app .rep-row label,
#admin-app .delivery-mileage-row span { color: #684636; }
#admin-app .production-item:has(input:checked) { opacity: 1; background: #ead4b7; }
#admin-app input,
#admin-app select,
#admin-app textarea { color: #32170c; }


/* Compact two-column Menu manager on phones. Editing remains one tap away. */
@media (max-width: 700px) {
  .menu-item-section .admin-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
  }
  .menu-item-section .admin-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: start;
    align-items: start;
    gap: .55rem;
    padding: .7rem;
    background: #fff;
  }
  .menu-item-section .admin-thumb { display: none; }
  .menu-item-section .admin-row-main { min-height: 3.5rem; }
  .menu-item-section .admin-row-name { align-items: flex-start; line-height: 1.25; }
  .menu-item-section .admin-row-sub {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
  }
  .menu-item-section .admin-row-actions {
    grid-template-columns: repeat(2, 2rem);
    grid-column: 1 / -1;
    justify-content: end;
  }
  .menu-item-section .admin-row-actions .icon-btn { width: 2rem; height: 2rem; }
  .menu-item-section .admin-row-toggles {
    grid-column: 1 / -1;
    gap: .45rem;
    padding-top: .5rem;
  }
  .menu-item-section .admin-row-toggles .btn { width: 100%; white-space: normal; }
  .menu-item-section .admin-row-toggles label { font-size: .82rem; line-height: 1.25; }
}

.finance-menu-archives { display: grid; gap: .65rem; }
.finance-menu-archive { border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.finance-menu-archive summary { display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; cursor: pointer; }
.finance-menu-archive summary span { color: var(--color-text-muted); text-align: right; }
.finance-menu-archive p { margin: 0; padding: 0 1rem 1rem; line-height: 1.55; }

.driver-rename-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .6rem; align-items: end; margin: .8rem 0; }
.driver-rename-form label { min-width: 0; }
.driver-rename-form input { width: 100%; }
@media (max-width: 520px) { .driver-rename-form { grid-template-columns: 1fr; } }


/* Reusable pop-up menu manager */
.popup-status { display:inline-flex; align-items:center; border-radius:999px; padding:.4rem .7rem; font-size:.75rem; font-weight:800; letter-spacing:.05em; background:#eee7e2; color:#604b40; }
.popup-status.is-on { background:#dff3e4; color:#1f6a36; }
.popup-mode-card { border:2px solid rgba(122,76,54,.18); }
.popup-toggle { font-size:1.05rem; }
.popup-items { display:grid; gap:.65rem; }
.popup-item { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem; border:1px solid rgba(91,58,42,.16); border-radius:12px; background:#fff; }
.popup-item > span:first-child { display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:.55rem; }
.popup-item small { display:block; grid-column:2; color:var(--muted, #6f625c); }
.popup-qty { display:flex; align-items:center; gap:.45rem; white-space:nowrap; font-size:.85rem; }
.popup-qty input { width:5.5rem; }
@media (max-width: 620px) {
  .popup-item { align-items:flex-start; flex-direction:column; }
  .popup-qty { width:100%; justify-content:space-between; }
}


/* Guided Pop-Up setup */
.popup-page-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.popup-page-head h2 { margin:.1rem 0 0; }
.popup-page-head .eyebrow { margin:0; }
.popup-head-actions { display:flex; align-items:center; gap:.65rem; }
.popup-setup { display:grid; gap:1rem; padding-bottom:5rem; }
.popup-step { display:grid; gap:1rem; padding:1.15rem; }
.popup-step-heading { display:grid; grid-template-columns:2rem minmax(0,1fr) auto; align-items:center; gap:.75rem; }
.popup-step-heading > span:first-child { display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--color-primary, #713a25); color:#fff; font-weight:800; }
.popup-step-heading h3 { margin:0; }
.popup-step-heading p { margin:.15rem 0 0; color:var(--color-text-muted, #74635a); font-size:.88rem; }
.popup-mode-card { padding:.9rem 1.1rem; }
.popup-switch { display:flex; justify-content:space-between; align-items:center; gap:1rem; cursor:pointer; }
.popup-switch > span { display:grid; gap:.2rem; }
.popup-switch small { color:var(--color-text-muted, #74635a); }
.popup-switch > input { appearance:none; width:3.25rem; height:1.8rem; flex:none; border-radius:999px; border:0; background:#c9c0bb; position:relative; cursor:pointer; transition:.18s ease; }
.popup-switch > input::after { content:""; position:absolute; width:1.35rem; height:1.35rem; border-radius:50%; background:#fff; top:.225rem; left:.25rem; box-shadow:0 1px 4px #0003; transition:.18s ease; }
.popup-switch > input:checked { background:var(--color-primary, #713a25); }
.popup-switch > input:checked::after { transform:translateX(1.4rem); }
.popup-event-preview { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.25rem 1rem; padding:1rem; border-radius:14px; background:linear-gradient(135deg, #3b2117, #60351f); color:#fff; }
.popup-event-preview strong { font-family:var(--font-display, Georgia, serif); font-size:1.25rem; }
.popup-event-preview span { color:#f1ded2; }
.popup-event-preview b { grid-column:2; grid-row:1 / span 2; align-self:center; font-size:1rem; white-space:nowrap; }
.popup-primary-fields { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(12rem,.75fr); gap:.85rem; }
.popup-primary-fields label,
.popup-pickup-fields label,
.popup-delivery-fields label,
.popup-advanced-body label { display:grid; gap:.35rem; font-weight:700; }
.popup-primary-fields .span2 { grid-column:1 / -1; }
.popup-feature-field input { font-size:1.05rem; font-weight:750; }
.popup-primary-fields input,
.popup-pickup-fields input,
.popup-delivery-fields textarea,
.popup-advanced-body input,
.popup-advanced-body textarea,
.popup-item-search input { width:100%; }
.popup-advanced { border-top:1px solid var(--color-divider, #e4d8d0); padding-top:.25rem; }
.popup-advanced > summary { cursor:pointer; padding:.6rem 0; font-weight:800; color:var(--color-primary, #713a25); }
.popup-advanced-body { display:grid; grid-template-columns:minmax(12rem,.75fr) minmax(0,1.5fr); gap:.85rem; padding:.4rem 0 .2rem; }
.popup-advanced-body .span2 { grid-column:auto; }
.popup-pickup-preview { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding:.9rem 1rem; border:1px solid var(--color-border, #ddc9bb); border-radius:12px; background:var(--color-surface-offset, #fff9f4); }
.popup-pickup-preview strong { font-size:1.2rem; color:var(--color-primary, #713a25); }
.popup-pickup-preview span { color:var(--color-text-muted, #74635a); }
.popup-pickup-fields { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:.75rem; }
.popup-pickup-fields small { color:var(--color-text-muted, #74635a); font-weight:500; }
.popup-delivery-fields { display:grid; grid-template-columns:1fr 1fr; gap:.85rem; padding-top:.25rem; }
.popup-delivery-fields[hidden] { display:none; }
.popup-menu-section { min-height:24rem; }
.popup-selection-count { white-space:nowrap; color:var(--color-primary, #713a25); }
.popup-item-tools { display:flex; align-items:center; justify-content:space-between; gap:.75rem; position:sticky; top:0; z-index:2; padding:.7rem; margin:0 -.2rem; border:1px solid var(--color-divider, #e4d8d0); border-radius:12px; background:var(--color-surface, #fff); }
.popup-item-search { flex:1; }
.popup-item-search input { min-height:2.65rem; }
.popup-item-filters { display:flex; gap:.35rem; }
.popup-item-filters button { min-height:2.4rem; padding:.45rem .7rem; border:1px solid var(--color-border, #ddc9bb); border-radius:999px; color:var(--color-text, #32170c); background:transparent; font-weight:750; }
.popup-item-filters button.is-active { color:#fff; background:var(--color-primary, #713a25); border-color:var(--color-primary, #713a25); }
.popup-items { display:grid; gap:.5rem; max-height:36rem; overflow:auto; padding-right:.2rem; }
.popup-item { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(8rem,auto); align-items:center; gap:.8rem; padding:.75rem .85rem; }
.popup-item-select { display:flex; align-items:center; gap:.7rem; min-width:0; }
.popup-item-select > span { display:grid; min-width:0; }
.popup-item-select strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.popup-item-select small { color:var(--color-text-muted, #74635a); }
.popup-item-state { padding:.25rem .5rem; border-radius:999px; background:#eee8e4; color:#6f625c; font-size:.75rem; font-weight:800; }
.popup-item-state.is-available { background:#e0f1e4; color:#27633a; }
.popup-qty { display:grid; grid-template-columns:auto 5.25rem; align-items:center; gap:.5rem; font-size:.82rem; font-weight:700; }
.popup-qty input { width:5.25rem; }
.popup-no-stock { color:var(--color-text-muted, #74635a); font-size:.8rem; text-align:right; }
.popup-save-bar { display:flex; justify-content:flex-end; align-items:center; gap:1rem; }
.popup-save-bar > span { color:var(--color-text-muted, #74635a); font-weight:700; }

@media (max-width: 700px) {
  .popup-page-head { align-items:flex-start; }
  .popup-head-actions .popup-status { display:none; }
  .popup-step-heading { grid-template-columns:2rem minmax(0,1fr); }
  .popup-step-heading .popup-selection-count { grid-column:2; }
  .popup-event-preview { grid-template-columns:1fr; }
  .popup-event-preview b { grid-column:1; grid-row:auto; }
  .popup-primary-fields,
  .popup-advanced-body,
  .popup-delivery-fields { grid-template-columns:1fr; }
  .popup-primary-fields .span2 { grid-column:auto; }
  .popup-pickup-fields { grid-template-columns:1fr 1fr; }
  .popup-pickup-preview { align-items:flex-start; flex-direction:column; }
  .popup-item-tools { align-items:stretch; flex-direction:column; }
  .popup-item-filters { width:100%; }
  .popup-item-filters button { flex:1; }
  .popup-item { grid-template-columns:minmax(0,1fr) auto; }
  .popup-item-state { grid-column:2; grid-row:1; }
  .popup-qty,.popup-no-stock { grid-column:1 / -1; justify-self:stretch; }
  .popup-qty { grid-template-columns:1fr 6rem; }
  .popup-qty input { width:6rem; }
  .popup-no-stock { text-align:left; }
  .popup-save-bar { justify-content:space-between; }
}


/* Compact side-by-side admin catalogs */
.popup-letter-nav { display:flex; gap:.35rem; overflow-x:auto; padding:.15rem 0 .35rem; scrollbar-width:thin; }
.popup-letter-nav button { flex:0 0 auto; min-width:2.25rem; min-height:2.25rem; padding:.35rem .55rem; border:1px solid var(--color-border, #ddc9bb); border-radius:9px; background:var(--color-surface, #fff); color:var(--color-text, #32170c); font-weight:800; }
.popup-letter-nav button.is-active { color:#fff; background:var(--color-primary, #713a25); border-color:var(--color-primary, #713a25); }
.popup-items { grid-template-columns:repeat(2, minmax(0,1fr)); align-items:stretch; }
.popup-item { grid-template-columns:minmax(0,1fr) auto; align-content:center; min-height:7.25rem; }
.popup-item-select { cursor:pointer; }
.popup-item-state { justify-self:end; }
.popup-qty,.popup-no-stock { grid-column:1 / -1; }
.popup-qty { grid-template-columns:1fr 5.25rem; }
.popup-no-stock { text-align:left; }
.menu-item-section .admin-list { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.75rem; }
.menu-item-section .admin-row { margin:0; min-width:0; height:100%; }
.quick-drop-admin-grid,
.driver-admin-grid,
.customer-grid,
.invoice-list { grid-template-columns:repeat(2, minmax(0,1fr)); }

@media (max-width: 560px) {
  .popup-items,
  .menu-item-section .admin-list,
  .quick-drop-admin-grid,
  .driver-admin-grid,
  .customer-grid,
  .invoice-list { grid-template-columns:1fr; }
}


/* Pop-Up event history */
.popup-archive-card { display: grid; gap: 14px; }
.popup-archive-head,
.popup-archive-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.popup-archive-head h3 { margin: 2px 0 0; }
.popup-archive-head > span { color: var(--muted); font-weight: 700; white-space: nowrap; }
.popup-archive-list { display: grid; gap: 10px; }
.popup-archive-row { padding: 12px 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface, #fff); }
.popup-archive-row > div { min-width: 0; display: grid; gap: 3px; }
.popup-archive-row strong,
.popup-archive-row span,
.popup-archive-row small { overflow-wrap: anywhere; }
.popup-archive-row span,
.popup-archive-row small { color: var(--muted); }
@media (max-width: 560px) {
  .popup-archive-row { align-items: flex-start; flex-direction: column; }
  .popup-archive-row .btn { width: 100%; }
}


/* Guided weekly and everyday menu setup */
.menu-setup-intro {
  display:flex; align-items:center; justify-content:space-between; gap:1.25rem;
  margin-bottom:1rem; padding:1.1rem 1.2rem; border:1px solid var(--color-border);
  border-radius:var(--radius-xl); background:linear-gradient(135deg,#fff8ed,#f3dec0); color:#32170c;
}
.menu-setup-intro h3,.menu-finder-heading h3 { margin:.1rem 0 .25rem; font-family:var(--font-display); }
.menu-setup-intro p { margin:.25rem 0 0; max-width:48rem; color:#684636; }
.menu-setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin-bottom:1rem; }
.menu-setup-steps > div { display:grid; grid-template-columns:2rem 1fr; gap:.1rem .65rem; align-items:center; padding:.85rem; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.menu-setup-steps span { grid-row:1 / span 2; display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; background:var(--color-primary); color:#fff; font-weight:800; }
.menu-setup-steps small { color:var(--color-text-muted); }
.menu-batch-toolbar { position:static; backdrop-filter:none; }
.menu-finder { padding:1rem; border:1px solid var(--color-border); border-radius:var(--radius-xl); background:var(--color-surface); }
.menu-finder-heading { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:1rem; }
.menu-finder-heading p,.menu-finder-heading h3 { margin-top:0; }
.menu-finder-heading > strong { color:var(--color-primary); white-space:nowrap; }
.menu-catalog-tabs { grid-template-columns:1fr; }
.menu-filter-pair { display:grid; grid-template-columns:1fr minmax(7rem,.45fr); gap:.75rem; }
.menu-filter-pair label { display:grid; gap:.35rem; font-weight:800; }
.menu-action-hint { margin:0 0 var(--space-4); padding:.75rem 1rem; border-left:4px solid var(--color-accent); background:var(--color-accent-soft); color:var(--color-text); line-height:1.5; }
@media (max-width:700px) {
  .menu-setup-intro { align-items:stretch; flex-direction:column; }
  .menu-setup-intro .btn { width:100%; }
  .menu-setup-steps { grid-template-columns:1fr; }
  .menu-finder-heading { align-items:flex-start; flex-direction:column; }
  .menu-finder-heading > strong { white-space:normal; }
  .menu-filter-pair { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .menu-filter-pair { grid-template-columns:1fr; }
}

/* Compact delivery administration with per-driver disclosure panels. */
.driver-foldout { margin: var(--space-3) 0; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.driver-foldout > summary,.driver-stop-group > summary,.driver-profile > summary,.driver-activity-detail > summary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); min-height:3.1rem; padding:var(--space-3) var(--space-4); cursor:pointer; list-style:none; }
.driver-foldout > summary::-webkit-details-marker,.driver-stop-group > summary::-webkit-details-marker,.driver-profile > summary::-webkit-details-marker,.driver-activity-detail > summary::-webkit-details-marker { display:none; }
.driver-foldout > summary::after,.driver-stop-group > summary::after,.driver-profile > summary::after,.driver-activity-detail > summary::after { content:'+'; flex:none; font-size:1.35rem; font-weight:700; color:var(--color-text-muted); }
.driver-foldout[open] > summary::after,.driver-stop-group[open] > summary::after,.driver-profile[open] > summary::after,.driver-activity-detail[open] > summary::after { content:'−'; }
.driver-foldout > summary span,.driver-stop-group > summary span { color:var(--color-text-muted); font-size:var(--text-sm); text-align:right; }
.selected-delivery-date { padding:0; }
.delivery-mileage-summary,.delivery-day-summaries { padding:0; }
.driver-create-foldout form { padding:0 var(--space-4) var(--space-4); }
.driver-roster { padding:0; }
.driver-roster > .driver-admin-grid { padding:0 var(--space-3) var(--space-3); }
.driver-profile { padding:0; overflow:hidden; }
.driver-profile > summary { justify-content:flex-start; background:var(--color-primary-highlight); }
.driver-profile > summary strong { color:var(--color-text); }
.driver-profile-body { display:grid; gap:var(--space-3); padding:var(--space-3); }
.driver-profile-body .driver-performance { margin:.25rem 0; }
.driver-activity-detail { border-top:1px solid var(--color-divider); border-bottom:1px solid var(--color-divider); }
.driver-activity-detail > summary { padding-inline:0; }
.driver-activity-detail .delivery-mileage-log { padding-bottom:var(--space-3); }
.driver-stop-group { margin:var(--space-2) 0; border:1px solid var(--color-border); border-radius:var(--radius-lg); background:var(--color-surface); }
.driver-stop-group .driver-admin-grid,.driver-stop-group .delivery-mileage-log { padding:0 var(--space-3) var(--space-3); }
.driver-active-grid,.completed-driver-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--space-2); }
.driver-delivery-section,.completed-delivery-section { padding:0 var(--space-3) var(--space-3); }
.driver-delivery-section > summary,.completed-delivery-section > summary { margin-inline:calc(-1 * var(--space-3)); }
.delivery-day-summaries > .driver-admin-grid { padding:0 var(--space-3) var(--space-3); }
@media (max-width:600px) {
  .driver-foldout > summary,.driver-stop-group > summary,.driver-profile > summary,.driver-activity-detail > summary { align-items:flex-start; padding-inline:var(--space-3); }
  .driver-foldout > summary span,.driver-stop-group > summary span { max-width:55%; }
}


/* Examples are intentionally lighter than information an owner has entered. */
#admin-app input::placeholder,
#admin-app textarea::placeholder {
  color: #907d72;
  opacity: 1;
}


/* Menu controls stay in the page flow so they cannot cover menu items on phones. */
.menu-batch-toolbar,
.menu-view-tabs,
.preorder-quick-control {
  position: static;
  top: auto;
  z-index: auto;
}

/* Keep the return-to-top control out of the menu cards. */
.admin-back-to-top {
  position: static;
  display: block;
  width: fit-content;
  margin: var(--space-4) auto calc(var(--space-4) + env(safe-area-inset-bottom));
}

/* Keep the edit control and reorder arrows in their own row. */
@media (max-width: 700px) {
  .menu-item-section .admin-row-actions {
    display: flex;
    grid-column: 1 / -1;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    width: 100%;
  }

  .menu-item-section .admin-row-actions .btn {
    flex: 1 1 12rem;
    min-width: 0;
    white-space: normal;
    text-align: left;
  }

  .menu-item-section .admin-row-actions .icon-btn {
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (max-width: 390px) {
  .menu-item-section .admin-row-actions .btn {
    flex-basis: 100%;
  }
}

/* Brown Suga owner dashboard v1 — scoped presentation only */
.admin-body { --bst-chocolate:#32170c; --bst-caramel:#9b531e; --bst-cream:#fff9ef; --bst-stroke:#ead8c2; background:#fff7ec; color:var(--bst-chocolate); }
.admin-body .admin-main { max-width:1120px; }
#panel-home { color:var(--bst-chocolate); }
#panel-home h1,#panel-home h2 { font-family:Fraunces,Georgia,serif; letter-spacing:-.035em; }
.bst-welcome { padding:1.1rem .4rem 1.3rem; }
.bst-welcome h1 { margin:.3rem 0; font-size:clamp(1.9rem,5vw,2.8rem); }
.bst-welcome p { margin:.3rem 0; color:#72594c; }
.bst-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.bst-overview button,.bst-quick-grid button,.bst-owner-card,.bst-delivery-row { border:1px solid var(--bst-stroke); border-radius:18px; background:#fffdf9; box-shadow:0 5px 18px #64360e10; color:var(--bst-chocolate); }
.bst-overview button { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:.1rem; min-width:0; min-height:125px; padding:.8rem; text-align:left; font:inherit; }
.bst-overview strong { font:700 clamp(1.6rem,5vw,2.2rem) Fraunces,Georgia,serif; }
.bst-overview button>span:last-of-type { font-size:.82rem; line-height:1.2; }
.bst-overview b { position:absolute; top:.65rem; right:.7rem; font-size:1.5rem; color:var(--bst-caramel); }
.bst-metric-icon,.bst-action-icon,.bst-pin { display:grid; place-items:center; flex-shrink:0; border-radius:50%; background:#faead7; color:#96501c; }
.bst-metric-icon { width:36px; height:36px; }
.bst-home-section { margin-top:1.65rem; }
.bst-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:.6rem; margin-bottom:.7rem; }
.bst-section-heading h2,.bst-owner-heading h2 { margin:0; font-size:clamp(1.4rem,4vw,1.85rem); }
.bst-section-heading span { font-size:.8rem; color:#806757; }
.bst-section-heading button,.bst-owner-heading button { border:0; background:transparent; color:var(--bst-caramel); font:700 .82rem inherit; cursor:pointer; }
.bst-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.bst-quick-grid button { display:flex; align-items:center; gap:.65rem; padding:.85rem; min-height:100px; text-align:left; font:inherit; }
.bst-action-icon { width:46px; height:46px; font-size:1.5rem; }
.bst-quick-grid button>span:nth-child(2) { min-width:0; flex:1; }
.bst-quick-grid strong,.bst-quick-grid small { display:block; }
.bst-quick-grid strong { font:700 1rem Fraunces,Georgia,serif; }
.bst-quick-grid small { margin-top:.2rem; color:#715d50; font-size:.75rem; line-height:1.3; }
.bst-quick-grid b { color:var(--bst-caramel); font-size:1.4rem; }
.bst-owner-card { margin-top:1rem; padding:1rem; }
.bst-owner-heading { display:flex; justify-content:space-between; align-items:center; gap:.5rem; }
.bst-owner-heading p { margin:.25rem 0; color:#715d50; font-size:.85rem; }
.bst-owner-pills { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.8rem; }
.bst-owner-pills button { border:1px solid var(--bst-stroke); border-radius:999px; padding:.55rem .8rem; background:#faead7; color:var(--bst-chocolate); font:inherit; font-size:.8rem; }
.bst-owner-all { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4rem; margin-top:.8rem; }
.bst-owner-all[hidden],.bst-delivery-row[hidden] { display:none!important; }
.bst-owner-all button { display:flex; justify-content:space-between; padding:.7rem; border:1px solid var(--bst-stroke); border-radius:10px; background:#fff8ed; color:var(--bst-chocolate); font:inherit; text-align:left; }
.bst-delivery-search { display:flex; align-items:center; gap:.5rem; border:1px solid var(--bst-stroke); border-radius:14px; background:white; padding:.15rem .8rem; }
.bst-delivery-search input { width:100%; min-height:44px; border:0; outline-offset:2px; background:transparent; color:var(--bst-chocolate); font:inherit; }
#bst-delivery-results { display:grid; gap:.55rem; margin-top:.7rem; }
.bst-delivery-row { display:flex; align-items:center; gap:.7rem; width:100%; min-height:70px; padding:.75rem; text-align:left; font:inherit; }
.bst-pin { width:40px; height:40px; font-size:1.5rem; }
.bst-delivery-copy { flex:1; min-width:0; }
.bst-delivery-copy strong,.bst-delivery-copy small,.bst-delivery-state strong,.bst-delivery-state small { display:block; }
.bst-delivery-copy small,.bst-delivery-state small { color:#72594c; font-size:.76rem; }
.bst-delivery-state { max-width:43%; text-align:right; }
.bst-delivery-state strong { font-size:.77rem; color:#765027; }
.bst-delivery-row>b { color:var(--bst-caramel); }
.bst-attention { margin-top:1rem; padding:1rem; border:1px solid var(--bst-stroke); border-radius:14px; }
.bst-mobile-nav { display:none; }
@media(max-width:700px) {
 .admin-body { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
 .admin-primary-nav { display:none; }
 .bst-mobile-nav { display:grid; grid-template-columns:repeat(4,1fr); position:fixed; bottom:0; left:0; right:0; z-index:45; padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom)); border-top:1px solid var(--bst-stroke); background:#fffaf3; box-shadow:0 -5px 20px #32170c12; }
 .bst-mobile-nav button { display:grid; justify-items:center; gap:.05rem; min-height:52px; border:0; border-radius:12px; background:transparent; color:#765e50; font:700 1.4rem Georgia,serif; }
 .bst-mobile-nav button span { font:600 .75rem Satoshi,Arial,sans-serif; }
 .bst-mobile-nav button[aria-current="page"] { color:#76360f; background:#f8e9d8; }
 .admin-main { padding-top:.6rem; }
 .bst-quick-grid button { padding:.65rem; gap:.4rem; }
 .bst-action-icon { width:38px; height:38px; }
}
@media(min-width:701px) { .bst-overview { gap:1rem; } .bst-overview button { min-height:145px; } .bst-quick-grid { grid-template-columns:repeat(4,1fr); } }