/* SPLANG CRM Styles */

:root {
    --sidebar-width: 250px;
}

#wrapper {
    overflow-x: hidden;
}

#sidebar-wrapper {
    min-height: 100vh;
    width: var(--sidebar-width);
    min-width: var(--sidebar-width);
    transition: margin 0.25s ease-out;
}

#sidebar-wrapper .list-group-item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

#page-content-wrapper {
    min-width: 0;
    width: 100%;
}

#wrapper.toggled #sidebar-wrapper {
    margin-left: calc(-1 * var(--sidebar-width));
}

@media (max-width: 768px) {
    #sidebar-wrapper {
        margin-left: calc(-1 * var(--sidebar-width));
    }
    
    #wrapper.toggled #sidebar-wrapper {
        margin-left: 0;
    }
}

/* Cards */
.card {
    border: none;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

/* Tables */
.table th {
    font-weight: 600;
    background-color: #f8f9fa;
}

/* Buttons */
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

/* Forms */
.form-label {
    font-weight: 500;
}

/* Badges */
.badge {
    font-weight: 500;
}

/* Status colors */
.status-prospect { background-color: #6c757d; }
.status-en_cours { background-color: #0d6efd; }
.status-actif { background-color: #198754; }
.status-suspendu { background-color: #fd7e14; }
.status-resilie { background-color: #dc3545; }

/* Ticket status */
.ticket-nouveau { background-color: #0d6efd; }
.ticket-en_cours { background-color: #fd7e14; }
.ticket-escalade { background-color: #dc3545; }
.ticket-resolu { background-color: #198754; }
.ticket-cloture { background-color: #6c757d; }