/* ============================================
   Backend Styles - Theme-unabhaengig
   Alle Farben sind fest kodiert und werden
   nicht vom Frontend-Theme beeinflusst.
   ============================================ */

/* ============================================
   Backend Buttons
   ============================================ */

/* Primaer - blau */
.backend-btn-primary {
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
    color: #fff !important;
}

.backend-btn-primary:hover {
    background-color: #0b5ed7 !important;
    border-color: #0a58ca !important;
    color: #fff !important;
}

.backend-btn-outline-primary {
    background-color: transparent !important;
    border-color: #0d6efd !important;
    color: #0d6efd !important;
}

.backend-btn-outline-primary:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
}

/* Sekundaer - grau */
.backend-btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

.backend-btn-secondary:hover {
    background-color: #5c636a !important;
    border-color: #565e64 !important;
    color: #fff !important;
}

.backend-btn-outline-secondary {
    background-color: transparent !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.backend-btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* Erfolg - gruen */
.backend-btn-success {
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: #fff !important;
}

.backend-btn-success:hover {
    background-color: #157347 !important;
    border-color: #146c43 !important;
    color: #fff !important;
}

.backend-btn-outline-success {
    background-color: transparent !important;
    border-color: #198754 !important;
    color: #198754 !important;
}

.backend-btn-outline-success:hover {
    background-color: #198754 !important;
    color: #fff !important;
}

/* Warnung - orange */
.backend-btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.backend-btn-warning:hover {
    background-color: #ffca2c !important;
    border-color: #ffc720 !important;
    color: #000 !important;
}

.backend-btn-outline-warning {
    background-color: transparent !important;
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}

.backend-btn-outline-warning:hover {
    background-color: #ffc107 !important;
    color: #000 !important;
}

/* Gefahr - rot */
.backend-btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}

.backend-btn-danger:hover {
    background-color: #bb2d3b !important;
    border-color: #b02a37 !important;
    color: #fff !important;
}

.backend-btn-outline-danger {
    background-color: transparent !important;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.backend-btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* Info - cyan */
.backend-btn-info {
    background-color: #0dcaf0 !important;
    border-color: #0dcaf0 !important;
    color: #000 !important;
}

.backend-btn-info:hover {
    background-color: #31d2f2 !important;
    border-color: #25cff2 !important;
    color: #000 !important;
}

.backend-btn-outline-info {
    background-color: transparent !important;
    border-color: #0dcaf0 !important;
    color: #0dcaf0 !important;
}

.backend-btn-outline-info:hover {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}

/* Spezial - lila */
.backend-btn-purple {
    background-color: transparent !important;
    color: #6f42c1 !important;
    border: 1px solid #6f42c1 !important;
}

.backend-btn-purple:hover {
    background-color: #6f42c1 !important;
    color: #fff !important;
}

/* ============================================
   Backend Backgrounds
   ============================================ */

.backend-bg-primary {
    background-color: #0d6efd !important;
    color: #fff !important;
}

.backend-bg-secondary {
    background-color: #6c757d !important;
    color: #fff !important;
}

.backend-bg-success {
    background-color: #198754 !important;
    color: #fff !important;
}

.backend-bg-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.backend-bg-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.backend-bg-info {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}

/* ============================================
   Backend Text-Farben
   ============================================ */

.backend-text-primary {
    color: #0d6efd !important;
}

.backend-text-secondary {
    color: #6c757d !important;
}

.backend-text-success {
    color: #198754 !important;
}

.backend-text-warning {
    color: #ffc107 !important;
}

.backend-text-danger {
    color: #dc3545 !important;
}

.backend-text-info {
    color: #0dcaf0 !important;
}

/* ============================================
   Backend Listen-Buttons (Outline in Listen)
   ============================================ */

.backend-list-buttons .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.backend-list-buttons .btn-icon-only {
    width: 31px;
    padding: 0.25rem;
}

/* ============================================
   Backend Badge Styles
   ============================================ */

/* Basis-Stil fuer alle Backend-Badges */
.backend-id-badge,
.backend-badge-active,
.backend-badge-inactive,
.backend-badge-count,
.backend-badge-status-ok,
.backend-badge-status-pending,
.backend-badge-status-error,
.backend-badge-type,
.backend-badge-info,
.backend-badge-sort {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

/* ID - schwarz */
.backend-id-badge {
    background-color: #212529 !important;
    color: #fff !important;
}

/* Aktiv - gruen */
.backend-badge-active {
    background-color: #198754 !important;
    color: #fff !important;
}

/* Inaktiv - orange */
.backend-badge-inactive {
    background-color: #ffc107 !important;
    color: #000 !important;
}

/* Zaehler - grau */
.backend-badge-count {
    background-color: #6c757d !important;
    color: #fff !important;
}

/* Status OK - gruen */
.backend-badge-status-ok {
    background-color: #198754 !important;
    color: #fff !important;
}

/* Status Pending - orange */
.backend-badge-status-pending {
    background-color: #ffc107 !important;
    color: #000 !important;
}

/* Status Error - rot */
.backend-badge-status-error {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* Typ/Kategorie - blau */
.backend-badge-type {
    background-color: #0d6efd !important;
    color: #fff !important;
}

/* Info-Label - cyan */
.backend-badge-info {
    background-color: #0dcaf0 !important;
    color: #000 !important;
}

/* Sortierung - hellgrau */
.backend-badge-sort {
    background-color: #f8f9fa !important;
    color: #212529 !important;
}