/* public-dashboard.css */

body {
    /* Add a subtle gradient background */
    background: linear-gradient(to bottom right, #f8f9fa, #e9ecef);
}

.container.mt-4 {
    padding-top: 2rem;
    padding-bottom: 4rem;
}

.display-4.text-center.mb-5 {
    color: #2c3e50; /* Darker, bolder heading */
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom: 2px solid #0d6efd; /* Primary color underline */
    display: inline-block; /* Make underline only span text width */
    padding-bottom: 0.5rem;
    margin-bottom: 4rem !important; /* Increase bottom margin */
}

.card.h-100.shadow-sm {
    border: none; /* Remove default card border */
    border-radius: 0.5rem; /* Slightly more rounded corners */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    overflow: hidden; /* Ensure content respects border-radius */
}

.card.h-100.shadow-sm:hover {
    transform: translateY(-5px); /* Subtle lift effect */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; /* Enhanced shadow on hover */
}

.card-header {
    border-bottom: none; /* Remove border between header and body */
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.card-header h5 {
    font-weight: 600; /* Bolder card titles */
    display: flex;
    align-items: center;
}

.card-header h5 i {
    font-size: 1.2em; /* Slightly larger icons in header */
    opacity: 0.8;
}

.card-body {
    padding: 1.5rem; /* Increase padding in card body */
}

.card-subtitle {
    font-weight: 500;
    color: #6c757d !important; /* Ensure consistent muted color */
}

.card-text {
    color: #495057; /* Slightly darker text for better readability */
    font-size: 0.95rem;
    line-height: 1.6;
}

.card .btn {
    font-weight: 500;
    padding: 0.5rem 1rem; /* Slightly larger buttons */
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* Specific button styling for better contrast/visuals */
.card .btn-primary { background-color: #0d6efd; border-color: #0d6efd; }
.card .btn-outline-primary:hover { background-color: #0d6efd; }

.card .btn-secondary { background-color: #6c757d; border-color: #6c757d; }
.card .btn-outline-secondary:hover { background-color: #6c757d; }

.card .btn-info { background-color: #0dcaf0; border-color: #0dcaf0; color: #000; }
.card .btn-outline-info { border-color: #0dcaf0; color: #000; }
.card .btn-outline-info:hover { background-color: #0dcaf0; color: #000; }

.card .btn-warning { background-color: #ffc107; border-color: #ffc107; color: #000; }
.card .btn-outline-warning { border-color: #ffc107; color: #000; }
.card .btn-outline-warning:hover { background-color: #ffc107; color: #000; }

.card .btn-danger { background-color: #dc3545; border-color: #dc3545; }
.card .btn-outline-danger:hover { background-color: #dc3545; }

.card .btn-success { background-color: #198754; border-color: #198754; }
.card .btn-outline-success:hover { background-color: #198754; }

.badge.bg-light.text-primary {
    font-weight: 600;
}

/* Ensure icons align well with button text */
.btn i {
    vertical-align: middle;
    margin-top: -2px; /* Fine-tune vertical alignment */
}

header {
    display: none;
}