/* TsQualy V1761.118 — Painel de Melhoria Contínua (SGQ › Melhorias) e modo "Indicadores" da lista de Projetos A3. */
#main .mcp .mcp-filtros{ display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
#main .mcp .mcp-filtros .a3-campo{ min-width:170px; margin:0; }
.mcp-kpis{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:12px 0; }
.mcp .mcp-k{ display:flex !important; flex-direction:column; align-items:flex-start; text-align:left; min-width:0; width:100%; height:auto !important; min-height:0 !important;
  background:#fff !important; border:1px solid #dbe5f0 !important; border-top:3px solid var(--c) !important; border-radius:12px !important; padding:10px 12px !important;
  box-shadow:none !important; color:#17324d !important; font:inherit; cursor:pointer; }
.mcp .mcp-k:hover{ background:#f8fbff !important; }
.mcp .mcp-k small{ display:block; max-width:100%; color:#60758f; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mcp .mcp-k b{ display:block; font-size:24px; line-height:1.15; margin-top:3px; color:#17324d; }
.mcp .mcp-k span{ font-size:11.5px; color:#60758f; font-weight:500; }
.mcp .mcp-bom{ color:#1d7a43 !important; font-weight:700; } .mcp .mcp-ruim{ color:#b42318 !important; font-weight:700; } .mcp .mcp-neutro{ color:#7a8ba0; font-size:11px; }
.mcp-grid{ display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:12px; margin-bottom:12px; }
.mcp-row3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.mcp .mcp-card{ min-width:0; padding:12px 14px; margin:0; }
.mcp .mcp-card h3{ margin:0 0 2px; font-size:14px; color:#17324d; }
.mcp .mcp-h{ margin:0 0 8px; color:#6b7d92; font-size:11.5px; }
.mcp-leg{ display:flex; gap:12px; flex-wrap:wrap; font-size:11.5px; color:#4f627a; margin-top:4px; }
.mcp-leg i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:4px; vertical-align:-1px; }
.mcp-leg i.mcp-leg-linha{ height:3px; vertical-align:2px; background:#d64545; }
.mcp-funil .mcp-f{ display:grid; grid-template-columns:130px minmax(0,1fr) 44px; align-items:center; gap:8px; margin:7px 0; font-size:12.5px; }
.mcp-f-trilho{ min-width:0; }
.mcp-f-bar{ height:24px; border-radius:6px; background:var(--c); color:#fff; font-weight:700; font-size:12px; display:flex; align-items:center; padding-left:8px; white-space:nowrap; min-width:28px; }
.mcp-f-pc{ font-size:12px; color:#60758f; text-align:right; }
.mcp-trava{ margin-top:8px; background:#fff7ec; border:1px solid #f3d3a6; border-radius:8px; padding:7px 9px; font-size:12px; color:#8a4b00; }
.mcp-ciclo{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.mcp-ciclo--3{ grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:8px; }
.mcp-ciclo > div{ background:#f6f9fd; border-radius:9px; padding:8px; min-width:0; }
.mcp-ciclo small{ display:block; color:#60758f; font-size:11px; } .mcp-ciclo b{ display:block; font-size:19px; color:#17324d; }
.mcp-par-l{ display:grid; grid-template-columns:120px minmax(0,1fr) 32px; gap:8px; align-items:center; margin:5px 0; font-size:12px; }
.mcp-par-l > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mcp-par-b{ height:12px; border-radius:4px; background:#1766b3; }
.mcp-par-l b{ text-align:right; }
.mcp-tab-wrap{ overflow:visible; }
.mcp-tab{ width:100%; border-collapse:collapse; font-size:12.5px; table-layout:auto; }
.mcp-tab th{ text-align:left; font-size:11px; color:#6b7d92; text-transform:uppercase; padding:6px; border-bottom:1px solid #e3eaf3; }
.mcp-tab td{ padding:7px 6px; border-bottom:1px solid #eef2f7; vertical-align:top; overflow-wrap:anywhere; }
.mcp-tab--desv td{ font-size:12.5px; }
.mcp .mcp-nowrap{ white-space:nowrap; }
.mcp .mcp-tag{ display:inline-block !important; font-size:11px !important; font-weight:700 !important; border-radius:99px !important; padding:2px 8px !important; white-space:nowrap;
  border:0 !important; box-shadow:none !important; height:auto !important; min-height:0 !important; cursor:pointer; font-family:inherit; }
.mcp-t-oc{ background:#fdecec !important; color:#b42318 !important; } .mcp-t-rca{ background:#efeafd !important; color:#6b46c1 !important; }
.mcp-t-a3{ background:#e7f0fb !important; color:#1766b3 !important; } .mcp-t-ac{ background:#fff1df !important; color:#a35a00 !important; }
@media (max-width:1180px){ .mcp-kpis{ grid-template-columns:repeat(3,minmax(0,1fr)); } .mcp-grid, .mcp-row3{ grid-template-columns:1fr; } }
@media (max-width:700px){
  .mcp-kpis{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mcp .mcp-k b{ font-size:20px; }
  #main .mcp .mcp-filtros{ width:100%; } #main .mcp .mcp-filtros .a3-campo{ flex:1 1 140px; min-width:0; }
  .mcp-funil .mcp-f{ grid-template-columns:92px minmax(0,1fr) 40px; }
  .mcp-ciclo{ grid-template-columns:repeat(2,minmax(0,1fr)); } .mcp-ciclo--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .mcp-par-l{ grid-template-columns:96px minmax(0,1fr) 28px; }
  .mcp .mcp-so-largo{ display:none; }
}
/* lista de Projetos A3 no modo Indicadores: os filtros da lista não se aplicam */
#main .a3.a3--indicadores .a3-filtros > .a3-campo, #main .a3.a3--indicadores .a3-filtros > .a3-chk{ display:none !important; }
#main .a3 .a3-ind-topo{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 10px; }
#main .a3 .a3-ind-topo p{ margin:0; color:#60758f; font-size:12.5px; flex:1 1 260px; }
#main .a3 .a3-ind-topo .a3-campo{ margin:0; min-width:120px; }