/* Global light/dark bridge for standalone templates with inline styles. */
.theme-toggle {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: var(--surface-muted);
    color: var(--text-1);
    padding: 5px 10px;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    white-space: nowrap;
}
.theme-toggle:hover {
    background: var(--surface-hover);
    border-color: var(--border-strong);
}
body > .theme-toggle {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 2147483647;
    box-shadow: var(--shadow-lg);
}

html[data-theme="dark"] body {
    background: var(--bg) !important;
    color: var(--text) !important;
}
html[data-theme="dark"] a { color: var(--link); }
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
    background-color: var(--surface) !important;
    color: var(--text-1) !important;
    border-color: var(--border-strong) !important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder { color: var(--text-3) !important; }
html[data-theme="dark"] table {
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] th,
html[data-theme="dark"] td {
    border-color: var(--border) !important;
}
html[data-theme="dark"] thead,
html[data-theme="dark"] tfoot,
html[data-theme="dark"] th {
    background-color: var(--surface-muted) !important;
    color: var(--text-1) !important;
}
html[data-theme="dark"] tr:hover td {
    background-color: var(--surface-hover) !important;
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .header,
html[data-theme="dark"] .side-nav,
html[data-theme="dark"] .filter-bar,
html[data-theme="dark"] .extract-bar,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .card,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal > div,
html[data-theme="dark"] .modal-overlay > div,
html[data-theme="dark"] .mini-popover,
html[data-theme="dark"] .tabs,
html[data-theme="dark"] .tab.active,
html[data-theme="dark"] .ocard,
html[data-theme="dark"] .reply-input,
html[data-theme="dark"] .reply-toggle,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:#f8fafc"],
html[data-theme="dark"] [style*="background: #f8fafc"],
html[data-theme="dark"] [style*="background:#f1f5f9"],
html[data-theme="dark"] [style*="background: #f1f5f9"] {
    background: var(--surface) !important;
    color: var(--text) !important;
    border-color: var(--border) !important;
}
html[data-theme="dark"] [style*="color:#334155"],
html[data-theme="dark"] [style*="color: #334155"],
html[data-theme="dark"] [style*="color:#475569"],
html[data-theme="dark"] [style*="color: #475569"],
html[data-theme="dark"] [style*="color:#64748b"],
html[data-theme="dark"] [style*="color: #64748b"],
html[data-theme="dark"] [style*="color:#0f172a"],
html[data-theme="dark"] [style*="color: #0f172a"] {
    color: var(--text-2) !important;
}
html[data-theme="dark"] [style*="border:1px solid #e2e8f0"],
html[data-theme="dark"] [style*="border: 1px solid #e2e8f0"],
html[data-theme="dark"] [style*="border-color:#e2e8f0"],
html[data-theme="dark"] [style*="border-color: #e2e8f0"] {
    border-color: var(--border) !important;
}
html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .tab,
html[data-theme="dark"] .reply-cancel {
    background: var(--surface-muted) !important;
    color: var(--text-2) !important;
}
html[data-theme="dark"] pre,
html[data-theme="dark"] code {
    background: #020617 !important;
    color: #e5e7eb !important;
    border-color: var(--border) !important;
}

@media print {
    .theme-toggle { display: none !important; }
}