/* TG Canlı Skor — bağımsız, SofaScore-tarzı temiz tasarım */
.tgcs{max-width:740px;margin:0 auto;color:#1a1d21;font-size:14px;line-height:1.3}
.tgcs *{box-sizing:border-box}
.tgcs button{font-family:inherit}

.tgcs-head{position:sticky;top:0;z-index:6;background:#fff;padding:12px 0 10px;border-bottom:1px solid #eef0f2}
.tgcs-datenav{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}
.tgcs-datenav button{width:36px;height:36px;border:1px solid #e3e6ea;background:#fff;border-radius:9px;font-size:20px;line-height:1;cursor:pointer;color:#146C43;transition:.15s;display:flex;align-items:center;justify-content:center}
.tgcs-datenav button:hover{background:#eef5f0;border-color:#146C43}
.tgcs-dlabel{min-width:168px;text-align:center;font-weight:800;font-size:15px}
.tgcs-dpick{border:1px solid #e3e6ea;border-radius:9px;height:36px;padding:0 10px;color:#146C43;background:#fff;cursor:pointer;font-size:13px}

.tgcs-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.tgcs-tabs button{border:1px solid #e3e6ea;background:#fff;border-radius:20px;padding:7px 15px;font-weight:600;font-size:13px;cursor:pointer;color:#53606b;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.tgcs-tabs button:hover{border-color:#146C43;color:#146C43}
.tgcs-tabs button.is-active{background:#146C43;border-color:#146C43;color:#fff}
.tgcs-tabs button.tgcs-live.is-active{background:#e2362f;border-color:#e2362f}
.tgcs-badge{background:rgba(0,0,0,.08);border-radius:11px;padding:1px 8px;font-size:11px;font-weight:800;min-width:20px;text-align:center}
.tgcs-tabs button.is-active .tgcs-badge{background:rgba(255,255,255,.28)}

.tgcs-search-wrap{position:relative;margin:11px auto 0;max-width:380px}
.tgcs-search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa4ad;pointer-events:none}
.tgcs-search{width:100%;border:1px solid #e3e6ea;border-radius:22px;height:40px;padding:0 38px 0 40px;font-size:14px;line-height:40px;outline:none;color:#1a1d21;background:#fff!important;background-color:#fff!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important;margin:0;transition:border-color .15s}
.tgcs-search:focus{border-color:#146C43!important;box-shadow:0 0 0 3px rgba(20,108,67,.12)!important;background:#fff!important}
.tgcs-search:-webkit-autofill,.tgcs-search:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px #fff inset!important;box-shadow:0 0 0 40px #fff inset!important}
.tgcs-search::placeholder{color:#9aa4ad;opacity:1}
.tgcs-search::-webkit-search-cancel-button{display:none}
.tgcs-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:#eef1f3;color:#53606b;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tgcs-search-clear:hover{background:#e2362f;color:#fff}

.tgcs-lg{margin:14px 0;border:1px solid #eef0f2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(20,30,40,.04)}
.tgcs-lg-h{display:flex;align-items:center;gap:9px;padding:11px 15px;background:#f7f9fa;cursor:pointer;user-select:none}
.tgcs-lg-h:hover{background:#f1f5f7}
.tgcs-lg-name{font-weight:800;font-size:13.5px;color:#1a1d21}
.tgcs-lg-country{color:#8a95a0;font-weight:500;font-size:12px}
.tgcs-lg-live{margin-left:6px;background:#e2362f;color:#fff;font-size:10px;font-weight:800;border-radius:9px;padding:1px 7px}
.tgcs-lg-chev{margin-left:auto;color:#9aa4ad;transition:.2s;font-size:13px}
.tgcs-lg.collapsed .tgcs-lg-chev{transform:rotate(-90deg)}
.tgcs-lg.collapsed .tgcs-lg-b{display:none}

.tgcs-m{display:grid;grid-template-columns:56px 1fr 56px 1fr;align-items:center;padding:10px 15px;border-top:1px solid #f3f5f6}
.tgcs-m:hover{background:#f9fbfc}
.tgcs-m-st{font-size:12px;font-weight:700;color:#9aa4ad;text-align:center;line-height:1.15}
.tgcs-m-st.live{color:#e2362f}
.tgcs-m-st.live:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:#e2362f;margin:3px auto 0;animation:tgcsblink 1.2s infinite}
@keyframes tgcsblink{0%,100%{opacity:1}50%{opacity:.25}}
.tgcs-m-t{display:flex;align-items:center;gap:8px;min-width:0}
.tgcs-m-t.home{justify-content:flex-end;text-align:right}
.tgcs-m-t.away{justify-content:flex-start}
.tgcs-m-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.tgcs-m.live .tgcs-m-n{color:#111}
.tgcs-m-l{width:22px;height:22px;object-fit:contain;flex:0 0 22px}
.tgcs-m-sc{text-align:center;font-weight:800;font-size:15px;color:#1a1d21;white-space:nowrap}
.tgcs-m-sc.live{color:#e2362f}
.tgcs-m-sc i{color:#c5cdd4;font-style:normal;margin:0 3px;font-weight:600}
.tgcs-m.up .tgcs-m-sc{color:#c5cdd4;font-weight:700}
.tgcs-red{display:inline-block;background:#e2362f;color:#fff;font-size:10px;line-height:14px;height:14px;min-width:10px;text-align:center;border-radius:3px;padding:0 3px;margin:0 2px;font-weight:800;vertical-align:middle}

.tgcs-loading,.tgcs-empty{text-align:center;color:#9aa4ad;padding:46px 0;font-weight:600}
.tgcs-foot{text-align:center;color:#aab3bb;font-size:12px;padding:18px 0}
.tgcs-m{cursor:pointer}

/* Maç detay modalı */
.tgcs-modal[hidden]{display:none}
.tgcs-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.tgcs-modal-bg{position:absolute;inset:0;background:rgba(16,22,28,.55);backdrop-filter:blur(2px)}
.tgcs-modal-card{position:relative;background:#fff;border-radius:18px;width:100%;max-width:440px;box-shadow:0 24px 60px rgba(0,0,0,.3);padding:26px 22px 20px;animation:tgcsin .18s ease}
@keyframes tgcsin{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.tgcs-modal-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:#f1f3f5;color:#53606b;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tgcs-modal-close:hover{background:#e2362f;color:#fff}
.tgcs-modal-lg{text-align:center;font-size:13px;font-weight:700;color:#8a95a0;margin-bottom:18px}
.tgcs-modal-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:6px}
.tgcs-modal-team{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.tgcs-modal-logo{width:62px;height:62px;object-fit:contain}
.tgcs-modal-tn{font-weight:700;font-size:15px;text-align:center;line-height:1.2;color:#1a1d21}
.tgcs-modal-mid{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px}
.tgcs-modal-score{font-weight:900;font-size:40px;letter-spacing:-1px;color:#1a1d21;white-space:nowrap}
.tgcs-modal-score.live{color:#e2362f}
.tgcs-modal-score.up{font-size:26px;color:#53606b}
.tgcs-modal-score i{color:#c5cdd4;font-style:normal;margin:0 4px}
.tgcs-modal-status{font-size:12px;font-weight:800;padding:3px 12px;border-radius:20px;background:#eef1f3;color:#53606b;white-space:nowrap}
.tgcs-modal-status.live{background:#fdeceb;color:#e2362f}
.tgcs-modal-status.finished{background:#eef1f3;color:#53606b}
.tgcs-modal-status.upcoming{background:#eef5f0;color:#146C43}
.tgcs-modal-rows{margin-top:20px;border-top:1px solid #eef0f2}
.tgcs-mr{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-bottom:1px solid #f3f5f6;font-size:14px}
.tgcs-mr span{color:#8a95a0;font-weight:600}
.tgcs-mr b{color:#1a1d21;font-weight:800}

@media(max-width:600px){
  .tgcs{font-size:13px}
  .tgcs-head{padding:10px 0 8px}
  .tgcs-datenav{gap:8px;margin-bottom:10px}
  .tgcs-datenav button{width:34px;height:34px;font-size:18px}
  .tgcs-dlabel{min-width:118px;font-size:14px}
  .tgcs-dpick{height:34px}
  .tgcs-tabs{gap:6px}
  .tgcs-tabs button{padding:6px 11px;font-size:12px;gap:5px}
  .tgcs-search-wrap{max-width:100%}
  .tgcs-lg{margin:11px 0;border-radius:12px}
  .tgcs-lg-h{padding:10px 12px}
  .tgcs-m{grid-template-columns:46px 1fr 48px 1fr;padding:9px 10px}
  .tgcs-m-l{width:18px;height:18px;flex-basis:18px}
  .tgcs-m-t{gap:6px}
  .tgcs-m-sc{font-size:14px}
  .tgcs-modal-card{padding:24px 16px 16px;border-radius:16px}
  .tgcs-modal-logo{width:52px;height:52px}
  .tgcs-modal-tn{font-size:14px}
  .tgcs-modal-score{font-size:34px}
}
@media(max-width:380px){
  .tgcs-lg-country{display:none}
  .tgcs-m{grid-template-columns:40px 1fr 42px 1fr;padding:8px 8px}
  .tgcs-m-n{font-size:12.5px}
  .tgcs-datenav button{width:32px;height:32px}
}