/* Aniversariantes (app/aniversarios.js) */
.tzan-card { margin-bottom: 14px; padding: 14px 18px; border: 1px solid var(--tz-outline-container); border-radius: var(--tz-r-md); background: var(--surface); }
.tzan-card h3 { margin: 0 0 8px; font-size: 15px; }
.tzan-card h3 small { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--blue2); color: var(--blue); font-size: 11.5px; }
.tzan-card header { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.tzan-nav { display: flex; gap: 4px; }
.tzan-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 8px 2px; border-top: 1px solid var(--tz-outline-divider); font-size: 13px; }
.tzan-day { color: var(--muted); font-weight: 700; }
.tzan-who { display: flex; flex-direction: column; min-width: 0; }
.tzan-who small { color: var(--muted); font-size: 11.5px; }
.tzan-done { color: #15803d; font-style: normal; font-size: 12px; font-weight: 700; }
.tzan-no { color: var(--muted); font-style: normal; font-size: 12px; }
.tzan-form { display: grid; gap: 12px; }
.tzan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 14px; }
.tzan-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 700; color: var(--muted); }
.tzan-form .tzan-check { flex-direction: row; align-items: center; gap: 8px; font-size: 13px; color: var(--ink); font-weight: 600; }
.tzan-form select, .tzan-form input:not([type=checkbox]) { padding: 8px 10px; border: 1px solid var(--tz-outline-control); border-radius: var(--tz-r-sm); background: var(--surface); color: var(--ink); font: inherit; font-weight: 400; }
.tzan-actions { display: flex; justify-content: flex-end; }
@media (max-width: 760px) { .tzan-row { grid-template-columns: 48px minmax(0, 1fr); } .tzan-act { grid-column: 2; } }