/* PD-507: direct runtime mapping of the approved Order Dispatch pilot.
 * Keep these selectors aligned with docs/design/admin-portal/mockups/
 * 2026-09-02-ui-pilots/order-dispatch-modern-compact.html.
 */
.order-labels-pilot,
.order-labels-pilot * {
  box-sizing: border-box;
}

.order-labels-pilot .order-labels-command-surface {
  border-color: light-dark(#d8dfe9, #2b384c);
  border-radius: 13px;
  background: light-dark(#ffffff, #111a27);
  box-shadow: 0 10px 28px light-dark(rgba(42, 55, 78, .07), rgba(0, 0, 0, .16));
}

.order-labels-pilot .ol-dispatch-breakdown {
  border-color: light-dark(#d8dfe9, #2b384c);
  background: light-dark(#ffffff, #111a27);
  box-shadow: 0 10px 28px light-dark(rgba(42, 55, 78, .07), rgba(0, 0, 0, .16));
}

.order-labels-pilot .ol-dispatch-breakdown > summary,
.order-labels-pilot .ol-order-breakdown-detail > summary {
  color: light-dark(#172033, #eef3fb);
}

.order-labels-pilot .ol-breakdown-content,
.order-labels-pilot .ol-order-breakdown-list {
  border-top-color: light-dark(#e0e6ee, #263347);
}

.order-labels-pilot .ol-breakdown-type,
.order-labels-pilot .ol-breakdown-product,
.order-labels-pilot .ol-order-breakdown-detail {
  border-color: light-dark(#d8dfe9, #2b384c);
  background: light-dark(#f7f9fc, #0e1722);
}

.order-labels-pilot .ol-order-breakdown-list > div {
  border-bottom-color: light-dark(#e4e9f0, #202d40);
}

.order-labels-pilot .order-labels-control-strip {
  border-bottom-color: light-dark(#e0e6ee, #263347);
  background: light-dark(#f7f9fc, #0e1722);
}

.order-labels-pilot .order-labels-control-strip input,
.order-labels-pilot .order-labels-control-strip select,
.order-labels-pilot .ol-dispatch-nav .nav-btn {
  border-color: light-dark(#dce2eb, #2a374b);
  background: light-dark(#ffffff, #151f2d);
  color: light-dark(#172033, #eef3fb);
}

.order-labels-pilot .ol-board {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  border: 1px solid light-dark(#d8dfe9, #2b384c);
  border-radius: 13px;
  background: light-dark(#ffffff, #111a27);
  box-shadow: 0 10px 28px light-dark(rgba(42, 55, 78, .07), rgba(0, 0, 0, .16));
}

.order-labels-pilot .ol-card {
  overflow: visible;
  border: 0;
  border-bottom: 1px solid light-dark(#e8ecf2, #233044);
  border-radius: 0;
  background: light-dark(#ffffff, #111a27);
  box-shadow: none;
}

.order-labels-pilot .ol-card:first-child,
.order-labels-pilot .ol-card:first-child .ol-head {
  border-radius: 12px 12px 0 0;
}

.order-labels-pilot .ol-card:last-child,
.order-labels-pilot .ol-card:last-child:not(.open) .ol-head,
.order-labels-pilot .ol-card:last-child.open .ol-details {
  border-bottom: 0;
  border-radius: 0 0 12px 12px;
}

.order-labels-pilot .ol-head {
  display: grid;
  grid-template-columns: 26px minmax(220px, 1.35fr) minmax(105px, .55fr) minmax(530px, auto);
  gap: 12px;
  align-items: center;
  min-height: 68px;
  padding: 10px 16px;
  border-bottom: 0;
  color: light-dark(#172033, #eef3fb);
  background: light-dark(#ffffff, #111a27);
}

.order-labels-pilot .ol-head:hover {
  background: light-dark(#f8faff, #141f2e);
}

.order-labels-pilot .ol-card.open .ol-head,
.order-labels-pilot .ol-card.is-selected .ol-head {
  border-bottom: 1px solid light-dark(#dfe5ed, #263347);
  background: light-dark(#f4f7ff, #152238);
  box-shadow: inset 3px 0 #3476f3;
}

.order-labels-pilot .ol-card.is-selected,
.order-labels-pilot .ol-card.open.is-selected {
  border-color: transparent;
  box-shadow: none;
}

.order-labels-pilot .ol-head-main {
  gap: 4px;
}

.order-labels-pilot .ol-order-identity {
  color: light-dark(#172033, #eef3fb);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: -.01em;
}

.order-labels-pilot .ol-live-meta {
  color: var(--ol-muted);
  font-size: 11px;
}

.order-labels-pilot .ol-live-toggle {
  color: light-dark(#7c8799, #94a2b6);
}

.order-labels-pilot .ol-card.open .ol-live-toggle {
  color: #6e9cff;
}

.order-labels-pilot .ol-live-chip {
  min-height: 20px;
  border-color: light-dark(#d1d9e5, #34435a);
  background: transparent;
  color: light-dark(#6f7a8e, #8f9caf);
  font-size: 9px;
}

.order-labels-pilot .ol-live-chip.payment,
.order-labels-pilot .ol-live-chip.warn {
  border-color: light-dark(#f2cf87, #6a5128);
  background: light-dark(#fff3d9, #3b2c16);
  color: light-dark(#9a5a00, #f2bc61);
}

.order-labels-pilot .ol-live-chip.payment.is-success {
  border-color: light-dark(#acd9c6, #285a49);
  background: light-dark(#e6f6ef, #16342c);
  color: light-dark(#16734c, #68d6a4);
}

.order-labels-pilot .ol-row-label-state {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  border-left: 0;
  padding: 0;
  color: light-dark(#245fc9, #8db4ff);
  font-size: 12px;
  font-weight: 600;
}

.order-labels-pilot .ol-row-label-state::before {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  content: "";
  flex: 0 0 auto;
  background: light-dark(#e9f0ff, #1a3159);
}

.order-labels-pilot .ol-row-label-state.is-success {
  color: light-dark(#16734c, #68d6a4);
}

.order-labels-pilot .ol-row-label-state.is-success::before {
  background: light-dark(#e6f6ef, #16342c);
}

.order-labels-pilot .ol-row-label-state.is-warning {
  color: light-dark(#9a5a00, #f2bc61);
}

.order-labels-pilot .ol-row-label-state.is-warning::before {
  background: light-dark(#fff3d9, #3b2c16);
}

.order-labels-pilot .ol-row-label-state strong,
.order-labels-pilot .ol-row-label-state small {
  display: block;
  color: inherit;
}

.order-labels-pilot .ol-row-label-state strong {
  font-size: 11px;
  font-weight: 650;
}

.order-labels-pilot .ol-row-label-state small {
  color: var(--ol-muted);
  font-size: 9px;
  font-weight: 500;
}

.order-labels-pilot .ol-row-primary-actions {
  gap: 6px;
  flex-wrap: nowrap;
}

.order-labels-pilot .ol-row-primary-actions .action,
.order-labels-pilot .ol-row-more > summary.action,
.order-labels-pilot .ol-shipment-actions .action,
.order-labels-pilot .ol-shipment-parcel-actions .action {
  min-height: 30px;
  border: 1px solid light-dark(#d1d9e5, #34435a);
  border-radius: 7px;
  padding: 0 8px;
  background: transparent;
  color: light-dark(#172033, #eef3fb);
  font-size: 11px;
  font-weight: 650;
}

.order-labels-pilot .ol-row-primary-actions .action:not(.secondary):not(.warn):not(.success) {
  border-color: #2868e8;
  background: #2868e8;
  color: #ffffff;
}

.order-labels-pilot .ol-row-primary-actions .action.success {
  border-color: light-dark(#16734c, #68d6a4);
  background: light-dark(#16734c, #276a51);
  color: #ffffff;
}

.order-labels-pilot .ol-row-more-menu {
  border-color: light-dark(#d4dce8, #334158);
  background: light-dark(#ffffff, #111a27);
  box-shadow: 0 10px 28px light-dark(rgba(42, 55, 78, .12), rgba(0, 0, 0, .28));
}

.order-labels-pilot .ol-details {
  padding: 0;
  background: light-dark(#f7f9fc, #0d1520);
}

.order-labels-pilot .ol-dispatch-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(360px, .75fr);
  gap: 0;
  align-items: stretch;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: light-dark(#f7f9fc, #0d1520);
}

.order-labels-pilot .ol-detail-main {
  display: block;
  min-width: 0;
  padding: 12px 14px 14px;
  border-right: 1px solid light-dark(#dfe5ed, #263347);
  background: transparent;
}

.order-labels-pilot .ol-detail-pane {
  min-width: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.order-labels-pilot .ol-detail-main > .ol-detail-pane + .ol-detail-pane {
  margin-top: 12px;
}

.order-labels-pilot .ol-delivery-tracking-pane {
  padding: 12px 14px 14px;
  background: transparent;
}

.order-labels-pilot .ol-order-journey-stepper {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 12px;
  padding: 0;
}

.order-labels-pilot .ol-order-journey-stepper li {
  position: relative;
  display: block;
  min-width: 0;
  border: 0;
  padding: 20px 7px 0 0;
  color: var(--ol-muted);
  font-size: 10px;
}

.order-labels-pilot .ol-order-journey-stepper li::before {
  position: absolute;
  top: 8px;
  right: -9px;
  left: 9px;
  height: 2px;
  content: "";
  background: light-dark(#d9e0ea, #29374b);
}

.order-labels-pilot .ol-order-journey-stepper li:last-child::before {
  display: none;
}

.order-labels-pilot .ol-order-journey-stepper li::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 3px solid light-dark(#f7f9fc, #0d1520);
  border-radius: 50%;
  content: "";
  background: light-dark(#c7cfdb, #405069);
}

.order-labels-pilot .ol-order-journey-stepper li.is-success::before,
.order-labels-pilot .ol-order-journey-stepper li.is-success::after {
  background: #3476f3;
}

.order-labels-pilot .ol-order-journey-stepper li.is-warning::after {
  background: light-dark(#e5a43e, #f2bc61);
}

.order-labels-pilot .ol-order-journey-stepper span,
.order-labels-pilot .ol-order-journey-stepper strong {
  display: block;
  overflow: hidden;
  color: inherit;
  font-size: 10px;
  font-weight: 500;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.order-labels-pilot .ol-order-journey-stepper strong {
  margin-top: 2px;
  color: light-dark(#245fc9, #a9c6ff);
  font-weight: 650;
}

.order-labels-pilot .orders-correction-head {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.order-labels-pilot .orders-correction-head strong {
  font-size: 12px;
  font-weight: 650;
}

.order-labels-pilot .orders-correction-head .muted,
.order-labels-pilot .orders-correction-head > span,
.order-labels-pilot .orders-correction-head div > span {
  margin-left: auto;
  color: var(--ol-muted);
  font-size: 10px;
}

.order-labels-pilot .ol-dispatch-date-summary {
  display: flex;
  gap: 14px;
  margin: 0 0 8px;
  padding: 0 0 7px;
  border-bottom: 1px solid light-dark(#dfe5ed, #263347);
}

.order-labels-pilot .ol-dispatch-date-summary span {
  display: flex;
  min-width: 0;
  gap: 4px;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.order-labels-pilot .ol-dispatch-date-summary small,
.order-labels-pilot .ol-dispatch-date-summary strong {
  color: var(--ol-muted);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

.order-labels-pilot .ol-dispatch-date-summary strong {
  color: light-dark(#172033, #eef3fb);
  font-weight: 650;
}

.order-labels-pilot .table-wrap {
  border: 0;
  border-radius: 0;
  background: transparent;
}

.order-labels-pilot .ol-order-lines-table,
.order-labels-pilot .ol-labels-edit {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  font-size: 11px;
}

.order-labels-pilot .ol-order-lines-table th,
.order-labels-pilot .ol-labels-edit th {
  padding: 7px 8px;
  border-bottom: 1px solid light-dark(#dfe5ed, #263347);
  background: transparent;
  color: light-dark(#596579, #9aa7ba);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
  text-align: left;
  text-transform: uppercase;
}

.order-labels-pilot .ol-order-lines-table td,
.order-labels-pilot .ol-labels-edit td {
  padding: 8px;
  border-bottom: 1px solid light-dark(#e4e9f0, #202d40);
  background: transparent;
  color: light-dark(#172033, #eef3fb);
  font-size: 11px;
}

.order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan {
  margin-top: 12px;
  border-top: 0;
  padding-top: 0;
}

.order-labels-pilot .ol-dispatch-plan-list {
  gap: 0;
  border-top: 1px solid light-dark(#dfe5ed, #263347);
}

.order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part {
  display: grid;
  grid-template-columns: minmax(90px, .65fr) repeat(3, minmax(90px, 1fr)) auto;
  gap: 8px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid light-dark(#e4e9f0, #202d40);
  border-radius: 0;
  padding: 8px;
  background: transparent;
  color: var(--ol-muted);
  font-size: 10px;
}

.order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part > div,
.order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part > button {
  grid-column: auto;
}

.order-labels-pilot .ol-order-correction-disclosure {
  overflow: visible;
  border: 0;
  border-bottom: 1px solid light-dark(#dfe5ed, #263347);
  border-radius: 0;
  background: transparent;
}

.order-labels-pilot .ol-order-correction-disclosure > summary {
  min-height: 0;
  padding: 0 0 10px;
}

.order-labels-pilot .ol-order-correction-disclosure > summary:hover,
.order-labels-pilot .ol-order-correction-disclosure[open] > summary {
  border-bottom: 0;
  background: transparent;
}

.order-labels-pilot .ol-recipient-summary-copy {
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
}

.order-labels-pilot .ol-recipient-summary-copy strong {
  color: light-dark(#172033, #eef3fb);
  font-size: 12px;
  font-weight: 650;
}

.order-labels-pilot .ol-recipient-address-summary,
.order-labels-pilot .ol-recipient-summary-copy small {
  grid-column: auto;
  color: var(--ol-muted);
  font-size: 10px;
}

.order-labels-pilot .ol-recipient-edit-label {
  min-width: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: light-dark(#245fc9, #9bbdff);
  font-size: 10px;
  font-weight: 650;
}

.order-labels-pilot .ol-order-correction-form {
  border: 0;
  padding: 8px 0 10px;
  background: transparent;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 10px;
  margin: 8px 0 10px;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid label {
  display: block;
  min-width: 0;
  color: light-dark(#778297, #8492a6);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid .ol-recipient-span-2 {
  grid-column: span 2;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid input,
.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid textarea {
  width: calc(100% + 4px);
  min-height: 30px;
  margin-left: -4px;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 4px;
  resize: none;
  background: transparent;
  color: light-dark(#172033, #eef3fb);
  font-size: 12px;
  text-transform: none;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid textarea {
  height: 48px;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid input:hover,
.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid textarea:hover,
.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid input:focus,
.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid textarea:focus {
  border-color: light-dark(#c8d2e1, #3d4d64);
  background: light-dark(#ffffff, #152131);
  box-shadow: none;
}

.order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid label > small {
  display: block;
  color: light-dark(#8a94a5, #77869a);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: right;
  text-transform: none;
}

.order-labels-pilot .ol-order-action-required {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1px;
  margin-bottom: 10px;
  border: 0;
  border-left: 3px solid #3476f3;
  border-radius: 0 7px 7px 0;
  padding: 6px 8px;
  background: light-dark(#edf3ff, #14243d);
  color: light-dark(#67758b, #91a0b5);
  font-size: 9px;
}

.order-labels-pilot .ol-order-action-required strong {
  color: light-dark(#245fc9, #a9c6ff);
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-workspace {
  display: grid;
  gap: 0;
  margin-top: 10px;
  border-top: 0;
  padding-top: 0;
}

.order-labels-pilot .ol-shipment-list,
.order-labels-pilot .ol-shipment-parcels {
  display: grid;
  gap: 0;
}

.order-labels-pilot .ol-shipment-card {
  display: grid;
  gap: 0;
  border: 0;
  border-bottom: 1px solid light-dark(#dfe5ed, #263347);
  border-left: 0;
  border-radius: 0;
  padding: 10px 0;
  background: transparent;
}

.order-labels-pilot .ol-shipment-card:first-of-type {
  padding-top: 2px;
}

.order-labels-pilot .ol-shipment-card.is-history,
.order-labels-pilot .ol-shipment-card.is-active {
  border-left: 0;
  background: transparent;
}

.order-labels-pilot .ol-shipment-card-head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: space-between;
}

.order-labels-pilot .ol-shipment-card-head > div:first-child {
  display: grid;
  gap: 2px;
}

.order-labels-pilot .ol-shipment-card-head strong {
  font-size: 12px;
  font-weight: 650;
}

.order-labels-pilot .ol-shipment-card-head small,
.order-labels-pilot .ol-shipment-card-head .order-tracking-kicker {
  color: light-dark(#6e7a8d, #8d9aab);
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-card-states {
  display: flex;
  gap: 7px;
}

.order-labels-pilot .ol-shipment-state {
  display: grid;
  min-width: 0;
  gap: 1px;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-state span {
  color: light-dark(#758095, #8997aa);
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-state strong {
  font-size: 11px;
}

.order-labels-pilot .ol-shipment-parcels {
  margin-top: 9px;
  border-top: 1px solid light-dark(#dfe5ed, #263347);
}

.order-labels-pilot .ol-shipment-parcel,
.order-labels-pilot .ol-delivery-tracking-pane .ol-shipment-parcel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 9px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid light-dark(#e4e9f0, #202d40);
  border-radius: 0;
  padding: 9px 0;
  background: transparent;
}

.order-labels-pilot .ol-shipment-parcel:last-child {
  border-bottom: 0;
}

.order-labels-pilot .ol-shipment-parcel-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
}

.order-labels-pilot .ol-shipment-parcel-index {
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: light-dark(#6f7a8e, #8f9caf);
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-parcel-identity strong {
  color: light-dark(#285eb8, #9bbdff);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 650;
}

.order-labels-pilot .ol-shipment-parcel-identity span {
  color: light-dark(#6f7a8e, #8f9caf);
  font-size: 10px;
}

.order-labels-pilot .ol-shipment-parcel-states,
.order-labels-pilot .ol-shipment-parcel-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}

.order-labels-pilot .ol-shipment-parcel-states {
  grid-column: 1;
}

.order-labels-pilot .ol-shipment-parcel-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.order-labels-pilot .ol-shipment-actions {
  display: flex;
  gap: 6px;
  margin-top: 8px;
}

.order-labels-pilot .ol-carrier-journey-detail,
.order-labels-pilot .ol-canonical-detail {
  border-color: light-dark(#dfe5ed, #263347);
  background: transparent;
}

.order-labels-pilot .ol-traceability-note {
  border-left-color: #e5a43e;
  border-radius: 0 7px 7px 0;
  background: light-dark(#fff8e8, #2c2418);
  color: light-dark(#754b0f, #e8c27d);
}

@media (max-width: 1360px) {
  .order-labels-pilot .ol-head {
    grid-template-columns: 26px minmax(0, 1fr) minmax(105px, auto);
  }

  .order-labels-pilot .ol-row-primary-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 880px) {
  .order-labels-pilot .ol-dispatch-detail-grid {
    grid-template-columns: 1fr;
  }

  .order-labels-pilot .ol-detail-main {
    border-right: 0;
    border-bottom: 1px solid light-dark(#dfe5ed, #263347);
  }

  .order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part > div,
  .order-labels-pilot .ol-order-lines-pane .ol-dispatch-plan-part > button {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .order-labels-pilot .ol-head {
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px;
    padding: 10px 12px;
  }

  .order-labels-pilot .ol-row-label-state,
  .order-labels-pilot .ol-row-primary-actions {
    grid-column: 2;
  }

  .order-labels-pilot .ol-row-primary-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-labels-pilot .ol-row-primary-actions .action,
  .order-labels-pilot .ol-row-more,
  .order-labels-pilot .ol-row-more > summary.action {
    width: 100%;
  }

  .order-labels-pilot .ol-order-journey-stepper {
    grid-template-columns: repeat(5, minmax(78px, 1fr));
    overflow-x: auto;
  }

  .order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .order-labels-pilot .ol-shipment-card-head,
  .order-labels-pilot .ol-shipment-parcel,
  .order-labels-pilot .ol-delivery-tracking-pane .ol-shipment-parcel {
    grid-template-columns: 1fr;
  }

  .order-labels-pilot .ol-shipment-card-head {
    display: grid;
  }

  .order-labels-pilot .ol-shipment-parcel-states,
  .order-labels-pilot .ol-shipment-parcel-actions {
    grid-column: 1;
    grid-row: auto;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  .order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid {
    grid-template-columns: 1fr;
  }

  .order-labels-pilot .ol-delivery-tracking-pane .orders-correction-grid .ol-recipient-span-2 {
    grid-column: 1;
  }
}