body { background: #f5f5f5; }

.site-header { background: #eef2fb; border-bottom: 1px solid #d5ddf0; }
.site-header .navbar-nav .nav-link { color: #2c4a80; }
.site-header .navbar-nav .nav-link:hover,
.site-header .navbar-nav .nav-link:focus { color: #0057b8; background: rgba(0,87,184,0.08); border-radius: 4px; }
.site-header .nav-divider { width: 1px; height: 20px; background: #c0cce0; margin: 0 6px; }
.site-header .user-email { font-size: 0.8rem; color: #5a6f90; }

/* Make Django-rendered inputs match Bootstrap's form-control */
input[type=text], input[type=email], input[type=password], input[type=date],
input[type=number], select, textarea {
    display: block; width: 100%; padding: .375rem .75rem;
    font-size: 1rem; line-height: 1.5; color: #212529;
    background-color: #fff; border: 1px solid #dee2e6;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
input:focus, select:focus, textarea:focus {
    border-color: #86b7fe; outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
input[type=checkbox] { width: auto; }
input[type=file] { display: block; width: 100%; }

/* Red border on input fields that has an error */
.mb-3:has(.text-danger) input,
.mb-3:has(.text-danger) select,
.mb-3:has(.text-danger) textarea {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
}