/* Styles spécifiques à la page d'accueil */
.status-success {
    color: var(--success-color);
}

.status-danger {
    color: var(--danger-color);
}

.footer-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.left-buttons {
    display: flex;
    gap: 5px;
}

.right-buttons {
    display: flex;
    gap: 5px;
}

.card-footer {
    padding: 0.75rem 1rem;
}

/* Correction des cartes en mode sombre */
body {
    background-color: #1a1a1b !important;
}

.card {
    background-color: #2d2d2f !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

.card-header {
    background-color: #2d2d2f !important;
    border-bottom: 1px solid #444 !important;
    color: #ffffff !important;
}

.card-footer {
    background-color: #2d2d2f !important;
    border-top: 1px solid #444 !important;
}

/* Texte dans les cartes */
.card .text-muted {
    color: #b0b0b0 !important;
}

.card .text-white-50 {
    color: rgba(255,255,255,0.7) !important;
}

/* Badges de statut */
.badge.bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.2) !important;
    color: #00cc66 !important;
}

.badge.bg-danger-subtle {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #ff6b6b !important;
}

/* Boutons dans le footer */
.btn-outline-info {
    color: #6ea8fe !important;
    border-color: #6ea8fe !important;
}

.btn-outline-info:hover {
    background-color: #6ea8fe !important;
    color: #000000 !important;
}

.btn-outline-primary {
    color: #8bb9fe !important;
    border-color: #8bb9fe !important;
}

.btn-outline-primary:hover {
    background-color: #8bb9fe !important;
    color: #000000 !important;
}

.btn-outline-warning {
    color: #ffda6a !important;
    border-color: #ffda6a !important;
}

.btn-outline-warning:hover {
    background-color: #ffda6a !important;
    color: #000000 !important;
}

.btn-outline-success {
    color: #75b798 !important;
    border-color: #75b798 !important;
}

.btn-outline-success:hover {
    background-color: #75b798 !important;
    color: #000000 !important;
}

.btn-outline-danger {
    color: #ea868f !important;
    border-color: #ea868f !important;
}

.btn-outline-danger:hover {
    background-color: #ea868f !important;
    color: #000000 !important;
}

/* Badges de catégorie */
.category-badge {
    background-color: #4d4d50 !important;
    color: #ffffff !important;
}

.category-badge:hover {
    background-color: #0d6efd !important;
}

/* Alertes */
.alert-danger {
    background-color: #3d1a1a !important;
    color: #ffb3b3 !important;
    border-color: #dc3545 !important;
}
/* ===== INDEX PAGE DARK THEME FIX ===== */

/* Fond de la page */
body {
    background-color: #1a1a1b !important;
}

/* Stats cards - fond sombre */
.stat-card {
    background: #2d2d2f !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

.stat-card h6 {
    color: #b0b0b0 !important;
}

.stat-card h2 {
    color: #ffffff !important;
}

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

.stat-card .text-success {
    color: #00cc66 !important;
}

.stat-card .text-danger {
    color: #ff6b6b !important;
}

.stat-card .text-info {
    color: #6ea8fe !important;
}

/* Application cards */
.card {
    background-color: #2d2d2f !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
}

.card-header {
    background-color: #2d2d2f !important;
    border-bottom: 1px solid #444 !important;
    color: #ffffff !important;
}

.card-body {
    background-color: #2d2d2f !important;
    color: #ffffff !important;
}

.card-footer {
    background-color: #2d2d2f !important;
    border-top: 1px solid #444 !important;
}

/* Texte dans les cartes */
.card .text-muted {
    color: #b0b0b0 !important;
}

.card p {
    color: #d0d0d0 !important;
}

.card .small {
    color: #b0b0b0 !important;
}

/* Badges de statut */
.badge.bg-success-subtle {
    background-color: rgba(25, 135, 84, 0.2) !important;
    color: #00cc66 !important;
}

.badge.bg-danger-subtle {
    background-color: rgba(220, 53, 69, 0.2) !important;
    color: #ff6b6b !important;
}

/* Badges de catégorie */
.category-badge {
    background-color: #4d4d50 !important;
    color: #ffffff !important;
}

.category-badge:hover {
    background-color: #0d6efd !important;
}

.category-badge.active-filter {
    background-color: #0d6efd !important;
}

/* URL links */
.card a {
    color: #6ea8fe !important;
}

.card a:hover {
    color: #8bb9fe !important;
}

/* Metrics boxes (HTTP Code, Response, Last Check) */
.bg-light {
    background-color: #3d3d40 !important;
}

.bg-light strong {
    color: #ffffff !important;
}

.bg-light small {
    color: #b0b0b0 !important;
}

/* Accepted statuses badges */
.badge.bg-secondary {
    background-color: #4d4d50 !important;
    color: #ffffff !important;
}

/* Alert error */
.alert-danger {
    background-color: #3d1a1a !important;
    color: #ffb3b3 !important;
    border-color: #dc3545 !important;
}

/* Filter indicator */
.filter-indicator {
    background-color: #1a3a4a !important;
    color: #ffffff !important;
    border-color: #0d6efd !important;
}

/* No results message */
.text-muted.py-5 {
    color: #b0b0b0 !important;
}

/* Boutons */
.btn-outline-primary {
    color: #8bb9fe !important;
    border-color: #8bb9fe !important;
}

.btn-outline-primary:hover {
    background-color: #8bb9fe !important;
    color: #000000 !important;
}

.btn-outline-success {
    color: #75b798 !important;
    border-color: #75b798 !important;
}

.btn-outline-success:hover {
    background-color: #75b798 !important;
    color: #000000 !important;
}

.btn-outline-danger {
    color: #ea868f !important;
    border-color: #ea868f !important;
}

.btn-outline-danger:hover {
    background-color: #ea868f !important;
    color: #000000 !important;
}

.btn-outline-info {
    color: #6ea8fe !important;
    border-color: #6ea8fe !important;
}

.btn-outline-info:hover {
    background-color: #6ea8fe !important;
    color: #000000 !important;
}

.btn-outline-warning {
    color: #ffda6a !important;
    border-color: #ffda6a !important;
}

.btn-outline-warning:hover {
    background-color: #ffda6a !important;
    color: #000000 !important;
}

.btn-outline-secondary {
    color: #b0b0b0 !important;
    border-color: #555 !important;
}

.btn-outline-secondary:hover {
    background-color: #555 !important;
    color: #ffffff !important;
}

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

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