/*
 * dark-tools.css
 * Dark theme overrides for all tool inline styles.
 * Loaded after style.css. Targets [data-theme="dark"].
 */

/* ══════════════════════════════════════════════════════
   SHARED TOOL PANEL / BODY BACKGROUNDS
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .cfg-body,
[data-theme="dark"] .ls-body,
[data-theme="dark"] .hg-panel,
[data-theme="dark"] .kd-panel,
[data-theme="dark"] .mtg-panel,
[data-theme="dark"] .mtg-output-panel,
[data-theme="dark"] .rtg-panel,
[data-theme="dark"] .sg-panel,
[data-theme="dark"] .shc-panel,
[data-theme="dark"] .smg-panel,
[data-theme="dark"] .sp-panel,
[data-theme="dark"] .sp-preview-box,
[data-theme="dark"] #jf-wrap,
[data-theme="dark"] #jwt-input-wrap,
[data-theme="dark"] #jwt-cards,
[data-theme="dark"] .jwt-card,
[data-theme="dark"] .calculator-card {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}

/* ══════════════════════════════════════════════════════
   TOOL TABS (jf, cfg, ls, cns, hg, kd, sp, etc.)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #jf-tabs,
[data-theme="dark"] #jf-statusbar,
[data-theme="dark"] #jft-toolbar {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .jf-tab {
  color: var(--wtz-text-muted) !important;
  background: transparent !important;
}
[data-theme="dark"] .jf-tab:hover:not(.active) { color: var(--wtz-text) !important; }
[data-theme="dark"] .jf-tab.active { color: #818cf8 !important; border-bottom-color: #818cf8 !important; }

[data-theme="dark"] #jfInput {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] #jfInput::placeholder { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] #jfStatus { background: var(--wtz-surface-2) !important; color: var(--wtz-text-muted) !important; }
[data-theme="dark"] #jfStatus.ok  { background: #14532d !important; color: #86efac !important; }
[data-theme="dark"] #jfStatus.err { background: #450a0a !important; color: #fca5a5 !important; }
[data-theme="dark"] #jfInfo,
[data-theme="dark"] #jf-hint { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] #jft-scroll { background: var(--wtz-surface) !important; }
[data-theme="dark"] .jft-expandable:hover { background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .jft-arrow {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .jft-node.open > .jft-row .jft-arrow {
  background: #1e1b4b !important;
  border-color: #818cf8 !important;
  color: #818cf8 !important;
}
[data-theme="dark"] .jft-children { border-left-color: var(--wtz-border) !important; }
[data-theme="dark"] .jft-key     { color: #93c5fd !important; }
[data-theme="dark"] .jft-string  { color: #86efac !important; }
[data-theme="dark"] .jft-number  { color: #fcd34d !important; }
[data-theme="dark"] .jft-boolean { color: #f87171 !important; }
[data-theme="dark"] .jft-null    { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .jft-punct,
[data-theme="dark"] .jft-index   { color: var(--wtz-text) !important; }
[data-theme="dark"] .jft-preview { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .jft-hl      { background: #713f12 !important; color: #fde68a !important; }

[data-theme="dark"] .jft-tbtn,
[data-theme="dark"] .jft-tbtn-label {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .jft-tbtn:hover,
[data-theme="dark"] .jft-tbtn-label:hover {
  background: var(--wtz-surface-2) !important;
  color: #818cf8 !important;
  border-color: #818cf8 !important;
}
[data-theme="dark"] #jftSearch {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] #jft-search-count { color: var(--wtz-text-muted) !important; }

/* ══════════════════════════════════════════════════════
   CASE FILE GENERATOR (cfg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .cfg-body {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-input-tabs {
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-input-tab {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text-muted) !important;
  border-right-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-input-tab:hover { background: var(--wtz-surface-2) !important; color: #818cf8 !important; }
[data-theme="dark"] .cfg-input-tab.active { background: #5557c4 !important; color: #fff !important; }

[data-theme="dark"] #cfgTextInput {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .cfg-char-count { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .cfg-upload-zone {
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-upload-zone:hover,
[data-theme="dark"] .cfg-upload-zone.drag-over {
  border-color: #5557c4 !important;
  background: var(--wtz-surface-2) !important;
}
[data-theme="dark"] .cfg-upload-zone h6 { color: var(--wtz-text) !important; }

[data-theme="dark"] .cfg-file-item {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-file-name { color: var(--wtz-text) !important; }

[data-theme="dark"] .cfg-opt-group label { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .cfg-opt-group select {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}

[data-theme="dark"] .cfg-section {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-section-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .cfg-section-body  { color: var(--wtz-text-2) !important; }

[data-theme="dark"] .cfg-parties th {
  background: #1e1b4b !important;
  color: #a5b4fc !important;
}
[data-theme="dark"] .cfg-parties td {
  border-bottom-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}

[data-theme="dark"] .cfg-ipc-card {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cfg-ipc-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .cfg-ipc-desc  { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .cfg-tl-item::before { border-color: var(--wtz-surface) !important; }
[data-theme="dark"] .cfg-tl-desc { color: var(--wtz-text-2) !important; }

[data-theme="dark"] .cfg-ground-item {
  border-bottom-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .cfg-relief-item {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .cfg-doc-item {
  border-bottom-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .cfg-step-item { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .cfg-step-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .cfg-step-desc  { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .cfg-action-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .cfg-action-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }

[data-theme="dark"] .cfg-loading p { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .cfg-loading-spinner { border-color: var(--wtz-border) !important; border-top-color: #5557c4 !important; }

/* ══════════════════════════════════════════════════════
   LEGAL SUMMARIZER (ls-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .ls-body {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-mode-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .ls-mode-tab:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .ls-mode-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }

[data-theme="dark"] .ls-length-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .ls-length-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }

[data-theme="dark"] .ls-upload-zone {
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-upload-zone:hover,
[data-theme="dark"] .ls-upload-zone.drag-over {
  border-color: #5557c4 !important;
  background: var(--wtz-surface-2) !important;
}
[data-theme="dark"] .ls-upload-zone h6 { color: var(--wtz-text) !important; }

[data-theme="dark"] .ls-file-info {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-file-name { color: var(--wtz-text) !important; }

[data-theme="dark"] #lsTextInput {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .ls-char-count { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .ls-section {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-section-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .ls-summary-text  { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .ls-key-points li { color: var(--wtz-text-2) !important; border-bottom-color: var(--wtz-border) !important; }

[data-theme="dark"] .ls-clause {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-clause-title  { color: var(--wtz-text) !important; }
[data-theme="dark"] .ls-clause-summary { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .ls-risk-meter {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .ls-risk-label { color: var(--wtz-text) !important; }
[data-theme="dark"] .ls-risk-desc  { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .ls-risk-item { border-color: var(--wtz-border) !important; background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .ls-risk-item.critical { background: rgba(220,38,38,.15) !important; border-left-color: #dc2626 !important; }
[data-theme="dark"] .ls-risk-item.high     { background: rgba(234,88,12,.12) !important; border-left-color: #ea580c !important; }
[data-theme="dark"] .ls-risk-item.medium   { background: rgba(217,119,6,.12) !important; border-left-color: #d97706 !important; }
[data-theme="dark"] .ls-risk-item.low      { background: rgba(22,163,74,.12) !important; border-left-color: #16a34a !important; }
[data-theme="dark"] .ls-risk-item-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .ls-risk-item-desc  { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .ls-flag { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .ls-glossary-item { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .ls-glossary-def  { color: var(--wtz-text-muted) !important; }

[data-theme="dark"] .ls-tldr {
  background: linear-gradient(135deg, #1e1b4b, #1e2040) !important;
  border-color: #3730a3 !important;
}
[data-theme="dark"] .ls-tldr-text { color: var(--wtz-text) !important; }

[data-theme="dark"] .ls-rec {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .ls-doc-type {
  background: #1e1b4b !important;
  border-color: #3730a3 !important;
  color: #a5b4fc !important;
}
[data-theme="dark"] .ls-action-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .ls-action-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .ls-loading p,
[data-theme="dark"] .ls-loading .ls-loading-sub { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .ls-loading-spinner { border-color: var(--wtz-border) !important; border-top-color: #5557c4 !important; }
[data-theme="dark"] .ls-divider hr { border-top-color: var(--wtz-border) !important; }
[data-theme="dark"] .ls-divider span { color: var(--wtz-text-muted) !important; }

/* ══════════════════════════════════════════════════════
   JWT DECODER (jwt-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #jwt-input-wrap {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] #jwtInput {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] #jwt-status-bar {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .jwt-card {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .jwt-card-head.header-color  { background: #2d1b2e !important; color: #f9a8d4 !important; border-bottom-color: #4a1942 !important; }
[data-theme="dark"] .jwt-card-head.payload-color { background: #14291e !important; color: #86efac !important; border-bottom-color: #14532d !important; }
[data-theme="dark"] .jwt-card-head.sig-color     { background: #172554 !important; color: #93c5fd !important; border-bottom-color: #1e3a5f !important; }
[data-theme="dark"] .jwt-card-body { background: var(--wtz-surface) !important; }
[data-theme="dark"] .jwt-json .jk  { color: #c084fc !important; }
[data-theme="dark"] .jwt-json .js  { color: #34d399 !important; }
[data-theme="dark"] .jwt-json .jn  { color: #fbbf24 !important; }
[data-theme="dark"] .jwt-json .jb  { color: #60a5fa !important; }
[data-theme="dark"] .jwt-json .jnu { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .jwt-claims-table th { color: var(--wtz-text-muted) !important; border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .jwt-claims-table td { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .jwt-claim-key  { color: #c084fc !important; }
[data-theme="dark"] .jwt-claim-val  { color: var(--wtz-text) !important; }
[data-theme="dark"] .jwt-claim-desc { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .jwt-sig-note {
  background: #1c1a0a !important;
  border-color: #713f12 !important;
  color: #fde68a !important;
}
[data-theme="dark"] .jwt-sig-val {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .jwt-copy-btn { color: inherit !important; border-color: currentColor !important; }
[data-theme="dark"] #jwt-privacy { color: var(--wtz-text-muted) !important; }

/* ══════════════════════════════════════════════════════
   HASH GENERATOR (hg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .hg-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .hg-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .hg-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .hg-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] #hg-text-input {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .hg-file-drop {
  border-color: var(--wtz-border) !important;
  background: var(--wtz-surface-2) !important;
}
[data-theme="dark"] .hg-file-drop:hover,
[data-theme="dark"] .hg-file-drop.over { border-color: #5557c4 !important; background: var(--wtz-surface) !important; }
[data-theme="dark"] .hg-file-drop p { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .hg-algo-cb { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .hg-hmac-label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .hg-hmac-input {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .hg-result-row { border-color: var(--wtz-border) !important; }
[data-theme="dark"] .hg-result-algo {
  background: var(--wtz-surface-2) !important;
  color: #a5b4fc !important;
  border-right-color: var(--wtz-border) !important;
}
[data-theme="dark"] .hg-result-hash {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .hg-result-copy {
  background: var(--wtz-surface) !important;
  border-left-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .hg-result-copy:hover { color: #818cf8 !important; background: var(--wtz-surface-2) !important; }

/* ══════════════════════════════════════════════════════
   KEYWORD DENSITY (kd-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .kd-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .kd-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] #kd-text {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .kd-stat {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .kd-stat-val   { color: #a5b4fc !important; }
[data-theme="dark"] .kd-stat-label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .kd-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .kd-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] .kd-btn-export {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .kd-btn-export:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .kd-table thead th {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-muted) !important;
  border-bottom-color: var(--wtz-border) !important;
}
[data-theme="dark"] .kd-table tbody td { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .kd-table tbody tr:hover { background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .kd-table tbody td[style*="color:#1a1a2e"] { color: var(--wtz-text) !important; }
[data-theme="dark"] .kd-table tbody td[style*="color:#9ca3af"] { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .kd-empty { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .kd-toggle { color: var(--wtz-text-muted) !important; }

/* ══════════════════════════════════════════════════════
   META TAG GENERATOR (mtg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .mtg-panel,
[data-theme="dark"] .mtg-output-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .mtg-panel h6,
[data-theme="dark"] .mtg-output-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .mtg-field label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .mtg-field input,
[data-theme="dark"] .mtg-field select,
[data-theme="dark"] .mtg-field textarea {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .mtg-counter.ok   { color: #86efac !important; }
[data-theme="dark"] .mtg-counter.warn { color: #fbbf24 !important; }
[data-theme="dark"] .mtg-counter.bad  { color: #f87171 !important; }
[data-theme="dark"] .mtg-social-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .mtg-social-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] .mtg-fb-card,
[data-theme="dark"] .mtg-tw-card {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .mtg-fb-body,
[data-theme="dark"] .mtg-tw-body { border-top-color: var(--wtz-border) !important; }
[data-theme="dark"] .mtg-fb-domain,
[data-theme="dark"] .mtg-tw-domain { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .mtg-fb-title,
[data-theme="dark"] .mtg-tw-title { color: #93c5fd !important; }
[data-theme="dark"] .mtg-fb-desc,
[data-theme="dark"] .mtg-tw-desc { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .mtg-fb-img,
[data-theme="dark"] .mtg-tw-img { background: var(--wtz-surface) !important; color: var(--wtz-text-muted) !important; }

/* ══════════════════════════════════════════════════════
   ROBOTS.TXT GENERATOR (rtg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .rtg-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .rtg-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .rtg-field label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .rtg-field input,
[data-theme="dark"] .rtg-field select {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .rtg-block {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .rtg-block-label { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .rtg-rule-type,
[data-theme="dark"] .rtg-rule-path,
[data-theme="dark"] .rtg-agent-input {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .rtg-add-rule {
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .rtg-add-rule:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .rtg-add-block-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .rtg-add-block-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .rtg-btn-secondary {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .rtg-btn-secondary:hover { border-color: #818cf8 !important; color: #818cf8 !important; }

/* ══════════════════════════════════════════════════════
   SCHEMA GENERATOR (sg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .sg-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .sg-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .sg-type-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .sg-type-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .sg-type-btn.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] .sg-field label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .sg-field input,
[data-theme="dark"] .sg-field select,
[data-theme="dark"] .sg-field textarea {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .sg-rep-item {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .sg-add-btn {
  border-color: var(--wtz-border) !important;
  background: var(--wtz-surface) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .sg-add-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .sg-validate-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .sg-validate-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }

/* ══════════════════════════════════════════════════════
   SECURITY HEADERS CHECKER (shc-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .shc-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .shc-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .shc-url-input {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .shc-table thead th {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-muted) !important;
  border-bottom-color: var(--wtz-border) !important;
}
[data-theme="dark"] .shc-table tbody td { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .shc-table tbody tr:hover { background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .shc-header-name { color: var(--wtz-text) !important; }
[data-theme="dark"] .shc-header-val {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .shc-rec { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .shc-rec code {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .shc-grade-title { color: var(--wtz-text) !important; }
[data-theme="dark"] .shc-grade-sub   { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .shc-progress { background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .shc-error {
  background: rgba(220,38,38,.15) !important;
  border-color: rgba(220,38,38,.4) !important;
  color: #fca5a5 !important;
}

/* ══════════════════════════════════════════════════════
   SERP PREVIEW (sp-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .sp-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .sp-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .sp-field label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .sp-field input,
[data-theme="dark"] .sp-field select,
[data-theme="dark"] #sp-desc {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .sp-tab {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .sp-tab.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] .sp-preview-box {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .sp-google-header { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .sp-search-bar {
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
  background: var(--wtz-surface) !important;
}
[data-theme="dark"] .sp-result-url { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .sp-result-title { color: #93c5fd !important; }
[data-theme="dark"] .sp-result-desc { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .sp-result-date { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .sp-mobile-frame {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .sp-mobile-bar {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .sp-tip.good { background: rgba(22,163,74,.15) !important; color: #86efac !important; }
[data-theme="dark"] .sp-tip.warn { background: rgba(217,119,6,.15) !important; color: #fcd34d !important; }
[data-theme="dark"] .sp-tip.bad  { background: rgba(220,38,38,.15) !important; color: #fca5a5 !important; }
[data-theme="dark"] .sp-counter.ok   { color: #86efac !important; }
[data-theme="dark"] .sp-counter.warn { color: #fbbf24 !important; }
[data-theme="dark"] .sp-counter.bad  { color: #f87171 !important; }
[data-theme="dark"] .sp-code-box { background: #0d1117 !important; color: #a5f3fc !important; }

/* ══════════════════════════════════════════════════════
   SITEMAP GENERATOR (smg-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .smg-panel {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .smg-panel h6 { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .smg-field label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .smg-field input,
[data-theme="dark"] .smg-field select,
[data-theme="dark"] .smg-field textarea {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .smg-stat {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .smg-stat span { color: #a5b4fc !important; }
[data-theme="dark"] .smg-btn-secondary {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .smg-btn-secondary:hover { border-color: #818cf8 !important; color: #818cf8 !important; }

/* ══════════════════════════════════════════════════════
   CRYPTO NEWS SENTIMENT (cns-*)
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .cns-tf-btn {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .cns-tf-btn:hover:not(:disabled) { border-color: #818cf8 !important; color: #818cf8 !important; background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .cns-tf-btn.active { background: #5557c4 !important; color: #fff !important; border-color: #5557c4 !important; }
[data-theme="dark"] .cns-select-trigger {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .cns-select-trigger:hover { border-color: #818cf8 !important; }
[data-theme="dark"] .cns-dropdown {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .cns-search-wrap { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .cns-search-input {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .cns-section-label { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .cns-pop-chip {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .cns-pop-chip:hover { border-color: #818cf8 !important; background: var(--wtz-surface-2) !important; color: #818cf8 !important; }
[data-theme="dark"] .cns-pop-chip.cns-selected-chip { border-color: #5557c4 !important; background: #5557c4 !important; color: #fff !important; }
[data-theme="dark"] .cns-coin-item { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .cns-coin-item:hover { background: var(--wtz-surface-2) !important; }
[data-theme="dark"] .cns-coin-item.cns-selected-item { background: #1e1b4b !important; color: #a5b4fc !important; }
[data-theme="dark"] .cns-drop-divider { border-top-color: var(--wtz-border) !important; }
[data-theme="dark"] .cns-paywall-overlay { background: rgba(15,17,23,0.85) !important; }
[data-theme="dark"] .cns-paywall-overlay .cns-pw-text { color: var(--wtz-text-2) !important; }

/* ══════════════════════════════════════════════════════
   DIFF CHECKER
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .diff-removed { background: rgba(220,38,38,.2) !important; color: #fca5a5 !important; }
[data-theme="dark"] .diff-added   { background: rgba(22,163,74,.2) !important; color: #86efac !important; }
[data-theme="dark"] #diffResult {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}

/* ══════════════════════════════════════════════════════
   SCIENTIFIC CALCULATOR
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .calculator-card { background: var(--wtz-surface) !important; border-color: var(--wtz-border) !important; }
[data-theme="dark"] .calc-buttons.p-3.bg-white { background: var(--wtz-surface) !important; }
[data-theme="dark"] .calc-status { background: var(--wtz-surface-2) !important; border-bottom-color: var(--wtz-border) !important; }

/* ══════════════════════════════════════════════════════
   EPOCH CONVERTER — card bg-light panels
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .card.bg-light,
[data-theme="dark"] .card.p-3.shadow-sm.bg-light,
[data-theme="dark"] .card.p-3.p-md-4.shadow-sm.bg-light {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .card.bg-light .table,
[data-theme="dark"] .card.bg-light table {
  background: var(--wtz-surface) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .card.bg-light .table td,
[data-theme="dark"] .card.bg-light .table th,
[data-theme="dark"] .card.bg-light table td,
[data-theme="dark"] .card.bg-light table th {
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .card.bg-light .fw-bold.bg-light,
[data-theme="dark"] td.fw-bold.bg-light {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .alert-info {
  background: rgba(14,165,233,.12) !important;
  border-color: rgba(14,165,233,.3) !important;
  color: #7dd3fc !important;
}

/* ══════════════════════════════════════════════════════
   WORD COUNTER / TYPING TEST — stat boxes
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .border.rounded.p-3.bg-light,
[data-theme="dark"] .border.rounded.p-3.text-center.bg-light {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .border.rounded.p-3.bg-light .h3,
[data-theme="dark"] .border.rounded.p-3.text-center.bg-light .h3 {
  color: var(--wtz-text) !important;
}

/* ══════════════════════════════════════════════════════
   LOREM IPSUM — card header / output
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .card-header.bg-white {
  background: var(--wtz-surface) !important;
  border-bottom-color: var(--wtz-border) !important;
}
[data-theme="dark"] #loremOutput {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text) !important;
  border-color: var(--wtz-border) !important;
}

/* ══════════════════════════════════════════════════════
   PASSWORD GENERATOR — card bg-light
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .card.p-3.bg-light {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .form-check-label { color: var(--wtz-text-2) !important; }

/* ══════════════════════════════════════════════════════
   IMAGE RESIZER — drop area & preview
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #dropArea {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .bg-white.p-2.d-inline-block.rounded.shadow-sm.mb-3.border {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}

/* ══════════════════════════════════════════════════════
   QR GENERATOR — nav pills
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #qrTypeTabs .nav-link:not(.active) {
  color: var(--wtz-text-muted) !important;
  background: transparent !important;
}
[data-theme="dark"] #qrTypeTabs .nav-link:not(.active):hover {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text) !important;
}

/* ══════════════════════════════════════════════════════
   GLASSMORPHISM GENERATOR — CSS output textarea
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #glassCss {
  background: #0d1117 !important;
  color: #86efac !important;
  border-color: var(--wtz-border) !important;
}

/* ══════════════════════════════════════════════════════
   BOOTSTRAP TABLE overrides inside tool-container
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .tool-container .table {
  color: var(--wtz-text) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .tool-container .table th,
[data-theme="dark"] .tool-container .table td {
  border-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .tool-container .table-bordered {
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .tool-container .table-sm td.fw-bold.bg-light,
[data-theme="dark"] .tool-container .table td.fw-bold.bg-light {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-2) !important;
}
[data-theme="dark"] .tool-container .bg-white {
  background: var(--wtz-surface) !important;
}
[data-theme="dark"] .tool-container .bg-light {
  background: var(--wtz-surface-2) !important;
}
[data-theme="dark"] .tool-container .border {
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .tool-container .text-muted { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .tool-container label       { color: var(--wtz-text-2) !important; }
[data-theme="dark"] .tool-container h3,
[data-theme="dark"] .tool-container h4,
[data-theme="dark"] .tool-container h5,
[data-theme="dark"] .tool-container h6 { color: var(--wtz-text) !important; }
[data-theme="dark"] .tool-container p  { color: var(--wtz-text-2) !important; }

/* ══════════════════════════════════════════════════════
   BOOTSTRAP CARD overrides inside tool-container
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .tool-container .card {
  background: var(--wtz-surface) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .tool-container .card-header {
  background: var(--wtz-surface-2) !important;
  border-bottom-color: var(--wtz-border) !important;
  color: var(--wtz-text) !important;
}
[data-theme="dark"] .tool-container .card-body { color: var(--wtz-text) !important; }
[data-theme="dark"] .tool-container .card-footer {
  background: var(--wtz-surface-2) !important;
  border-top-color: var(--wtz-border) !important;
}

/* ══════════════════════════════════════════════════════
   EMBED MODAL
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #wtz-embed-modal {
  background: var(--wtz-surface) !important;
}
[data-theme="dark"] .wem-header { border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .wem-title  { color: var(--wtz-text) !important; }
[data-theme="dark"] .wem-subtitle { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] #wtz-embed-close { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] #wtz-embed-close:hover { color: var(--wtz-text) !important; }
[data-theme="dark"] .wem-size-btn {
  background: var(--wtz-surface-2) !important;
  color: var(--wtz-text-muted) !important;
}
[data-theme="dark"] .wem-size-btn:hover { border-color: #818cf8 !important; color: #818cf8 !important; }
[data-theme="dark"] .wem-size-btn.active { background: #5e5ce6 !important; color: #fff !important; }
[data-theme="dark"] .wem-iframe-wrap {
  background: var(--wtz-surface-2) !important;
  border-color: var(--wtz-border) !important;
}
[data-theme="dark"] .wem-note { color: var(--wtz-text-muted) !important; }
[data-theme="dark"] .wem-note strong { color: var(--wtz-text-2) !important; }

/* ══════════════════════════════════════════════════════
   PAGE LOADER
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] #page-loader { background: var(--wtz-bg) !important; }

/* ══════════════════════════════════════════════════════
   TOOLS DIRECTORY
   ══════════════════════════════════════════════════════ */
[data-theme="dark"] .wtz-tools-directory { background: var(--wtz-surface-2) !important; border-top-color: var(--wtz-border) !important; }
[data-theme="dark"] .wtz-dir-card { background: var(--wtz-surface) !important; border-color: var(--wtz-border) !important; }
[data-theme="dark"] .wtz-dir-heading { color: var(--wtz-text) !important; border-bottom-color: var(--wtz-border) !important; }
[data-theme="dark"] .wtz-dir-list li { color: var(--wtz-text-muted) !important; border-bottom-color: var(--wtz-border) !important; }