/* Identidade visual do Portal Janus no painel Omnichannel. */
:root {
    --janus-ink: #020e20;
    --janus-ink-2: #061a33;
    --janus-blue: #079bea;
    --janus-blue-hover: #087fdb;
}

.page > .navbar-vertical {
    --bb-navbar-bg: var(--janus-ink);
    --bb-navbar-border-color: rgba(56, 166, 255, .25);
    background: var(--janus-ink);
    border-color: rgba(56, 166, 255, .25);
}

/* O core.css pinta a faixa do logo em cinza quando o menu usa data-bs-theme="dark". */
.page > .navbar-vertical .navbar-brand.navbar-brand-autodark {
    background: transparent !important;
}

.page > .navbar-vertical .nav-link {
    color: #c5d8ec;
}

.page > .navbar-vertical .nav-link:hover,
.page > .navbar-vertical .nav-link.active,
.page > .navbar-vertical .nav-item.active > .nav-link {
    color: #fff;
    background: rgba(7, 155, 234, .17);
}

.page > .navbar-vertical .nav-link.active::before,
.page > .navbar-vertical .nav-item.active > .nav-link::before {
    background: var(--janus-blue);
}

.page > header.navbar:not(.navbar-vertical) {
    --bb-navbar-bg: #fff;
    --bb-navbar-color: #102238;
    --bb-navbar-hover-color: var(--janus-blue-hover);
    --bb-navbar-active-color: var(--janus-blue-hover);
    background: #fff;
    border-bottom: 1px solid #dce5ee;
    color: #102238;
}

.page > header.navbar:not(.navbar-vertical) .nav-link,
.page > header.navbar:not(.navbar-vertical) .text-reset {
    color: inherit !important;
}

.page > header.navbar:not(.navbar-vertical) .nav-link:hover {
    color: var(--janus-blue-hover) !important;
}

.janus-admin-logo {
    filter: none !important;
    width: min(190px, 100%);
    height: auto;
    max-height: 64px;
    object-fit: contain;
}

.container-tight .janus-admin-logo {
    width: min(240px, 100%);
    max-height: 80px;
}

body[data-bs-theme="dark"] .page > .navbar-vertical {
    --bb-navbar-bg: #020b19;
    background: #020b19;
}

body[data-bs-theme="dark"] .page > header.navbar:not(.navbar-vertical) {
    --bb-navbar-bg: var(--janus-ink-2);
    --bb-navbar-color: #f7faff;
    --bb-navbar-hover-color: #4fc3ff;
    --bb-navbar-active-color: #4fc3ff;
    background: var(--janus-ink-2);
    border-bottom-color: rgba(56, 166, 255, .25);
    color: #f7faff;
}

body[data-bs-theme="dark"] .page > header.navbar:not(.navbar-vertical) .nav-link:hover {
    color: #4fc3ff !important;
}

.page > header.janus-horizontal-header,
body[data-bs-theme="dark"] .page > header.janus-horizontal-header {
    --bb-navbar-bg: var(--janus-ink-2);
    background: var(--janus-ink-2);
    border-bottom-color: rgba(56, 166, 255, .25);
    color: #f7faff;
}