/* Custom Styles */

body { background-color: #f2f2f2; }

/* Headings */
h1, h2, h3, h4, h5, h6 { color: #722f37; }

/* Navbar */
.navbar { min-height: 56px; }
.navbar .nav-link { color: rgba(255,255,255,0.85) !important; }
.navbar .nav-link:hover, .navbar .nav-link:focus { color: #fff !important; }
.navbar .nav-link.active { color: #fff !important; }
.navbar .navbar-brand { color: #fff !important; }
.navbar .badge.bg-light { background-color: #e0e0e0 !important; color: #1a1a2e !important; }

/* Cards */
.card-header { background-color: #eaf0f7 !important; }
.card { transition: box-shadow 0.2s; border-color: #b0c4d8 !important; }
.card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

/* Tables */
.table th { font-weight: 600; white-space: nowrap; }
.table thead th { background-color: #eaf0f7 !important; }
.table { --bs-table-border-color: #b0c4d8; border-color: #b0c4d8; }
.table-responsive { border: 1px solid #b0c4d8; border-radius: 0.375rem; background-color: #eaf0f7; }

/* Footer */
footer { font-size: 0.85rem; }

/* Datetime elements rendered by localdt filter */
time[data-utc] { white-space: nowrap; }

/* Mobile */
@media (max-width: 768px) {
    .table-responsive { font-size: 0.85rem; }
    .navbar-brand { font-size: 1rem; }
    .btn-sm { min-height: 38px; min-width: 38px; }
}