.order-period-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  background: #fff;
}
.order-period-bar > label { display: flex; align-items: center; gap: 6px; color: #667287; font-size: 10px; font-weight: 800; }
.order-period-bar > .form-select { width: 180px; height: 38px; border-color: var(--line); font-size: 10px; }
.order-custom-period { display: flex; align-items: center; gap: 8px; }
.order-custom-period .form-control { width: 145px; height: 38px; border-color: var(--line); font-size: 10px; }
.order-custom-period span { color: #8b95a5; font-size: 9px; }
.order-period-bar > small { margin-left: auto; color: #8490a1; font-size: 9px; }
@media (max-width: 720px) {
  .order-period-bar { align-items: stretch; flex-direction: column; }
  .order-period-bar > .form-select, .order-custom-period .form-control { width: 100%; }
  .order-custom-period { display: grid; grid-template-columns: 1fr auto 1fr; }
  .order-period-bar > small { margin-left: 0; }
}
.listing-logistic { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 12px; font-size: 8px; font-weight: 800; }
.listing-logistic.full { background: #e5f8f0; color: #07875f; }
.listing-logistic.flex { background: #e8f1ff; color: #2563eb; }
.listing-logistic.normal { background: #edf0f4; color: #667183; }
.listing-actions button:disabled { cursor: not-allowed; opacity: .35; }