/* Şikayet & Devir — profil avatarının sağ üst köşesindeki küçük "Bildir" ikon düğmesi.
 * Kapsül: yalnız .wzr-* sınıfları; çift sınıf özgüllüğü tema CSS'lerinin button kurallarını ezer. Tema rengine bağlı DEĞİL:
 * yarı saydam koyu cam zemin (rgba .5; hover/odak .8) + beyaz uyarı simgesi + ince koyu gölge => açık beyaz fotoğraf üzerinde bile simge/zemin ≥3:1 (WCAG 1.4.11); ince halka ile ayrışır.
 * Tıklanabilir alan 44×44 (görsel 22 px, simge 12 px). Modal stilleri: report-modal.css (ilk tıklamada yüklenir). */
.wzr-btn.wzr-btn {
    all: unset;
    box-sizing: border-box;
    position: absolute;
    z-index: 6;
    top: var(--wzr-t, var(--wzr-in, 14.6%));
    right: var(--wzr-r, var(--wzr-in, 14.6%));
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 0;
    display: grid;
    place-items: center;
    transform: translate(50%, -50%);
    border-radius: 50%;
    color: #fff;
    font: 600 12px/1 system-ui, sans-serif;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
}
.wzr-btn.wzr-btn .wzr-btn__dot {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.5);
    color: #fff;
    -webkit-backdrop-filter: blur(8px) saturate(1.4);
    backdrop-filter: blur(8px) saturate(1.4);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 5px rgba(2, 6, 23, 0.22);
    transition: transform 0.16s ease, background-color 0.16s ease;
}
.wzr-btn.wzr-btn .wzr-btn__dot svg { width: 12px; height: 12px; display: block; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; filter: drop-shadow(0 0 1px rgba(15, 23, 42, 0.55)); }
.wzr-btn.wzr-btn:hover .wzr-btn__dot,
.wzr-btn.wzr-btn:focus-visible .wzr-btn__dot { background: rgba(15, 23, 42, 0.8); transform: scale(1.1); }
.wzr-btn.wzr-btn:focus-visible { outline: none; }
.wzr-btn.wzr-btn:focus-visible .wzr-btn__dot { box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(15, 23, 42, 0.9); }
.wzr-btn.wzr-btn:active .wzr-btn__dot { transform: scale(0.94); }
/* önizleme (panel/tema-test/?preview=1): görünür ama pasif */
.wzr-btn.wzr-btn[aria-disabled="true"] { cursor: default; }
.wzr-btn.wzr-btn[aria-disabled="true"] .wzr-btn__dot { opacity: 0.85; }
.wzr-btn.wzr-btn[aria-disabled="true"]:hover .wzr-btn__dot { transform: none; background: rgba(15, 23, 42, 0.5); }
/* bağlam ayarları: köşeli (yuvarlatılmış kare) avatarlar */
.wzr-btn--sq.wzr-btn--sq { --wzr-in: 9px; }
.wzr-btn--sqb.wzr-btn--sqb { --wzr-in: 8%; }
@media (prefers-reduced-motion: reduce) {
    .wzr-btn.wzr-btn .wzr-btn__dot { transition: none; }
}
@media print { .wzr-btn.wzr-btn { display: none; } }
@media (forced-colors: active) {
    .wzr-btn.wzr-btn .wzr-btn__dot { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; box-shadow: none; }
}