/* Layout spacing */
body {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #f7f9fc;
}

/* Title */
#application_title {
    font-size: 1.8rem;
    font-weight: bold;
}

/* Navigation */
#navigation .nav-link {
    color: #ffffff !important;
}
#navigation .nav-link:hover {
    color: #f8f9fa !important;
}

/* Tables */
.table th {
    width: 200px;
    background-color: #f8f9fa;
    font-weight: 600;
}
.table td {
    vertical-align: middle;
}

/* List group links */
.list-group-item a {
    text-decoration: none;
    color: #0d6efd;
}
.list-group-item a:hover {
    text-decoration: underline;
}

/* Card improvements */
.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.card-header {
    border-bottom: none;
    padding: 1rem 1.25rem;
}

.card-body {
    padding: 1.25rem;
}

/* List group improvements */
.list-group-item {
    padding: 1rem 1.25rem;
}

.list-group-item.bg-light {
    background-color: #eef3ff !important;
    font-weight: 600;
}

/* Hero banner */
section {
    background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 100%);
}

/* Hero Banner */
.hero-banner {
    background: linear-gradient(180deg, #e9f2ff 0%, #ffffff 100%);
}

/* Footer */
.footer-custom {
    background-color: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Dark Mode */
.dark-mode {
    background-color: #121212 !important;
    color: #e4e4e4 !important;
}

/*.dark-mode .navbar {
    background-color: #1f1f1f !important;
}*/

.dark-mode .hero-banner {
    background: linear-gradient(180deg, #1f1f1f 0%, #121212 100%) !important;
}

/* Dark mode hero text fix */
.dark-mode .hero-banner h1 {
    color: #ffffff !important;
}

.dark-mode .hero-banner p {
    color: #d0d0d0 !important;
}


.dark-mode .card {
    background-color: #1f1f1f !important;
    color: #e4e4e4 !important;
}

.dark-mode .footer-custom {
    background-color: #1f1f1f !important;
    color: #e4e4e4 !important;
}

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

.dark-mode .btn-secondary {
    background-color: #6c757d !important;
}

.dark-mode .btn-dark {
    background-color: #000 !important;
}

.fixed-navbar {
    background-color: #0d6efd !important;
}
.dark-mode .fixed-navbar {
    background-color: #0d6efd !important;
}