/* Resultado do CICLO© na ficha (só a equipe) */
.cr-painel { margin: 16px 0; text-align: left; }
.cr-aviso { padding: 12px 16px; border-radius: 12px; background: #F7F4FB; color: #5E5470; font-size: .92rem; }
.cr-topo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: center; padding: 18px; border-radius: 20px; background: linear-gradient(135deg, #FBF9FD, #F3F9FE); border: 1px solid #EEE8F8; }
.cr-roda { width: 100%; max-width: 380px; display: block; margin: 0 auto; }
.cr-legenda { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 4px 0 0; font-size: .8rem; color: #5E5470; }
.cr-legenda i { display: inline-block; width: 18px; height: 0; border-top: 3px solid #540094; margin-left: 8px; }
.cr-legenda i.l-antes { border-top: 2px dashed #21C4F7; }
.cr-olho { margin: 0; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6A6080; }
.cr-media { margin: 4px 0 10px; display: flex; align-items: baseline; gap: 6px; }
.cr-media b { font: 800 2.4rem var(--fonte-titulo); color: #540094; }
.cr-media span { color: #6A6080; }
.cr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.cr-chip { padding: 5px 10px; border-radius: 999px; font-size: .82rem; font-weight: 700; }
.cr-chip.f2 { background: #EAF7C8; color: #3F5C00; }
.cr-chip.f0 { background: #FFE9E6; color: #A1301E; }
.cr-dica { margin: 0; padding: 10px 12px; border-radius: 12px; background: #fff; border-left: 3px solid #21C4F7; font-size: .88rem; color: #3D3550; }
.cr-tit { margin: 22px 0 10px; font: 700 1.02rem var(--fonte-titulo); color: var(--cep-tinta); }
.cr-tit small { font-weight: 500; font-size: .8rem; color: #8A5A00; margin-left: 6px; }
.cr-barras { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cr-barras li { display: grid; grid-template-columns: 150px minmax(0, 1fr) 30px 34px 110px; align-items: center; gap: 4px 10px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid #F0EAF8; }
.cr-barras li p { grid-column: 1 / -1; margin: 2px 0 0; font-size: .86rem; color: #5E5470; line-height: 1.5; }
.cr-area { font-weight: 700; color: var(--cep-tinta); }
.cr-barra { height: 10px; border-radius: 999px; background: #EEE8F6; overflow: hidden; }
.cr-barra i { display: block; height: 100%; border-radius: inherit; }
.cr-f0 .cr-barra i { background: #E5484D; } .cr-f1 .cr-barra i { background: #F5B301; } .cr-f2 .cr-barra i { background: #7DB300; }
.cr-barras b { font: 800 1.05rem var(--fonte-titulo); color: var(--cep-tinta); text-align: right; }
.cr-dif { font-style: normal; font-size: .78rem; font-weight: 700; text-align: center; border-radius: 999px; padding: 1px 4px; background: #F3F0F7; color: #6A6080; }
.cr-dif.mais { background: #EAF7C8; color: #3F5C00; } .cr-dif.menos { background: #FFE9E6; color: #A1301E; }
.cr-barras small { font-size: .78rem; font-weight: 700; color: #6A6080; text-align: right; }
.cr-leituras { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.cr-leit { padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid #F0EAF8; }
.cr-leit b { font-size: .9rem; color: var(--cep-tinta); }
.cr-leit p { margin: 6px 0 0; font-size: .88rem; line-height: 1.5; color: #3D3550; }
.cr-hip, .cr-perg { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cr-hip li { padding: 12px 14px; border-radius: 14px; background: #FFFBEF; border: 1px solid #F5E6B8; }
.cr-hip b { color: var(--cep-tinta); }
.cr-hip small { display: block; color: #8A7A5A; font-size: .8rem; margin-top: 2px; }
.cr-hip p { margin: 6px 0 0; font-size: .9rem; color: #3D3550; line-height: 1.5; }
.cr-inv q { font-style: italic; color: #540094; }
.cr-hip button { margin-top: 8px; }
.cr-perg li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid #F0EAF8; }
.cr-perg li small { flex: none; width: 120px; font-size: .78rem; font-weight: 700; color: #6A6080; }
.cr-perg li p { flex: 1; margin: 0; font-size: .92rem; color: #3D3550; }
.cr-perg li button { flex: none; }
.cr-status { min-height: 1em; font-size: .88rem; color: #3F7A00; font-weight: 600; }
@media (max-width: 900px) { .cr-topo { grid-template-columns: minmax(0, 1fr); } .cr-leituras { grid-template-columns: minmax(0, 1fr); } .cr-barras li { grid-template-columns: 1fr auto auto; } .cr-barra { grid-column: 1 / -1; order: 5; } .cr-barras small { display: none; } .cr-perg li { flex-wrap: wrap; } .cr-perg li small { width: auto; } }
.cr-alav { background: #F3ECFC; border-color: #DCCBF5; } .cr-alav p { font-weight: 700; color: #540094; } .cr-leit button { margin-top: 8px; }
