/* Order/state badge styles — minimal set: DRAFT, ORDERED, PRODUCTION, READY, READY_TO_SHIP, SHIPPED, COMPLETE, CANCELED */

.badge.state-DRAFT,
.state-DRAFT .badge.state {
  background-color: #6c757d;
  color: white;
}
.badge.state-CONFIRMED,
.state-CONFIRMED .badge.state {
  background-color: #007bff;
  color: white;
}
.badge.state-IN_PRODUCTION,
.state-IN_PRODUCTION .badge.state {
  background-color: #0dcaf0;
  color: black;
}
.badge.state-PRODUCTION_COMPLETED,
.state-PRODUCTION_COMPLETED .badge.state {
  background-color: #28a745;
  color: white;
}
.badge.state-READY_TO_SHIP,
.state-READY_TO_SHIP .badge.state {
  background-color: #ffc107;
  color: black;
}
.badge.state-SHIPPED,
.state-SHIPPED .badge.state {
  background-color: #198754;
  color: white;
}
.badge.state-CANCELED,
.state-CANCELED .badge.state {
  background-color: #dc3545;
  color: white;
}
.badge.state-COMPLETED,
.state-COMPLETED .badge.state {
  background-color: #28a745;
  color: white;
}



.total-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding: 14px 24px;
  margin-left: auto;
  min-width: 150px;
  background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 4px 14px rgba(13, 110, 253, 0.4);
}
.total-card-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.9;
  margin-bottom: 2px;
}
.total-card-value {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
}

/* DateRangePicker: fixed to viewport (JS); scroll if content is tall */
.date-range-picker-panel {
  max-height: min(90vh, 640px);
  overflow-y: auto;
}

/* DateRangePicker panel: manual dates (left) vs shortcuts (right) */
.date-range-picker-panel .drp-col-manual {
  border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.12));
}
@media (min-width: 768px) {
  .date-range-picker-panel .drp-col-manual {
    border-bottom: none;
    border-right: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.12));
  }
}
.date-range-picker-panel .drp-col-shortcuts {
  background-color: var(--bs-tertiary-bg, var(--bs-secondary-bg, rgba(0, 0, 0, 0.03)));
}

/* select2.js (Select2Like): default width:100% breaks Bootstrap .input-group (addon on new line) */
.input-group > .select2-container.select2-in-input-group,
.input-group > .select2.select2-in-input-group {
  flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  align-self: stretch;
}