/*
 * Forum chrome loaded by tiles/jive/header.jsp only (after forum-responsive.css).
 * Thread-list layout, legacy Jive styles, and forum dark-mode overrides.
 * Site colors come from site-vars.css.jspf. Ads-on/off #col1 rules stay inline in header.jsp.
 */

    /* Light mode pulse readability: override forum-responsive.css rules that force white pulse text. */
    html:not(.dark-mode) .message-box__user-info.white .pulse-text,
    html:not(.dark-mode) .message-box__user-info.purple .pulse-text,
    html:not(.dark-mode) .message-box__user-info.orange .pulse-text,
    html:not(.dark-mode) .message-box__user-info.premium .pulse-text,
    html:not(.dark-mode) .message-box__user-info.ultimate .pulse-text,
    html:not(.dark-mode) .message-box__user-info.free_orange .pulse-text,
    html:not(.dark-mode) .message-box__user-info.certified_seller .pulse-text,
    html:not(.dark-mode) .message-box__user-info.editor .pulse-text,
    html:not(.dark-mode) .message-box__user-info.military .pulse-text,
    html:not(.dark-mode) .message-box__user-info.admin .pulse-text {
        color: var(--site-primary-dark, #c45500) !important;
        font-weight: 700 !important;
        text-shadow: none !important;
    }

    /* Desktop thread list layout. Keep this narrowly scoped to desktop forum lists. */
    @media (min-width: 768px) {
        .forum-main-content .thread-list-responsive,
        .thread-list-responsive {
            display: block !important;
            min-width: 600px !important;
            width: 100% !important;
        }

        .forum-main-content .thread-list-responsive .thread-row,
        .thread-list-responsive .thread-row {
            display: grid !important;
            grid-template-columns: 30px minmax(0, 1fr) 130px 40px 114px !important;
            align-items: center !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__status,
        .thread-list-responsive .thread-row__status {
            display: block !important;
            width: auto !important;
            padding: 10px 8px !important;
            text-align: center !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__title,
        .thread-list-responsive .thread-row__title {
            display: block !important;
            min-width: 0 !important;
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__author,
        .thread-list-responsive .thread-row__author {
            display: block !important;
            min-width: 0 !important;
            width: auto !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__replies,
        .thread-list-responsive .thread-row__replies {
            display: block !important;
            width: auto !important;
            text-align: center !important;
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__date,
        .thread-list-responsive .thread-row__date {
            display: block !important;
            min-width: 114px !important;
            width: auto !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            padding-left: 6px !important;
        }

        .forum-main-content .thread-list-responsive .thread-row__avatar,
        .thread-list-responsive .thread-row__avatar,
        .forum-main-content .thread-list-responsive .thread-row__meta-replies,
        .thread-list-responsive .thread-row__meta-replies,
        .forum-main-content .thread-list-responsive .created-by-label,
        .thread-list-responsive .created-by-label {
            display: none !important;
        }

        .forum-main-content .thread-list-responsive .thread-row.sticky,
        .thread-list-responsive .thread-row.sticky {
            display: block !important;
            width: 100% !important;
            min-height: 0 !important;
            box-sizing: border-box !important;
        }

        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__status,
        .thread-list-responsive .thread-row.sticky .thread-row__status,
        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__avatar,
        .thread-list-responsive .thread-row.sticky .thread-row__avatar,
        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__author,
        .thread-list-responsive .thread-row.sticky .thread-row__author,
        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__replies,
        .thread-list-responsive .thread-row.sticky .thread-row__replies,
        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__date,
        .thread-list-responsive .thread-row.sticky .thread-row__date,
        .forum-main-content .thread-list-responsive .thread-row.sticky .awards-list,
        .thread-list-responsive .thread-row.sticky .awards-list,
        .forum-main-content .thread-list-responsive .thread-row.sticky .pls-cnt,
        .thread-list-responsive .thread-row.sticky .pls-cnt,
        .forum-main-content .thread-list-responsive .tree-table.sticky .awards-list,
        .thread-list-responsive .tree-table.sticky .awards-list,
        .forum-main-content .thread-list-responsive .tree-table.sticky .pls-cnt,
        .thread-list-responsive .tree-table.sticky .pls-cnt {
            display: none !important;
        }

        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__title,
        .thread-list-responsive .thread-row.sticky .thread-row__title {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            padding: 6px 12px 6px 22px !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        .forum-main-content .thread-list-responsive .thread-row.sticky .thread-row__title .t-sub,
        .thread-list-responsive .thread-row.sticky .thread-row__title .t-sub {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            white-space: normal !important;
            overflow-wrap: break-word !important;
        }
    }

    /* Mobile thread list: force grid layout so it always wins over cached/legacy table styles */
    @media (max-width: 767px) {
        .forum-main-content .thread-list-responsive,
        .thread-list-responsive { display: block !important; min-width: 0 !important; }
        .forum-main-content .thread-list-responsive .thread-row,
        .thread-list-responsive .thread-row,
        .thread-row { display: grid !important; grid-template-columns: 32px minmax(0, 1fr) auto !important; grid-template-rows: auto auto auto !important; gap: 0 6px !important; }
        .thread-row__status { display: none !important; }
        .thread-row__avatar { display: block !important; grid-column: 1 !important; grid-row: 1 / -1 !important; }
        .thread-row__reply-badge { display: flex !important; grid-column: 3 !important; grid-row: 1 / -1 !important; }
        .thread-row__title { display: block !important; grid-column: 2 !important; grid-row: 1 !important; }
        .thread-row__author { display: block !important; grid-column: 2 !important; grid-row: 2 !important; margin-bottom: 6px;}
        .thread-row__replies { display: none !important; }
        .thread-row__date { display: flex !important; align-items: center !important; flex-wrap: nowrap !important; grid-column: 2 !important; grid-row: 3 !important; min-width: 0 !important; }
        .thread-row__date .last-post { display: block !important; min-width: 0 !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
        .thread-row__date .last-post br { display: none !important; }
        .created-by-label { display: inline !important; }
        .thread-row.sticky .awards-list,
        .thread-row.sticky .pls-cnt,
        .tree-table.sticky .awards-list,
        .tree-table.sticky .pls-cnt { display: none !important; }
    }


/* Layout common styles now in common.css */
.tu-tt-row { padding: 0; margin-right:5px; width:100%;}
.tu-tt-name { padding-left:3px; display:inline-block;}
.aatu-tt-img { vertical-align:middle; }
.gsc-branding, .gcsc-branding {
    display: none !important;
}
h1.jive-subject, h2.jive-subject { display:inline; margin-bottom:0;}
.opt-heading, .bj-cat { font-size:1.4em; }
.option-text, .bj-forum { font-size:1.2em; }
.preview-container { border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:5px 0;}
.preview-container a { display:block; background-color:#eee; padding:0; margin-top:0; border:none; } /* border:1px solid #ccc; */
.preview-container > a:hover { text-decoration: none; }
.link-text-cont { padding-bottom:5px; display:inline-block; vertical-align: top;}
.link-text-cont.icon { width:490px; padding-left:10px;}
.link-image-cont { display:inline-block; }
a.link-prev-url { text-decoration: none; }
.link-prev-title { display:block; font-size:1.2em; font-weight:bold; padding: 5px;}
.link-prev-desc { color:black; text-decoration:none !important; font-size:1.0em; padding: 0 5px;}
.link-icon { width:100px; }
a { text-decoration:none !important}
.aapost-body a[rel=nofollow] {display: block;
    max-width: 600px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
a:hover {text-decoration:underline;}
.post-body img { max-width:700px; }  /* was 700 */

.quote-shell {
  position: relative;
  margin: 12px 0 10px;
}
.quote-author {
  margin: 12px 0 0;
  padding: 9px 14px 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  border: 1px solid rgba(var(--site-primary-rgb, 82, 45, 128), 0.22);
  border-bottom: none;
  border-radius: 14px 14px 0 0;
  background: linear-gradient(90deg, rgba(var(--site-primary-rgb, 82, 45, 128), 0.16) 0%, rgba(var(--site-primary-rgb, 82, 45, 128), 0.07) 46%, rgba(255, 255, 255, 0.92) 100%);
  color: var(--color-text-secondary, #5b6575);
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
}
.quote-shell .quote-author {
  margin-top: 0;
}
.quote-author .logo-area {
  display: inline-block;
  padding: 3px 10px;
  margin: 0;
  border: 1px solid rgba(var(--site-primary-rgb, 82, 45, 128), 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  vertical-align: middle;
}
.quote-author .post-username {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
}
html:not(.dark-mode) .quote-author .logo-area.utip .post-username,
html:not(.dark-mode) .quote-author .logo-area.utip a.post-username:link,
html:not(.dark-mode) .quote-author .logo-area.utip a.post-username:visited {
  color: var(--site-primary) !important;
  text-shadow: none !important;
}
.quote {
  margin: 0 0 10px;
  padding: 14px 16px 16px;
  border: 1px solid rgba(var(--site-primary-rgb, 82, 45, 128), 0.22);
  border-top: none;
  border-radius: 0 0 14px 14px;
  background: linear-gradient(180deg, rgba(var(--site-primary-rgb, 82, 45, 128), 0.06) 0%, var(--color-bg-elevated, #fff) 78%);
  color: var(--color-text, #2d3748);
  font-style: italic;
  line-height: 1.7;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.10);
}
.quote-shell .quote {
  margin-bottom: 0;
}
.quote > :first-child {
  margin-top: 0;
}
.quote > :last-child {
  margin-bottom: 0;
}
.quote img,
.quote video,
.quote iframe,
.quote embed,
.quote object {
  max-width: 100%;
}
.quote .quote-shell,
.quote .quote-author {
  margin-top: 10px;
}
.quote .quote-author,
.quote .quote {
  box-shadow: none;
}
.quote .quote-author {
  border-color: rgba(var(--site-primary-rgb, 82, 45, 128), 0.16);
  background: rgba(var(--site-primary-rgb, 82, 45, 128), 0.08);
}
.quote .quote {
  margin-bottom: 0;
  border-color: rgba(var(--site-primary-rgb, 82, 45, 128), 0.16);
  background: rgba(var(--site-primary-rgb, 82, 45, 128), 0.04);
}
.sticky { font-weight:bold; }
svg { color: var(--site-primary); }
.b { width:16px; }

/* Material Icons font is loaded via modern-base.css which uses font-display: swap for better performance */
/* Only override the color here, not the font-face */
.material-icons {
  color: var(--site-icons-color);
  vertical-align: top;
}

.color2:visited { color:var(--site-secondary) }
.ui-button { margin-right:0;}

/* Awards styles loaded via CSS link tag in head */

body, td, th {
  font-family: tahoma,arial,sans-serif;
  font-size: 12px;
  color: #333;
}
.last-post { font-family: verdana; font-size: 10px;}
.pulse-text, .user-rank, a.forum-reply, .jive-message-list th, .jive-message th, .ui-widget { font-family: verdana; }

/* Message footer bar (pulse voting area) */
.message-footer-bar {
  background-color: #eee;
}
.post-username { font-family: tahoma; }
.post-body { font-family: georgia; font-size:17px;}
.jive-subject { font-family: georgia; }
.topics-next-prev, .topics-next-prev a { font-family: verdana; font-size:17px !important; }
.border th, .border th a:link, .border th a:visited, .border th a:hover { font-size:17px; }
a.forum-reply { font-size:17px; }

.user-info { border-right: 1px solid #ccc; }
.user-logo-c { 
    padding:5px 0; vertical-align: middle; text-align: center; height:100px; display:flex; align-items:center; justify-content:center; 
}
.user-info-table, .user-logo-c {
    width:115px;
}
.user-info-table { border-right:none; }
.member .logo-area { background:none !important; border-right:none; padding-top:0;}
.member a.post-username { color:#522d80 !important; text-shadow:none !important; }
.member .user-logo-c { padding-bottom:0 !important; height:55px !important; }

.white .logo-area, .purple .logo-area, .orange .logo-area, .military .logo-area, .admin .logo-area {
    border-top: 1px solid #ccc; 
}
.logo {
    max-width:100px; max-height:100px;
}
.member .logo {
    max-width:50px; max-height:50px;
}
.member .user-logo-c {
    height:75px;
}
.user-logo-c {
  box-sizing: unset !important;
}
.scroll-pane-board { height:1100px !important; max-height:1100px !important; }
.section_body { padding:0; }
.section_body li { padding:10px 5px; font-size:15px; }
#top-sidebar-ad { height:600px; }
#award-popup-inner { top:58%; left:57%; }
@media (max-width: 768px) {
    #award-popup-inner { top: 50%; left: 50%; }
}
#search-c { background-color:inherit !important; width:160px; }
#search-c input { padding: 5px 10px; }
#search-c span { font-size:25px !important; margin-right:3px;}
td.post-body img { max-width: 100%; }
td[style*="max-width"] { max-width: unset !important; }

/* === CSS MODIFICATION START === */
/* Make #main-content responsive (synced with mainLayout.jsp) */
#main-content {
    width: 100% !important;
    max-width: 1280px !important; /* Original max width from the design */
    margin: auto !important;      /* Ensures it stays centered */
}

/* If the div that was previously grouped with #main-content needs to retain a fixed width: */
div[style*="height: 253px"] { /* This selector might refer to a banner ad container */
    width: 1280px !important; /* Or 1190px, adjust as per original design intent for this specific element */
}

/*
  IMPORTANT Reminder: For the column layout below to work robustly,
  the <table> element that is the parent of #col1 and its sibling column (#col1 + td)
  MUST have the following CSS properties:
  width: 100%;
  table-layout: fixed;
  Please ensure these are applied to the correct <table>.
*/

/* === CSS MODIFICATION END === */

/*#login { width:270px !important;}*/
.main_menu ul li {
  min-height:inherit !important;
  z-index: 999999999 !important;
}

/* =========================================================
     FORUM DARK MODE OVERRIDES (centralized)
     Applies to category + thread + post pages
     Note: dark-mode CSS variables come from site-vars.css.jspf in head-common-includes
   ========================================================= */

.select2-results .select2-highlighted {
    background-color: var(--site-primary);
}

/* Forum-specific dark mode additions */
html.dark-mode body,
html.dark-mode td,
html.dark-mode th {
  color: var(--dm-text-primary) !important;
}

html.dark-mode a,
html.dark-mode a:visited {
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode a:hover,
html.dark-mode a:focus {
  color: var(--dm-accent-text, var(--site-primary)) !important;
}

/* Keep the modern header main menu from inheriting forum-wide visited/hover colors. */
html.dark-mode .tn-header .tn-menu-link,
html.dark-mode .tn-header .tn-menu-link:visited,
html.dark-mode .tn-header .tn-menu-link:hover,
html.dark-mode .tn-header .tn-menu-link:focus,
html.dark-mode .tn-header .tn-menu-link:active,
html.dark-mode .tn-header .tn-menu-item--has-dropdown:hover .tn-menu-link,
html.dark-mode .tn-header .tn-menu-item--has-dropdown:focus-within .tn-menu-link {
  color: var(--tn-white) !important;
}

/* Main containers (synced with mainLayout.jsp - forums only use #main-content) */
html.dark-mode #main-content {
  background: transparent !important;
}

/* Jive lists / tables */
html.dark-mode .jive-list {
  border-color: var(--dm-border) !important;
  background: var(--dm-bg-card) !important;
}

html.dark-mode .jive-list th,
html.dark-mode .jive-message-list th,
html.dark-mode .jive-message th {
  background: var(--dm-bg-elevated) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .jive-list td,
html.dark-mode .jive-message-list td,
html.dark-mode .jive-message td {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

html.dark-mode .jive-list .o,
html.dark-mode .jive-message-list .o,
html.dark-mode .o {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

/* Same as .o so all thread post bodies use the lighter background (no alternating stripe) */
html.dark-mode .jive-list .e,
html.dark-mode .jive-message-list .e,
html.dark-mode .e {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

html.dark-mode .jive-list tr:hover td,
html.dark-mode .jive-message-list tr:hover td,
html.dark-mode .tree-table tr:hover td {
  background-color: var(--dm-hover-accent-bg) !important;
}

/* Category header bar (New Topic / filters / pagination) */
html.dark-mode #board-header {
  border-color: var(--dm-border) !important;
}

html.dark-mode #board-header-inner {
  /*background-color: var(--dm-bg-card) !important;*/
  background: var(--dm-bg-elevated, #2a2a2a) !important;
  border-bottom: 1px solid var(--dm-border) !important;
}

html.dark-mode #board-header-inner,
html.dark-mode #board-header-inner * {
  color: rgba(255, 255, 255, 0.92) !important;
  
}

/* MultiCheckBox dropdown in category header */
html.dark-mode .MultiCheckBox {
  background: var(--dm-bg-elevated) !important;
  border: 1px solid var(--dm-border) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode .MultiCheckBoxDetail {
  border-color: var(--dm-border) !important;
}

html.dark-mode .MultiCheckBoxDetail .cont {
  background: var(--dm-bg-card) !important;
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .MultiCheckBoxDetail .cont:hover {
  background: var(--dm-hover-accent-bg) !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Select2 in category header */
html.dark-mode .choose-position .select2-container--default .select2-selection--single {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode .choose-position .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode .choose-position .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .select2-drop,
html.dark-mode .select2-results {
  background: #1e1e1e !important;
  border-color: var(--dm-border) !important;
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .select2-results .select2-highlighted {
  background: var(--dm-hover-accent-bg) !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Select2 v3 (used by board jump / sort by) */
html.dark-mode .select2-container .select2-choice,
html.dark-mode .select2-container .select2-choice .select2-arrow,
html.dark-mode .select2-container .select2-choice .select2-chosen,
html.dark-mode .select2-container-active .select2-choice {
  /*background: #252525 !important;*/
  border-color: var(--dm-border) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: none !important;
}

html.dark-mode .select2-container .select2-choice .select2-arrow {
  /*background: #1e1e1e !important;*/
  border-left-color: var(--dm-border) !important;
}

html.dark-mode .select2-drop,
html.dark-mode .select2-drop-active,
html.dark-mode .select2-results,
html.dark-mode .select2-search input {
  background: #1e1e1e !important;
  color: rgba(255, 255, 255, 0.90) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .select2-results .select2-result-label {
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .select2-results .select2-highlighted .select2-result-label {
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Bullet / unread indicators */
html.dark-mode td.jive-bullet,
html.dark-mode td.b {
  background-color: inherit !important;
}

html.dark-mode td.jive-bullet img,
html.dark-mode td.b img {
  opacity: 0.9;
  filter: brightness(1.35) contrast(1.05);
}

html.dark-mode td.b .material-icons {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Status icon (replacement for u.gif / r.gif / up.gif) */
td.jive-bullet .material-icons.forum-status,
td.b .material-icons.forum-status {
  font-size: 14px;
  line-height: 1;
  vertical-align: middle;
  padding: 0;
}

/* Thread post body + quotes */
html.dark-mode .post-body,
html.dark-mode td.post-body,
html.dark-mode .aapost-body {
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .quote-author {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: linear-gradient(90deg, rgba(var(--site-primary-rgb, 255, 143, 66), 0.24) 0%, rgba(255, 255, 255, 0.05) 58%, rgba(0, 0, 0, 0.08) 100%) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}
html.dark-mode .quote {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.18) 100%) !important;
  color: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.30);
}
html.dark-mode .quote-author .logo-area {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
}
html.dark-mode .quote-author .post-username,
html.dark-mode .quote-author a.post-username:link,
html.dark-mode .quote-author a.post-username:visited {
  color: #fff !important;
}
html.dark-mode .quote .quote-author {
  background: rgba(255, 255, 255, 0.07) !important;
  box-shadow: none;
}
html.dark-mode .quote .quote {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none;
}

/* Form controls */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
  background: var(--dm-bg-elevated) !important;
  color: rgba(255, 255, 255, 0.92) !important;
  border: 1px solid var(--dm-border) !important;
}

/* Tabs */
html.dark-mode .jive-tab-bar,
html.dark-mode .jive-tab,
html.dark-mode .jive-selected-tab {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .jive-tab A,
html.dark-mode .jive-selected-tab A {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* =========================================================
   THREAD PAGE DARK MODE - Message boxes & user info
   ========================================================= */

/* Main message container box */
html.dark-mode .jive-box {
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .jive-box td,
html.dark-mode .jive-box th {
  background-color: transparent !important;
  color: var(--dm-text-primary) !important;
}

/* User info panel (left side of message) */
html.dark-mode .user-info {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .user-info-table {
  border-color: var(--dm-border) !important;
  background-color: transparent !important;
}

html.dark-mode .user-info-table td,
html.dark-mode .user-info-table div {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

html.dark-mode .logo-area {
  background: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
}

@media (min-width: 481px) {
html.dark-mode .message-box__user-info--premium-mobile .logo-area {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--dm-border) !important;
}
}

html.dark-mode .user-logo-c {
  background-color: transparent !important;
}

html.dark-mode .user-rank {
  color: var(--dm-text-muted) !important;
  border-color: var(--dm-border) !important;
  background-color: transparent !important;
}

html.dark-mode .pulse-table {
  border-color: var(--dm-border) !important;
  background-color: transparent !important;
}

html.dark-mode .pulse-text {
  color: var(--forum-user-dark-text, var(--site-primary)) !important;
}

html.dark-mode .pls-cnt {
  color: var(--forum-user-dark-text, var(--site-primary)) !important;
}

html.dark-mode .post-username {
  color: #fff !important;
}

html.dark-mode .jive-description {
  color: var(--dm-text-muted) !important;
}

/* Post body area */
html.dark-mode .post-body {
  border-color: var(--dm-border) !important;
  background-color: transparent !important;
}

/* Message subject */
html.dark-mode .jive-subject,
html.dark-mode .jive-subject a {
  color: var(--dm-text-primary) !important;
}

/* Message footer (pulse voting bar) */
html.dark-mode .message-footer-bar {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .message-footer-bar td {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

html.dark-mode .jive-box tr td table[style*="background-color"] {
  background-color: var(--dm-bg-elevated) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .jive-box tr td table[style*="background-color"] td {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

/* Signature area */
html.dark-mode .signature,
html.dark-mode .signature-scroll-pane {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-bg-card) !important;
  color: var(--dm-text-muted) !important;
}

html.dark-mode .signature p,
html.dark-mode .signature-scroll-pane p {
  color: var(--dm-text-muted) !important;
}

/* =========================================================
   THREAD PAGE DARK MODE - Tree view table
   ========================================================= */
html.dark-mode .tree-table {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .tree-table td {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

/* All Messages index: keep root-thread rows visibly highlighted even with inline dark-mode table resets. */
.tree-table tr.root-message-row > td,
.tree-table tr.root-message-row > td > table > tbody > tr > td {
  background: linear-gradient(90deg, rgba(var(--site-primary-rgb), 0.12) 0%, rgba(var(--site-primary-rgb), 0.04) 42%, var(--color-bg-surface) 100%) !important;
}

html.dark-mode .tree-table tr.root-message-row > td,
html.dark-mode .tree-table tr.root-message-row > td > table > tbody > tr > td {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.03) 42%, var(--dm-bg-card)) !important;
}

html.dark-mode .tree-table .o {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

html.dark-mode .tree-table .e {
  background-color: transparent !important;
}

html.dark-mode .tree-table a:not(.tree-subject-link) {
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode .tree-table a:not(.tree-subject-link):visited {
  color: var(--dm-text-muted) !important;
}

html.dark-mode .tree-table .jive-author,
html.dark-mode .tree-table .jlp {
  color: var(--dm-text-muted) !important;
}

/* Tree view reply list */
html.dark-mode #jive-reply-tree .jive-list {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode #jive-reply-tree .jive-list th {
  background-color: var(--dm-bg-elevated) !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

html.dark-mode #jive-reply-tree .jive-list td {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

html.dark-mode #jive-reply-tree .o {
  background-color: rgba(255, 255, 255, 0.03) !important;
}

html.dark-mode #jive-reply-tree .e {
  background-color: transparent !important;
}

/* =========================================================
   THREAD PAGE DARK MODE - Popular threads section
   ========================================================= */
html.dark-mode .board-section-header,
html.dark-mode .section-header-footer.header {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-primary) !important;
}

html.dark-mode .board-section-header a,
html.dark-mode .section-header-footer.header a {
  color: #fff !important;
}

html.dark-mode #board-messages {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode #board-messages-list {
  background-color: transparent !important;
}

html.dark-mode #board-messages-list li {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode #board-messages-list li:hover {
  background-color: var(--dm-hover-accent-bg) !important;
}

html.dark-mode #board-messages-list a {
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .front_author,
html.dark-mode .front_author a {
  color: var(--dm-text-muted) !important;
}

html.dark-mode .orange {
  color: var(--site-primary) !important;
}

html.dark-mode .section_body {
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .section_body li {
  background-color: transparent !important;
  color: var(--dm-text-secondary) !important;
}

/* =========================================================
   THREAD PAGE DARK MODE - Thread header & navigation
   ========================================================= */
html.dark-mode .border {
  border-color: var(--dm-border) !important;
  background-color: var(--dm-bg-card) !important;
}

html.dark-mode .border th {
  background-color: var(--dm-bg-elevated) !important;
  color: var(--dm-text-primary) !important;
}

html.dark-mode .border th a,
html.dark-mode .border th a:link,
html.dark-mode .border th a:visited {
  color: rgba(255, 255, 255, 0.90) !important;
}

html.dark-mode .jive-page-title {
  color: var(--dm-text-primary) !important;
}

html.dark-mode .jive-info-text {
  color: var(--site-primary) !important;
}

html.dark-mode .topics-next-prev,
html.dark-mode .topics-next-prev a {
  color: var(--dm-text-secondary) !important;
}

html.dark-mode .jive-button-label,
html.dark-mode .jive-button-label a {
  color: rgba(255, 255, 255, 0.90) !important;
}

/* Last post info */
html.dark-mode .last-post,
html.dark-mode .last-post a,
html.dark-mode .jlp {
  color: var(--dm-text-muted) !important;
}

/* Table cells - author, counts, date columns */
html.dark-mode .jive-author,
html.dark-mode .jive-author a:not(.tree-subject-link),
html.dark-mode .jive-counts,
html.dark-mode .d,
html.dark-mode td.d,
html.dark-mode .td-sub {
  color: var(--dm-text-secondary) !important;
}

html.dark-mode .td-sub a:not(.tree-subject-link),
html.dark-mode .thread-list-responsive .thread-row__title .t-sub:link,
html.dark-mode .thread-list-responsive .tree-table .jive-author .tree-subject-link:link {
  color: var(--dm-text-link, rgba(255, 255, 255, 0.92)) !important;
}

html.dark-mode .thread-list-responsive .thread-row:not(.sticky) .thread-row__title .t-sub:visited,
html.dark-mode .thread-list-responsive .tree-table:not(.sticky) .jive-author .tree-subject-link:visited,
html.dark-mode .thread-list-responsive .thread-row__author a:visited,
html.dark-mode .jive-list .jive-author a:not(.tree-subject-link):visited {
  color: #b26b41 !important;
}

/* Bullet column */
html.dark-mode .b,
html.dark-mode td.b {
  background-color: transparent !important;
}

/* Jive message container (individual message wrapper) */
html.dark-mode .jive-message {
  background-color: var(--dm-bg-card) !important;
  border-color: var(--dm-border) !important;
}

html.dark-mode .jive-message-list {
  background-color: var(--dm-bg-card) !important;
}

/* Forum reply button - no visited style in dark or any mode */
html.dark-mode a.forum-reply,
html.dark-mode a.forum-reply:visited {
  background-color: var(--site-primary) !important;
  color: #fff !important;
}

/* Awards list in messages */
html.dark-mode .awards-list {
  color: var(--dm-text-secondary) !important;
}

/* Pulse voting area icons */
html.dark-mode .material-icons {
  color: #ffffff !important;
}

html.dark-mode a .material-icons,
html.dark-mode button .material-icons {
  color: #ffffff !important;
}

/* Read count text at bottom of thread */
html.dark-mode center span[style*="font-size:1.2em"] {
  color: var(--dm-text-secondary) !important;
}