/* AZPET · pages/pets — específicos + espelho vaccines (funciona sem Vite) */
body.app .pet-name{font-family:var(--font-title);font-weight:700;color:var(--azpet-navy)}
.vaccine-metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.vaccine-metric {
    background: #f8fafc;
    border: 1px solid #dbe4ef;
    border-radius: 14px;
    padding: 12px;
}

.vaccine-metric strong {
    display: block;
    font-size: 1.4rem;
    color: #2563EB;
}

.calendar-grid {
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    overflow: hidden;
}

.calendar-head,
.calendar-week {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-head div {
    background: #EAF2FF;
    color: #2563EB;
    font-size: .75rem;
    font-weight: 700;
    padding: 8px;
    text-align: center;
}

.calendar-day {
    background: #fff;
    border-right: 1px solid #edf2f7;
    border-top: 1px solid #edf2f7;
    min-height: 118px;
    padding: 8px;
}

.calendar-day:nth-child(7n) {
    border-right: none;
}

.calendar-day.out {
    background: #f8fafc;
    color: #94a3b8;
}

.calendar-day.today {
    box-shadow: inset 0 0 0 2px #2563EB;
}

.calendar-date {
    font-size: .76rem;
    font-weight: 800;
    margin-bottom: 5px;
}

.calendar-event {
    border-radius: 10px;
    font-size: .7rem;
    margin-bottom: 4px;
    padding: 5px 6px;
}

.calendar-event.aplicada {
    background: #E7F6EF;
    color: #1E7A54;
}

.calendar-event.reforco {
    background: #fff7dd;
    color: #946200;
}

.status-vencida {
    background: #ffe8e8;
    color: #aa1f1f;
}

.status-proxima {
    background: #fff7dd;
    color: #946200;
}

.status-ok {
    background: #E7F6EF;
    color: #1E7A54;
}