/**
 * Quota-Verwaltung – Eigene CSS-Ergaenzungen zu AdminLTE 3
 */

/* -------------------------------------------------------------------------
   Progress-Bar-Farben nach Auslastung (werden per JS via bg-* gesetzt)
   ------------------------------------------------------------------------- */

/* Gruen: < 70 % (Default bg-success ist ausreichend, hier fuer Lesbarkeit) */
.progress-bar.bg-success {
    background-color: #28a745 !important;
}

/* Gelb/Orange: 70–89 % */
.progress-bar.bg-warning {
    background-color: #ffc107 !important;
}

/* Rot: >= 90 % */
.progress-bar.bg-danger {
    background-color: #dc3545 !important;
}

/* -------------------------------------------------------------------------
   Tabelle: kompaktere Zeilen
   ------------------------------------------------------------------------- */
#folder-table td,
#folder-table th {
    vertical-align: middle;
    white-space: nowrap;
}

#folder-table td:last-child {
    white-space: nowrap;
}

/* Progress-Bar in Tabelle */
#folder-table .progress {
    height: 10px;
    margin-bottom: 2px;
    min-width: 100px;
}

/* -------------------------------------------------------------------------
   Toast-Bereich
   ------------------------------------------------------------------------- */
#toast-area .alert {
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    animation: fadeInRight 0.3s ease;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* -------------------------------------------------------------------------
   Login-Seite: Demo-Hinweis-Box
   ------------------------------------------------------------------------- */
.login-card-body .callout {
    border-left: 4px solid #17a2b8;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-radius: 0 4px 4px 0;
}

.login-card-body .callout h6 {
    margin-bottom: 0.4rem;
    font-size: 0.9rem;
}

.login-card-body .callout ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
}

.login-card-body .callout li {
    font-size: 0.85rem;
    margin-bottom: 0.15rem;
}

/* -------------------------------------------------------------------------
   Sidebar-User-Panel: kein Icon noetig
   ------------------------------------------------------------------------- */
.user-panel .info span {
    font-size: 0.9rem;
    font-weight: 500;
}

/* -------------------------------------------------------------------------
   Modal: Fehleranzeige ohne Rand-Overflow
   ------------------------------------------------------------------------- */
#modal-error {
    word-break: break-word;
}

/* -------------------------------------------------------------------------
   Info-Box: Gesamtbelegung
   ------------------------------------------------------------------------- */
.info-box .info-box-number {
    font-size: 1.4rem;
    font-weight: 600;
}

/* -------------------------------------------------------------------------
   Responsiv: Tabelle auf kleinen Bildschirmen scrollbar
   ------------------------------------------------------------------------- */
.card-body.p-0 {
    overflow-x: auto;
}

/* -------------------------------------------------------------------------
   Aktualisieren-Button: Spin-Animation beim Laden
   ------------------------------------------------------------------------- */
#btn-refresh .fa-spin {
    animation: fa-spin 1s linear infinite;
}