/* Kupon kartları (bilet görünümü) */
.cp-sum{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.cp-sum .it{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:12.5px;color:var(--mute);font-weight:600}
.cp-sum .it b{font-size:16px;color:var(--ink);font-weight:800}
.cp-sum .it.ok b{color:var(--acc-ink)}.cp-sum .it.no b{color:var(--bad)}.cp-sum .it.lv b{color:var(--warn)}
.cp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 18px;font-size:12px;color:var(--mute)}
.cp-legend span{display:inline-flex;align-items:center;gap:6px}

.cp-sec{display:flex;align-items:center;gap:10px;margin:30px 0 12px}
.cp-sec h2{margin:0}
.cp-sec .n{font-size:12px;font-weight:700;color:var(--mute);background:var(--chip);border-radius:999px;padding:2px 9px}
.cp-sec::after{content:"";flex:1;height:1px;background:var(--line)}

.cps{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;align-items:start}
@media (max-width:420px){.cps{grid-template-columns:1fr}}
.cp{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;
  transition:transform .15s ease,box-shadow .15s ease}
.cp:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(15,23,42,.05),0 12px 28px rgba(15,23,42,.08)}
.cp::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--acc),var(--away))}
.cp.won{border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}
.cp.won::before{background:var(--acc)}
.cp.lost{border-color:color-mix(in srgb,var(--bad) 35%,var(--line))}
.cp.lost::before{background:var(--bad)}
.cp.lost .cp-legs,.cp.lost .cp-f{opacity:.78}
.cp.lv::before{background:linear-gradient(90deg,var(--warn),var(--acc),var(--warn));background-size:200% 100%;animation:cpflow 2.5s linear infinite}
.cp.lv.no::before{background:linear-gradient(90deg,var(--bad),var(--warn),var(--bad));background-size:200% 100%}
@keyframes cpflow{to{background-position:-200% 0}}

.cp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 10px}
.cp-t{display:flex;align-items:center;gap:10px;min-width:0}
.cp-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--chip);flex:none}
.cp-t b{display:block;font-size:15.5px;letter-spacing:-.01em}
.cp-t small{display:block;font-size:12px;color:var(--mute);font-weight:600;margin-top:1px}
.cp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0 16px 12px;font-size:12px;color:var(--mute)}
.cp-meta .ev{font-weight:700}.cp-meta .ev.pos{color:var(--acc-ink)}.cp-meta .ev.neg{color:var(--warn)}
.cp-meta .sys{font-weight:700;color:var(--ink2)}

/* güven göstergesi */
.gv{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink2)}
.gv .bars{display:inline-flex;gap:2px;align-items:flex-end}
.gv .bars i{width:4px;border-radius:2px;background:var(--line)}
.gv .bars i:nth-child(1){height:6px}.gv .bars i:nth-child(2){height:9px}.gv .bars i:nth-child(3){height:12px}.gv .bars i:nth-child(4){height:15px}
.gv.l4 .bars i{background:var(--acc)}
.gv.l3 .bars i:nth-child(-n+3){background:#84cc16}
.gv.l2 .bars i:nth-child(-n+2){background:var(--warn)}
.gv.l1 .bars i:nth-child(1){background:var(--bad)}

/* bacaklar */
.cp-legs{list-style:none;margin:0;padding:0 8px;position:relative}
.cl{display:grid;grid-template-columns:30px 1fr auto;gap:10px;padding:12px 8px;position:relative}
.cl+.cl{border-top:1px dashed var(--line)}
.cl-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--chip);
  color:var(--ink2);margin-top:1px;position:relative}
.cl.won .cl-n{background:var(--acc);color:#fff}
.cl.lost .cl-n{background:var(--bad);color:#fff}
.cl.iade .cl-n{background:var(--draw);color:#fff}
.cl.ok .cl-n{background:var(--acc-bg);color:var(--acc-ink);box-shadow:0 0 0 2px var(--acc)}
.cl.no .cl-n{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);box-shadow:0 0 0 2px var(--bad)}
.cl.ok .cl-n::after,.cl.no .cl-n::after,.cl.live .cl-n::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid currentColor;
  opacity:.5;animation:ring 1.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.85);opacity:.6}100%{transform:scale(1.25);opacity:0}}
.cl-b{min-width:0}
.cl-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11.5px;color:var(--mute);font-weight:600}
.cl-kind{padding:1px 7px;border-radius:6px;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;background:var(--chip);color:var(--ink2)}
.cl-kind.k-ms{background:color-mix(in srgb,var(--away) 14%,transparent);color:var(--away)}
.cl-kind.k-cs{background:color-mix(in srgb,#8b5cf6 15%,transparent);color:#8b5cf6}
.cl-kind.k-au{background:var(--acc-bg);color:var(--acc-ink)}
.cl-kind.k-kg{background:var(--warn-bg);color:var(--warn)}
.cl-kind.k-korner,.cl-kind.k-tg{background:color-mix(in srgb,#06b6d4 15%,transparent);color:#0891b2}
.cl-mt{display:block;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;margin:4px 0 2px;line-height:1.35}
.cl-mt:hover{color:var(--acc-ink)}
.cl-mt .cl-vs{color:var(--mute);font-weight:500;margin:0 5px}
.cl-sel{font-size:13.5px;font-weight:800;color:var(--ink);margin-top:3px}
.cl-pr{display:flex;align-items:center;gap:8px;margin-top:6px}
.cl-pb{flex:1;max-width:150px;height:5px;border-radius:3px;background:var(--chip);overflow:hidden}
.cl-pb i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acc),#84cc16)}
.cl-pr span{font-size:11.5px;color:var(--mute);font-weight:700}
.cl-why{margin-top:5px;font-size:11.5px;color:var(--mute)}
.cl-why summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink2);display:inline-flex;align-items:center;gap:4px}
.cl-why summary::-webkit-details-marker{display:none}
.cl-why summary::before{content:"▸";font-size:10px;transition:transform .15s}
.cl-why[open] summary::before{transform:rotate(90deg)}
.cl-why p{margin:4px 0 0;line-height:1.45}
.cl-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}
.cl-odd{min-width:58px;padding:6px 10px;border-radius:10px;background:var(--card2);border:1px solid var(--line);text-align:center}
.cl-odd b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.cl-odd small{display:block;font-size:10px;color:var(--mute);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.cl.won .cl-odd{border-color:var(--acc);background:var(--acc-bg)}
.cl.lost .cl-odd{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}
.cl.lost .cl-odd b{text-decoration:line-through;color:var(--mute)}

/* durum etiketleri */
.cst,.lst{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:12px;border-radius:999px;padding:3px 10px;line-height:1.5;white-space:nowrap}
.lst{padding:2px 8px;font-size:11.5px}
.cst.lv,.lst.lv{background:var(--warn-bg);color:var(--warn)}
.cst.lv.ok,.lst.lv.ok{background:var(--acc-bg);color:var(--acc-ink)}
.cst.lv.no,.lst.lv.no{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad)}
.cst.fin,.lst.fin{background:var(--chip);color:var(--ink2)}
.cst.fin.ok,.lst.fin.ok{background:var(--acc-bg);color:var(--acc-ink)}
.cst.fin.no,.lst.fin.no{background:color-mix(in srgb,var(--bad) 13%,transparent);color:var(--bad)}
.cst.ns{background:var(--chip);color:var(--mute)}
.lst small{font-weight:600;opacity:.8}
.pdot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:pulse 1.4s infinite}

/* yırtma çizgisi + alt bilgi */
.cp-tear{position:relative;height:18px;margin-top:4px}
.cp-tear::before{content:"";position:absolute;left:16px;right:16px;top:50%;border-top:2px dashed var(--line)}
.cp-tear i{position:absolute;top:0;width:18px;height:18px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.cp-tear i:first-child{left:-10px}.cp-tear i:last-child{right:-10px}
.cp-f{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:0}
.cp-f > div{background:var(--card);padding:12px 14px}
.cp-f b{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.cp-f span{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:2px}
.cp-f .big b{font-size:22px;color:var(--acc-ink)}
.cp-f .pbar{height:4px;border-radius:2px;background:var(--chip);margin-top:6px;overflow:hidden}
.cp-f .pbar i{display:block;height:100%;background:var(--acc)}
.cp-sys{padding:4px 16px 14px}
.cp-sys table{width:100%;border-collapse:collapse;font-size:12.5px}
.cp-sys th{font-size:11px;color:var(--mute);text-align:left;font-weight:700;padding:6px 4px;border-bottom:1px solid var(--line)}
.cp-sys td{padding:6px 4px;border-bottom:1px dashed var(--line)}
.cp-sys .n{text-align:right}
.cp-sys p{margin:8px 0 0;font-size:11.5px;color:var(--mute);line-height:1.45}
.cp-kasa{border-top:1px solid var(--line);padding:12px 16px;background:var(--card2)}
.cp-kasa form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.cp-kasa input[type=number]{width:84px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink);font:inherit;font-size:13px}
.cp-kasa .btn{padding:7px 13px;font-size:13px}
.cp-empty{padding:22px;text-align:center;color:var(--mute);border:1px dashed var(--line);border-radius:16px;background:var(--card)}
.cp-empty b{display:block;color:var(--ink);margin-bottom:4px}
.cl-mt .cpy{opacity:.45;width:20px!important;height:20px!important;transition:opacity .15s}
.cl-mt:hover .cpy,.cl-mt .cpy:focus{opacity:1}
.cl-mt .tm{white-space:nowrap}
/* grup sekmeleri */
.cp-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 0 12px;scrollbar-width:thin}
.cp-tab{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1.5px solid var(--line);
  background:var(--card);color:var(--ink2);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:.15s}
.cp-tab:hover{border-color:var(--mute);color:var(--ink)}
.cp-tab .ic{font-size:16px}
.cp-tab .lk{font-size:11px}
.cp-tab.on{border-color:var(--acc);background:var(--acc-bg);color:var(--acc-ink);box-shadow:0 0 0 3px var(--ring)}
.cp-about{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:16px}
.cp-about .ic{font-size:22px;width:40px;height:40px;border-radius:12px;background:var(--chip);display:grid;place-items:center;flex:none}
.cp-about b{font-size:15px}
.cp-about p{margin:3px 0 0;font-size:13px;color:var(--mute);line-height:1.5}
.cp-rules{margin-top:8px;font-size:12.5px;color:var(--mute)}
.cp-rules summary{cursor:pointer;font-weight:700;color:var(--acc-ink)}
.cp-rules ul{margin:8px 0 0;padding-left:18px;line-height:1.55}
.cp-rules li{margin-bottom:4px}
/* günlük risk kartı */
.cp-risk{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:14px 16px;margin:0 0 16px;box-shadow:var(--shadow)}
.cp-risk .hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:10px}
.cp-risk .hd b{font-size:15px}.cp-risk .hd span{font-size:12px;color:var(--mute);font-weight:600}
.cp-risk .cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.cp-risk .cells div{padding:10px 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line)}
.cp-risk .cells b{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}
.cp-risk .cells span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:2px}
.cp-risk .cells .ok b{color:var(--acc-ink)}.cp-risk .cells .no b{color:var(--bad)}
.cp-risk p{margin:10px 0 0;font-size:11.5px;color:var(--mute);line-height:1.45}
.cp-meta .tag{padding:1px 7px;border-radius:6px;background:var(--chip);color:var(--ink2);font-weight:700;font-size:11px}
.cp-meta .tag.pl{background:var(--acc-bg);color:var(--acc-ink)}
/* sayfa düzeni (Kupon önerileri / Kasam ortak) */
.kx-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.kx-top h1{font-size:26px;letter-spacing:-.025em;margin:0}
.kx-top p{margin:4px 0 0;color:var(--mute);font-size:13.5px}
.kx-set{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--chip);color:var(--ink2);font-weight:700;font-size:13px;text-decoration:none}
.kx-set:hover{background:var(--line)}
.cx-links{display:flex;gap:8px;flex-wrap:wrap}
.kx-kpi{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px;align-items:stretch}
.kx-k{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow);min-width:0}
.kx-k>span{display:block;font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.kx-k b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-top:4px;line-height:1.15}
.kx-k small{display:block;font-size:12px;color:var(--mute);margin-top:4px}
.kx-k.main{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 16%,var(--card)),var(--card) 70%);border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}
.kx-k.main b{font-size:28px}
@media (max-width:820px){.kx-kpi{grid-template-columns:1fr 1fr}.kx-k{padding:14px}.kx-k b{font-size:20px}.kx-k.main b{font-size:24px}}
.kx-bar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--chip);margin-top:10px}
.kx-bar i{display:block;height:100%}
.kx-bar .w{background:var(--acc)}.kx-bar .l{background:var(--bad)}.kx-bar .o{background:var(--warn)}
/* gün seçici: tek bant, sakin; seçili gün yumuşak yeşil (16.10) */
.kx-days{display:flex;gap:2px;width:max-content;max-width:100%;overflow-x:auto;padding:4px;margin:0 0 16px;
  background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  scroll-snap-type:x proximity;scrollbar-width:none}
.kx-days::-webkit-scrollbar{display:none}
.kx-d{flex:none;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  min-width:56px;padding:6px 10px;border-radius:10px;text-decoration:none;color:var(--ink2);transition:background .15s,color .15s}
.kx-d:hover{background:var(--chip)}
.kx-d .w{font-size:10.5px;font-weight:600;color:var(--mute);letter-spacing:.01em;line-height:1.2}
.kx-d .t{font-size:13.5px;font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums;line-height:1.25}
.kx-d.on{background:var(--acc-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 40%,transparent)}
.kx-d.on .w,.kx-d.on .t{color:var(--acc-ink)}
.kx-d:focus-visible{outline:2px solid var(--ring);outline-offset:1px}
@media (max-width:600px){.kx-d{min-width:50px;padding:5px 8px}.kx-d .t{font-size:13px}}
.kx-led{margin-top:22px}
.kx-led summary{cursor:pointer;font-weight:800;font-size:15px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;
  list-style:none;display:flex;justify-content:space-between;align-items:center}
.kx-led summary::-webkit-details-marker{display:none}
.kx-led summary::after{content:"▾";color:var(--mute);transition:transform .2s}
.kx-led[open] summary::after{transform:rotate(180deg)}
.kx-led .tbl-wrap{margin-top:10px}
.kx-led > p{margin:10px 2px 0}
.cx-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.cx-l{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);
  color:var(--ink2);font-weight:700;font-size:14px;text-decoration:none;transition:.15s;min-width:0}
.cx-l:hover{border-color:var(--mute);color:var(--ink)}
.cx-l .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--chip);flex:none}
.cx-l .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-l.on{border-color:var(--acc);background:var(--acc-bg);color:var(--acc-ink);box-shadow:0 0 0 3px var(--ring)}
.cx-l.on .ic{background:var(--card)}
@media (max-width:560px){.cx-lists{grid-template-columns:1fr 1fr}.cx-l{padding:9px 10px;font-size:13px}.cx-l .ic{width:28px;height:28px;font-size:15px}}
.cx-about{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:12px;font-size:13.5px;color:var(--ink2)}
.cx-about p{margin:0;line-height:1.5}
.cx-filter .filters{padding:10px 12px;margin-bottom:14px}
.cx-filter .filters .dates{display:none}
.cx-note{font-size:12.5px;color:var(--mute);margin:0 2px 18px;line-height:1.55}
.cx .cp-sec{margin-top:26px}
.cx-filter .filters{background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:14px}
.cx-none{padding:34px 16px;border-width:2px;border-radius:18px;margin-top:8px}
@media (max-width:560px){.cx-l .nm{white-space:normal;line-height:1.2}}