/*
 * Explicit 18.6.39 — Paleta Graphite Blue
 * Escopo: somente apresentação. Preserva HTML, componentes, operações, permissões,
 * identificação de cargos, cores de presença/ping/áudio, alertas e customizações.
 * Referência: captura aprovada em 03/11/2026, preto profundo + azul sóbrio.
 * Carregada por último para neutralizar overrides visuais das versões anteriores.
 */
:root {
  color-scheme: dark;
  --base: #08090c !important;
  --surface: #0c0e12 !important;
  --raised: #151820 !important;
  --line: #2a2d33 !important;
  --muted: #a1a6b0 !important;
  --accent: #568fc3 !important;
  --ice: #568fc3 !important;
  --ice-light: #9dc1e1 !important;
  --explicit-bg: #08090c !important;
  --explicit-panel: #0c0e12 !important;
  --explicit-card: #151820 !important;
  --explicit-field: #171a20 !important;
  --explicit-line: #2a2d33 !important;
  --explicit-blue: #568fc3 !important;
  --explicit-blue-hover: #274362 !important;
  --explicit-hover: #1c222b !important;
  --bg-base: #08090c !important;
  --bg-main: #08090c !important;
  --bg-sidebar: #0c0e12 !important;
  --explicit-v37-bg: #08090c !important;
  --explicit-v37-surface: #0c0e12 !important;
  --explicit-v37-raised: #151820 !important;
  --explicit-v37-line: #2a2d33 !important;
  --explicit-v37-text: #eceef2 !important;
  --explicit-v37-muted: #a1a6b0 !important;
  --explicit-theme-bg: #08090c;
  --explicit-theme-panel: #0c0e12;
  --explicit-theme-elevated: #151820;
  --explicit-theme-hover: #1c222b;
  --explicit-theme-line: #2a2d33;
  --explicit-theme-accent: #568fc3;
  --explicit-theme-selected: #284769;
  --explicit-theme-text: #eceef2;
  --explicit-theme-muted: #a1a6b0;
}

/* ESTRUTURA: mesma cor contínua na barra de membros, sem cards por grupo. */
html, body:not(.explicit-light-theme), body:not(.explicit-light-theme) #app,
body:not(.explicit-light-theme) main {
  background-color: #08090c !important;
  color: #eceef2 !important;
}
body:not(.explicit-light-theme) :is(
  #nexoRail, #nexoSidebar, #membersPanel, #membersList, .members-panel,
  .explicit-members-panel, #communityList, #channelList,
  .explicit-dm-sidebar, .explicit-dm-side-list, .explicit-dm-header,
  .explicit-dm-mini, .explicit-dm-compose, .explicit-settings-nav,
  .explicit-settings-sidebar, .explicit-server-settings-side,
  .explicit-community-settings-nav, .explicit-admin-nav,
  .explicit-admin-sidebar
) {
  background: #0c0e12 !important;
  border-color: #2a2d33 !important;
}
body:not(.explicit-light-theme) :is(
  #nexoPane, #nexoOverlay, .pane, .messages,
  .explicit-dm-main, #directMessages, .explicit-dm-split,
  .explicit-server-settings-screen, .explicit-server-settings-content,
  .explicit-settings-content, .explicit-admin-content, .explicit-admin-pane,
  .explicit-editor-page, .explicit-editor-shell, .explicit-name-panel,
  .explicit-name-inline-editor
) {
  background-color: #08090c !important;
  border-color: #2a2d33 !important;
}
body:not(.explicit-light-theme) :is(
  #channelTitle, .explicit-dm-header, .explicit-home-head,
  .explicit-settings-heading, .explicit-role-editor-header,
  .explicit-admin-header, .explicit-acl-header, .explicit-community-settings-navigation
) {
  background-color: #0c0e12 !important;
  border-color: #2a2d33 !important;
}
body:not(.explicit-light-theme) :is(
  #nexoSidebar, #channelList, #membersPanel, #membersList, .members-panel,
  .explicit-dm-sidebar, .explicit-dm-side-list, .explicit-settings-nav,
  .explicit-settings-content, .explicit-server-settings-side,
  .explicit-server-settings-content
) {
  scrollbar-color: #343941 transparent;
}
/* Barras divisórias neutras também abaixo do nome do canal. */
body:not(.explicit-light-theme) :is(
  #channelTitle, .explicit-community-header-row, #nexoSidebar,
  #membersPanel, .explicit-dm-header, .explicit-dm-sidebar,
  .explicit-mini-profile, .explicit-settings-row, .explicit-settings-heading,
  .explicit-home-head, .explicit-server-settings-brand, .explicit-invite-footer
) { border-color: #2a2d33 !important; }
body:not(.explicit-light-theme) :is(#membersPanel, #membersList, .members-panel, .explicit-members-panel) {
  background-image: none !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) #membersPanel :is(
  .members-heading, .member-entry, .members-group, .members-list,
  .member-group, .member-list, .member-category, .member-category-title,
  .voice-group, .voice-members, .voice-person
) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) #membersPanel .member-entry:hover {
  background: #1c222b !important;
}

/* Barras de canais / comunidades: seleção azul discreto, sem novos efeitos. */
body:not(.explicit-light-theme) :is(
  #nexoRail button, #nexoSidebar button, .channelButton,
  .voice-heading button, .explicit-dm-side-list button,
  .explicit-server-settings-side button, .explicit-settings-nav-item,
  .explicit-settings-account-child, .explicit-admin-nav-item
) {
  border-color: #2a2d33 !important;
}
body:not(.explicit-light-theme) :is(
  #nexoRail button, #nexoSidebar button, .channelButton,
  .explicit-dm-side-list button, .explicit-server-settings-side button,
  .explicit-settings-nav-item, .explicit-settings-account-child,
  .explicit-admin-nav-item
):hover {
  background-color: #1c222b !important;
  color: #eceef2 !important;
}
body:not(.explicit-light-theme) :is(
  #nexoRail button.active, #nexoRail .rail-community.selected,
  #railCommunities .rail-community.selected,
  #nexoSidebar .channelButton.active, #nexoSidebar .channelButton.selected,
  .channelButton.active, .explicit-dm-side-list button.selected,
  .explicit-server-settings-side button.selected,
  .explicit-settings-nav-item.selected, .explicit-settings-nav-item.active,
  .explicit-settings-account-child.active, .explicit-admin-nav-item.selected,
  .explicit-community-settings-navigation button.selected
) {
  background: #284769 !important;
  color: #f2f6fb !important;
  border-color: #3b6289 !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) :is(
  #nexoRail .rail-add, #railCommunities .rail-add,
  .explicit-community-invite-button, .explicit-audio-arrow,
  #nexoSidebar .explicit-community-header-row #communityHeading
) { border-color: #2a2d33 !important; }
body:not(.explicit-light-theme) :is(
  #nexoRail .rail-add, #railCommunities .rail-add
) { background: #0c0e12 !important; color: #79aedb !important; }
body:not(.explicit-light-theme) :is(
  #nexoSidebar .voice-heading, #nexoSidebar .voice-members,
  #nexoSidebar .voice-group, #nexoSidebar .voice-person
) { background: transparent !important; }
body:not(.explicit-light-theme) :is(
  #nexoSidebar h3, .voice-label, .members-heading,
  #membersPanel .members-heading, .explicit-home-section-subtitle
) { color: #92bce0 !important; }

/* CAMPOS / CONTROLES: grafite neutro com foco azul, indicadores preservados. */
body:not(.explicit-light-theme) :is(
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
  select, textarea, .explicit-dm-search, .explicit-invite-global-row input,
  .explicit-register-field input, .explicit-settings-nav-search,
  #messageInput, .composer, #form, .explicit-dm-compose
) {
  background: #151820 !important;
  border-color: #33363c !important;
  color: #eceef2 !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) :is(input,select,textarea,button):focus-visible {
  outline-color: #74a8d4 !important;
}
body:not(.explicit-light-theme) :is(input,select,textarea):focus {
  border-color: #568fc3 !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-primary-action, .explicit-role-primary, .explicit-profile-edit-self,
  .explicit-auth-submit, .explicit-acl-primary,
  .explicit-admin-primary, .explicit-admin-publish,
  .explicit-dm-group-submit, .explicit-private-join,
  .explicit-settings-action.primary,
  #sendButton, #sendMessage, button.explicit-send
) {
  background: #356797 !important;
  color: #f6f9fd !important;
  border-color: #356797 !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-primary-action, .explicit-role-primary, .explicit-profile-edit-self,
  .explicit-auth-submit, .explicit-acl-primary,
  .explicit-admin-primary, .explicit-admin-publish,
  .explicit-dm-group-submit, .explicit-private-join,
  #sendButton, #sendMessage, button.explicit-send
):hover { background: #4278a7 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-settings-action, .explicit-server-settings-action,
  .explicit-server-settings-channel button, .explicit-audio-quick button,
  .explicit-invite-person button, .explicit-invite-footer button,
  .explicit-channel-create button, .explicit-role-actions button,
  .explicit-role-editor-footer button, .explicit-dm-group-launch,
  .explicit-acl-footer button, .explicit-dm-action
):not(.danger):not(.explicit-role-delete):not(.explicit-community-delete-danger) {
  background-color: #24374c !important;
  border-color: #324960 !important;
  color: #e6eff9 !important;
  box-shadow: none !important;
}

/* JANELAS, MODAIS, PAINÉIS, MENUS: mesma superfície grafite. */
body:not(.explicit-light-theme) :is(
  #auth, .explicit-auth-card, .obsidian-modal, .nexo-card,
  .nexo-context, .explicit-channel-context, .explicit-profile-menu,
  #memberPopover, .explicit-profile-preview,
  .explicit-settings-window, .explicit-settings-window>h2,
  .explicit-server-settings-channel, .explicit-community-settings,
  .explicit-community-dialog, .explicit-community-context,
  .explicit-admin-console, .explicit-admin-window, .explicit-admin-shell,
  .explicit-acl-modal, .explicit-acl-shell, .explicit-acl-editor,
  .explicit-call-empty, .explicit-dm-group-modal,
  .explicit-private-call, .explicit-audio-quick,
  .explicit-name-locked-overlay, .explicit-preset-confirm-dialog,
  .explicit-editor-main-preview, .explicit-inventory-preview-locked,
  .explicit-home-notification-panel, .explicit-dm-call-toast,
  .explicit-terms-card, .explicit-mini-profile
) {
  background: #11141a !important;
  background-image: none !important;
  border-color: #2a2d33 !important;
  color: #eceef2 !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-role-card, .explicit-role-everyone, .explicit-role-perm-section,
  .explicit-permission-option, .explicit-role-field,
  .explicit-settings-group, .explicit-settings-row,
  .explicit-community-settings-group, .explicit-community-action,
  .explicit-home-card, .explicit-spotlight, .explicit-spotlight-item,
  .explicit-friends-section, .explicit-communities-section,
  .explicit-support-card, .explicit-home-person, .explicit-community-card,
  .explicit-home-request, .explicit-home-join-card,
  .explicit-channel-create, .explicit-channel-perm-row,
  .explicit-acl-category, .explicit-acl-row, .explicit-acl-selection,
  .explicit-admin-item, .explicit-admin-row, .explicit-admin-metric,
  .explicit-dm-group-users, .explicit-dm-friend,
  .explicit-private-person, .explicit-private-video,
  .explicit-editor-group, .explicit-editor-tab,
  .explicit-preset-card, .explicit-inventory-section-head,
  .explicit-notifications-section, .explicit-call-card,
  .screen-tile, .explicit-profile-voice,
  .explicit-invite-person, .explicit-community-member-line
) {
  background-color: #151820 !important;
  background-image: none !important;
  border-color: #2e323a !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-community-card, .explicit-home-person, .explicit-spotlight-item,
  .explicit-role-card, .explicit-channel-perm-row,
  .explicit-admin-item, .explicit-dm-friend
):hover { border-color: #3b4653 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-role-perm-section .explicit-permission-option.is-enabled,
  .explicit-acl-row.selected, .explicit-home-friend-tab.selected,
  .explicit-editor-tab.selected, .explicit-preset-card.equipped,
  .explicit-dm-friend.selected
) {
  background: #22364a !important;
  border-color: #3d6385 !important;
}
/* Diálogos com superfícies internas coesas. */
body:not(.explicit-light-theme) :is(
  .explicit-settings-window>h2, .explicit-settings-nav,
  .explicit-settings-content, .explicit-server-settings-screen,
  .explicit-server-settings-side, .explicit-server-settings-content,
  .explicit-community-settings-body,
  .explicit-admin-nav, .explicit-admin-pane,
  .explicit-acl-left, .explicit-acl-right,
  .explicit-role-editor, .explicit-role-editor-footer,
  .explicit-editor-left, .explicit-editor-right,
  .explicit-inventory-toolbar
) { border-color: #2a2d33 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-settings-window, .explicit-settings-window>h2,
  .explicit-settings-nav, .explicit-settings-content,
  .explicit-role-editor, .explicit-role-editor-footer,
  .explicit-admin-nav, .explicit-admin-content,
  .explicit-acl-left, .explicit-acl-right,
  .explicit-editor-left, .explicit-editor-right
) { background-color: #11141a !important; }
body:not(.explicit-light-theme) :is(
  .explicit-settings-content, .explicit-server-settings-content
) { background-color: #0c0e12 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-role-editor-footer, .explicit-acl-footer,
  .explicit-dm-group-footer, .explicit-admin-header,
  .explicit-settings-window>h2
) { border-color: #2a2d33 !important; }

/* Espaços de perfil/áudio com contraste sutil (sem alterar tamanhos ou scroll). */
body:not(.explicit-light-theme) #memberPopover :is(
  .explicit-popover-cover, .explicit-profile-voice
) { background: #191d25 !important; border-color: #343941 !important; }
body:not(.explicit-light-theme) #memberPopover :is(
  .explicit-member-role-chips, .explicit-profile-voice,
  .explicit-profile-edit-self
) { border-color: #343941 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-role-editor-header small, .explicit-roles-overview small,
  .explicit-home-summary, .explicit-home-section-subtitle,
  .explicit-settings-row-copy small, .explicit-server-settings-content p
) { color: #a1a6b0 !important; }
body:not(.explicit-light-theme) :is(
  .explicit-settings-row-copy strong, .explicit-server-settings-content h2,
  .explicit-role-card strong, .explicit-spotlight h2,
  .explicit-friends-section h2, .explicit-communities-section h2
) { color: #eceef2 !important; }

/* HOME: não trocar tamanhos, espaçamento, card de comunidade ou quantidade de colunas. */
body.explicit-home:not(.explicit-light-theme):not(.explicit-direct-mode) #nexoOverlay {
  background: #08090c !important;
}
body.explicit-home:not(.explicit-light-theme):not(.explicit-direct-mode) :is(
  .explicit-spotlight, .explicit-friends-section, .explicit-communities-section,
  .explicit-support-card, .explicit-spotlight-item, .explicit-home-person,
  .explicit-community-card
) { background: #11141a !important; background-image: none !important; border-color: #2a2d33 !important; }
body.explicit-home:not(.explicit-light-theme):not(.explicit-direct-mode) #homeSpaces>.explicit-community-card,
body.explicit-home:not(.explicit-light-theme):not(.explicit-direct-mode) .explicit-community-image {
  background: #1b2938 !important;
  border-color: #39485a !important;
}
body.explicit-home:not(.explicit-light-theme):not(.explicit-direct-mode) :is(
  .explicit-home-person.selected, .explicit-home-friend-tab.selected
) { background: #22364a !important; border-color: #3d6385 !important; }
/* Não alterar as cores de presença, ping, conexão, dispositivos, áudio, perigos ou badges individuais. */

/* Pontos específicos presentes no HTML real (sem afetar cor dos status). */
body:not(.explicit-light-theme) #communityHeading,
body:not(.explicit-light-theme) #channelTitle {
  color: #eceef2 !important;
}
body:not(.explicit-light-theme) #form>button:last-child,
body:not(.explicit-light-theme) #auth .explicit-auth-switch button.selected {
  background: #356797 !important;
  border-color: #356797 !important;
  color: #f6f9fd !important;
  box-shadow: none !important;
}
body:not(.explicit-light-theme) #form>button[type=button],
body:not(.explicit-light-theme) #auth .explicit-auth-switch button:not(.selected) {
  background: #151820 !important;
  border-color: #2a2d33 !important;
  color: #c6ccd6 !important;
}
body:not(.explicit-light-theme) #form #message {
  background: #151820 !important;
  border-color: #33363c !important;
  color: #eceef2 !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-settings-toggle, .explicit-acl-switch,
  .explicit-editor-toggle
):not(.selected):not(.active):not(.enabled) {
  border-color: #3b414a !important;
}
body:not(.explicit-light-theme) :is(
  .explicit-settings-nav-item.selected, .explicit-server-settings-side button.selected,
  .explicit-admin-nav-item.selected, .explicit-community-settings-navigation button.selected
) { box-shadow: none !important; }
body:not(.explicit-light-theme) .explicit-server-settings-content :is(
  .explicit-inline-role-editor, .explicit-inline-roles-list,
  .explicit-inline-role-editor .explicit-role-editor-footer
) {
  background-color: #11141a !important;
  border-color: #2e323a !important;
}
body:not(.explicit-light-theme) .explicit-server-settings-content .explicit-roles-workspace.explicit-inline-roles-list {
  background: transparent !important;
  border-color: transparent !important;
}
/* Mantém a identidade gráfica previamente configurada para badges, nomes e avatares. */