/* GI #310 — Load Card visual lock: charcoal text, compact header, financial IA. */

.load-card,
.load-card.load-card--gi310 {
  --ulc-ink: #1a1d21;
  --ulc-ink-muted: #5c6570;
  --ulc-red: #c8102e;
  --ulc-line: #e4e7eb;
  color: var(--ulc-ink);
  background: #fff;
}

.load-card--gi310 .load-card-title,
.load-card--gi310 .load-card-title-text,
.load-card--gi310 .load-card-tab-label,
.load-card--gi310 .load-card-tab-copy,
.load-card--gi310 .ulc-ws-card-title,
.load-card--gi310 .load-card-form-title,
.load-card--gi310 dt,
.load-card--gi310 dd,
.load-card--gi310 th,
.load-card--gi310 td,
.load-card--gi310 h2,
.load-card--gi310 h3,
.load-card--gi310 h4,
.load-card--gi310 p,
.load-card--gi310 label,
.load-card--gi310 .load-card-summary-label,
.load-card--gi310 .load-card-summary-value,
.load-card--gi310 .ulc-kv-grid dt,
.load-card--gi310 .ulc-kv-grid dd {
  color: var(--ulc-ink);
}

.load-card--gi310 .muted,
.load-card--gi310 .tiny,
.load-card--gi310 .ulc-ws-support,
.load-card--gi310 .load-card-tab-hint,
.load-card--gi310 .ulc-stage-label,
.load-card--gi310 .ulc-stage-facts {
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .load-card-tab.is-selected .load-card-tab-label {
  color: var(--ulc-ink);
  font-weight: 650;
}

.load-card--gi310 .load-card-btn--danger,
.load-card--gi310 .btn-primary {
  color: #fff;
}

.load-card--gi310 .load-card-tab.is-selected {
  box-shadow: inset 0 -2px 0 var(--ulc-red);
}

.load-card--gi310 .load-card-header {
  gap: 6px;
  padding: 10px 16px 8px;
}

.load-card--gi310 .load-card-header-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
}

.load-card--gi310 .load-card-header-actions,
.load-card--gi310 [data-ulc-header-actions] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.load-card--gi310 .load-card-header-action-cluster,
.load-card--gi310 [data-ulc-header-action-cluster] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.load-card--gi310 .load-card-header-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

.load-card--gi310 .load-card-close {
  flex-shrink: 0;
}

.load-card--gi310 .load-card-summary--rich {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px 12px;
  padding: 6px 12px;
}

.load-card--gi310 .load-card-body,
.load-card--gi310 .load-card-tab-panel,
.load-card--gi310 .ulc-fin-workspace,
.load-card--gi310 .ulc-fin-summary,
.load-card--gi310 .ulc-pay-workspace,
.load-card--gi310 .ulc-ws-card,
.load-card--gi310 .ui2-invoice-workspace,
.load-card--gi310 .panel {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.load-card--gi310 .load-card-header-more {
  display: inline-flex;
}

.load-card--gi310 .ulc-stage {
  position: relative;
}

.load-card--gi310 .ulc-stage-toggle {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  border: 1px solid var(--ulc-line);
  background: #fff;
  color: var(--ulc-ink);
  border-radius: 8px;
  padding: 6px 10px;
  font: inherit;
  cursor: pointer;
}

.load-card--gi310 .ulc-stage-label {
  font-size: 11px;
  font-weight: 650;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-stage-value {
  font-size: 14px;
  font-weight: 800;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-stage-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  min-width: 260px;
  background: #fff;
  border: 1px solid var(--ulc-line);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(26, 29, 33, 0.12);
  padding: 8px;
}

.load-card--gi310 .ulc-stage-option {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 8px;
  border-radius: 6px;
  color: var(--ulc-ink);
  text-decoration: none;
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.load-card--gi310 .ulc-fin-lock-note {
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff6e5;
  color: #5c4a1f;
  font-size: 13px;
  line-height: 1.4;
}

.load-card--gi310 .ulc-stage-option.is-disabled {
  opacity: 0.55;
}

.load-card--gi310 .ulc-stage-option--current {
  font-weight: 650;
}

.load-card--gi310 .ulc-stage-now {
  color: var(--ulc-red);
  font-size: 12px;
}

.load-card--gi310 .load-card-btn--danger,
.load-card--gi310 .load-card-next-entry,
.load-card--gi310 a.ulc-docs-add {
  background: var(--ulc-red);
  border-color: var(--ulc-red);
  color: #fff;
}

.load-card--gi310 .load-card-tablist {
  overflow-x: auto;
  flex-wrap: nowrap;
}

.load-card--gi310 .ulc-fin-summary,
.load-card--gi310 .ulc-pay-workspace,
.load-card--gi310 .ulc-fin-workspace {
  display: grid;
  gap: 14px;
}

.load-card--gi310 .ulc-ws-card {
  background: #fff;
  border: 1px solid var(--ulc-line);
  border-radius: 12px;
  padding: 14px 16px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ws-card,
.load-card--gi310 .load-overview--locked .ulc-ws-card {
  padding: 10px 12px;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(26, 29, 33, 0.04);
}

.load-card--gi310 .ulc-assign-local-edit {
  margin-top: 14px;
}

.load-card--gi310 .ulc-pay-form {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-pay-audit {
  margin: 0;
  padding-left: 18px;
  color: var(--ulc-ink);
}

@media (max-width: 900px) {
  .load-card--gi310 .ulc-stage-menu {
    right: auto;
    left: 0;
  }
}

@media (max-width: 768px) {
  .load-card--gi310 .load-card-summary {
    display: none;
  }
}

/* Tablet/mobile: X pinned to title row. Actions stay on one row when they fit. */
@media (max-width: 860px) {
  .load-card--gi310 .load-card-header {
    padding: 8px 12px 6px;
    gap: 6px;
  }
  .load-card--gi310 .load-card-header-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title close"
      "actions actions";
    align-items: start;
    gap: 6px 10px;
  }
  .load-card--gi310 .load-card-heading {
    grid-area: title;
    min-width: 0;
    width: auto;
  }
  .load-card--gi310 .load-card-header-actions,
  .load-card--gi310 [data-ulc-header-actions] {
    grid-area: actions;
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
  }
  .load-card--gi310 .load-card-header-action-cluster,
  .load-card--gi310 [data-ulc-header-action-cluster] {
    flex: 1 1 auto;
    justify-content: flex-start;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
  }
  .load-card--gi310 .load-card-close {
    grid-area: close;
    justify-self: end;
    align-self: start;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    flex-shrink: 0;
  }
  .load-card--gi310 .ulc-stage {
    flex: 0 1 auto;
    min-width: 0;
  }
  .load-card--gi310 .ulc-stage-toggle {
    min-height: 44px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
  }
  .load-card--gi310 .load-card-header-actions .load-card-btn,
  .load-card--gi310 .load-card-header-more__toggle {
    min-height: 44px;
    align-items: center;
  }
  .load-card--gi310:not(.load-card--create) .load-card-edit-entry--header {
    display: inline-flex !important;
    visibility: visible !important;
  }
  .load-card--gi310:not(.load-card--create) .load-card-edit-entry--identity {
    display: none !important;
  }
  .load-card--gi310:not(.load-card--create) .load-card-header-toolbar {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
  }
  .load-card--gi310:not(.load-card--create) .load-card-header-toolbar > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .load-card--gi310:not(.load-card--create) .load-card-header-action-cluster > .load-card-btn,
  .load-card--gi310:not(.load-card--create) .load-card-header-action-cluster > .load-card-header-more {
    flex: 1 1 0;
    min-width: 0;
  }
  .load-card--gi310:not(.load-card--create).load-card--edit-session .load-card-actions--mobile {
    display: none !important;
  }
  .load-card--gi310 .load-card-tablist,
  .load-card--gi310 .load-card-subnav-list {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .load-card--gi310 .load-card-tab,
  .load-card--gi310 .load-card-subtab {
    flex: 0 0 auto;
    white-space: nowrap;
    min-width: 0;
    max-width: none;
    padding: 6px 10px 5px;
  }
}

/* 390–430: exactly two action rows — Current Stage, then Edit/Next/More. */
@media (max-width: 480px) {
  .load-card--gi310 .load-card-heading,
  .load-card--gi310 .load-card-identity {
    min-width: 0;
    width: auto;
  }
  .load-card--gi310 .load-card-identity {
    gap: 2px;
  }
  .load-card--gi310 .load-card-identity-id,
  .load-card--gi310 .load-card-title-text {
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
  }
  .load-card--gi310 .load-card-header-actions,
  .load-card--gi310 [data-ulc-header-actions] {
    flex-direction: column;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 6px;
    justify-content: flex-start;
    width: 100%;
  }
  .load-card--gi310 .ulc-stage {
    width: 100%;
    flex: 0 0 auto;
  }
  .load-card--gi310 .load-card-header-action-cluster,
  .load-card--gi310 [data-ulc-header-action-cluster] {
    width: 100%;
    flex-wrap: nowrap;
  }
  .load-card--gi310 .load-card-header-action-cluster .load-card-btn,
  .load-card--gi310 .load-card-header-more__toggle {
    font-size: 12px;
    padding: 8px 6px;
  }
}

.load-card--gi310 .ulc-assign-change {
  margin-top: 8px;
}

.load-card--gi310 .load-card-summary--rich.is-overview-hidden {
  display: none;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header {
  padding: 12px 18px 10px;
  gap: 10px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-title {
  display: block;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-top {
  align-items: center;
  gap: 12px 16px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-header-actions,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) [data-ulc-header-actions] {
  flex-wrap: nowrap;
  flex: 0 1 auto;
  min-width: 0;
  justify-content: flex-end;
  gap: 8px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-close {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  font-size: 1.2rem;
  border-radius: 8px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-more__toggle,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage-toggle,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-btn {
  min-height: 32px;
  padding: 4px 10px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment):focus {
  outline: none;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-tab-accent],
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-load-card-tab],
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab.is-selected,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[aria-selected="true"] {
  --tab-accent: transparent;
  --tab-accent-soft: #f4f5f7;
  min-height: 36px;
  padding: 7px 12px 6px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 8px 8px 0 0;
  background: transparent;
  box-shadow: none;
  color: var(--ulc-ink);
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab.is-selected,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[aria-selected="true"] {
  border-bottom-color: var(--ulc-red);
  background: #fff5f6;
  box-shadow: none;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-icon,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-tab-accent] .load-card-tab-icon,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-load-card-tab] .load-card-tab-icon {
  background: #3d4450 !important;
  color: #fff !important;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab.is-selected .load-card-tab-icon,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[aria-selected="true"] .load-card-tab-icon {
  background: var(--ulc-red) !important;
  color: #fff !important;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-hint {
  display: none;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-label {
  overflow: visible;
  text-overflow: unset;
  white-space: nowrap;
  color: var(--ulc-ink);
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tabs-wrap {
  padding: 2px 16px 0;
  border-bottom: 1px solid var(--ulc-line);
  overflow: hidden;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tablist {
  gap: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-padding-inline: 12px;
  padding-right: 8px;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-body,
body.has-ui2-shell .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-body {
  padding: 8px 16px 12px;
  background: #fff;
}

.load-card--gi310 .load-card-summary--overview-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--ulc-line);
  border-radius: 0;
  padding: 2px 0 8px;
  gap: 0;
}

.load-card--gi310 .load-card-summary--overview-identity .ulc-ov-id-item {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2px;
  padding: 0 18px 0 0;
  margin-right: 18px;
  border: 0;
  border-right: 1px solid #e8eaed;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}

.load-card--gi310 .load-card-summary--overview-identity .ulc-ov-id-item--customer {
  flex: 0 1 auto;
  max-width: none;
}

.load-card--gi310 .ulc-ov-id-chips {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.load-card--gi310 .load-card-summary--overview-identity .ulc-ov-id-item:first-child {
  padding-left: 0;
}

.load-card--gi310 .load-card-summary--overview-identity .ulc-ov-id-item:last-child {
  border-right: 0;
}

.load-card--gi310 .load-card-summary--overview-identity .load-card-summary-label {
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .load-card-summary--overview-identity .load-card-summary-value {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--ulc-ink);
  overflow: visible;
  white-space: normal;
  text-overflow: unset;
}

.load-card--gi310 .ulc-ov-id-item--tms .load-card-summary-value {
  font-size: 20px;
  font-weight: 800;
}

.load-card--gi310 .load-card-summary--overview-identity .load-card-customer,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-metric strong,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-customer {
  max-width: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}

.load-card--gi310 .load-card-summary-input {
  width: 100%;
  min-height: 30px;
  margin-top: 2px;
  padding: 4px 8px;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  background: #fff;
  color: var(--ulc-ink);
  font: inherit;
  font-size: 13px;
  font-weight: 650;
}

.load-card--gi310 .ulc-overview-hero,
.load-card--gi310 .ulc-customer-workspace {
  display: grid;
  gap: 14px;
}

.load-card--gi310.load-card--customer .load-card-summary--rich:not(.load-card-summary--overview-identity) {
  display: none;
}

.load-card--gi310.load-card--customer .load-card-body {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  min-height: 0;
}

.load-card--gi310.load-card--customer .ulc-customer-workspace,
.load-card--gi310.load-card--customer .ulc-customer-workspace--mock {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: 0;
  gap: 14px;
}

.load-card--gi310.load-card--customer .ulc-cust-band {
  display: grid;
  gap: 14px;
  align-items: start;
}

.load-card--gi310.load-card--customer .ulc-cust-band--top {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.load-card--gi310.load-card--customer .ulc-cust-band--bottom {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.1fr) minmax(15.5rem, 0.82fr);
  align-items: start;
}

.load-card--gi310.load-card--customer .ulc-cust-card {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  flex: 0 0 auto;
  padding: 16px 18px 18px;
  border-radius: 12px;
  box-shadow: none;
}

.load-card--gi310.load-card--customer .ulc-cust-card--actions {
  height: fit-content;
  align-self: start;
  padding-bottom: 12px;
}

.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="billing"],
.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="address"] {
  padding: 14px 16px 14px;
}

.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="billing"] .ulc-cust-card-head,
.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="address"] .ulc-cust-card-head {
  margin-bottom: 10px;
}

.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="billing"] .ulc-cust-kv,
.load-card--gi310.load-card--customer .ulc-cust-card[data-customer-card="address"] .ulc-cust-kv {
  gap: 8px;
}

.load-card--gi310.load-card--customer .ulc-cust-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 14px;
}

.load-card--gi310.load-card--customer .ulc-cust-card-title,
.load-card--gi310.load-card--customer .ulc-ws-card-title,
.load-card--gi310.load-card--customer .ulc-cust-card-head .ulc-cust-card-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  text-transform: none;
  letter-spacing: -0.02em;
  font-size: 18px;
  font-weight: 800;
  color: var(--ulc-ink);
}

.load-card--gi310.load-card--customer .ulc-cust-card-icon {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background: var(--ulc-ink);
}

.load-card--gi310.load-card--customer .ulc-cust-card-icon--profile {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 4 4h-4zM8 13h8v2H8zm0 4h5v2H8z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 4 4h-4zM8 13h8v2H8zm0 4h5v2H8z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-card-icon--summary {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-card-icon--actions {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 2 4 14h7l-1 8 10-14h-7z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 2 4 14h7l-1 8 10-14h-7z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-card-edit {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--ulc-ink);
  text-decoration: none;
  font-size: 13px;
  font-weight: 650;
}

.load-card--gi310.load-card--customer .ulc-cust-card-edit-icon {
  width: 13px;
  height: 13px;
  background: currentColor;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.04a1 1 0 0 0 0-1.41l-2.51-2.51a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 2z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.04a1 1 0 0 0 0-1.41l-2.51-2.51a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 2z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-kv {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
}

.load-card--gi310.load-card--customer .ulc-cust-kv-row {
  display: grid;
  grid-template-columns: minmax(8rem, 38%) minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 44px;
  margin: 0;
}

.load-card--gi310.load-card--customer .ulc-cust-kv dt,
.load-card--gi310.load-card--customer .ulc-cust-field-label {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ulc-ink);
}

.load-card--gi310.load-card--customer .ulc-cust-kv dd,
.load-card--gi310.load-card--customer .ulc-cust-value,
.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row input,
.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row select {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  background: #fff;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.3;
  color: var(--ulc-ink);
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.load-card--gi310.load-card--customer .ulc-customer-workspace--locked input,
.load-card--gi310.load-card--customer .ulc-customer-workspace--locked select,
.load-card--gi310.load-card--customer .ulc-customer-workspace--locked textarea {
  display: none;
}

.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row input,
.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row select {
  font: inherit;
  appearance: none;
}

.load-card--gi310.load-card--customer .places-typeahead-hint,
.load-card--gi310.load-card--customer .places-attribution {
  display: none;
}

.load-card--gi310.load-card--customer .load-card-actions--mobile {
  display: none !important;
}

.load-card--gi310.load-card--customer .load-card-subnav {
  display: none;
}

.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row input.load-card-readonly,
.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row select:disabled {
  pointer-events: none;
}

.load-card--gi310.load-card--customer .ulc-cust-value--choice,
.load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row select {
  padding-right: 28px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%235c6570' d='M1 1.5 6 6.5 11 1.5'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 7px;
}

.load-card--gi310.load-card--customer .ulc-cust-value--date {
  justify-content: space-between;
  padding-right: 10px;
}

.load-card--gi310.load-card--customer .ulc-cust-value--date::after {
  content: "";
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  background: var(--ulc-ink-muted);
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3zm13 8H4v10h16z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3zm13 8H4v10h16z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #1b7a3a;
  background: #e7f6ec;
}

.load-card--gi310.load-card--customer .ulc-cust-pill--inactive {
  color: var(--ulc-ink-muted);
  background: #eef1f4;
}

.load-card--gi310.load-card--customer .ulc-cust-actions {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  justify-content: flex-start;
  gap: 0;
}

.load-card--gi310.load-card--customer .ulc-cust-action {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 12px;
  min-height: 44px;
  padding: 0 4px;
  border-bottom: 1px solid var(--ulc-line);
  color: var(--ulc-ink);
  text-decoration: none;
  font-size: 15px;
  font-weight: 750;
}

.load-card--gi310.load-card--customer .ulc-cust-action:last-child {
  border-bottom: 0;
}

.load-card--gi310.load-card--customer .ulc-cust-action-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: var(--ulc-ink);
}

.load-card--gi310.load-card--customer .ulc-cust-action-icon--person {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-3.33 0-10 1.67-10 5v1h20v-1c0-3.33-6.67-5-10-5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-3.33 0-10 1.67-10 5v1h20v-1c0-3.33-6.67-5-10-5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-action-icon--doc {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 4 4h-4zM8 13h8v2H8zm0 4h8v2H8zM8 9h3v2H8z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm0 2 4 4h-4zM8 13h8v2H8zm0 4h8v2H8zM8 9h3v2H8z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-action-icon--ledger {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 3h2v18H3zm4 14h4v4H7zm6-6h4v10h-4zm6-8h4v18h-4z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 3h2v18H3zm4 14h4v4H7zm6-6h4v10h-4zm6-8h4v18h-4z'/></svg>") center / contain no-repeat;
}

.load-card--gi310.load-card--customer .ulc-cust-action-chevron {
  margin-left: auto;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--ulc-ink-muted);
  border-bottom: 2px solid var(--ulc-ink-muted);
  transform: rotate(-45deg);
}

.load-card--gi310.load-card--customer .ulc-cust-card--actions .ulc-ws-support {
  margin-top: 4px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310.load-card--customer a:not(.load-card-btn):not(.btn-primary):not(.ulc-cust-card-edit):not(.ulc-cust-action) {
  color: var(--ulc-ink);
}

@media (max-width: 1099px) {
  .load-card--gi310.load-card--customer .ulc-cust-band--top,
  .load-card--gi310.load-card--customer .ulc-cust-band--bottom {
    grid-template-columns: 1fr;
  }
}

.load-card--gi310 .load-overview--locked {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.load-card--gi310 .ulc-ov-intake-alert {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 26px;
  margin: 0;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid #f0b429;
  background: #fff8eb;
  color: #9a6b12;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.load-card--gi310 .load-card-lifecycle {
  padding: 2px 16px 4px;
}

.load-card--gi310 .ulc-lifecycle-rail,
.load-card--gi310 .ulc-ov-progress {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 6px 2px 4px;
}

.load-card--gi310 .ulc-lifecycle-band {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.load-card--gi310 .ulc-lifecycle-band--ops {
  flex: 1.35 1 0;
}

.load-card--gi310 .ulc-lifecycle-band--billing {
  flex: 1 1 0;
}

.load-card--gi310 .ulc-lifecycle-split {
  flex: 0 0 0;
  width: 0;
  align-self: stretch;
  margin: 4px 14px 18px;
  border-left: 1px solid #d9dee4;
}

.load-card--gi310 .ulc-lifecycle-step,
.load-card--gi310 .ulc-ov-progress-step {
  position: relative;
  flex: 1;
  min-width: 0;
  text-align: center;
  color: var(--ulc-ink);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.15;
}

.load-card--gi310 .ulc-lifecycle-label,
.load-card--gi310 .ulc-ov-progress-step span {
  display: block;
  margin-top: 6px;
  white-space: nowrap;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-lifecycle-caption {
  display: block;
  margin-top: 1px;
  font-size: 10px;
  font-weight: 600;
  color: var(--ulc-ink-muted);
  white-space: nowrap;
}

.load-card--gi310 .ulc-lifecycle-step::before,
.load-card--gi310 .ulc-ov-progress-step::before {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid #cfd6de;
  background: #fff;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.load-card--gi310 .ulc-lifecycle-step:not(:last-child)::after,
.load-card--gi310 .ulc-ov-progress-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 12px;
  left: calc(50% + 15px);
  right: calc(-50% + 15px);
  height: 3px;
  background: #e4e7eb;
}

/* Final rail color rule: left/done = green, current = Tovoro red, pending = white. */
.load-card--gi310 .ulc-lifecycle-step.is-pending::before,
.load-card--gi310 .ulc-ov-progress-step.is-pending::before {
  background: #fff;
  border-color: #cfd6de;
  box-shadow: none;
}

.load-card--gi310 .ulc-lifecycle-step.is-done:not(.is-current)::before,
.load-card--gi310 .ulc-ov-progress-step.is-done:not(.is-current)::before {
  content: "✓";
  background: #1f8a4c;
  border-color: #1f8a4c;
}

.load-card--gi310 .ulc-lifecycle-step.is-done:not(.is-current):not(:last-child)::after,
.load-card--gi310 .ulc-ov-progress-step.is-done:not(.is-current):not(:last-child)::after {
  background: #1f8a4c;
}

.load-card--gi310 .ulc-lifecycle-step.is-current::before,
.load-card--gi310 .ulc-ov-progress-step.is-current::before {
  content: "";
  background: var(--ulc-red);
  border-color: var(--ulc-red);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.16);
}

.load-card--gi310 .ulc-lifecycle-step[data-lifecycle-band="billing"].is-current::before,
.load-card--gi310 .ulc-ov-progress-step[data-progress-id="partially_paid"].is-current::before,
.load-card--gi310 .ulc-ov-progress-step[data-progress-id="invoice_sent"].is-current::before,
.load-card--gi310 .ulc-ov-progress-step[data-progress-id="paid"].is-current::before {
  content: "$";
  font-size: 11px;
}

.load-card--gi310 .ulc-ov-row {
  display: grid;
  gap: 8px;
}

/* GI #496 overview column lock: two-column rows until the 859px breakpoint. */
.load-card--gi310 .ulc-ov-row--top,
.load-card--gi310 .ulc-ov-row--mid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
}

.load-card--gi310 .ulc-ov-card {
  min-width: 0;
  max-width: 100%;
}

.load-card--gi310 .ulc-ov-row--top > *,
.load-card--gi310 .ulc-ov-row--mid > * {
  min-width: 0;
  max-width: 100%;
}

.load-card--gi310 .ulc-ov-card--route {
  align-self: start;
  grid-column: 1 / 2;
}

.load-card--gi310 .ulc-ov-card[data-overview-section="financial"] {
  container-type: inline-size;
  container-name: ulc-ov-fin;
}

.load-card--gi310 .ulc-ov-card-title,
.load-card--gi310 .load-overview--locked .ulc-ws-card-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px;
  text-transform: none;
  letter-spacing: -0.01em;
  font-size: 16px;
  font-weight: 700;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-card-ico {
  width: 16px;
  height: 16px;
  color: var(--ulc-ink-muted);
  flex-shrink: 0;
}

.load-card--gi310 .ulc-ov-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.load-card--gi310 .ulc-ov-card-head .ulc-ws-card-title {
  margin: 0;
}

.load-card--gi310 .ulc-ov-quiet-link {
  font-size: 13px;
  font-weight: 650;
  color: var(--ulc-ink);
  text-decoration: none;
}

.load-card--gi310 .ulc-ov-quiet-link:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.load-card--gi310 .ulc-ov-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 12px;
}

.load-card--gi310 .ulc-ov-metric {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.load-card--gi310 .ulc-ov-metric-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-metric-icon svg {
  width: 18px;
  height: 18px;
}

.load-card--gi310 .ulc-ov-metric-label {
  font-size: 11px;
  font-weight: 650;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-metric strong,
.load-card--gi310 .ulc-ov-metric input {
  color: var(--ulc-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  overflow: visible;
  white-space: normal;
  text-overflow: unset;
  border: 0;
  background: transparent;
  padding: 0;
  min-height: 0;
}

.load-card--gi310 .ulc-ov-metric strong {
  min-height: 20px;
}

.load-card--gi310 .load-overview--editing .ulc-ov-metric input {
  width: 100%;
  max-width: 100%;
  min-height: 20px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid #c5ccd4;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

.load-card--gi310 .ulc-ov-metric em {
  font-style: normal;
  font-size: 12px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid #f0b429;
  background: #fff8eb;
  color: #9a6b12;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.load-card--gi310 .ulc-ov-status-pill--paid {
  border-color: #86d3a6;
  background: #edf9f1;
  color: #1f8a4c;
}

.load-card--gi310 .ulc-ov-status-pill--unpaid,
.load-card--gi310 .ulc-ov-status-pill-- {
  border-color: var(--ulc-line);
  background: #f6f7f8;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-money-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 12px;
  margin: 0 0 10px;
}

.load-card--gi310 .ulc-ov-money-row > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 14px 0 0;
  margin-right: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-ov-money-row > div:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.load-card--gi310 .ulc-ov-money-row span {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
  font-weight: 650;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-money-row strong,
.load-card--gi310 .ulc-ov-money-amt {
  display: block;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: var(--ulc-ink);
  white-space: normal;
  overflow-wrap: anywhere;
}

/* GI #496 money wrap: stack from the Financial card width, not the viewport.
   Two-column Overview at 1024/1100 makes this card ~400px — 3 nowrap columns collide. */
@container ulc-ov-fin (max-width: 34rem) {
  .load-card--gi310 .ulc-ov-money-row,
  .load-card--gi310 .ulc-ov-money-meta {
    grid-template-columns: 1fr;
    gap: 8px 0;
  }
  .load-card--gi310 .ulc-ov-money-row > div {
    border-right: 0;
    border-bottom: 1px solid var(--ulc-line);
    padding: 8px 0;
  }
  .load-card--gi310 .ulc-ov-money-row > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .load-card--gi310 .ulc-ov-money-row strong,
  .load-card--gi310 .ulc-ov-money-amt {
    font-size: 20px;
  }
}

.load-card--gi310 .ulc-ov-money-row strong.is-received {
  color: #1f8a4c;
}

.load-card--gi310 .ulc-ov-money-row strong.is-remaining {
  color: #c8102e;
}

.load-card--gi310 .ulc-ov-money-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px 10px;
  margin: 0;
}

.load-card--gi310 .ulc-ov-money-meta dt {
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 650;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-money-meta dd {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-rows {
  display: grid;
  gap: 0;
  margin: 0;
}

.load-card--gi310 .ulc-ov-rows > div {
  display: grid;
  grid-template-columns: minmax(7.5rem, 42%) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 32px;
  padding: 5px 0;
  border-bottom: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-ov-rows > div:last-child {
  border-bottom: 0;
}

.load-card--gi310 .ulc-ov-rows dt {
  margin: 0;
  font-size: 12px;
  font-weight: 650;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-rows dd {
  margin: 0;
  font-size: 13px;
  font-weight: 550;
  color: var(--ulc-ink);
  min-width: 0;
}

.load-card--gi310 .ulc-ov-rows--money dd {
  font-variant-numeric: tabular-nums;
}

.load-card--gi310 .ulc-route-map {
  position: relative;
  height: 220px;
  min-width: 0;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--ulc-line);
  background: #e8edf2;
  margin-bottom: 8px;
}

.load-card--gi310 .ulc-route-map-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.load-card--gi310 .ulc-route-map-unavailable {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background: #f4f6f8;
  color: var(--ulc-ink);
  text-align: center;
}

.load-card--gi310 .ulc-route-map-unavailable[hidden] {
  display: none;
}

.load-card--gi310 .ulc-route-map-unavailable p {
  margin: 0;
  font-size: 13px;
  font-weight: 650;
}

.load-card--gi310 .ulc-route-map.is-missing-coords,
.load-card--gi310 .ulc-route-map.is-unavailable {
  background: #f4f6f8;
}

.load-card--gi310 .ulc-route-map-credit {
  position: absolute;
  right: 8px;
  bottom: 6px;
  z-index: 2;
  font-size: 10px;
  color: #4b5563;
  background: rgba(255, 255, 255, 0.72);
  padding: 1px 5px;
  border-radius: 4px;
}

@media (max-width: 1099px) {
  .load-card--gi310 .ulc-route-map,
  .load-card--gi310 .ulc-stops-map {
    height: 168px;
  }
}

@media (max-width: 899px) {
  .load-card--gi310 .ulc-route-map,
  .load-card--gi310 .ulc-stops-map {
    height: 156px;
  }
}

@media (max-width: 599px) {
  .load-card--gi310 .ulc-route-map,
  .load-card--gi310 .ulc-stops-map {
    height: clamp(140px, 28vh, 168px);
  }
}

@media (max-height: 740px) and (max-width: 900px) {
  .load-card--gi310 .ulc-route-map,
  .load-card--gi310 .ulc-stops-map {
    height: clamp(120px, 22vh, 148px);
  }
}

.load-card--gi310 .ulc-ov-route-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0;
}

.load-card--gi310 .ulc-ov-route-facts dt {
  margin: 0 0 2px;
  font-size: 11px;
  font-weight: 650;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-route-facts dd {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-loadinfo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 0;
}

.load-card--gi310 .ulc-ov-loadinfo-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 0 16px 0 0;
  position: relative;
}

.load-card--gi310 .ulc-ov-loadinfo-col + .ulc-ov-loadinfo-col {
  padding: 0 0 0 16px;
  border-left: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-ov-loadinfo-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

.load-card--gi310 .ulc-ov-loadinfo-kicker strong {
  font-size: 13px;
  font-weight: 750;
}

.load-card--gi310 .ulc-ov-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #1a1d21;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}

.load-card--gi310 .ulc-ov-num.is-green {
  background: #1f8a4c;
}

.load-card--gi310 .ulc-ov-num.is-red {
  background: var(--ulc-red);
}

.load-card--gi310 .ulc-ov-loadinfo-code,
.load-card--gi310 .ulc-ov-loadinfo-addr,
.load-card--gi310 .ulc-ov-loadinfo-when {
  display: block;
  width: 100%;
}

.load-card--gi310 .ulc-ov-loadinfo-code {
  margin: 0 0 2px;
  font-size: 16px;
  font-weight: 800;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-loadinfo-addr {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-loadinfo-when,
.load-card--gi310 .ulc-ov-notes {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-notes-card {
  min-height: 5.25rem;
  background: #f7f8fa;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  padding: 12px 14px;
}

.load-card--gi310 .ulc-ov-notes {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-ov-notes {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.load-card--gi310 .ulc-ov-loadinfo-when {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-ov-cal {
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-stop-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
}

.load-card--gi310 .ulc-stop-timeline-item {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  position: relative;
  padding: 0 0 14px;
}

.load-card--gi310 .ulc-stop-timeline-item:last-child {
  padding-bottom: 0;
}

.load-card--gi310 .ulc-stop-timeline-item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 22px;
  bottom: 0;
  width: 2px;
  background: var(--ulc-line);
}

.load-card--gi310 .ulc-stop-timeline-index {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #1a1d21;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.load-card--gi310 .ulc-stop-timeline-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}

.load-card--gi310 .ulc-stop-facility,
.load-card--gi310 .ulc-stop-times {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-stop-times {
  color: var(--ulc-ink-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.load-card--gi310 .ulc-stop-status {
  font-size: 12px;
  font-weight: 650;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-activity-feed {
  list-style: none;
  margin: 0;
  padding: 0;
}

.load-card--gi310 .ulc-activity-item {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  padding: 5px 0;
  border-bottom: 1px solid var(--ulc-line);
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-activity-item:last-child {
  border-bottom: 0;
}

.load-card--gi310 .ulc-activity-icon {
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border-radius: 4px;
  background: #edf1f4;
  color: var(--ulc-ink);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 5.2V8l2 1.3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 5.2V8l2 1.3' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="assign"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="driver"] .ulc-activity-icon {
  background: #1a1d21;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.2' r='2.2' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M3.6 13c.4-2.5 2.1-3.7 4.4-3.7s4 1.2 4.4 3.7' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.2' r='2.2' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M3.6 13c.4-2.5 2.1-3.7 4.4-3.7s4 1.2 4.4 3.7' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="note"] .ulc-activity-icon {
  background: #5c6570;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='2' width='10' height='12' rx='1.4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M5.5 5.5h5M5.5 8h5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='2' width='10' height='12' rx='1.4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M5.5 5.5h5M5.5 8h5' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="complete"] .ulc-activity-icon {
  background: #1f8a4c;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M5.4 8.1 7.2 9.8 10.7 6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M5.4 8.1 7.2 9.8 10.7 6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="invoice"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="sent"] .ulc-activity-icon {
  background: #c8102e;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3.2' y='2.2' width='9.6' height='11.6' rx='1.3' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M5.6 5.6h4.8M5.6 8h4.8M5.6 10.4h3' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3.2' y='2.2' width='9.6' height='11.6' rx='1.3' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Cpath d='M5.6 5.6h4.8M5.6 8h4.8M5.6 10.4h3' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="paid"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="payment"] .ulc-activity-icon {
  background: #1f8a4c;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 4.8v6.4M6.3 6.3c.4-.6 1.1-.9 1.7-.9.8 0 1.5.4 1.5 1.2 0 1.6-3.4 1-3.4 2.5 0 .7.7 1.3 1.8 1.3.6 0 1.2-.2 1.6-.7' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3Cpath d='M8 4.8v6.4M6.3 6.3c.4-.6 1.1-.9 1.7-.9.8 0 1.5.4 1.5 1.2 0 1.6-3.4 1-3.4 2.5 0 .7.7 1.3 1.8 1.3.6 0 1.2-.2 1.6-.7' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="depart"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="check-out"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="transit"] .ulc-activity-icon {
  background: #1a1d21;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.2s3.8-3.3 3.8-6A3.8 3.8 0 0 0 8 3.4 3.8 3.8 0 0 0 4.2 7.2c0 2.7 3.8 6 3.8 6z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='7.1' r='1.2' fill='%23000'/%3E%3C/svg%3E") center / 12px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.2s3.8-3.3 3.8-6A3.8 3.8 0 0 0 8 3.4 3.8 3.8 0 0 0 4.2 7.2c0 2.7 3.8 6 3.8 6z' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3Ccircle cx='8' cy='7.1' r='1.2' fill='%23000'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.load-card--gi310 .ulc-activity-item[data-activity-type*="document"] .ulc-activity-icon,
.load-card--gi310 .ulc-activity-item[data-activity-type*="attachment"] .ulc-activity-icon {
  background: #c8102e;
}

.load-card--gi310 .ulc-activity-copy {
  min-width: 0;
}

.load-card--gi310 .ulc-activity-item strong,
.load-card--gi310 .ulc-activity-summary,
.load-card--gi310 .ulc-activity-item time {
  display: block;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-activity-item strong {
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
}

.load-card--gi310 .ulc-activity-item em {
  display: block;
  font-style: normal;
  font-size: 11px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-activity-summary,
.load-card--gi310 .ulc-activity-item time {
  font-size: 11px;
  color: var(--ulc-ink-muted);
  white-space: nowrap;
  text-align: right;
}

.load-card--gi310 .load-overview--editing .ulc-ov-rows input,
.load-card--gi310 .load-overview--editing .ulc-ov-rows select {
  width: 100%;
  max-width: 100%;
  min-height: 30px;
  padding: 4px 8px;
  border: 1px solid var(--ulc-line);
  border-radius: 6px;
  color: var(--ulc-ink);
  background: #fff;
  font: inherit;
  font-size: 13px;
}

@media (min-width: 1100px) {
  .load-card--gi310 .ulc-overview-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 1fr);
    align-items: start;
  }
  .load-card--gi310 .ulc-customer-workspace:not(.ulc-customer-workspace--mock) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.load-card--gi310 .ulc-doc-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-doc-chips li {
  border: 1px solid var(--ulc-line);
  border-radius: 999px;
  padding: 4px 10px;
  color: var(--ulc-ink);
}

.load-card--gi310 a:not(.btn):not(.load-card-btn):not(.ulc-docs-add) {
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-overview-bottom,
.load-card--gi310 .ulc-overview-related {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.load-card--gi310 .ulc-stop-summary-table-wrap {
  overflow-x: auto;
}

.load-card--gi310 .ulc-stop-summary-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-stop-summary-table th,
.load-card--gi310 .ulc-stop-summary-table td {
  text-align: left;
  padding: 6px 8px;
  border-bottom: 1px solid var(--ulc-line);
  color: var(--ulc-ink);
  font-size: 13px;
}

.load-card--gi310 .ulc-stop-summary-table th {
  font-weight: 650;
}

.load-card--gi310 .ulc-route-map-svg {
  width: 100%;
  max-width: 280px;
  height: auto;
  display: block;
}

.load-card--gi310 .ulc-route-map-label {
  fill: #1a1d21;
  font-size: 11px;
}

.load-card--gi310 .ulc-route-map-fallback {
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, #1a1d21 0%, #c8102e 100%);
  margin: 4px 0 10px;
}

.load-card--gi310 .load-card-summary--overview-identity.is-editing .load-card-summary-input {
  width: 100%;
  max-width: 100%;
  min-height: 28px;
  color: var(--ulc-ink);
  border: 1px solid var(--ulc-line);
  border-radius: 6px;
  padding: 3px 7px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  box-sizing: border-box;
}

.load-card--gi310 .load-overview--editing .ulc-ov-metric input {
  width: 100%;
  max-width: 100%;
  min-height: 22px;
  height: 22px;
  padding: 0 6px;
  border: 1px solid #c5ccd4;
  border-radius: 5px;
  background: #fff;
  box-sizing: border-box;
}

@media (min-width: 1100px) {
  .load-card--gi310 .ulc-overview-bottom {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: start;
  }
  .load-card--gi310 .ulc-overview-related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .load-card--gi310 .ulc-ov-row--top {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: start;
  }
  .load-card--gi310 .ulc-ov-row--mid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: start;
  }
  .load-card--gi310 .ulc-ov-row--bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (min-width: 860px) and (max-width: 1099px) {
  .load-card--gi310 .ulc-overview-hero {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .load-card--gi310 .ulc-ov-row--top,
  .load-card--gi310 .ulc-ov-row--mid,
  .load-card--gi310 .ulc-ov-row--bottom {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
  .load-card--gi310 .ulc-ov-metrics {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 859px) {
  .load-card--gi310 .ulc-ov-row--top,
  .load-card--gi310 .ulc-ov-row--mid,
  .load-card--gi310 .ulc-ov-row--bottom {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-ov-card--route {
    grid-column: auto;
  }
  .load-card--gi310 .ulc-ov-money-row,
  .load-card--gi310 .ulc-ov-money-meta {
    grid-template-columns: 1fr;
    gap: 8px 0;
  }
  .load-card--gi310 .ulc-ov-money-row > div {
    margin-right: 0;
    padding: 8px 0;
    border-right: 0;
    border-bottom: 1px solid var(--ulc-line);
  }
  .load-card--gi310 .ulc-ov-money-row > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .load-card--gi310 .ulc-ov-money-row strong,
  .load-card--gi310 .ulc-ov-money-amt {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 768px) {
  .load-card--gi310 .ulc-overview-hero,
  .load-card--gi310 .ulc-overview-bottom,
  .load-card--gi310 .ulc-overview-related,
  .load-card--gi310 .ulc-customer-workspace,
  .load-card--gi310 .ulc-fin-summary,
  .load-card--gi310 .ulc-pay-workspace,
  .load-card--gi310 .ulc-ov-route-facts {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-ov-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .load-card--gi310 .ulc-ov-metrics .ulc-ov-metric:first-child {
    grid-column: 1 / -1;
  }
  .load-card--gi310 .ulc-ov-loadinfo {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .load-card--gi310 .ulc-ov-loadinfo-col,
  .load-card--gi310 .ulc-ov-loadinfo-col + .ulc-ov-loadinfo-col {
    padding: 8px 10px;
    border: 1px solid var(--ulc-line);
    border-radius: 8px;
    background: #fafbfc;
  }
  .load-card--gi310 .ulc-lifecycle-rail,
  .load-card--gi310 .ulc-ov-progress {
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0;
    max-width: 100%;
    padding-right: 0;
    scrollbar-width: thin;
    scroll-snap-type: none;
    scroll-padding-inline: 20px;
    -webkit-overflow-scrolling: touch;
  }
  .load-card--gi310 .ulc-lifecycle-band,
  .load-card--gi310 .ulc-lifecycle-band--ops,
  .load-card--gi310 .ulc-lifecycle-band--billing {
    flex: 0 0 auto;
  }
  .load-card--gi310 .ulc-lifecycle-band--ops {
    min-width: 416px;
    width: auto;
  }
  .load-card--gi310 .ulc-lifecycle-band--billing {
    min-width: 312px;
    width: auto;
  }
  .load-card--gi310 .ulc-lifecycle-split {
    margin: 4px 10px 16px;
  }
  .load-card--gi310 .ulc-lifecycle-step,
  .load-card--gi310 .ulc-ov-progress-step {
    flex: 0 0 104px;
    min-width: 104px;
    max-width: 104px;
    padding: 0 4px;
    box-sizing: border-box;
    overflow: hidden;
    scroll-snap-align: none;
  }
  .load-card--gi310 .ulc-lifecycle-label,
  .load-card--gi310 .ulc-ov-progress-step span {
    overflow: visible;
    text-overflow: unset;
    white-space: nowrap;
  }
  .load-card--gi310 .ulc-ov-money-row strong {
    font-size: 16px;
  }
  .load-card--gi310 .ulc-route-map {
    height: 148px;
  }
}

@media (max-width: 860px) {
  body.has-ui2-shell .load-card-overlay-root,
  .load-card-overlay-root {
    position: fixed !important;
    top: var(--topbar-height, 56px);
    left: 0;
    right: 0;
    bottom: var(--app-bottom-nav-offset, var(--bottom-nav-height, 64px));
    z-index: 310;
    padding: 8px 10px !important;
    align-items: center !important;
    box-sizing: border-box;
  }
  body.has-ui2-shell .load-card-overlay-dialog,
  .load-card-overlay-dialog {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 16px !important;
    border: 1px solid var(--ulc-line, #e4e7eb) !important;
    box-sizing: border-box;
  }
  body:has(.load-card-standalone--modal) .load-card-standalone--modal {
    position: relative;
    z-index: 480;
  }
  body:has(.load-card-standalone--modal) .mobile-bottom-nav {
    display: none !important;
  }
  .load-card--gi310 .load-card-lifecycle {
    padding: 0 10px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header {
    padding: 8px 10px 6px;
    gap: 6px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-header-toolbar {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-toolbar .load-card-header-cancel,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-toolbar [data-load-card-cancel] {
    display: inline-flex !important;
    padding: 6px 10px;
    font-size: 13px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-more-cancel {
    display: none;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-edit-entry--header {
    display: inline-flex !important;
    visibility: visible !important;
    min-height: 30px;
    min-width: auto;
    padding: 4px 8px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "title close"
      "actions actions";
    align-items: center;
    gap: 6px 8px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-heading {
    grid-area: title;
    min-width: 0;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-header-actions,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) [data-ulc-header-actions] {
    grid-area: actions;
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    overflow: visible;
    gap: 6px;
  }
  .load-card--gi310.load-card--customer .load-card-header-actions .load-card-btn,
  .load-card--gi310.load-card--customer .load-card-header-actions .ulc-stage-toggle {
    white-space: nowrap;
    overflow: visible;
  }
  .load-card--gi310.load-card--customer .load-card-header-actions {
    gap: 8px;
  }
  .load-card--gi310.load-card--customer .load-card-header-toolbar {
    gap: 8px;
  }
  .load-card--gi310.load-card--customer .load-card-header-actions .load-card-btn {
    padding: 6px 10px;
    font-size: 13px;
    min-height: 32px;
  }
  .load-card--gi310.load-card--customer .ulc-stage-toggle {
    max-width: none;
    padding: 6px 10px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage {
    flex: 0 1 auto;
    min-width: 0;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage-toggle {
    flex-direction: row !important;
    align-items: center !important;
    padding: 6px 10px;
    gap: 6px;
    flex-shrink: 0;
    min-height: 32px;
    max-width: none;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage-label {
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage-value {
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-stage-caret {
    line-height: 1;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-btn,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-more__toggle {
    flex-shrink: 0;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-close {
    grid-area: close;
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    font-size: 1.1rem;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-identity-row--meta,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-edit-entry--identity {
    display: none !important;
  }
  .load-card.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-summary.load-card-summary--overview-identity {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px 16px;
    padding: 2px 0 6px;
    border: 0;
    border-bottom: 1px solid var(--ulc-line);
    background: transparent;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-id-item--tms,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-id-item--customer,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-id-item--status {
    display: none;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-summary--overview-identity .ulc-ov-id-item {
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-summary--overview-identity .load-card-summary-label {
    font-size: 11px;
    font-weight: 650;
    color: var(--ulc-ink-muted);
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-summary--overview-identity .load-card-summary-value {
    font-size: 16px;
    font-weight: 800;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-more__label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 650;
    color: var(--ulc-ink);
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-more__toggle {
    width: auto;
    min-width: 0;
    padding: 6px 10px;
    font-size: 13px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-header-more__toggle::after {
    content: none;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-tab-accent],
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-load-card-tab] {
    flex: 0 0 auto !important;
    min-width: max-content;
    max-width: none;
    min-height: 32px;
    padding: 5px 8px;
    font-size: 12px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-label,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-copy {
    overflow: visible;
    max-width: none;
    text-overflow: unset;
    white-space: nowrap;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tabs-wrap,
  .load-card--gi310 .load-card-lifecycle {
    position: relative;
    overflow: hidden;
    max-width: 100%;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tabs-wrap {
    padding: 0 10px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tabs-wrap::after,
  .load-card--gi310 .load-card-lifecycle::after,
  .load-card--gi310 .load-card-lifecycle::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    pointer-events: none;
    z-index: 2;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tabs-wrap::after,
  .load-card--gi310 .load-card-lifecycle::after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 72%);
  }
  .load-card--gi310 .load-card-lifecycle::before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 72%);
  }
  .load-card--gi310 .ulc-ov-progress {
    position: relative;
  }
  .load-card--gi310 .ulc-ov-money-row {
    gap: 0;
  }
  .load-card--gi310 .ulc-ov-money-row > div {
    padding: 0 8px 0 0;
    margin-right: 8px;
  }
  .load-card--gi310 .ulc-ov-money-row span {
    font-size: 10px;
    line-height: 1.2;
    min-height: 2.4em;
    white-space: normal;
  }
  .load-card--gi310 .ulc-ov-money-row strong,
  .load-card--gi310 .ulc-ov-money-amt {
    font-size: 18px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tablist {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    padding: 0 8px 0 0;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0 12px;
    mask-image: none;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) [data-load-card-save] .load-card-save-label,
  .load-card--gi310.load-card--customer [data-load-card-save] .load-card-save-label {
    font-size: 0;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) [data-load-card-save] .load-card-save-label::before,
  .load-card--gi310.load-card--customer [data-load-card-save] .load-card-save-label::before {
    content: "Save";
    font-size: 13px;
    font-weight: 650;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) {
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  /* Edit: Current Stage on its own line so Cancel/Save/Next/More never collide. */
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-header-actions:has(.load-card-header-toolbar) .ulc-stage {
    flex: 1 1 100%;
    width: 100%;
  }
}

@media (min-width: 861px) {
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .ulc-ov-more-cancel {
    display: none;
  }
}

/* Keep the Load Card a centered card/sheet — never edge-to-edge full-screen. */
body.has-ui2-shell .load-card-overlay-root,
.load-card-overlay-root {
  padding: 3vh 5vw;
}

body.has-ui2-shell .load-card-overlay-dialog,
.load-card-overlay-dialog {
  width: min(90vw, 1480px, calc(100vw - 20px));
  max-width: 90vw;
  /* GI #496 content-height shell: grow with content, cap at the viewport. */
  height: auto;
  max-height: min(92vh, calc(100dvh - 60px));
  border-radius: 16px;
}

@media (min-width: 1100px) {
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--customer),
  .load-card-overlay-dialog:has(.load-card--customer),
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--stops),
  .load-card-overlay-dialog:has(.load-card--stops),
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--assignment),
  .load-card-overlay-dialog:has(.load-card--assignment),
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--financial),
  .load-card-overlay-dialog:has(.load-card--financial),
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--evidence),
  .load-card-overlay-dialog:has(.load-card--evidence),
  body.has-ui2-shell .load-card-overlay-dialog:has(.load-card--documents),
  .load-card-overlay-dialog:has(.load-card--documents) {
    height: auto;
    max-height: min(96vh, calc(100dvh - 60px));
  }
}

/* Locked modal containment: chrome stays put; only the body scrolls. */
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) {
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-header,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-tabs-wrap,
.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-lifecycle {
  flex-shrink: 0;
}

.load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-body,
body.has-ui2-shell .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment, .load-card--financial, .load-card--evidence, .load-card--documents) .load-card-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html:has(.load-card-overlay-root.is-open),
body:has(.load-card-overlay-root.is-open),
html:has(.load-card-standalone--modal),
body:has(.load-card-standalone--modal) {
  overflow: hidden;
  overscroll-behavior: none;
}

/* GI #310 floating shell: centered white card over the dimmed app, not a
   full-page replacement. Sidebar/topbar stay visible behind the backdrop.
   Only .load-card-body scrolls. */
.load-card-standalone--modal,
.load-card-standalone--floating,
.load-card-standalone--modal:is(.load-card-standalone--overview, .load-card-standalone--customer, .load-card-standalone--stops, .load-card-standalone--assignment, .load-card-standalone--financial, .load-card-standalone--evidence, .load-card-standalone--documents) {
  position: fixed !important;
  inset: 0 !important;
  z-index: 80;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2.5vh 2.5vw !important;
  box-sizing: border-box;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden;
}

.load-card-standalone--modal .load-card-standalone-backdrop {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(15, 34, 56, 0.36);
  z-index: 0;
}

.load-card-standalone--modal .load-card-standalone-frame,
.load-card-standalone--modal:is(.load-card-standalone--overview, .load-card-standalone--customer, .load-card-standalone--stops, .load-card-standalone--assignment, .load-card-standalone--financial, .load-card-standalone--evidence, .load-card-standalone--documents) .load-card-standalone-frame {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(92vw, 1480px) !important;
  max-width: calc(100vw - 5vw) !important;
  height: auto !important;
  max-height: min(90vh, calc(100dvh - 5vh)) !important;
  flex: 0 1 auto !important;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px !important;
  box-shadow: 0 18px 48px rgba(15, 34, 56, 0.2);
}

.load-card-standalone--modal .load-card,
.load-card-standalone--modal:is(.load-card-standalone--overview, .load-card-standalone--customer, .load-card-standalone--stops, .load-card-standalone--assignment, .load-card-standalone--financial, .load-card-standalone--evidence, .load-card-standalone--documents) .load-card {
  overflow: hidden;
  flex: 0 1 auto;
  min-height: 0;
  height: auto;
  max-height: 100%;
}

.load-card-standalone--modal .load-card-body,
.load-card-standalone--modal:is(.load-card-standalone--overview, .load-card-standalone--customer, .load-card-standalone--stops, .load-card-standalone--assignment, .load-card-standalone--financial, .load-card-standalone--evidence, .load-card-standalone--documents) .load-card-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: none;
  overscroll-behavior: contain;
}

@media (max-width: 860px) {
  body.has-ui2-shell .load-card-overlay-root,
  body.has-ui2-shell .load-card-overlay-root.is-open,
  .load-card-overlay-root,
  .load-card-overlay-root.is-open {
    padding: 10px 12px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.has-ui2-shell .load-card-overlay-dialog,
  .load-card-overlay-dialog {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    height: auto !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 12px !important;
    border: 1px solid var(--load-card-border, #dfe4ea) !important;
  }
}

@media (max-width: 400px) {
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab,
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-tab-accent],
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab[data-load-card-tab] {
    padding: 4px 7px;
  }
  .load-card--gi310:is(.load-card--overview, .load-card--customer, .load-card--stops, .load-card--assignment) .load-card-tab-icon {
    display: none;
  }
}

@media (max-width: 480px) {
  body.has-ui2-shell .load-card-overlay-root,
  .load-card-overlay-root {
    padding: 8px 8px !important;
  }
}

.load-card-standalone--overview .load-card-standalone-back,
.load-card-standalone--customer .load-card-standalone-back,
.load-card-standalone--stops .load-card-standalone-back,
.load-card-standalone--assignment .load-card-standalone-back,
.load-card-standalone--financial .load-card-standalone-back,
.load-card-standalone--evidence .load-card-standalone-back,
.load-card-standalone--documents .load-card-standalone-back {
  display: none;
}

@media (max-width: 860px) {
  .load-card-standalone--modal,
  .load-card-standalone--overview,
  .load-card-standalone--customer,
  .load-card-standalone--stops,
  .load-card-standalone--assignment,
  .load-card-standalone--financial,
  .load-card-standalone--evidence,
  .load-card-standalone--documents {
    padding: 10px 12px !important;
    box-sizing: border-box;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden;
    align-items: center !important;
    justify-content: center !important;
  }
  .load-card-standalone--overview .load-card-standalone-frame,
  .load-card-standalone--customer .load-card-standalone-frame,
  .load-card-standalone--stops .load-card-standalone-frame,
  .load-card-standalone--assignment .load-card-standalone-frame,
  .load-card-standalone--financial .load-card-standalone-frame,
  .load-card-standalone--evidence .load-card-standalone-frame,
  .load-card-standalone--documents .load-card-standalone-frame,
  .load-card-standalone--modal .load-card-standalone-frame {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-height: 0;
    height: auto !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 12px !important;
    margin: 0 auto;
    overflow: hidden;
  }
  .load-card--gi310.load-card--customer .load-card-header-toolbar {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
  }
  .load-card--gi310.load-card--customer .load-card-header-toolbar .load-card-header-cancel,
  .load-card--gi310.load-card--customer .load-card-header-toolbar [data-load-card-cancel] {
    display: inline-flex !important;
    padding: 6px 10px;
    font-size: 13px;
  }
  .load-card--gi310.load-card--customer .ulc-cust-band--top,
  .load-card--gi310.load-card--customer .ulc-cust-band--bottom {
    grid-template-columns: 1fr;
  }
  .load-card--gi310.load-card--customer .ulc-customer-workspace,
  .load-card--gi310.load-card--customer .ulc-customer-workspace--mock,
  .load-card--gi310.load-card--customer .ulc-cust-band {
    gap: 12px;
  }
  .load-card--gi310.load-card--customer .ulc-cust-card {
    padding: 14px 16px;
    height: auto;
  }
  .load-card--gi310.load-card--customer .ulc-cust-card--actions {
    height: fit-content;
    padding-bottom: 10px;
  }
  .load-card--gi310.load-card--customer .ulc-cust-card-title,
  .load-card--gi310.load-card--customer .ulc-ws-card-title {
    font-size: 17px;
    font-weight: 800;
  }
  .load-card--gi310.load-card--customer .ulc-cust-kv {
    gap: 8px;
    flex: 0 0 auto;
    justify-content: flex-start;
  }
  .load-card--gi310.load-card--customer .ulc-cust-kv-row {
    grid-template-columns: minmax(7rem, 38%) minmax(0, 1fr);
    min-height: 42px;
    gap: 12px;
  }
  .load-card--gi310.load-card--customer .ulc-cust-kv dt,
  .load-card--gi310.load-card--customer .ulc-cust-field-label {
    color: var(--ulc-ink);
    font-weight: 700;
  }
  .load-card--gi310.load-card--customer .ulc-cust-kv dd,
  .load-card--gi310.load-card--customer .ulc-cust-value,
  .load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row input,
  .load-card--gi310.load-card--customer .ulc-customer-workspace--editing .ulc-cust-kv-row select {
    min-height: 42px;
    font-size: 15px;
    font-weight: 750;
  }
  .load-card--gi310.load-card--customer .ulc-cust-action {
    flex: 0 0 auto;
    min-height: 44px;
    font-size: 15px;
  }
}

/* Stops workspace — content only. Shared shell chrome is above. */
.load-card--gi310 .ulc-stops-workspace {
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-stops-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(260px, 2fr);
  gap: 20px;
  align-items: start;
}

.load-card--gi310 .ulc-stops-list-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}

.load-card--gi310 .ulc-stops-list-head .ulc-ws-card-title,
.load-card--gi310 .ulc-stops-workspace .ulc-ws-card-title {
  color: var(--ulc-ink);
  font-size: 18px;
  font-weight: 800;
}

.load-card--gi310 .ulc-stops-subtitle {
  margin: 4px 0 0;
  color: var(--ulc-ink-muted);
  font-size: 13px;
}

.load-card--gi310 .ulc-stops-list-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.load-card--gi310 .ulc-stops-icon-btn {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  background: #fff;
  color: var(--ulc-ink);
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(26, 29, 33, 0.04);
}

.load-card--gi310 .ulc-stops-icon-btn:hover {
  border-color: #c5cad2;
  background: #f6f7f9;
}

.load-card--gi310 .ulc-stops-icon-btn__ico {
  width: 15px;
  height: 15px;
  background: currentColor;
}

.load-card--gi310 .ulc-stops-icon-btn__ico--map {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-stops-icon-btn__ico--edit {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.04a1 1 0 0 0 0-1.41l-2.51-2.51a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 2z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.04a1 1 0 0 0 0-1.41l-2.51-2.51a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 2z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-stops-rail,
.load-card--gi310 .ulc-stop-sequence.ulc-stops-rail {
  list-style: none;
  margin: 0;
  padding: 0 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.load-card--gi310 .ulc-stops-rail::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 18px;
  bottom: 18px;
  border-left: 2px dotted #c9ced6;
}

.load-card--gi310 .ulc-stops-card {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  position: relative;
}

.load-card--gi310 .ulc-stops-marker {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  position: relative;
  z-index: 1;
}

.load-card--gi310 .ulc-stops-marker--pickup {
  background: #1f8a4c;
}

.load-card--gi310 .ulc-stops-marker--delivery {
  background: var(--ulc-red);
}

.load-card--gi310 .ulc-stops-marker--stop {
  background: #3d4450;
}

.load-card--gi310.load-card--stops .ulc-ws-card.ulc-stops-stop,
.load-card--gi310 .ulc-stops-workspace .ulc-ws-card.ulc-stops-stop {
  padding: 16px 18px 0;
  border: 1px solid #d5dae2;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(26, 29, 33, 0.06);
  overflow: hidden;
}

.load-card--gi310 .ulc-stops-stop-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 0 0 4px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8ebef;
}

.load-card--gi310 .ulc-stops-role,
.load-card--gi310 .ulc-stops-stop-head .load-card-stop-heading {
  color: var(--ulc-ink);
  font-size: 16px;
  font-weight: 800;
}

.load-card--gi310 .ulc-stops-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  white-space: nowrap;
}

.load-card--gi310 .ulc-stops-pill--completed {
  background: #e7f6ee;
  color: #1f8a4c;
}

.load-card--gi310 .ulc-stops-pill--arrived,
.load-card--gi310 .ulc-stops-pill--in-transit {
  background: #fff4e5;
  color: #b86b00;
}

.load-card--gi310 .ulc-stops-pill--upcoming {
  background: #eef1f4;
  color: #5c6570;
}

.load-card--gi310 .ulc-stops-kv,
.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-kv--edit {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
}

.load-card--gi310 .ulc-stops-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
  padding: 12px 0;
}

.load-card--gi310 .ulc-stops-group:first-child {
  padding-top: 2px;
}

.load-card--gi310 .ulc-stops-group:last-child:not(.ulc-stops-group--notes) {
  padding-bottom: 16px;
}

.load-card--gi310 .ulc-stops-group + .ulc-stops-group {
  border-top: 1px solid #e8ebef;
}

.load-card--gi310 .ulc-stops-group--notes {
  background: #f6f7f9;
  margin: 0 -18px;
  padding: 12px 18px 14px;
  border-top: 1px solid #e8ebef;
}

.load-card--gi310 .ulc-stops-kv--wide,
.load-card--gi310 .ulc-stops-kv .ulc-stops-kv--wide,
.load-card--gi310 .ulc-stops-group .ulc-stops-kv--wide {
  grid-column: 1 / -1;
}

.load-card--gi310 .ulc-stops-kv dt,
.load-card--gi310 .ulc-stops-kv--edit label > span {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310 .ulc-stops-kv dd,
.load-card--gi310 .ulc-stops-kv--edit input,
.load-card--gi310 .ulc-stops-kv--edit textarea,
.load-card--gi310 .ulc-stops-kv--edit select {
  color: var(--ulc-ink);
  font-size: 15px;
  font-weight: 750;
  margin: 0;
}

.load-card--gi310 .ulc-stops-muted {
  color: var(--ulc-ink-muted);
  font-weight: 600;
}

.load-card--gi310 .ulc-stops-route {
  display: grid;
  gap: 14px;
}

.load-card--gi310.load-card--stops .ulc-stops-route .ulc-ws-card,
.load-card--gi310 .ulc-stops-workspace .ulc-stops-route .ulc-ws-card {
  padding: 14px 16px;
  border: 1px solid #d5dae2;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(26, 29, 33, 0.05);
}

.load-card--gi310 .ulc-stops-route-head,
.load-card--gi310 .ulc-stops-seq-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.load-card--gi310 .ulc-stops-map {
  min-height: 0;
  height: 220px;
}

.load-card--gi310 .ulc-stops-seq-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.load-card--gi310 .ulc-stops-seq-item {
  align-items: flex-start;
}

.load-card--gi310 .ulc-stops-seq-copy {
  flex: 1;
  min-width: 0;
}

.load-card--gi310 .ulc-stops-seq-copy strong,
.load-card--gi310 .ulc-stops-complete-card p {
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-stops-seq-copy span {
  display: block;
  color: var(--ulc-ink-muted);
  font-size: 12px;
}

.load-card--gi310 .ulc-stops-complete-card {
  border-color: #cfeedd;
  background: #f4fbf6;
}

.load-card--gi310 .ulc-stops-add-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-stop {
  padding-bottom: 0;
}

.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-kv--edit label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-kv--edit input,
.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-kv--edit textarea,
.load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-kv--edit select {
  min-height: 40px;
  width: 100%;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  padding: 8px 10px;
  background: #fff;
}

.load-card--gi310 .ulc-stops-role-edit {
  display: flex;
  align-items: center;
  gap: 8px;
}

.load-card--gi310 .ulc-stops-workspace--editing .load-card-stop-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.load-card--gi310 .ulc-stops-workspace--editing .places-typeahead-hint,
.load-card--gi310 .ulc-stops-workspace--editing .places-coord-status,
.load-card--gi310 .ulc-stops-workspace--editing .places-attribution,
.load-card--gi310 .ulc-stops-workspace--editing .load-card-stop-coord-status {
  display: none;
}

@media (max-width: 900px) {
  .load-card--gi310 .ulc-stops-layout {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-stops-map {
    height: 156px;
  }
  .load-card--gi310 .ulc-stops-group {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 480px) {
  .load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-group--place,
  .load-card--gi310 .ulc-stops-workspace--editing .ulc-stops-group--notes {
    grid-template-columns: 1fr;
  }
}

/* Assignment tab — locked two-column workspace */
.load-card--gi310 .ulc-assign-workspace--locked,
.load-card--gi310.load-card--assignment .ulc-assign-workspace {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.load-card--gi310 .ulc-assign-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}

.load-card--gi310 .ulc-assign-main,
.load-card--gi310 .ulc-assign-aside {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.load-card--gi310.load-card--assignment .ulc-assign-card,
.load-card--gi310 .ulc-assign-workspace--locked .ulc-assign-card {
  padding: 16px 18px;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(26, 29, 33, 0.04);
}

.load-card--gi310 .ulc-assign-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 14px;
}

.load-card--gi310 .ulc-assign-card-title,
.load-card--gi310.load-card--assignment .ulc-assign-card-head .ulc-ws-card-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--ulc-ink);
  font-size: 18px;
  font-weight: 800;
}

.load-card--gi310 .ulc-assign-card-icon {
  width: 18px;
  height: 18px;
  background: var(--ulc-ink);
}

.load-card--gi310 .ulc-assign-card-icon--driver {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-card-icon--equipment,
.load-card--gi310 .ulc-assign-action-icon--truck {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 13V6h11v7h-2.5a2.5 2.5 0 0 0-5 0H3zm13 0V8h3l3 4v1h-1.5a2.5 2.5 0 0 0-5 0H16zM8 16.5A1.5 1.5 0 1 1 6.5 15 1.5 1.5 0 0 1 8 16.5zm11 0A1.5 1.5 0 1 1 17.5 15 1.5 1.5 0 0 1 19 16.5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 13V6h11v7h-2.5a2.5 2.5 0 0 0-5 0H3zm13 0V8h3l3 4v1h-1.5a2.5 2.5 0 0 0-5 0H16zM8 16.5A1.5 1.5 0 1 1 6.5 15 1.5 1.5 0 0 1 8 16.5zm11 0A1.5 1.5 0 1 1 17.5 15 1.5 1.5 0 0 1 19 16.5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-card-icon--history {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 3a9 9 0 1 0 9 9h-2a7 7 0 1 1-7-7V3zm-1 5v5l4 2 .75-1.23L13 12.25V8z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M13 3a9 9 0 1 0 9 9h-2a7 7 0 1 1-7-7V3zm-1 5v5l4 2 .75-1.23L13 12.25V8z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-card-icon--actions {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M11 21h-1l1-7H7l6-11h1l-1 7h4z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M11 21h-1l1-7H7l6-11h1l-1 7h4z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-type {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310 .ulc-assign-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 18px;
}

.load-card--gi310 .ulc-assign-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.load-card--gi310 .ulc-assign-field--wide,
.load-card--gi310 .ulc-assign-grid--equipment > .ulc-assign-field {
  grid-column: 1 / -1;
}

.load-card--gi310 .ulc-assign-label {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310 .ulc-assign-value,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field input,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field select,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field textarea,
.load-card--gi310 .ulc-assign-value--boxed {
  color: var(--ulc-ink);
  font-size: 14px;
  font-weight: 750;
  line-height: 1.35;
}

.load-card--gi310 .ulc-assign-value--wrap {
  font-weight: 600;
  white-space: pre-wrap;
}

.load-card--gi310 .ulc-assign-value--boxed,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field input,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field select,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field textarea,
.load-card--gi310 .ulc-assign-workspace--editing .eq-picker-input {
  min-height: 42px;
  padding: 8px 12px;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  background: #fff;
  box-sizing: border-box;
}

.load-card--gi310 .ulc-assign-workspace--preview .ulc-assign-value {
  min-height: 42px;
  padding: 10px 0 2px;
  font-weight: 750;
}

.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field input,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field select,
.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field textarea {
  width: 100%;
  font: inherit;
  color: var(--ulc-ink);
  font-weight: 700;
}

.load-card--gi310 .ulc-assign-pill {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #e8f6ee;
  color: #1f7a46;
  font-size: 12px;
  font-weight: 750;
}

.load-card--gi310 .ulc-assign-pill--unassigned {
  background: #f3f4f6;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-assign-value-row,
.load-card--gi310 .ulc-assign-eq-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.load-card--gi310 .ulc-assign-eq-row .eq-picker {
  flex: 1 1 auto;
  min-width: 0;
}

.load-card--gi310 .ulc-assign-workspace .eq-picker-label,
.load-card--gi310 .ulc-assign-workspace .eq-picker-hint,
.load-card--gi310 .ulc-assign-workspace .eq-picker-selected {
  display: none;
}

.load-card--gi310 .ulc-assign-workspace .eq-picker-control,
.load-card--gi310 .ulc-assign-workspace .eq-picker-input {
  width: 100%;
}

.load-card--gi310 .ulc-assign-inline-link {
  flex: 0 0 auto;
  color: var(--ulc-ink);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  border-bottom: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-assign-inline-link.is-disabled {
  color: var(--ulc-ink-muted);
  border-bottom-color: transparent;
  pointer-events: none;
}

.load-card--gi310 .ulc-assign-field--check {
  justify-content: flex-end;
}

.load-card--gi310 .ulc-assign-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  color: var(--ulc-ink);
  font-size: 14px;
  font-weight: 600;
}

.load-card--gi310 .ulc-assign-check input {
  accent-color: var(--ulc-red);
}

.load-card--gi310 .ulc-assign-typebar {
  display: grid;
  gap: 8px;
}

.load-card--gi310 .ulc-assign-field--type {
  max-width: 280px;
}

.load-card--gi310 .ulc-assign-eye {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: -2px;
  background: currentColor;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 5c5 0 9.27 3.11 11 7-1.73 3.89-6 7-11 7S2.73 15.89 1 12c1.73-3.89 6-7 11-7zm0 2C8.24 7 4.94 9.11 3.5 12 4.94 14.89 8.24 17 12 17s7.06-2.11 8.5-5C19.06 9.11 15.76 7 12 7zm0 2.5A2.5 2.5 0 1 1 9.5 12 2.5 2.5 0 0 1 12 9.5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 5c5 0 9.27 3.11 11 7-1.73 3.89-6 7-11 7S2.73 15.89 1 12c1.73-3.89 6-7 11-7zm0 2C8.24 7 4.94 9.11 3.5 12 4.94 14.89 8.24 17 12 17s7.06-2.11 8.5-5C19.06 9.11 15.76 7 12 7zm0 2.5A2.5 2.5 0 1 1 9.5 12 2.5 2.5 0 0 1 12 9.5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-workspace--editing .ulc-assign-field textarea {
  min-height: 42px;
  resize: vertical;
}

.load-card--gi310 .ulc-assign-actions {
  display: flex;
  flex-direction: column;
}

.load-card--gi310 .ulc-assign-action {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 2px;
  color: var(--ulc-ink);
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  border-bottom: 1px solid var(--ulc-line);
}

.load-card--gi310 .ulc-assign-action:last-child {
  border-bottom: 0;
}

.load-card--gi310 .ulc-assign-action.is-disabled {
  color: var(--ulc-ink-muted);
  pointer-events: none;
}

.load-card--gi310 .ulc-assign-action-icon,
.load-card--gi310 .ulc-assign-action-chevron {
  width: 16px;
  height: 16px;
  background: currentColor;
  flex: 0 0 auto;
}

.load-card--gi310 .ulc-assign-action-icon--person {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-action-icon--trailer {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 7h13v8H8.5a2.5 2.5 0 0 0-5 0H3zm13 3h3l3 3v2h-1.5a2.5 2.5 0 0 0-5 0H16z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 7h13v8H8.5a2.5 2.5 0 0 0-5 0H3zm13 3h3l3 3v2h-1.5a2.5 2.5 0 0 0-5 0H16z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-action-icon--mail {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5L4 8V6l8 5 8-5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4-8 5L4 8V6l8 5 8-5z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-action-icon--reassign {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 6V3L8 7l4 4V8a4 4 0 1 1-4 4H6a6 6 0 1 0 6-6z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 6V3L8 7l4 4V8a4 4 0 1 1-4 4H6a6 6 0 1 0 6-6z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-action-chevron {
  margin-left: auto;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 6l6 6-6 6'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 6l6 6-6 6'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-assign-summary {
  display: grid;
  gap: 10px;
  margin: 0;
}

.load-card--gi310 .ulc-assign-summary-row {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.load-card--gi310 .ulc-assign-summary-row dt {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310 .ulc-assign-summary-row dd {
  margin: 0;
  color: var(--ulc-ink);
  font-size: 14px;
  font-weight: 750;
}

.load-card--gi310 .ulc-assign-history-wrap {
  overflow-x: auto;
}

.load-card--gi310 .ulc-assign-history-table {
  width: 100%;
  border-collapse: collapse;
}

.load-card--gi310 .ulc-assign-history-table th,
.load-card--gi310 .ulc-assign-history-table td {
  text-align: left;
  padding: 8px 10px 8px 0;
  color: var(--ulc-ink);
  font-size: 13px;
  border-bottom: 1px solid var(--ulc-line);
  vertical-align: top;
}

.load-card--gi310 .ulc-assign-history-table th {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 700;
}

.load-card--gi310 .ulc-assign-field--sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.load-card--gi310 a.ulc-assign-action,
.load-card--gi310 a.ulc-assign-inline-link {
  color: var(--ulc-ink);
}

@media (max-width: 900px) {
  .load-card--gi310 .ulc-assign-layout,
  .load-card--gi310 .ulc-assign-grid {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-assign-eq-row {
    flex-wrap: wrap;
  }
}

/* GI #310 Financial workspace visual lock */
.load-card--gi310.load-card--financial .ulc-fin-locked,
.load-card--gi310 .ulc-fin-locked {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-fin-rates,
.load-card--gi310 .ulc-fin-workspace.ulc-fin-rates {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.load-card--gi310 .ulc-fin-summary-grid {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(280px, 1.2fr) minmax(220px, 0.9fr);
  gap: 12px;
  align-items: start;
}

.load-card--gi310 .ulc-fin-summary-mid,
.load-card--gi310 .ulc-fin-summary-side,
.load-card--gi310 .ulc-fin-rates-bottom,
.load-card--gi310 .ulc-pay-top,
.load-card--gi310 .ulc-pay-mid,
.load-card--gi310 .ulc-pay-bottom,
.load-card--gi310 .ulc-fin-rates-grid,
.load-card--gi310 .ulc-inv-layout {
  display: grid;
  gap: 12px;
}

.load-card--gi310 .ulc-fin-rates-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.load-card--gi310 .ulc-fin-rates-bottom,
.load-card--gi310 .ulc-pay-mid,
.load-card--gi310 .ulc-pay-bottom {
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 1fr);
}

.load-card--gi310 .ulc-pay-top {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.1fr);
}

.load-card--gi310 .ulc-inv-layout {
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.9fr);
  align-items: start;
}

.load-card--gi310.load-card--financial .ulc-ws-card.ulc-fin-card {
  background: #fff;
  border: 1px solid var(--ulc-line);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: 0 1px 2px rgba(26, 29, 33, 0.04);
}

.load-card--gi310 .ulc-fin-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.load-card--gi310 .ulc-fin-card-head .ulc-ws-card-title,
.load-card--gi310 .ulc-fin-locked .ulc-ws-card-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-fin-card-icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: var(--ulc-ink);
}
.load-card--gi310 .ulc-fin-card-icon--invoice {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M6 2h9l5 5v15H6zM14 3.5V8h4.5zM8 12h8v1.5H8zm0 3h8v1.5H8zM8 9h4v1.5H8z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M6 2h9l5 5v15H6zM14 3.5V8h4.5zM8 12h8v1.5H8zm0 3h8v1.5H8zM8 9h4v1.5H8z'/></svg>") center / contain no-repeat;
}
.load-card--gi310 .ulc-fin-card-icon--tender {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 4h16v4H4zm0 6h10v2H4zm0 4h16v2H4zm0 4h10v2H4z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M4 4h16v4H4zm0 6h10v2H4zm0 4h16v2H4zm0 4h10v2H4z'/></svg>") center / contain no-repeat;
}
.load-card--gi310 .ulc-fin-card-icon--carrier {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 13V6h11v7h-2.5a2.5 2.5 0 0 0-5 0H3zm13 0V8h3l3 4v1h-1.5a2.5 2.5 0 0 0-5 0H16zM8 16.5A1.5 1.5 0 1 1 6.5 15 1.5 1.5 0 0 1 8 16.5zm11 0A1.5 1.5 0 1 1 17.5 15 1.5 1.5 0 0 1 19 16.5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 13V6h11v7h-2.5a2.5 2.5 0 0 0-5 0H3zm13 0V8h3l3 4v1h-1.5a2.5 2.5 0 0 0-5 0H16zM8 16.5A1.5 1.5 0 1 1 6.5 15 1.5 1.5 0 0 1 8 16.5zm11 0A1.5 1.5 0 1 1 17.5 15 1.5 1.5 0 0 1 19 16.5z'/></svg>") center / contain no-repeat;
}
.load-card--gi310 .ulc-fin-card-icon--driver {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / contain no-repeat;
}
.load-card--gi310 .ulc-fin-card-icon--pay {
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 6h18v12H3zm2 2v2h14V8zm0 6v2h6v-2z'/></svg>") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M3 6h18v12H3zm2 2v2h14V8zm0 6v2h6v-2z'/></svg>") center / contain no-repeat;
}

.load-card--gi310 .ulc-fin-fields,
.load-card--gi310 .ulc-fin-totals {
  display: grid;
  gap: 8px;
}

.load-card--gi310 .ulc-fin-field,
.load-card--gi310 .ulc-fin-totals > div,
.load-card--gi310 .ulc-fin-doc-meta > div,
.load-card--gi310 .ulc-fin-charge-row,
.load-card--gi310 .ulc-fin-charge-total {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}

.load-card--gi310 .ulc-fin-label,
.load-card--gi310 .ulc-fin-totals dt,
.load-card--gi310 .ulc-fin-doc-meta dt,
.load-card--gi310 .ulc-fin-muted {
  color: var(--ulc-ink-muted);
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310 .ulc-fin-value,
.load-card--gi310 .ulc-fin-totals dd {
  color: var(--ulc-ink);
  font-size: 13px;
  font-weight: 750;
  text-align: right;
}

.load-card--gi310 .ulc-fin-input {
  width: 100%;
  max-width: 180px;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  padding: 6px 8px;
  color: var(--ulc-ink);
  background: #fff;
  font: inherit;
}

.load-card--gi310 .ulc-fin-field--wide,
.load-card--gi310 .ulc-fin-field--wide .ulc-fin-input,
.load-card--gi310 .ulc-fin-ref-field .ulc-fin-input {
  max-width: none;
}

.load-card--gi310 .ulc-fin-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 12px;
  font-weight: 750;
  background: #f3f4f6;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-fin-pill--partially-paid,
.load-card--gi310 .ulc-pay-status-hero.ulc-fin-pill--partially-paid {
  background: #fff4e5;
  color: #9a5b00;
}

.load-card--gi310 .ulc-fin-pill--paid {
  background: #e8f6ee;
  color: #1f7a46;
}

.load-card--gi310 .ulc-fin-pill--unpaid {
  background: #fde8ec;
  color: var(--ulc-red);
}

.load-card--gi310 .ulc-pay-status-hero {
  justify-content: center;
  width: 100%;
  padding: 14px 12px;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 12px;
}

.load-card--gi310 .ulc-fin-status {
  font-size: 12px;
  font-weight: 750;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-fin-status--ok {
  color: #1f7a46;
}

.load-card--gi310 .ulc-fin-action-stack {
  display: grid;
  gap: 8px;
}

.load-card--gi310 .ulc-fin-action-primary,
.load-card--gi310 .ulc-fin-locked .btn-primary {
  background: var(--ulc-red);
  border-color: var(--ulc-red);
  color: #fff;
  text-align: center;
}

.load-card--gi310 .ulc-fin-action-ghost,
.load-card--gi310 .ulc-fin-doc-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  color: var(--ulc-ink);
  text-decoration: none;
  background: #fff;
  font-size: 13px;
  font-weight: 650;
}

.load-card--gi310 .ulc-fin-action-ghost.is-disabled,
.load-card--gi310 .ulc-fin-action-primary.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

.load-card--gi310 .ulc-fin-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.load-card--gi310 .ulc-fin-doc-btn {
  cursor: pointer;
  font: inherit;
}

.load-card--gi310 .ulc-fin-footnote,
.load-card--gi310 .ulc-fin-profit {
  margin: 0;
  color: var(--ulc-ink-muted);
  font-size: 12px;
}

.load-card--gi310 .ulc-fin-profit {
  background: #eef8f1;
  color: #1f7a46;
  border-radius: 8px;
  padding: 10px 12px;
}

.load-card--gi310 .ulc-fin-remaining {
  color: var(--ulc-red);
}

.load-card--gi310 .ulc-fin-totals-emphasis dt,
.load-card--gi310 .ulc-fin-totals-emphasis dd {
  font-weight: 800;
}

.load-card--gi310 .ulc-fin-editor-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.load-card--gi310 .ulc-fin-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.load-card--gi310 .ulc-inv-paper {
  border: 1px solid var(--ulc-line);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}

.load-card--gi310 .ulc-inv-paper-head,
.load-card--gi310 .ulc-inv-paper-split {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.load-card--gi310 .ulc-inv-brand,
.load-card--gi310 .ulc-inv-paper-title {
  margin: 0;
  font-weight: 800;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-inv-paper-title {
  letter-spacing: 0.04em;
}

.load-card--gi310 .ulc-inv-paper-meta,
.load-card--gi310 .ulc-inv-paper-totals {
  display: grid;
  gap: 6px;
  margin: 14px 0;
}

.load-card--gi310 .ulc-inv-paper h4 {
  margin: 0 0 6px;
  font-size: 12px;
  color: var(--ulc-ink-muted);
}

.load-card--gi310 .ulc-inv-lines {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
}

.load-card--gi310 .ulc-inv-lines th,
.load-card--gi310 .ulc-inv-lines td {
  border-bottom: 1px solid var(--ulc-line);
  padding: 8px 6px;
  text-align: left;
  color: var(--ulc-ink);
  font-size: 13px;
}

.load-card--gi310 .ulc-rc-preview-frame {
  width: 100%;
  min-height: 520px;
  border: 0;
  background: #fff;
}

.load-card--gi310 .ulc-inv-advanced {
  border: 1px solid var(--ulc-line);
  border-radius: 10px;
  padding: 8px 12px;
}

.load-card--gi310 .ulc-inv-advanced > summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--ulc-ink);
}

.load-card--gi310 .ulc-inv-advanced #mark-paid,
.load-card--gi310 .ulc-inv-advanced #mark-unpaid,
.load-card--gi310 .ulc-inv-advanced .ui2-invoice-payments,
.load-card--gi310 .ulc-inv-advanced a[href="#mark-paid"],
.load-card--gi310 .ulc-inv-advanced a[href="#mark-unpaid"] {
  display: none;
}

.load-card--gi310 .ulc-pay-audit--timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.load-card--gi310 .ulc-pay-audit--timeline li {
  border-left: 2px solid var(--ulc-red);
  padding-left: 10px;
  display: grid;
  gap: 2px;
}

.load-card--gi310 .ulc-fin-related {
  display: grid;
  gap: 12px;
}

.load-card--gi310 .ulc-fin-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

@media (max-width: 1100px) {
  .load-card--gi310 .ulc-fin-summary-grid,
  .load-card--gi310 .ulc-fin-rates-grid,
  .load-card--gi310 .ulc-pay-top,
  .load-card--gi310 .ulc-inv-layout,
  .load-card--gi310 .ulc-fin-rates-bottom,
  .load-card--gi310 .ulc-pay-mid,
  .load-card--gi310 .ulc-pay-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .load-card--gi310 .ulc-fin-editor-head,
  .load-card--gi310 .ulc-inv-paper-head,
  .load-card--gi310 .ulc-inv-paper-split,
  .load-card--gi310 .ulc-fin-field,
  .load-card--gi310 .ulc-fin-totals > div {
    flex-direction: column;
    align-items: flex-start;
  }
  .load-card--gi310 .ulc-fin-value,
  .load-card--gi310 .ulc-fin-totals dd {
    text-align: left;
  }
  .load-card--gi310 .ulc-rc-preview-frame {
    min-height: 360px;
  }
}

@media (max-width: 430px) {
  .load-card--gi310 .ulc-fin-summary-grid,
  .load-card--gi310 .ulc-fin-rates-grid,
  .load-card--gi310 .ulc-fin-rates-bottom,
  .load-card--gi310 .ulc-pay-top,
  .load-card--gi310 .ulc-pay-mid,
  .load-card--gi310 .ulc-pay-bottom,
  .load-card--gi310 .ulc-inv-layout {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-fin-action-primary,
  .load-card--gi310 .ulc-fin-action-ghost {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 390px) {
  .load-card--gi310 .ulc-fin-locked,
  .load-card--gi310 .ulc-ws-card.ulc-fin-card {
    padding: 12px;
  }
  .load-card--gi310 .ulc-inv-paper {
    padding: 12px;
  }
}

/* Evidence workspace — body only; shared shell stays locked. */
.load-card--gi310.load-card--evidence .ulc-ev-locked,
.load-card--gi310 .ulc-ev-locked {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  padding: 10px 14px;
  border: 1px solid #cfe0ee;
  border-radius: 10px;
  background: #eef6fb;
  font-size: 13px;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-banner.is-edit {
  background: #eef6fb;
  border-color: #cfe0ee;
}

.load-card--gi310 .ulc-ev-banner strong {
  font-size: 14px;
  font-weight: 750;
}

.load-card--gi310 .ulc-ev-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.load-card--gi310 .ulc-ev-main,
.load-card--gi310 .ulc-ev-checklist {
  min-width: 0;
}

.load-card--gi310 .ulc-ev-main {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.load-card--gi310 .ulc-ws-card.ulc-ev-card,
.load-card--gi310 .ulc-ev-checklist {
  background: #fff;
  border: 1px solid var(--ulc-line, #e2e6eb);
  border-radius: 10px;
  padding: 12px 14px 14px;
  box-shadow: 0 1px 2px rgba(26, 29, 33, 0.04);
}

.load-card--gi310 .ulc-ev-checklist {
  position: sticky;
  top: 0;
}

.load-card--gi310 .ulc-ev-card-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 10px;
}

.load-card--gi310 .ulc-ev-card-head .ulc-ws-card-title,
.load-card--gi310 .ulc-ev-checklist .ulc-ws-card-title {
  margin: 0;
  margin-right: auto;
  font-size: 14px;
  font-weight: 750;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef1f4;
  color: #5c6570;
  font-size: 11px;
  font-weight: 700;
}

.load-card--gi310 .ulc-ev-badge.is-ok {
  background: #e7f6ee;
  color: #1f8a4c;
}

.load-card--gi310 .ulc-ev-add-photos {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.load-card--gi310 .ulc-ev-add-link,
.load-card--gi310 .ulc-ev-add-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #2563a8;
  font: inherit;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  text-decoration: none;
}

.load-card--gi310 .ulc-ev-add-link input,
.load-card--gi310 .ulc-ev-add-btn input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
}

.load-card--gi310 .ulc-ev-card .ulc-evidence-grid,
.load-card--gi310 .ulc-ev-card .ulc-evidence-grid--compact,
.load-card--gi310 .ulc-ev-card .ulc-evidence-grid--two,
.load-card--gi310 .ulc-evidence-grid--two {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 8px;
  margin-top: 0;
}

.load-card--gi310 .ulc-ev-shot {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.load-card--gi310 .ulc-ev-shot-media.ulc-evidence-thumb {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  width: 100%;
  aspect-ratio: 16 / 10;
}

.load-card--gi310 .ulc-ev-shot-media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
}

.load-card--gi310 .ulc-ev-shot-media.is-missing,
.load-card--gi310 .ulc-ev-shot-media.is-preview-pending {
  aspect-ratio: 16 / 10;
  min-height: 0;
}

.load-card--gi310 .ulc-ev-shot-media .ulc-evidence-missing {
  min-height: 0;
  padding: 8px;
  font-size: 11px;
  line-height: 1.25;
}

.load-card--gi310 .ulc-ev-shot-caption,
.load-card--gi310 .ulc-ev-shot-when {
  margin: 4px 0 0;
  padding: 0;
  font-size: 11px;
  line-height: 1.25;
  color: var(--ulc-ink, #1a1d21);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.load-card--gi310 .ulc-ev-shot-caption {
  font-weight: 650;
}

.load-card--gi310 .ulc-ev-shot-when {
  margin-top: 2px;
  color: #6b7380;
  font-weight: 500;
}

.load-card--gi310 .ulc-ev-remove {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  margin: 0;
}

.load-card--gi310 .ulc-ev-remove-btn {
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #e2e6eb;
  border-radius: 50%;
  background: #fff;
  color: #5c6570;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

.load-card--gi310 .ulc-ev-doc-list,
.load-card--gi310 .ulc-ev-notes,
.load-card--gi310 .ulc-ev-check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.load-card--gi310 .ulc-ev-doc-row {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.load-card--gi310 .ulc-ev-doc-thumb {
  width: 52px;
  height: 64px;
  border: 1px solid var(--ulc-line, #e2e6eb);
  border-radius: 6px;
  background:
    linear-gradient(#f7f8fa, #f7f8fa) padding-box,
    repeating-linear-gradient(-45deg, #f3f4f6, #f3f4f6 6px, #e8eaee 6px, #e8eaee 12px);
}

.load-card--gi310 .ulc-ev-doc-meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.load-card--gi310 .ulc-ev-doc-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-doc-line,
.load-card--gi310 .ulc-ev-note-meta,
.load-card--gi310 .ulc-ev-note-count {
  font-size: 12px;
  color: #6b7380;
}

.load-card--gi310 .ulc-ev-doc-view {
  font-size: 12px;
  font-weight: 650;
  color: #2563a8;
  text-decoration: none;
}

.load-card--gi310 .ulc-ev-note {
  padding: 0;
}

.load-card--gi310 .ulc-ev-note-text {
  margin: 0;
  font-size: 13px;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-note-meta,
.load-card--gi310 .ulc-ev-note-count {
  margin: 6px 0 0;
}

.load-card--gi310 .ulc-ev-note-form {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.load-card--gi310 .ulc-ev-note-form textarea,
.load-card--gi310 .ulc-ev-add-pos select {
  font: inherit;
  color: var(--ulc-ink, #1a1d21);
  border: 1px solid var(--ulc-line, #d5dbe1);
  border-radius: 8px;
  padding: 8px 10px;
  min-width: 0;
  width: 100%;
}

.load-card--gi310 .ulc-ev-check {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  color: var(--ulc-ink, #1a1d21);
  font-size: 13px;
}

.load-card--gi310 .ulc-ev-check-mark {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border-radius: 50%;
  border: 1.5px solid #d0b36a;
  background: #fff8e8;
  box-sizing: border-box;
}

.load-card--gi310 .ulc-ev-check.is-done .ulc-ev-check-mark {
  border-color: #1f8a4c;
  background: #1f8a4c;
  box-shadow: none;
  color: #fff;
}

.load-card--gi310 .ulc-ev-check.is-done .ulc-ev-check-mark::after {
  content: "✓";
  position: absolute;
  inset: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 14px;
  text-align: center;
}

.load-card--gi310 .ulc-ev-check-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.load-card--gi310 .ulc-ev-check-copy strong {
  font-size: 13px;
  font-weight: 700;
}

.load-card--gi310 .ulc-ev-check-copy span {
  font-size: 12px;
  color: #6b7380;
}

.load-card--gi310 .ulc-ev-check-view {
  font-size: 12px;
  font-weight: 650;
  color: #2563a8;
  text-decoration: none;
  white-space: nowrap;
}

.load-card--gi310 .ulc-ev-check-more {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ulc-line, #e2e6eb);
}

.load-card--gi310 .ulc-ev-check-more > p {
  margin: 0 0 8px;
  font-size: 13px;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-ev-guidance {
  margin: 10px 0 0;
  color: #6b7380;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .load-card--gi310 .ulc-ev-layout,
  .load-card--gi310 .ulc-ev-main {
    grid-template-columns: 1fr;
  }
  .load-card--gi310 .ulc-ev-checklist {
    position: static;
  }
}

@media (max-width: 860px) {
  .load-card--gi310 .ulc-evidence-grid,
  .load-card--gi310 .ulc-evidence-grid--compact,
  .load-card--gi310 .ulc-evidence-grid--two,
  .load-card--gi310 .ulc-ev-card .ulc-evidence-grid,
  .load-card--gi310 .ulc-ev-card .ulc-evidence-grid--compact,
  .load-card--gi310 .ulc-ev-card .ulc-evidence-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .load-card--gi310 .ulc-ev-remove-btn {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .load-card--gi310 .ulc-ev-banner,
  .load-card--gi310 .ulc-ws-card.ulc-ev-card,
  .load-card--gi310 .ulc-ev-checklist {
    padding: 12px;
  }
  .load-card--gi310 .ulc-ev-doc-row {
    grid-template-columns: 44px minmax(0, 1fr);
  }
}

/* Documents workspace — body only; shared shell stays locked. */
.load-card--gi310 .ulc-docs-locked {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-docs-banner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  padding: 10px 14px;
  border: 1px solid #cfe0ee;
  border-radius: 10px;
  background: #eef6fb;
  font-size: 13px;
  color: var(--ulc-ink, #1a1d21);
}

.load-card--gi310 .ulc-docs-banner strong {
  font-size: 14px;
  font-weight: 750;
}

.load-card--gi310 .ulc-docs-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
  gap: 14px;
  align-items: start;
  min-width: 0;
}

.load-card--gi310 .ulc-docs-main,
.load-card--gi310 .ulc-docs-checklist {
  min-width: 0;
}

.load-card--gi310 .ulc-docs-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.load-card--gi310 .ulc-docs-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.load-card--gi310 .ulc-docs-count {
  font-weight: 600;
  color: #6b7380;
}

.load-card--gi310 .ulc-docs-search input,
.load-card--gi310 .ulc-docs-filter select {
  font: inherit;
  color: var(--ulc-ink, #1a1d21);
  border: 1px solid var(--ulc-line, #d5dbe1);
  border-radius: 8px;
  padding: 6px 10px;
  min-width: 0;
  background: #fff;
}

.load-card--gi310 .ulc-docs-search input {
  width: 160px;
}

.load-card--gi310 .ulc-docs-sort {
  font-size: 12px;
  color: #6b7380;
}

.load-card--gi310 a.ulc-docs-add,
.load-card--gi310 .ulc-docs-add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 14px;
  border: 1px solid var(--ulc-red, #c8102e);
  border-radius: 8px;
  background: var(--ulc-red, #c8102e);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.load-card--gi310 .ulc-docs-list {
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.load-card--gi310 .ulc-docs-list-head,
.load-card--gi310 .ulc-docs-card {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1.2fr) minmax(0, 0.9fr) minmax(0, 0.95fr) 72px auto;
  gap: 8px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--ulc-line, #e2e6eb);
  min-width: 0;
}

.load-card--gi310 .ulc-docs-list-head {
  font-size: 12px;
  font-weight: 650;
  color: #6b7380;
  padding-top: 0;
}

.load-card--gi310 .ulc-docs-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.load-card--gi310 .ulc-docs-filename {
  font-weight: 650;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.load-card--gi310 .ulc-docs-meta-label {
  display: none;
}

.load-card--gi310 .ulc-docs-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.load-card--gi310 .ulc-docs-more {
  position: relative;
}

.load-card--gi310 .ulc-docs-more summary {
  list-style: none;
  cursor: pointer;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: #5c6570;
}

.load-card--gi310 .ulc-docs-more summary::-webkit-details-marker {
  display: none;
}

.load-card--gi310 .ulc-docs-more[open] summary {
  background: #f3f4f6;
}

.load-card--gi310 .ulc-docs-more a {
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 2;
  background: #fff;
  border: 1px solid var(--ulc-line, #e2e6eb);
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 12px;
  color: var(--ulc-ink, #1a1d21);
  text-decoration: none;
  white-space: nowrap;
}

.load-card--gi310 .ulc-docs-kind {
  flex: 0 0 18px;
  width: 18px;
  height: 22px;
  border-radius: 3px;
  background: #e8eaee;
}

.load-card--gi310 .ulc-docs-kind--pdf {
  background: #e24b4b;
}

.load-card--gi310 .ulc-docs-kind--image {
  background: #3b82c4;
}

.load-card--gi310 .ulc-docs-cat {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 12px;
}

.load-card--gi310 .ulc-docs-view {
  font-size: 12px;
  font-weight: 650;
  color: #2563a8;
  text-decoration: none;
}

.load-card--gi310 .ulc-docs-locked .load-card-docs-section,
.load-card--gi310 .ulc-docs-locked [data-carrier-rc-workspace] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

@media (max-width: 980px) {
  .load-card--gi310 .ulc-docs-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .load-card--gi310 .ulc-docs-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 10px;
  }
  .load-card--gi310 .ulc-docs-toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "search search"
      "filter sort"
      "add add";
    width: 100%;
    gap: 8px;
    align-items: stretch;
  }
  .load-card--gi310 .ulc-docs-search {
    grid-area: search;
    width: 100%;
    min-width: 0;
  }
  .load-card--gi310 .ulc-docs-filter {
    grid-area: filter;
    min-width: 0;
    width: 100%;
  }
  .load-card--gi310 .ulc-docs-sort {
    grid-area: sort;
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 0 4px;
    white-space: nowrap;
  }
  .load-card--gi310 a.ulc-docs-add,
  .load-card--gi310 .ulc-docs-add {
    grid-area: add;
    width: 100%;
    min-height: 40px;
    justify-content: center;
    box-sizing: border-box;
    color: #fff;
    white-space: nowrap;
  }
  .load-card--gi310 .ulc-docs-search input,
  .load-card--gi310 .ulc-docs-filter select {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
  }
  .load-card--gi310 .ulc-docs-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .load-card--gi310 .ulc-docs-list-head {
    display: none;
  }
  .load-card--gi310 .ulc-docs-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 10px;
    padding: 12px;
    border: 1px solid var(--ulc-line, #e2e6eb);
    border-radius: 10px;
    background: #fafbfc;
    align-items: start;
  }
  .load-card--gi310 .ulc-docs-name,
  .load-card--gi310 .ulc-docs-cat-wrap,
  .load-card--gi310 .ulc-docs-meta,
  .load-card--gi310 .ulc-docs-actions {
    grid-column: 1 / -1;
  }
  .load-card--gi310 .ulc-docs-filename {
    white-space: normal;
    overflow: visible;
    font-size: 14px;
    line-height: 1.3;
  }
  .load-card--gi310 .ulc-docs-cat-wrap {
    margin-top: 2px;
  }
  .load-card--gi310 .ulc-docs-meta {
    font-size: 12px;
    color: #6b7380;
    line-height: 1.35;
  }
  .load-card--gi310 .ulc-docs-meta-label {
    display: inline;
    font-weight: 650;
    color: #6b7380;
  }
  .load-card--gi310 .ulc-docs-actions {
    justify-content: flex-start;
    min-height: 40px;
    margin-top: 4px;
  }
  .load-card--gi310 .ulc-docs-view,
  .load-card--gi310 .ulc-docs-more summary {
    min-height: 36px;
    min-width: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* ---- Create Load 5-step rail + workspaces (PR #516) ---- */
.load-card--gi310.load-card--create .ulc-create-rail {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  min-height: 0;
  padding: 8px 4px 10px;
  background: transparent;
  border-bottom: 0;
}

.load-card--gi310.load-card--create .ulc-create-rail-step {
  position: relative;
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 4px 2px 0;
  min-height: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.load-card--gi310.load-card--create .ulc-create-rail-step .load-card-tab-icon,
.load-card--gi310.load-card--create .ulc-create-rail-step .load-card-tab-hint {
  display: none;
}

.load-card--gi310.load-card--create .ulc-create-rail-dot {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 2px solid #cfd6de;
  background: #fff;
  box-sizing: border-box;
}

.load-card--gi310.load-card--create .ulc-create-rail-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16px;
  left: calc(50% + 15px);
  right: calc(-50% + 15px);
  height: 3px;
  background: #e4e7eb;
}

.load-card--gi310.load-card--create .ulc-create-rail-step.is-done:not(.is-current) .ulc-create-rail-dot {
  background: #1f8a4c;
  border-color: #1f8a4c;
}

.load-card--gi310.load-card--create .ulc-create-rail-step.is-done:not(.is-current)::after {
  background: #1f8a4c;
}

.load-card--gi310.load-card--create .ulc-create-rail-step.is-done:not(.is-current) .ulc-create-rail-dot::after {
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.load-card--gi310.load-card--create .ulc-create-rail-step.is-current .ulc-create-rail-dot {
  background: var(--ulc-red, #c8102e);
  border-color: var(--ulc-red, #c8102e);
  box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.16);
}

.load-card--gi310.load-card--create .ulc-create-rail-step .load-card-tab-label {
  display: block;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 750;
  color: #1a1d21;
}

.load-card--gi310.load-card--create .ulc-create-card {
  padding: 14px 16px 16px;
  margin: 0 0 12px;
}

.load-card--gi310.load-card--create .ulc-create-card-head {
  margin-bottom: 10px;
}

.load-card--gi310.load-card--create .ulc-create-card-head .ulc-ws-card-title,
.load-card--gi310.load-card--create .ulc-create-customer .load-card-form-title {
  margin: 0 0 4px;
  color: #1a1d21;
}

.load-card--gi310.load-card--create .ulc-create-fields,
.load-card--gi310.load-card--create .ulc-create-customer label {
  color: #1a1d21;
}

.load-card--gi310 .ulc-assign-switch,
.load-card--gi310.load-card--create .ulc-assign-switch {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #d7dde4;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.load-card--gi310.load-card--create .ulc-assign-switch-btn,
.load-card--gi310 .ulc-assign-switch-btn {
  min-height: 40px;
  padding: 8px 18px;
  border: 0;
  background: #fff;
  color: #1a1d21;
  font-size: 14px;
  font-weight: 750;
  cursor: pointer;
}

.load-card--gi310.load-card--create .ulc-assign-switch-btn.is-selected,
.load-card--gi310 .ulc-assign-switch-btn.is-selected {
  background: var(--ulc-red, #c8102e);
  color: #fff;
}

.load-card--gi310.load-card--create .ulc-assign-continue-row {
  margin-top: 12px;
}

.load-card--gi310.load-card--create .ulc-assign-continue-row .load-card-btn--danger,
.load-card--gi310.load-card--create [data-assign-continue] {
  color: #fff;
  font-weight: 800;
}

@media (max-width: 860px) {
  .load-card--gi310.load-card--create .ulc-create-rail {
    padding: 6px 0 8px;
    overflow: hidden;
  }
  .load-card--gi310.load-card--create .ulc-create-rail-step .load-card-tab-label {
    font-size: 10px;
    white-space: normal;
    line-height: 1.15;
  }
  .load-card--gi310.load-card--create .ulc-create-rail-dot {
    width: 22px;
    height: 22px;
  }
  .load-card--gi310.load-card--create .ulc-create-rail-step:not(:last-child)::after {
    top: 14px;
  }
  .load-card--gi310.load-card--create .ulc-assign-switch {
    width: 100%;
  }
  .load-card--gi310.load-card--create .ulc-assign-switch-btn {
    flex: 1;
  }
  .load-card--gi310.load-card--create .ulc-assign-continue-row .load-card-btn {
    width: 100%;
  }
}

/* ---- Create Load correction pass: compact workspaces ---- */
.load-card--gi310.load-card--create .ulc-create-ws--customer,
.load-card--gi310.load-card--create .ulc-create-ws--financial,
.load-card--gi310.load-card--create .ulc-create-ws--assignment,
.load-card--gi310.load-card--create .ulc-create-ws--documents {
  max-width: none;
}

.load-card--gi310.load-card--create .ulc-create-customer-pick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 12px;
  align-items: end;
  margin-bottom: 12px;
}

.load-card--gi310.load-card--create .ulc-create-customer-search {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.load-card--gi310.load-card--create .ulc-create-customer-pick [data-add-new-customer] {
  white-space: nowrap;
  min-height: 42px;
}

.load-card--gi310.load-card--create .ulc-create-dup-note {
  margin: 0 0 10px;
  color: #8a5a00;
  font-size: 13px;
  font-weight: 650;
}

.load-card--gi310.load-card--create .ulc-create-optional-tag {
  margin-left: 8px;
  color: #667084;
  font-size: 12px;
  font-weight: 650;
}

.load-card--gi310.load-card--create .ulc-create-optional > summary {
  list-style: none;
  cursor: pointer;
}

.load-card--gi310.load-card--create .ulc-create-optional > summary::-webkit-details-marker {
  display: none;
}

.load-card--gi310 .ulc-create-modal {
  border: 0;
  border-radius: 16px;
  padding: 0;
  width: min(480px, calc(100vw - 24px));
  box-shadow: 0 18px 48px rgba(20, 22, 26, 0.28);
}

.load-card--gi310 .ulc-create-modal::backdrop {
  background: rgba(20, 22, 26, 0.46);
}

.load-card--gi310 .ulc-create-modal-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 18px 18px 16px;
}

.load-card--gi310 .ulc-create-modal-head h3 {
  margin: 0 0 4px;
  font-size: 18px;
}

.load-card--gi310 .ulc-create-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
}

.load-card--gi310 .ulc-stop-summary {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
  padding: 2px 0 8px;
}

.load-card--gi310 .ulc-stop-summary-copy {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.load-card--gi310 .ulc-stop-summary-copy strong {
  color: #1a1d21;
  font-size: 15px;
}

.load-card--gi310 .ulc-stop-summary-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.load-card--gi310 .ulc-stop-chip,
.load-card--gi310 .ulc-stop-appt-chip {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #1a1d21;
  font-size: 11px;
  font-weight: 750;
  width: fit-content;
}

.load-card--gi310 [data-stop-card][data-stop-type="pickup"] .ulc-stop-chip {
  background: #e8f6ee;
  color: #1f7a46;
}

.load-card--gi310 [data-stop-card][data-stop-type="delivery"] .ulc-stop-chip {
  background: #e8eefc;
  color: #2450b2;
}

.load-card--gi310 .ulc-stop-appt-chip {
  background: #fff3d6;
  color: #8a5a00;
}

.load-card--gi310 .ulc-stops-stop.is-collapsed .ulc-stops-stop-head,
.load-card--gi310 .ulc-stops-stop.is-collapsed .ulc-stops-kv {
  display: none;
}

.load-card--gi310 .ulc-stops-stop.is-editing .ulc-stop-summary-copy,
.load-card--gi310 .ulc-stops-stop.is-editing .ulc-stop-summary-meta > span {
  display: none;
}

.load-card--gi310.load-card--create .ulc-assign-layout {
  grid-template-columns: minmax(0, 1fr);
}

.load-card--gi310.load-card--create .ulc-assign-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.load-card--gi310.load-card--create .ulc-assign-typebar,
.load-card--gi310.load-card--create .ulc-assign-continue-row,
.load-card--gi310.load-card--create [data-assignment-brokered] {
  grid-column: 1 / -1;
}

.load-card--gi310.load-card--create .ulc-assign-card {
  padding: 14px 16px;
  margin: 0;
}

.load-card--gi310.load-card--create .ulc-assign-continue-row .load-card-btn--danger {
  min-height: 44px;
  padding: 10px 16px;
  white-space: normal;
  line-height: 1.2;
  text-align: center;
}

.load-card--gi310.load-card--create .ulc-create-fin-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

.load-card--gi310.load-card--create .ulc-create-fin-margin {
  grid-column: 1 / -1;
}

.load-card--gi310.load-card--create .ulc-create-docs-toolbar,
.load-card--gi310.load-card--create .ulc-create-docs-add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.load-card--gi310.load-card--create .ulc-create-docs-add {
  flex: 1 1 auto;
}

.load-card--gi310.load-card--create .ulc-create-docs-search,
.load-card--gi310.load-card--create .ulc-create-docs-file,
.load-card--gi310.load-card--create .ulc-create-docs-add label {
  min-width: 0;
}

.load-card--gi310.load-card--create .ulc-create-docs-add input,
.load-card--gi310.load-card--create .ulc-create-docs-add select {
  max-width: 100%;
}

@media (min-width: 1100px) {
  .load-card--gi310.load-card--create .ulc-create-fin-grid {
    grid-template-columns: 1fr 1fr 1.15fr;
  }
  .load-card--gi310.load-card--create .ulc-create-fin-margin {
    grid-column: 3;
    grid-row: 1 / span 3;
  }
}

@media (max-width: 860px) {
  .load-card--gi310.load-card--create .ulc-create-customer-pick,
  .load-card--gi310.load-card--create .ulc-assign-main,
  .load-card--gi310.load-card--create .ulc-create-fin-grid {
    grid-template-columns: 1fr;
  }
  .load-card--gi310.load-card--create .ulc-create-customer-pick [data-add-new-customer] {
    width: 100%;
  }
  .load-card--gi310.load-card--create .ulc-create-fin-margin {
    grid-column: auto;
    grid-row: auto;
  }
  .load-card--gi310.load-card--create .ulc-stop-summary {
    flex-direction: column;
  }
  .load-card--gi310.load-card--create .ulc-stop-summary-meta {
    justify-content: flex-start;
  }
  .load-card--gi310.load-card--create .ulc-create-docs-toolbar,
  .load-card--gi310.load-card--create .ulc-create-docs-add {
    flex-direction: column;
    align-items: stretch;
  }
  .load-card--gi310.load-card--create .ulc-create-docs-add .load-card-btn,
  .load-card--gi310.load-card--create .ulc-assign-continue-row .load-card-btn {
    width: 100%;
    white-space: normal;
  }
  .load-card--gi310.load-card--create .load-card-actions--mobile .load-card-btn {
    white-space: nowrap;
    overflow: visible;
    text-overflow: unset;
  }
}

.load-card--gi310 .ulc-ov-row--rc-review {
  grid-template-columns: 1fr;
}
.load-card--gi310 .ulc-ov-bottom-start {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.load-card--gi310 .ulc-ov-notes-mini {
  display: flex;
  align-items: center;
  min-height: 28px;
}
.load-card--gi310 .ulc-ov-rc-card--compact {
  width: 100%;
  padding: 12px 14px;
}
.load-card--gi310 .ulc-ov-rc-card--compact .ulc-ov-card-head {
  margin-bottom: 6px;
}
.load-card--gi310 .ulc-ov-rc-status {
  margin: 0 0 8px;
  color: #2b2b2b;
  font-size: 13px;
  line-height: 1.35;
}
.load-card--gi310 .ulc-ov-rc-compare-lead,
.load-card--gi310 .ulc-ov-rc-match {
  margin: 0 0 10px;
  color: #2b2b2b;
  font-size: 13px;
  line-height: 1.4;
}
.load-card--gi310 .ulc-ov-rc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.load-card--gi310 .ulc-ov-rc-actions .btn-primary,
.load-card--gi310 .ulc-ov-rc-card [data-rc-upload-submit] {
  background: #c8102e;
  border-color: #c8102e;
  color: #fff;
  font-weight: 700;
}
.load-card--gi310 .ulc-ov-rc-card .rc-upload-panel {
  margin: 0;
}
.load-card--gi310 .ulc-ov-rc-card .rc-upload-panel > .load-card-form-title,
.load-card--gi310 .ulc-ov-rc-card .rc-upload-panel > .muted {
  display: none;
}
.load-card--gi310 .ulc-ov-rc-card .rc-upload-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.load-card--gi310 .ulc-ov-rc-diff {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.load-card--gi310 .ulc-ov-rc-diff th,
.load-card--gi310 .ulc-ov-rc-diff td {
  text-align: left;
  padding: 7px 8px;
  border-bottom: 1px solid #eadfe1;
  vertical-align: top;
  color: #1f1f1f;
}
.load-card--gi310 .ulc-ov-rc-diff th {
  font-weight: 700;
  color: #3d3d3d;
}
.load-card--gi310 .ulc-ov-rc-apply {
  display: inline-flex;
  align-items: center;
}
@media (max-width: 430px) {
  .load-card--gi310 .ulc-ov-rc-diff,
  .load-card--gi310 .ulc-ov-rc-diff thead,
  .load-card--gi310 .ulc-ov-rc-diff tbody,
  .load-card--gi310 .ulc-ov-rc-diff tr,
  .load-card--gi310 .ulc-ov-rc-diff th,
  .load-card--gi310 .ulc-ov-rc-diff td {
    display: block;
    width: 100%;
  }
  .load-card--gi310 .ulc-ov-rc-diff tr {
    padding: 8px 0;
    border-bottom: 1px solid #eadfe1;
  }
  .load-card--gi310 .ulc-ov-rc-diff th {
    display: none;
  }
  .load-card--gi310 .ulc-ov-rc-actions .btn,
  .load-card--gi310 .ulc-ov-rc-card [data-rc-upload-submit] {
    width: 100%;
  }
  .load-card--gi310 .ulc-ov-rc-card--compact,
  .load-card--gi310 .ulc-ov-bottom-start,
  .load-card--gi310 .ulc-ov-row--bottom {
    max-width: 100%;
    overflow-x: hidden;
  }
}