/* Pano aktif filtre cubugu (ortak) — markup: Views/Shared/_AktifFiltreler.cshtml.
   Gorsel dil Talep Istatistik'ten standarda alindi (yuvarlak accent cip). */
.p360-aktif-filtre {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}

.p360-aktif-filtre .paf-etiket {
    font: 600 10.5px/1 var(--font-sans);
    text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted);
}

.p360-aktif-filtre .paf-bos { font: 500 11.5px/1 var(--font-sans); color: var(--text-muted); }

/* Renk pano ekranlarinin yerel --accent'inden gelir; liste ekranlarinda o token yok,
   o yuzden kabugun mavisi yedek duruyor (yoksa cip zeminsiz ve cercevesiz basiliyordu). */
.p360-aktif-filtre .paf-cip {
    display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 6px 0 10px;
    border-radius: 999px; background: var(--accent-bg-soft, var(--mac-blue-soft));
    border: 1px solid color-mix(in srgb, var(--accent, var(--mac-blue)) 30%, transparent);
    color: var(--accent, var(--mac-blue)); font: 600 11.5px/1 var(--font-sans);
    white-space: nowrap; text-decoration: none;
}

/* Kaldirma dugmesi yoksa sag ic bosluk cipin kendisinden gelsin. */
.p360-aktif-filtre .paf-cip:not(:has(.paf-x)) { padding-right: 10px; }

.p360-aktif-filtre .paf-ad { color: var(--text-muted); font-weight: 500; }
.p360-aktif-filtre .paf-deger { font-weight: 700; }

.p360-aktif-filtre .paf-x {
    width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; border: 0; background: transparent; color: var(--accent, var(--mac-blue));
    cursor: pointer; font-size: 9px; transition: var(--hiz-normal); text-decoration: none;
}
.p360-aktif-filtre .paf-x:hover { background: color-mix(in srgb, var(--accent, var(--mac-blue)) 22%, transparent); }

.p360-aktif-filtre .paf-temizle {
    border: 0; background: transparent; color: var(--text-muted);
    font: 600 11.5px/1 var(--font-sans); cursor: pointer;
    padding: 4px 6px; border-radius: 6px; transition: var(--hiz-normal); text-decoration: none;
}
.p360-aktif-filtre .paf-temizle:hover { color: var(--text); background: var(--hover-tint); }