body[data-ui="new"] #ordersView .order-create-panel {
  display: grid;
  gap: var(--ui-space-4);
  margin-bottom: var(--ui-space-4);
  padding: var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-lg);
  background: var(--ui-surface-muted);
}

body[data-ui="new"] #ordersView .order-create-panel.hidden {
  display: none;
}

body[data-ui="new"] #ordersView .order-create-panel > .panel-heading {
  margin-bottom: 0;
  padding-bottom: var(--ui-space-3);
  border-bottom: var(--ui-border-width) solid var(--ui-border);
}

body[data-ui="new"] #ordersView .order-create-panel > .panel-heading h3 {
  color: var(--ui-text);
  font-size: var(--ui-font-size-section-title);
  line-height: var(--ui-line-height-tight);
}

body[data-ui="new"] #ordersView #orderForm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
  gap: var(--ui-form-gap);
}

body[data-ui="new"] #ordersView #orderForm > label {
  min-width: 0;
}

body[data-ui="new"] #ordersView #orderForm > .full {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView #orderForm > .wide {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView .quick-client-box {
  display: grid;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-sm);
}

body[data-ui="new"] #ordersView .quick-client-box .panel-heading {
  margin-bottom: 0;
}

body[data-ui="new"] #ordersView .quick-client-box .panel-heading h3 {
  color: var(--ui-text);
  font-size: var(--ui-font-size-subtitle);
  line-height: var(--ui-line-height-tight);
}

body[data-ui="new"] #ordersView #quickClientForm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: var(--ui-form-gap);
}

body[data-ui="new"] #ordersView #quickClientForm > label {
  min-width: 0;
}

body[data-ui="new"] #ordersView #quickClientForm > .wide {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView .ui-orders-item-form {
  display: grid;
  gap: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: var(--ui-form-gap);
}

body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm > .full {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm > .wide {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView .ui-orders-product-picker {
  min-width: 0;
  max-width: 100%;
  display: grid;
  gap: var(--ui-space-2);
}

body[data-ui="new"] #ordersView .ui-orders-product-field-label,
body[data-ui="new"] #ordersView .ui-orders-product-search {
  min-width: 0;
  display: grid;
  gap: var(--ui-space-2);
  color: var(--ui-text);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-product-source {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

body[data-ui="new"] #ordersView .ui-orders-product-categories {
  max-width: 100%;
  min-width: 0;
  display: flex;
  gap: var(--ui-space-2);
  padding-block-end: var(--ui-space-1);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
}

body[data-ui="new"] #ordersView .ui-orders-product-chip {
  flex: 0 0 auto;
  min-height: var(--ui-touch-target);
  padding: var(--ui-space-2) var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-pill);
  background: var(--ui-surface);
  color: var(--ui-text-muted);
  font-weight: var(--ui-font-weight-semibold);
  white-space: nowrap;
  scroll-snap-align: start;
}

body[data-ui="new"] #ordersView .ui-orders-product-chip.is-active {
  border-color: var(--ui-primary);
  background: var(--ui-primary-light);
  color: var(--ui-primary-dark);
}

body[data-ui="new"] #ordersView .ui-orders-product-selection,
body[data-ui="new"] #ordersView .ui-orders-product-selection-actions {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-space-2);
  align-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  display: flex;
  gap: var(--ui-space-3);
  align-items: center;
  justify-content: space-between;
  padding: var(--ui-space-3) var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  text-align: start;
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox:hover,
body[data-ui="new"] #ordersView .ui-orders-product-combobox[aria-expanded="true"] {
  border-color: var(--ui-primary);
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox:focus-visible {
  outline: none;
  box-shadow: var(--ui-focus-ring);
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__content {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-space-1) var(--ui-space-3);
  align-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__content > strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ui-text);
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__content > [data-selected-product-price] {
  color: var(--ui-text);
  font-family: var(--ui-font-family-numeric);
  font-weight: var(--ui-font-weight-bold);
  white-space: nowrap;
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__content > small {
  grid-column: 1 / -1;
  color: var(--ui-warning);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__content > small[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-combobox__indicator {
  flex: 0 0 auto;
  color: var(--ui-text-muted);
  font-size: 1.2rem;
}

body[data-ui="new"] #ordersView .ui-orders-product-clear,
body[data-ui="new"] #ordersView .ui-orders-product-clear-search {
  min-height: var(--ui-touch-target);
  padding: var(--ui-space-2) var(--ui-space-3);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  color: var(--ui-primary-dark);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-product-clear[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-dropdown {
  min-width: 0;
  max-width: 100%;
  max-height: min(520px, 70dvh);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  gap: var(--ui-space-3);
  padding: var(--ui-space-3);
  overflow: hidden;
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-lg);
}

body[data-ui="new"] #ordersView .ui-orders-product-dropdown[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-search-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-space-2);
  align-items: end;
}

body[data-ui="new"] #ordersView .ui-orders-product-list {
  min-width: 0;
  max-height: 320px;
  display: grid;
  grid-auto-rows: max-content;
  gap: var(--ui-space-2);
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

body[data-ui="new"] #ordersView .ui-orders-product-option {
  width: 100%;
  min-width: 0;
  min-height: var(--ui-touch-target);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "name meta"
    "details details";
  gap: var(--ui-space-1) var(--ui-space-3);
  align-items: start;
  align-content: start;
  box-sizing: border-box;
  padding: var(--ui-space-3);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  text-align: start;
}

body[data-ui="new"] #ordersView .ui-orders-product-option[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-option.is-selected {
  border-color: var(--ui-primary);
  background: var(--ui-primary-light);
  box-shadow: 0 0 0 1px var(--ui-primary);
}

body[data-ui="new"] #ordersView .ui-orders-product-option:disabled {
  border-style: dashed;
  background: var(--ui-surface-muted);
  color: var(--ui-text-muted);
  box-shadow: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-option__name {
  grid-area: name;
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: var(--ui-font-weight-bold);
  line-height: 1.35;
}

body[data-ui="new"] #ordersView .ui-orders-product-option__details {
  grid-area: details;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-caption);
  line-height: 1.35;
}

body[data-ui="new"] #ordersView .ui-orders-product-option__meta {
  grid-area: meta;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-1) var(--ui-space-3);
  align-items: baseline;
  justify-content: flex-end;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-body-small);
  text-align: end;
}

body[data-ui="new"] #ordersView .ui-orders-product-option__meta > strong {
  color: inherit;
  font-family: var(--ui-font-family-numeric);
}

body[data-ui="new"] #ordersView .ui-orders-product-empty,
body[data-ui="new"] #ordersView .ui-orders-product-limit {
  padding: var(--ui-space-5) var(--ui-space-3);
  border: var(--ui-border-width) dashed var(--ui-border);
  border-radius: var(--ui-radius-md);
  color: var(--ui-text-muted);
  text-align: center;
}

body[data-ui="new"] #ordersView .ui-orders-product-empty[hidden],
body[data-ui="new"] #ordersView .ui-orders-product-limit[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-product-error {
  color: var(--ui-danger);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-product-error[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-item-form .quantity-field {
  min-width: 0;
}

body[data-ui="new"] #ordersView .ui-orders-item-form .quantity-stepper {
  display: grid;
  grid-template-columns: var(--ui-touch-target) minmax(72px, 1fr) var(--ui-touch-target);
  gap: var(--ui-space-2);
  align-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-item-form .takeaway-control {
  display: flex;
  align-items: end;
}

body[data-ui="new"] #ordersView .ui-orders-item-form .takeaway-control[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-items {
  display: grid;
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-item {
  display: grid;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-sm);
}

body[data-ui="new"] #ordersView .ui-orders-item__header {
  display: flex;
  gap: var(--ui-space-3);
  align-items: start;
  justify-content: space-between;
}

body[data-ui="new"] #ordersView .ui-orders-item__title {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
}

body[data-ui="new"] #ordersView .ui-orders-item__title > span {
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-item__values {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2) var(--ui-space-4);
  justify-content: space-between;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-item__values strong {
  color: var(--ui-text);
  font-family: var(--ui-font-family-numeric);
}

body[data-ui="new"] #ordersView .ui-orders-item__note {
  margin: 0;
  color: var(--ui-text-muted);
}

body[data-ui="new"] #ordersView .ui-orders-item__takeaway {
  width: fit-content;
  margin: 0;
  padding: var(--ui-space-1) var(--ui-space-2);
  border-radius: var(--ui-radius-sm);
  background: var(--ui-primary-light);
  color: var(--ui-primary-dark);
  font-size: var(--ui-font-size-caption);
  font-weight: var(--ui-font-weight-bold);
}

body[data-ui="new"] #ordersView .ui-orders-item__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  padding-top: var(--ui-space-3);
  border-top: var(--ui-border-width) solid var(--ui-border);
}

body[data-ui="new"] #ordersView .ui-orders-item__actions .danger {
  margin-inline-start: auto;
}

body[data-ui="new"] #ordersView .ui-orders-quantity {
  display: inline-grid;
  grid-template-columns: repeat(3, var(--ui-touch-target));
  gap: var(--ui-space-1);
  align-items: center;
  justify-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-fish-toggle {
  display: grid;
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-fish-form {
  display: grid;
  gap: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .ui-orders-fish-form #addFishForm {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr));
  gap: var(--ui-form-gap);
}

body[data-ui="new"] #ordersView .ui-orders-fish-form #addFishForm > .wide {
  grid-column: 1 / -1;
}

body[data-ui="new"] #ordersView .ui-orders-fish-list {
  display: grid;
  gap: var(--ui-space-3);
  margin-top: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-fish {
  display: grid;
  gap: var(--ui-space-3);
  padding: var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-border);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-sm);
}

body[data-ui="new"] #ordersView .ui-orders-fish.is-cancelled {
  background: var(--ui-surface-muted);
}

body[data-ui="new"] #ordersView .ui-orders-fish__header {
  display: flex;
  gap: var(--ui-space-3);
  align-items: start;
  justify-content: space-between;
}

body[data-ui="new"] #ordersView .ui-orders-fish__title {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
}

body[data-ui="new"] #ordersView .ui-orders-fish__title > span {
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-fish__values {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2) var(--ui-space-4);
  justify-content: space-between;
  color: var(--ui-text-muted);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-fish__values strong {
  color: var(--ui-text);
  font-family: var(--ui-font-family-numeric);
}

body[data-ui="new"] #ordersView .ui-orders-fish__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  justify-content: flex-end;
  padding-top: var(--ui-space-3);
  border-top: var(--ui-border-width) solid var(--ui-border);
}

body[data-ui="new"] #ordersView {
  min-width: 0;
  max-width: 100%;
}

body[data-ui="new"] #ordersView .orders-layout,
body[data-ui="new"] #ordersView .orders-layout > .panel,
body[data-ui="new"] #ordersView #ordersList,
body[data-ui="new"] #ordersView #orderDetail,
body[data-ui="new"] #ordersView .ui-orders-detail,
body[data-ui="new"] #ordersView .subpanel,
body[data-ui="new"] #ordersView .history-list,
body[data-ui="new"] #ordersView .history-line {
  min-width: 0;
  max-width: 100%;
}

body[data-ui="new"] #ordersView #ordersList,
body[data-ui="new"] #ordersView .ui-orders-detail {
  display: grid;
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView #ordersList > h3 {
  margin: 0;
  color: var(--ui-text);
  font-size: var(--ui-font-size-section-title);
  line-height: var(--ui-line-height-tight);
}

body[data-ui="new"] #ordersView .ui-orders-list {
  min-width: 0;
  display: grid;
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-mobile-create {
  display: none;
}

body[data-ui="new"] #ordersView .ui-orders-list__item {
  min-width: 0;
}

body[data-ui="new"] #ordersView .ui-orders-inline-detail {
  min-width: 0;
}

body[data-ui="new"] #ordersView .filter-row {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

body[data-ui="new"] #ordersView .ui-orders-card {
  width: 100%;
  min-width: 0;
  min-height: var(--ui-touch-target);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-space-3);
  align-items: center;
  text-align: start;
}

body[data-ui="new"] #ordersView .ui-orders-card__content,
body[data-ui="new"] #ordersView .ui-orders-card__summary {
  min-width: 0;
  display: grid;
  gap: var(--ui-space-1);
}

body[data-ui="new"] #ordersView .ui-orders-card__content > *,
body[data-ui="new"] #ordersView .ui-orders-card__summary > *,
body[data-ui="new"] #ordersView .ui-orders-item__title > *,
body[data-ui="new"] #ordersView .ui-orders-fish__title > *,
body[data-ui="new"] #ordersView .history-line > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-ui="new"] #ordersView .ui-orders-card__summary {
  justify-items: end;
  text-align: end;
}

body[data-ui="new"] #ordersView .order-detail-header,
body[data-ui="new"] #ordersView .detail-actions,
body[data-ui="new"] #ordersView .panel-heading {
  min-width: 0;
}

body[data-ui="new"] #ordersView .detail-actions {
  flex-wrap: wrap;
}

body[data-ui="new"] #ordersView .checkout-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-ui="new"] #ordersView #orderForm input,
body[data-ui="new"] #ordersView #orderForm select,
body[data-ui="new"] #ordersView #quickClientForm input,
body[data-ui="new"] #ordersView #quickClientForm select,
body[data-ui="new"] #ordersView #addItemForm input,
body[data-ui="new"] #ordersView #addItemForm select,
body[data-ui="new"] #ordersView #addFishForm input,
body[data-ui="new"] #ordersView #addFishForm select {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body[data-ui="new"] #ordersView .ui-orders-operational-status {
  display: block;
  margin-bottom: var(--ui-space-3);
  padding: var(--ui-space-3) var(--ui-space-4);
  border: var(--ui-border-width) solid var(--ui-info);
  border-radius: var(--ui-radius-md);
  background: var(--ui-surface-muted);
  color: var(--ui-text);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-operational-status.is-offline {
  border-color: var(--ui-warning);
}

body[data-ui="new"] #ordersView .ui-orders-operational-status.is-error {
  border-color: var(--ui-danger);
}

@media (min-width: 1024px) {
  body[data-ui="new"] #ordersView .orders-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView #orderForm,
  body[data-ui="new"] #ordersView #quickClientForm,
  body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm,
  body[data-ui="new"] #ordersView .ui-orders-fish-form #addFishForm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-ui="new"] #ordersView button,
  body[data-ui="new"] #ordersView input,
  body[data-ui="new"] #ordersView select {
    min-height: var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .mini-btn {
    min-width: var(--ui-touch-target);
  }

}

@media (min-width: 1180px) {
  body[data-ui="new"] #ordersView .orders-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body[data-ui="new"] #ordersView .orders-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .orders-layout > .panel {
    width: 100%;
  }

  body[data-ui="new"] #ordersView #orderForm,
  body[data-ui="new"] #ordersView #quickClientForm,
  body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm,
  body[data-ui="new"] #ordersView .ui-orders-fish-form #addFishForm {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-ui="new"] #ordersView button,
  body[data-ui="new"] #ordersView input,
  body[data-ui="new"] #ordersView select {
    min-height: var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .mini-btn {
    min-width: var(--ui-touch-target);
  }
}

@media (min-width: 900px) and (max-width: 1023px) and (orientation: landscape) {
  body[data-ui="new"] #ordersView .orders-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  body[data-ui="new"] #ordersView {
    padding-bottom: calc(var(--ui-mobile-navigation-height) + var(--ui-safe-area-bottom) + var(--ui-space-4));
  }

  body[data-ui="new"] #ordersView .ui-orders-mobile-create {
    display: inline-flex;
    min-height: var(--ui-touch-target);
    width: 100%;
    margin-bottom: var(--ui-space-3);
  }

  body[data-ui="new"] #ordersView .orders-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .orders-layout > .panel,
  body[data-ui="new"] #ordersView .ui-orders-card,
  body[data-ui="new"] #ordersView .ui-orders-item,
  body[data-ui="new"] #ordersView .ui-orders-fish {
    width: 100%;
  }

  body[data-ui="new"] #ordersView #orderForm,
  body[data-ui="new"] #ordersView #quickClientForm,
  body[data-ui="new"] #ordersView .ui-orders-item-form #addItemForm,
  body[data-ui="new"] #ordersView .ui-orders-fish-form #addFishForm {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView #orderForm > *,
  body[data-ui="new"] #ordersView #quickClientForm > *,
  body[data-ui="new"] #ordersView #addItemForm > *,
  body[data-ui="new"] #ordersView #addFishForm > * {
    min-width: 0;
    grid-column: 1;
  }

  body[data-ui="new"] #ordersView .filter-row {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow-x: visible;
  }

  body[data-ui="new"] #ordersView .filter-row .segmented {
    min-width: 0;
    padding-inline: var(--ui-space-1);
    white-space: nowrap;
  }

  body[data-ui="new"] #ordersView .ui-orders-card {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }

  body[data-ui="new"] #ordersView .ui-orders-list__item.has-inline-detail {
    display: grid;
    gap: 0;
  }

  body[data-ui="new"] #ordersView .ui-orders-list__item.has-inline-detail .ui-orders-card {
    border-end-start-radius: 0;
    border-end-end-radius: 0;
  }

  body[data-ui="new"] #ordersView .ui-orders-inline-detail {
    border: 1px solid var(--ui-border);
    border-top: 0;
    border-end-start-radius: var(--ui-radius-lg);
    border-end-end-radius: var(--ui-radius-lg);
    padding: var(--ui-space-4);
    background: var(--ui-surface);
  }

  body[data-ui="new"] #ordersView .ui-orders-inline-detail .ui-orders-detail {
    position: relative;
  }

  body[data-ui="new"] #ordersView .ui-orders-detail__close {
    position: absolute;
    z-index: 1;
    inset-block-start: 0;
    inset-inline-end: 0;
    width: var(--ui-touch-target);
    min-width: var(--ui-touch-target);
    min-height: var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .ui-orders-inline-detail .order-detail-header {
    padding-inline-end: calc(var(--ui-touch-target) + var(--ui-space-2));
  }

  body[data-ui="new"] #ordersView .ui-orders-card__summary {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-items: start;
    text-align: start;
  }

  body[data-ui="new"] #ordersView .order-detail-header {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .detail-actions,
  body[data-ui="new"] #ordersView .ui-orders-item__actions,
  body[data-ui="new"] #ordersView .ui-orders-fish__actions,
  body[data-ui="new"] #ordersView .panel-heading {
    flex-wrap: wrap;
  }

  body[data-ui="new"] #ordersView button,
  body[data-ui="new"] #ordersView .btn,
  body[data-ui="new"] #ordersView .mini-btn,
  body[data-ui="new"] #ordersView .segmented {
    min-height: var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .mini-btn {
    min-width: var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .checkout-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .ui-orders-product-selection-actions,
  body[data-ui="new"] #ordersView .ui-orders-product-search-row {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .ui-orders-product-clear,
  body[data-ui="new"] #ordersView .ui-orders-product-clear-search {
    width: 100%;
  }

  body[data-ui="new"] #ordersView .ui-orders-product-dropdown {
    max-height: min(480px, 62dvh);
    padding-bottom: calc(var(--ui-space-3) + var(--ui-safe-area-bottom));
  }

  body[data-ui="new"] #ordersView .history-line {
    overflow-wrap: anywhere;
  }
}

body[data-ui="new"] #ordersView .orders-layout {
  grid-template-columns: minmax(0, 1fr);
}

body[data-ui="new"] #ordersView .orders-layout > .panel:not(#orderDetail) {
  width: min(100%, 1180px);
  margin-inline: auto;
}

body[data-ui="new"] #ordersView .orders-layout > .panel > .filter-row,
body[data-ui="new"] #ordersView #orderDetail[hidden] {
  display: none;
}

body[data-ui="new"] #ordersView #ordersList {
  gap: var(--ui-space-5);
}

body[data-ui="new"] #ordersView .ui-orders-search {
  display: grid;
  gap: var(--ui-space-2);
  padding: var(--ui-space-4);
  border: 1px solid var(--c365-border-primary);
  border-radius: var(--ui-radius-md);
  background: var(--c365-surface-primary);
}

body[data-ui="new"] #ordersView .ui-orders-search__label {
  color: var(--c365-text-secondary);
  font-size: var(--ui-font-size-label);
  font-weight: var(--ui-font-weight-semibold);
}

body[data-ui="new"] #ordersView .ui-orders-search input {
  min-width: 0;
  min-height: var(--ui-touch-target);
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: var(--c365-text-primary);
  font: inherit;
}

body[data-ui="new"] #ordersView .ui-orders-search:focus-within {
  border-color: var(--c365-brand-primary);
  box-shadow: 0 0 0 3px var(--c365-warning-soft);
}

body[data-ui="new"] #ordersView .ui-orders-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-summary__metric {
  display: grid;
  grid-template-columns: var(--ui-touch-target) minmax(0, 1fr);
  gap: var(--ui-space-3);
  align-items: center;
  min-width: 0;
  min-height: 84px;
  padding: var(--ui-space-4);
  border: 1px solid var(--c365-border-primary);
  border-radius: var(--ui-radius-md);
  background: var(--c365-surface-primary);
}

body[data-ui="new"] #ordersView .ui-orders-summary__metric > span:last-child {
  display: grid;
  gap: var(--ui-space-1);
  min-width: 0;
}

body[data-ui="new"] #ordersView .ui-orders-summary__metric strong {
  color: var(--c365-brand-primary);
  font-family: var(--ui-font-family-numeric);
  font-size: var(--ui-font-size-kpi);
  line-height: var(--ui-line-height-tight);
}

body[data-ui="new"] #ordersView .ui-orders-summary__metric small {
  color: var(--c365-text-secondary);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-summary__icon,
body[data-ui="new"] #ordersView .ui-orders-card__icon {
  position: relative;
  display: inline-grid;
  width: var(--ui-touch-target);
  height: var(--ui-touch-target);
  place-items: center;
  border: 1px solid var(--c365-border-primary);
  border-radius: 50%;
  background: var(--c365-surface-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-summary__icon::before,
body[data-ui="new"] #ordersView .ui-orders-card__icon::before {
  width: 16px;
  height: 20px;
  border: 2px solid var(--c365-brand-primary);
  border-radius: var(--ui-radius-sm);
  content: "";
}

body[data-ui="new"] #ordersView .ui-orders-summary__icon::after,
body[data-ui="new"] #ordersView .ui-orders-card__icon::after {
  position: absolute;
  width: 10px;
  height: 2px;
  border-radius: var(--ui-radius-sm);
  background: var(--c365-brand-primary);
  box-shadow: 0 5px 0 var(--c365-brand-primary);
  content: "";
}

body[data-ui="new"] #ordersView .ui-orders-summary__icon.is-total::before {
  width: 20px;
  height: 14px;
}

body[data-ui="new"] #ordersView .ui-orders-summary__icon.is-total::after {
  width: 12px;
  box-shadow: none;
}

body[data-ui="new"] #ordersView .ui-orders-filter-row {
  display: flex;
  gap: var(--ui-space-2);
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-bottom: var(--ui-space-1);
}

body[data-ui="new"] #ordersView .ui-orders-filter-row .segmented {
  flex: 0 0 auto;
  min-width: 104px;
  min-height: var(--ui-touch-target);
  border-color: var(--c365-border-primary);
  border-radius: var(--ui-radius-md);
  background: var(--c365-surface-secondary);
  color: var(--c365-text-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-filter-row .segmented.active {
  border-color: var(--c365-brand-primary);
  background: var(--c365-brand-primary);
  color: var(--c365-bg-primary);
}

body[data-ui="new"] #ordersView .ui-orders-list__heading {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-3);
  align-items: center;
  justify-content: space-between;
}

body[data-ui="new"] #ordersView .ui-orders-list__heading h3 {
  margin: 0;
  color: var(--c365-text-primary);
  font-size: var(--ui-font-size-section-title);
}

body[data-ui="new"] #ordersView .ui-orders-create {
  display: inline-flex;
  min-height: var(--ui-touch-target);
  align-items: center;
  justify-content: center;
}

body[data-ui="new"] #ordersView .ui-orders-list {
  gap: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .ui-orders-card {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--ui-space-3);
  min-height: 0;
  padding: var(--ui-space-4);
  border-color: var(--c365-border-primary);
  border-radius: var(--ui-radius-md);
  background: var(--c365-surface-primary);
}

body[data-ui="new"] #ordersView .ui-orders-card__identity {
  display: grid;
  grid-template-columns: var(--ui-touch-target) minmax(0, 1fr);
  gap: var(--ui-space-3);
  min-width: 0;
  align-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-card__content > strong {
  font-size: var(--ui-font-size-subtitle);
}

body[data-ui="new"] #ordersView .ui-orders-card__summary {
  grid-template-columns: max-content max-content var(--ui-touch-target);
  align-items: center;
}

body[data-ui="new"] #ordersView .ui-orders-card__chevron {
  position: relative;
  display: block;
  width: var(--ui-touch-target);
  height: var(--ui-touch-target);
  border: 1px solid var(--c365-border-primary);
  border-radius: 50%;
  background: var(--c365-surface-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-card__chevron::before,
body[data-ui="new"] #ordersView .ui-orders-card__chevron::after {
  position: absolute;
  inset: auto;
  inset-block-start: 20px;
  width: 12px;
  height: 2px;
  border: 0;
  border-radius: var(--ui-radius-pill);
  background: var(--c365-brand-primary);
  content: "";
}

body[data-ui="new"] #ordersView .ui-orders-card__chevron::before {
  inset-inline-start: 10px;
  transform: rotate(45deg);
}

body[data-ui="new"] #ordersView .ui-orders-card__chevron::after {
  inset-inline-end: 10px;
  transform: rotate(-45deg);
}

body[data-ui="new"] #ordersView .ui-orders-card[aria-expanded="true"] .ui-orders-card__chevron::before {
  transform: rotate(-45deg);
}

body[data-ui="new"] #ordersView .ui-orders-card[aria-expanded="true"] .ui-orders-card__chevron::after {
  transform: rotate(45deg);
}

body[data-ui="new"] #ordersView .ui-orders-card__metrics {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ui-space-2);
  padding-top: var(--ui-space-3);
  border-top: 1px solid var(--c365-border-subtle);
  color: var(--c365-text-secondary);
  font-size: var(--ui-font-size-body-small);
}

body[data-ui="new"] #ordersView .ui-orders-inline-detail {
  border: 1px solid var(--c365-border-primary);
  border-top: 0;
  border-end-start-radius: var(--ui-radius-md);
  border-end-end-radius: var(--ui-radius-md);
  background: var(--c365-surface-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-list__item.has-inline-detail .ui-orders-card {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
}

@media (max-width: 767px) {
  body[data-ui="new"] #ordersView .orders-layout > .panel:not(#orderDetail) {
    width: 100%;
  }

  body[data-ui="new"] #ordersView .ui-orders-summary__metric {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  body[data-ui="new"] #ordersView .ui-orders-summary__icon {
    display: none;
  }

  body[data-ui="new"] #ordersView .ui-orders-filter-row .segmented {
    min-width: 96px;
  }

  body[data-ui="new"] #ordersView .ui-orders-create {
    width: 100%;
  }

  body[data-ui="new"] #ordersView .ui-orders-card__summary {
    grid-template-columns: max-content max-content var(--ui-touch-target);
  }
}

@media (max-width: 480px) {
  body[data-ui="new"] #ordersView .ui-orders-product-option {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "name"
      "meta"
      "details";
  }

  body[data-ui="new"] #ordersView .ui-orders-product-option__meta {
    justify-content: flex-start;
    text-align: start;
  }
}

@media (max-width: 430px) {
  body[data-ui="new"] #ordersView .ui-orders-item__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  body[data-ui="new"] #ordersView .ui-orders-quantity {
    grid-column: 1 / -1;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-ui="new"] #ordersView .ui-orders-item__actions > * {
    width: 100%;
    margin-inline-start: 0;
  }
}

@media (min-width: 320px) and (max-width: 359px) {
  body[data-ui="new"] #ordersView,
  body[data-ui="new"] #ordersView .orders-layout,
  body[data-ui="new"] #ordersView .orders-layout > .panel {
    min-width: 0;
  }

  body[data-ui="new"] #ordersView .ui-orders-item__header,
  body[data-ui="new"] #ordersView .ui-orders-fish__header {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-ui="new"] #ordersView .detail-actions,
  body[data-ui="new"] #ordersView .ui-orders-item__actions,
  body[data-ui="new"] #ordersView .ui-orders-fish__actions {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-ui="new"] #ordersView .detail-actions > *,
  body[data-ui="new"] #ordersView .ui-orders-item__actions > *,
  body[data-ui="new"] #ordersView .ui-orders-fish__actions > * {
    width: 100%;
    margin-inline-start: 0;
  }

  body[data-ui="new"] #ordersView .ui-orders-quantity {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body[data-ui="new"] #ordersView .ui-orders-item-form .quantity-stepper {
    grid-template-columns: var(--ui-touch-target) minmax(0, 1fr) var(--ui-touch-target);
  }

  body[data-ui="new"] #ordersView .ui-orders-product-list,
  body[data-ui="new"] #ordersView .ui-orders-product-selection {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui="new"] #ordersView .ui-orders-product-selection > [data-selected-product-price] {
    white-space: normal;
  }

}

@media (prefers-reduced-motion: reduce) {
  body[data-ui="new"] #ordersView .ui-orders-card,
  body[data-ui="new"] #ordersView .ui-orders-item,
  body[data-ui="new"] #ordersView .ui-orders-fish,
  body[data-ui="new"] #ordersView .segmented,
  body[data-ui="new"] #ordersView .ui-orders-operational-status {
    transition: none;
  }
}

@media (forced-colors: active) {
  body[data-ui="new"] #ordersView .ui-orders-card,
  body[data-ui="new"] #ordersView .ui-orders-item,
  body[data-ui="new"] #ordersView .ui-orders-fish,
  body[data-ui="new"] #ordersView .ui-orders-operational-status,
  body[data-ui="new"] #ordersView .ui-orders-product-chip,
  body[data-ui="new"] #ordersView .ui-orders-product-option,
  body[data-ui="new"] #ordersView .ui-orders-product-selection,
  body[data-ui="new"] #ordersView .segmented {
    border-color: CanvasText;
  }

  body[data-ui="new"] #ordersView .ui-orders-card.is-selected,
  body[data-ui="new"] #ordersView .ui-orders-product-chip.is-active,
  body[data-ui="new"] #ordersView .ui-orders-product-option.is-selected,
  body[data-ui="new"] #ordersView .segmented.active {
    outline: 2px solid CanvasText;
    outline-offset: 2px;
  }
}
body[data-ui="new"] #ordersView .orders-layout #orderDetail > .empty-state {
  display: grid;
  justify-items: center;
  gap: var(--ui-space-2);
  text-align: center;
}

body[data-ui="new"] #ordersView .orders-layout #orderDetail > .empty-state strong,
body[data-ui="new"] #ordersView .orders-layout #orderDetail > .empty-state span {
  display: block;
}

body[data-ui="new"] #ordersView .orders-empty-state {
  display: grid;
  justify-items: center;
  gap: var(--ui-space-2);
  text-align: center;
}

body[data-ui="new"] #ordersView .orders-empty-state strong,
body[data-ui="new"] #ordersView .orders-empty-state span {
  display: block;
}

body[data-ui="new"] #ordersView {
  color: var(--c365-text-primary);
}

body[data-ui="new"] #ordersView .orders-layout {
  gap: var(--ui-space-5);
}

body[data-ui="new"] #ordersView .orders-layout > .panel {
  padding: var(--ui-space-5);
  border-color: var(--c365-border-primary);
  background: var(--c365-bg-secondary);
}

body[data-ui="new"] #ordersView .filter-row {
  width: fit-content;
  max-width: 100%;
  padding: 4px;
  border-color: var(--c365-border-primary);
  border-radius: 12px;
  background: var(--c365-surface-secondary);
}

body[data-ui="new"] #ordersView .filter-row .segmented {
  min-width: 94px;
  border-color: transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--c365-text-secondary);
}

body[data-ui="new"] #ordersView .filter-row .segmented:hover {
  background: var(--c365-surface-hover);
  color: var(--c365-text-primary);
}

body[data-ui="new"] #ordersView .filter-row .segmented.active {
  border-color: var(--c365-brand-primary);
  background: var(--c365-brand-primary);
  color: var(--c365-bg-primary);
}

body[data-ui="new"] #ordersView .ui-orders-list {
  gap: var(--ui-space-3);
}

body[data-ui="new"] #ordersView .ui-orders-list__item {
  position: relative;
}

body[data-ui="new"] #ordersView .ui-orders-card {
  position: relative;
  min-height: 88px;
  padding: var(--ui-space-4) var(--ui-space-4) var(--ui-space-4) var(--ui-space-5);
  border-color: var(--c365-border-primary);
  border-radius: 12px;
  background: var(--c365-surface-primary);
  box-shadow: var(--ui-shadow-md);
  color: var(--c365-text-primary);
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}

body[data-ui="new"] #ordersView .ui-orders-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  border-radius: 12px 0 0 12px;
  background: var(--c365-border-subtle);
  content: "";
}

body[data-ui="new"] #ordersView .ui-orders-card:hover,
body[data-ui="new"] #ordersView .ui-orders-card.is-selected {
  border-color: var(--c365-brand-primary);
  background: var(--c365-surface-secondary);
  transform: translateY(-1px);
}

body[data-ui="new"] #ordersView .ui-orders-card.is-selected::before {
  background: var(--c365-brand-primary);
}

body[data-ui="new"] #ordersView .ui-orders-card__content {
  gap: 4px;
}

body[data-ui="new"] #ordersView .ui-orders-card__content > strong {
  color: var(--c365-text-primary);
  font-size: 1.05rem;
  font-weight: var(--ui-font-weight-bold);
}

body[data-ui="new"] #ordersView .ui-orders-card__content > span {
  color: var(--c365-text-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-card__content > small {
  color: var(--c365-text-tertiary);
}

body[data-ui="new"] #ordersView .ui-orders-card__summary {
  gap: var(--ui-space-2);
}

body[data-ui="new"] #ordersView .ui-orders-card__summary > strong {
  grid-column: 2;
  color: var(--c365-brand-primary);
  font-family: var(--ui-font-family-numeric);
  font-size: 1.05rem;
  overflow-wrap: normal;
  white-space: nowrap;
}

body[data-ui="new"] #ordersView .ui-orders-card__summary > .status-pill {
  grid-column: 1;
}

body[data-ui="new"] #ordersView .ui-orders-card__summary > .ui-orders-card__chevron {
  grid-column: 3;
}

body[data-ui="new"] #ordersView .status-pill {
  border-color: var(--c365-border-primary);
  background: var(--c365-surface-secondary);
  color: var(--c365-text-secondary);
}

body[data-ui="new"] #ordersView .status-open,
body[data-ui="new"] #ordersView .status-progress {
  border-color: var(--c365-info);
  background: var(--c365-info-soft);
  color: var(--c365-info);
}

body[data-ui="new"] #ordersView .status-closed {
  border-color: var(--c365-success);
  background: var(--c365-success-soft);
  color: var(--c365-success);
}

body[data-ui="new"] #ordersView .ui-orders-detail {
  gap: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .order-detail-header {
  padding-bottom: var(--ui-space-4);
  border-bottom: 1px solid var(--c365-border-subtle);
}

body[data-ui="new"] #ordersView .order-detail-header h3,
body[data-ui="new"] #ordersView .order-detail-header p,
body[data-ui="new"] #ordersView .ui-orders-detail > .subpanel h4 {
  color: var(--c365-text-primary);
}

body[data-ui="new"] #ordersView .order-detail-header p {
  margin: 4px 0 0;
  color: var(--c365-text-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-detail > .subpanel {
  padding: var(--ui-space-4);
  border: 1px solid var(--c365-border-subtle);
  border-radius: 12px;
  background: var(--c365-surface-secondary);
}

body[data-ui="new"] #ordersView .ui-orders-item {
  border-color: var(--c365-border-subtle);
  background: var(--c365-surface-primary);
  box-shadow: none;
}

body[data-ui="new"] #ordersView .checkout-summary .summary-box {
  border-color: var(--c365-border-subtle);
  background: var(--c365-surface-primary);
}

body[data-ui="new"] #ordersView .checkout-summary .summary-box strong {
  color: var(--c365-brand-primary);
}

body[data-ui="new"] #ordersView .ui-orders-item__actions {
  border-top-color: var(--c365-border-subtle);
}

@media (max-width: 767px) {
  body[data-ui="new"] #ordersView .orders-layout > .panel {
    padding: var(--ui-space-4);
  }

  body[data-ui="new"] #ordersView .filter-row {
    width: 100%;
  }

  body[data-ui="new"] #ordersView .filter-row .segmented {
    min-width: 0;
    padding-inline: var(--ui-space-2);
  }

  body[data-ui="new"] #ordersView .ui-orders-card {
    min-height: 96px;
  }
}

body[data-ui="new"] #ordersView .ui-orders-list {
  gap: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .ui-orders-card {
  padding: var(--ui-space-4);
}

body[data-ui="new"] #ordersView .ui-orders-inline-detail {
  padding: var(--ui-space-5);
}

body[data-ui="new"] #ordersView .ui-orders-inline-detail .ui-orders-detail {
  position: relative;
}

body[data-ui="new"] #ordersView .ui-orders-detail__close {
  position: absolute;
  z-index: 1;
  inset-block-start: 0;
  inset-inline-end: 0;
  width: var(--ui-touch-target);
  min-width: var(--ui-touch-target);
  min-height: var(--ui-touch-target);
}

body[data-ui="new"] #ordersView .ui-orders-inline-detail .order-detail-header {
  padding-inline-end: calc(var(--ui-touch-target) + var(--ui-space-2));
}

@media (max-width: 767px) {
  body[data-ui="new"] #ordersView .ui-orders-inline-detail {
    padding: var(--ui-space-4);
  }
}