/* Finishing layer for generation tools that share main.html's dashboard shell. */

body.wf-generation .mode-overview-box {
  overflow: hidden;
}
body.wf-generation .mode-overview-box::before {
  display: none !important;
}
body.wf-generation .mode-overview-header,
body.wf-generation #tpQuickForm .mode-overview-header {
  margin: 0 !important;
  padding: 20px 24px !important;
  background: var(--accent-grad) !important;
  color: #fff !important;
}
body.wf-generation .mode-overview-header .mode-overview-title {
  color: #fff !important;
  font-size: 20px !important;
  letter-spacing: -.025em;
}
body.wf-generation .mode-overview-header .mode-overview-icon {
  background: rgba(255, 255, 255, .15) !important;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  color: #fff !important;
}
body.wf-generation .mode-overview-header .mode-overview-icon i {
  color: #fff !important;
}
body.wf-generation .mode-overview-content,
body.wf-generation #tpQuickForm .mode-overview-content {
  padding: 20px 24px 24px !important;
}
body.wf-generation .mode-overview-section,
body.wf-generation #tpQuickForm .mode-overview-section {
  background: #fff9f6 !important;
  border-color: var(--border) !important;
}
body.wf-generation .mode-overview-section-title.what-it-does,
body.wf-generation .mode-overview-section-title.what-it-does i,
body.wf-generation #tpQuickForm .mode-overview-section-title.what-it-does i {
  color: var(--accent) !important;
}
body.wf-generation .mode-overview-section-title.when-to-use,
body.wf-generation .mode-overview-section-title.when-to-use i,
body.wf-generation #tpQuickForm .mode-overview-section-title.when-to-use i {
  color: #9f4b36 !important;
}
body.wf-generation .mode-overview-section-title.why-use-it,
body.wf-generation .mode-overview-section-title.why-use-it i,
body.wf-generation #tpQuickForm .mode-overview-section-title.why-use-it i {
  color: #aa6940 !important;
}

/* Brand the few controls that use fixed blue instead of dashboard tokens. */
body.wf-generation .app-content :is(a, small, i)[style*="color:#0f4deb"],
body.wf-generation .app-content :is(a, small, i)[style*="color:#0d6efd"],
body.wf-generation .app-content :is(a, small, i)[style*="color: #0d6efd"],
body.wf-generation .app-content :is(a, small, i)[style*="color:#007bff"],
body.wf-generation .app-content i[style*="color:#17a2b8"],
body.wf-generation .app-content i[style*="color:#6f42c1"] {
  color: var(--accent) !important;
}
body.wf-generation .credit-pill-hp {
  color: #9b5228;
  background: #fff2e8;
  border-color: #ebcdb4;
}
body.wf-generation .guide-list li {
  background: #fff9f6 !important;
  border-color: var(--border);
}
body.wf-generation .guide-list li:nth-child(even) {
  background: #fff1ec !important;
}

/* External Topical Maps embeds a Quick Mode form with its own blue rules. */
body.wf-generation #tpQuickForm .mode-overview-box::before { display: none !important; }
body.wf-generation #tpQuickForm .credit-estimate-bar {
  background: #fff7f3 !important;
  border-color: var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: var(--radius) !important;
}
body.wf-generation #tpQuickForm .credit-estimate-icon {
  background: var(--accent-soft) !important;
  color: var(--accent) !important;
}
body.wf-generation #tpQuickForm .credit-estimate-item {
  border-color: var(--border) !important;
  color: var(--text-soft) !important;
}
body.wf-generation #tpQuickForm .credit-estimate-item strong { color: var(--accent) !important; }
body.wf-generation #tpQuickForm .credit-estimate-human { color: #9b5228 !important; }
body.wf-generation .em-intro-grid > div {
  padding: 18px;
  background: #fff9f6;
  border: 1px solid var(--border);
  border-radius: 12px;
}
body.wf-generation .em-intro .ttl.b { color: #9f4b36; }
body.wf-generation .em-intro .ttl.c { color: #aa6940; }
body.wf-generation .em-bar-fill { background: var(--accent-grad); }
body.wf-generation .em-flow,
body.wf-generation .em-footer { background: #fffaf8; border-color: var(--border); }
body.wf-generation .em-node.pillar {
  box-shadow: 0 0 0 3px rgba(127, 29, 29, .1);
}
body.wf-generation .em-node.money {
  border-color: #b65e43;
  box-shadow: 0 0 0 3px rgba(182, 94, 67, .1);
}
body.wf-generation .em-row.is-pillar { background: #fff4f0; }
body.wf-generation .em-rule {
  background: #fff4f0;
  border-color: var(--accent-line);
}
body.wf-generation #tpQuickForm .notification.info {
  background: var(--accent-soft) !important;
  border-left-color: var(--accent) !important;
  color: var(--accent-ink) !important;
}

/* Godlike's entity and outline highlights are part of the page's visual system. */
body.wf-generation #entities-tags .tag,
body.wf-generation .entity-tag.freq-high {
  background: var(--accent-grad);
  box-shadow: 0 2px 8px rgba(91, 20, 32, .18);
}
body.wf-generation .entity-tag.freq-medium {
  background: linear-gradient(135deg, #b65e43, #93402f);
}
body.wf-generation #entities-tags .tag:hover {
  box-shadow: 0 5px 12px rgba(91, 20, 32, .26);
}
body.wf-generation .term-tag.freq-high { background: var(--accent-grad); }
body.wf-generation .term-tag.freq-medium {
  background: linear-gradient(135deg, #b65e43, #93402f);
}
body.wf-generation .legend-dot.high { background: var(--accent); }
body.wf-generation .legend-dot.medium { background: #b65e43; }
body.wf-generation .legend-dot.entity-high { background: var(--accent); }
body.wf-generation .legend-dot.entity-medium { background: #b65e43; }
body.wf-generation .visual-outline h1 { border-bottom-color: var(--accent); color: var(--text); }
body.wf-generation .visual-outline h2 { border-left-color: var(--accent); color: var(--text-soft); }
body.wf-generation .visual-outline h3::before,
body.wf-generation .competitor-card .url,
body.wf-generation .competitor-card .term-mini-count { color: var(--accent); }
body.wf-generation .content-intelligence-card {
  background: #fffaf8;
  border-color: var(--border);
}
body.wf-generation .term-role-badge.section {
  background: var(--accent-soft);
  color: var(--accent-ink);
}
body.wf-generation .alert-info i { color: var(--accent); }

/* Selected scope options in Topical Map still used the original blue. */
body.wf-generation .tm-scope-option.is-selected {
  border-color: var(--accent) !important;
  background: var(--accent-soft) !important;
  box-shadow: 0 4px 14px rgba(127, 29, 29, .14) !important;
}
body.wf-generation .tm-scope-option:hover { border-color: var(--accent-line); }

@media (max-width: 768px) {
  body.wf-generation .mode-overview-header,
  body.wf-generation #tpQuickForm .mode-overview-header { padding: 17px 16px !important; }
  body.wf-generation .mode-overview-content,
  body.wf-generation #tpQuickForm .mode-overview-content { padding: 16px !important; }
  body.wf-generation .mode-overview-header .mode-overview-title { font-size: 17px !important; }
}