/* app/css/38-account.css — estratto da app.css (2026-07, split senza build). */
/* ========== ACCOUNT ========== */
.prof-hero { background: var(--surface); padding: 24px 18px 18px; text-align: center; }
.prof-hero .av { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 28px; margin: 0 auto 12px; }
.prof-hero .nm { font-size: 18px; font-weight: 800; }
.prof-hero .em { font-size: 13px; color: var(--ink-3); margin-top: 2px; }

.menu-row { background: var(--surface); padding: 14px 18px; display: flex; align-items: center; gap: 14px; cursor: pointer; transition: background 120ms ease; }
.menu-row:active { background: var(--bg); }
.menu-row .ico { width: 36px; height: 36px; border-radius: 10px; background: var(--bg); color: var(--ink-2); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.menu-row .ico.danger { background: #FCE4E4; color: var(--danger); }
.menu-row .ico.wa { background: var(--brand-soft); color: var(--brand); }
.menu-row .ico.call { background: var(--brand-soft); color: var(--brand); }
.menu-row .ico.problem { background: var(--gold-soft); color: var(--gold); }
.menu-row .ico.bulb { background: var(--brand-soft); color: var(--brand); }
.menu-row .ttl { flex: 1; font-size: 14px; font-weight: 600; }
.menu-row .ttl small { display: block; color: var(--ink-3); font-size: 11px; font-weight: 500; margin-top: 1px; }
.menu-row .arr { color: var(--ink-3); }
/* Badge numerico "risposta non letta" sulla riga "Le mie segnalazioni". */
.menu-row .row-badge { background: var(--brand); color: #fff; font-size: 11px; min-width: 20px; height: 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 0 6px; font-weight: 800; flex-shrink: 0; }
.menu-group { background: var(--surface); border-radius: 14px; box-shadow: var(--shadow-card); margin: 10px 18px 0; overflow: hidden; }
.menu-group .menu-row { border-bottom: 1px solid var(--line); }
.menu-group .menu-row:last-child { border-bottom: none; }
.app-version { text-align: center; font-size: 11px; color: var(--ink-3); padding: 24px 0 12px; }