/* Central (central.applaude.studio): o visual do app (casa.css + app.css) e o que é só daqui */
.view-host { flex: 1; overflow: auto; padding-bottom: 40px; }
.conta { display: flex; align-items: center; gap: 10px; }
.conta-email { color: var(--muted); font-size: 0.85rem; }
.toolbar select { font: inherit; font-size: 0.85rem; padding: 6px 10px; border-radius: var(--r-sm); border: 1px solid var(--line-strong); background: var(--surface-2); color: var(--ink); }
.login .google { display: inline-flex; gap: 8px; align-items: center; justify-content: center; }
.login .local { display: grid; gap: 10px; }
.kpis { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin-bottom: 16px; }
.kpi { display: grid; gap: 4px; padding: 14px; border-radius: var(--r-lg); }
.kpi strong { font-family: var(--font-display); font-size: 1.35rem; }
.kpi .sub { color: var(--muted); font-size: 0.8rem; }
.central-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr)); gap: 16px; margin-top: 16px; }
.tabela { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.tabela th { text-align: left; color: var(--muted); font-weight: 400; font-size: 0.78rem; padding: 4px 8px; border-bottom: 1px solid var(--line); }
.tabela td { padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
.link-run { font: inherit; color: inherit; background: none; border: 0; padding: 0; text-align: left; cursor: pointer; text-decoration: underline; text-decoration-color: var(--line-strong); }
.barras { display: flex; align-items: flex-end; gap: 3px; height: 80px; }
.barras span { flex: 1; min-width: 3px; max-width: 24px; background: var(--accent); border-radius: 3px 3px 0 0; opacity: .8; }
.passos { margin: 0; padding-left: 20px; display: grid; gap: 4px; font-size: 0.85rem; }
.passos li.ok { color: var(--success-ink); } .passos li.erro { color: var(--danger-ink); }
.conversa { width: min(1100px, calc(100vw - 32px)); }
.conversa-bloco summary { cursor: pointer; font-size: 0.85rem; color: var(--muted); }
.conversa-bloco pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 0.8rem; max-height: 50vh; overflow: auto; padding: 10px; border-radius: var(--r-sm); background: var(--surface-2); border: 1px solid var(--line); }
@media (max-width: 760px) { .toolbar > .sub { display: none; } .toolbar { flex-wrap: wrap; } }