/* Global dark theme layer: safe overrides only */
body[data-theme="dark"] {
    color-scheme: dark;
    --dark-bg: #10100f;
    --dark-surface: #171717;
    --dark-surface-2: #1d1d1d;
    --dark-border: #2a2a2a;
    --dark-border-2: #303030;
    --dark-text: #edf0f3;
    --dark-text-muted: #c2c8d0;
    --dark-text-soft: #aeb6c1;
    --dark-accent: #8c929d;
    --dark-accent-strong: #1f9d5b;
    --color-bg-page: var(--color-bg-page-dark);
    --color-surface: var(--color-surface-dark);
    --color-surface-alt: var(--color-surface-alt-dark);
    --color-text-primary: var(--color-text-primary-dark);
    --color-text-muted: var(--color-text-muted-dark);
    --color-border-default: var(--color-border-default-dark);
    --color-primary: var(--color-primary-dark);
    --color-primary-hover: var(--color-primary-hover-dark);
    --color-success: var(--color-success-dark);
    --color-warning: var(--color-warning-dark);
    --color-danger: var(--color-danger-dark);
    --color-focus-ring: var(--color-focus-ring-dark);
    --color-surface-soft: var(--color-surface-soft-dark);
    --color-surface-raised: var(--color-surface-raised-dark);
    --color-primary-soft: var(--color-primary-soft-dark);
    --color-primary-strong: var(--color-primary-strong-dark);
    --color-success-soft: var(--color-success-soft-dark);
    --color-warning-soft: var(--color-warning-soft-dark);
    --color-danger-soft: var(--color-danger-soft-dark);
    --color-info: var(--color-info-dark);
    --color-code-bg: var(--color-code-bg-dark);
    --color-overlay: var(--color-overlay-dark);
    background: #10100f;
    color: #edf0f3;
}

body[data-theme="dark"] *,
body[data-theme="dark"] *::before,
body[data-theme="dark"] *::after {
    border-color: var(--dark-border);
}

body[data-theme="dark"] a {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] a:hover {
    color: var(--dark-text);
}

body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select,
body[data-theme="dark"] button {
    color: var(--dark-text);
}

body[data-theme="dark"] input,
body[data-theme="dark"] textarea,
body[data-theme="dark"] select {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] hr {
    border-color: var(--dark-border);
}

body[data-theme="dark"] table {
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body[data-theme="dark"] table thead,
body[data-theme="dark"] table th {
    background: var(--dark-surface-2);
    color: var(--dark-text);
}

body[data-theme="dark"] table td {
    border-color: var(--dark-border);
}

body[data-theme="dark"] .card,
body[data-theme="dark"] .panel,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .dropdown-menu,
body[data-theme="dark"] .toast,
body[data-theme="dark"] .empty-state {
    background: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
    box-shadow: none;
}

/* Fallbacks for inline hardcoded light colors */
body[data-theme="dark"] [style*="background: #fff"],
body[data-theme="dark"] [style*="background:#fff"],
body[data-theme="dark"] [style*="background-color: #fff"],
body[data-theme="dark"] [style*="background-color:#fff"] {
    background: var(--dark-surface) !important;
}

body[data-theme="dark"] [style*="background: white"],
body[data-theme="dark"] [style*="background-color: white"] {
    background: var(--dark-surface) !important;
}

body[data-theme="dark"] [style*="color: #333"],
body[data-theme="dark"] [style*="color:#333"],
body[data-theme="dark"] [style*="color: #444"],
body[data-theme="dark"] [style*="color:#444"] {
    color: var(--dark-text) !important;
}

body[data-theme="dark"] [style*="color: #666"],
body[data-theme="dark"] [style*="color:#666"],
body[data-theme="dark"] [style*="color: #777"],
body[data-theme="dark"] [style*="color:#777"],
body[data-theme="dark"] [style*="color: #999"],
body[data-theme="dark"] [style*="color:#999"] {
    color: var(--dark-text-muted) !important;
}

body[data-theme="dark"] .header,
body[data-theme="dark"] .c-header {
    background: var(--dark-bg);
    border-bottom-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .logo h1,
body[data-theme="dark"] .main-nav a,
body[data-theme="dark"] .user-profile span,
body[data-theme="dark"] .logout-btn {
    color: var(--dark-text);
}

body[data-theme="dark"] .main-nav a::after {
    background-color: var(--dark-accent);
}

body[data-theme="dark"] .google-login-btn {
    background-color: var(--dark-surface-2);
    border-color: var(--dark-border-2);
    color: var(--dark-text);
}

body[data-theme="dark"] .google-login-btn:hover {
    background-color: #232323;
    border-color: #3a3a3a;
}

body[data-theme="dark"] .write-post-btn {
    background: var(--dark-surface-2);
    border-color: #3a3a3a;
    color: var(--dark-text);
    box-shadow: none;
}

body[data-theme="dark"] .c-footer {
    background: var(--dark-bg);
    border-top-color: var(--dark-border);
}

body[data-theme="dark"] .c-footer__meta,
body[data-theme="dark"] .c-footer__links a,
body[data-theme="dark"] .c-footer__brand {
    color: var(--dark-text-muted);
}

/* Community pages */
body[data-theme="dark"] .community-container .page-header h1,
body[data-theme="dark"] .board-header h1 {
    color: var(--dark-text);
}

body[data-theme="dark"] .community-container .page-header p,
body[data-theme="dark"] .board-header p {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .community-container .board-card {
    background: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .community-container .board-card:hover {
    background: #1b1b1b;
    border-color: var(--dark-border-2);
    box-shadow: none;
}

body[data-theme="dark"] .community-container .board-icon {
    background: #212121;
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .community-container .board-title h3 {
    color: var(--dark-text);
}

body[data-theme="dark"] .community-container .board-title p,
body[data-theme="dark"] .community-container .board-meta {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .community-container .board-meta {
    border-top-color: var(--dark-border);
}

body[data-theme="dark"] .board-container .board-header {
    border-bottom-color: var(--dark-border-2);
}

body[data-theme="dark"] .board-container .board-actions {
    background: transparent;
    border: 0;
    box-shadow: none;
}

body[data-theme="dark"] .board-container .btn-list-back {
    background: #1d1d1d;
    border-color: var(--dark-border-2);
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .btn-list-back:hover {
    background: #242424;
}

body[data-theme="dark"] .board-container .btn-write-new {
    background: transparent;
    color: #d6e4f5;
    border-color: #4f6685;
}

body[data-theme="dark"] .board-container .btn-write-new:hover {
    background: rgba(58, 111, 174, 0.16);
    border-color: #6e8bb0;
    color: #edf0f3;
    box-shadow: none;
}

body[data-theme="dark"] .board-container .board-search-box i {
    color: var(--dark-text-soft);
}

body[data-theme="dark"] .board-container .board-search-input {
    background: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border-2);
    box-shadow: none;
}

body[data-theme="dark"] .board-container .board-search-input:focus {
    background: var(--dark-surface-2);
    border-color: #3a6fae;
    box-shadow: none;
}

body[data-theme="dark"] .board-container .advanced-search-btn,
body[data-theme="dark"] .board-container .notion-tag-reset-btn {
    background: #ffffff;
    border-color: #d5deea;
    color: #2a3a4f;
}

body[data-theme="dark"] .board-container .advanced-search-btn:hover,
body[data-theme="dark"] .board-container .notion-tag-reset-btn:hover {
    background: #f3f6fa;
    border-color: #c9d5e4;
}

body[data-theme="dark"] .board-container .advanced-search-btn.is-active {
    background: #ffffff;
    border-color: #9cb6d6;
    color: #2f5f96;
}

body[data-theme="dark"] .board-container .advanced-search-panel {
    background: #171d26;
    border-color: #2b3847;
}

body[data-theme="dark"] .board-container .advanced-search-panel label {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .board-container .notion-tag-input {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .board-container .notion-tag-input:focus-within {
    border-color: #3a6fae;
    box-shadow: 0 0 0 3px rgba(58, 111, 174, 0.22);
}

body[data-theme="dark"] .board-container .notion-tag-chip {
    background: #1f344c;
    border-color: #365374;
    color: #d6e4f5;
}

body[data-theme="dark"] .board-container .notion-tag-chip button {
    color: #afc7e5;
}

body[data-theme="dark"] .board-container .notion-tag-search-input {
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .notion-tag-search-input::placeholder {
    color: #8f98a5;
}

body[data-theme="dark"] .board-container .notion-tag-dropdown {
    background: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.45);
}

body[data-theme="dark"] .board-container .notion-tag-option {
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .notion-tag-option:hover {
    background: #232f3c;
}

body[data-theme="dark"] .board-container .notion-tag-option-count {
    color: var(--dark-text-soft);
}

body[data-theme="dark"] .board-container .notion-tag-empty {
    color: var(--dark-text-soft);
}

body[data-theme="dark"] .board-container .notion-tag-skeleton-item {
    background: linear-gradient(90deg, #1c232d 25%, #263242 50%, #1c232d 75%);
}

body[data-theme="dark"] .board-container .advanced-reset-btn {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .board-container .advanced-reset-btn:hover {
    background: #252525;
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .board-posts-list {
    background: var(--dark-surface);
    border-top-color: var(--dark-border-2);
}

body[data-theme="dark"] .board-container .board-list-header {
    background: #1c1c1c;
    color: var(--dark-text-muted);
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .board-container .board-post-item {
    background: var(--dark-surface) !important;
    color: var(--dark-text) !important;
    border-bottom-color: var(--dark-border) !important;
}

body[data-theme="dark"] .board-container .board-post-item:hover {
    background: #1d1d1d !important;
}

body[data-theme="dark"] .board-container .board-post-item.pinned {
    background: #22211b !important;
}

body[data-theme="dark"] .board-container .post-title-text {
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .comment-count {
    color: #ff8d8d;
}

body[data-theme="dark"] .board-container .post-author-col,
body[data-theme="dark"] .board-container .post-date-col,
body[data-theme="dark"] .board-container .post-views-col,
body[data-theme="dark"] .board-container .mobile-meta {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .board-container .post-stat-item,
body[data-theme="dark"] .board-container .post-stat-item i {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .board-container .post-tag-chip {
    background: #1f252e;
    border-color: #2e3a49;
    color: #c4d0de;
}

body[data-theme="dark"] .board-container .post-tag-chip.is-empty {
    background: #1a1f26;
    border-color: #2a323d;
    color: #9ca8b8;
}

body[data-theme="dark"] .board-container .mobile-meta span:not(:last-child)::after {
    color: #4a4a4a;
}

body[data-theme="dark"] .board-container .board-page-btn {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .board-container .board-page-btn:hover:not(:disabled) {
    background: #232323;
    border-color: #3a3a3a;
    color: var(--dark-text);
}

body[data-theme="dark"] .board-container .board-page-btn.is-active {
    background: #3a6fae;
    border-color: #3a6fae;
    color: #f5f8fc;
}

body[data-theme="dark"] .board-container .board-page-ellipsis {
    color: var(--dark-text-soft);
}

body[data-theme="dark"] .community-container .loading-state,
body[data-theme="dark"] .community-container .empty-state,
body[data-theme="dark"] .board-container .loading-state,
body[data-theme="dark"] .board-container .empty-state {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .community-container .empty-state i,
body[data-theme="dark"] .board-container .empty-state i {
    color: #626262;
}

/* Floating chatbot */
body[data-theme="dark"] .agent-chat-toggle {
    background: var(--dark-surface);
    border-color: var(--dark-border-2);
    color: var(--dark-text);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

body[data-theme="dark"] .agent-chat-toggle:hover {
    background: #202020;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
}

body[data-theme="dark"] .agent-chat-panel {
    background: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
}

body[data-theme="dark"] .agent-chat-header {
    background: var(--dark-bg);
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .agent-chat-header h3 {
    color: var(--dark-text);
}

/* Post view page */
body[data-theme="dark"] .post-detail {
    background: var(--dark-surface);
    color: var(--dark-text);
    box-shadow: none;
    border: 1px solid var(--dark-border);
}

body[data-theme="dark"] .post-detail-header {
    border-bottom-color: var(--dark-border-2);
}

body[data-theme="dark"] .post-detail-header::after {
    background-color: #3a6fae;
}

body[data-theme="dark"] .post-detail-header h1,
body[data-theme="dark"] #post-title {
    color: var(--dark-text);
}

body[data-theme="dark"] .post-detail-meta,
body[data-theme="dark"] .post-detail-meta #post-author,
body[data-theme="dark"] .post-detail-meta #post-date {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .post-detail-content {
    color: var(--dark-text);
}

body[data-theme="dark"] .post-detail-content blockquote {
    background: #1d1d1d;
    border-left-color: #3b3b3b;
}

body[data-theme="dark"] .post-detail-content pre {
    background: #191919;
    color: #e8edf3;
}

body[data-theme="dark"] .post-detail-content code {
    background: #222;
    color: #d8e2ee;
}

body[data-theme="dark"] .post-detail-content .citation-inline,
body[data-theme="dark"] .post-detail-content a.citation-link,
body[data-theme="dark"] .post-detail-content a:not(.citation-link) {
    color: #9ebce0;
    background-color: rgba(58, 111, 174, 0.18);
    border-color: rgba(58, 111, 174, 0.32);
}

body[data-theme="dark"] .post-actions {
    border-top-color: var(--dark-border);
}

body[data-theme="dark"] .comments-section {
    border-top-color: var(--dark-border);
}

body[data-theme="dark"] .comments-section h3 {
    color: var(--dark-text);
}

body[data-theme="dark"] .comment-form textarea,
body[data-theme="dark"] .reply-form textarea,
body[data-theme="dark"] .edit-form textarea {
    background: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .comment-form textarea:focus,
body[data-theme="dark"] .reply-form textarea:focus,
body[data-theme="dark"] .edit-form textarea:focus {
    border-color: #3a6fae;
    box-shadow: none;
}

body[data-theme="dark"] .comment,
body[data-theme="dark"] .reply,
body[data-theme="dark"] .reply-form {
    background: #1a1a1a;
    border-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .comment-author-name {
    color: var(--dark-text);
}

body[data-theme="dark"] .comment-date,
body[data-theme="dark"] .comment-content,
body[data-theme="dark"] .comment-action-btn {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .comment-action-btn:hover {
    background: #242424;
    color: var(--dark-text);
}

body[data-theme="dark"] .comment-form .btn,
body[data-theme="dark"] .reply-form .btn,
body[data-theme="dark"] .edit-form .btn,
body[data-theme="dark"] .edit-btn {
    background: #2f5f96;
    color: #f5f8fc;
}

body[data-theme="dark"] .comment-form .btn:hover,
body[data-theme="dark"] .reply-form .btn:hover,
body[data-theme="dark"] .edit-form .btn:hover,
body[data-theme="dark"] .edit-btn:hover {
    background: #3a6fae;
}

body[data-theme="dark"] .reply-form .btn.cancel,
body[data-theme="dark"] .edit-form .btn.cancel,
body[data-theme="dark"] .delete-btn {
    background: #5f2a2f;
    color: #ffecee;
}

body[data-theme="dark"] .citations-sidebar {
    background: var(--dark-surface);
    border: 1px solid var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .citations-sidebar h2 {
    color: var(--dark-text);
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] #citations-list-container::-webkit-scrollbar-track {
    background: #1a1a1a;
}

body[data-theme="dark"] #citations-list-container::-webkit-scrollbar-thumb {
    background: #3a3a3a;
}

body[data-theme="dark"] .citation-card {
    background: #1a1a1a;
    border: 1px solid var(--dark-border);
    border-top-color: #3a6fae;
    box-shadow: none;
}

body[data-theme="dark"] .citation-card h3 {
    color: var(--dark-text);
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .citation-original {
    color: var(--dark-text);
    background: #212121;
}

body[data-theme="dark"] .citation-translation {
    color: var(--dark-text-muted);
}

/* Post editor page */
body[data-theme="dark"] .split-container,
body[data-theme="dark"] .post-editor,
body[data-theme="dark"] .editor-content {
    background: var(--dark-bg);
    color: var(--dark-text);
}

body[data-theme="dark"] .post-editor {
    border: 1px solid var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .editor-header {
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .editor-header h2 {
    color: var(--dark-text);
}

body[data-theme="dark"] .post-title,
body[data-theme="dark"] .post-category,
body[data-theme="dark"] .post-tags,
body[data-theme="dark"] .search-box input,
body[data-theme="dark"] .title-filter-modal .search-box input,
body[data-theme="dark"] .mobile-input,
body[data-theme="dark"] .mobile-select {
    background: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .post-title:focus,
body[data-theme="dark"] .post-category:focus,
body[data-theme="dark"] .post-tags:focus,
body[data-theme="dark"] .search-box input:focus,
body[data-theme="dark"] .title-filter-modal .search-box input:focus {
    border-color: #3a6fae;
    box-shadow: none;
}

body[data-theme="dark"] #editor-toolbar {
    background: #1a1a1a;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .toolbar-divider {
    background: #333;
}

body[data-theme="dark"] .toolbar-btn,
body[data-theme="dark"] .toolbar-select {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .toolbar-btn:hover,
body[data-theme="dark"] .toolbar-select:hover {
    background: #252525;
    color: var(--dark-text);
}

body[data-theme="dark"] .toolbar-btn.is-active {
    background: rgba(58, 111, 174, 0.22);
    color: #b8d0eb;
    border-color: rgba(58, 111, 174, 0.4);
}

body[data-theme="dark"] #editor-container {
    background: var(--dark-surface);
    border-color: var(--dark-border);
}

body[data-theme="dark"] .ProseMirror {
    color: var(--dark-text);
}

body[data-theme="dark"] .ProseMirror h1,
body[data-theme="dark"] .ProseMirror h2,
body[data-theme="dark"] .ProseMirror h3 {
    color: var(--dark-text);
}

body[data-theme="dark"] .ProseMirror blockquote {
    border-left-color: #3a6fae;
    background: #1d1d1d;
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .ProseMirror code {
    background: #242424;
    color: #d8e2ee;
}

body[data-theme="dark"] .ProseMirror pre {
    background: #181818;
    color: #e8edf3;
}

body[data-theme="dark"] .ProseMirror p.is-editor-empty:first-child::before,
body[data-theme="dark"] .ProseMirror.is-empty::before {
    color: #8e949c;
}

body[data-theme="dark"] #savePost,
body[data-theme="dark"] #toggleClassicSidebar,
body[data-theme="dark"] .content-search-filter-btn,
body[data-theme="dark"] .search-btn,
body[data-theme="dark"] .title-filter-modal-btn.primary {
    background: #2f5f96 !important;
    color: #f5f8fc !important;
    border-color: #2f5f96 !important;
}

body[data-theme="dark"] #savePost:hover,
body[data-theme="dark"] #toggleClassicSidebar:hover,
body[data-theme="dark"] .content-search-filter-btn:hover,
body[data-theme="dark"] .search-btn:hover,
body[data-theme="dark"] .title-filter-modal-btn.primary:hover {
    background: #3a6fae !important;
    border-color: #3a6fae !important;
}

body[data-theme="dark"] .classics-list,
body[data-theme="dark"] .classics-panel-content {
    background: var(--dark-surface);
    border-left-color: var(--dark-border);
}

body[data-theme="dark"] .classics-panel-header p,
body[data-theme="dark"] .text-preview,
body[data-theme="dark"] .loading-spinner {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .classic-placeholder-card,
body[data-theme="dark"] .classic-item,
body[data-theme="dark"] .citation-item,
body[data-theme="dark"] .citations-wrapper {
    background: #1a1a1a;
    border-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .classic-title {
    background: #1e1e1e;
    color: var(--dark-text);
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .classic-placeholder-card .placeholder-title,
body[data-theme="dark"] .citation-content .original-text {
    color: var(--dark-text);
}

body[data-theme="dark"] .classic-placeholder-card .placeholder-description,
body[data-theme="dark"] .classic-placeholder-card .placeholder-hint,
body[data-theme="dark"] .citation-content .translation-text {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .cite-btn-sm {
    background: #252f3b;
    color: #b8d0eb;
}

body[data-theme="dark"] .cite-btn-sm:hover {
    background: #2c3948;
}

body[data-theme="dark"] .color-palette,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .title-filter-modal-card,
body[data-theme="dark"] .mobile-bottom-sheet-content {
    background: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body[data-theme="dark"] .modal-header,
body[data-theme="dark"] .title-filter-modal-head,
body[data-theme="dark"] .title-filter-modal-actions,
body[data-theme="dark"] .color-palette-footer {
    border-color: var(--dark-border);
}

body[data-theme="dark"] .modal-header h3,
body[data-theme="dark"] .title-filter-modal-head h4,
body[data-theme="dark"] .mobile-bottom-sheet-header h3 {
    color: var(--dark-text);
}

body[data-theme="dark"] .modal-header p,
body[data-theme="dark"] .title-filter-modal-head p,
body[data-theme="dark"] .mobile-header-btn,
body[data-theme="dark"] .mobile-header-cta,
body[data-theme="dark"] .close-mobile-sheet {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .mobile-header-container,
body[data-theme="dark"] .mobile-status-bar-spacer,
body[data-theme="dark"] .mobile-custom-header,
body[data-theme="dark"] .mobile-header-cta,
body[data-theme="dark"] #editor-toolbar {
    background: var(--dark-bg);
    border-color: var(--dark-border);
}

/* Wiki pages */
body[data-theme="dark"] .wiki-container {
    background: transparent;
    color: var(--dark-text);
}

body[data-theme="dark"] .wiki-main-header,
body[data-theme="dark"] .wiki-header,
body[data-theme="dark"] .wiki-content,
body[data-theme="dark"] .wiki-main-content,
body[data-theme="dark"] .wiki-list,
body[data-theme="dark"] .wiki-item,
body[data-theme="dark"] .wiki-empty-state,
body[data-theme="dark"] .empty-state,
body[data-theme="dark"] .wiki-sidebar,
body[data-theme="dark"] .sidebar-section,
body[data-theme="dark"] .wiki-edit-section,
body[data-theme="dark"] .wiki-history-content,
body[data-theme="dark"] .wiki-network-container,
body[data-theme="dark"] .network-header,
body[data-theme="dark"] .network-info,
body[data-theme="dark"] .wiki-welcome-section,
body[data-theme="dark"] .wiki-info-boxes,
body[data-theme="dark"] .wiki-project-section,
body[data-theme="dark"] .wiki-rules-section,
body[data-theme="dark"] .contributions-filters,
body[data-theme="dark"] .contribution-item,
body[data-theme="dark"] .stat-card,
body[data-theme="dark"] .version-item {
    background: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .wiki-main-title,
body[data-theme="dark"] .wiki-title,
body[data-theme="dark"] .wiki-title-text,
body[data-theme="dark"] .wiki-section-title,
body[data-theme="dark"] .wiki-welcome-title,
body[data-theme="dark"] .sidebar-title,
body[data-theme="dark"] .contributions-ranking h2,
body[data-theme="dark"] .wiki-body h1,
body[data-theme="dark"] .wiki-body h2,
body[data-theme="dark"] .wiki-body h3,
body[data-theme="dark"] .wiki-body h4,
body[data-theme="dark"] .wiki-body h5,
body[data-theme="dark"] .wiki-body h6,
body[data-theme="dark"] .wiki-toc-title {
    color: var(--dark-text);
}

body[data-theme="dark"] .wiki-header-link,
body[data-theme="dark"] .wiki-header-dropdown-item,
body[data-theme="dark"] .back-link,
body[data-theme="dark"] .wiki-meta,
body[data-theme="dark"] .wiki-meta i,
body[data-theme="dark"] .wiki-section-text,
body[data-theme="dark"] .wiki-info-content,
body[data-theme="dark"] .wiki-rules-links,
body[data-theme="dark"] .contribution-stats,
body[data-theme="dark"] .version-meta,
body[data-theme="dark"] .version-summary,
body[data-theme="dark"] .wiki-body,
body[data-theme="dark"] .wiki-body p,
body[data-theme="dark"] .loading,
body[data-theme="dark"] .empty-state {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .wiki-welcome-text,
body[data-theme="dark"] .wiki-info-content,
body[data-theme="dark"] .wiki-section-text,
body[data-theme="dark"] .wiki-rules-links,
body[data-theme="dark"] .wiki-info-content strong {
    color: var(--dark-text);
}

body[data-theme="dark"] .wiki-header-link:hover,
body[data-theme="dark"] .wiki-header-dropdown-item:hover,
body[data-theme="dark"] .back-link:hover,
body[data-theme="dark"] .sidebar-links a:hover,
body[data-theme="dark"] .wiki-link:hover {
    background: #222;
    color: var(--dark-text);
}

body[data-theme="dark"] .wiki-link,
body[data-theme="dark"] .wiki-body a,
body[data-theme="dark"] .wiki-toc-list a,
body[data-theme="dark"] .sidebar-links a,
body[data-theme="dark"] .wiki-info-icon-link {
    color: #9ebce0;
}

body[data-theme="dark"] .wiki-link:hover,
body[data-theme="dark"] .wiki-body a:hover,
body[data-theme="dark"] .wiki-toc-list a:hover,
body[data-theme="dark"] .sidebar-links a:hover,
body[data-theme="dark"] .wiki-info-icon-link:hover {
    color: #bfd5ee;
}

body[data-theme="dark"] .wiki-header-dropdown-menu,
body[data-theme="dark"] .modal-content {
    background: var(--dark-surface);
    border-color: var(--dark-border);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
}

body[data-theme="dark"] .btn-create,
body[data-theme="dark"] .random-wiki-btn,
body[data-theme="dark"] .wiki-actions .btn-secondary,
body[data-theme="dark"] .version-actions .btn,
body[data-theme="dark"] .pagination button {
    background: #1d1d1d;
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .btn-create:hover,
body[data-theme="dark"] .random-wiki-btn:hover,
body[data-theme="dark"] .wiki-actions .btn-secondary:hover,
body[data-theme="dark"] .version-actions .btn:hover,
body[data-theme="dark"] .pagination button:hover:not(:disabled) {
    background: #242424;
}

body[data-theme="dark"] .wiki-item {
    border-bottom-color: var(--dark-border);
}

body[data-theme="dark"] .wiki-item:hover {
    background: #222;
}

body[data-theme="dark"] .wiki-actions .btn-primary,
body[data-theme="dark"] .version-actions .btn.btn-primary,
body[data-theme="dark"] .modal-footer .btn.btn-primary,
body[data-theme="dark"] .pagination .active {
    background: #2f5f96;
    border-color: #2f5f96;
    color: #f5f8fc;
}

body[data-theme="dark"] .wiki-actions .btn-primary:hover,
body[data-theme="dark"] .version-actions .btn.btn-primary:hover,
body[data-theme="dark"] .modal-footer .btn.btn-primary:hover {
    background: #3a6fae;
    border-color: #3a6fae;
}

body[data-theme="dark"] .version-actions .btn.btn-danger {
    background: #5f2a2f;
    border-color: #7a373f;
    color: #ffecee;
}

body[data-theme="dark"] .wiki-container .search-box {
    background: var(--dark-surface-2);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .wiki-container .search-box input,
body[data-theme="dark"] #wiki-search-input,
body[data-theme="dark"] .filter-group select,
body[data-theme="dark"] .form-group input[type="text"],
body[data-theme="dark"] .form-group textarea,
body[data-theme="dark"] .form-group input,
body[data-theme="dark"] .control-group input[type="number"],
body[data-theme="dark"] .control-group input[type="text"] {
    background: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .wiki-container .search-box input::placeholder,
body[data-theme="dark"] .form-group input::placeholder,
body[data-theme="dark"] .form-group textarea::placeholder {
    color: #8e949c;
}

body[data-theme="dark"] .wiki-container .search-btn {
    color: var(--dark-text-soft) !important;
    background: transparent !important;
}

body[data-theme="dark"] .wiki-container .search-btn:hover,
body[data-theme="dark"] .wiki-container .search-btn:focus {
    color: var(--dark-text) !important;
}

body[data-theme="dark"] .wiki-toc {
    background: #1a1a1a;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .wiki-toc-toggle,
body[data-theme="dark"] .wiki-toc-list .toc-number {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .wiki-body blockquote {
    background: #1d1d1d;
    border-left-color: #3a6fae;
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .wiki-body code,
body[data-theme="dark"] .editor-help code {
    background: #242424;
    color: #d8e2ee;
    border-color: #333;
}

body[data-theme="dark"] .wiki-body pre {
    background: #181818;
    color: #e8edf3;
    border-color: #2f2f2f;
}

body[data-theme="dark"] .wiki-info-table tbody tr,
body[data-theme="dark"] .wiki-body h1,
body[data-theme="dark"] .wiki-body h2,
body[data-theme="dark"] .wiki-body h3,
body[data-theme="dark"] .wiki-body h4,
body[data-theme="dark"] .wiki-body h5,
body[data-theme="dark"] .wiki-body h6,
body[data-theme="dark"] .wiki-title,
body[data-theme="dark"] .wiki-header,
body[data-theme="dark"] .wiki-main-header,
body[data-theme="dark"] .wiki-meta {
    border-color: var(--dark-border);
}

body[data-theme="dark"] .minor-edit-badge {
    background: #2a3b22;
    color: #cfe8bc;
    border-color: #3a5530;
}

body[data-theme="dark"] .diff-content,
body[data-theme="dark"] .diff-header,
body[data-theme="dark"] .diff-lines,
body[data-theme="dark"] .diff-line {
    background: var(--dark-surface);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

body[data-theme="dark"] .diff-line-number {
    background: #1a1a1a;
    color: #8f98a3;
    border-right-color: var(--dark-border);
}

body[data-theme="dark"] .diff-line.added {
    background: #1d2a1f;
}

body[data-theme="dark"] .diff-line.added .diff-line-content {
    color: #c7e9c7;
}

body[data-theme="dark"] .diff-line.removed {
    background: #2b1d1f;
}

body[data-theme="dark"] .diff-line.removed .diff-line-content {
    color: #f2c5c9;
}

body[data-theme="dark"] .diff-line.context {
    background: #1b1b1b;
}

body[data-theme="dark"] .diff-line.context .diff-line-content {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .editor-preview-container,
body[data-theme="dark"] .editor-wrapper,
body[data-theme="dark"] .preview-wrapper,
body[data-theme="dark"] .preview-header,
body[data-theme="dark"] .preview-content,
body[data-theme="dark"] .editor-help,
body[data-theme="dark"] .preview-placeholder {
    background: var(--dark-surface);
    color: var(--dark-text-muted);
    border-color: var(--dark-border);
}

body[data-theme="dark"] .preview-header h3 {
    color: var(--dark-text);
}

body[data-theme="dark"] .editor-container .CodeMirror,
body[data-theme="dark"] .CodeMirror {
    background: #161616;
    color: #e7ebf0;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .CodeMirror-gutters {
    background: #161616;
    border-right-color: var(--dark-border);
}

body[data-theme="dark"] .CodeMirror-linenumber {
    color: #808995;
}

body[data-theme="dark"] .network-graph,
body[data-theme="dark"] .network-graph .vis-network {
    background: #151515;
    border-color: var(--dark-border);
}

body[data-theme="dark"] .network-info .warning {
    color: #d7b87d;
}

/* Wiki list page text boost */
body[data-theme="dark"] .wiki-main-title,
body[data-theme="dark"] .wiki-main-title span,
body[data-theme="dark"] .wiki-list .wiki-item-title,
body[data-theme="dark"] .wiki-empty-title,
body[data-theme="dark"] .wiki-empty-suggestions-title,
body[data-theme="dark"] .change-item-title,
body[data-theme="dark"] .sidebar-title {
    color: var(--dark-text) !important;
}

body[data-theme="dark"] .wiki-list .wiki-item-description,
body[data-theme="dark"] .wiki-list .wiki-item-meta,
body[data-theme="dark"] .wiki-list .wiki-item-meta i,
body[data-theme="dark"] .sidebar-item-meta,
body[data-theme="dark"] .wiki-empty-description,
body[data-theme="dark"] .no-similar-docs,
body[data-theme="dark"] .change-item-meta,
body[data-theme="dark"] .change-item-meta i {
    color: var(--dark-text-muted) !important;
}

body[data-theme="dark"] .wiki-item:hover .wiki-item-title {
    color: #f3f6fa !important;
}

body[data-theme="dark"] .sidebar-item-link,
body[data-theme="dark"] .similar-doc-link {
    color: #cfd6de;
}

body[data-theme="dark"] .sidebar-item-link:hover,
body[data-theme="dark"] .similar-doc-link:hover {
    color: #f2f5f8;
}

/* Wiki recent changes / recent discussions */
body[data-theme="dark"] .wiki-change-item,
body[data-theme="dark"] .wiki-discussions-placeholder {
    background: var(--dark-surface);
    border-color: var(--dark-border);
}

body[data-theme="dark"] .wiki-change-item:hover {
    background: #222;
}

body[data-theme="dark"] .change-item-title,
body[data-theme="dark"] .wiki-discussions-placeholder h2 {
    color: var(--dark-text);
}

body[data-theme="dark"] .change-item-title:hover {
    color: #f3f6fa;
}

body[data-theme="dark"] .change-item-meta,
body[data-theme="dark"] .change-item-meta i,
body[data-theme="dark"] .change-item-summary,
body[data-theme="dark"] .wiki-discussions-placeholder p {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .change-item-summary {
    background: #1b1b1b;
    border-left-color: #3a6fae;
}

body[data-theme="dark"] .minor-badge {
    background: #252525;
    color: #b9c2cc;
}

body[data-theme="dark"] .change-item-link,
body[data-theme="dark"] .btn-secondary {
    background: #1d1d1d;
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .change-item-link:hover,
body[data-theme="dark"] .btn-secondary:hover {
    background: #242424;
    border-color: #3a3a3a;
}

body[data-theme="dark"] .btn-primary {
    background: #2f5f96;
    color: #f5f8fc;
    border-color: #2f5f96;
}

body[data-theme="dark"] .btn-primary:hover {
    background: #3a6fae;
    border-color: #3a6fae;
}

body[data-theme="dark"] .wiki-header-link.active {
    background: #1f2731;
    color: #c4d6ea;
}

body[data-theme="dark"] .placeholder-icon {
    color: #60666f;
}

body[data-theme="dark"] .error-state {
    color: #f1a9af;
}

/* Chart pages */
body[data-theme="dark"] .chart-page-container,
body[data-theme="dark"] .chart-main-content,
body[data-theme="dark"] .management-page,
body[data-theme="dark"] #react-designer-root,
body[data-theme="dark"] #chart-neo-root,
body[data-theme="dark"] #chart-neo-designer-root {
    background: var(--dark-bg);
    color: var(--dark-text);
}

body[data-theme="dark"] .chart-top-bar,
body[data-theme="dark"] .top-bar-primary-row,
body[data-theme="dark"] .top-bar-expanded-content,
body[data-theme="dark"] .chart-panel,
body[data-theme="dark"] .panel-footer,
body[data-theme="dark"] .chart-list-container-horizontal .chart-list,
body[data-theme="dark"] .chart-list-container-horizontal .chart-item,
body[data-theme="dark"] .form-field-wrapper,
body[data-theme="dark"] .group-container,
body[data-theme="dark"] .chart-group-container,
body[data-theme="dark"] .modal-content,
body[data-theme="dark"] .page-hero,
body[data-theme="dark"] .content-section,
body[data-theme="dark"] .template-card,
body[data-theme="dark"] .section-header,
body[data-theme="dark"] .control-panel,
body[data-theme="dark"] .preview-panel,
body[data-theme="dark"] .page-header,
body[data-theme="dark"] .chart-section,
body[data-theme="dark"] .dashboard-header,
body[data-theme="dark"] .overview-card,
body[data-theme="dark"] .stat-card {
    background: var(--dark-surface);
    color: var(--dark-text);
    border-color: var(--dark-border);
    box-shadow: none;
}

body[data-theme="dark"] .panel-placeholder,
body[data-theme="dark"] .panel-placeholder p,
body[data-theme="dark"] .panel-placeholder span,
body[data-theme="dark"] .loading-msg,
body[data-theme="dark"] .hero-breadcrumb,
body[data-theme="dark"] .hero-tag,
body[data-theme="dark"] .description,
body[data-theme="dark"] .page-subtitle,
body[data-theme="dark"] .dashboard-subtitle,
body[data-theme="dark"] .overview-label,
body[data-theme="dark"] .meta-info,
body[data-theme="dark"] .meta-item,
body[data-theme="dark"] .chart-placeholder,
body[data-theme="dark"] .chart-placeholder p {
    color: var(--dark-text-muted);
}

body[data-theme="dark"] .page-title,
body[data-theme="dark"] .dashboard-title,
body[data-theme="dark"] .panel-title,
body[data-theme="dark"] .chart-title,
body[data-theme="dark"] .section-header h3,
body[data-theme="dark"] .template-name,
body[data-theme="dark"] .page-header-compact,
body[data-theme="dark"] .summary-item,
body[data-theme="dark"] .summary-item span {
    color: var(--dark-text);
}

body[data-theme="dark"] .btn,
body[data-theme="dark"] .btn-secondary,
body[data-theme="dark"] .btn-outline,
body[data-theme="dark"] .btn-icon-only,
body[data-theme="dark"] .btn-icon-action,
body[data-theme="dark"] .change-item-link,
body[data-theme="dark"] .pagination-btn,
body[data-theme="dark"] .page-btn {
    background: #1d1d1d;
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] .btn:hover,
body[data-theme="dark"] .btn-secondary:hover,
body[data-theme="dark"] .btn-outline:hover,
body[data-theme="dark"] .btn-icon-only:hover,
body[data-theme="dark"] .btn-icon-action:hover,
body[data-theme="dark"] .pagination-btn:hover:not(:disabled),
body[data-theme="dark"] .page-btn:hover:not(:disabled) {
    background: #242424;
}

body[data-theme="dark"] .btn-primary,
body[data-theme="dark"] .btn-save,
body[data-theme="dark"] #createNewChartBtn,
body[data-theme="dark"] .new-chart-btn {
    background: #2f5f96;
    color: #f5f8fc;
    border-color: #2f5f96;
}

body[data-theme="dark"] .btn-primary:hover,
body[data-theme="dark"] .btn-save:hover,
body[data-theme="dark"] #createNewChartBtn:hover,
body[data-theme="dark"] .new-chart-btn:hover {
    background: #3a6fae;
    border-color: #3a6fae;
}

body[data-theme="dark"] .btn-danger,
body[data-theme="dark"] .btn-delete,
body[data-theme="dark"] .btn-close-chart {
    background: #5f2a2f;
    color: #ffecee;
    border-color: #7a373f;
}

body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .chart-input,
body[data-theme="dark"] .searchable-select-input,
body[data-theme="dark"] .control-group select,
body[data-theme="dark"] .control-group input[type="text"],
body[data-theme="dark"] .control-group input[type="date"] {
    background: var(--dark-surface-2);
    color: var(--dark-text);
    border-color: var(--dark-border-2);
}

body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus,
body[data-theme="dark"] .chart-input:focus,
body[data-theme="dark"] .searchable-select-input:focus {
    border-color: #3a6fae;
    box-shadow: none;
}

body[data-theme="dark"] .chart-item-title,
body[data-theme="dark"] .chart-status,
body[data-theme="dark"] .chart-item-meta,
body[data-theme="dark"] .chart-item-users,
body[data-theme="dark"] .chart-item-users strong,
body[data-theme="dark"] .chart-field-label,
body[data-theme="dark"] .group-header h5,
body[data-theme="dark"] .form-field-wrapper label,
body[data-theme="dark"] .modal-header h3,
body[data-theme="dark"] .modal-body {
    color: var(--dark-text);
}

body[data-theme="dark"] .chart-item,
body[data-theme="dark"] .chart-item:hover,
body[data-theme="dark"] .form-field-wrapper:hover,
body[data-theme="dark"] .group-container.repeatable-group,
body[data-theme="dark"] .chart-group-container.is-repeatable,
body[data-theme="dark"] .chart-placeholder.active {
    background: #1d1d1d;
    border-color: var(--dark-border);
}

/* Statistics inline-theme variables */
body[data-theme="dark"] {
    --surface-color: #171717;
    --background-color: #10100f;
    --border-color: #2a2a2a;
    --text-primary: #edf0f3;
    --text-secondary: #c2c8d0;
    --text-muted: #aeb6c1;
    --primary-light: #1f2731;
}

body[data-theme="dark"] .breadcrumb .sep {
    color: #4a4f57;
}

body[data-theme="dark"] .description,
body[data-theme="dark"] #date-range-controls {
    background: #1a1a1a;
    border-color: var(--dark-border);
}

/* Chart neo variables */
body[data-theme="dark"] {
    --primary-color: #3a6fae;
    --primary-dark: #2f5f96;
    --primary-light: #1f2731;
    --text-color: #edf0f3;
    --text-light: #c2c8d0;
    --text-muted: #aeb6c1;
    --background-color: #10100f;
    --border-color: #2a2a2a;
    --card-bg: #171717;
    --hover-background: #1f1f1f;
    --scrollbar-thumb-color: #3a3a3a;
    --scrollbar-track-color: #171717;
}