/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 19 2026 | 14:14:55 */
/* cp-pages-meu-recurso.css — Radar do meu recurso (Superfície B, diagnóstico por
   caso). Prefixo cp-mr-. Identidade de FERRAMENTA (limpa, app-like), distinta do
   editorial do Radar analítico. Cues de cor do Radar: barreira #7A2E3A, êxito teal
   #1D9E75. !important em tudo por causa da especificidade global do BuddyBoss (§1).
   Porte do demo src-web/dev/demos/demo-radar-meu-recurso-v1.html. */

.cp-mr { max-width: 1100px !important; margin: 0 auto !important; padding: 8px 0 60px !important;
  color: #1A1A1A !important; }

.cp-mr-eyebrow { font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important;
  color: #7A2E3A !important; font-weight: 700 !important; }
.cp-mr-head h1 { font-size: 30px !important; line-height: 1.15 !important; margin: 8px 0 10px !important;
  font-weight: 800 !important; letter-spacing: -0.01em !important; color: #1A1A1A !important; }
.cp-mr-head h1 em { font-style: normal !important; color: #7A2E3A !important; }
.cp-mr-deck { font-size: 16px !important; color: #6b6b6b !important; max-width: 640px !important; margin: 0 !important; line-height: 1.5 !important; }

.cp-mr-grid { display: grid !important; grid-template-columns: 320px 1fr !important; gap: 24px !important;
  margin-top: 28px !important; align-items: start !important; }
@media (max-width: 860px) { .cp-mr-grid { grid-template-columns: 1fr !important; } }

/* ── Formulário ── */
.cp-mr-form { background: #ffffff !important; border: 1px solid #e7e4dd !important; border-radius: 14px !important;
  padding: 20px !important; position: sticky !important; top: 16px !important; }
.cp-mr-form h2 { font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important;
  color: #9a958c !important; margin: 0 0 14px !important; font-weight: 700 !important; }
.cp-mr-field { margin-bottom: 15px !important; }
.cp-mr-field label { display: block !important; font-size: 13px !important; font-weight: 600 !important;
  margin-bottom: 5px !important; color: #1A1A1A !important; }
.cp-mr-field select { width: 100% !important; padding: 9px 10px !important; border: 1px solid #e7e4dd !important;
  border-radius: 9px !important; font-size: 14px !important; background: #fff !important; color: #1A1A1A !important;
  font-family: inherit !important; }
.cp-mr-seg { display: flex !important; gap: 6px !important; width: 100% !important; }
.cp-mr-seg button { flex: 1 !important; padding: 8px 6px !important; border: 1px solid #e7e4dd !important;
  background: #fff !important; border-radius: 9px !important; font-size: 13px !important; cursor: pointer !important;
  color: #6b6b6b !important; font-family: inherit !important; }
.cp-mr-seg button.on { background: #1A1A1A !important; color: #fff !important; border-color: #1A1A1A !important; }
.cp-mr-hint { font-size: 11.5px !important; color: #9a958c !important; margin-top: 3px !important; line-height: 1.4 !important; }

/* ── Resultado ── */
.cp-mr-result > * { margin-bottom: 16px !important; }
.cp-mr-block { background: #ffffff !important; border: 1px solid #e7e4dd !important; border-radius: 14px !important;
  padding: 20px 22px !important; }
.cp-mr-block h3 { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important;
  color: #9a958c !important; margin: 0 0 12px !important; font-weight: 700 !important; }

/* Headline da probabilidade */
.cp-mr-prob { display: flex !important; align-items: baseline !important; gap: 14px !important; flex-wrap: wrap !important; }
.cp-mr-prob-val { font-size: 52px !important; font-weight: 800 !important; line-height: 1 !important;
  letter-spacing: -0.02em !important; color: #1A1A1A !important; }
.cp-mr-prob-lab { font-size: 15px !important; color: #6b6b6b !important; font-weight: 600 !important; }
.cp-mr-prob-sub { font-size: 12.5px !important; color: #9a958c !important; margin-top: 8px !important; line-height: 1.45 !important; }
.cp-mr-bararea { height: 10px !important; background: #eee !important; border-radius: 6px !important;
  overflow: hidden !important; margin-top: 14px !important; display: flex !important; }
.cp-mr-bararea .pass { background: #1D9E75 !important; }
.cp-mr-bararea .barra { background: #7A2E3A !important; }
.cp-mr-bararea-leg { display: flex !important; justify-content: space-between !important; font-size: 11.5px !important;
  color: #6b6b6b !important; margin-top: 6px !important; }

/* Variância por relator */
.cp-mr-range { flex: 1 !important; min-width: 220px !important; }
.cp-mr-range-track { position: relative !important; height: 28px !important;
  background: linear-gradient(90deg, rgba(122,46,58,0.22), rgba(29,158,117,0.22)) !important; border-radius: 8px !important; margin-top: 22px !important; }
.cp-mr-range-pin { position: absolute !important; top: -4px !important; width: 2px !important; height: 36px !important; background: #1A1A1A !important; }
.cp-mr-range-pin span { position: absolute !important; top: -17px !important; left: 50% !important; transform: translateX(-50%) !important;
  font-size: 10px !important; white-space: nowrap !important; color: #6b6b6b !important; }
.cp-mr-range-ends { display: flex !important; justify-content: space-between !important; font-size: 11.5px !important; color: #6b6b6b !important; margin-top: 4px !important; }

/* Barreiras */
.cp-mr-barr { border-left: 3px solid #7A2E3A !important; background: #fcf7f7 !important; border-radius: 0 9px 9px 0 !important;
  padding: 12px 14px !important; margin-bottom: 10px !important; }
.cp-mr-barr.cp-mr-barr-hot { background: #f7eced !important; box-shadow: inset 0 0 0 1px rgba(122,46,58,0.25) !important; }
.cp-mr-barr-head { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 10px !important; }
.cp-mr-barr-name { font-weight: 700 !important; font-size: 14.5px !important; color: #1A1A1A !important; }
.cp-mr-barr-pct { font-size: 13px !important; font-weight: 700 !important; color: #7A2E3A !important;
  font-variant-numeric: tabular-nums !important; white-space: nowrap !important; }
.cp-mr-barr-fix { font-size: 13px !important; color: #3a3a3a !important; margin-top: 5px !important; line-height: 1.45 !important; }
.cp-mr-barr-fix b { color: #178a66 !important; }
.cp-mr-barr-tagchip { display: inline-block !important; font-size: 10px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.03em !important; color: #7A2E3A !important;
  background: #f1dfe1 !important; border-radius: 5px !important; padding: 1px 7px !important; margin-left: 8px !important; }

/* Checklist */
.cp-mr-check { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.cp-mr-check li { font-size: 14px !important; margin-bottom: 7px !important; padding-left: 22px !important;
  position: relative !important; color: #1A1A1A !important; line-height: 1.45 !important; }
.cp-mr-check li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 6px !important;
  width: 9px !important; height: 9px !important; border: 2px solid #1D9E75 !important; border-radius: 3px !important; }

/* Precedentes */
.cp-mr-prec { border: 1px solid #e7e4dd !important; border-radius: 10px !important; padding: 12px 14px !important;
  margin-bottom: 9px !important; display: block !important; text-decoration: none !important; color: inherit !important; }
.cp-mr-prec:hover, .cp-mr-prec:visited { text-decoration: none !important; color: inherit !important; }
.cp-mr-prec:hover { border-color: #1D9E75 !important; }
.cp-mr-prec-top { display: flex !important; justify-content: space-between !important; gap: 10px !important; align-items: baseline !important; }
.cp-mr-prec-proc { font-weight: 700 !important; font-size: 14px !important; color: #1A1A1A !important; }
.cp-mr-prec-tag { font-size: 11px !important; font-weight: 700 !important; color: #1D9E75 !important;
  text-transform: uppercase !important; letter-spacing: 0.03em !important; white-space: nowrap !important; }
.cp-mr-prec-q { font-size: 13px !important; color: #6b6b6b !important; margin-top: 4px !important; line-height: 1.45 !important; }
.cp-mr-prec-meta { font-size: 11.5px !important; color: #9a958c !important; margin-top: 5px !important; }

.cp-mr-loading { font-size: 13px !important; color: #9a958c !important; padding: 8px 0 !important; }
.cp-mr-disc { font-size: 12px !important; color: #9a958c !important; margin-top: 24px !important; line-height: 1.55 !important;
  border-top: 1px solid #e7e4dd !important; padding-top: 14px !important; }
.cp-mr-proto { display: inline-block !important; background: #F7D44A !important; color: #1A1A1A !important;
  font-size: 11px !important; font-weight: 700 !important; padding: 2px 8px !important; border-radius: 5px !important;
  text-transform: uppercase !important; letter-spacing: 0.04em !important; }

/* Em construção (gate interno) */
.cp-mr-construcao { text-align: center !important; padding: 64px 20px !important; }
.cp-mr-construcao-badge { display: inline-block !important; background: #F7D44A !important; color: #1A1A1A !important;
  font-size: 12px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 6px !important;
  text-transform: uppercase !important; letter-spacing: 0.05em !important; }
.cp-mr-construcao-title { font-size: 28px !important; font-weight: 800 !important; margin: 14px 0 10px !important; color: #1A1A1A !important; }
.cp-mr-construcao-desc { font-size: 16px !important; color: #6b6b6b !important; max-width: 560px !important;
  margin: 0 auto !important; line-height: 1.55 !important; }