/* Genel kutu modeli */
.tjky-root, .tjky-root *{box-sizing:border-box}

/* Temel yazı, renk, arka plan */
.tjky-root{
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
  line-height:1.45;
  color:#111;
  background:#fff;
}

/* Ana kaplama */
.tjky-wrap{max-width:1200px;margin:16px auto;padding:0 12px}
.tjky-layout{display:flex;gap:12px}

/* Sol menü */
.tjky-nav{
  width:260px;
  flex:0 0 260px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.tjky-navlist{list-style:none;margin:0;padding:6px;max-height:80vh;overflow:auto}
.tjky-navbtn{
  display:block;width:100%;text-align:left;
  padding:12px 14px;
  border-radius:10px;
  border:0;
  background:#fff;
  cursor:pointer;
}
.tjky-navbtn:hover{background:#f5f5f5}
.tjky-navbtn[aria-current="true"]{background:#e80f2e;color:#fff}

/* İçerik alanı */
.tjky-content{
  flex:1;
  border:1px solid #e5e7eb;
  border-radius:12px;
  background:#fff;
  padding:12px;
  min-height:240px;
}
.tjky-panel{display:none}

/* Üst etiketler */
.tjky-head{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:2px 0 10px;
}
.tjky-tag{
  display:inline-block;
  padding:0 4px;
  background:transparent;
  font-size:12px;
  color:#475569;
  cursor:default;
}

/* Sonuç blokları */
.tjky-blocks{display:flex;gap:12px;flex-wrap:wrap}
.tjky-block{
  flex:1;
  min-width:320px;
  border:1px solid #eef0f2;
  border-radius:10px;
  padding:12px;
  background:#fafafa;
}
.tjky-blockhead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
.tjky-bahis{font-weight:700}

/* TABLO GENEL */
.tjky-legs{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  background:#fff;
  border-radius:8px;
  overflow:hidden;
}
.tjky-legs th,
.tjky-legs td{
  border-top:1px solid #e6e6e6;
  padding:10px 8px;
  text-align:left;
  vertical-align:top;
  word-break:break-word;
  font-size:14px;
}
.tjky-legs thead th{
  font-size:12px;
  color:#666;
  font-weight:600;
  background:#f7f7f7;
  border-top:0;
}
.tjky-legs tr:first-child td{border-top:0}

/* AYAK */
.tjky-legs .tjky-col-no{
  width:50px;min-width:50px;max-width:50px;
  text-align:center;
  white-space:nowrap;
  font-size:12px;
  color:#555;
}

/* SONUÇ */
.tjky-legs th:nth-child(2),
.tjky-legs td:nth-child(2){
  width:auto;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.tjky-legs td:nth-child(2){
  font-size:13px;
  line-height:1.35;
}
.tjky-legs thead th:nth-child(2){padding-left:12px;}

/* GANYAN */
.tjky-legs .tjky-col-ganyan{
  width:calc(6ch + 12px);
  min-width:calc(6ch + 12px);
  max-width:calc(6ch + 12px);
  text-align:right;
  white-space:nowrap;
  font-size:13px;
}

/* SIRA (AGF) */
.tjky-legs .tjky-col-agfsira{
  width:56px;
  min-width:56px;
  max-width:56px;
  text-align:center;
  white-space:nowrap;
  font-size:12px;
  color:#444;
}
/* Hücre boşsa alan kaplamasın */
.tjky-legs .tjky-col-agfsira:empty{
  width:1px;
  min-width:1px;
  max-width:1px;
  padding-left:0;
  padding-right:0;
}

/* Bilgi kutusu */
.tjky-info{
  margin-top:10px;
  font-size:13px;
  color:#555;
  background:#f9fafb;
  border-left:4px solid #e80f2e;
  padding:10px 12px;
}
.tjky-info p{margin:0.25em 0}
.tjky-meta{font-size:12px;color:#475569;margin:10px 0}

/* Hava açıklaması – sade not satırı */
.tjky-note{
  margin:4px 0 8px 2px;
  font-size:12px;
  color:#475569;
}

/* Sıra (AGF) sütunu hizası */
.tjky-col-agfsira{
  white-space:nowrap;
  text-align:right;
}


/* Mobil düzen */
@media (max-width:900px){
  .tjky-layout{flex-direction:column}
  .tjky-nav{width:auto;flex:auto}
  .tjky-navlist{display:flex;gap:8px;overflow:auto;white-space:nowrap}
  .tjky-navbtn{flex:0 0 auto;border:1px solid #e5e7eb}
  .tjky-blocks{flex-direction:column}
  .tjky-block{min-width:auto;width:100%}

  /* Mobilde sütunlar daha dar */
  .tjky-legs .tjky-col-ganyan{
    width:calc(5ch + 10px);
    min-width:calc(5ch + 10px);
    max-width:calc(5ch + 10px);
  }
  .tjky-legs .tjky-col-agfsira{
    width:44px;
    min-width:44px;
    max-width:44px;
  }
}