/* ======================= NVERIR (KENDİ CLASS'LARIM) ======================= */
.nverir, .nverir *{ box-sizing:border-box; }
.nverir{ font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial; line-height:1.45; color:#111; background:#fff; }
.nverir-wrap{ max-width:1200px; margin:16px auto; padding:0 12px; }

/* ÜST SEKMELER (hipodrom) */
.nverir-tabs{ position:sticky; top:0; z-index:5; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:8px; box-shadow:0 2px 10px rgba(0,0,0,.03); }
.nverir-tablist{ list-style:none; margin:0; padding:4px; display:flex; gap:8px; overflow:auto; }
.nverir-tab{ appearance:none; border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; font-size:14px; }
.nverir-tab:hover{ background:#f7f7f7; }
.nverir-tab[aria-current="true"]{ background:#e80f2e; color:#fff; border-color:#e80f2e; }
.nverir-panel{ display:none; margin-top:12px; }

/* ALTILI SEKMELERİ (1. 6'lı / 2. 6'lı) */
.nverir-subtabs{ margin-top:8px; display:flex; gap:8px; flex-wrap:wrap; }
.nverir-subtab{ appearance:none; border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:999px; cursor:pointer; white-space:nowrap; font-size:14px; }
.nverir-subtab[aria-current="true"]{ background:#e80f2e; color:#fff; border-color:#e80f2e; }

/* AYAK SEKMELERİ (1..6. AYAK) */
.nverir-legtabs{ margin:8px 0; display:flex; gap:8px; flex-wrap:wrap; }
.nverir-legtab{ appearance:none; border:1px solid #e5e7eb; background:#fff; padding:6px 10px; border-radius:10px; cursor:pointer; font-size:13px; }
.nverir-legtab[aria-current="true"]{ background:#e80f2e; color:#fff; border-color:#e80f2e; }

/* KOŞU BLOĞU */
.nverir-race{ border:1px solid #dee2e6; border-radius:10px; background:#fff; margin:14px 0; overflow:hidden; }
.nverir-rhead{ display:grid; grid-template-columns:180px 1fr 1fr 160px; gap:8px; align-items:center; padding:10px 12px; background:#f8f9fb; border-bottom:1px solid #e6e6e6; }
.nverir-rno{ font-weight:800; font-size:16px; }
.nverir-rtime{ font-weight:700; }
.nverir-rname{ font-size:14px; color:#333; display:flex; flex-direction:column; }
.nverir-rdist{ font-weight:800; text-align:right; }

/* TABLO */
.nverir-tbl{ width:100%; border-collapse:collapse; background:#fff; table-layout:fixed; }
.nverir-tbl thead th{ font-size:12px; color:#666; background:#f7f7f7; border-top:none; }
.nverir-tbl th, .nverir-tbl td{ padding:8px; border-top:1px solid #efefef; vertical-align:top; text-align:left; font-size:14px; line-height:1.2; }
.nverir-tbl tr:first-child td{ border-top:none; }
.nverir-col-name{ font-weight:700; width:322px; max-width:322px; }

/* ROZET & METALAR */
.nverir-badge{ display:inline-block; font-size:11px; border:1px solid #e5e7eb; border-radius:6px; padding:0 4px; margin-left:6px; color:#555; background:#fff; }
.nverir-meta{ font-size:12px; color:#475569; margin:12px 2px; }

/* EKÜRİ rozeti "(e)" renkleri */
.nverir-ekuri{ display:inline-block; margin-left:6px; font-size:11px; line-height:1; padding:0 4px; border-radius:999px; font-weight:800; }
.nverir-ekuri-1{ color:#111; }        /* siyah */
.nverir-ekuri-2{ color:#e80f2e; }     /* kırmızı */
.nverir-ekuri-3{ color:#0a8a2a; }     /* yeşil */
.nverir-ekuri-4{ color:#0b65c2; }     /* mavi */
.nverir-ekuri-5{ color:#a56a32; }     /* toprak */

/* KOŞMAZ */
.nverir-kosmaz{ display:inline-block; margin-left:6px; font-size:11px; line-height:1; padding:0 6px; border-radius:999px; border:1px solid #e80f2e; color:#e80f2e; font-weight:800; }
.nverir-row-scr td{ color:#64748b; }
.nverir-row-scr .nverir-badge{ border-color:#cbd5e1; color:#64748b; background:#fff; }

/* KAZANAN (snapshot) */
.nverir-row-win{ background:#fff8d8; }
.nverir-win-ico{ margin-left:6px; }

.nverir-ekuri-pct{ font-weight:800; }
.nverir-agf-ind{ font-size:12px; opacity:.9; }

/* Seçili satır vurgusu – biraz daha dolgun */
.nverir-row-sel {
  outline: 2px solid #0ea5e9;
  outline-offset: -2px;
  background: #d1e7ff; /* eski #f0f9ff yerine daha belirgin açık mavi */
  transition: background-color 0.2s ease-in-out;
}


/* Aksiyon barı */
.nverir-actions{ display:flex; gap:10px; align-items:center; margin:14px 0; }
.nverir-actions .btn{ appearance:none; border:1px solid #e5e7eb; background:#fff; padding:8px 12px; border-radius:10px; cursor:pointer; font-weight:700; }
.nverir-actions .btn[disabled]{ opacity:.5; cursor:not-allowed; }
.nverir-result{ font-size:16px; font-weight:800; margin-left:auto; }

/* UYARI KARTI */
.nverir-alert{
  border:1px solid #fde68a; background:#fffbeb; color:#92400e;
  border-radius:12px; padding:12px; margin:14px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.02);
}
.nverir-alert .title{ font-weight:800; margin-bottom:6px; display:flex; align-items:center; gap:8px; }
.nverir-alert .desc{ font-size:13px; color:#7c2d12; }

/* MOBİL – kompakt görünüm */
@media (max-width:900px){
  .nverir-race{ position:relative; overflow-x:hidden; }
  .nverir-rhead{ position:sticky; left:0; min-width:100%; background:#fff; z-index:2;
                 display:flex; flex-wrap:wrap; gap:6px 8px; align-items:center; padding:8px 10px; }
  .nverir-rname{ font-size:13px; flex:1 1 auto; min-width:160px; }
  .nverir-rdist{ margin-left:auto; white-space:nowrap; }

  .nverir-tbl{ width:100%; min-width:100%; table-layout:fixed; }
  .nverir-tbl th, .nverir-tbl td{ padding:6px 8px; font-size:13px; line-height:1.25; }
  .nverir-col-name{ width:auto; max-width:none; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

  /* Jokey sütununu gizle (2. sütun) */
  .nverir-tbl th:nth-child(2),
  .nverir-tbl td:nth-child(2){ display:none; }

  /* Eküri ve AGF sütun genişlikleri */
  .nverir-tbl th:nth-child(3), .nverir-tbl td:nth-child(3){ width:68px; text-align:center; }
  .nverir-tbl th:nth-child(4), .nverir-tbl td:nth-child(4){ width:72px; text-align:center; }

  .nverir-ekuri{ font-size:10px; padding:0 3px; }
  .nverir-kosmaz{ font-size:10px; padding:0 5px; }
  .nverir-win-ico{ margin-left:4px; }
}

/* Çok küçük ekran – sadece “At + AGF” (Eküri sütununu da gizle) */
@media (max-width:420px){
  .nverir-tbl th:nth-child(3),
  .nverir-tbl td:nth-child(3){ display:none; }
}

@media (min-width:1000px){
  .nverir-side .nverir-actions{ margin-top:12px; }
}