/* Sidebar */
.sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    transition: margin-left 0.3s ease;
}
.sidebar.collapsed {
    margin-left: -250px;
}

/* Wrapper */
#wrapper {
    width: 100%;
    min-height: 100vh;
}

/* Page content */
#page-content-wrapper {
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    overflow-x: hidden;
    padding-bottom: 3rem;
}

/* Health score */
.health-excellent { color: #198754; }
.health-good { color: #0d6efd; }
.health-warning { color: #ffc107; }
.health-danger { color: #dc3545; }

.health-score-badge {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.1rem;
}

/* Project card */
.project-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}
.project-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

/* Severity badges */
.severity-critical { background-color: #dc3545 !important; }
.severity-high { background-color: #fd7e14 !important; }
.severity-medium { background-color: #ffc107 !important; color: #000 !important; }
.severity-low { background-color: #20c997 !important; }

/* Auth pages */
.auth-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
}
.auth-card {
    max-width: 420px;
    width: 100%;
}

/* Empty state dashed border */
.border-dashed {
    border: 2px dashed #dee2e6 !important;
}