/* Centralized status badge styles - change here to affect all index pages */
.status-badge {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .85rem;
    padding: .25rem .5rem;
    border-radius: .35rem;
    font-weight: 600;
}

/* Visual variants - adjust colors here if you want a global change */
.status-active {
    background-color: rgba(25, 135, 84, 0.12);
    color: #198754;
}
.status-inactive {
    background-color: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}
.status-rented {
    background-color: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

/* Small icon inside badge */
.status-badge i {
    font-size: 0.95rem;
}

/* Dark theme friendly adjustments using data-bs-theme attribute on html */
html[data-bs-theme="dark"] .status-active { background-color: rgba(25,135,84,0.18); color: #c7f0d1; }
html[data-bs-theme="dark"] .status-inactive { background-color: rgba(220,53,69,0.18); color: #ffd7d9; }
html[data-bs-theme="dark"] .status-rented { background-color: rgba(13,110,253,0.18); color: #cfe4ff; }