/* KOLScreener V2 - KOL PROFILI (sosyal). Onek: kp-. Tam genislik, iki sutun.
   Kutu/cerceve/golge/gradyan yok; yuzeyler zeminin acigi, ayrac sac teli. */
.kp-wrap{width:100%;max-width:1760px;margin:0 auto;padding:18px clamp(16px,2vw,32px) 0}
.kp .back{display:inline-block;margin-bottom:14px}

/* kunye */
.kp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px 40px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--hair)}
.kp-id{display:flex;align-items:flex-start;gap:22px;min-width:0;flex:1 1 560px}
.kp-photo,img.kp-photo{width:96px;height:96px;border-radius:50%;background:rgba(255,255,255,.07);flex:none;display:grid;place-items:center;font:600 28px/1 var(--body);color:var(--muted);object-fit:cover;outline:2px solid rgba(52,224,138,.35);outline-offset:3px}
.kp-idt{min-width:0}
.kp-h1{font:400 clamp(26px,3vw,42px)/1.02 var(--disp);margin:8px 0 0;letter-spacing:-.01em;display:flex;align-items:center;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}
.kp-h1 .tick{width:22px;height:22px;flex:none}
.kp-meta{margin:10px 0 0;font-size:13px;color:var(--faint);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kp-meta s{text-decoration:none}
.kp-handle{color:var(--muted);font-weight:600}
.kp-fc{font-style:normal;color:var(--mint);font-family:var(--num);font-size:12px}
.kp-bio{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:var(--text);max-width:64ch}
.kp-paused{margin:8px 0 0;font-size:12.5px;color:var(--gold)}
.kp-socials{display:flex;gap:14px;margin-top:12px;flex-wrap:wrap}
.kp-so{font-size:12.5px;color:var(--mint);font-weight:600;display:inline-flex;gap:3px}
.kp-so:hover{opacity:.75}
.kp-acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none;padding-top:6px}
.kp-follow{font:600 13px/1 var(--body);color:var(--ink);background:var(--mint);padding:11px 18px;transition:opacity .15s}
.kp-follow.on{color:var(--text);background:rgba(255,255,255,.08)}
.kp-follow:hover{opacity:.85}
.kp-btn{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--body);color:var(--mint);background:rgba(52,224,138,.1);padding:11px 14px;white-space:nowrap}
.kp-btn:hover{opacity:.8}
.kp-vb{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.kp-vb .tick{width:15px;height:15px}

/* sayaclar */
.kp-figs{display:flex;flex-wrap:wrap;gap:14px clamp(20px,2.4vw,40px);padding:18px 0;border-bottom:1px solid var(--hair)}
.kp-fig{display:flex;flex-direction:column;gap:6px;min-width:0;max-width:100%;border-left:1px solid var(--hair);padding-left:14px}
.kp-fig>span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.kp-fv{font:400 22px/1 var(--num);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kp-fv.m{color:var(--mint)}
.kp-fv.g{color:var(--gold)}
.kp-fv.dash{color:var(--faint);font-size:16px}
.kp-fv:empty::before{content:"0"}
.kp-fw{font:400 16px/1 var(--disp);letter-spacing:.01em}
.kp-fw.g{color:var(--gold)}
.kp-fw.m{color:var(--mint)}
.kp-fig>i{font-style:normal;font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.kp-fig>i s{text-decoration:none;margin:0 5px}

/* izgara */
.kp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start;padding-top:8px}
.kp-main{min-width:0}
.kp-rail{min-width:0;display:flex;flex-direction:column;gap:26px;padding-top:14px}
@media(min-width:1100px){
  .kp-grid{grid-template-columns:minmax(0,1fr) 360px;gap:clamp(28px,3vw,52px)}
  .kp-rail{position:sticky;top:calc(var(--bar) + 12px);max-height:calc(100vh - var(--bar) - 20px);overflow-y:auto;scrollbar-width:none;padding-bottom:20px}
  .kp-rail::-webkit-scrollbar{display:none}
}
@media(min-width:1700px){.kp-grid{grid-template-columns:minmax(0,1fr) 400px}}

/* sekmeler + akis */
.kp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--hair);position:sticky;top:var(--bar);z-index:5;background:rgba(7,9,10,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.kp-tabs button{font:600 14px/1 var(--body);color:var(--faint);padding:14px 10px 12px;border-bottom:2px solid transparent;margin-bottom:-1px}
.kp-tabs button i{font:400 11px/1 var(--num);font-style:normal;color:var(--faint);margin-left:6px;vertical-align:2px}
.kp-tabs button i:empty{display:none}
.kp-tabs button:hover{color:var(--muted)}
.kp-tabs button.on{color:var(--text);border-bottom-color:var(--mint)}
.kp-tabs button.on i{color:var(--mint)}
.kp-pane{padding-top:12px}
.kp-pane .hm-note{margin-bottom:4px}
.kp-stream .po:first-child{border-top:0}
.kp-tw{margin-top:8px}
.kp-wtbl{width:100%;border-collapse:collapse}
.kp-wtbl th{text-align:left;font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding:8px 12px 10px 0;border-bottom:1px solid var(--hair-2);white-space:nowrap}
.kp-wtbl td{padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);font-size:13.5px;white-space:nowrap}
.kp-wtbl th.n,.kp-wtbl td.n{text-align:right;font-variant-numeric:tabular-nums}
.kp-wr{color:var(--muted)}
.kp-wk s{text-decoration:none;color:var(--faint);font-size:11px;margin-left:5px}
.kp-wk.g{color:var(--gold);font-weight:700}
.kp-ws{font:600 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.kp-ws.g{color:var(--gold)}
.kp-ws.m{color:var(--mint)}
.kp-ws em{font-style:normal;color:var(--gold);margin-left:8px}

/* ray */
.kp-rs{min-width:0}
.kp-best .kp-bx{font:400 clamp(40px,3.6vw,58px)/.95 var(--num);color:var(--mint);letter-spacing:-.03em;display:block;margin:2px 0 10px}
.kp-bx.g{color:var(--gold)}
.kp-bx.dash{color:var(--faint);font-size:28px}
.kp-bt{display:flex;align-items:center;gap:9px;min-width:0}
.kp-bsym{font-size:15px;font-weight:700}
.kp-bsym a:hover{color:var(--mint)}
.kp-bm{margin:8px 0 0;font-size:12.5px;color:var(--faint);display:flex;gap:6px;flex-wrap:wrap}
.kp-bm s{text-decoration:none}
.kp-bnone{margin:6px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.kp-bar{display:flex;gap:2px;height:8px;margin-top:2px}
.kp-bar i{display:block;background:var(--mint);min-width:2px}
.kp-bar i.g{background:var(--gold)}
.kp-cbar i{background:var(--mint)}
.kp-bl{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12px;color:var(--faint)}
.kp-bl span{display:inline-flex;align-items:center;gap:6px}
.kp-bl b{font:400 11px/1 var(--num);color:var(--mint)}
.kp-bl b.g{color:var(--gold)}
.kp-cl span{gap:5px}
.kp-cl .cm{width:12px;height:12px}
.kp-cl b{font:600 10px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.kp-cl em{font-style:normal;color:var(--mint);font-family:var(--num);font-size:11px}
.kp-rhythm svg{display:block;width:100%;height:34px}
.kp-psub{font-size:11.5px;color:var(--faint);margin-top:8px}
.kp-hall .hall{margin:0}
.kp-wfigs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
.kp-wf{display:flex;flex-direction:column;gap:5px;min-width:0}
.kp-wf span{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kp-wv{font:400 18px/1 var(--num);letter-spacing:-.01em}
.kp-wf.g .kp-wv{color:var(--gold)}
.kp-wf.m .kp-wv{color:var(--mint)}
.kp-wv.dash{color:var(--faint);font-size:14px}
.kp-wnone{margin:0;font-size:12.5px;color:var(--muted);line-height:1.5}
.kp-claim{background:rgba(255,255,255,.03);padding:16px 18px;border-top:2px solid var(--mint)}

@media(max-width:640px){
  .kp-photo,img.kp-photo{width:64px;height:64px;font-size:20px}
  .kp-id{gap:14px}
  .kp-figs{gap:12px 18px}
  .kp-fig{flex:1 1 40%}
  .kp-fig>span{white-space:normal}
  .kp-acts{width:100%}
  .kp-wfigs{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ozet listeler (akis Screener'da) */
.kp-cta{margin:14px 0 18px}
.kp-crows{display:flex;flex-direction:column}
.kp-cr{display:grid;grid-template-columns:32px minmax(0,1fr) 80px 110px 64px 90px;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--hair);font-size:13.5px}
.kp-cr:last-child{border-bottom:1px solid var(--hair)}
.kp-cr.kp-ch{border-top:0;padding:0 0 8px;border-bottom:1px solid var(--hair-2)}
.kp-cr.kp-ch span{font:600 9.5px/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.kp-cr .hm-kw b a:hover{color:var(--mint)}
.kp-cch{font-style:normal;color:var(--muted);font-weight:500;font-size:12px;margin-left:2px}
.kp-cn{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kp-cn b{font-weight:700}
.kp-cn .pct{margin-left:6px}
.kp-ct{text-align:right;font-size:12.5px;color:var(--faint);white-space:nowrap}
.kp-ct a:hover{color:var(--mint)}
@media(max-width:640px){
  .kp-cr{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"tl kw best" "tl n1 n2"}
  .kp-cr.kp-ch{display:none}
  .kp-cr>.hm-tl{grid-area:tl}.kp-cr>.hm-kw{grid-area:kw}.kp-cb{grid-area:best}
  .kp-cn:not(.kp-cb){text-align:left;font-size:12px}.kp-cn:not(.kp-cb)::before{content:attr(data-l) " ";font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
  .kp-ct{display:none}
}

.kp-follow{display:inline-flex;align-items:center;gap:5px}
.kp-follow i{font-style:normal;font-size:15px;line-height:1}

/* ---- ZIL (12 Eyl, Ayhan: "tipki X'deki gibi bildirimleri ac olayi"):
   Follow'un yaninda yuvarlak zil. Kapali cizgili, kartlar icin dolu kontur,
   her cagri icin dolu zil. Tek dokunus dongude ilerler. */
.kp-bell{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  border:1px solid var(--hair-2);color:var(--muted);background:none;cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;flex:none}
.kp-bell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kp-bell .po-bx{stroke:currentColor;opacity:.85}
.kp-bell:hover{color:var(--text);border-color:var(--muted)}
.kp-bell.on{color:var(--ink);background:var(--mint);border-color:var(--mint)}
.kp-bell.on svg{stroke:var(--ink)}
.kp-bellnote{display:block;flex:1 1 100%;margin-top:8px;font-size:12px;line-height:1.5;color:var(--mint)}

/* ================= KOL PROFILI, X DILINDE ama bizim tarzimizda (12 Eyl)
   Kapak -> avatar kapaga biner -> ad, @handle, meta -> tek satir -> baglantilar.
   Kapak yoksa markanin kendi dokusu: nane parilti ve nokta matrisi. */
.kp-head.kp-x{display:block;padding:0;border:0}
.kp-cover{position:relative;height:clamp(120px,22vw,190px);overflow:hidden;background:#0b0f0e;
  border:1px solid var(--hair);border-bottom:0}
.kp-cover img{width:100%;height:100%;object-fit:cover;display:block}
.kp-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,10,.15),rgba(7,9,10,.75))}
.kp-cover-b{background:
  radial-gradient(120% 160% at 85% -30%,rgba(52,224,138,.18),transparent 62%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 13px),
  #0b0f0e}
.kp-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  padding:0 4px;margin-top:-34px;position:relative;z-index:1}
.kp-x .kp-photo,.kp-x img.kp-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:0 0 0 4px var(--ink),0 0 0 5px rgba(52,224,138,.45);background:#121716}
.kp-x .kp-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:4px}
.kp-x .kp-idt{padding:14px 4px 0}
.kp-x .kp-h1{font-size:clamp(22px,3.6vw,30px);margin:0}
.kp-x .kp-meta{margin:7px 0 0;display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center;font-size:13px;color:var(--faint)}
.kp-x .kp-bio{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--text);max-width:64ch}
.kp-x .kp-socials{margin-top:12px}
.kp-edit{font:600 12.5px/1 var(--body);color:var(--text);background:none;border:1px solid var(--hair-2);
  padding:10px 14px;border-radius:999px;cursor:pointer}
.kp-edit:hover{border-color:var(--mint);color:var(--mint)}
.kp-eform{margin:18px 0 0;padding:16px;border:1px solid var(--hair-2);background:rgba(255,255,255,.02);
  display:flex;flex-direction:column;gap:12px}
.kp-eform[hidden]{display:none}
.kp-cancel{background:none;border:0;color:var(--faint);font:600 12px/1 var(--body);cursor:pointer}
@media(max-width:640px){
  .kp-x .kp-photo,.kp-x img.kp-photo{width:66px;height:66px}
  .kp-row{margin-top:-26px}
  .kp-x .kp-acts{gap:6px}
  .kp-follow{padding:10px 14px;font-size:12.5px}
  .kp-bell{width:34px;height:34px}
}

/* mobil: dugmeler avatarin altina tam genislikte (yan yana sigmiyordu) */
@media(max-width:640px){
  .kp-row{flex-direction:column;align-items:flex-start;gap:0}
  .kp-x .kp-acts{width:100%;justify-content:flex-start;padding:12px 0 0;gap:8px}
  .kp-x .kp-acts .kp-btn,.kp-x .kp-acts .kp-follow{flex:1 1 auto;justify-content:center;min-width:0}
  .kp-x .kp-acts .kp-btn span{flex:none}
  .kp-cover{height:118px}
  .kp-x .kp-idt{padding-top:10px}
}

/* ================= KAPAK v2 (12 Eyl): bos bant yok. Sahibi kapak koymadiysa kanalin
   kendi fotografi buyutulup bulaniklastirilir, ustune markanin dokusu ve nane
   parilti gelir. Geri dugmesi kapagin sol ustunde, sayfada yalniz basina durmaz. */
.kp-cover{position:relative;height:clamp(150px,20vw,210px);overflow:hidden;background:#0b0f0e;
  border:1px solid var(--hair);border-bottom:0}
.kp-cover::after{content:none}
.kp-cvv{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(120% 150% at 82% -25%,rgba(52,224,138,.22),transparent 58%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 14px),
    radial-gradient(rgba(52,224,138,.10) 1px,transparent 1px) 0 0/13px 13px,
    linear-gradient(180deg,rgba(7,9,10,.30) 0%,rgba(7,9,10,.78) 70%,rgba(7,9,10,.95) 100%)}
.kp-cover-a .kp-cvb{width:110%;height:110%;object-fit:cover;position:absolute;left:-5%;top:-5%;
  filter:blur(26px) saturate(1.25) brightness(.75);transform:scale(1.08)}
.kp-cover-b{background:
  radial-gradient(130% 170% at 88% -35%,rgba(52,224,138,.16),transparent 60%),
  linear-gradient(180deg,#0d1211,#080b0a)}
.kp-back{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;
  font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text);
  background:rgba(7,9,10,.55);border:1px solid rgba(255,255,255,.14);border-radius:999px;
  padding:9px 14px 9px 11px;text-decoration:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.kp-back i{font-style:normal;display:grid;place-items:center;line-height:1}
.kp-back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.kp-back:hover{border-color:var(--mint);color:var(--mint)}
@media(max-width:640px){
  .kp-cover{height:132px}
  .kp-back{left:10px;top:10px;padding:8px 12px 8px 10px;font-size:11px}
}

/* kapakta marka: kendi kapagini koyana kadar KOLScreener yazisi durur (bos coin
   kartindaki gibi) - sessiz, ortada, cok soluk (12 Eyl) */
.kp-cvm{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1}
.kp-cvm img{width:min(280px,42%);height:auto;opacity:.14;filter:grayscale(1) brightness(2.2)}
.kp-cover-b .kp-cvm img{opacity:.2}
@media(max-width:640px){.kp-cvm img{width:min(190px,52%)}}

/* kapaktaki dugme: marka isareti + KOLSCREENER, ana sayfaya goturur (12 Eyl) */
.kp-back{gap:9px;padding:8px 14px 8px 10px}
.kp-back img,.kp-back svg{width:17px;height:17px;flex:none}
.kp-back span{font:700 11px/1 var(--body);letter-spacing:.22em}