/*
 * Camada visual compartilhada: menu lateral e CRM.
 * É deliberadamente CSS-only: não altera app.js, APIs, relatórios,
 * automações, permissões, campos ou dados dos clientes.
 */

/* ── Menu lateral ─────────────────────────────────────────────────────── */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar {
  background: linear-gradient(180deg, #141414 0%, #0b0b0c 100%) !important;
  border-right: 1px solid #292929 !important;
  box-shadow: 1px 0 0 rgba(255, 255, 255, .035) !important;
  color: #f1f1f1 !important;
  padding: 12px 10px 14px !important;
}

@media (min-width: 861px) {
  body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar:not(.sidebar--collapsed) {
    width: 288px !important;
  }
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-logo {
  gap: 10px !important;
  margin: 0 0 8px !important;
  padding: 8px 10px 15px !important;
  border: 0 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-logo-icon {
  display: grid !important;
  width: 32px !important;
  height: 32px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, #3b82f6, #245fc3) !important;
  color: #ffffff !important;
  filter: none !important;
  box-shadow: 0 5px 14px rgba(44, 110, 203, .34) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-logo-icon svg {
  width: 18px !important;
  height: 18px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-logo-title {
  color: #f6f6f7 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.012em !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-status {
  color: #65d69d !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .status-dot {
  width: 6px !important;
  height: 6px !important;
  box-shadow: 0 0 0 3px rgba(101, 214, 157, .12) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-toggle {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 7px !important;
  color: #aeb0b3 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-toggle:hover {
  background: #262626 !important;
  border-color: #3a3a3a !important;
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-nav {
  gap: 2px !important;
  padding: 0 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item {
  min-height: 40px !important;
  gap: 10px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #d0d0d2 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  letter-spacing: -.005em !important;
  line-height: 1.2 !important;
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, transform 140ms ease !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item .nav-icon,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item > svg:not(.nav-chevron) {
  width: 18px !important;
  height: 18px !important;
  color: #b9b9bd !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item:hover {
  background: linear-gradient(180deg, #303030, #292929) !important;
  border-color: #404040 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .25) !important;
  transform: translateY(-1px) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item.active {
  background: linear-gradient(180deg, #373737, #2d2d2d) !important;
  border-color: #505050 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(111, 137, 255, .92), 0 6px 16px rgba(0, 0, 0, .28) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item:hover :is(.nav-icon, svg),
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-item.active :is(.nav-icon, svg) {
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-submenu {
  margin: 2px 0 3px 10px !important;
  padding: 3px 0 3px 10px !important;
  border-left: 1px solid #343434 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-subitem {
  min-height: 34px !important;
  border-radius: 7px !important;
  color: #aaaab0 !important;
  font-size: 12px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .nav-badge {
  background: #414141 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  font-size: 10px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-footer {
  margin-top: 12px !important;
  padding: 12px 0 0 !important;
  border-top: 1px solid #292929 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-footer > .btn-sidebar-action {
  min-height: 36px !important;
  gap: 9px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #b7b7bb !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-footer > .btn-sidebar-action:hover {
  background: #282828 !important;
  border-color: #3a3a3a !important;
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .btn-restart {
  color: #ff9a8f !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-resize:hover,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar .sidebar-resize.dragging {
  background: #6f89ff !important;
}

/* Recolhido é uma trilha de ícones de verdade — somente no desktop. */
@media (min-width: 861px) {
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed {
  width: 68px !important;
  min-width: 68px !important;
  overflow: hidden !important;
  padding: 12px 8px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed .sidebar-logo {
  margin-bottom: 8px !important;
  padding: 8px 0 14px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed :is(.nav-item, .btn-sidebar-action) {
  width: 44px !important;
  min-width: 44px !important;
  height: 40px !important;
  min-height: 40px !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed :is(.nav-label, .btn-label, .nav-badge, .nav-chevron, .sidebar-logo-text) {
  display: none !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed :is(.nav-item, .btn-sidebar-action) :is(svg, .nav-icon) {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed .nav-item.active {
  box-shadow: 0 0 0 2px rgba(111, 137, 255, .82) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar.sidebar--collapsed .sidebar-footer {
  gap: 3px !important;
  padding-top: 10px !important;
}
}

/* ── CRM ───────────────────────────────────────────────────────────────── */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-board-view {
  background: #f6f6f7 !important;
  color: #202223 !important;
  font-family: Inter, "Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-top {
  padding: 24px 24px 0 !important;
  background: transparent !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-top h2 {
  margin-bottom: 3px !important;
  color: #202223 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-top p {
  color: #6d7175 !important;
  font-size: 12.5px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-action-bar {
  gap: 8px !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  border: 0 !important;
  background: transparent !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm :is(#crm-funnel-select, #crm-search, #crm-sort, #crm-filter-callback) {
  min-height: 36px !important;
  padding: 0 13px !important;
  border: 1px solid #c9cccf !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #202223 !important;
  box-shadow: 0 1px 1px rgba(32, 34, 35, .05) !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm #crm-search {
  width: min(320px, 100%) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm :is(#crm-funnel-select, #crm-search, #crm-sort, #crm-filter-callback):focus,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.form-input, .form-textarea):focus {
  border-color: #2c6ecb !important;
  outline: none !important;
  box-shadow: 0 0 0 1px #2c6ecb !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm #crm-search::placeholder {
  color: #8c9196 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-action-bar .ws-tab-btn,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm #btn-crm-view-toggle {
  min-height: 36px !important;
  padding: 0 13px !important;
  border: 1px solid #c9cccf !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #202223 !important;
  box-shadow: 0 1px 1px rgba(32, 34, 35, .05) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm :is(.crm-action-bar .ws-tab-btn, #btn-crm-view-toggle):hover {
  border-color: #8c9196 !important;
  background: #f6f6f7 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-actions-dropdown {
  padding: 5px !important;
  border: 1px solid #d2d5d8 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(32, 34, 35, .16) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-menu-item {
  border-radius: 7px !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-menu-item:hover {
  background: #f6f6f7 !important;
}

/* Kanban */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-board {
  gap: 12px !important;
  padding: 8px 24px 22px !important;
  background: transparent !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-board::-webkit-scrollbar-thumb,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-cards::-webkit-scrollbar-thumb {
  border-radius: 8px !important;
  background: #bfc3c8 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-column {
  background: #ffffff !important;
  border: 1px solid #e1e3e5 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(32, 34, 35, .05) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-col-header {
  padding: 12px 13px !important;
  border-bottom: 1px solid #e1e3e5 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm :is(.crm-col-title, .crm-card-name) {
  color: #202223 !important;
  font-weight: 700 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-col-title {
  font-size: 13px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-col-count {
  background: #f1f1f1 !important;
  color: #5c5f62 !important;
  border-radius: 999px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-col-btn {
  border: 1px solid #d2d5d8 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #5c5f62 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-col-btn:hover {
  border-color: #8c9196 !important;
  background: #f6f6f7 !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-cards {
  gap: 8px !important;
  padding: 10px !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-card {
  border: 1px solid #e1e3e5 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(32, 34, 35, .05) !important;
}

/* Mantém o alerta operacional de lead não lido acima do acabamento visual. */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-card.crm-card-unread {
  border-color: var(--accent, #2c6ecb) !important;
  box-shadow: 0 0 0 1px var(--accent, #2c6ecb), 0 2px 12px rgba(44, 110, 203, .18) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-card:hover {
  border-color: #8c9196 !important;
  box-shadow: 0 7px 18px rgba(32, 34, 35, .10) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm :is(.crm-card-info, .crm-card-note, .crm-empty-col) {
  color: #6d7175 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-add-card-btn {
  border-color: #c9cccf !important;
  border-radius: 8px !important;
  color: #5c5f62 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-add-card-btn:hover {
  border-color: #2c6ecb !important;
  background: #ebf5ff !important;
  color: #1a5eac !important;
}

/* Visualização em lista */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-view,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-table {
  background: #ffffff !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-table th {
  background: #f6f6f7 !important;
  color: #5c5f62 !important;
  border-color: #e1e3e5 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-table td,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-row {
  border-color: #e1e3e5 !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-list-row:hover {
  background: #f6f6f7 !important;
}

/* Detalhe do lead: apenas superfícies, textos e campos; estrutura permanece intacta. */
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view {
  background: #f6f6f7 !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-header {
  padding: 16px 20px 0 !important;
  background: transparent !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-back-btn {
  min-height: 36px !important;
  padding: 0 13px !important;
  border: 1px solid #c9cccf !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #202223 !important;
  box-shadow: 0 1px 1px rgba(32, 34, 35, .05) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-back-btn:hover {
  border-color: #8c9196 !important;
  background: #f6f6f7 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-title {
  color: #202223 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-layout {
  border: 1px solid #e1e3e5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(32, 34, 35, .06) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-detail-right, .crm-detail-left) {
  background: #ffffff !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-left {
  border-left: 1px solid #e1e3e5 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-left .form-label {
  color: #6d7175 !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-left :is(.form-input, .form-textarea) {
  border-color: #d2d5d8 !important;
  background: #ffffff !important;
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-left :is(.form-input, .form-textarea)::placeholder {
  color: #8c9196 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view #crm-detail-chat-header,
body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-detail-input-area {
  background: #ffffff !important;
  border-color: #e1e3e5 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view #crm-detail-messages {
  background: var(--vac-chat-background, #ffffff) !important;
  background-image: none !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .chat-msg.in .chat-bubble {
  border: 0 !important;
  background: #ffffff !important;
  color: #202223 !important;
  box-shadow: 0 1px 2px rgba(32, 34, 35, .12) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .chat-msg.out:not(.ai-sent) .chat-bubble {
  border-color: var(--vac-chat-outgoing, var(--accent, #2c6ecb)) !important;
  background: var(--vac-chat-outgoing, var(--accent, #2c6ecb)) !important;
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .chat-msg.out.ai-sent .chat-bubble {
  border-color: #f17b25 !important;
  background: #f17b25 !important;
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-label-btn {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #c9cccf !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #5c5f62 !important;
  box-shadow: 0 1px 1px rgba(32, 34, 35, .05) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-label-btn.active {
  border-color: var(--accent, #2c6ecb) !important;
  background: color-mix(in srgb, var(--accent, #2c6ecb) 12%, #ffffff) !important;
  color: var(--accent, #2c6ecb) !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-activity, .crm-lead-info) {
  border-color: #e1e3e5 !important;
  background: #f6f6f7 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-act-tab {
  border-color: #d2d5d8 !important;
  background: #ffffff !important;
  color: #5c5f62 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view .crm-act-tab.active {
  border-color: var(--accent, #2c6ecb) !important;
  background: var(--accent, #2c6ecb) !important;
  color: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-comment-item, .crm-file-item) {
  border: 1px solid #e1e3e5 !important;
  background: #ffffff !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-comment-text, .crm-file-name) {
  color: #202223 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-comment-meta, .crm-file-size, .crm-lead-info-k) {
  color: #6d7175 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-zoo-tabs, .lead-tabs) {
  border-bottom-color: #e1e3e5 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-zoo-tab, .lead-tab) {
  color: #6d7175 !important;
}

body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #crm-detail-view :is(.crm-zoo-tab.active, .lead-tab.active) {
  border-bottom-color: var(--accent, #2c6ecb) !important;
  color: #202223 !important;
}

@media (max-width: 860px) {
  body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #sidebar {
    background: #101010 !important;
  }

  body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-top {
    padding: 16px 16px 0 !important;
  }

  body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-action-bar,
  body[class*="client-"]:not(.client-virandoachave) #screen-dashboard #tab-crm .crm-board {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}