/* 线下销售：一条业务路径、一组门店上下文，避免重复选择门店或多层容器。 */
.order-record-toolbar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.order-store-context,
.scanner-offline-context,
.offline-sales-context {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--text-secondary, #5c6b82);
  font-size: 13px;
}

.order-store-context strong,
.scanner-offline-context strong,
.offline-sales-context strong {
  color: var(--text-primary, #1d2c46);
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-store-context {
  margin-right: auto;
  padding: 8px 10px;
  border-left: 3px solid var(--accent, #4459d8);
}

.scanner-offline-context {
  min-height: 48px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--surface-soft, #f4f7fb);
  border: 1px solid var(--border, #d9e2ef);
}

.scanner-offline-context strong { flex: 0 1 420px; }
.scanner-offline-context span:last-child { margin-left: auto; color: var(--success, #16856a); }

.offline-sales-form { display: grid; gap: 16px; }
.offline-sales-context {
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--surface-soft, #f4f7fb);
  border-left: 3px solid var(--accent, #4459d8);
}
.offline-sales-context span:last-child { margin-left: auto; color: var(--success, #16856a); }
.offline-sales-lines { display: grid; gap: 8px; }
.offline-sales-line {
  display: grid;
  grid-template-columns: minmax(150px, 1.15fr) minmax(180px, 1.7fr) 82px 104px 100px 34px;
  gap: 8px;
  align-items: center;
}
.offline-sales-line-head {
  padding: 0 2px;
  color: var(--text-secondary, #5c6b82);
  font-size: 12px;
  font-weight: 700;
}
.offline-sales-line input,
.offline-sales-line output {
  min-width: 0;
  height: 38px;
  box-sizing: border-box;
}
.offline-sales-line output {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 10px;
  border-radius: 8px;
  background: var(--surface-soft, #f4f7fb);
  color: var(--text-primary, #1d2c46);
  font-weight: 700;
}
.offline-sales-line [name="product_name"] {
  background: var(--surface-soft, #f4f7fb);
  color: var(--text-secondary, #5c6b82);
}
.offline-sales-line [data-remove-row] { width: 34px; height: 34px; padding: 0; }

@media (max-width: 760px) {
  .order-record-toolbar { flex-wrap: wrap; }
  .order-store-context { flex-basis: 100%; }
  .scanner-offline-context, .offline-sales-context { align-items: flex-start; flex-wrap: wrap; }
  .scanner-offline-context span:last-child, .offline-sales-context span:last-child { margin-left: 0; flex-basis: 100%; }
  .offline-sales-line { grid-template-columns: 1fr 1fr 66px 88px 78px 30px; gap: 5px; }
  .offline-sales-line-head { font-size: 10px; }
}