/**
 * TradingBlitz Dark Mode — WordPress (Genesis / Authority Pro / BuddyPress / bbPress)
 *
 * Color palette (matches tradingblitz.com):
 *   Header/footer bg:  #070a12
 *   Page bg:           rgb(18, 35, 50)   / #122332
 *   Cards/panels:      rgb(32, 57, 79)   / #20394f
 *   Inner panels:      rgb(246 246 247 / 8%)
 *   Table heads/hover: rgb(246 246 247 / 16%)
 *   Primary text:      #dfdfdf
 *   Headings/hover:    #fff
 *   Borders:           rgba(255, 255, 255, 0.1)
 *   Accent (brand):    #1552EF
 */

/* ================================================================
   GLOBAL / BODY
   ================================================================ */
html.dark-mode,
html.dark-mode body,
html.dark-mode .site-container {
    background-color: rgb(18, 35, 50) !important;
    color: #dfdfdf !important;
}

/* ================================================================
   SITE HEADER
   ================================================================ */
html.dark-mode .site-header {
    background-color: #070a12 !important;
}

html.dark-mode .site-header .wrap {
    background-color: #070a12 !important;
}

html.dark-mode .title-area .site-title a,
html.dark-mode .title-area .site-description {
    color: #fff !important;
}

/* ================================================================
   NAVIGATION — Primary & Secondary
   ================================================================ */
html.dark-mode .genesis-nav-menu a {
    color: #dfdfdf !important;
}

html.dark-mode .genesis-nav-menu a:hover,
html.dark-mode .genesis-nav-menu a:focus,
html.dark-mode .genesis-nav-menu .current-menu-item > a {
    color: #fff !important;
}

html.dark-mode .genesis-nav-menu .sub-menu {
    background-color: rgb(32, 57, 79) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .genesis-nav-menu .sub-menu a {
    color: #dfdfdf !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .genesis-nav-menu .sub-menu a:hover,
html.dark-mode .genesis-nav-menu .sub-menu a:focus {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #fff !important;
}

html.dark-mode #nav_username {
    color: #dfdfdf !important;
}

/* Mobile menu toggle */
html.dark-mode .menu-toggle,
html.dark-mode .sub-menu-toggle {
    background-color: transparent !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ================================================================
   AUTHORITY PRO — Top Banner
   ================================================================ */
html.dark-mode .authority-top-banner {
    background-color: #070a12 !important;
    color: #dfdfdf !important;
}

html.dark-mode .authority-top-banner a {
    color: #fff !important;
}

/* ================================================================
   CONTENT AREA
   ================================================================ */
html.dark-mode .site-inner {
    background-color: rgb(18, 35, 50) !important;
}

html.dark-mode .content-sidebar-wrap {
    background-color: transparent !important;
}

html.dark-mode .content {
    background-color: transparent !important;
}

/* ================================================================
   ENTRIES / POSTS / PAGES
   ================================================================ */
html.dark-mode .entry {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

html.dark-mode .entry-header .entry-title,
html.dark-mode .entry-title a {
    color: #fff !important;
}

html.dark-mode .entry-title a:hover {
    color: #dfdfdf !important;
}

html.dark-mode .entry-content {
    color: #dfdfdf !important;
}

html.dark-mode .entry-content h1,
html.dark-mode .entry-content h2,
html.dark-mode .entry-content h3,
html.dark-mode .entry-content h4,
html.dark-mode .entry-content h5,
html.dark-mode .entry-content h6 {
    color: #fff !important;
}

html.dark-mode .entry-content a {
    color: #6ea8fe !important;
}

html.dark-mode .entry-content a:hover {
    color: #fff !important;
}

html.dark-mode .entry-meta,
html.dark-mode .entry-footer .entry-meta,
html.dark-mode .entry-meta a {
    color: #999 !important;
}

html.dark-mode .entry-meta a:hover {
    color: #dfdfdf !important;
}

html.dark-mode .more-link-wrap .more-link {
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.dark-mode .more-link-wrap .more-link:hover {
    color: #fff !important;
}

/* Authority Pro subtitle */
html.dark-mode .authority-subtitle {
    color: #6ea8fe !important;
}

/* Sticky / featured posts */
html.dark-mode .entry.sticky {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* ================================================================
   ARCHIVE / CATEGORY HEADERS
   ================================================================ */
html.dark-mode .archive-description {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .archive-description .archive-title {
    color: #fff !important;
}

/* ================================================================
   SIDEBAR & WIDGETS
   ================================================================ */
html.dark-mode .sidebar {
    color: #dfdfdf !important;
}

html.dark-mode .sidebar .widget {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .sidebar .widget:first-of-type {
    background-color: rgb(32, 57, 79) !important;
}

html.dark-mode .sidebar .widget-title,
html.dark-mode .widget-wrap h2.wp-block-heading {
    color: #fff !important;
}

html.dark-mode .sidebar a {
    color: #6ea8fe !important;
}

html.dark-mode .sidebar a:hover {
    color: #fff !important;
}

/* ================================================================
   SEARCH FORM
   ================================================================ */
html.dark-mode .search-form input[type="search"],
html.dark-mode .wp-block-search__input {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .wp-block-search__button {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* ================================================================
   FORMS & INPUTS (Global)
   ================================================================ */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode input::placeholder,
html.dark-mode textarea::placeholder {
    color: #999 !important;
}

html.dark-mode input:focus,
html.dark-mode textarea:focus,
html.dark-mode select:focus {
    border-color: #1552EF !important;
    outline-color: #1552EF !important;
}

/* ================================================================
   BUTTONS (Global)
   ================================================================ */
html.dark-mode .button,
html.dark-mode button,
html.dark-mode input[type="submit"],
html.dark-mode input[type="button"],
html.dark-mode .entry-content .button {
    background-color: #1552EF !important;
    color: #fff !important;
    border-color: #1552EF !important;
}

html.dark-mode .button:hover,
html.dark-mode button:hover,
html.dark-mode input[type="submit"]:hover,
html.dark-mode input[type="button"]:hover,
html.dark-mode .entry-content .button:hover {
    background-color: #1142BF !important;
    color: #fff !important;
}

/* ================================================================
   TABLES
   ================================================================ */
html.dark-mode table {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ================================================================
   COMMENTS
   ================================================================ */
html.dark-mode div#comments,
html.dark-mode #respond,
html.dark-mode .comment-respond {
    background-color: rgb(18, 35, 50) !important;
    color: #dfdfdf !important;
}

html.dark-mode .comment-list .comment {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .comment-author,
html.dark-mode .comment-meta {
    color: #999 !important;
}

html.dark-mode .comment-author a {
    color: #dfdfdf !important;
}

html.dark-mode textarea#comment {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .entry-comments > h3,
html.dark-mode .entry-pings > h3,
html.dark-mode .comment-respond > h3 {
    color: #fff !important;
}

/* ================================================================
   PAGINATION
   ================================================================ */
html.dark-mode .pagination a,
html.dark-mode .pagination .current {
    color: #dfdfdf !important;
}

html.dark-mode .pagination .current {
    background-color: #1552EF !important;
    color: #fff !important;
}

html.dark-mode .pagination a:hover {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

/* ================================================================
   BREADCRUMBS
   ================================================================ */
html.dark-mode .breadcrumb {
    color: #999 !important;
}

html.dark-mode .breadcrumb a {
    color: #6ea8fe !important;
}

/* ================================================================
   BLOCKQUOTE, CODE, PRE, HR
   ================================================================ */
html.dark-mode blockquote {
    border-left-color: #1552EF !important;
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

html.dark-mode pre,
html.dark-mode code {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

html.dark-mode hr {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ================================================================
   FOOTER WIDGETS
   ================================================================ */
html.dark-mode .footer-widgets {
    background-color: #070a12 !important;
    color: #dfdfdf !important;
}

html.dark-mode .footer-widgets .widget-title {
    color: #fff !important;
}

html.dark-mode .footer-widgets a {
    color: #6ea8fe !important;
}

html.dark-mode .footer-widgets a:hover {
    color: #fff !important;
}

/* ================================================================
   SITE FOOTER
   ================================================================ */
html.dark-mode .site-footer {
    background-color: #070a12 !important;
    color: #999 !important;
}

html.dark-mode .site-footer a {
    color: #dfdfdf !important;
}

html.dark-mode .site-footer a:hover {
    color: #fff !important;
}

/* ================================================================
   BUDDYPRESS — General
   ================================================================ */
html.dark-mode #buddypress {
    color: #dfdfdf !important;
}

html.dark-mode #buddypress a {
    color: #6ea8fe !important;
}

html.dark-mode #buddypress a:hover {
    color: #fff !important;
}

html.dark-mode #buddypress h1,
html.dark-mode #buddypress h2,
html.dark-mode #buddypress h3,
html.dark-mode #buddypress h4 {
    color: #fff !important;
}

/* ================================================================
   BUDDYPRESS — Navigation Tabs
   ================================================================ */
html.dark-mode .buddypress-wrap .bp-navs li a {
    color: #dfdfdf !important;
    background: transparent !important;
}

html.dark-mode .buddypress-wrap .bp-navs li a:hover,
html.dark-mode .buddypress-wrap .bp-navs li.current a,
html.dark-mode .buddypress-wrap .bp-navs li.selected a {
    color: #fff !important;
    background: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .buddypress-wrap .bp-navs li a .count {
    background-color: #1552EF !important;
    color: #fff !important;
}

/* ================================================================
   BUDDYPRESS — Activity Stream
   ================================================================ */
html.dark-mode .activity-list.bp-list {
    background-color: rgb(18, 35, 50) !important;
}

html.dark-mode .activity-list .activity-item {
    background-color: rgb(32, 57, 79) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .activity-list .activity-header {
    color: #dfdfdf !important;
}

html.dark-mode .activity-list .activity-header a {
    color: #6ea8fe !important;
}

html.dark-mode .activity-content .activity-inner {
    color: #dfdfdf !important;
}

html.dark-mode .activity-content .activity-inner p {
    color: #dfdfdf !important;
}

html.dark-mode .activity-meta a {
    color: #dfdfdf !important;
    background-color: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .activity-meta a:hover {
    color: #fff !important;
    background-color: rgb(246 246 247 / 16%) !important;
}

/* Activity comments */
html.dark-mode .acomment-content {
    color: #dfdfdf !important;
}

html.dark-mode .ac-form {
    background-color: rgb(246 246 247 / 8%) !important;
}

/* Activity "Read More" */
html.dark-mode span.activity-read-more a {
    color: #6ea8fe !important;
}

/* ================================================================
   BUDDYPRESS — Member & Group Directories
   ================================================================ */
html.dark-mode .bp-list li {
    background-color: rgb(32, 57, 79) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .bp-list li .list-wrap {
    border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .bp-list li .item .item-title a {
    color: #fff !important;
}

html.dark-mode .bp-list li .item .item-meta,
html.dark-mode .bp-list li .item .item-meta span,
html.dark-mode p.last-activity.item-meta {
    color: #999 !important;
}

html.dark-mode .list-title.member-name {
    color: #fff !important;
}

html.dark-mode .bp-list li .action .button,
html.dark-mode .bp-list li .action button {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .bp-list li .action .button:hover,
html.dark-mode .bp-list li .action button:hover {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

/* Directory search */
html.dark-mode #dir-members-search,
html.dark-mode #dir-groups-search,
html.dark-mode .dir-search input[type="search"],
html.dark-mode .dir-search input[type="text"] {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Sorting selects */
html.dark-mode .buddypress-wrap .select-wrap select {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .buddypress-wrap .select-wrap span.select-arrow:before {
    color: #6ea8fe !important;
}

/* ================================================================
   BUDDYPRESS — Profile Headers (Member & Group)
   ================================================================ */
html.dark-mode #item-header {
    color: #dfdfdf !important;
}

html.dark-mode #item-header-content h2 {
    color: #fff !important;
}

html.dark-mode .groups-header .bp-group-type-list,
html.dark-mode p.highlight.group-status,
html.dark-mode #item-header-content > p.activity {
    color: #999 !important;
}

html.dark-mode #item-header > div.desc-wrap {
    background: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .groups-header .desc-wrap .group-description {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode #item-header > div.desc-wrap > div > p {
    color: #dfdfdf !important;
}

/* Member header action buttons */
html.dark-mode .buddypress-wrap .member-header-actions button,
html.dark-mode .buddypress-wrap .group-header-actions button {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .buddypress-wrap .member-header-actions button:hover,
html.dark-mode .buddypress-wrap .group-header-actions button:hover {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

/* ================================================================
   BUDDYPRESS — Notifications Table
   ================================================================ */
html.dark-mode .buddypress-wrap table.notifications {
    background-color: rgb(32, 57, 79) !important;
}

html.dark-mode .buddypress-wrap table.notifications th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .buddypress-wrap table.notifications td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .buddypress-wrap table.notifications a {
    color: #6ea8fe !important;
}

/* ================================================================
   BUDDYPRESS — User Update / Bio
   ================================================================ */
html.dark-mode .buddypress-wrap .members-list li .user-update {
    color: #dfdfdf !important;
    background-color: rgb(246 246 247 / 8%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* ================================================================
   BUDDYPRESS — Extended Profile Fields
   ================================================================ */
html.dark-mode .editfield {
    background-color: rgb(18, 35, 50) !important;
    color: #dfdfdf !important;
}

html.dark-mode .editfield.field_1 {
    background-color: rgb(18, 35, 50) !important;
}

html.dark-mode .bp-widget h2 {
    color: #fff !important;
    background-color: rgb(246 246 247 / 8%) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .profile-fields table td,
html.dark-mode .profile-fields table th {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

/* ================================================================
   BBPRESS — Forums
   ================================================================ */
html.dark-mode #bbpress-forums {
    color: #dfdfdf !important;
}

html.dark-mode #bbpress-forums a {
    color: #6ea8fe !important;
}

html.dark-mode #bbpress-forums a:hover {
    color: #fff !important;
}

html.dark-mode #bbpress-forums h2 {
    color: #fff !important;
}

html.dark-mode #bbpress-forums li.bbp-header {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode #bbpress-forums li.bbp-body ul.forum,
html.dark-mode #bbpress-forums li.bbp-body ul.topic {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode #bbpress-forums li.bbp-body ul.forum:hover,
html.dark-mode #bbpress-forums li.bbp-body ul.topic:hover {
    background-color: rgb(246 246 247 / 8%) !important;
}

html.dark-mode #bbpress-forums li.bbp-footer {
    background-color: rgb(246 246 247 / 8%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #999 !important;
}

/* Forum/topic titles */
html.dark-mode #bbpress-forums a.bbp-forum-title,
html.dark-mode #bbpress-forums a.bbp-topic-permalink {
    color: #fff !important;
}

html.dark-mode #bbpress-forums a.bbp-forum-title:hover,
html.dark-mode #bbpress-forums a.bbp-topic-permalink:hover {
    color: #6ea8fe !important;
}

/* Forum/topic meta */
html.dark-mode #bbpress-forums .bbp-forum-info .bbp-forum-content,
html.dark-mode #bbpress-forums .bbp-topic-meta {
    color: #999 !important;
}

html.dark-mode #bbpress-forums .bbp-topic-meta a {
    color: #999 !important;
}

/* Topic excerpt */
html.dark-mode .bbp-topic-excerpt {
    color: #c7c7c7 !important;
}

/* ================================================================
   BBPRESS — Replies
   ================================================================ */
html.dark-mode #bbpress-forums ul.bbp-replies {
    color: #dfdfdf !important;
}

html.dark-mode #bbpress-forums div.bbp-reply-header {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #999 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode #bbpress-forums div.bbp-reply-author .bbp-author-name {
    color: #fff !important;
}

html.dark-mode #bbpress-forums div.bbp-reply-content {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode #bbpress-forums div.bbp-reply-content p {
    color: #dfdfdf !important;
}

/* ================================================================
   BBPRESS — Forms (New Topic / Reply)
   ================================================================ */
html.dark-mode #bbpress-forums fieldset {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode #bbpress-forums fieldset legend {
    color: #fff !important;
}

html.dark-mode #bbpress-forums fieldset select {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .bbp-no-topic,
html.dark-mode .bbp-no-reply {
    color: #999 !important;
}

/* ================================================================
   TRADE SIGNALS PLUGIN (bp-team-trade-signals)
   ================================================================ */
html.dark-mode .bptts-trades-container {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bptts-strategy-summary {
    background: rgb(246 246 247 / 16%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .bptts-summary-item {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bptts-summary-label {
    color: #999 !important;
}

html.dark-mode .bptts-summary-value {
    color: #dfdfdf !important;
}

html.dark-mode .bptts-summary-title {
    color: #fff !important;
}

/* Tabs */
html.dark-mode .tabs__content {
    background-color: rgb(246 246 247 / 16%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .tabs__link {
    color: #dfdfdf !important;
    background: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .tabs__item--active > .tabs__link {
    background: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .tabs__item {
    box-shadow: none !important;
}

html.dark-mode .bptts-tab-controls {
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
}

/* Table */
html.dark-mode .bptts-signals-table {
    background: transparent !important;
}

html.dark-mode .bptts-signals-table thead {
    background: rgb(246 246 247 / 16%) !important;
}

html.dark-mode .bptts-signals-table th {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .bptts-signals-table td {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .bptts-signal-row:hover {
    background: rgb(246 246 247 / 16%) !important;
}

html.dark-mode .bptts-sortable {
    color: #6ea8fe !important;
}

/* Bulk actions & controls */
html.dark-mode .bptts-bulk-actions {
    background: #2b374e !important;
    color: #dfdfdf !important;
}

html.dark-mode span.bptts-showing-info {
    color: #dfdfdf !important;
}

html.dark-mode .bptts-pagination-buttons button {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .bptts-pagination-buttons button:hover:not(:disabled) {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

html.dark-mode .bptts-pagination-buttons button.active {
    background: #1552EF !important;
    color: #fff !important;
    border-color: #1552EF !important;
}

html.dark-mode .bptts-per-page-select,
html.dark-mode .bptts-strategy-select,
html.dark-mode .bptts-search-input {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Webhook & action buttons */
html.dark-mode button.bptts-copy-webhook.button {
    margin-right: 5px;
}

html.dark-mode button.bptts-copy-webhook.button,
html.dark-mode button#bptts-export-csv,
html.dark-mode button#bptts-export-csv-closed,
html.dark-mode #bptts-add-signal,
html.dark-mode #bptts-add-signal-closed,
html.dark-mode #bptts-delete-selected-closed,
html.dark-mode #bptts-delete-selected {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode button.bptts-copy-webhook.button:hover,
html.dark-mode button#bptts-export-csv:hover,
html.dark-mode button#bptts-export-csv-closed:hover,
html.dark-mode #bptts-add-signal:hover,
html.dark-mode #bptts-add-signal-closed:hover {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

html.dark-mode .bptts-unlimited-badge {
    color: #dfdfdf !important;
}

/* Upgrade box button */
html.dark-mode .bptts-upgrade-btn {
    background: #fff !important;
    color: #667eea !important;
}

/* Cancel subscription */
html.dark-mode .bptts-cancel-subscription-btn {
    background: transparent !important;
    color: #f44336 !important;
}

/* Modal */
html.dark-mode .bptts-modal-content {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bptts-modal-close {
    color: #999 !important;
}

html.dark-mode .bptts-modal-close:hover,
html.dark-mode .bptts-modal-close:focus {
    color: #fff !important;
}

/* Processing modal */
html.dark-mode .bptts-processing-content {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bptts-processing-content h3 {
    color: #fff !important;
}

html.dark-mode .bptts-processing-content p {
    color: #dfdfdf !important;
}

/* Webhook help link */
html.dark-mode .bptts-webhook-help {
    color: #6ea8fe !important;
}

/* ================================================================
   EVENT CARDS (bp-formidable-events)
   ================================================================ */
html.dark-mode .bpfe-event-card {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

/* Override inline style="color: #000" on event text */
html.dark-mode .bpfe-event-card div[style*="color: #000"],
html.dark-mode .bpfe-event-card div[style*="color:#000"],
html.dark-mode .event-content div[style*="color: #000"],
html.dark-mode .event-content div[style*="color:#000"],
html.dark-mode td.event-content div,
html.dark-mode td.event-content p {
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-event-card h3 {
    color: #6ea8fe !important;
}

html.dark-mode .bpfe-event-card .event-datetime,
html.dark-mode .bpfe-event-card .event-location {
    color: #999 !important;
}

html.dark-mode .bpfe-event-card .event-description {
    color: #dfdfdf !important;
}

/* Inline style background-color: #deddd3 override */
html.dark-mode .bpfe-event-card[style*="background"],
html.dark-mode .bpfe-list-view style + .bpfe-event-card {
    background-color: rgb(32, 57, 79) !important;
}

html.dark-mode .bpfe-event-detail {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-event-details {
    background-color: rgb(246 246 247 / 8%) !important;
    border-left-color: #1552EF !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-event-details p {
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-event-details a {
    background-color: #1552EF !important;
    color: #fff !important;
}

html.dark-mode .bpfe-event-details a:hover {
    background-color: #1142BF !important;
}

html.dark-mode .bpfe-create-event-form {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-registrations {
    background: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-registration-form {
    background: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .bpfe-calendar-export {
    background: rgb(246 246 247 / 8%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-member-event {
    background: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bpfe-member-event p {
    color: #999 !important;
}

html.dark-mode .bpfe-event-past {
    background: rgb(246 246 247 / 8%) !important;
    color: #999 !important;
}

/* ================================================================
   TB BUDDYPRESS SHORTCODES (grid, list, card, table)
   ================================================================ */
/* Grid items */
html.dark-mode .tb-group-grid-item,
html.dark-mode .tb-member-grid-item {
    background: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-name a {
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-description {
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-type-name {
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-grid-item:hover,
html.dark-mode .tb-member-grid-item:hover {
    background: rgb(246 246 247 / 8%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* List items */
html.dark-mode .tb-group-list-item,
html.dark-mode .tb-member-list-item,
html.dark-mode .tb-activity-list-item {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-list-item:hover,
html.dark-mode .tb-member-list-item:hover,
html.dark-mode .tb-activity-list-item:hover {
    background: rgb(246 246 247 / 8%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Card items */
html.dark-mode .tb-group-card,
html.dark-mode .tb-member-card {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-card:hover,
html.dark-mode .tb-member-card:hover {
    background: rgb(246 246 247 / 8%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html.dark-mode .tb-group-card-header,
html.dark-mode .tb-member-card-header {
    background: rgb(32, 57, 79) !important;
}

html.dark-mode .tb-group-card-footer,
html.dark-mode .tb-member-card-footer {
    background: rgb(246 246 247 / 8%) !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
}

/* Extended items */
html.dark-mode .tb-group-extended-item,
html.dark-mode .tb-member-extended-item {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-group-extended-item:hover,
html.dark-mode .tb-member-extended-item:hover {
    background: rgb(246 246 247 / 8%) !important;
}

/* Table layout */
html.dark-mode .tb-members-table {
    background: transparent !important;
}

html.dark-mode .tb-members-table th {
    background: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .tb-members-table td {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-members-table tr:hover {
    background: rgb(246 246 247 / 8%) !important;
}

/* Activity stream */
html.dark-mode .tb-activity-item {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-activity-item:hover {
    background: rgb(246 246 247 / 8%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Names & links */
html.dark-mode .tb-group-name a {
    color: #dfdfdf !important;
}

html.dark-mode .tb-member-name a {
    color: #6ea8fe !important;
}

html.dark-mode .tb-group-name a:hover,
html.dark-mode .tb-member-name a:hover {
    color: #fff !important;
}

/* Descriptions & meta */
html.dark-mode .tb-group-description {
    color: #dfdfdf !important;
}

html.dark-mode .tb-member-username,
html.dark-mode .tb-group-meta,
html.dark-mode .tb-member-activity {
    color: #999 !important;
}

html.dark-mode .tb-activity-header {
    color: #999 !important;
}

html.dark-mode .tb-activity-header a {
    color: #6ea8fe !important;
}

html.dark-mode .tb-activity-content {
    color: #dfdfdf !important;
}

html.dark-mode .tb-meta-item strong {
    color: #dfdfdf !important;
}

/* Action buttons */
html.dark-mode .tb-group-action .generic-button a,
html.dark-mode .tb-group-action .group-button,
html.dark-mode .tb-group-action .tb-visit-group-link,
html.dark-mode .tb-member-actions .generic-button a,
html.dark-mode .tb-member-actions .friendship-button {
    color: #6ea8fe !important;
}

/* Pagination */
html.dark-mode .tb-pagination-numbers a,
html.dark-mode .tb-pagination-numbers span {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html.dark-mode .tb-pagination-numbers .tb-page-link {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-pagination-numbers a:hover,
html.dark-mode .tb-pagination-numbers .tb-page-link:hover {
    background: #1552EF !important;
    color: #fff !important;
}

/* No items message */
html.dark-mode .tb-no-items-message {
    background: rgb(32, 57, 79) !important;
    color: #999 !important;
}

/* Activity actions border */
html.dark-mode .tb-activity-actions {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .tb-activity-actions a,
html.dark-mode .tb-activity-actions button {
    color: #999 !important;
}

html.dark-mode .tb-activity-actions a:hover,
html.dark-mode .tb-activity-actions button:hover {
    color: #6ea8fe !important;
}

/* ================================================================
   TB DASHBOARD FEED
   ================================================================ */
html.dark-mode #forums-content .section-card h3 {
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .tb-activity-excerpt {
    color: #dfdfdf !important;
}

html.dark-mode .tb-activity-separator {
    color: #999 !important;
}

html.dark-mode .tb-event-item {
    background: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .tb-event-item:hover {
    background: rgb(246 246 247 / 8%) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

html.dark-mode .tb-event-thumbnail {
    background: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .tb-feed-footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* ================================================================
   TOURNAMATCH OVERRIDES
   ================================================================ */
html.dark-mode .trn-brackets-match-body {
    background-color: rgb(32, 57, 79) !important;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3) !important;
    color: #dfdfdf !important;
}

/* ================================================================
   BETTER MESSAGES
   ================================================================ */
html.dark-mode .bp-better-messages-wrap {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .chat-header {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .messages-list .thread-item {
    border-color: rgba(255, 255, 255, 0.06) !important;
}

html.dark-mode .bp-better-messages-wrap .messages-list .thread-item:hover,
html.dark-mode .bp-better-messages-wrap .messages-list .thread-item.active {
    background-color: rgb(246 246 247 / 8%) !important;
}

/* ================================================================
   WP ADMIN BAR (when shown on frontend)
   ================================================================ */
html.dark-mode #wpadminbar {
    background-color: #070a12 !important;
}

/* ================================================================
   FORMIDABLE FORMS
   ================================================================ */

/* Override Formidable style CSS custom properties */
html.dark-mode .with_frm_style,
html.dark-mode .frm_style_tb-style.with_frm_style,
html.dark-mode [class*="frm_style_"].with_frm_style {
    --bg-color: rgb(246 246 247 / 8%) !important;
    --fieldset-bg-color: rgb(32, 57, 79) !important;
    --section-bg-color: rgb(32, 57, 79) !important;
    --border-color: rgba(255, 255, 255, 0.15) !important;
    --text-color: #dfdfdf !important;
    --label-color: #dfdfdf !important;
    --check-label-color: #dfdfdf !important;
    --description-color: #999 !important;
}

/* Form container background */
html.dark-mode .frm_forms,
html.dark-mode .frm_form_fields,
html.dark-mode .frm_forms fieldset {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

/* Form field containers */
html.dark-mode .frm_form_field {
    color: #dfdfdf !important;
}

/* Labels */
html.dark-mode .frm_forms label,
html.dark-mode .frm_forms .frm_primary_label,
html.dark-mode .frm_forms .frm_top_container label,
html.dark-mode .frm_forms .frm_description,
html.dark-mode .frm_forms .frm_form_field .frm_primary_label {
    color: #dfdfdf !important;
}

/* Required asterisks */
html.dark-mode .frm_forms .frm_required {
    color: #ff6b6b !important;
}

/* Description text */
html.dark-mode .frm_forms .frm_description {
    color: #999 !important;
}

/* All input types */
html.dark-mode .frm_forms input[type="text"],
html.dark-mode .frm_forms input[type="email"],
html.dark-mode .frm_forms input[type="url"],
html.dark-mode .frm_forms input[type="number"],
html.dark-mode .frm_forms input[type="tel"],
html.dark-mode .frm_forms input[type="password"],
html.dark-mode .frm_forms input[type="search"],
html.dark-mode .frm_forms input[type="date"],
html.dark-mode .frm_forms .frm_input_group input,
html.dark-mode .frm_forms textarea,
html.dark-mode .frm_forms select {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Select dropdown option items */
html.dark-mode .frm_forms select option {
    background-color: #20394f !important;
    color: #dfdfdf !important;
}

/* Focus states */
html.dark-mode .frm_forms input:focus,
html.dark-mode .frm_forms textarea:focus,
html.dark-mode .frm_forms select:focus {
    background-color: rgb(246 246 247 / 12%) !important;
    border-color: #1552EF !important;
    color: #fff !important;
}

/* Placeholder text */
html.dark-mode .frm_forms input::placeholder,
html.dark-mode .frm_forms textarea::placeholder {
    color: #999 !important;
}

/* Checkboxes & radio labels */
html.dark-mode .frm_forms .frm_checkbox label,
html.dark-mode .frm_forms .frm_radio label,
html.dark-mode .frm_forms .frm_opt_container label {
    color: #dfdfdf !important;
}

/* Section headings */
html.dark-mode .frm_forms .frm_section_heading h3,
html.dark-mode .frm_forms .frm_pos_top h3,
html.dark-mode .frm_forms legend {
    color: #fff !important;
}

/* Submit / action buttons */
html.dark-mode .frm_forms .frm_submit button,
html.dark-mode .frm_forms .frm_submit input[type="submit"],
html.dark-mode .frm_forms .frm_button_submit {
    background-color: #1552EF !important;
    color: #fff !important;
    border-color: #1552EF !important;
}

html.dark-mode .frm_forms .frm_submit button:hover,
html.dark-mode .frm_forms .frm_submit input[type="submit"]:hover {
    background-color: #1142BF !important;
}

/* Error & success messages */
html.dark-mode .frm_error_style,
html.dark-mode .frm_message {
    color: #dfdfdf !important;
}

html.dark-mode .with_frm_style .frm_message,
html.dark-mode .frm_success_style {
    background-color: rgb(246 246 247 / 16%) !important;
}

html.dark-mode .frm_error {
    color: #ff6b6b !important;
}

/* File upload area */
html.dark-mode .frm_forms .frm_dropzone,
html.dark-mode .frm_forms .frm_file_upload {
    background-color: rgb(246 246 247 / 8%) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #dfdfdf !important;
}

/* Read-only / disabled fields */
html.dark-mode .frm_forms input[readonly],
html.dark-mode .frm_forms input[disabled],
html.dark-mode .frm_forms textarea[readonly] {
    background-color: rgb(246 246 247 / 4%) !important;
    color: #999 !important;
}

/* Inline field descriptions and help text */
html.dark-mode .frm_forms .frm_help,
html.dark-mode .frm_forms .frm_compact_text {
    color: #999 !important;
}

/* Edit Event form spacing tweaks */
html.dark-mode div#frm_field_191_container {
    margin-bottom: 0px;
    background: rgb(246 246 247 / 8%);
}

html.dark-mode #frm_edit_container_625 > p {
    margin-bottom: 0px;
}

/* ================================================================
   SCROLLBAR
   ================================================================ */
html.dark-mode ::-webkit-scrollbar {
    width: 8px;
}

html.dark-mode ::-webkit-scrollbar-track {
    background: rgb(18, 35, 50);
}

html.dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

html.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* ================================================================
   DARK MODE TOGGLE — Styling
   ================================================================ */
html.dark-mode .tb-dark-mode-toggle-item a.tb-dark-mode-toggle {
    color: #dfdfdf !important;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

html.dark-mode .tb-dark-mode-toggle-item a.tb-dark-mode-toggle:hover {
    color: #fff !important;
}

/* Light mode toggle styling */
.tb-dark-mode-toggle-item a.tb-dark-mode-toggle {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

/* Hide label on smaller screens */
@media (max-width: 860px) {
    .tb-dm-label {
        display: none;
    }
}

/* ================================================================
   POST CONTENT — Padding & Intro Paragraph
   ================================================================ */
html.dark-mode article.entry {
    padding: 10px !important;
}

html.dark-mode .entry-content {
    padding: 10px !important;
}

/* Authority Pro intro paragraph — override color: #111111 */
html.dark-mode .single .content > .entry .entry-content > p:first-of-type,
html.dark-mode .authority-pro-inline-css + .entry-content > p:first-of-type,
html.dark-mode .single .entry-content > p:first-of-type {
    color: #dfdfdf !important;
}

/* ================================================================
   MISCELLANEOUS OVERRIDES
   ================================================================ */

/* WordPress .text-dark, .bg-light, .text-muted utilities */
html.dark-mode .text-dark {
    color: #dfdfdf !important;
}

html.dark-mode .bg-light {
    background-color: rgb(246 246 247 / 8%) !important;
}

html.dark-mode .text-muted {
    color: #999 !important;
}

/* Images — slightly reduce brightness for comfort */
html.dark-mode img {
    opacity: 0.92;
}

html.dark-mode img:hover {
    opacity: 1;
}

/* Cover image container should remain unaffected */
html.dark-mode div#cover-image-container img {
    opacity: 1;
}

/* Genesis Extender activity-list bg override */
html.dark-mode .activity-list.bp-list {
    background-color: transparent !important;
}

/* Fix BP form backgrounds that Genesis Extender set */
html.dark-mode .editfield.field_1.field_name.required-field.visibility-public.field_type_textbox {
    background-color: rgb(18, 35, 50) !important;
}

/* Content restricted message (locked content) */
html.dark-mode .tb-content-restricted-message {
    background: rgb(246 246 247 / 16%) !important;
    white-space: nowrap;
}

/* Authority Pro featured image overlay */
html.dark-mode .authority-featured-image::before,
html.dark-mode .featuredpost .has-post-thumbnail > a::before {
    background: rgb(246 246 247 / 25%) !important;
}

/* bbPress forum notice info link */
html.dark-mode #bbpress-forums > div.bbp-template-notice.info > ul > li > a {
    color: #006fff !important;
}

/* Calendar export link color */
html.dark-mode #item-body > div > div > div.bpfe-calendar-export > a {
    color: #dfdfdf !important;
}

/* Remove BuddyPress directory nav box-shadow */
html.dark-mode .buddypress-wrap.bp-dir-hori-nav:not(.bp-vertical-navs) nav:not(.tabbed-links) {
    box-shadow: none !important;
}

/* ================================================================
   BETTER MESSAGES — Comprehensive Dark Mode
   ================================================================ */

/* Override CSS custom properties used by Better Messages */
html.dark-mode .bp-better-messages-wrap,
html.dark-mode .bp-messages-wrap,
html.dark-mode #bp-better-messages-mini-mobile-open,
html.dark-mode .bp-better-messages-mini .chat-block {
    --bm-bg-color: 32, 57, 79 !important;
    --bm-bg-secondary: 18, 35, 50 !important;
    --bm-text-color: 223, 223, 223 !important;
    --bm-border-color: 255, 255, 255 !important;
    --bm-hover-bg: 246, 246, 247 !important;
    --bm-mention-bg: 43, 55, 78 !important;
    --bm-mention-color: 223, 223, 223 !important;
    --bm-placeholder: 153, 153, 153 !important;
    --bm-scrollbar: rgba(255, 255, 255, 0.1) !important;
    --bm-scrollbar-active: rgba(255, 255, 255, 0.3) !important;
}

/* Main wrapper backgrounds */
html.dark-mode .bp-better-messages-wrap,
html.dark-mode .bp-messages-wrap {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

/* Chat header / sidebar header */
html.dark-mode .bp-better-messages-wrap .chat-header,
html.dark-mode .bp-better-messages-wrap .conversations-header,
html.dark-mode .bp-messages-wrap .chat-header {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Threads / conversation list */
html.dark-mode .bp-better-messages-wrap .threads-list .thread,
html.dark-mode .bp-better-messages-wrap .messages-list .thread-item,
html.dark-mode .bp-messages-wrap .threads-list .thread {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .threads-list .thread:hover,
html.dark-mode .bp-better-messages-wrap .threads-list .thread.active,
html.dark-mode .bp-better-messages-wrap .messages-list .thread-item:hover,
html.dark-mode .bp-better-messages-wrap .messages-list .thread-item.active,
html.dark-mode .bp-messages-wrap .threads-list .thread:hover,
html.dark-mode .bp-messages-wrap .threads-list .thread.active {
    background-color: rgb(246 246 247 / 8%) !important;
}

/* Messages area */
html.dark-mode .bp-better-messages-wrap .messages-area,
html.dark-mode .bp-better-messages-wrap .messages-content,
html.dark-mode .bp-messages-wrap .messages-area {
    background-color: rgb(32, 57, 79) !important;
}

/* Individual messages */
html.dark-mode .bp-better-messages-wrap .message,
html.dark-mode .bp-better-messages-wrap .messages-stack,
html.dark-mode .bp-messages-wrap .message {
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .message .content,
html.dark-mode .bp-messages-wrap .message .content {
    color: #dfdfdf !important;
}

/* Message bubbles */
html.dark-mode .bp-better-messages-wrap .message .message-content,
html.dark-mode .bp-better-messages-wrap .messages-stack .content .messages-list .message-content {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
}

/* Sent message bubbles (my messages) */
html.dark-mode .bp-better-messages-wrap .message.my-message .message-content,
html.dark-mode .bp-better-messages-wrap .messages-stack.outgoing .content .messages-list .message-content {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #fff !important;
}

/* Timestamp */
html.dark-mode .bp-better-messages-wrap .message .timestamp,
html.dark-mode .bp-better-messages-wrap .message .time,
html.dark-mode .bp-better-messages-wrap .messages-stack .time,
html.dark-mode .bp-messages-wrap .message .timestamp {
    color: #999 !important;
}

/* User names in messages */
html.dark-mode .bp-better-messages-wrap .message .name,
html.dark-mode .bp-better-messages-wrap .messages-stack .name,
html.dark-mode .bp-messages-wrap .message .name {
    color: #6ea8fe !important;
}

/* Message input / reply area */
html.dark-mode .bp-better-messages-wrap .reply,
html.dark-mode .bp-better-messages-wrap .reply-wrapper,
html.dark-mode .bp-better-messages-wrap .message-input-wrapper,
html.dark-mode .bp-messages-wrap .reply {
    background-color: rgb(18, 35, 50) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .bp-better-messages-wrap .reply textarea,
html.dark-mode .bp-better-messages-wrap .reply input,
html.dark-mode .bp-better-messages-wrap .message-input,
html.dark-mode .bp-messages-wrap .reply textarea {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Send button */
html.dark-mode .bp-better-messages-wrap .reply .send-button,
html.dark-mode .bp-better-messages-wrap .send-message,
html.dark-mode .bp-messages-wrap .reply .send-button {
    background-color: #1552EF !important;
    color: #fff !important;
}

/* Sidebar / participants panel */
html.dark-mode .bp-better-messages-wrap .participants-panel,
html.dark-mode .bp-better-messages-wrap .sidebar {
    background-color: rgb(18, 35, 50) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Search within messages */
html.dark-mode .bp-better-messages-wrap .search-input,
html.dark-mode .bp-better-messages-wrap input[type="search"],
html.dark-mode .bp-better-messages-wrap input[type="text"] {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #dfdfdf !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* New message / compose */
html.dark-mode .bp-better-messages-wrap .new-message,
html.dark-mode .bp-messages-wrap .new-message {
    background-color: rgb(32, 57, 79) !important;
    color: #dfdfdf !important;
}

/* Tabs within Better Messages */
html.dark-mode .bp-better-messages-wrap .tabs a,
html.dark-mode .bp-better-messages-wrap .bm-tab {
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .tabs a:hover,
html.dark-mode .bp-better-messages-wrap .tabs a.active,
html.dark-mode .bp-better-messages-wrap .bm-tab.active {
    color: #fff !important;
    border-color: #1552EF !important;
}

/* Empty / no messages state */
html.dark-mode .bp-better-messages-wrap .empty-state,
html.dark-mode .bp-better-messages-wrap .no-messages {
    color: #999 !important;
}

/* Dropdown menus / context menus */
html.dark-mode .bp-better-messages-wrap .dropdown-menu,
html.dark-mode .bp-better-messages-wrap .context-menu {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .dropdown-menu a,
html.dark-mode .bp-better-messages-wrap .context-menu a {
    color: #dfdfdf !important;
}

html.dark-mode .bp-better-messages-wrap .dropdown-menu a:hover,
html.dark-mode .bp-better-messages-wrap .context-menu a:hover {
    background-color: rgb(246 246 247 / 8%) !important;
    color: #fff !important;
}

/* Mini chat / floating widgets */
html.dark-mode .bp-better-messages-mini .chat-block {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .bp-better-messages-mini .chat-block .chat-header {
    background-color: rgb(246 246 247 / 16%) !important;
    color: #dfdfdf !important;
}

/* Scrollbar inside Better Messages */
html.dark-mode .bp-better-messages-wrap ::-webkit-scrollbar-track {
    background: rgb(18, 35, 50) !important;
}

html.dark-mode .bp-better-messages-wrap ::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15) !important;
}

/* Emoji picker */
html.dark-mode .bp-better-messages-wrap .emoji-picker,
html.dark-mode .bp-better-messages-wrap .emojionearea {
    background-color: rgb(32, 57, 79) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* File attachments / media */
html.dark-mode .bp-better-messages-wrap .file-attachment,
html.dark-mode .bp-better-messages-wrap .attachment {
    background-color: rgb(246 246 247 / 8%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #dfdfdf !important;
}

/* General white backgrounds fallback */
html.dark-mode .bp-better-messages-wrap [style*="background-color: #fff"],
html.dark-mode .bp-better-messages-wrap [style*="background-color:#fff"],
html.dark-mode .bp-better-messages-wrap [style*="background: #fff"],
html.dark-mode .bp-better-messages-wrap [style*="background:#fff"],
html.dark-mode .bp-better-messages-wrap [style*="background-color: rgb(255"],
html.dark-mode .bp-better-messages-wrap [style*="background-color: white"] {
    background-color: rgb(32, 57, 79) !important;
}

/* ================================================================
   TINYMCE EDITOR (used in BuddyPress/bbPress/Better Messages)
   ================================================================ */

/* Main container & panel */
html.dark-mode .mce-tinymce,
html.dark-mode .mce-container,
html.dark-mode .mce-panel {
    background: #2b374e !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Toolbar area */
html.dark-mode .mce-toolbar-grp,
html.dark-mode .mce-toolbar,
html.dark-mode .mce-container-body {
    background: #2b374e !important;
}

/* Toolbar buttons */
html.dark-mode .mce-btn,
html.dark-mode .mce-btn-group {
    background: rgb(246 246 247 / 16%) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .mce-btn:hover,
html.dark-mode .mce-btn.mce-active {
    background: rgb(246 246 247 / 25%) !important;
}

/* Toolbar button icons */
html.dark-mode .mce-ico {
    color: #dfdfdf !important;
}

html.dark-mode .mce-btn:hover .mce-ico {
    color: #fff !important;
}

/* Menu bar */
html.dark-mode .mce-menubar .mce-menubtn {
    background: #2b374e !important;
    color: #dfdfdf !important;
}

/* Edit area wrapper (around the iframe) */
html.dark-mode .mce-edit-area {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* Statusbar / path bar at bottom */
html.dark-mode .mce-statusbar,
html.dark-mode .mce-path {
    background: #2b374e !important;
    color: #999 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode .mce-path .mce-path-item {
    color: #999 !important;
}

/* Dropdown menus from toolbar */
html.dark-mode .mce-menu,
html.dark-mode .mce-menu-item {
    background: #2b374e !important;
    color: #dfdfdf !important;
}

html.dark-mode .mce-menu-item:hover {
    background: rgb(246 246 247 / 16%) !important;
}

/* Word count / char count */
html.dark-mode .mce-wordcount {
    color: #999 !important;
}