/* V28.6.2 — correções de UX e reconstrução do tema escuro. */

/* Documentação em abas */
.v2861-doc-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 1px 8px;margin:0 0 10px;border-bottom:1px solid var(--v21-border);scrollbar-width:thin}.v2861-doc-tab{flex:0 0 auto;border:0;border-bottom:3px solid transparent;background:transparent;color:#5c6c81;padding:8px 10px 7px;border-radius:7px 7px 0 0;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.v2861-doc-tab:hover{background:#f5f9ff;color:#285d95}.v2861-doc-tab.on{color:#0874ed;border-bottom-color:#1684ff;background:#f7fbff;font-weight:850}.v2861-doc-pane{border:1px solid var(--v21-border);border-radius:10px;background:#fff;padding:12px;min-width:0}.v2861-doc-shortcut{width:100%;display:flex;align-items:center;gap:10px;border:1px dashed #cdd8e5;background:#f8fafc;color:#27415e;border-radius:9px;padding:13px;text-align:left;cursor:pointer}.v2861-doc-shortcut:hover{border-color:#9ebfe5;background:#f2f8ff}.v2861-doc-shortcut-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#e9f3ff;color:#1769c8;font-size:16px;font-weight:900}.v2861-doc-shortcut b,.v2861-doc-shortcut small{display:block}.v2861-doc-shortcut small{margin-top:2px;color:#7b899a;font-size:8.5px;font-weight:500}

/* Ícone de atenção sem badge textual. */
.v286-warning-icon{cursor:help}.v286-warning-icon:focus{outline:2px solid #e1a128;outline-offset:2px}

/* Tema escuro V28.6.2 — tokens semânticos e níveis de superfície. */
html[data-roadmap-theme="dark"]{
  --rm-bg:#0d1117;--rm-sidebar:#0b111a;--rm-surface-1:#151b23;--rm-surface-2:#1b2430;--rm-surface-3:#222d3a;--rm-line:#303b4a;--rm-line-soft:#26313e;--rm-text:#e6edf3;--rm-text-2:#b4c0cf;--rm-muted:#8b98a9;--rm-accent:#579dff;--rm-accent-hover:#85b8ff;--rm-accent-soft:#17345a;--rm-green:#7ee2a8;--rm-green-bg:#17362a;--rm-amber:#f6c85f;--rm-amber-bg:#3a311d;--rm-red:#ff9b9f;--rm-red-bg:#3e2328;--rm-purple:#c7a7ff;--rm-purple-bg:#30274a;
  --ui-bg:var(--rm-bg);--ui-surface:var(--rm-surface-1);--ui-surface-2:var(--rm-surface-2);--ui-line:var(--rm-line);--ui-text:var(--rm-text);--ui-muted:var(--rm-muted);
  --v21-bg:var(--rm-bg);--v21-card:var(--rm-surface-1);--v21-border:var(--rm-line);--v21-text:var(--rm-text);--v21-muted:var(--rm-muted);--v21-blue:var(--rm-accent);--v21-blue-2:var(--rm-accent-hover);
  --bg:var(--rm-bg);--card:var(--rm-surface-1);--border:var(--rm-line);--dark:var(--rm-text);--muted:var(--rm-muted);color-scheme:dark
}
html[data-roadmap-theme="dark"] body{background:var(--rm-bg)!important;color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-main,html[data-roadmap-theme="dark"] .v21-content{background:var(--rm-bg)!important;color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-sidebar{background:var(--rm-sidebar)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-topbar{background:#111720!important;border-color:var(--rm-line)!important;color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-top-title,html[data-roadmap-theme="dark"] .v21-page-title h1,html[data-roadmap-theme="dark"] .v21-page-title h2,html[data-roadmap-theme="dark"] .v21-project-head h1,html[data-roadmap-theme="dark"] .v21-section-title,html[data-roadmap-theme="dark"] .v286-line-name{color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-top-sub,html[data-roadmap-theme="dark"] .v21-crumbs,html[data-roadmap-theme="dark"] .v21-muted,html[data-roadmap-theme="dark"] .v21-user,html[data-roadmap-theme="dark"] .v21-user small,html[data-roadmap-theme="dark"] .v21-version{color:var(--rm-muted)!important}

/* Superfícies e hierarquia */
html[data-roadmap-theme="dark"] .v21-card,html[data-roadmap-theme="dark"] .v21-panel,html[data-roadmap-theme="dark"] .v211-account-card,html[data-roadmap-theme="dark"] .v286-line-group,html[data-roadmap-theme="dark"] .v12-card,html[data-roadmap-theme="dark"] .v125-health,html[data-roadmap-theme="dark"] .v126-card,html[data-roadmap-theme="dark"] .v280-kpi,html[data-roadmap-theme="dark"] .v280-item,html[data-roadmap-theme="dark"] .v5-kpi,html[data-roadmap-theme="dark"] .v17-details,html[data-roadmap-theme="dark"] .v2861-doc-pane{background:var(--rm-surface-1)!important;color:var(--rm-text)!important;border-color:var(--rm-line)!important;box-shadow:none!important}
html[data-roadmap-theme="dark"] .v286-line-summary,html[data-roadmap-theme="dark"] .v21-project-tabs,html[data-roadmap-theme="dark"] .v21-searchbar,html[data-roadmap-theme="dark"] .v21-integration-row,html[data-roadmap-theme="dark"] .v17-timeline-head{background:var(--rm-surface-1)!important;border-color:var(--rm-line)!important;color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-table th,html[data-roadmap-theme="dark"] .v125-metric,html[data-roadmap-theme="dark"] .v280-movements{background:var(--rm-surface-2)!important;color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-table td,html[data-roadmap-theme="dark"] .v21-feed-item,html[data-roadmap-theme="dark"] .v21-risk-card{color:var(--rm-text)!important;border-color:var(--rm-line-soft)!important}
html[data-roadmap-theme="dark"] .v21-table tr:hover td{background:var(--rm-surface-2)!important}
html[data-roadmap-theme="dark"] .v21-linkbtn{color:var(--rm-accent-hover)!important}
html[data-roadmap-theme="dark"] .v286-line-count{background:var(--rm-surface-3)!important;color:var(--rm-text-2)!important}.v286-line-kpis{color:var(--rm-muted)}

/* Navegação e controles: secundários escuros, primário azul. */
html[data-roadmap-theme="dark"] .v21-nav-btn{color:var(--rm-text-2)!important}html[data-roadmap-theme="dark"] .v21-nav-btn:hover{background:var(--rm-surface-2)!important;color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v21-nav-btn.on{background:var(--rm-accent-soft)!important;color:var(--rm-accent-hover)!important;box-shadow:inset 3px 0 var(--rm-accent)!important}
html[data-roadmap-theme="dark"] input,html[data-roadmap-theme="dark"] select,html[data-roadmap-theme="dark"] textarea,html[data-roadmap-theme="dark"] .v21-input,html[data-roadmap-theme="dark"] .v21-select,html[data-roadmap-theme="dark"] .v21-textarea,html[data-roadmap-theme="dark"] .v21-btn,html[data-roadmap-theme="dark"] .v21-content .btn{background:var(--rm-surface-2)!important;color:var(--rm-text)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] input::placeholder,html[data-roadmap-theme="dark"] textarea::placeholder{color:#718095!important}
html[data-roadmap-theme="dark"] .v21-btn:hover,html[data-roadmap-theme="dark"] .v21-content .btn:hover{background:var(--rm-surface-3)!important;border-color:#46566b!important}
html[data-roadmap-theme="dark"] .v21-btn.primary,html[data-roadmap-theme="dark"] .v21-content .btn.prim{background:var(--rm-accent)!important;border-color:var(--rm-accent)!important;color:#07111f!important}
html[data-roadmap-theme="dark"] .v21-btn.primary:hover,html[data-roadmap-theme="dark"] .v21-content .btn.prim:hover{background:var(--rm-accent-hover)!important;border-color:var(--rm-accent-hover)!important}
html[data-roadmap-theme="dark"] .v21-filter{background:var(--rm-surface-1)!important;color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v21-filter.on{background:var(--rm-accent-soft)!important;color:var(--rm-accent-hover)!important;border-color:#345d8d!important}
html[data-roadmap-theme="dark"] .v21-searchbar input{background:transparent!important;border:0!important;color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v21-project-tabs button{color:var(--rm-text-2)!important}html[data-roadmap-theme="dark"] .v21-project-tabs button:hover{background:var(--rm-surface-2)!important;color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v21-project-tabs button.on{background:var(--rm-accent-soft)!important;color:var(--rm-accent-hover)!important;border-bottom-color:var(--rm-accent)!important}

/* Status semânticos com fundos suaves. */
html[data-roadmap-theme="dark"] .v21-status{background:var(--rm-surface-3)!important;color:var(--rm-text-2)!important}html[data-roadmap-theme="dark"] .v21-status.green,html[data-roadmap-theme="dark"] .v12-status.GREEN{background:var(--rm-green-bg)!important;color:var(--rm-green)!important}html[data-roadmap-theme="dark"] .v21-status.amber,html[data-roadmap-theme="dark"] .v12-status.YELLOW{background:var(--rm-amber-bg)!important;color:var(--rm-amber)!important}html[data-roadmap-theme="dark"] .v21-status.red,html[data-roadmap-theme="dark"] .v12-status.RED{background:var(--rm-red-bg)!important;color:var(--rm-red)!important}html[data-roadmap-theme="dark"] .v21-status.purple{background:var(--rm-purple-bg)!important;color:var(--rm-purple)!important}
html[data-roadmap-theme="dark"] .v286-health-GREEN{background:#183429!important}html[data-roadmap-theme="dark"] .v286-health-YELLOW{background:#3a311d!important}html[data-roadmap-theme="dark"] .v286-health-RED{background:#3e2328!important}html[data-roadmap-theme="dark"] .v286-health-GRAY{background:var(--rm-surface-2)!important}
html[data-roadmap-theme="dark"] .v21-progress,html[data-roadmap-theme="dark"] .v2843-project-progress{background:#334052!important}

/* Projetos agrupados: nome legível; ícone preserva a identidade da linha. */
html[data-roadmap-theme="dark"] .v286-line-icon{filter:none!important;border:1px solid rgba(255,255,255,.08)}html[data-roadmap-theme="dark"] .v286-line-kpis{color:var(--rm-muted)!important}

/* Gantt completo: nenhuma superfície branca. */
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-viewport,html[data-roadmap-theme="dark"] .v21-project .v18-wbs-grid{background:var(--rm-surface-1)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-head{background:var(--rm-surface-2)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-head>div{color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row{background:var(--rm-surface-1)!important;color:var(--rm-text)!important;border-color:var(--rm-line-soft)!important}
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row.root{background:#1d2936!important}html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row.phase{background:#192431!important}html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row.summary{background:#171f29!important}html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row:hover{background:#202c39!important}html[data-roadmap-theme="dark"] .v21-project .v18-wbs-row.selected{background:#183451!important;box-shadow:inset 3px 0 var(--rm-accent)!important}
html[data-roadmap-theme="dark"] .v21-project .v18-wbs-title,html[data-roadmap-theme="dark"] .v18-owner,html[data-roadmap-theme="dark"] .v18-pct{color:var(--rm-text)!important}
html[data-roadmap-theme="dark"] .v18-wbs-code{color:var(--rm-muted)!important}
html[data-roadmap-theme="dark"] .v18-wbs-axis,html[data-roadmap-theme="dark"] .v18-wbs-track{background:#121922!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v18-wbs-track .gml,html[data-roadmap-theme="dark"] .v18-wbs-axis>.gml{background:#26313e!important}html[data-roadmap-theme="dark"] .v18-wbs-month{color:var(--rm-text-2)!important}
html[data-roadmap-theme="dark"] .v2841-axis-years,html[data-roadmap-theme="dark"] .v2841-axis-months{background:#151e28!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v2841-axis-year,html[data-roadmap-theme="dark"] .v2841-axis-month{color:var(--rm-text-2)!important;border-color:#293543!important}
html[data-roadmap-theme="dark"] .v18-wbs-track .today:before{background:#332b1b!important;color:#f6c85f!important}
html[data-roadmap-theme="dark"] .v18-stat{background:var(--rm-surface-2)!important;color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v21-project .v17-details{background:var(--rm-surface-1)!important}html[data-roadmap-theme="dark"] .v21-project .v17-details summary{color:var(--rm-text-2)!important}

/* Cronograma multiprojeto também usa superfícies escuras coerentes. */
html[data-roadmap-theme="dark"] .v2843-macro-panel{background:var(--rm-surface-1)!important;color:var(--rm-text)!important;border-color:var(--rm-line)!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-board{background:var(--rm-surface-1)!important;border-color:var(--rm-line)!important;scrollbar-color:#4a596c #151b23}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-axis,html[data-roadmap-theme="dark"] .v2843-axis-label,html[data-roadmap-theme="dark"] .v238-macro-axis-track,html[data-roadmap-theme="dark"] .v238-macro-axis-track .v2841-axis-years,html[data-roadmap-theme="dark"] .v238-macro-axis-track .v2841-axis-months{background:var(--rm-surface-2)!important;border-color:var(--rm-line)!important;color:var(--rm-text-2)!important}
html[data-roadmap-theme="dark"] .v238-macro-axis-track .v2841-axis-year,html[data-roadmap-theme="dark"] .v238-macro-axis-track .v2841-axis-month{color:var(--rm-text-2)!important;border-color:#2a3542!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-row,html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-label,html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-track{background:var(--rm-surface-1)!important;border-color:var(--rm-line-soft)!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-row:hover,html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-row:hover .v238-macro-label,html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-row:hover .v238-macro-track{background:#1a2531!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-project strong{color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-project small,html[data-roadmap-theme="dark"] .v2843-macro-status-legend{color:var(--rm-muted)!important}html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-project small b{color:var(--rm-text-2)!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-open{background:var(--rm-surface-2)!important;color:var(--rm-accent-hover)!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-open:hover{background:var(--rm-accent-soft)!important;border-color:#365e8e!important}
html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-track .gml{background:#283441!important}html[data-roadmap-theme="dark"] .v2843-macro-panel .v238-macro-empty{background:var(--rm-surface-2)!important;color:var(--rm-muted)!important}
html[data-roadmap-theme="dark"] .v238-macro-stats span{background:var(--rm-surface-2)!important;color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v238-macro-stats b{color:var(--rm-text)!important}

/* Documentação e drill-down em dark. */
html[data-roadmap-theme="dark"] .v2861-doc-tab{color:var(--rm-text-2)!important}html[data-roadmap-theme="dark"] .v2861-doc-tab:hover{background:var(--rm-surface-2)!important;color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v2861-doc-tab.on{background:var(--rm-accent-soft)!important;color:var(--rm-accent-hover)!important;border-bottom-color:var(--rm-accent)!important}
html[data-roadmap-theme="dark"] .v286-doc-provider{background:var(--rm-surface-3)!important;color:var(--rm-text-2)!important}html[data-roadmap-theme="dark"] .v2861-doc-shortcut{background:var(--rm-surface-2)!important;color:var(--rm-text)!important;border-color:#445166!important}html[data-roadmap-theme="dark"] .v2861-doc-shortcut:hover{background:var(--rm-surface-3)!important}html[data-roadmap-theme="dark"] .v2861-doc-shortcut-icon{background:var(--rm-accent-soft)!important;color:var(--rm-accent-hover)!important}html[data-roadmap-theme="dark"] .v2861-doc-shortcut small{color:var(--rm-muted)!important}
html[data-roadmap-theme="dark"] .v2831-attention-panel{background:var(--rm-surface-1)!important;border-color:var(--rm-line)!important;color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v2831-attention-table th{background:var(--rm-surface-2)!important;color:var(--rm-text-2)!important;border-color:var(--rm-line)!important}html[data-roadmap-theme="dark"] .v2831-attention-table td{color:var(--rm-text)!important;border-color:var(--rm-line-soft)!important}html[data-roadmap-theme="dark"] .v2831-attention-table tr:hover td{background:var(--rm-surface-2)!important}

html[data-roadmap-theme="dark"] .v21-brand strong{color:var(--rm-text)!important}html[data-roadmap-theme="dark"] .v21-brand small{color:var(--rm-muted)!important}