/* ================= DARK / BLACK THEME FIX ================= */
    html[data-bs-theme="dark"] .comment-page-wrap,
    html[data-layout-mode="dark"] .comment-page-wrap,
    body[data-bs-theme="dark"] .comment-page-wrap,
    body[data-layout-mode="dark"] .comment-page-wrap {
        --comment-bg: #212529;
        --comment-bg-soft: #262a2f;
        --comment-bg-light: #2a2f35;
        --comment-border: #32383e;
        --comment-border-soft: #3b424a;
        --comment-text: #f3f6f9;
        --comment-text-soft: #ced4da;
        --comment-muted: #878a99;
        --comment-primary: #6691e7;
        --comment-link: #8ab4ff;
        --comment-bubble: #2a2f35;
        --comment-reply-bubble: #233044;
        --comment-attachment-bg: #212529;
        --comment-preview-bg: #1a1d21;
    }

    html[data-bs-theme="dark"] .comment-doc-pane,
    html[data-layout-mode="dark"] .comment-doc-pane,
    body[data-bs-theme="dark"] .comment-doc-pane,
    body[data-layout-mode="dark"] .comment-doc-pane,
    html[data-bs-theme="dark"] .comment-thread-pane,
    html[data-layout-mode="dark"] .comment-thread-pane,
    body[data-bs-theme="dark"] .comment-thread-pane,
    body[data-layout-mode="dark"] .comment-thread-pane {
        background: var(--comment-bg) !important;
        border-color: var(--comment-border) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-pane-header,
    html[data-layout-mode="dark"] .comment-pane-header,
    body[data-bs-theme="dark"] .comment-pane-header,
    body[data-layout-mode="dark"] .comment-pane-header,
    html[data-bs-theme="dark"] .pane-tabs,
    html[data-layout-mode="dark"] .pane-tabs,
    body[data-bs-theme="dark"] .pane-tabs,
    body[data-layout-mode="dark"] .pane-tabs {
        background: var(--comment-bg-soft) !important;
        border-color: var(--comment-border) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .preview-title,
    html[data-layout-mode="dark"] .preview-title,
    body[data-bs-theme="dark"] .preview-title,
    body[data-layout-mode="dark"] .preview-title,
    html[data-bs-theme="dark"] .preview-title-version,
    html[data-layout-mode="dark"] .preview-title-version,
    body[data-bs-theme="dark"] .preview-title-version,
    body[data-layout-mode="dark"] .preview-title-version,
    html[data-bs-theme="dark"] .comment-pane-header span,
    html[data-layout-mode="dark"] .comment-pane-header span,
    body[data-bs-theme="dark"] .comment-pane-header span,
    body[data-layout-mode="dark"] .comment-pane-header span {
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .preview-title-meta,
    html[data-layout-mode="dark"] .preview-title-meta,
    body[data-bs-theme="dark"] .preview-title-meta,
    body[data-layout-mode="dark"] .preview-title-meta,
    html[data-bs-theme="dark"] .text-muted,
    html[data-layout-mode="dark"] .text-muted,
    body[data-bs-theme="dark"] .text-muted,
    body[data-layout-mode="dark"] .text-muted {
        color: var(--comment-muted) !important;
    }

    html[data-bs-theme="dark"] .pane-resizer,
    html[data-layout-mode="dark"] .pane-resizer,
    body[data-bs-theme="dark"] .pane-resizer,
    body[data-layout-mode="dark"] .pane-resizer {
        background: #202428 !important;
        border-color: var(--comment-border) !important;
    }

    html[data-bs-theme="dark"] .resizer-dots,
    html[data-layout-mode="dark"] .resizer-dots,
    body[data-bs-theme="dark"] .resizer-dots,
    body[data-layout-mode="dark"] .resizer-dots {
        color: #6c757d !important;
    }

    html[data-bs-theme="dark"] .pane-tab,
    html[data-layout-mode="dark"] .pane-tab,
    body[data-bs-theme="dark"] .pane-tab,
    body[data-layout-mode="dark"] .pane-tab {
        background: var(--comment-bg-soft) !important;
        color: var(--comment-muted) !important;
        border-color: var(--comment-border) !important;
    }

    html[data-bs-theme="dark"] .pane-tab:hover,
    html[data-layout-mode="dark"] .pane-tab:hover,
    body[data-bs-theme="dark"] .pane-tab:hover,
    body[data-layout-mode="dark"] .pane-tab:hover {
        background: var(--comment-bg-light) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .pane-tab.active,
    html[data-layout-mode="dark"] .pane-tab.active,
    body[data-bs-theme="dark"] .pane-tab.active,
    body[data-layout-mode="dark"] .pane-tab.active {
        background: var(--comment-bg) !important;
        color: var(--comment-primary) !important;
        border-bottom-color: var(--comment-primary) !important;
    }

    html[data-bs-theme="dark"] .pane-tab-content,
    html[data-layout-mode="dark"] .pane-tab-content,
    body[data-bs-theme="dark"] .pane-tab-content,
    body[data-layout-mode="dark"] .pane-tab-content,
    html[data-bs-theme="dark"] .comment-thread,
    html[data-layout-mode="dark"] .comment-thread,
    body[data-bs-theme="dark"] .comment-thread,
    body[data-layout-mode="dark"] .comment-thread,
    html[data-bs-theme="dark"] .comment-compose,
    html[data-layout-mode="dark"] .comment-compose,
    body[data-bs-theme="dark"] .comment-compose,
    body[data-layout-mode="dark"] .comment-compose {
        background: var(--comment-bg) !important;
        color: var(--comment-text-soft) !important;
        border-color: var(--comment-border) !important;
    }

    html[data-bs-theme="dark"] .comment-bubble,
    html[data-layout-mode="dark"] .comment-bubble,
    body[data-bs-theme="dark"] .comment-bubble,
    body[data-layout-mode="dark"] .comment-bubble {
        background: var(--comment-bubble) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-bubble-reply,
    html[data-layout-mode="dark"] .comment-bubble-reply,
    body[data-bs-theme="dark"] .comment-bubble-reply,
    body[data-layout-mode="dark"] .comment-bubble-reply,
    html[data-bs-theme="dark"] .comment-bubble[style*="background"],
    html[data-layout-mode="dark"] .comment-bubble[style*="background"],
    body[data-bs-theme="dark"] .comment-bubble[style*="background"],
    body[data-layout-mode="dark"] .comment-bubble[style*="background"] {
        background: var(--comment-reply-bubble) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-bubble p,
    html[data-layout-mode="dark"] .comment-bubble p,
    body[data-bs-theme="dark"] .comment-bubble p,
    body[data-layout-mode="dark"] .comment-bubble p,
    html[data-bs-theme="dark"] .comment-thread-pane .fw-semibold,
    html[data-layout-mode="dark"] .comment-thread-pane .fw-semibold,
    body[data-bs-theme="dark"] .comment-thread-pane .fw-semibold,
    body[data-layout-mode="dark"] .comment-thread-pane .fw-semibold {
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .comment-attachment,
    html[data-layout-mode="dark"] .comment-attachment,
    body[data-bs-theme="dark"] .comment-attachment,
    body[data-layout-mode="dark"] .comment-attachment {
        background: var(--comment-attachment-bg) !important;
        border-color: var(--comment-border-soft) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-attachment a,
    html[data-layout-mode="dark"] .comment-attachment a,
    body[data-bs-theme="dark"] .comment-attachment a,
    body[data-layout-mode="dark"] .comment-attachment a,
    html[data-bs-theme="dark"] .comment-page-wrap a,
    html[data-layout-mode="dark"] .comment-page-wrap a,
    body[data-bs-theme="dark"] .comment-page-wrap a,
    body[data-layout-mode="dark"] .comment-page-wrap a {
        color: var(--comment-link) !important;
    }

    html[data-bs-theme="dark"] .replies-wrap,
    html[data-layout-mode="dark"] .replies-wrap,
    body[data-bs-theme="dark"] .replies-wrap,
    body[data-layout-mode="dark"] .replies-wrap {
        border-color: var(--comment-border-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-compose .form-control,
    html[data-layout-mode="dark"] .comment-compose .form-control,
    body[data-bs-theme="dark"] .comment-compose .form-control,
    body[data-layout-mode="dark"] .comment-compose .form-control,
    html[data-bs-theme="dark"] .comment-page-wrap .form-control,
    html[data-layout-mode="dark"] .comment-page-wrap .form-control,
    body[data-bs-theme="dark"] .comment-page-wrap .form-control,
    body[data-layout-mode="dark"] .comment-page-wrap .form-control,
    html[data-bs-theme="dark"] .comment-page-wrap .form-select,
    html[data-layout-mode="dark"] .comment-page-wrap .form-select,
    body[data-bs-theme="dark"] .comment-page-wrap .form-select,
    body[data-layout-mode="dark"] .comment-page-wrap .form-select {
        background-color: var(--comment-bg-soft) !important;
        border-color: var(--comment-border-soft) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .form-control::placeholder,
    html[data-layout-mode="dark"] .comment-page-wrap .form-control::placeholder,
    body[data-bs-theme="dark"] .comment-page-wrap .form-control::placeholder,
    body[data-layout-mode="dark"] .comment-page-wrap .form-control::placeholder {
        color: var(--comment-muted) !important;
        opacity: 1;
    }

    html[data-bs-theme="dark"] .doc-version-sidebar,
    html[data-layout-mode="dark"] .doc-version-sidebar,
    body[data-bs-theme="dark"] .doc-version-sidebar,
    body[data-layout-mode="dark"] .doc-version-sidebar {
        background: #202428 !important;
        border-color: var(--comment-border) !important;
    }

    html[data-bs-theme="dark"] .doc-version-title-text,
    html[data-layout-mode="dark"] .doc-version-title-text,
    body[data-bs-theme="dark"] .doc-version-title-text,
    body[data-layout-mode="dark"] .doc-version-title-text,
    html[data-bs-theme="dark"] .doc-version-name,
    html[data-layout-mode="dark"] .doc-version-name,
    body[data-bs-theme="dark"] .doc-version-name,
    body[data-layout-mode="dark"] .doc-version-name {
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .doc-version-toggle,
    html[data-layout-mode="dark"] .doc-version-toggle,
    body[data-bs-theme="dark"] .doc-version-toggle,
    body[data-layout-mode="dark"] .doc-version-toggle {
        background: var(--comment-bg-light) !important;
        border-color: var(--comment-border-soft) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .doc-version-section-toggle,
    html[data-layout-mode="dark"] .doc-version-section-toggle,
    body[data-bs-theme="dark"] .doc-version-section-toggle,
    body[data-layout-mode="dark"] .doc-version-section-toggle {
        color: var(--comment-muted) !important;
    }

    html[data-bs-theme="dark"] .doc-version-list .nav-link,
    html[data-layout-mode="dark"] .doc-version-list .nav-link,
    body[data-bs-theme="dark"] .doc-version-list .nav-link,
    body[data-layout-mode="dark"] .doc-version-list .nav-link {
        background: transparent !important;
        color: var(--comment-text-soft) !important;
        border-color: transparent !important;
    }

    html[data-bs-theme="dark"] .doc-version-list .nav-link:hover,
    html[data-layout-mode="dark"] .doc-version-list .nav-link:hover,
    body[data-bs-theme="dark"] .doc-version-list .nav-link:hover,
    body[data-layout-mode="dark"] .doc-version-list .nav-link:hover {
        background: var(--comment-bg-light) !important;
        border-color: var(--comment-border-soft) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .doc-version-list .nav-link.active,
    html[data-layout-mode="dark"] .doc-version-list .nav-link.active,
    body[data-bs-theme="dark"] .doc-version-list .nav-link.active,
    body[data-layout-mode="dark"] .doc-version-list .nav-link.active {
        background: #1e2a3f !important;
        border-color: #35517a !important;
        color: #dbeafe !important;
    }

    html[data-bs-theme="dark"] .doc-version-tab small,
    html[data-layout-mode="dark"] .doc-version-tab small,
    body[data-bs-theme="dark"] .doc-version-tab small,
    body[data-layout-mode="dark"] .doc-version-tab small,
    html[data-bs-theme="dark"] .doc-version-meta,
    html[data-layout-mode="dark"] .doc-version-meta,
    body[data-bs-theme="dark"] .doc-version-meta,
    body[data-layout-mode="dark"] .doc-version-meta {
        color: var(--comment-muted) !important;
    }

    html[data-bs-theme="dark"] .doc-version-badge,
    html[data-layout-mode="dark"] .doc-version-badge,
    body[data-bs-theme="dark"] .doc-version-badge,
    body[data-layout-mode="dark"] .doc-version-badge {
        background: #344256 !important;
        color: #e2e8f0 !important;
    }

    html[data-bs-theme="dark"] .doc-version-badge.doc-version-badge--file,
    html[data-layout-mode="dark"] .doc-version-badge.doc-version-badge--file,
    body[data-bs-theme="dark"] .doc-version-badge.doc-version-badge--file,
    body[data-layout-mode="dark"] .doc-version-badge.doc-version-badge--file {
        background: transparent !important;
        color: #a3b1c6 !important;
        border-color: #344256;
    }

    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-pdf     { color: #f87171 !important; border-color: rgba(248, 113, 113, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-word    { color: #60a5fa !important; border-color: rgba(96, 165, 250, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-excel   { color: #4ade80 !important; border-color: rgba(74, 222, 128, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-csv     { color: #2dd4bf !important; border-color: rgba(45, 212, 191, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-ppt     { color: #fb923c !important; border-color: rgba(251, 146, 60, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-image   { color: #c084fc !important; border-color: rgba(192, 132, 252, .35); }
    :is(html, body):is([data-bs-theme="dark"], [data-layout-mode="dark"]) .doc-version-badge--file.doc-file-type-archive { color: #facc15 !important; border-color: rgba(250, 204, 21, .35); }

    html[data-bs-theme="dark"] .comment-page-wrap .bg-light,
    html[data-layout-mode="dark"] .comment-page-wrap .bg-light,
    body[data-bs-theme="dark"] .comment-page-wrap .bg-light,
    body[data-layout-mode="dark"] .comment-page-wrap .bg-light,
    html[data-bs-theme="dark"] .comment-page-wrap .bg-white,
    html[data-layout-mode="dark"] .comment-page-wrap .bg-white,
    body[data-bs-theme="dark"] .comment-page-wrap .bg-white,
    body[data-layout-mode="dark"] .comment-page-wrap .bg-white {
        background-color: var(--comment-preview-bg) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .text-dark,
    html[data-layout-mode="dark"] .comment-page-wrap .text-dark,
    body[data-bs-theme="dark"] .comment-page-wrap .text-dark,
    body[data-layout-mode="dark"] .comment-page-wrap .text-dark {
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] #originalDocPreviewPane,
    html[data-layout-mode="dark"] #originalDocPreviewPane,
    body[data-bs-theme="dark"] #originalDocPreviewPane,
    body[data-layout-mode="dark"] #originalDocPreviewPane,
    html[data-bs-theme="dark"] #addedDocPreviewPane,
    html[data-layout-mode="dark"] #addedDocPreviewPane,
    body[data-bs-theme="dark"] #addedDocPreviewPane,
    body[data-layout-mode="dark"] #addedDocPreviewPane,
    html[data-bs-theme="dark"] .doc-version-preview,
    html[data-layout-mode="dark"] .doc-version-preview,
    body[data-bs-theme="dark"] .doc-version-preview,
    body[data-layout-mode="dark"] .doc-version-preview {
        background: var(--comment-preview-bg) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] #originalDocPreviewPane > div,
    html[data-layout-mode="dark"] #originalDocPreviewPane > div,
    body[data-bs-theme="dark"] #originalDocPreviewPane > div,
    body[data-layout-mode="dark"] #originalDocPreviewPane > div,
    html[data-bs-theme="dark"] #addedDocPreviewPane,
    html[data-layout-mode="dark"] #addedDocPreviewPane,
    body[data-bs-theme="dark"] #addedDocPreviewPane,
    body[data-layout-mode="dark"] #addedDocPreviewPane {
        background: var(--comment-preview-bg) !important;
    }

    html[data-bs-theme="dark"] #originalDocPreviewPane iframe,
    html[data-layout-mode="dark"] #originalDocPreviewPane iframe,
    body[data-bs-theme="dark"] #originalDocPreviewPane iframe,
    body[data-layout-mode="dark"] #originalDocPreviewPane iframe,
    html[data-bs-theme="dark"] #addedDocPreviewPane iframe,
    html[data-layout-mode="dark"] #addedDocPreviewPane iframe,
    body[data-bs-theme="dark"] #addedDocPreviewPane iframe,
    body[data-layout-mode="dark"] #addedDocPreviewPane iframe {
        background: #ffffff !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap [style*="background:#f8f9fa"],
    html[data-layout-mode="dark"] .comment-page-wrap [style*="background:#f8f9fa"],
    body[data-bs-theme="dark"] .comment-page-wrap [style*="background:#f8f9fa"],
    body[data-layout-mode="dark"] .comment-page-wrap [style*="background:#f8f9fa"] {
        background: var(--comment-preview-bg) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap [style*="background:#fff"],
    html[data-layout-mode="dark"] .comment-page-wrap [style*="background:#fff"],
    body[data-bs-theme="dark"] .comment-page-wrap [style*="background:#fff"],
    body[data-layout-mode="dark"] .comment-page-wrap [style*="background:#fff"] {
        background: #ffffff !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap [style*="border:1px solid #e9ecef"],
    html[data-layout-mode="dark"] .comment-page-wrap [style*="border:1px solid #e9ecef"],
    body[data-bs-theme="dark"] .comment-page-wrap [style*="border:1px solid #e9ecef"],
    body[data-layout-mode="dark"] .comment-page-wrap [style*="border:1px solid #e9ecef"] {
        border-color: var(--comment-border) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .dropdown-menu,
    html[data-layout-mode="dark"] .comment-page-wrap .dropdown-menu,
    body[data-bs-theme="dark"] .comment-page-wrap .dropdown-menu,
    body[data-layout-mode="dark"] .comment-page-wrap .dropdown-menu {
        background: var(--comment-bg-soft) !important;
        border-color: var(--comment-border) !important;
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .dropdown-item,
    html[data-layout-mode="dark"] .comment-page-wrap .dropdown-item,
    body[data-bs-theme="dark"] .comment-page-wrap .dropdown-item,
    body[data-layout-mode="dark"] .comment-page-wrap .dropdown-item {
        color: var(--comment-text-soft) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .dropdown-item:hover,
    html[data-layout-mode="dark"] .comment-page-wrap .dropdown-item:hover,
    body[data-bs-theme="dark"] .comment-page-wrap .dropdown-item:hover,
    body[data-layout-mode="dark"] .comment-page-wrap .dropdown-item:hover {
        background: var(--comment-bg-light) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .btn-light,
    html[data-layout-mode="dark"] .comment-page-wrap .btn-light,
    body[data-bs-theme="dark"] .comment-page-wrap .btn-light,
    body[data-layout-mode="dark"] .comment-page-wrap .btn-light {
        background: var(--comment-bg-light) !important;
        border-color: var(--comment-border-soft) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .btn-ghost-primary,
    html[data-layout-mode="dark"] .comment-page-wrap .btn-ghost-primary,
    body[data-bs-theme="dark"] .comment-page-wrap .btn-ghost-primary,
    body[data-layout-mode="dark"] .comment-page-wrap .btn-ghost-primary {
        color: var(--comment-muted) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .btn-ghost-primary:hover,
    html[data-layout-mode="dark"] .comment-page-wrap .btn-ghost-primary:hover,
    body[data-bs-theme="dark"] .comment-page-wrap .btn-ghost-primary:hover,
    body[data-layout-mode="dark"] .comment-page-wrap .btn-ghost-primary:hover {
        background: var(--comment-bg-light) !important;
        color: var(--comment-text) !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .alert-warning,
    html[data-layout-mode="dark"] .comment-page-wrap .alert-warning,
    body[data-bs-theme="dark"] .comment-page-wrap .alert-warning,
    body[data-layout-mode="dark"] .comment-page-wrap .alert-warning {
        background: #3f3017 !important;
        border-color: #59451f !important;
        color: #ffe1b0 !important;
    }

    html[data-bs-theme="dark"] .comment-page-wrap .alert-success,
    html[data-layout-mode="dark"] .comment-page-wrap .alert-success,
    body[data-bs-theme="dark"] .comment-page-wrap .alert-success,
    body[data-layout-mode="dark"] .comment-page-wrap .alert-success {
        background: #173729 !important;
        border-color: #23553f !important;
        color: #b2f0d0 !important;
    }

    html[data-bs-theme="dark"] .page-title-box,
    html[data-layout-mode="dark"] .page-title-box,
    body[data-bs-theme="dark"] .page-title-box,
    body[data-layout-mode="dark"] .page-title-box {
        color: #f3f6f9 !important;
    }