/* =========================================================================
   cerebro.css — Fase 3 · Sala neural do Cérebro PCM. Depende de design-system.css.
   ========================================================================= */
.brain-wrap { padding-top: calc(var(--header-h) + 30px); }

.brain-stage {
  position: relative; border-radius: var(--radius-lg); overflow: hidden;
  background:
    radial-gradient(80% 120% at 50% -10%, rgba(0,112,184,.16), transparent 60%),
    var(--grad-command);
  border: 1px solid var(--stroke);
  display: grid; grid-template-columns: 280px 1fr 300px; gap: 0; min-height: 420px;
}
@media (max-width: 1040px){ .brain-stage { grid-template-columns: 1fr; } }

#brain-canvas { width: 100%; height: 100%; min-height: 420px; position: absolute; inset: 0; z-index: 0; grid-column: 2; }
@media (max-width: 1040px){ #brain-canvas { position: relative; grid-column: 1; } }

.brain-side { position: relative; z-index: 2; padding: 22px; }
.brain-side--l { border-right: 1px solid var(--stroke); background: rgba(255,255,255,.55); }
.brain-side--r { border-left: 1px solid var(--stroke); background: rgba(255,255,255,.55); }

.brain-ring {
  --p:0; --size:150px; width:var(--size); height:var(--size); border-radius:50%;
  margin: 0 auto 1rem; display:grid; place-items:center;
  background: radial-gradient(closest-side, var(--bg-800) 70%, transparent 71%),
              conic-gradient(var(--pdca-act) calc(var(--p)*1%), rgba(255,255,255,.08) 0);
}
.brain-ring__num { font-family: var(--font-display); font-weight: 800; font-size: 2.6rem; line-height: 1; }
.brain-ring__num small { display:block; font-size:.58rem; letter-spacing:.22em; color:var(--text-dim); }

.brain-sub { margin-bottom: .8rem; }
.brain-sub__bar { height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden; }
.brain-sub__bar i { display:block; height:100%; border-radius:6px; transition: width 1s var(--ease); }
.brain-sub__label { display:flex; justify-content:space-between; font-size:.8rem; color:var(--text-soft); margin-top:.25rem; }
.brain-sub__label b { color:#fff; font-family:var(--font-mono); }

.brain-center-tag { position:absolute; bottom:14px; left:50%; transform:translateX(-50%); z-index:3; text-align:center; }
.brain-center-tag .mono { color: var(--text-dim); font-size:.74rem; letter-spacing:.16em; }

/* feeds */
.feeds { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; margin-top: 26px; }
@media (max-width: 820px){ .feeds { grid-template-columns: 1fr; } }
.feed h3 { font-size: 1.05rem; display:flex; align-items:center; gap:.5rem; margin-bottom: .8rem; }
.feed h3 .tag { font-size:.66rem; }

.brain-item { display:flex; gap:.8rem; padding:14px; border-radius:var(--radius); background:var(--surface); border:1px solid var(--stroke); border-left:3px solid var(--accent); margin-bottom:12px; transition: transform .3s var(--ease), border-color .3s; }
.brain-item:hover { transform: translateX(4px); border-color: var(--stroke-strong); }
.brain-item__icon { font-size:1.3rem; }
.brain-item__body h4 { font-size:.96rem; margin:0 0 .25rem; }
.brain-item__body p { font-size:.84rem; color:var(--text-soft); margin:0 0 .5rem; line-height:1.45; }
.brain-item__meta { display:flex; flex-wrap:wrap; gap:.4rem; }
.brain-item__meta .chip { font-size:.68rem; }