/* Aktif Vatandaş: ortak görünüm. Değerler önizlemedeki kayıtlı ayarlardan alındı (29 Ekim 2026). */
/* --acc: vurgu yazısı, --btn: lacivert dolgu (düğme, seçili sekme). Rakamlar "AV Rakam" (Rubik) ile, js/ana.js yükler. */
:root{
  --acc:#1E3A5F; --btn:#1E3A5F; --lac:#1E3A5F; --soft-acc:#E7EEF7;
  --zemin:#F5F2EC; --kart:#FFFFFF; --ust:#FFFFFF;
  --ink:#0F172A; --ink2:#334155; --mut:#64748B; --line:#E2E8F0; --line2:#CBD5E1; --soft:#F3F6FA;
  --kir:#C62828; --kir-a:#FDECEC; --yes:#12905A; --yes-a:#E6F6EE; --tur:#C2560C; --tur-a:#FFF1E6; --keh-a:#FFF5DF; --keh-k:#8A5A00; --yesil:#02AD7A; --mavi:#1D5FD1; --mavi-a:#E5EEFD;
  --golge:0 1px 2px rgba(16,24,40,.05),0 4px 16px rgba(16,24,40,.06);
  --golge-b:0 2px 4px rgba(15,17,21,.06),0 14px 34px rgba(15,17,21,.10);
  --r:20px;
  --ff:'AV Rakam','Atkinson Hyperlegible Next',system-ui,sans-serif;
  --hf:'Rubik','Atkinson Hyperlegible Next',system-ui,sans-serif;
  --maxw:1300px;
  color-scheme:light;
}
html[data-tema=gece]{
  --acc:#8EC5FF; --btn:#2D5B8F; --soft-acc:#1B2B40;
  --zemin:#0F1620; --kart:#16202C; --ust:#121A24;
  --ink:#E6EBF2; --ink2:#C3CCD8; --mut:#93A1B3; --line:#263343; --line2:#33445A; --soft:#1B2531;
  --kir:#FF8A80; --kir-a:#3A1D1D; --yes:#5FD39B; --yes-a:#143024; --tur:#FFB57A; --tur-a:#3A2516; --keh-a:#3A2E10; --keh-k:#F3D98B; --mavi:#8EC5FF; --mavi-a:#17304D;
  --golge:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25); --golge-b:0 2px 6px rgba(0,0,0,.35),0 14px 34px rgba(0,0,0,.35);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
/* Kısa sayfada alt bant ortada kalmasın, ekranın dibine otursun */
body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--zemin);color:var(--ink);font:400 15.5px/1.5 var(--ff);-webkit-font-smoothing:antialiased}
main{flex:1 0 auto}
h1,h2,h3{font-family:var(--hf);line-height:1.2;margin:0}
a{color:inherit}
img{max-width:100%;display:block}
img[data-kucuk]:not([src]){background:var(--soft)}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
main:focus{outline:0}
.sayfa{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.atla{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 14px;border-radius:10px;background:var(--btn);color:#fff;text-decoration:none}
.atla:focus{top:12px}

/* Üst bant */
.ust{position:sticky;top:0;z-index:40;background:var(--ust);border-bottom:1px solid var(--line)}
.ust-ic{position:relative;display:flex;align-items:center;gap:12px;height:64px;padding:0 24px}
.ust-nav{display:flex;gap:2px}
.ust-nav a{padding:7px 10px;border-radius:6px;color:var(--acc);font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.ust-nav a:hover{background:var(--soft)}
.ust-nav a[aria-current=page]{background:var(--soft-acc)}
.logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.logo-kirp{display:block;position:relative;width:219px;height:40px;overflow:hidden}
.logo-kirp img{position:absolute;left:-14.7px;top:-56.5px;width:250.1px;max-width:none;height:auto}
html[data-tema=gece] .logo-kirp img{filter:invert(1) hue-rotate(180deg) brightness(1.15)}
.ust-sag{display:flex;align-items:center;gap:6px;margin-left:auto}
.ara{display:flex;align-items:center;gap:8px;width:208px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--kart);color:var(--mut)}
.ara input{flex:1;min-width:0;border:0;background:transparent;font-size:14px;color:var(--ink);outline:0}
.ikon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--ink2);font-size:21px;cursor:pointer}
.ikon-btn:hover{background:var(--soft)}
.giris-btn{display:inline-flex;align-items:center;flex:none;gap:6px;height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--btn);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;cursor:pointer}
.giris-btn i{font-size:18px}
.ust-menu{display:none}
/* Başlıklarda arama: kutunun altında sonuç listesi; 1199 ve altında büyüteç düğmesi kutuyu üst bandın altında açar */
.ara-yer{position:relative}
.ara-btn{display:none}
.ara-sonuc{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:380px;max-height:70vh;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--kart);box-shadow:0 12px 40px rgba(15,23,42,.2)}
.ara-sonuc ul{margin:0;padding:0;list-style:none}
.ara-sonuc a{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none}
.ara-sonuc a:hover,.ara-sonuc a:focus-visible{background:var(--soft)}
.ara-sonuc a>i{flex:none;margin-top:2px;font-size:18px;color:var(--acc)}
.ara-sonuc b{display:block;font-size:14.5px;line-height:1.35}
.ara-sonuc small{color:var(--mut);font-size:12.5px}
.ara-kapsam{margin:4px 12px 6px;color:var(--mut);font-size:12.5px;font-weight:700}
.ara-bos{margin:0;padding:10px 12px;color:var(--mut);font-size:14px}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:12px;background:none;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer}
.btn i{font-size:19px}
.btn.ana{background:var(--btn);color:#fff}
.btn.ana:hover{filter:brightness(1.12)}
.btn.cizgi{border-color:var(--line2);background:var(--kart);color:var(--ink)}
.btn.duz{padding:0 6px;color:var(--acc)}
.btn.genis{width:100%}
.btn.kucuk{min-height:36px;padding:0 12px;border-radius:10px;font-size:13.5px}

/* Küçük ortak parçalar */
.kisi{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#DBF5ED;overflow:hidden}   /* gece de gündüzdeki gibi: koyu yeşilde figür seçilmiyordu (5 Kasım, kullanıcı) */
.kisi img{width:62%;height:62%;object-fit:contain}
.kisi.buyuk{width:44px;height:44px}
.noktalar{display:inline-flex;align-items:center}
.noktalar span{width:22px;height:22px;margin-left:-6px;border-radius:50%;border:2px solid var(--kart);background:var(--line)}
.noktalar span:first-child{margin-left:0}
.noktalar span.dolu{background:var(--yesil)}
.rozet{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.rozet i{font-size:14px}
.rozet.cozuldu{background:var(--yes-a);color:var(--yes)}
.rozet.iletildi,.rozet.yanit{background:var(--tur-a);color:var(--tur)}
.rozet.onayda,.rozet.bulusma{background:var(--keh-a);color:var(--keh-k)}
.rozet.benim{background:var(--mavi-a);color:var(--mavi)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;color:var(--mut);font-size:13px}
.meta>span{display:inline-flex;align-items:center;gap:4px}
.meta i{font-size:15px}
.yukleniyor,.hata-yazi{grid-column:1/-1;margin:0;padding:24px;border-radius:var(--r);background:var(--kart);box-shadow:var(--golge);color:var(--mut)}
.hata-yazi{color:var(--kir)}
.bos-yazi{margin:0;padding:20px;color:var(--mut);list-style:none}
.bos-sayfa{padding-top:48px;padding-bottom:64px}
.bos-sayfa h1{font-size:32px}
.bos-sayfa p{color:var(--ink2);margin:10px 0 20px}

/* Alt bant */
.alt{background:#1E3A5F;color:#D6DCE2;font-size:13px}
.alt-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;padding-bottom:18px}
.alt b{color:#fff}
.alt nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.alt a{color:#D6DCE2;text-decoration:none}
.alt a:hover{color:#fff;text-decoration:underline}
.alt-sekme{display:none}

/* Kısa bildirim */
.bildirim{position:fixed;left:50%;bottom:24px;z-index:70;max-width:min(520px,calc(100vw - 32px));padding:12px 18px;border-radius:12px;background:#0F172A;color:#fff;font-size:14.5px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.bildirim.acik{opacity:1;transform:translate(-50%,0)}

/* Üst bant genişliğe göre (1 Kasım: iPad yatayda, 1080 piksel, menü yazıları logoya biniyordu).
   1460 ve üstü: menü solda, logo ortada. 1459–1100: logo sola geçer, menü yanında; üyenin adı gizlenir, simgesi kalır.
   1279 ve altı: arama kutusu yerine büyüteç; üyede gece modu profil menüsüne geçer. 1099 ve altı: menü düğmeye girer, büyüteç onun
   yanına geçer, logo yine ortada. 860 ve altı: telefon. (5 Kasım: "Halkın Gündemi" menüyü 55 piksel uzattı, eşikler 1360 ve 1024'ten buraya kaydı.) */
@media (max-width:1459px){
  .logo{position:static;transform:none;order:-1}
  .profil-ad{display:none}
}
/* Menüde altı öğe var (4 Kasım, Gönüllü Ol): 1280 altında arama kutusu büyüteç olur; logo ortadayken menü ona değmesin diye dar aralıklarda boşluk azalır */
@media (min-width:1100px) and (max-width:1459px){.ust-nav a[data-nav]{padding-left:6px;padding-right:6px}}
@media (min-width:1460px) and (max-width:1599px){.ust-nav a[data-nav]{padding-left:5px;padding-right:5px}}
@media (min-width:1600px) and (max-width:1699px){.ust-nav a[data-nav]{padding-left:8px;padding-right:8px}}
@media (max-width:1279px){
  .ara-yer{display:none}
  .ara-btn{display:inline-grid}
  .ust.ara-acik .ara-yer{display:block;position:absolute;left:0;right:0;top:100%;padding:10px 16px 14px;background:var(--ust);border-bottom:1px solid var(--line);box-shadow:var(--golge)}
  .ust.ara-acik .ara{width:auto;max-width:640px;height:46px;margin:0 auto}
  .ust.ara-acik .ara input{font-size:16px}   /* 16'dan küçük yazıda iPhone sayfayı büyütür */
  .ara-sonuc{position:static;width:auto;max-width:640px;max-height:60vh;margin:8px auto 0}
  body.girisli #tema-btn{display:none}   /* üyede yer büyüteç ve zile kalır */
  .profil-menu .pm-tema{display:flex}
}
@media (max-width:1099px){
  .logo{position:absolute;transform:translate(-50%,-50%)}
  .ara-btn{position:absolute;left:68px;top:50%;transform:translateY(-50%)}
  .ust-menu{display:inline-grid}
  .ust-nav{display:none}   /* menü düğmesi soldan açılan çekmeceyi açar (js/cekmece.js) */
}
/* Dar ekran (telefon) */
@media (max-width:860px){
  .ust-ic{height:56px;padding:0 12px}
  .logo-kirp{transform:scale(.8);transform-origin:center}
  .ust-sag{gap:2px}
  .ara-btn{left:54px}
  .giris-btn{width:40px;padding:0;justify-content:center}
  .giris-btn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .sayfa{padding:0 16px}
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}   /* ortadaki + düğmesi çubuktan taşar; alt bağlantılar altında kalmasın */
  .alt-sekme{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ust);border-top:1px solid var(--line)}
  .alt-sekme a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mut);font-size:11.5px;font-weight:700;text-decoration:none}
  .alt-sekme a i{font-size:22px}
  .alt-sekme a[aria-current=page]{color:var(--acc)}
  .alt-bildir{justify-self:center;align-self:start;display:grid;place-items:center;width:58px;height:58px;margin-top:-16px;border:4px solid var(--ust);border-radius:50%;background:var(--btn);color:#fff;font-size:28px;box-shadow:0 6px 16px rgba(15,23,42,.25);cursor:pointer}
  body[data-sayfa=baslik] .alt-sekme{display:none}
  .bildirim{bottom:calc(84px + env(safe-area-inset-bottom))}
}
/* Dar telefonda (360 piksel, birçok Android) sağdaki düğmeler logoya değiyordu */
@media (max-width:374px){ .logo-kirp{transform:scale(.7)} }
@media (max-width:350px){ .ust-ic{padding:0 8px} .logo-kirp{transform:scale(.62)} .ara-btn{left:50px} }
@media (prefers-reduced-motion:reduce){ .bildirim{transition:none} }
/* Soldan açılan menü (js/cekmece.js; önizleme katman 49) */
body.cekmece-acik{overflow:hidden}
.cekmece{position:fixed;inset:0;z-index:60}
.ck-ortu{position:absolute;inset:0;background:rgba(10,18,32,.5);opacity:0;transition:opacity .24s}
.ck-panel{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;gap:14px;width:min(84%,330px);overflow-y:auto;padding:14px 14px calc(20px + env(safe-area-inset-bottom));background:var(--kart);color:var(--ink);box-shadow:8px 0 30px rgba(8,18,36,.25);transform:translateX(-100%);transition:transform .26s cubic-bezier(.2,.8,.2,1)}
.cekmece.acik .ck-ortu{opacity:1}
.cekmece.acik .ck-panel{transform:none}
.ck-ust{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 0}
.ck-ust>span{color:var(--mut);font:800 15px var(--hf)}
.ck-kapat{display:grid;place-items:center;width:40px;height:40px;border:1.5px solid var(--line);border-radius:12px;background:var(--kart);color:var(--ink);font-size:21px;cursor:pointer}
.ck-kim{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;color:inherit;text-decoration:none}
.ck-kim>span:not(.kisi){display:flex;flex:1;flex-direction:column;min-width:0}
.ck-kim b{font:800 16px var(--hf);overflow:hidden;text-overflow:ellipsis}
.ck-kim small{color:var(--mut);font-size:13px}
.ck-kim>.ti{color:var(--mut);font-size:18px}
.ck-giris{padding:14px;border-radius:16px;background:var(--soft)}
.ck-giris p{margin:0 0 10px;color:var(--ink2);font-size:14px;line-height:1.45}
.ck-giris button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border:0;border-radius:12px;background:var(--btn);color:#fff;font-weight:800;font-size:15px;cursor:pointer}
.ck-yer{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:14px;background:#1E3A5F;color:#fff;font:inherit;text-align:left;cursor:pointer}
.ck-yer>.ti{color:#9DC1EE;font-size:21px}
.ck-yer>span{display:flex;flex:1;flex-direction:column;min-width:0}
.ck-yer b{font:800 16px var(--hf)}
.ck-yer small{color:rgba(255,255,255,.75);font-size:12.5px}
.ck-yer em{flex:none;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);font-size:12.5px;font-style:normal;font-weight:700}
.ck-nav{display:flex;flex-direction:column;gap:2px}
.ck-nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 12px;border-radius:12px;color:var(--ink);font-weight:700;font-size:16px;text-decoration:none}
.ck-nav a .ti{color:var(--mut);font-size:22px}
.ck-nav a:hover{background:var(--soft)}
.ck-nav a[aria-current=page]{background:var(--soft-acc);color:var(--acc)}
.ck-nav a[aria-current=page] .ti{color:var(--acc)}
.ck-alt{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.ck-gece{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:12px;background:var(--soft);color:var(--ink);font-weight:700;font-size:15px;cursor:pointer}
.ck-gece .ti{font-size:21px}
.ck-anahtar{position:relative;width:42px;height:24px;margin-left:auto;border-radius:999px;background:var(--line2);transition:background .2s}
.ck-anahtar::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.ck-anahtar.on{background:var(--btn)}
.ck-anahtar.on::after{transform:translateX(18px)}
.ck-linkler{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0 4px}
.ck-linkler a{color:var(--mut);font-size:13px;text-decoration:none}
@media (prefers-reduced-motion:reduce){.ck-panel,.ck-ortu{transition:none}}

/* Üye menüsü (üst bant) */
.profil{position:relative}
.profil-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;border:1px solid var(--line);border-radius:999px;background:var(--kart);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}
.profil-btn .kisi{width:32px;height:32px}
.profil-ad{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profil-btn>i{color:var(--mut)}
.profil-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;display:grid;gap:2px;width:280px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--kart);box-shadow:0 12px 40px rgba(15,23,42,.2)}
.profil-menu a,.profil-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--ink);font-size:14.5px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.profil-menu a:hover,.profil-menu button:hover{background:var(--soft)}
.profil-menu i{font-size:19px;color:var(--ink2)}
@media (min-width:1280px){.profil-menu .pm-tema{display:none}}   /* geniş ekranda düğmesi üst bantta; 1279 ve altında üyede profil menüsünde (bu kural medyanın altında kalıp seçeneği hep gizliyordu) */
.pm-ust{display:flex;align-items:center;gap:10px;padding:6px 6px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.pm-ust b{display:block}
.pm-ust small{display:flex;align-items:center;gap:4px;color:var(--mut);font-size:12.5px}
.pm-ust small i{font-size:14px;color:var(--yes)}
.pm-not{margin:0 0 4px;padding:0 12px;color:var(--mut);font-size:12.5px}
.profil-menu .pm-dogrula{margin-bottom:4px;border:1px solid color-mix(in srgb,var(--tur) 35%,transparent);background:var(--tur-a)}
.pm-dogrula i{color:var(--tur)!important}
.pm-dogrula b,.pm-dogrula small{display:block}
.pm-dogrula small{color:var(--ink2);font-size:12px;font-weight:400}

/* Pencere (iletişim kutusu) */
.pencere-ort{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(15,23,42,.45)}
.pencere{display:flex;flex-direction:column;width:100%;max-width:460px;max-height:calc(100vh - 32px);border-radius:20px;background:var(--kart);color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.3);outline:0}
.pc-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 6px 22px}
.pc-ust h2{font-size:20px;font-weight:800}
.pc-govde{padding:6px 22px 8px;overflow:auto}
.pc-alt{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 22px 20px}
.pc-alt .btn{flex:1 1 auto}
.pc-not{margin:0 0 12px;color:var(--ink2)}
.pc-kucuk{margin:10px 0 0;color:var(--mut);font-size:13px}
.pc-kucuk a{color:var(--acc)}
.pc-hata{min-height:0;margin:8px 0 0;color:var(--kir);font-size:14px}
.pc-hata:empty{display:none}
.pc-lbl{display:grid;gap:6px;color:var(--ink2);font-size:13.5px;font-weight:700}
.pc-lbl input{height:46px;padding:0 14px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font-size:16px}
.pc-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font-weight:800;font-size:16px;cursor:pointer}
.pc-google i{font-size:22px;color:#4285F4}
.pc-google:disabled{opacity:.6;cursor:wait}
.md-giris{display:flex;gap:12px;align-items:flex-start}
.md-giris p{margin:0}
.md-ik{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--yes-a);color:var(--yes);font-size:24px}
.md-uyari{display:flex;gap:10px;margin:14px 0;padding:12px 14px;border-radius:12px;background:var(--tur-a);color:var(--ink);font-size:14px}
.md-uyari>i{flex:none;margin-top:2px;color:var(--tur);font-size:19px}
.md-soz{display:grid;gap:10px;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);list-style:none;font-size:14px}
.md-soz li{display:flex;gap:10px}
.md-soz i{flex:none;margin-top:2px;color:var(--acc);font-size:18px}
.md-durum:empty{display:none}
.md-durum{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14.5px}
.md-durum>i{flex:none;font-size:20px}
.md-durum span span{display:block}
.md-durum small{display:block;color:var(--mut);font-size:12.5px}
.md-durum.ok{background:var(--yes-a)}
.md-durum.ok>i{color:var(--yes)}
.md-durum.hata{background:var(--kir-a);color:var(--kir)}
.md-durum.bekle>i{animation:don 1s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.md-soru{margin:14px 0 0;font:800 17px var(--hf)}
body.pencere-acik{overflow:hidden}
@media (max-width:860px){
  .profil-btn{width:40px;padding:0;justify-content:center;border:0;background:transparent}
  .profil-ad,.profil-btn>i{display:none}
  .pencere-ort{align-items:end;padding:0}
  .pencere{max-width:none;max-height:92vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}
}
@media (prefers-reduced-motion:reduce){ .md-durum.bekle>i{animation:none} }

/* Pencerede tehlikeli işlem ve başlık açma formu */
.btn.tehlike{background:#B42318;color:#fff}
.pc-sec{display:grid;gap:6px;margin:0 0 14px;padding:0;border:0}
.pc-sec legend{margin-bottom:6px;color:var(--ink2);font-size:13.5px;font-weight:700}
.pc-sec label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.pc-sec label:has(input:checked){border-color:var(--btn);background:var(--soft-acc)}
.pc-sec input{accent-color:var(--btn);width:18px;height:18px}
.pc-lbl{margin-bottom:12px}
.pc-lbl small{color:var(--mut);font-weight:400}
.pc-lbl textarea{min-height:110px;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--kart);color:var(--ink);font:inherit;font-size:15.5px;resize:vertical}

/* Deneme adresindeki üst şerit (js/ana.js) */
.deneme-serit{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;background:#FFE58A;color:#3D2A00;font-size:13.5px;text-align:center}
.deneme-serit i{font-size:17px}

/* Geri dönüşte yeni sayfa görünmeden arkada hazırlanır (ana.js GORUNTU) */
.sayfa-hazirlik{position:fixed;top:0;left:0;right:0;z-index:-1;visibility:hidden;pointer-events:none}