/* V31.4.17 — UX hotfix: mode switch estável, visão crítica focada e progresso legível. */

/* Visualização / Editar estrutura: mesma âncora no canto direito do cabeçalho. */
.v28517-timeline-title-row.v31417-mode-title-row{align-items:flex-start}
.v28517-timeline-title-row>.v312-mode-switch.v31417-mode-switch-stable{width:auto!important;flex:0 0 auto;margin:0 0 0 2px!important;justify-content:flex-end!important;align-self:flex-start}
.v312-modebar.v31417-modebar-stable{padding:12px 14px 10px!important;align-items:flex-start!important;gap:14px!important}
.v312-modebar.v31417-modebar-stable>.v312-mode-switch.v31417-mode-switch-stable{width:auto!important;flex:0 0 auto;margin:0!important;justify-content:flex-end!important;align-self:flex-start}
.v312-modebar.v31417-modebar-stable>div:first-child{flex:1;min-width:0}
.v312-mode-switch.v31417-mode-switch-stable .v21-btn{min-height:34px;white-space:nowrap}

/* Visão geral 2: linha temporal é somente o caminho crítico. */
.v31417-critical-title{gap:8px;flex-wrap:wrap}
.v31417-critical-only-badge{display:inline-flex;align-items:center;margin-left:4px;padding:3px 7px;border:1px solid #efb6ba;border-radius:999px;background:#fff1f2;color:#ad2a30;font-size:8.5px;font-weight:850;letter-spacing:.015em}
.v31417-critical-subtitle{margin:-2px 0 8px;color:var(--co-muted);font-size:9.5px;line-height:1.4}
.v31417-critical-gantt .v31414-gantt-row{height:36px}
.v31417-critical-gantt .v31414-bar{top:12px}
.v31417-critical-gantt .v31414-milestone{top:13px}
.v31417-critical-row .v31414-row-label{padding-left:7px!important}
.v31417-critical-order{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#fdebed;color:#b22e34;font-size:8.5px;font-weight:900}
.v31417-done-label{margin-left:auto;padding:2px 5px;border-radius:5px;background:#e9f7ef;color:#2f8355;font-size:8px;font-weight:800;white-space:nowrap}

/* Visão geral 1: progresso real e planejado precisam ser lidos sem esforço. */
.v125-compare{gap:10px!important;min-height:34px}
.v125-compare>.blbl{font-size:11px!important;font-weight:800;color:#40536a}
.v125-compare>.v12-progress{height:12px!important;min-width:120px}
.v125-compare>b{min-width:46px;font-size:15px!important;line-height:1;font-weight:900;color:#16314f;text-align:right}
.v125-compare>.v5-muted{display:inline-flex;align-items:center;min-height:27px;padding:4px 7px;border:1px solid #dfe6ee;border-radius:7px;background:#f7f9fc;color:#53657a!important;font-size:11.5px!important;line-height:1;font-weight:750;white-space:nowrap}
.v125-planned-mark{width:3px!important;top:-3px!important;bottom:-3px!important}

html[data-roadmap-theme="dark"] .v31417-critical-only-badge{background:#382126;border-color:#6a373d;color:#ffc8cb}
html[data-roadmap-theme="dark"] .v31417-critical-order{background:#3a2328;color:#ffc9cc}
html[data-roadmap-theme="dark"] .v31417-done-label{background:#183025;color:#b9e7cb}
html[data-roadmap-theme="dark"] .v125-compare>.blbl,html[data-roadmap-theme="dark"] .v125-compare>b{color:var(--rm-text,#e6edf3)!important}
html[data-roadmap-theme="dark"] .v125-compare>.v5-muted{background:var(--rm-surface-2,#1b2430);border-color:var(--rm-line,#303b4a);color:var(--rm-text-2,#b6c2d0)!important}

@media(max-width:900px){
  .v28517-timeline-title-row.v31417-mode-title-row{flex-wrap:wrap}
  .v28517-timeline-title-row>.v312-mode-switch.v31417-mode-switch-stable{margin-left:auto!important}
  .v312-modebar.v31417-modebar-stable{flex-wrap:wrap}
  .v312-modebar.v31417-modebar-stable>.v312-mode-switch.v31417-mode-switch-stable{margin-left:auto!important}
}
@media(max-width:620px){
  .v125-compare{flex-wrap:wrap}
  .v125-compare>.v12-progress{order:3;flex-basis:100%}
}