/* Nexus brand overrides (AMT Group / NexusGen Time) */
.jsPanel .jsPanel-hdr,
.jsPanel .jsPanel-headerbar {
    background: var(--popup-background-color-nexus) !important;
}

.login_logo {
    background-color: #1c74a5;
}

/* Login: legacy portal sized by width (login.css), not max-height — restore that for Nexus only. */
.login_logo img {
    width: 260px;
    max-height: none;
    height: auto;
    object-fit: contain;
}

/* Compact logos in the app chrome (sidebar header). */
.dashboard-nav header .logo-open,
.dashboard-nav header .logo-closed {
    max-height: 40px;
    width: auto;
    object-fit: contain;
}

/* About Nexus SVGs often have viewBox only (no intrinsic size) — height:auto collapses to 0x0. */
.about_logo img {
    width: 160px;
    max-width: 220px;
    height: auto;
    object-fit: contain;
}

.login_input:focus {
    border-color: #1c74a5 !important;
}

.login_submit {
    background-color: #535353 !important;
}

.login_link a {
    color: #535353 !important;
}

.login_copyright {
    color: #535353 !important;
}

.login_title {
    color: #535353 !important;
}

.dashboard > .e-sidebar header,
.dashboard-nav header {
    background-color: #1c74a5;
}

.dashboard-nav {
    background-color: #535353 !important;
}

.dashboard-nav-dropdown-toggle.active {
    color: #535353 !important;
}

.dashboard-compact .dashboard-nav-item.active,
.dashboard-compact .dashboard-nav-dropdown-toggle.active {
    color: #535353 !important;
}

html.page-loaded .dashboard-compact .dashboard-nav:hover .dashboard-nav-item.active,
html.page-loaded .dashboard-compact .dashboard-nav:hover .dashboard-nav-dropdown-item.active,
html.page-loaded .dashboard-compact .dashboard-nav:hover .dashboard-nav-dropdown-toggle.active {
    color: #535353 !important;
}

.dashboard-nav::-webkit-scrollbar-track {
    background: #535353 !important;
}

.dashboard-nav {
    scrollbar-color: rgba(255, 255, 255, 0.2) #535353 !important;
}

.dashboard-toolbar {
    background-color: #d4d3d2 !important;
}

.chat-badge,
.chat_notification_badge,
.conv_unread {
    background-color: #1c74a5;
}

.CommandButton {
    background-color: #1c74a5;
}

.chat_attach_chip .chip_remove:hover {
    color: #1c74a5;
}

.search_input:focus {
    border-color: #1c74a5;
}

.drop_zone_documents {
    border-color: #1c74a5 !important;
}

/* Dialog headers: use Nexus blue (site.css uses --popup-background-color / red for time.track). */
.about_modal.e-dialog .e-dlg-header-content,
.portal_content_dialog.e-dialog .e-dlg-header-content,
.movement_modal.e-dialog .e-dlg-header-content {
    background-color: var(--popup-background-color-nexus);
}

.about_modal.e-dialog .about_link:hover {
    color: #1c74a5;
}

.about_title,
.about_stats_value,
.about_link,
.about_footer_info,
.about_footer_version,
.about_module_label {
    color: #535353 !important;
}

.about_panel {
    background: #d4d3d2 !important;
}

.about_stats_col:not(:last-child) {
    border-right: 4px solid #d4d3d2 !important;
}

.page-title-text {
    color: #535353 !important;
}

.breadcrumb-item a {
    color: #535353 !important;
}

.breadcrumb-item a:hover {
    color: #535353 !important;
}

.page-header {
    border-bottom: 1px solid #d4d3d2 !important;
}

.separator {
    border-bottom: 1px solid #d4d3d2 !important;
}

.separator .label-separator {
    color: #535353 !important;
}

.chat_sidebar,
.chat_search {
    background-color: #535353 !important;
}

.agent_option_selected {
    background: #535353 !important;
    border-color: #535353 !important;
}

.brand_option_selected {
    border-color: #535353 !important;
}

.msg_mine .msg_bubble {
    background: #535353 !important;
}

.chat_load_more {
    color: #535353 !important;
}

.chat_bar,
.chat_bar_header {
    background-color: #d4d3d2 !important;
}

.chat_message_content,
.chat_conv_window,
.chat_conv_footer {
    background-color: #d4d3d2 !important;
}

.menu-separator {
    background-color: #d4d3d24f;
}