/* دکمهٔ «گزارش» (ADR-PADCORE-XXXX) — نیمه‌شفاف؛ در RTL لبهٔ inline-end همان سمتِ چپ است. */
.sf-fab {
    position: fixed; inset-block-end: 24px; inset-inline-end: 16px; z-index: 950;
    display: flex; align-items: center; gap: 0; block-size: 42px; padding-inline: 11px;
    border-radius: var(--radius-pill); border: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
    background: color-mix(in srgb, var(--card) 55%, transparent); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
    color: var(--muted-foreground); opacity: .6; box-shadow: var(--shadow-sm); text-decoration: none;
    transition: opacity .15s, gap .15s, color .15s;
}
.sf-fab span { max-inline-size: 0; overflow: hidden; white-space: nowrap; font-size: 12.5px; font-weight: 700; transition: max-inline-size .2s; }
.sf-fab:hover, .sf-fab:focus-visible { opacity: 1; color: var(--primary); gap: 7px; }
.sf-fab:hover span, .sf-fab:focus-visible span { max-inline-size: 120px; }
.sf-fab:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
.sf-ic { inline-size: 18px; block-size: 18px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
body { --fab-b: calc(16px + env(safe-area-inset-bottom, 0px)); }
body:has(.bottom-nav) { --fab-b: calc(80px + env(safe-area-inset-bottom, 0px)); }
body .sf-fab { inset-block-end: var(--fab-b, 24px); }
@media (prefers-reduced-motion: reduce) { .sf-fab, .sf-fab span { transition: none; } }