/* SohbeX ileri görünüm: takip akışı, rozet yolu, bülten, haftanın konusu, tarih yarışması, akıllı arama kartları, belge ekleri.
   forum.css değişkenlerini (--sxf-*) kullanır; açık ve koyu temada çalışır. */
.ix,.ix *{box-sizing:border-box}
:root,body{--ix-ac:var(--sxf-ac,#7c3aed);--ix-ac2:var(--sxf-ac2,#6d28d9);--ix-card:var(--sxf-card,#fff);--ix-line:var(--sxf-line,#e7e0f7);--ix-tx:var(--sxf-tx,#1f1640);--ix-tx2:var(--sxf-tx2,#6b6290);--ix-r:var(--sxf-r,14px);
 --ix-soft:color-mix(in srgb,var(--ix-ac) 9%,transparent);--ix-soft2:color-mix(in srgb,var(--ix-ac) 16%,transparent);--ix-pink:#db2777;--ix-gold:#d97706;--ix-teal:#0f766e;
 --ix-sh:0 1px 2px rgba(60,30,120,.06),0 8px 24px rgba(60,30,120,.08);--ix-sh2:0 2px 4px rgba(60,30,120,.08),0 16px 36px rgba(60,30,120,.14)}

/* üst başlık */
.ix-hero{position:relative;display:flex;align-items:center;gap:16px;margin:6px 0 18px;padding:22px 24px;border-radius:calc(var(--ix-r) + 4px);border:1px solid var(--ix-line);overflow:hidden;
 background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ix-ac) 22%,transparent) 0%,transparent 55%),radial-gradient(90% 120% at 100% 100%,color-mix(in srgb,var(--ix-pink) 14%,transparent) 0%,transparent 60%),var(--ix-card);box-shadow:var(--ix-sh)}
.ix-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ix-ac) 18%,transparent),transparent 70%);pointer-events:none}
.ix-hero .tx{flex:1;min-width:0;position:relative;z-index:1}
.ix-hero h1{margin:0;font-size:clamp(22px,3.2vw,28px);line-height:1.2;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
.ix-hero p{margin:6px 0 0;color:var(--ix-tx2);font-size:14.5px;line-height:1.55;max-width:70ch;overflow-wrap:anywhere}
.ix-hero .ix-kick{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ix-ac)}
.ix-tile{flex:none;display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink));box-shadow:0 8px 20px color-mix(in srgb,var(--ix-ac) 35%,transparent);position:relative;z-index:1}
.ix-tile.sm{width:40px;height:40px;border-radius:12px;font-size:18px;box-shadow:0 4px 12px color-mix(in srgb,var(--ix-ac) 25%,transparent)}
.ix-tile.xs{width:34px;height:34px;border-radius:10px;font-size:16px;box-shadow:none}
.ix-tile.soft{background:var(--ix-soft2);color:var(--ix-ac);box-shadow:none}
.ix-tile.gold{background:linear-gradient(135deg,#f59e0b,#d97706)}.ix-tile.teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.ix-tile.rose{background:linear-gradient(135deg,#f43f5e,#be123c)}.ix-tile.blue{background:linear-gradient(135deg,#6366f1,#4338ca)}
.ix-hero-side{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* kart ve bölüm başlıkları */
.ix-card{position:relative;background:var(--ix-card);border:1px solid var(--ix-line);border-radius:var(--ix-r);box-shadow:var(--ix-sh);padding:18px 20px;margin:0 0 16px;min-width:0;overflow:hidden}
.ix-card.accent::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--ix-ac),var(--ix-pink),#f59e0b)}
.ix-h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:1.06rem;font-weight:800;line-height:1.3}
.ix-h2 .ix-tile{margin-right:2px}
.ix-h2 small{margin-left:auto;font-size:.8rem;font-weight:600;color:var(--ix-tx2)}
.ix-muted{color:var(--ix-tx2)}
.ix-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;line-height:1.5;background:var(--ix-soft2);color:var(--ix-ac);white-space:nowrap}
.ix-pill.hot{background:linear-gradient(135deg,var(--ix-pink),#be123c);color:#fff;box-shadow:0 2px 8px rgba(219,39,119,.3)}
.ix-pill.ok{background:color-mix(in srgb,#16a34a 15%,transparent);color:#15803d}
.ix-pill.gold{background:color-mix(in srgb,#f59e0b 18%,transparent);color:#b45309}
body.dark_mode .ix-pill.ok{color:#4ade80}body.dark_mode .ix-pill.gold{color:#fbbf24}
.ix-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ix .sxf-btn,.ix-btns .sxf-btn{min-height:42px;height:auto;padding:8px 16px;border-radius:12px;font-weight:600;transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}
.ix .sxf-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--ix-ac) 22%,transparent);border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent)}
.ix .sxf-btn:focus-visible,.ix a:focus-visible,.ix button:focus-visible,.ix summary:focus-visible{outline:3px solid var(--sxf-ring,rgba(124,58,237,.35));outline-offset:2px}

/* boş durum */
.ix-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:26px 18px 22px}
.ix-art{position:relative;width:132px;height:112px;display:grid;place-items:center}
.ix-art svg{position:absolute;inset:0;width:100%;height:100%}
.ix-art>i{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;font-size:26px;color:#fff;background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink));box-shadow:0 10px 24px color-mix(in srgb,var(--ix-ac) 40%,transparent)}
.ix-empty h3{margin:4px 0 0;font-size:1.08rem;font-weight:800}
.ix-empty p{margin:0;max-width:52ch;color:var(--ix-tx2);line-height:1.6;overflow-wrap:anywhere}
.ix-empty .ix-btns{margin-top:6px}
.ix-empty.sm{padding:14px 10px 10px}.ix-empty.sm .ix-art{width:104px;height:88px}.ix-empty.sm .ix-art>i{width:46px;height:46px;font-size:21px;border-radius:15px}

/* takip akışı */
.tk-nw{white-space:nowrap}
.tk-nw.on{background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink));color:#fff!important;border-color:transparent}
.tk-new{display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,var(--ix-pink),#be123c);border-radius:999px;padding:1px 8px;text-transform:uppercase}
.tk-chips{display:flex;flex-wrap:wrap;gap:8px}
.tk-chips a{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid var(--ix-line);background:var(--ix-soft);color:inherit;text-decoration:none;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,transform .15s}
.tk-chips a i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ix-card);color:var(--ix-ac);font-size:13px}
.tk-chips a:hover,.tk-chips a:focus-visible{background:var(--ix-soft2);border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent);transform:translateY(-1px)}
.tk-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tk-list li{position:relative;display:flex;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ix-line);border-radius:12px;background:var(--ix-card);transition:border-color .15s,box-shadow .15s,transform .15s;min-width:0}
.tk-list li:hover,.tk-list li:focus-within{border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent);box-shadow:var(--ix-sh2);transform:translateY(-1px)}
.tk-list li.nw{background:linear-gradient(90deg,var(--ix-soft) 0%,var(--ix-card) 60%)}
.tk-list li.nw::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(var(--ix-ac),var(--ix-pink))}
.tk-list .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tk-list li a{font-weight:700;color:inherit;text-decoration:none;overflow-wrap:anywhere;line-height:1.4}
.tk-list li a::after{content:"";position:absolute;inset:0;border-radius:12px}
.tk-list li a:hover{color:var(--ix-ac)}
.tk-list small{color:var(--ix-tx2);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;font-size:.82rem}
.tk-list small span{display:inline-flex;align-items:center;gap:4px}
.tk-list .go{color:var(--ix-tx2);font-size:1rem}

/* rozet yolu */
.rz-dog{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;font-weight:700;padding:2px 9px;border-radius:999px;background:linear-gradient(135deg,#14b8a6,#0f766e);color:#fff;box-shadow:0 2px 8px rgba(15,118,110,.3)}
.rz-path{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:center}
.rz-now{display:flex;flex-direction:column;gap:2px;min-width:0}
.rz-now small{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ix-tx2)}
.rz-now b{font-size:1.15rem;line-height:1.25;overflow-wrap:anywhere}
.rz-meter{grid-column:1/-1}
.rz-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.88rem;margin:0 0 8px;color:var(--ix-tx2)}
.rz-row b{color:var(--ix-tx)}
.rz-bar{position:relative;height:12px;border-radius:999px;background:var(--ix-soft2);overflow:hidden}
.rz-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ix-ac),var(--ix-pink));box-shadow:0 0 12px color-mix(in srgb,var(--ix-pink) 45%,transparent);min-width:8px}
.rz-bar.sm{height:7px}
.rz-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.rz-t{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid var(--ix-line);background:var(--ix-card);min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.rz-t:hover{border-color:color-mix(in srgb,var(--ix-ac) 40%,transparent);box-shadow:var(--ix-sh2);transform:translateY(-2px)}
.rz-t .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.rz-t b{display:block;overflow-wrap:anywhere;line-height:1.3}
.rz-t small{color:var(--ix-tx2);line-height:1.45;overflow-wrap:anywhere}
.rz-t.off .ix-tile{filter:grayscale(1);opacity:.55}
.rz-t.off b{color:var(--ix-tx2)}
.rz-foot{display:flex;justify-content:flex-end;margin:14px 0 0}
.rz-foot a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 4px;font-weight:700;text-decoration:none;color:var(--ix-ac)}
.rz-foot a:hover{text-decoration:underline}
.rz-ladder{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:rz}
.rz-ladder li{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--ix-line);border-radius:12px;background:var(--ix-card);transition:border-color .15s,background .15s}
.rz-ladder li:hover{border-color:color-mix(in srgb,var(--ix-ac) 40%,transparent);background:var(--ix-soft)}
.rz-ladder li::before{counter-increment:rz;content:counter(rz);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-weight:800;color:var(--ix-ac);background:var(--ix-soft2)}
.rz-ladder li:last-child::before{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.rz-ladder .pt{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.rz-ladder .pt small{font-weight:600;color:var(--ix-tx2)}
.rz-req{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 0}
.rz-req>div{padding:12px 14px;border-radius:12px;background:var(--ix-soft);border:1px solid var(--ix-line)}
.rz-req .rz-row{margin-bottom:6px}

/* bülten */
.bt-sub{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:radial-gradient(100% 160% at 100% 0%,color-mix(in srgb,var(--ix-pink) 14%,transparent),transparent 60%),linear-gradient(135deg,var(--ix-soft2),var(--ix-soft));border-color:color-mix(in srgb,var(--ix-ac) 25%,transparent)}
.bt-sub .tx{flex:1 1 260px;min-width:0}
.bt-sub h2{margin:0 0 4px;font-size:1.1rem;font-weight:800}
.bt-sub p{margin:0;color:var(--ix-tx2);line-height:1.55}
.bt-act{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bt-msg{font-size:.86rem;color:var(--ix-tx2)}
.bt-on{background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink))!important;color:#fff!important;border-color:transparent!important}
.bt-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.bt-pick a{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--ix-line);border-radius:14px;text-decoration:none;color:inherit;overflow-wrap:anywhere;background:linear-gradient(160deg,var(--ix-soft),transparent 55%),var(--ix-card);transition:transform .15s,box-shadow .15s,border-color .15s;min-height:132px}
.bt-pick a:hover,.bt-pick a:focus-visible{transform:translateY(-2px);box-shadow:var(--ix-sh2);border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent)}
.bt-pick small{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ix-ac)}
.bt-pick b{display:block;font-size:1.05rem;line-height:1.35}
.bt-pick span{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;font-size:.84rem;color:var(--ix-tx2)}
.bt-pick span em{font-style:normal;display:inline-flex;gap:4px;align-items:center}
.bt-top{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:bt}
.bt-top li{counter-increment:bt;position:relative;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--ix-line);border-radius:12px;background:var(--ix-card);transition:border-color .15s,box-shadow .15s;min-width:0}
.bt-top li::before{content:counter(bt);display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-weight:800;font-size:1.05rem;color:var(--ix-ac);background:var(--ix-soft2)}
.bt-top li:first-child::before{background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink));color:#fff}
.bt-top li:hover,.bt-top li:focus-within{border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent);box-shadow:var(--ix-sh2)}
.bt-top li>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.bt-top a{font-weight:700;text-decoration:none;color:inherit;overflow-wrap:anywhere}
.bt-top a::after{content:"";position:absolute;inset:0;border-radius:12px}
.bt-top a:hover{color:var(--ix-ac)}
.bt-top span{font-size:.82rem;color:var(--ix-tx2)}
.bt-html{width:100%;min-height:180px;font:12px/1.4 ui-monospace,monospace;box-sizing:border-box;border-radius:10px;border:1px solid var(--ix-line);padding:10px;background:var(--ix-soft)}
.bt-prev{border:1px dashed color-mix(in srgb,var(--ix-ac) 35%,transparent);border-radius:12px;overflow:auto;max-width:100%}

/* haftanın konusu */
.hf-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:16px 0}
.hf-c{position:relative;background:var(--ix-card);border:1px solid var(--ix-line);border-radius:16px;padding:22px 22px 20px;min-width:0;display:flex;flex-direction:column;gap:10px;box-shadow:var(--ix-sh);overflow:hidden;transition:transform .18s,box-shadow .18s,border-color .18s}
.hf-c::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--ix-ac),var(--ix-pink))}
.hf-c.tart::before{background:linear-gradient(90deg,#6366f1,#14b8a6)}
.hf-c::after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ix-ac) 14%,transparent),transparent 70%);pointer-events:none}
.hf-c:hover,.hf-c:focus-within{transform:translateY(-3px);box-shadow:var(--ix-sh2);border-color:color-mix(in srgb,var(--ix-ac) 40%,transparent)}
.hf-top{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.hf-k{display:flex;flex-direction:column;gap:2px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ix-ac);min-width:0}
.hf-c.tart .hf-k{color:#4f46e5}body.dark_mode .hf-c.tart .hf-k{color:#a5b4fc}
.hf-k em{font-style:normal;font-weight:600;letter-spacing:.02em;text-transform:none;font-size:.82rem;color:var(--ix-tx2)}
.hf-c h2{margin:2px 0 0;font-size:1.22rem;line-height:1.35;font-weight:800;overflow-wrap:anywhere;position:relative;z-index:1}
.hf-c h2 a{color:inherit;text-decoration:none}
.hf-c h2 a:hover{color:var(--ix-ac)}
.hf-n{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--ix-soft2);color:var(--ix-ac)!important;font-size:.8rem;font-weight:700;text-decoration:none}
.hf-c p{margin:0;line-height:1.6;color:var(--ix-tx2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hf-m{display:flex;gap:8px;flex-wrap:wrap;font-size:.83rem;color:var(--ix-tx2)}
.hf-m span{display:inline-flex;gap:5px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--ix-soft)}
.hf-c .sxf-btn{align-self:flex-start;margin-top:auto;min-height:44px;padding:8px 18px;border-radius:12px;font-weight:700}
.hf-c .sxf-btn i{transition:transform .15s}.hf-c .sxf-btn:hover i{transform:translateX(3px)}
.hf-a{list-style:none;padding:0;margin:0;position:relative}
.hf-a::before{content:"";position:absolute;left:15px;top:6px;bottom:6px;width:2px;background:var(--ix-soft2)}
.hf-a li{position:relative;padding:8px 0 8px 40px;display:flex;flex-direction:column;gap:2px}
.hf-a li::before{content:"";position:absolute;left:9px;top:14px;width:14px;height:14px;border-radius:50%;background:var(--ix-card);border:3px solid var(--ix-ac)}
.hf-a b{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ix-tx2)}
.hf-a a{overflow-wrap:anywhere;min-width:0;font-weight:700;text-decoration:none}
.hf-a a:hover{text-decoration:underline}

/* tarih yarışması */
.qz-s{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.qz-s .tx{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:3px}
.qz-s .tx b{font-size:1.05rem}
.qz-s .tx span{color:var(--ix-tx2);font-size:.9rem;line-height:1.5}
.qz-stat{display:flex;gap:10px;flex-wrap:wrap}
.qz-stat div{min-width:84px;padding:8px 12px;border-radius:12px;background:var(--ix-soft);border:1px solid var(--ix-line);text-align:center}
.qz-stat b{display:block;font-size:1.25rem;font-weight:800;color:var(--ix-ac);font-variant-numeric:tabular-nums}
.qz-stat small{font-size:.74rem;color:var(--ix-tx2)}
.qz-b{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;background:var(--ix-soft2);color:var(--ix-ac);font-weight:700;font-size:.85rem;align-self:flex-start}
.qz-g{display:grid;gap:14px;margin:16px 0}
.qz-q{position:relative;background:var(--ix-card);border:1px solid var(--ix-line);border-radius:16px;padding:18px 20px;min-width:0;box-shadow:var(--ix-sh);transition:border-color .15s,box-shadow .15s}
.qz-q:hover,.qz-q:focus-within{border-color:color-mix(in srgb,var(--ix-ac) 40%,transparent);box-shadow:var(--ix-sh2)}
.qz-q h3{display:flex;gap:12px;align-items:flex-start;font-size:1.02rem;line-height:1.45;margin:0 0 14px;overflow-wrap:anywhere}
.qz-q h3 .qz-n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:.95rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--ix-ac),var(--ix-pink))}
.qz-q h3 span{min-width:0;padding-top:5px}
.qz-o{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.qz-o button{min-height:48px;padding:10px 6px;border-radius:12px;border:1.5px solid color-mix(in srgb,var(--ix-ac) 28%,transparent);background:var(--ix-soft);color:var(--ix-tx);font-weight:800;font-size:1.02rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s}
.qz-o button:hover:not(:disabled),.qz-o button:focus-visible{background:var(--ix-soft2);border-color:var(--ix-ac);transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb,var(--ix-ac) 22%,transparent)}
.qz-o button:focus-visible{outline:3px solid var(--sxf-ring,rgba(124,58,237,.35));outline-offset:2px}
.qz-o button:disabled{cursor:default;opacity:.6}
.qz-o button.ok{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;border-color:transparent;opacity:1;box-shadow:0 6px 16px rgba(21,128,61,.3)}
.qz-o button.no{background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;border-color:transparent;opacity:1}
.qz-r{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--ix-soft);font-size:.9rem;line-height:1.55;overflow-wrap:anywhere}
.qz-r:empty{display:none}
.qz-r a{font-weight:700}
.qz-lv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.qz-lv li{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--ix-line);background:var(--ix-card);min-width:0}
.qz-lv li .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.qz-lv li .tx span{font-size:.82rem;color:var(--ix-tx2)}
.qz-lv li:not(.on) .ix-tile{filter:grayscale(.85);opacity:.6}
.qz-lv .on{border-color:color-mix(in srgb,#16a34a 45%,transparent);background:color-mix(in srgb,#16a34a 7%,var(--ix-card))}
.qz-lv .on>i{color:#16a34a;font-size:1.2rem}

/* akıllı arama */
.ak{margin:12px 0 16px;padding:16px 18px;background:radial-gradient(110% 150% at 0% 0%,var(--ix-soft2),transparent 55%),var(--ix-card)}
.ak-fix{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);font-size:.96rem}
.ak-fix>i{color:#d97706;font-size:1.1rem}
.ak-fix a{font-weight:800;text-decoration:none;padding:2px 10px;border-radius:999px;background:var(--ix-card)}
.ak-fix a:hover{text-decoration:underline}
.ak h3{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;color:var(--ix-tx2)}
.ak-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.ak-e{position:relative;display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--ix-line);background:var(--ix-card);color:inherit!important;text-decoration:none;min-width:0;transition:transform .15s,box-shadow .15s,border-color .15s}
.ak-e:hover,.ak-e:focus-visible{border-color:color-mix(in srgb,var(--ix-ac) 50%,transparent);box-shadow:var(--ix-sh2);transform:translateY(-2px)}
.ak-e .ix-tile{color:#fff}
.ak-e>span{min-width:0;display:flex;flex-direction:column;gap:3px}
.ak-e b{display:block;overflow-wrap:anywhere;line-height:1.3}
.ak-e small{color:var(--ix-tx2);display:block;line-height:1.45;font-size:.8rem}
.ak-e .ak-t{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.ak-d{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.ak-d a{display:inline-flex;gap:7px;align-items:center;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ix-ac) 25%,transparent);background:var(--ix-soft);color:inherit!important;text-decoration:none;font-size:.88rem;font-weight:600;transition:background .15s,transform .15s,border-color .15s}
.ak-d a i{color:var(--ix-ac)}
.ak-d a:hover,.ak-d a:focus-visible{background:var(--ix-soft2);border-color:var(--ix-ac);transform:translateY(-1px)}

/* belge ekleri */
.bl{margin:12px 16px 6px;padding:14px;border:1px solid var(--ix-line);border-radius:14px;background:linear-gradient(160deg,var(--ix-soft),transparent 60%),var(--ix-card)}
.bl h4{margin:0 0 10px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ix-tx2);display:flex;gap:6px;align-items:center}
.bl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.bl li{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--ix-line);background:var(--ix-card);min-width:0;transition:border-color .15s,box-shadow .15s,transform .15s}
.bl li:hover,.bl li:focus-within{border-color:color-mix(in srgb,var(--ix-ac) 45%,transparent);box-shadow:var(--ix-sh2);transform:translateY(-1px)}
.bl li .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bl li a{font-weight:700;overflow-wrap:anywhere;min-width:0;color:inherit!important;text-decoration:none;line-height:1.35}
.bl li a::after{content:"";position:absolute;inset:0;border-radius:12px}
.bl li small{color:var(--ix-tx2);font-size:.78rem}
.bl li .dl{color:var(--ix-ac);font-size:1.1rem}
.bl-pdf{background:linear-gradient(135deg,#f43f5e,#be123c)!important}
.bl details{margin-top:10px}
.bl details summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--ix-ac) 40%,transparent);font-size:.86rem;font-weight:600;color:var(--ix-ac);list-style:none}
.bl details summary::-webkit-details-marker{display:none}
.bl details summary:hover{background:var(--ix-soft)}
.bl-up{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.bl-up input[type=text]{flex:1 1 200px;min-width:0;min-height:42px;padding:8px 12px;border:1px solid var(--ix-line);border-radius:10px;background:var(--ix-card);color:inherit}
.bl-up input[type=text]:focus{outline:none;border-color:var(--ix-ac);box-shadow:0 0 0 3px var(--sxf-ring,rgba(124,58,237,.25))}
.bl-up input[type=file]{max-width:100%;font-size:.85rem}
.bl-up .sxf-btn{min-height:42px}

/* mobil */
@media (max-width:640px){
 .ix-hero{flex-wrap:wrap;padding:18px 16px;gap:12px}
 .ix-hero .ix-tile{width:48px;height:48px;font-size:22px;border-radius:14px}
 .ix-hero-side{width:100%}
 .ix-card{padding:16px 14px}
 .ix-btns{flex-direction:column;align-items:stretch;width:100%}
 .ix-btns .sxf-btn{width:100%;min-height:46px}
 .tk-list li{padding:12px}
 .rz-g,.rz-req,.bt-pick,.hf-g,.ak-g,.bl ul,.qz-lv{grid-template-columns:minmax(0,1fr)}
 .rz-ladder li{grid-template-columns:34px 1fr auto;padding:10px 12px}
 .bt-sub .bt-act,.bt-sub .bt-act .sxf-btn{width:100%}
 .bt-sub .bt-act .sxf-btn{min-height:46px}
 .hf-c{padding:20px 16px 16px}
 .hf-c .sxf-btn{align-self:stretch}
 .qz-q{padding:16px 14px}
 .qz-o{grid-template-columns:repeat(2,minmax(0,1fr))}
 .qz-o button{min-height:52px}
 .qz-stat{width:100%}.qz-stat div{flex:1}
 .bl{margin:10px 10px 4px;padding:12px}
 .bl-up .sxf-btn,.bl-up input[type=file]{width:100%}
}
@media (prefers-reduced-motion:reduce){.ix *,.tk-list li,.rz-t,.bt-pick a,.hf-c,.qz-o button,.ak-e,.ak-d a,.bl li{transition:none!important;transform:none!important}}
.ix-card.sxf-gate{display:block;text-align:center}.ix-card.sxf-gate .ix-empty{width:100%}.ix-card.sxf-gate p{flex:none}
.ix-card.sxf-gate{color:var(--ix-tx)}.ix-card.sxf-gate .ix-art>i{font-size:26px}.ix-card.sxf-gate .sxf-btn .bi{font-size:inherit}
