@import url("/cases/shared/signature-footer.css");
/* Only the surrounding report theme differs from the approved signature. */
.case-contact{background:#1B211E;--line:rgba(237,231,219,.18);--muted:#ADB3AE;--accent:#9EC7B6;padding:0;margin-top:18px}
.case-contact .report-contact{margin-top:0}
/* Card faces render at .4 scale: 27.5px matches the 11px handle. */
.case-contact .report-contact .contact-caption{font:400 27.5px/1.7 var(--sans);color:#9295a0;margin-top:25px;letter-spacing:0}
.case-contact .report-contact .contact-visual,
.case-contact .report-contact .contact-visual:has(.flipped){height:110px}
@media(max-width:620px){.case-contact .report-contact .contact-caption{font-size:25px}}
.case-contact .footer-actions a:hover{background:#263B32;border-color:#9EC7B6;color:#C4DCD1}

/* Directly reused from PennyMuse v51 compact-v3 end-copy.css:
   crop excess white edges of the same original QR; preserve all QR pixels. */
.case-contact .contact-qr{clip-path:inset(0.7795100223% 0 0.7795100223% 2.6431718062%)}

/* Front nickname and back caption occupy the same centred text line. */
.case-contact .report-contact .contact-caption{position:absolute;top:252.5px;left:50%;width:max-content;max-width:none;transform:translateX(-50%);margin:0;text-align:center}

/* Move both front/back labels closer to the visual, keeping their line aligned. */
.case-contact .report-contact .signature-handle{top:-26px}
.case-contact .report-contact .contact-caption{top:212.5px}

/* Lower the front portrait toward its label; preserve the QR centre on flip. */
.case-contact .report-contact .contact-avatar{top:40px;transition:transform .95s cubic-bezier(.4,0,.2,1),clip-path .95s cubic-bezier(.4,0,.2,1),top .95s cubic-bezier(.4,0,.2,1)}
.case-contact .report-contact .contact-card.flipped .contact-avatar{top:0}
@media(prefers-reduced-motion:reduce){.case-contact .report-contact .contact-avatar{transition:none}}