/* Pet pieces of the owner-facing pages (booking, manage, the owner's link). Tokens come from app.css. */
.paw { display: inline-block; line-height: 1; }
.paw.big { font-size: 26px; width: 40px; text-align: center; flex: none; }
.pet-card { margin-bottom: 10px; }
.pet-card.open { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.pet-head { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.pet-card .seg button small { font-weight: 400; color: var(--ink3); margin-inline-start: 2px; }
.pet-photo { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none; }
.intake { margin: 10px 0; }
.intake summary, .consent summary { cursor: pointer; }
.consent.err { border-color: var(--bad); }
.card.inset { background: var(--surface2); box-shadow: none; }
.linkish { background: none; border: 0; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; }
.bad-text { color: var(--bad); font-weight: 600; margin-inline-end: 6px; }
.vax { margin-top: 8px; }
.vax .tag { margin-inline-start: 8px; }
.report-card .ba { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.report-card .ba a { position: relative; display: block; border-radius: var(--r-sm); overflow: hidden; }
.report-card .ba img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.report-card .ba span { position: absolute; left: 6px; bottom: 6px; background: #000a; color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 999px; }
.report-card .chip { cursor: default; }
.pet-card .seg button small { text-transform: none; }