.order-cart-workspace {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.cart-section-heading, .cart-review-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px 12px;
}
.cart-set, .cart-delivery, .cart-review, .cart-disclosure-body { display: grid; gap: 7px; min-width: 0; }
.cart-set, .cart-delivery, .cart-review {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px;
}
.order-cart-workspace h3 { margin: 0; font-size: 1em; }
.order-cart-workspace button { justify-self: start; }
.cart-fields { display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); }
.cart-control, .cart-picker { display: grid; gap: 4px; min-width: 0; }
.cart-control > span { color: var(--muted); }
.cart-set-quantity { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-inline-end: auto; }
.cart-set-quantity.cart-control input { width: 64px; }
.cart-table-scroll { min-width: 0; max-width: 100%; overflow-x: auto; }
.cart-table { width: 100%; min-width: 560px; border-collapse: collapse; }
.cart-table td, .cart-table th { text-align: left; vertical-align: middle; padding: 4px 5px; border-bottom: 1px solid var(--line); }
.cart-table th { font-weight: 600; color: var(--muted); }
.cart-table td:first-child { min-width: 145px; }
.cart-table :is(input, select), .cart-control :is(input, textarea, select) { width: 100%; min-width: 0; }
.cart-table input[inputmode="numeric"], .cart-table [data-cart-length] { width: 64px; }
.cart-table [data-cart-agreed] { width: 92px; }
.cart-item-name { display: grid; gap: 2px; overflow-wrap: anywhere; }
.cart-item-actions { white-space: nowrap; }
.cart-item-actions button { display: block; margin-top: 4px; }
.cart-picker { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; align-items: start; }
.cart-picker-status { grid-column: 1 / -1; }
.cart-disclosure > summary { color: var(--muted); cursor: pointer; padding: 4px 0; }
.cart-disclosure-body { padding-top: 4px; }
.cart-summary-line { display: block; overflow-wrap: anywhere; }
.cart-summary-totals { display: block; margin-top: 6px; font-weight: 650; }
.cart-totals { display: grid; gap: 4px; margin-inline-start: auto; width: min(100%, 280px); }
.cart-totals-row { display: flex; justify-content: space-between; gap: 10px; }
.cart-hint, .cart-price-history { color: var(--muted); }
.cart-error { color: var(--red, #df8c82); }
.cart-review-row span { overflow-wrap: anywhere; }
.mobile-orders { display: grid; gap: 9px; }
.mobile-orders-list { display: grid; gap: 7px; }
.mobile-orders .quiet, .order-cart-workspace .quiet { min-height: 34px; }
.mobile-orders .quiet { border: 1px solid var(--line); border-radius: 8px; padding: 4px 9px; }
.mobile-orders .order-cart-workspace :is(input, select, textarea), .mobile-orders .cart-disclosure select {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 7px;
  background: var(--raised);
  color: inherit;
  font: inherit;
}
.mobile-orders [data-mobile-order-row] { width: 100%; text-align: left; }
.mobile-orders [data-mobile-order-status] { color: var(--muted); }
.order-card[data-cart-open] { width: min(960px, calc(100vw - 24px)); max-width: none; }
.crm-system-statuses { margin-top: 12px; }
.crm-system-statuses .knowledge-list { border: 1px solid var(--line); border-radius: 5px; }
.crm-order-status-marks { display: flex; flex-wrap: wrap; gap: 4px; }
.order-client-name { font-weight: 600; overflow-wrap: anywhere; }
a.order-client-name { color: var(--accent, var(--blue)); }
.order-list-meta { display: block; margin-top: 3px; color: var(--muted); font-size: .85em; overflow-wrap: anywhere; }
.order-status-entry { min-width: 0; margin-bottom: 3px; }
.mobile-order-row { display: grid; gap: 6px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; }
.mobile-order-open { width: 100%; text-align: left; }
.crm-status-pill {
  display: inline-block;
  max-width: 100%;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--crm-pill-bg, #343c4b);
  color: var(--crm-pill-text, #f1f4f8);
  font-size: .92em;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.crm-status-pill[data-crm-color="blue"] { --crm-pill-bg: #173968; --crm-pill-text: #d7e9ff; }
.crm-status-pill[data-crm-color="green"] { --crm-pill-bg: #174434; --crm-pill-text: #ceffea; }
.crm-status-pill[data-crm-color="amber"] { --crm-pill-bg: #503612; --crm-pill-text: #ffedbf; }
.crm-status-pill[data-crm-color="red"] { --crm-pill-bg: #57272d; --crm-pill-text: #ffdcdf; }
.crm-status-pill[data-crm-color="purple"] { --crm-pill-bg: #412f62; --crm-pill-text: #f1ddff; }
.crm-status-pill[data-crm-color="teal"] { --crm-pill-bg: #17444a; --crm-pill-text: #c9fbf9; }
@media (max-width: 570px) {
  .cart-picker { grid-template-columns: minmax(0, 1fr) auto; }
  .cart-picker input { grid-column: 1 / -1; }
}