/* Geometry lives in assets/icons.svg; every screen uses the same 24px grid. */
body svg.zn-icon { display: inline-block; width: 24px; height: 24px; min-width: 0; flex: 0 0 auto; aspect-ratio: 1; overflow: visible; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body svg.zn-icon use { pointer-events: none; }
body .nav-item svg.zn-icon { width: 24px; height: 24px; }
body :is(.round-control, .sports-back, .personnel-back, .cert-back) svg.zn-icon { width: 22px; height: 22px; }
body :is(.thanks-arrow, .account-personnel-link, .calendar-all, .thanks-card footer, .thanks-summary footer, .card-like) svg.zn-icon { width: 18px; height: 18px; }
body .comment-like svg.zn-icon { width: 18px; height: 18px; }
body :is(#likeButton.active, .comment-like[aria-pressed="true"], .detail-like.active, .card-like.active) svg.zn-icon { fill: currentColor; }
body :is(.thanks-empty > span, .thanks-success > span, .cert-success-icon) svg.zn-icon { width: 40px; height: 40px; }
body :is(.selected-users b, .recipient-results i) svg.zn-icon { width: 18px; height: 18px; }