/* Kombine App — ortak kabuk (ust bar + sol ray).
   Palet urunun KENDI kartlarindan: zemin #080B10 / yuzey #0F151D
   (kart.py _PF_BG + holioran BG), mint #2EDE8A (_PF_MINT), mercan #FF6B6B.
   Rakam ve logo Space Grotesk, govde Inter — PNG kartlarla sureklilik. */

.k-ust{height:60px;display:flex;align-items:center;gap:14px;padding:0 18px;
       border-bottom:1px solid #161D27;background:#0B1016;position:sticky;top:0;z-index:30}
.k-marka{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk',sans-serif;
         font-size:16px;font-weight:700;letter-spacing:-.02em;color:#EEF2F6;flex-shrink:0}
.k-marka img{width:29px;height:29px;display:block}
.k-marka span{color:#2EDE8A}
.k-bosluk{flex-grow:1}
.k-senk{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#7E8A9B;
        border:1px solid #19212C;border-radius:999px;padding:5px 11px;white-space:nowrap}
.k-senk b{width:6px;height:6px;border-radius:50%;background:#2EDE8A;display:block}
.k-kim{font-size:11.5px;color:#7E8A9B}

/* --- BILDIRIM ZILI ---------------------------------------------------
   Kabukta duruyor: her sayfada AYNI yerde olmali, yoksa kullanici
   bildirimi nerede arayacagini bilmez. Rozet OKUNMAMIS sayisidir ve
   listeden bagimsizdir. */
.k-zil{position:relative;flex-shrink:0}
.k-zilbtn{font-family:inherit;background:transparent;border:1px solid #1C2530;
  color:#C3CDD9;border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer;
  line-height:1;position:relative}
.k-zilbtn:hover{border-color:#2A3543;color:#EEF2F6}
.k-zilbtn.var{border-color:#1B4736;color:#2EDE8A}
.k-zilsay{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;
  border-radius:9px;background:#2EDE8A;color:#06110B;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;padding:0 4px;
  font-family:'Space Grotesk',Inter,sans-serif}
.k-zilkutu{position:absolute;top:calc(100% + 8px);right:0;width:370px;max-width:92vw;
  background:#0F151D;border:1px solid #22303F;border-radius:12px;
  box-shadow:0 18px 44px rgba(0,0,0,.55);z-index:80;overflow:hidden}
.k-zilbas{display:flex;align-items:center;gap:9px;padding:11px 13px;
  border-bottom:1px solid #19212C;font-size:12.5px;color:#C3CDD9}
.k-zilbas b{font-weight:500;color:#EEF2F6}
.k-zilbas .bos{flex-grow:1}
.k-zilbas button{font-family:inherit;background:transparent;border:0;color:#2EDE8A;
  font-size:11.5px;cursor:pointer;padding:0}
.k-zilliste{max-height:60vh;overflow-y:auto}
.k-zilsat{display:block;padding:10px 13px;border-bottom:1px solid #141B24;
  color:inherit;text-decoration:none;cursor:pointer}
.k-zilsat:last-child{border-bottom:0}
.k-zilsat:hover{background:#0D131B}
.k-zilsat.yeni{background:#0C1620}
.k-zilsat .b{font-size:12.5px;color:#EEF2F6;display:flex;align-items:center;gap:7px}
.k-zilsat .b i{font-style:normal;width:6px;height:6px;border-radius:50%;
  background:#2EDE8A;flex-shrink:0}
.k-zilsat.okundu .b i{background:transparent}
.k-zilsat .g{font-size:11.5px;color:#7E8A9B;margin-top:3px;line-height:1.4}
.k-zilsat .z{font-size:10.5px;color:#5E6A7A;margin-top:3px}
.k-zilsat .z .e{display:inline-block;font-style:normal;margin-left:8px;color:#2EDE8A;
  background:#10231C;border:1px solid #1B4736;border-radius:6px;padding:2px 7px}
.k-zilsat .z .e:hover{background:#143026}
.k-zilsat.okundu .z .e{color:#7E8A9B;background:#11181F;border-color:#1E2732}
.k-zilbos{padding:26px 14px;text-align:center;color:#5E6A7A;font-size:12.5px;line-height:1.6}
.k-zildip{padding:9px 13px;border-top:1px solid #19212C;text-align:center}
.k-zildip a{font-size:11.5px;color:#7E8A9B}
/* TOAST: sayfa acikken gelen bildirim. Kutuya zaten yazildi; bu "geldi"
   demenin gorsel yolu ve kendiliginden kaybolur.
   GORUNURLUK ANIMASYONA HIC BAGLI DEGIL. Once bitis durumu keyframe'den
   geliyordu (`to{opacity:1}`, fill-mode yok) ve olculdu: dinlenme
   halinde `opacity: 0`. `both` eklemek de yetmedi -- ayni olcum yine 0
   verdi, cunku animasyon SAATI ilerlemeyen bir ortamda keyframe hic
   uygulanmiyor. Ders: gorunurluk gibi bir sey animasyonun bitmesine
   emanet edilmez. Artik yalniz KAYMA animasyonlu; saydamlik sabit 1,
   yani animasyon hic kosmasa da toast gorunur (prefers-reduced-motion
   ve animasyonu atlayan her motor dahil). */
.k-toastlar{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;
  flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 36px)}
.k-toast{position:relative;opacity:1;background:#121A24;
  border:1px solid #2A3A4A;border-left:3px solid #2EDE8A;border-radius:12px;
  padding:13px 15px 13px 16px;box-shadow:0 18px 44px rgba(0,0,0,.62);
  cursor:pointer;animation:k-toastgir .22s ease-out both}
@media (prefers-reduced-motion: reduce){.k-toast{animation:none}}
.k-toast:hover{border-color:#37506A;background:#16202C}
@keyframes k-toastgir{from{transform:translateY(10px)}to{transform:none}}
.k-toast .b{font-size:13px;color:#EEF2F6;line-height:1.35;font-weight:500;
  padding-right:18px}
.k-toast .g{font-size:11.5px;color:#93A0B1;margin-top:4px;line-height:1.45}
/* Eylem: toast da yonlendirmeli, yalnizca haber vermemeli. */
.k-toast .e{display:inline-block;margin-top:9px;font-size:11.5px;color:#2EDE8A;
  background:#10231C;border:1px solid #1B4736;border-radius:7px;padding:4px 10px}
.k-toast .k{position:absolute;top:9px;right:10px;color:#5E6A7A;font-size:14px;
  line-height:1;padding:2px 4px}
.k-toast .k:hover{color:#C3CDD9}
@media(max-width:560px){.k-zilkutu{position:fixed;left:8px;right:8px;width:auto;top:64px}}
.k-menubtn{display:none;align-items:center;gap:7px;flex-shrink:0;
  font:inherit;font-size:12.5px;color:#C3CDD9;background:transparent;
  border:1px solid #1C2530;border-radius:8px;padding:7px 10px;cursor:pointer}
.k-menubtn:hover,.k-hesapbtn:hover{border-color:#2A3543;color:#EEF2F6}
.k-hesap{position:relative;flex-shrink:0}
.k-hesapbtn{display:flex;align-items:center;gap:7px;max-width:190px;
  font:inherit;font-size:11.5px;color:#C3CDD9;background:transparent;
  border:1px solid #1C2530;border-radius:8px;padding:7px 10px;cursor:pointer}
.k-hesapbtn .k-kim{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit}
.k-hesapikon{display:none;font-size:17px;line-height:14px}
.k-hesapok{color:#7E8A9B}
.k-hesapmenu{position:absolute;top:calc(100% + 8px);right:0;z-index:80;
  min-width:180px;background:#0F151D;border:1px solid #22303F;border-radius:11px;
  padding:6px;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.k-hesapmenu[hidden],.k-altlar[hidden]{display:none!important}
.k-hesapmenu a,.k-cikis{display:block;width:100%;padding:9px 10px;border:0;
  border-radius:7px;background:transparent;color:#C3CDD9;text-align:left;
  text-decoration:none;font:inherit;font-size:12.5px;cursor:pointer}
.k-hesapmenu a:hover,.k-cikis:hover{background:#17212C;color:#EEF2F6}
.k-cikis{margin-top:5px;border-top:1px solid #25303C;border-radius:0 0 7px 7px}

.k-govde{display:flex;align-items:flex-start}
.k-ray{width:206px;flex-shrink:0;padding:14px 10px;border-right:1px solid #161D27;
       position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}
.k-baslik{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#5E6A7A;
          padding:10px 10px 6px}
.k-grup{margin-bottom:2px}
.k-grupbas{display:flex;align-items:center;gap:0;border-left:2px solid transparent;
  border-radius:9px}
.k-grupbas:hover{background:#0F151D}
.k-grup.secili > .k-grupbas{background:#0F151D;border-left-color:#2EDE8A}
.k-oge{display:flex;align-items:center;gap:10px;width:100%;min-width:0;
       padding:8px 10px;border:0;border-left:2px solid transparent;border-radius:9px;
       background:transparent;font:inherit;font-size:13px;color:#A9B5C3;
       text-align:left;text-decoration:none;cursor:pointer}
.k-oge i{font-style:normal;font-size:14px;width:18px;text-align:center;flex-shrink:0}
.k-oge:hover{background:#0F151D;color:#EEF2F6}
.k-oge.acik{background:#0F151D;color:#EEF2F6;border-left-color:#2EDE8A}
.k-grupbas .k-oge{flex:1;width:auto;padding-left:8px;border:0;background:transparent}
.k-grupbas .k-oge.acik{border:0;background:transparent}
.k-altbtn{flex-shrink:0;width:32px;height:34px;margin-right:2px;
  background:transparent;color:#7E8A9B;border:0;border-radius:7px;
  font:inherit;font-size:17px;cursor:pointer}
.k-altbtn:hover,.k-altbtn[aria-expanded="true"]{background:#17212C;color:#EEF2F6}
.k-altbtn[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
.k-altlar{display:flex;flex-direction:column;margin:3px 0 8px 29px;
  padding-left:10px;border-left:1px solid #25303C}
.k-altoge{display:block;padding:7px 9px;border-radius:7px;color:#8B99A9;
  font-size:12px;text-decoration:none}
.k-altoge:hover{background:#111A23;color:#EEF2F6}
.k-altoge.acik{background:#10231C;color:#2EDE8A}
.k-diger{border-top:1px solid #19212C;margin-top:10px;padding-top:10px}
.k-digerok{margin-left:auto;color:#7E8A9B}
.k-digerbtn[aria-expanded="true"] .k-digerok{transform:rotate(180deg)}
.k-yonetim{border-top:1px solid #19212C;margin-top:10px;padding-top:10px}
.k-icerik{flex-grow:1;min-width:0}

@media(max-width:980px){
  .k-menubtn{display:flex}
  .k-altbtn{width:42px;height:40px}
  .k-oge{min-height:40px}
  .k-altoge{padding:10px 9px}
  .k-govde{display:block}
  .k-ray{display:none;position:static;width:auto;height:auto;
    max-height:calc(100vh - 60px);overflow-y:auto;
    border-right:0;border-bottom:1px solid #25303C;padding:10px 14px 14px}
  .k-ray.menu-acik{display:block}
  .k-baslik{display:none}
}
@media(max-width:760px){.k-senk{display:none}}
@media(max-width:640px){
  .k-ust{padding:0 10px;gap:9px}
  .k-senk{display:none}
  .k-menutext,.k-hesapbtn .k-kim,.k-hesapok{display:none}
  .k-hesapikon{display:block}
  .k-hesapbtn{padding:7px 9px}
  .k-menubtn,.k-hesapbtn,.k-zilbtn{min-width:40px;min-height:40px;justify-content:center}
}
@media(max-width:380px){
  .k-marka{font-size:14px}
  .k-marka img{width:25px;height:25px}
}

/* Eksik veri kaynagi seridi (window.KombineKaynak). Uc sayfa kullaniyor,
   bicim TEK yerde: her sayfaya ayri kural yazmak bu dosyanin varlik
   sebebine aykiri. */
.kaynakyok{background:#2A2013;border:1px solid #4A3A1C;color:#F0C674;
  border-radius:9px;padding:11px 13px;margin:10px 0;font-size:12.5px;line-height:1.6}
.kaynakyok b{color:#F5B546;font-weight:500}
.kaynakyok span{color:#A08A5A;font-size:11px}

/* HTML hidden must win over component display rules. */
[hidden]{display:none!important}

.entity-link{color:inherit;text-decoration:underline;text-decoration-color:#2e784c;text-underline-offset:3px}.entity-link:hover{color:#2EDE8A;text-decoration-color:currentColor}