.delivery-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.delivery-search {
  display: grid;
  grid-template-columns: minmax(220px, 360px) 38px;
  gap: 6px;
}

.delivery-filters {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.records-filters{margin:0 0 14px;justify-content:flex-start;padding:14px;background:#fff;border:1px solid var(--line)}
.failure-reason{display:block;max-width:150px;margin-top:5px;color:var(--red);font-size:12px;line-height:1.35;white-space:normal}
.failure-countdown{display:block;color:var(--amber);font-size:12px;margin-top:3px;white-space:nowrap}

.delivery-filters label {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 12px;
}

.delivery-filters input:not([type="date"]) { width: 170px; }
.delivery-filters input[type="date"] { width: 142px; }
.bulk-actions { display:flex; align-items:center; gap:10px; margin: 0 0 12px; }
.check-col { width: 42px; text-align:center!important; padding-left:8px!important; padding-right:8px!important; }

.order-number-field {
  display: grid;
  gap: 7px;
  max-width: 520px;
  margin: 0 auto 18px;
  color: var(--muted);
}
.exchange-search{display:flex;gap:10px;max-width:620px;margin:22px 0}.exchange-search input{flex:1}.exchange-result{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);background:#f8f9fb}.exchange-result span{flex:1}
.exchange-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid var(--line);background:#f8f9fb}.exchange-link a{color:var(--primary);word-break:break-all}.public-order-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:16px;margin-top:18px;padding:16px;border:1px solid #c9ddff;background:#f7fbff;text-align:left}.public-good-image{display:grid;place-items:center;min-height:116px;background:#fff;border:1px solid #dbe7f7}.public-good-image img{width:104px;height:104px;object-fit:contain}.public-order-main h2{margin:0 0 12px;font-size:16px}.public-order-table{width:100%;border-collapse:collapse}.public-order-table th,.public-order-table td{padding:8px 10px;border:1px solid #dce6f2;text-align:left;vertical-align:middle}.public-order-table th{width:96px;color:var(--muted);font-weight:500;background:#f1f6fc}.public-order-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.public-exchange-box .public-order-actions button{height:38px;border-radius:4px}@media(max-width:600px){.exchange-link{align-items:flex-start;flex-direction:column}.public-order-card{grid-template-columns:1fr}.public-good-image{min-height:130px}.public-good-image img{width:120px;height:120px}.public-order-table th{width:88px}.public-order-actions{justify-content:stretch}.public-order-actions button{flex:1}}

.order-create-modal {
  width: min(920px, calc(100vw - 30px));
}

.modal-search {
  padding: 16px 0 12px;
}

.modal-search input {
  width: min(360px, 100%);
}

.order-goods-grid {
  max-height: 62vh;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 10px;
  padding-right: 6px;
}

.order-good {
  border: 1px solid var(--line);
  background: #fff;
  display: grid;
  grid-template-rows: 130px auto;
  min-width: 0;
}

.order-good .preview {
  display: grid;
  place-items: center;
  background: #f8f9fb;
  padding: 10px;
}

.order-good img {
  max-width: 100%;
  max-height: 112px;
  object-fit: contain;
}

.order-good .info {
  padding: 10px;
  display: grid;
  gap: 8px;
}

.order-good strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.order-good .price {
  color: var(--red);
  font-weight: 700;
}

.back-button {
  margin: 16px 0;
}

.selected-good {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 12px;
  text-align: center;
}

.selected-good img {
  width: 190px;
  height: 190px;
  object-fit: contain;
}

.selected-good strong {
  font-size: 17px;
}

.quantity-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 8px 0 20px;
}

.stepper {
  display: grid;
  grid-template-columns: 40px 90px 40px;
}

.stepper button,
.stepper input {
  border-radius: 0;
  text-align: center;
}

.stepper input {
  border-left: 0;
  border-right: 0;
}

.order-total {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 7px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}

.order-total strong {
  color: var(--red);
  font-size: 28px;
}

.order-confirm-actions {
  justify-content: flex-end;
  margin-top: 18px;
}

.role-details {
  display: grid;
  gap: 3px;
}

.role-details small {
  color: var(--muted);
}

.actions button,
.compact-actions button {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}

.binding-info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--line);
}

.binding-info > div {
  display: grid;
  gap: 7px;
  padding: 14px;
  border-right: 1px solid var(--line);
}

.binding-info > div:last-child {
  border-right: 0;
}

.binding-info span {
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 720px) {
  .delivery-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .delivery-search {
    grid-template-columns: 1fr 38px;
  }
  .delivery-filters { justify-content: stretch; }
  .delivery-filters label,
  .delivery-filters input:not([type="date"]),
  .delivery-filters input[type="date"] { width: 100%; }
  .order-goods-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }
  .binding-info {
    grid-template-columns: 1fr;
  }
  .binding-info > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
.mini-copy{min-height:24px;padding:0 7px;font-size:12px}