/*
 * Dateizweck: Definiert Layout, Zustände und responsive Darstellung für „Lager Bestellungen“.
 * Fachlogik bleibt in Python/JavaScript; diese Datei verändert ausschließlich die Präsentation.
 */

.nav-subordinate { padding-left: 25px !important; color: #657084 !important; font-size: .9rem; }
.order-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 0 0 22px; padding: 6px; border: 1px solid #dfe4ec; border-radius: 12px; background: #fff; }
.order-tabs a { padding: 10px 14px; border-radius: 8px; color: #465268; font-weight: 700; text-decoration: none; white-space: nowrap; }
.order-tabs a:hover { background: #f7f8fa; }
.order-tabs a.active { background: #172033; color: #fff; }
.module-card-subordinate { margin-left: 18px; border-left: 4px solid #dfe4ec; }
.schedule-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; }
.order-schedule { margin-top: 0; }
.order-schedule h2 { margin: 0; }
.order-schedule .checkbox { display: flex; align-items: center; gap: 9px; }
.order-schedule .checkbox input { width: auto; }
.schedule-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.order-status { display: inline-flex; border-radius: 999px; padding: 5px 9px; background: #eef1f5; color: #465268; font-size: .78rem; font-weight: 750; }
.order-status.status-transmitted { background: #eef4ff; color: #174ea6; }
.order-status.status-ready { background: #fff0d8; color: #8a4b00; }
.order-status.status-stored, .order-status.status-completed { background: #e8f7ee; color: #15703d; }
.order-actions { display: flex; align-items: center; gap: 7px; }
.order-actions form { margin: 0; }
/* Responsive Regeln passen die Oberfläche an kleinere beziehungsweise größere Ansichten an. */
@media (max-width: 700px) {
  .schedule-fields { grid-template-columns: 1fr; }
  .module-card-subordinate { margin-left: 0; }
}