.navbar {
    height: 50px; /* Set the navbar height */
    display: flex;
    align-items: center; /* Vertically center the logo */
}

.navbar-logo {
    height: 100%; /* Match the navbar height */
    width: auto; /* Maintain aspect ratio */
    max-height: 50px; /* Optional: Limit maximum height */
}
.bg-light {
    background-color: #333333 !important;
}

/* Global contrast fixes for all form controls */
input[type="date"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
select,
textarea,
.form-control,
.form-select,
.input-group-text {
    color: white !important;
    background-color: #333 !important;
    border-color: #666 !important;
}

/* Improve placeholder text visibility */
::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
}

/* Fix focus states */
.form-control:focus,
.form-select:focus,
input:focus {
    background-color: #333 !important;
    color: white !important;
    border-color: #6c7ae0 !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 122, 224, 0.25) !important;
}

/* Fix labels throughout the system */
label, .form-label {
    color: #ccc !important;
}

/* Improve button visibility */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: white !important;
    font-weight: 500;
}

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    font-weight: 500;
}

.btn-outline-primary:hover {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

/* Make all badges more visible */
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Improve navigation item contrast */
.nav-link.active {
    background-color: var(--app-highlight) !important;
    color: white !important;
    font-weight: 500;
}

/* Improved contrast for form elements */
.form-control, .form-select {
    background-color: #333333;
    color: #f0f0f0;
    border-color: #666666;
}

.form-control::placeholder {
    color: #aaaaaa;
}

.form-control:focus, .form-select:focus {
    background-color: #333333;
    color: #ffffff;
    border-color: #6c7ae0;
    box-shadow: 0 0 0 0.25rem rgba(108, 122, 224, 0.25);
}

/* Fix mobile label colors */
.mobile-label, .text-muted {
    color: #bbbbbb !important;
}

/* Improved search bar */
.search-bar .input-group-text {
    background-color: #333333;
    border-color: #666666;
    border-right: 0;
    color: #f0f0f0;
}

.search-bar .form-control {
    background-color: #333333;
    border-color: #666666;
    border-left: 0;
    color: #f0f0f0;
}

.search-bar .form-control::placeholder {
    color: #aaaaaa;
}

/* Date inputs with better contrast */
input[type="date"] {
    color-scheme: dark;
    background-color: #333333;
    color: #f0f0f0;
}

/* Improved contrast for tables */
.table {
    color: #f0f0f0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #f0f0f0;
    background-color: rgba(255, 255, 255, 0.05);
}

/* Improved contrast for buttons */
.btn-outline-secondary {
    color: #f0f0f0;
    border-color: #666666;
}

.btn-outline-secondary:hover {
    background-color: #444444;
    color: #ffffff;
}

/* Improved pagination contrast */
.page-link {
    background-color: #333333;
    border-color: #666666;
    color: #f0f0f0;
}

.page-link:hover {
    background-color: #444444;
    color: #ffffff;
}