/* AZPET · pages/dashboard — específicos da visão geral */

/* linha de ações do hero */
body.app .hero .btn.ghost { background: var(--azpet-branco); }

/* tabela de relatórios recentes: código do pet em mono */
body.app .grid-60-40 td > div > div:first-child { font-family: var(--font-mono); font-size: 12px; color: var(--azpet-navy); font-weight: 600; }

/* card de acesso público (tutor/ONG): input de link em mono */
body.app .card input[readonly] { font-family: var(--font-mono); font-size: 12px; color: var(--azpet-ink-2); background: var(--azpet-nevoa); }

/* ---------- Gráfico de rosca (SVG inline, dados reais) ---------- */
body.app .donut-wrap { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
body.app .donut-svg { width: 132px; height: 132px; flex: 0 0 auto; }
body.app .donut-total { font: 800 22px var(--font-title); fill: var(--azpet-navy); }
body.app .donut-cap { font: 500 9px var(--font-body); fill: var(--azpet-ink-4); letter-spacing: .08em; text-transform: uppercase; }
body.app .donut-legend { flex: 1; min-width: 180px; display: grid; gap: 8px; }
body.app .donut-leg { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--azpet-ink-2); }
body.app .donut-key { width: 10px; height: 10px; border-radius: 3px; flex: 0 0 auto; }
body.app .donut-name { font-weight: 500; }
body.app .donut-val { margin-left: auto; font-family: var(--font-mono); font-size: 11.5px; color: var(--azpet-ink-3); white-space: nowrap; }