.jsPanel .jsPanel-hdr,
.jsPanel .jsPanel-headerbar {
    background: var(--popup-background-color-access) !important;
}

/* Access brand overrides: color and small tweaks */
.login_logo {
    background-color: #781e49;
}

.login_input:focus {
    border-color: #781e49 !important;
}

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

.chat-badge, .chat_notification_badge, .conv_unread {
    background-color: #781e49;
}

.CommandButton {
    background-color: #781e49;
}

.chat_attach_chip .chip_remove:hover {
    color: #781e49;
}

.search_input:focus {
    border-color: #781e49;
}

.drop_zone_documents {
    border-color: #781e49 !important;
}

/* Dialog headers: use Access purple (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-access);
}

/* Inactive module badges stay red (same as time.track); do not reuse Access purple here. */

.about_modal.e-dialog .about_link:hover {
    color: #781e49;
}