/* 🔔 Zil paneli (zil.js, Riven 3 Eki: "zile basınca sanki ayrı sayfa gibi açılıyor, o hiç güzel değil"): zilin altından açılan küçük panel */
.zil-arka { position:fixed; inset:0; z-index:70; background:rgba(15,18,30,.14); animation:zilSolgun .15s ease; }
.zil-panel { position:fixed; display:flex; flex-direction:column; max-height:min(72vh, 560px); background:var(--card); color:var(--ink); border:1px solid var(--line);
  border-radius:18px; box-shadow:0 18px 44px rgba(20,24,40,.24), 0 2px 6px rgba(20,24,40,.08); transform-origin:calc(100% - 24px) 0; animation:zilAc .17s ease-out; }
.zil-panel::before { content:""; position:absolute; top:-8px; right:var(--zil-ok, 18px); width:14px; height:14px; background:var(--card); border-left:1px solid var(--line); border-top:1px solid var(--line);
  transform:rotate(45deg); border-radius:3px 0 0 0; }
@keyframes zilAc { from { opacity:0; transform:translateY(-6px) scale(.97); } to { opacity:1; transform:none; } }
@keyframes zilSolgun { from { background:transparent; } }
.zil-ust { position:relative; display:flex; align-items:center; gap:6px; padding:10px 8px 8px 10px; border-bottom:1px solid var(--line); }
.zil-sekme { flex:1; display:flex; gap:4px; padding:3px; border-radius:12px; background:color-mix(in srgb, var(--ink) 7%, transparent); }
.zil-sekme button { flex:1; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:0; border-radius:9px; padding:8px 6px; background:transparent;
  font:inherit; font-size:13.5px; font-weight:800; color:var(--muted); cursor:pointer; }
.zil-sekme button[aria-selected="true"] { background:var(--card); color:var(--ink); box-shadow:0 1px 3px rgba(0,0,0,.14); }
.zil-sekme i { font-style:normal; min-width:18px; height:18px; padding:0 5px; border-radius:99px; background:var(--primary); color:#fff; font-size:11px; display:inline-grid; place-items:center; }
.zil-x { flex:none; width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--muted); font-size:16px; cursor:pointer; }
.zil-x:hover { background:color-mix(in srgb, var(--ink) 7%, transparent); }
.zil-ic { overflow-y:auto; overscroll-behavior:contain; padding:6px; -webkit-overflow-scrolling:touch; }
.zil-sat { display:flex; align-items:center; gap:10px; width:100%; margin:0; padding:10px 8px; border:0; border-radius:12px; background:transparent; text-align:left; font:inherit; color:inherit; cursor:pointer; }
.zil-sat + .zil-sat, .zil-haber + .zil-haber { margin-top:2px; }
.zil-sat:active { background:color-mix(in srgb, var(--ink) 7%, transparent); }
.zil-sat.yeni, .zil-haber.yeni > .zil-sat { background:color-mix(in srgb, var(--primary) 9%, transparent); }
.zil-ik { flex:none; width:38px; height:38px; display:grid; place-items:center; color:var(--primary); }
.zil-ik .kp-ik { width:38px; height:38px; border-radius:12px; } .zil-ik .kp-ik svg { width:19px; height:19px; } .zil-ik > .ik svg { width:22px; height:22px; }
.zil-tx { flex:1; min-width:0; font-size:14px; line-height:1.35; font-weight:600; }
.zil-tx b { display:block; font-size:14px; line-height:1.3; } .zil-tx small { display:block; margin-top:2px; color:var(--muted); font-size:12px; font-weight:600; }
.zil-tx small em { font-style:normal; color:var(--primary); font-weight:800; }
.zil-ok { flex:none; font-style:normal; font-size:20px; line-height:1; color:var(--muted); transition:transform .15s ease; }
.zil-sat.yeni .zil-ok { color:var(--primary); }
.zil-haber.acik .zil-ok { transform:rotate(90deg); }
.zil-acik { padding:2px 12px 12px 56px; font-size:13.5px; line-height:1.5; } .zil-acik p { margin:0 0 8px; }
.zil-git { padding:0; border:0; background:transparent; color:var(--primary); font:inherit; font-weight:800; cursor:pointer; }
.zil-bos { display:flex; flex-direction:column; align-items:center; gap:6px; margin:0; padding:24px 14px 26px; text-align:center; color:var(--muted); font-weight:700; }
.zil-bos .kp-ik { width:44px; height:44px; border-radius:14px; } .zil-bos small { font-weight:600; font-size:12.5px; max-width:260px; line-height:1.4; }
body.kids #bell { display:none !important; }   /* denetim 3 Eki: çocuk modunda zil gizli (duyuruDurum bell.hidden=false yazsa da) */