/* Moldura da página do painel. Só usa tokens de ../design/. */
.pagina { max-width: 560px; margin: 0 auto; padding: var(--e-5) var(--e-4) var(--e-9); display: grid; gap: var(--e-4); }
.topo { display: flex; justify-content: space-between; align-items: center; padding: var(--e-2) 0; }
.marca { display: flex; align-items: center; gap: 10px; font-weight: var(--peso-forte); }
.marca i { width: 26px; height: 26px; border-radius: var(--raio-m); border: 2px solid var(--cor-acento); box-shadow: 0 0 var(--brilho) var(--cor-acento); }
.destaque h1 { margin: var(--e-1) 0 0; }
.destaque__frase { margin: 0; color: var(--txt-destaque-suave); font-size: var(--txt-corpo); font-weight: var(--peso-normal); }