.report-heading {
  align-items: flex-start;
}

.report-command-bar {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.report-range-label {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
}

.report-trend {
  display: block;
  margin-top: 9px;
  font-style: normal;
  font-size: 11px;
  color: var(--muted);
}

.report-trend.up {
  color: var(--green);
}

.report-trend.down {
  color: var(--red);
}

.executive-report-cover {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(320px, 1.45fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
}

.executive-report-cover h2 {
  margin: 0;
  font-size: 24px;
}

.executive-report-cover small,
.executive-note span,
.executive-metrics span {
  color: var(--muted);
}

.executive-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.executive-metrics article {
  border: 1px solid #edf0ed;
  border-radius: 6px;
  padding: 12px;
  background: #fbfcfb;
}

.executive-metrics span,
.executive-metrics strong {
  display: block;
}

.executive-metrics strong {
  margin-top: 5px;
  font-size: 18px;
}

.executive-note {
  grid-column: 1 / -1;
  border-left: 4px solid var(--green);
  padding: 12px 14px;
  background: #f7faf8;
}

.executive-note strong,
.executive-note span {
  display: block;
}

.executive-note span {
  margin-top: 4px;
  line-height: 1.4;
}

.inventory-measure-picker {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 12px;
}

.inventory-measure-picker legend {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.inventory-measure-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.inventory-measure-picker label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 10px;
  background: #fbfcfb;
}

.inventory-measure-picker strong,
.inventory-measure-picker small {
  display: block;
}

.inventory-measure-picker small {
  margin-top: 3px;
  color: var(--muted);
}

.ingredient-unit-help {
  background: #f4f7f5;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 12px;
}

.ingredient-unit-help strong,
.ingredient-unit-help small {
  display: block;
}

.ingredient-unit-help small {
  margin-top: 4px;
  color: var(--muted);
}

.stock-adjust-current {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 18px 0;
  padding: 14px;
  background: #f4f7f5;
  border: 1px solid var(--line);
  border-radius: 6px;
}

.stock-adjust-current span {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 800;
}

.stock-adjust-current strong {
  font-size: 22px;
}

.stock-adjust-preview {
  display: grid;
  gap: 4px;
  margin: 10px 0 16px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fbfcfb;
}

.stock-adjust-preview span {
  color: var(--muted);
}

.stock-adjust-preview b {
  color: var(--green);
}

.stock-adjust-preview.invalid {
  border-color: var(--red);
  background: var(--red-2);
}

.inventory-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .42fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 18px;
}

.inventory-movements {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 16px;
}

.inventory-movements .section-heading {
  align-items: end;
}

.inventory-movements .section-heading select {
  width: min(210px, 100%);
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 0 28px 0 10px;
}

.inventory-movement-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.inventory-movement {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid #edf0ed;
  border-left: 4px solid var(--red);
  border-radius: 6px;
  padding: 10px;
  background: #fbfcfb;
}

.inventory-movement.in {
  border-left-color: var(--green);
}

.inventory-movement strong,
.inventory-movement small {
  display: block;
}

.inventory-movement small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.inventory-movement b {
  color: var(--red);
  white-space: nowrap;
}

.inventory-movement.in b {
  color: var(--green);
}

@media (max-width: 760px) {
  .executive-report-cover,
  .executive-metrics {
    grid-template-columns: 1fr;
  }

  .inventory-measure-picker {
    grid-template-columns: 1fr;
  }

  .inventory-grid {
    grid-template-columns: 1fr;
  }

  .inventory-movements .section-heading {
    align-items: stretch;
  }

  .inventory-movements .section-heading select {
    width: 100%;
  }
}

@media print {
  body.printing-report {
    background: #fff;
  }

  body.printing-report .topbar,
  body.printing-report .sidebar,
  body.printing-report .report-command-bar,
  body.printing-report .table-action,
  body.printing-report .toast-region {
    display: none !important;
  }

  body.printing-report .app-shell,
  body.printing-report .workspace {
    display: block;
    height: auto;
    overflow: visible;
  }

  body.printing-report .view {
    display: none !important;
  }

  body.printing-report .view[data-view-panel="reports"] {
    display: block !important;
    padding: 0;
  }

  body.printing-report .page-heading,
  body.printing-report .report-cards,
  body.printing-report .executive-report-cover,
  body.printing-report .report-insights,
  body.printing-report .operations-alerts,
  body.printing-report .sales-chart,
  body.printing-report .invoice-requests,
  body.printing-report .report-breakdowns article,
  body.printing-report .product-performance,
  body.printing-report .pattern-reports article,
  body.printing-report .sales-history {
    break-inside: avoid;
    box-shadow: none;
  }

  body.printing-report .muted-focus {
    opacity: 1;
  }

  body.printing-report .report-cards,
  body.printing-report .report-main-grid,
  body.printing-report .report-breakdowns,
  body.printing-report .product-performance-grid,
  body.printing-report .pattern-reports {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.printing-report .sales-chart {
    min-height: 260px;
  }

  body.printing-report .bars {
    height: 180px;
  }

  body.printing-report .sales-history-table {
    overflow: visible;
  }

  body.printing-report .executive-report-cover {
    border: 0;
    border-bottom: 2px solid #17211c;
    border-radius: 0;
    padding: 0 0 16px;
    margin-bottom: 16px;
  }

  body.printing-report .payable-aging button,
  body.printing-report .executive-metrics article {
    break-inside: avoid;
  }
}

.report-command-bar label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 800;
}

.report-command-bar select {
  height: 38px;
  min-width: 122px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 0 30px 0 10px;
  text-transform: none;
  font-weight: 500;
}

.operations-alerts,
.pattern-reports article,
.sales-history,
.invoice-requests {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 18px;
}

.operations-alerts {
  margin-bottom: 18px;
}

.operation-alert-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.operation-alert {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-left: 4px solid #7b9285;
  border-radius: 6px;
  padding: 12px;
  background: #fbfcfb;
}

.operation-alert > b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8eeea;
  color: var(--green);
  font-style: normal;
}

.operation-alert strong,
.operation-alert small,
.pattern-row strong,
.pattern-row small,
.pattern-row b {
  display: block;
}

.operation-alert small,
.pattern-row small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.operation-alert em {
  font-style: normal;
  color: var(--green);
  font-weight: 800;
  font-size: 11px;
  text-align: right;
}

.operation-alert.critical {
  border-left-color: var(--red);
}

.operation-alert.critical > b {
  background: var(--red-2);
  color: var(--red);
}

.operation-alert.warning {
  border-left-color: #d19b31;
}

.operation-alert.warning > b {
  background: var(--amber-2);
  color: var(--amber);
}

.report-insights {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 18px;
  margin-bottom: 18px;
}

.report-insight-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.report-insight {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid #7b9285;
  border-radius: 6px;
  padding: 12px;
  background: #fbfcfb;
}

.report-insight.success {
  border-left-color: var(--green);
}

.report-insight.warning {
  border-left-color: var(--amber);
}

.report-insight strong,
.report-insight small {
  display: block;
}

.report-insight small {
  margin-top: 4px;
  color: var(--muted);
  line-height: 1.35;
}

.report-insight b {
  color: var(--green);
  white-space: nowrap;
}

.backup-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.backup-summary article {
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 14px;
  background: #fbfcfb;
}

.backup-summary span,
.backup-note span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.backup-summary strong {
  display: block;
  margin-top: 6px;
  font-size: 22px;
  color: var(--green);
}

.backup-note {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 14px;
  background: #f4f7f5;
}

.backup-note strong {
  display: block;
  margin-bottom: 4px;
}

.backup-restore {
  margin-top: 18px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.backup-file {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.backup-file input,
.backup-confirm input {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 10px;
  text-transform: none;
  font-weight: 500;
}

.backup-preview {
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 14px;
  background: #fbfcfb;
}

.backup-preview strong,
.backup-preview span {
  display: block;
}

.backup-preview span {
  color: var(--muted);
}

.backup-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.backup-preview-grid span {
  border: 1px solid #edf0ed;
  border-radius: 5px;
  padding: 10px;
  background: #fff;
}

.backup-preview-grid small,
.backup-preview-grid b {
  display: block;
}

.backup-preview-grid b {
  color: var(--green);
  margin-top: 3px;
}

.backup-confirm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 12px;
}

.health-heading-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.platform-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.platform-actions select {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 0 10px;
}

.platform-admin-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #d9c173;
  border-left: 5px solid #a27b15;
  background: linear-gradient(135deg, #fff8dc, #fff);
  color: #573f07;
  padding: 15px 16px;
  margin: 14px 0;
  box-shadow: 0 10px 24px rgba(83, 61, 13, .08);
}

.platform-admin-hero strong,
.platform-admin-hero span {
  display: block;
}

.platform-admin-hero strong {
  font-size: 18px;
}

.platform-admin-hero span {
  margin-top: 3px;
  color: #725a16;
  line-height: 1.35;
}

body.platform-admin-session .branch-control,
body.platform-admin-session .terminal-label,
body.platform-admin-session .view[data-view-panel="settings"] > .page-heading,
body.platform-admin-session .settings-tabs {
  display: none;
}

body.platform-admin-session .settings-layout {
  display: block;
}

body.platform-admin-session .settings-panel[data-settings-panel="platform"] {
  border: 0;
  background: transparent;
  padding: 0;
}

.platform-admin-tools {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.platform-admin-tools button {
  display: grid;
  gap: 7px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 14px;
  text-align: left;
  color: var(--ink);
}

.platform-admin-tools button:hover {
  border-color: #9cb9a7;
  box-shadow: 0 8px 22px rgba(23, 33, 28, .07);
}

.platform-admin-tools span,
.platform-admin-tools small,
.platform-admin-tools em {
  display: block;
}

.platform-admin-tools span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.platform-admin-tools strong {
  font-size: 24px;
}

.platform-admin-tools small {
  color: var(--muted);
  line-height: 1.35;
}

.platform-admin-tools em {
  color: var(--green);
  font-style: normal;
  font-size: 11px;
  font-weight: 850;
}

.platform-tenant-overview {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.platform-tenant-card,
.platform-tenant-overview article {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 14px;
  min-width: 0;
}

.platform-tenant-overview article.primary {
  border-color: #b99532;
  background: #fff9e7;
}

.platform-tenant-overview span,
.platform-tenant-overview small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.platform-tenant-overview strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 20px;
  color: var(--ink);
}

.platform-license-panel {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}

.platform-restaurants-panel {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 14px;
  margin: 14px 0;
}

.platform-restaurants-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.platform-restaurants-heading h3 {
  margin: 2px 0 4px;
  font-size: 20px;
}

.platform-restaurants-heading span {
  color: var(--muted);
  font-size: 12px;
}

.platform-restaurants-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.platform-restaurant-card {
  display: grid;
  gap: 12px;
  border: 1px solid var(--line);
  border-left: 4px solid var(--green);
  border-radius: 7px;
  padding: 13px;
  background: #fbfdfb;
}

.platform-restaurant-card.trial {
  border-left-color: #b99532;
  background: #fffbf0;
}

.platform-restaurant-card.pending {
  border-left-color: var(--amber);
}

.platform-restaurant-card.suspended {
  border-left-color: var(--red);
  background: #fff8f8;
}

.platform-restaurant-card.selected {
  outline: 2px solid #9cb9a7;
  box-shadow: 0 10px 24px rgba(23, 33, 28, .08);
}

.platform-restaurant-card header,
.platform-restaurant-card footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: start;
}

.platform-restaurant-card header span,
.platform-restaurant-card footer {
  min-width: 0;
}

.platform-restaurant-card strong,
.platform-restaurant-card small,
.platform-restaurant-card footer span,
.platform-restaurant-card footer small {
  display: block;
}

.platform-restaurant-card header b {
  border-radius: 999px;
  background: var(--green-2);
  color: var(--green);
  padding: 5px 8px;
  font-size: 10px;
  white-space: nowrap;
}

.platform-restaurant-card.pending header b,
.platform-restaurant-card.trial header b {
  background: var(--amber-2);
  color: var(--amber);
}

.platform-restaurant-card.suspended header b {
  background: var(--red-2);
  color: var(--red);
}

.platform-restaurant-card small,
.platform-restaurant-card footer,
.platform-restaurant-card p {
  color: var(--muted);
  line-height: 1.4;
}

.platform-restaurant-card p {
  margin: 0;
}

.platform-restaurant-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.platform-restaurant-metrics span {
  display: grid;
  gap: 3px;
  border: 1px solid #edf0ed;
  background: #fff;
  padding: 8px;
  color: var(--muted);
  font-size: 11px;
}

.platform-restaurant-metrics strong {
  color: var(--ink);
}

.platform-restaurant-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.platform-restaurant-actions button {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 7px 9px;
  font-size: 11px;
  font-weight: 800;
}

.platform-restaurant-actions button:hover {
  border-color: #9cb9a7;
  color: var(--green);
}

.platform-detail-panel {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 16px;
  margin: 14px 0;
}

.platform-detail-heading {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: start;
  margin-bottom: 14px;
}

.platform-detail-heading h3 {
  margin: 2px 0 4px;
  font-size: 22px;
}

.platform-detail-heading span,
.platform-detail-panel small {
  color: var(--muted);
}

.platform-detail-actions,
.platform-detail-columns section {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.platform-detail-actions button,
.platform-detail-columns button {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--ink);
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 850;
}

.platform-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.platform-detail-grid article {
  border: 1px solid #edf0ed;
  border-radius: 7px;
  background: #fbfdfb;
  padding: 12px;
}

.platform-detail-grid span,
.platform-detail-grid strong,
.platform-detail-grid small {
  display: block;
}

.platform-detail-grid span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.platform-detail-grid strong {
  margin: 7px 0 4px;
  font-size: 20px;
}

.platform-detail-license.pending,
.platform-detail-license.trial {
  background: #fff8e6;
  border-color: #ecd394;
}

.platform-detail-license.suspended {
  background: #fff8f8;
  border-color: #efc2bd;
}

.platform-detail-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.platform-detail-columns section {
  display: grid;
  align-content: start;
  border: 1px solid #edf0ed;
  border-radius: 7px;
  background: #fbfdfb;
  padding: 12px;
}

.platform-detail-columns h4 {
  margin: 0 0 10px;
}

.platform-detail-columns button,
.platform-detail-columns article {
  display: grid;
  gap: 4px;
  text-align: left;
  width: 100%;
}

.platform-detail-columns article {
  border-bottom: 1px solid #edf0ed;
  padding: 9px 0;
}

.platform-detail-columns article:last-child {
  border-bottom: 0;
}

.platform-ops-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.platform-ops-grid section {
  display: grid;
  align-content: start;
  gap: 8px;
  border: 1px solid #edf0ed;
  border-radius: 7px;
  background: #fff;
  padding: 12px;
}

.platform-ops-grid h4 {
  margin: 0 0 4px;
}

.platform-ops-grid article {
  display: grid;
  gap: 4px;
  border-left: 3px solid #9cb9a7;
  background: #f7faf8;
  padding: 9px 10px;
}

.platform-ops-grid article.warning,
.platform-ops-grid article.attention,
.platform-ops-grid article.open {
  border-left-color: var(--amber);
  background: #fff8e6;
}

.platform-ops-grid article.critical {
  border-left-color: var(--red);
  background: #fff8f8;
}

.platform-ops-grid article.ok,
.platform-ops-grid article.closed {
  border-left-color: var(--green);
}

.platform-ops-grid span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.platform-ops-grid strong,
.platform-ops-grid small {
  display: block;
}

.license-control-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  border: 1px solid #cfb15a;
  border-radius: 7px;
  background: linear-gradient(135deg, #fff7d6, #fff);
  padding: 16px;
}

.license-control-card h3 {
  margin: 2px 0 5px;
  font-size: 20px;
}

.license-control-card p {
  margin: 0;
  color: #6d5518;
  line-height: 1.4;
}

.license-control-status {
  display: grid;
  gap: 6px;
  justify-items: end;
  color: var(--muted);
  font-size: 12px;
}

.platform-scope-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.platform-scope-grid article {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 13px;
}

.platform-scope-grid strong,
.platform-scope-grid span {
  display: block;
}

.platform-scope-grid span {
  margin-top: 5px;
  color: var(--muted);
  line-height: 1.4;
  font-size: 12px;
}

@media (max-width: 780px) {
  .license-control-card,
  .platform-scope-grid {
    grid-template-columns: 1fr;
  }

  .license-control-status {
    justify-items: start;
  }

  .platform-restaurants-heading,
  .platform-detail-heading,
  .platform-restaurant-card header,
  .platform-restaurant-card footer {
    display: grid;
  }

  .platform-restaurant-metrics,
  .platform-detail-columns,
  .platform-ops-grid {
    grid-template-columns: 1fr;
  }
}

.platform-readiness {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
  margin: 14px 0;
}

.platform-readiness-card {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}

.platform-readiness-card header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
  background: #f7faf8;
}

.platform-readiness-card header strong,
.platform-readiness-card header small {
  display: block;
}

.platform-readiness-card header small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.platform-readiness-card header span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 28px;
  border-radius: 999px;
  background: var(--green-2);
  color: var(--green);
  font-size: 11px;
  font-weight: 850;
}

.platform-readiness-card > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 11px 14px;
  border-bottom: 1px solid #edf0ed;
}

.platform-readiness-card > div:last-child {
  border-bottom: 0;
}

.platform-readiness-card span {
  min-width: 0;
}

.platform-readiness-card span strong,
.platform-readiness-card span small {
  display: block;
}

.platform-readiness-card span small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.platform-api-row > span > em {
  font-style: normal;
  color: var(--muted);
  font-size: 11px;
}

.platform-api-row {
  display: grid;
  gap: 10px;
  border: 1px solid var(--line);
  border-left: 4px solid #b9c7be;
  background: #fff;
  padding: 13px 14px;
}

.platform-api-list {
  display: grid;
  gap: 10px;
  border: 0;
  background: transparent;
}

.platform-api-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}

.platform-api-main > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.platform-api-main b,
.platform-api-main small,
.platform-api-main em {
  overflow: hidden;
  text-overflow: ellipsis;
}

.platform-api-main em,
.platform-api-row > span > em {
  font-style: normal;
  color: var(--muted);
  font-size: 11px;
}

.platform-api-main > span:last-child {
  justify-items: end;
  text-align: right;
}

.platform-api-main > span:last-child small {
  color: var(--muted);
  font-size: 11px;
  text-align: right;
}

.platform-api-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid #edf0ed;
  padding-top: 10px;
}

.platform-api-actions button {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--green);
  padding: 7px 10px;
  font-weight: 800;
  font-size: 11px;
}

.platform-api-actions span {
  margin-left: auto;
  color: var(--muted);
  font-size: 11px;
}

.platform-api-row.license-arcsan,
.platform-readiness-card.commercial {
  border-color: #d9c173;
  border-left-color: #a27b15;
  background: linear-gradient(180deg, #fffdf5, #fff);
  box-shadow: 0 10px 24px rgba(83, 61, 13, .08);
}

.platform-api-row.license-arcsan .platform-api-main b {
  font-size: 18px;
  color: #6d4f08;
}

.license-arcsan-banner {
  display: grid;
  gap: 3px;
  padding: 11px 12px;
  border: 1px solid #ead99b;
  background: #fff8dc;
  color: #5c4307;
}

.license-arcsan-banner small {
  color: #725a16;
  line-height: 1.35;
}

.platform-validation {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid var(--line);
  background: #f7faf8;
}

.platform-validation strong,
.platform-validation small {
  display: block;
}

.platform-validation small {
  color: var(--muted);
  line-height: 1.35;
}

.platform-validation.passed {
  border-color: #b7d6c3;
  background: #f1faf4;
}

.platform-validation.attention {
  border-color: #ecd394;
  background: #fff8e6;
}

.platform-validation.untested {
  border-style: dashed;
}

.platform-checklist {
  border-top: 1px solid #edf0ed;
  padding-top: 8px;
}

.platform-playbook {
  border: 1px solid #e3e9e5;
  border-radius: 6px;
  background: #fff;
  padding: 0;
}

.platform-playbook summary {
  cursor: pointer;
  padding: 10px 12px;
  color: var(--green);
  font-size: 11px;
  font-weight: 850;
}

.platform-playbook-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  padding: 0 12px 10px;
}

.platform-playbook-meta span {
  border: 1px solid #edf0ed;
  background: #f7faf8;
  padding: 8px;
  color: var(--muted);
  font-size: 11px;
}

.platform-playbook-meta b {
  color: var(--ink);
}

.platform-playbook ol {
  margin: 0;
  padding: 0 12px 12px 34px;
  color: var(--ink);
  line-height: 1.45;
  font-size: 12px;
}

.platform-playbook li {
  margin: 6px 0;
}

.platform-checklist summary {
  color: var(--green);
  cursor: pointer;
  font-size: 11px;
  font-weight: 850;
}

.platform-checklist ul {
  margin: 8px 0 0;
  padding-left: 0;
  color: var(--muted);
  line-height: 1.5;
  font-size: 12px;
  list-style: none;
}

.platform-checklist li {
  margin-top: 6px;
}

.platform-checklist label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 7px;
  align-items: start;
  cursor: pointer;
}

.platform-checklist input {
  margin-top: 3px;
  accent-color: var(--green);
}

.platform-checklist input:checked + span {
  color: var(--ink);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: #8caf9b;
}

.platform-progress {
  height: 6px;
  border-radius: 999px;
  background: #edf0ed;
  margin-top: 8px;
  overflow: hidden;
}

.platform-progress i {
  display: block;
  width: var(--progress);
  height: 100%;
  background: var(--green);
}

.health-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.health-phase {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  overflow: hidden;
}

.health-phase > header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 13px 14px;
  border-bottom: 1px solid var(--line);
  background: #f7faf8;
}

.health-phase > header strong,
.health-phase > header small {
  display: block;
}

.health-phase > header small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.health-phase > header span {
  display: grid;
  place-items: center;
  min-width: 42px;
  height: 28px;
  border-radius: 999px;
  background: var(--green-2);
  color: var(--green);
  font-weight: 800;
  font-size: 11px;
}

.health-card {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-left: 4px solid var(--amber);
  border-radius: 0;
  padding: 12px;
  background: #fbfcfb;
}

.health-card:last-child {
  border-bottom: 0;
}

.health-card.ready {
  border-left-color: var(--green);
}

.health-card.required.pending {
  border-left-color: var(--red);
}

.health-card.external {
  border-left-color: var(--blue);
}

.health-card > b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--amber-2);
  color: var(--amber);
  font-size: 10px;
  font-weight: 900;
}

.health-card.ready > b {
  background: var(--green-2);
  color: var(--green);
}

.health-card.required.pending > b {
  background: var(--red-2);
  color: var(--red);
}

.health-card.external > b {
  background: #e2edf1;
  color: var(--blue);
}

.health-card strong,
.health-card small,
.health-card em {
  display: block;
}

.health-card small {
  margin-top: 3px;
  color: var(--muted);
  line-height: 1.35;
}

.health-card em {
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 800;
}

.health-card button {
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--green);
  padding: 7px 10px;
  font-weight: 800;
  font-size: 11px;
}

.report-main-grid,
.pattern-reports,
.report-breakdowns {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}

.report-main-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}

.pattern-reports {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-breakdowns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-breakdowns article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 18px;
}

.product-performance {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 18px;
  margin-bottom: 18px;
}

.product-performance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 18px;
  margin-top: 14px;
}

.product-performance h3 {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--muted);
}

.breakdown-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.breakdown-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  overflow: hidden;
  border: 1px solid #edf0ed;
  border-radius: 6px;
  padding: 12px;
  background: #fbfcfb;
}

.breakdown-row span,
.breakdown-row b {
  position: relative;
  z-index: 1;
}

.breakdown-row small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
}

.breakdown-row b {
  color: var(--green);
}

.breakdown-row i {
  position: absolute;
  inset: auto 0 0 0;
  width: var(--bar);
  height: 3px;
  background: var(--green);
}

.pattern-list,
.invoice-request-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.pattern-row,
.invoice-request-list article {
  border: 1px solid #edf0ed;
  border-radius: 6px;
  padding: 12px;
  background: #fbfcfb;
}

.pattern-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.pattern-row b {
  text-align: right;
  color: var(--green);
}

.muted-focus {
  opacity: .48;
}

.sales-history,
.invoice-requests {
  margin-bottom: 18px;
}

.refund-summary {
  display: grid;
  gap: 2px;
  text-align: right;
}

.refund-summary span {
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
}

.purchase-receipts-section {
  margin-top: 18px;
}

.purchase-receipt-list {
  display: grid;
  gap: 10px;
}

.payables-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.payables-summary article {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  background: #fbfcfb;
}

.payables-summary span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.payables-summary strong {
  display: block;
  margin-top: 4px;
  font-size: 20px;
}

.purchase-filter {
  margin-bottom: 12px;
  width: fit-content;
}

.purchase-receipt-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
}

.purchase-receipt-card span,
.purchase-receipt-card small {
  display: block;
  color: var(--muted);
}

.purchase-receipt-card strong {
  display: block;
  margin: 2px 0;
}

.purchase-receipt-money {
  display: grid;
  gap: 4px;
  justify-items: end;
}

.purchase-payment-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: #eef4ef;
  color: #234338;
}

.purchase-payment-pill.paid {
  background: #e5f7ed;
  color: #126331;
}

.purchase-payment-pill.pending {
  background: #fff5db;
  color: #805300;
}

.purchase-payment-pill.credit {
  background: #e9f0ff;
  color: #234b8f;
}

.supplier-payables-report {
  margin-top: 18px;
}

.payable-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
}

.payable-summary article {
  border: 1px solid #edf0ed;
  border-radius: 6px;
  background: #fbfcfb;
  padding: 12px;
}

.payable-summary span,
.payable-summary strong {
  display: block;
}

.payable-summary span {
  color: var(--muted);
  font-size: 11px;
}

.payable-summary strong {
  margin-top: 4px;
  font-size: 20px;
}

.payable-aging {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.payable-aging button {
  border: 1px solid #edf0ed;
  border-left: 4px solid #9caf9f;
  border-radius: 6px;
  background: #fff;
  padding: 12px;
  text-align: left;
}

.payable-aging button:hover,
.payable-aging button.active {
  border-color: #9cb9a7;
  background: #f7faf8;
}

.payable-aging button.active {
  box-shadow: inset 0 0 0 1px #1f6b4a;
}

.payable-aging button.overdue {
  border-left-color: #b84238;
}

.payable-aging button.due_7 {
  border-left-color: #d49a2e;
}

.payable-aging span,
.payable-aging strong,
.payable-aging small {
  display: block;
}

.payable-aging span,
.payable-aging small {
  color: var(--muted);
  font-size: 11px;
}

.payable-aging strong {
  margin: 5px 0 2px;
  font-size: 17px;
}

.payable-row {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.payable-row .table-action {
  white-space: nowrap;
}

.supplier-payment-summary {
  border: 1px solid #edf0ed;
  border-radius: 6px;
  background: #fbfcfb;
  padding: 14px;
  margin: 14px 0;
}

.supplier-payment-summary strong,
.supplier-payment-summary span {
  display: block;
}

.supplier-payment-summary span {
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

.payable-row.overdue {
  border-color: #f0b8b0;
  background: #fff7f5;
}

.payable-row.soon {
  border-color: #ecd59b;
  background: #fffaf0;
}

.purchase-lines {
  display: grid;
  gap: 10px;
  margin: 10px 0 12px;
}

.purchase-line {
  display: grid;
  grid-template-columns: minmax(170px, 1.4fr) minmax(100px, .7fr) minmax(120px, .8fr) minmax(140px, .9fr) 42px 38px;
  gap: 8px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #f8faf8;
}

.purchase-line label {
  margin: 0;
}

.purchase-line span {
  color: var(--muted);
  padding-bottom: 12px;
}

.purchase-photo-preview,
.purchase-receipt-preview {
  border: 1px dashed var(--border);
  border-radius: 8px;
  padding: 12px;
  margin: 10px 0;
  background: #fbfcfb;
}

.purchase-photo-preview img {
  display: block;
  width: 100%;
  max-height: 180px;
  object-fit: contain;
  border-radius: 6px;
}

.purchase-receipt-preview strong,
.purchase-receipt-preview span {
  display: block;
}

.purchase-receipt-preview span {
  color: var(--muted);
  margin-top: 2px;
}

.sales-history-table {
  overflow: auto;
  margin-top: 14px;
}

.sales-history-table table {
  width: 100%;
  border-collapse: collapse;
}

.sales-history-table th,
.sales-history-table td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  font-size: 12px;
}

.sales-history-table th {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
}

.sales-history-table td small,
.invoice-request-list small {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}

.invoice-request-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 12px;
  align-items: center;
}

.invoice-status {
  font-size: 10px;
  text-transform: uppercase;
  color: var(--green);
}

.invoice-status.rejected {
  color: var(--red);
}

.expiry-pill {
  display: inline-flex;
  min-width: 74px;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 18px;
  background: #eef2ef;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.expiry-pill.ok {
  background: var(--green-2);
  color: var(--green);
}

.expiry-pill.soon,
.status-pill.soon {
  background: var(--amber-2);
  color: var(--amber);
}

.expiry-pill.expired,
.status-pill.expired {
  background: var(--red-2);
  color: var(--red);
}

.product-card.has-image {
  min-height: 178px;
  padding: 10px;
}

.product-card-image {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 5px;
  background: #edf1ee;
}

.product-card-image.placeholder,
.catalog-thumb.placeholder {
  display: grid;
  place-items: center;
  background: #e7ece8;
  color: var(--green);
  font-weight: 850;
}

/* Offers are sellable menu lines, but remain visibly distinct from individual dishes. */
.product-card.offer-card {
  position: relative;
  border-color: #d9b365;
  background: #fffdf7;
}

.catalog-offer-tag {
  position: absolute;
  top: 17px;
  left: 17px;
  border-radius: 4px;
  padding: 4px 6px;
  background: #6d4a11;
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
  letter-spacing: .05em;
}

.inventory-name-cell,
.product-formula-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 190px;
}

.catalog-thumb {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: cover;
  border-radius: 5px;
  border: 1px solid var(--line);
}

.catalog-image-editor {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  background: #f7f9f7;
}

.catalog-image-preview {
  width: 96px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.catalog-image-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog-image-upload {
  display: grid;
  gap: 6px;
  color: var(--ink) !important;
  font-weight: 750;
}

.catalog-image-upload input {
  padding: 8px;
}

.table-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.table-actions .table-action + .table-action {
  padding-left: 8px;
  border-left: 1px solid var(--line);
}

.product-import-section {
  margin-top: 16px;
  padding: 18px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
}

.product-import-section .backup-file {
  margin: 12px 0;
}

.product-import-preview {
  display: grid;
  gap: 4px;
  padding: 12px;
  margin-bottom: 12px;
  background: #f6f8f6;
  border: 1px solid var(--line);
}

.product-import-preview span {
  color: var(--muted);
  font-size: 12px;
}

.promotion-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

.promotion-summary article,
.promotion-builder-guide,
.promotion-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
}

.promotion-summary article {
  padding: 16px;
}

.promotion-summary span,
.promotion-card small {
  display: block;
  color: var(--muted);
  font-size: 11px;
}

.promotion-summary strong {
  display: block;
  margin-top: 6px;
  font-size: 24px;
}

.promotion-builder-guide {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  margin-bottom: 16px;
}

.promotion-builder-guide strong {
  font-size: 14px;
}

.promotion-builder-guide span {
  color: var(--muted);
  font-size: 12px;
}

.promotion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 14px;
}

.promotion-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border-top: 4px solid #aeb8b2;
}

.promotion-card.active {
  border-top-color: var(--green);
}

.promotion-card header,
.promotion-card footer,
.promotion-money {
  display: grid;
  gap: 10px;
}

.promotion-card header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.promotion-card header span {
  color: var(--green);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.promotion-card header strong {
  display: block;
  margin: 4px 0;
  font-size: 17px;
}

.promotion-card header b {
  padding: 5px 8px;
  border-radius: 20px;
  background: var(--green-2);
  color: var(--green);
  font-size: 10px;
  text-transform: uppercase;
}

.promotion-card p {
  min-height: 34px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.promotion-money {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
  background: #f6f8f6;
}

.promotion-money span,
.promotion-preview span {
  color: var(--muted);
  font-size: 11px;
}

.promotion-money strong,
.promotion-preview strong {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  font-size: 14px;
}

.promotion-card footer {
  grid-template-columns: 1fr 1fr;
}

.promotion-card footer .secondary-button,
.promotion-card footer .primary-button {
  width: 100%;
}

.promotion-preview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0;
}

.promotion-preview span {
  padding: 10px;
  background: #f6f8f6;
  border: 1px solid var(--line);
}

.combo-create-option {
  margin-top: 12px;
}

@media (max-width: 1050px) {
  .report-main-grid,
  .pattern-reports,
  .report-breakdowns,
  .product-performance-grid {
    grid-template-columns: 1fr;
  }

  .report-command-bar {
    justify-content: flex-start;
  }

  .invoice-request-list article {
    grid-template-columns: 1fr auto;
  }
}

@media (max-width: 760px) {
  .sidebar nav {
    grid-template-columns: repeat(9, 1fr);
  }

  .report-heading {
    display: grid;
  }

  .report-command-bar {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .report-command-bar .secondary-button {
    width: 100%;
  }

  .backup-confirm {
    grid-template-columns: 1fr;
  }

  .health-card {
    grid-template-columns: 1fr;
  }

  .operation-alert,
  .report-insight,
  .pattern-row {
    grid-template-columns: 1fr;
  }

  .operation-alert > b {
    display: none;
  }

  .operation-alert em,
  .report-insight b,
  .pattern-row b {
    text-align: left;
  }

  .muted-focus {
    opacity: 1;
  }

  .promotion-summary,
  .promotion-grid,
  .promotion-money,
  .promotion-preview,
  .payable-summary,
  .payable-aging {
    grid-template-columns: 1fr;
  }

  .catalog-image-editor {
    grid-template-columns: 76px 1fr;
  }

  .catalog-image-editor button {
    grid-column: 1 / -1;
  }

  .catalog-image-preview {
    width: 76px;
  }

  .purchase-line,
  .purchase-receipt-card,
  .payables-summary {
    grid-template-columns: 1fr;
  }

  .purchase-line span {
    padding-bottom: 0;
  }
}