body { padding-top: 56px; }

.navbar-custom { background-color: #25083E; }
.navbar-custom .navbar-brand, .navbar-custom .nav-link { color: #fff; }

.logo { width: 150px; }

.container-fluid { margin-top: 20px; width: 100%; max-width: none; }

.navbar-text { color: lightgrey; }
.nav-item .nav-logout { color: red; }
.nav-item .nav-login { color: lightgreen; }

.bar1,.bar2,.bar3 { width: 100%; height: 5px; background-color: white; margin: 6px 0; transition: .4s; }
.bar1 { margin: 0 !important; }
.change .bar1 { transform: translate(0,11px) rotate(-45deg); }
.change .bar2 { opacity: 0; }
.change .bar3 { transform: translate(0,-11px) rotate(45deg); }

.nav-item { margin-right: 15px; }
.btn-navbar { color: lightgreen !important; padding: 0 !important; }
.nav-nopad { padding: 0; margin: 0; }

/* Row highlight for user mismatch */
tr.mismatch { background-color: lightcoral !important; }

/* Clickable rows */
table.row-clickable tbody tr { cursor: pointer; }

/* Toast stays below navbar */
.toast-wrap { top: 56px; z-index: 1080; }