/* 3652: Loglar sayfasi (Istatistik / Upgrade / Drop). Yalniz loglar.html yukler. */
.lg-ust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:14px 16px}
.lg-ust .tabs{margin:0}
.lg-ust .tabs button{display:inline-flex;align-items:center;gap:8px;font-size:15px;padding:10px 18px}
.lg-ust .tabs button svg{width:17px;height:17px}
.lg-guncel{font:600 13px "Poppins",sans-serif;color:var(--dim)}
.lg-sek[hidden]{display:none!important}

/* istatistik kartlari */
.lg-ist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lg-kart{padding:0;overflow:hidden;--lc:#5fd68f}
.lg-kart h3{display:flex;align-items:center;gap:10px;margin:0;padding:15px 18px;font-size:18px;color:var(--gold2);border-bottom:1px solid rgba(214,200,142,.14);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}
.lg-kart h3 svg{width:20px;height:20px;color:var(--lc);flex:0 0 auto}
.lg-kart h3 small{margin-left:auto;font:600 12px "Poppins",sans-serif;color:var(--dim);letter-spacing:.04em}
.lg-yesil{--lc:#5fd68f}.lg-mavi{--lc:#5cc6ef}.lg-kirmizi{--lc:#ec6a5c}.lg-sari{--lc:#f0c24e}
.lg-tab{width:100%;border-collapse:collapse;font-size:16px}
.lg-tab th{font:600 11px "Poppins",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold3);text-align:left;padding:10px 14px;border-bottom:1px solid rgba(214,200,142,.16);background:rgba(0,0,0,.18)}
.lg-tab td{padding:9px 14px;border-bottom:1px solid rgba(214,200,142,.07);vertical-align:middle;color:var(--text)}
.lg-tab tbody tr:nth-child(even) td{background:rgba(255,255,255,.018)}
.lg-tab tbody tr:hover td{background:rgba(134,242,200,.05)}
.lg-tab tr:last-child td{border-bottom:0}
.lg-tab .r{text-align:right;font:700 15px "Poppins",sans-serif;font-variant-numeric:tabular-nums;color:var(--gold2);white-space:nowrap}
.lg-tab .no{width:54px;text-align:center}
.lg-sira{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;font:700 12px "Poppins",sans-serif;color:#0b140e;background:var(--lc);box-shadow:0 0 0 2px rgba(0,0,0,.35),0 0 12px color-mix(in srgb,var(--lc) 45%,transparent)}
.lg-sira.s1{background:linear-gradient(180deg,#ffe7a1,#d6a637);color:#2b1d02}
.lg-sira.s2{background:linear-gradient(180deg,#f1f4f7,#a9b3bd);color:#1c2228}
.lg-sira.s3{background:linear-gradient(180deg,#f3c39a,#b86d36);color:#2a1406}
.lg-ad{font:600 16px var(--metin);color:var(--text);overflow-wrap:anywhere}
.lg-bos{padding:22px 16px;text-align:center;color:var(--muted);font-size:16px}

/* log tablolari */
.lg-liste{padding:0;overflow:hidden}
.lg-liste>h3{display:flex;align-items:center;gap:10px;margin:0;padding:16px 18px;font-size:19px;color:var(--gold2);border-bottom:1px solid rgba(214,200,142,.14)}
.lg-liste>h3 svg{width:20px;height:20px;color:var(--mint)}
.lg-liste>h3 small{margin-left:auto;font:600 12px "Poppins",sans-serif;color:var(--dim)}
.lg-esya{display:flex;align-items:center;gap:12px;min-width:0}
.lg-ik{width:38px;height:38px;flex:0 0 38px;border-radius:5px;border:1px solid rgba(214,200,142,.35);background:#0b130e center/cover no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.45);image-rendering:auto}
.lg-ik.yok{display:grid;place-items:center;font:700 18px "Poppins",sans-serif;color:var(--gold3)}
.lg-esya b{font:700 16px var(--metin);color:#f0c86a;overflow-wrap:anywhere}
.lg-id{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font:600 12px "Poppins",sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.lg-sv{display:inline-block;padding:3px 10px;border-radius:5px;background:rgba(214,200,142,.1);border:1px solid rgba(214,200,142,.28);font:700 13px "Poppins",sans-serif;color:var(--gold2);white-space:nowrap}
.lg-dur{display:inline-block;padding:3px 11px;border-radius:20px;font:700 11.5px "Poppins",sans-serif;letter-spacing:.06em;white-space:nowrap}
.lg-dur.dur-ok{background:rgba(95,214,143,.14);border:1px solid rgba(95,214,143,.55);color:#7eeaa9}
.lg-dur.dur-yan{background:rgba(224,88,75,.14);border:1px solid rgba(224,88,75,.55);color:#ff8a7c}
.lg-npc{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:20px;background:rgba(92,198,239,.13);border:1px solid rgba(92,198,239,.45);font:600 12.5px "Poppins",sans-serif;color:#8fdcfa;white-space:nowrap}
.lg-npc svg{width:13px;height:13px}
.lg-t{font:500 13.5px "Poppins",sans-serif;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}

/* drop arama */
.lg-ara{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;padding:16px 18px;border-bottom:1px solid rgba(214,200,142,.14);background:rgba(0,0,0,.14)}
.lg-ara .mk-ara{min-width:0}
.lg-ara button{background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--muted);font:600 13px "Poppins",sans-serif;padding:0 16px;border-radius:6px;cursor:pointer}
.lg-ara button:hover{color:var(--gold2);border-color:var(--line)}

@media (max-width:980px){ .lg-ist{grid-template-columns:1fr} }
@media (max-width:700px){
  .lg-ust{padding:12px}
  .lg-ust .tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .lg-ust .tabs button{justify-content:center;padding:10px 6px;font-size:13.5px}
  .lg-ara{grid-template-columns:1fr;padding:14px}
  .lg-ara button{padding:10px}
  .lg-kayit thead{display:none}
  .lg-kayit,.lg-kayit tbody,.lg-kayit tr,.lg-kayit td{display:block;width:auto}
  .lg-kayit tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px 8px;padding:10px 12px;border-bottom:1px solid rgba(214,200,142,.1)}
  .lg-kayit td{padding:0!important;border:0!important;background:none!important;min-width:max-content}
  .lg-kayit td.c-esya,.lg-kayit td.c-oyuncu,.lg-kayit td.c-npc{min-width:0}
  .lg-liste>h3{flex-wrap:wrap;font-size:17px;padding:14px}
  .lg-liste>h3 small{margin-left:30px;width:100%}
  .lg-kart h3{font-size:16.5px;padding:13px 14px}
  .lg-kayit td.c-esya{grid-column:1 / 3;grid-row:1}
  .lg-kayit td.c-t{grid-column:3;grid-row:1;text-align:right}
  .lg-kayit td.c-oyuncu{grid-column:1;grid-row:2}
  .lg-kayit td.c-sv{grid-column:2;grid-row:2}
  .lg-kayit td.c-dur{grid-column:3;grid-row:2;text-align:right}
  .lg-kayit td.c-npc{grid-column:2 / 4;grid-row:2;text-align:right}
  .lg-kayit td.lg-bos{grid-column:1 / -1;text-align:center}
  .lg-kayit .lg-ik{width:32px;height:32px;flex-basis:32px}
  .lg-kayit .lg-esya{gap:9px}
  .lg-kayit .lg-esya b{font-size:15px}
  .lg-kayit .lg-ad{font-size:14.5px;color:var(--muted)}
  .lg-kayit .lg-t{font-size:11.5px}
  .lg-kayit .lg-npc{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;padding:2px 9px}
  .lg-kayit .lg-sv,.lg-kayit .lg-dur{font-size:11px;padding:2px 8px}
  .lg-tab td{padding:9px 10px} .lg-tab th{padding:9px 10px}
}
@media (max-width:700px){ .lg-kayit .hide-s{display:none!important} }
.lg-tab th.r{font:600 11px "Poppins",sans-serif;letter-spacing:.14em;color:var(--gold3)}
@media (max-width:700px){ .lg-kart h3 small{display:none} }

/* 3668: upgrade malzeme ikonlari (BUS + Trina); 3671: Shozin kaynagi */
.lg-mz{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:middle}
.lg-mz .lg-ik{width:32px;height:32px;flex-basis:32px}
.lg-mz i{font:700 14px "Poppins",sans-serif;font-style:normal;color:var(--gold3)}
.lg-mz.bos{color:var(--muted)}
.lg-npc.shz{color:#f1cf7a;border-color:rgba(241,207,122,.45);background:rgba(241,207,122,.1)}
@media (max-width:700px){
  .lg-kayit td.c-mz{grid-column:1 / -1;grid-row:3}
  .lg-kayit .lg-mz .lg-ik{width:24px;height:24px;flex-basis:24px}
  .lg-kayit .lg-mz i{font-size:12px}
}
/* 3685: esya ikonlari oyundaki gibi kutu icinde; ustune gelince ozellik penceresi (esya.js) */
.lg-ik{box-sizing:border-box;padding:2px;border:1px solid rgba(138,106,51,.85);border-radius:4px;background:radial-gradient(circle at 50% 35%,#1d231c,#060807 72%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.5);transition:border-color .15s,box-shadow .15s}
.lg-ik[data-esya]:hover{border-color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.85),0 0 0 1px rgba(217,174,95,.45),0 0 12px rgba(217,174,95,.4)}
/* 3756: Nadir droplar kutusu (Drop sekmesinin ustu) */
.lg-nadir{margin-bottom:18px;border-color:rgba(240,194,78,.5);box-shadow:0 0 0 1px rgba(240,194,78,.14),0 10px 30px rgba(0,0,0,.35),0 0 26px rgba(240,194,78,.1)}
.lg-nadir>h3{background:linear-gradient(180deg,rgba(240,194,78,.13),transparent)}
.lg-nadir>h3 svg{color:#f0c24e}
.lg-nadir>h3 small{color:#d9bd76}
/* 3760: Upgrade Basarili / Basarisiz suzgeci; satirdaki durum etiketi de tiklanir */
.lg-filtre{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(214,200,142,.14);background:rgba(0,0,0,.14)}
.lg-filtre button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;padding:7px 16px;border-radius:20px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--muted);font:600 12.5px "Poppins",sans-serif;letter-spacing:.05em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.lg-filtre button:hover{color:var(--gold2);border-color:var(--line)}
.lg-filtre button.on{color:var(--gold2);border-color:rgba(214,200,142,.6);background:rgba(214,200,142,.12)}
.lg-filtre button.f-ok.on{color:#7eeaa9;border-color:rgba(95,214,143,.6);background:rgba(95,214,143,.15)}
.lg-filtre button.f-no.on{color:#ff8a7c;border-color:rgba(224,88,75,.6);background:rgba(224,88,75,.15)}
button.lg-dur{-webkit-appearance:none;appearance:none;margin:0;line-height:1.5;cursor:pointer;transition:filter .15s}
button.lg-dur:hover{filter:brightness(1.2)}
button.lg-dur:focus-visible,.lg-filtre button:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
@media (max-width:700px){ .lg-filtre{padding:10px 12px;gap:6px} .lg-filtre button{flex:1 1 0;min-width:0;padding:8px 6px} }

/* 3792: Drop listesinde bolge etiketi; Nadir Droplar artik listenin sekmesi */
.lg-bolge{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(95,214,143,.1);border:1px solid rgba(95,214,143,.35);font:600 12px "Poppins",sans-serif;color:#9fe6bb;white-space:nowrap}
.lg-filtre button.f-nadir.on{color:#f0c24e;border-color:rgba(240,194,78,.6);background:rgba(240,194,78,.14)}
@media (max-width:700px){ .lg-kayit .lg-bolge{font-size:11px;padding:2px 8px} }