/* Değerleme sayfası: ABD sitesindeki Vuexy (ozel) temasından alınan stiller. Renkler eski sitenin Vuexy renkleri. */
.tv-dg {
  --zemin: #f8f8f8; --kart: #ffffff; --kart2: #f8f7fa; --cizgi: #ebe9f1; --cizgi2: #d8d6de;
  --metin: #5e5873; --govde: #6e6b7b; --silik: #8a8698; --cok-silik: #b9b9c3;
  --vurgu: #7367f0; --vurgu-zemin: rgba(115, 103, 240, .12);
  --yukari: #28c76f; --asagi: #ea5455; --uyari: #ff9f43; --yukari-zemin: rgba(40, 199, 111, .12); --asagi-zemin: rgba(234, 84, 85, .12);
  --g1: #7367f0; --g2: #00cfe8; --g3: #28c76f; --g4: #ff9f43; --g5: #ea5455; --g6: #a8a3f7; --g7: #1e9ff2; --g8: #82868b;
  --golge: 0 4px 24px 0 rgba(34, 41, 47, .1);
  --yaricap: .428rem;
  --yazi: "Montserrat", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme: light;
}
/* grafik.js renkleri <html> üzerinden okur */
:root { --g1: #7367f0; --g2: #00cfe8; --g3: #28c76f; --g4: #ff9f43; --g5: #ea5455; --g6: #a8a3f7; --g7: #1e9ff2; --g8: #82868b; }
html.dark-layout { --g8: #b4b7bd; }
.dark-layout .tv-dg {
  --zemin: #161d31; --kart: #283046; --kart2: #242b3d; --cizgi: #3b4253; --cizgi2: #404656;
  --metin: #d0d2d6; --govde: #b4b7bd; --silik: #b4b7bd; --cok-silik: #676d7d;
  --vurgu: #7367f0; --vurgu-zemin: rgba(115, 103, 240, .18);
  --yukari: #28c76f; --asagi: #ea5455; --uyari: #ff9f43; --yukari-zemin: rgba(40, 199, 111, .14); --asagi-zemin: rgba(234, 84, 85, .14);
  --g1: #7367f0; --g2: #00cfe8; --g3: #28c76f; --g4: #ff9f43; --g5: #ea5455; --g6: #a8a3f7; --g7: #1e9ff2; --g8: #b4b7bd;
  --golge: 0 4px 24px 0 rgba(34, 41, 47, .24); color-scheme: dark;
}

.tv-dg .grafik { position: relative; min-height: 120px; }
.tv-dg .grafik.yukleniyor { opacity: .55; transition: opacity .2s; }
.tv-dg .g-svg { display: block; overflow: visible; }
.tv-dg .g-izgara line { stroke: var(--cizgi); stroke-width: 1; shape-rendering: crispEdges; }
.tv-dg .g-izgara line.g-sifir { stroke: var(--cizgi2); stroke-width: 1.2; }
.tv-dg .g-eksen, .tv-dg .g-eksen text { fill: var(--cok-silik); font-size: 10.5px; }
.tv-dg .g-bos { fill: var(--cok-silik); font-size: 12px; }
.tv-dg .g-son { fill: #fff; font-size: 10.5px; font-weight: 600; }
.tv-dg .g-bant { stroke: var(--silik); stroke-dasharray: 3 3; stroke-width: 1; opacity: .7; }
.tv-dg .g-bant.ort { stroke: var(--vurgu); opacity: 1; }
.tv-dg .g-bant-etiket { fill: var(--silik); font-size: 10px; }
.tv-dg .g-hacim rect { fill: var(--cizgi2); }
.tv-dg .g-dikey { stroke: var(--silik); stroke-width: 1; stroke-dasharray: 2 2; }
.tv-dg .g-cubuk:hover { opacity: .8; }
.tv-dg .g-radar-izgara { fill: none; stroke: var(--cizgi2); }
.tv-dg .g-radar-etiket { fill: var(--silik); font-size: 11px; font-weight: 500; }
.tv-dg .g-ipucu { display: none; position: absolute; z-index: 10; pointer-events: none; background: var(--kart); border: 1px solid var(--cizgi2); border-radius: 6px; padding: 6px 9px; font-size: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.14); min-width: 120px; }
.tv-dg .g-ipucu i, .tv-dg .g-gosterge i { display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 5px; }
.tv-dg .g-ipucu b { float: right; margin-left: 12px; font-weight: 600; }
.tv-dg .g-ip-bas { color: var(--silik); font-size: 11px; margin-bottom: 3px; }
.tv-dg .g-silik { color: var(--silik); font-size: 11px; }
.tv-dg .g-gosterge { display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--silik); padding: 6px 2px 0; }
.oz-tablo-kart .table-responsive { border-radius: 0 0 .428rem .428rem; }
.oz-tablo { margin-bottom: 0; }
.oz-tablo > :not(caption) > * > * { padding: .62rem 1rem; vertical-align: middle; }
.oz-tablo > :not(caption) > * > *:first-child { padding-left: 1.5rem; }
.oz-tablo > :not(caption) > * > *:last-child { padding-right: 1.5rem; }
.oz-tablo thead th { font-size: .78rem; letter-spacing: .5px; white-space: nowrap; border-top: 1px solid var(--cizgi); }
.oz-tablo td { white-space: nowrap; }
.oz-tablo tbody tr:last-child td { border-bottom: 0; }
.oz-tablo tr.oz-bu td { background: var(--vurgu-zemin); }
.oz-tablo tfoot td { font-weight: 600; background: var(--kart2); }
.oz-tablo.table-sm > :not(caption) > * > * { padding-top: .45rem; padding-bottom: .45rem; }
.g-ipucu { border-radius: .428rem; box-shadow: var(--golge); border-color: var(--cizgi); }
  .oz-tablo > :not(caption) > * > *:first-child { padding-left: 1.1rem; }
  .oz-tablo .oz-hisse small { max-width: 120px; }
  .oz-tablo .oz-hisse { gap: .5rem; }
  .oz-tablo > :not(caption) > * > * { padding-left: .6rem; padding-right: .6rem; }
  .oz-tablo > :not(caption) > * > *:first-child { padding-left: 1rem; }
  .oz-dolu-kart > .oz-tablo-doldur { flex: 1 1 auto; }
  .oz-dolu-kart > .oz-tablo-doldur > table { height: 100%; }
.oz-dcf { scroll-margin-top: 90px; }
.oz-dcf-ust { flex-wrap: wrap; gap: .75rem; }
.oz-dcf-ust .avatar { margin-right: .25rem; }
.oz-dcf-modeller { flex-wrap: wrap; gap: .25rem; }
.oz-dcf-modeller .nav-link { padding: .4rem .85rem; font-size: .857rem; display: inline-flex; align-items: center; }
.oz-dcf-modeller .nav-link svg { width: 14px; height: 14px; }
.oz-dcf-model-not svg { width: 14px; height: 14px; vertical-align: -2px; }
.oz-dcf-form { padding-right: .25rem; }
  .oz-dcf-form-kap { position: relative; min-height: 640px; }
  .oz-dcf-form-kap > .oz-dcf-form { position: absolute; top: 0; bottom: 0; left: calc(var(--bs-gutter-x) * .5); right: calc(var(--bs-gutter-x) * .5); overflow-y: auto; scrollbar-width: thin; padding-right: .5rem; }
.oz-dcf-bolum { border: 1px solid var(--cizgi); border-radius: .428rem; padding: .75rem .9rem .35rem; margin-bottom: 1rem; background: var(--kart2); }
.oz-dcf-bolum-baslik { display: flex; align-items: center; gap: .4rem; font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: var(--vurgu); margin-bottom: .75rem; font-weight: 600; }
.oz-dcf-bolum-baslik svg { width: 15px; height: 15px; }
.oz-dcf-alan { margin-bottom: .6rem; display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: .15rem .6rem; align-items: center; }
.oz-dcf-alan .form-label { margin: 0; font-size: .82rem; color: var(--metin); line-height: 1.25; }
.oz-dcf-alan .input-group { flex-wrap: nowrap; }
.oz-dcf-alan .form-control { font-variant-numeric: tabular-nums; min-width: 0; }
.oz-dcf-alan .input-group-text { font-size: .75rem; padding-left: .5rem; padding-right: .55rem; white-space: nowrap; }
.oz-dcf-kaydirici { grid-column: 1 / -1; height: 1rem; padding: 0; }
.oz-dcf-oran b { font-weight: 700; }
.oz-dcf-bilgi li { margin-bottom: .2rem; display: flex; align-items: flex-start; gap: .25rem; }
.oz-dcf-bilgi svg { width: 13px; height: 13px; flex-shrink: 0; margin-top: 2px; color: var(--yukari); }
.oz-dcf-kutu { display: flex; align-items: center; gap: .75rem; padding: .85rem .9rem; border: 1px solid var(--cizgi); border-radius: .428rem; height: 100%; }
.oz-dcf-kutu h4 { font-size: 1.25rem; white-space: nowrap; }
.oz-dcf-ozet .col-sm-3:first-child .oz-dcf-kutu { background: var(--vurgu-zemin); border-color: transparent; }
.oz-dcf-ozet .col-sm-3:first-child h4 { color: var(--vurgu); }
.dcf-gecersiz .oz-dcf-kutu h4, .dcf-gecersiz .oz-dcf-senaryo h5 { color: var(--cok-silik) !important; }
.oz-dcf-hatalar { padding: .7rem 1rem; }
.oz-dcf-hatalar ul { margin: 0; padding-left: 1.1rem; font-size: .857rem; }
.oz-dcf-senaryo { border: 1px solid var(--cizgi); border-top-width: 3px !important; border-radius: .428rem; padding: .6rem .8rem; height: 100%; }
.oz-dcf-senaryo h5 { font-size: 1.05rem; white-space: nowrap; }
.oz-dcf-grafik { min-height: 200px; position: relative; }
.oz-dcf-sekmeler .nav-link { padding: .55rem 1rem; }
.oz-dcf-tablo { font-size: .82rem; margin-bottom: 0; }
.oz-dcf-tablo th, .oz-dcf-tablo td { padding: .45rem .6rem !important; text-align: right; white-space: nowrap; }
.oz-dcf-tablo th:first-child, .oz-dcf-tablo td:first-child { text-align: left; }
.oz-dcf-tablo thead th { font-size: .75rem; }
.oz-dcf-tablo tr.oz-dcf-ikincil td { color: var(--silik); font-size: .76rem; }
.oz-dcf-tablo tr.oz-dcf-vurgu td { font-weight: 600; color: var(--metin); background: var(--vurgu-zemin); }
.oz-dcf-tablo.dcf-duyar tbody th { text-align: right; font-weight: 600; }
.oz-dcf-tablo.dcf-duyar thead th:first-child { white-space: normal; min-width: 130px; text-transform: none; }
.oz-dcf-tablo td.oz-dcf-h-up { background: var(--yukari-zemin); }
.oz-dcf-tablo td.oz-dcf-h-down { background: var(--asagi-zemin); }
.oz-dcf-tablo td.oz-dcf-merkez { box-shadow: inset 0 0 0 2px var(--vurgu); font-weight: 700; color: var(--metin); }
.oz-dcf-kopru > div { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .25rem; border-bottom: 1px dashed var(--cizgi); font-size: .9rem; }
.oz-dcf-kopru > div b { white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--metin); }
.oz-dcf-kopru > .dcf-kopru-vurgu { font-weight: 600; border-bottom-style: solid; color: var(--metin); }
.oz-dcf-kopru > div:last-child { border-bottom: 0; color: var(--vurgu); font-size: 1rem; }
.oz-dcf-kopru > div:last-child b { color: var(--vurgu); }
.oz-dcf-kayitlar h6 svg { width: 16px; height: 16px; }
.oz-dcf-liste { max-height: 230px; overflow-y: auto; }
.oz-dcf-kayit { padding: .55rem .9rem; }
.oz-dcf-kayit .dcf-kayit-ad { flex: 1; min-width: 0; text-align: left; background: none; border: 0; padding: 0; color: inherit; font-size: .9rem; }
.oz-dcf-kayit .dcf-kayit-ad:hover b { color: var(--vurgu); }
.oz-dcf-kayit .dcf-kayit-ad b { color: var(--metin); }
.oz-dcf-kayit .dcf-kayit-ad small { display: block; color: var(--silik); font-size: .76rem; }
.oz-dcf-kayit .dcf-kayit-deger { white-space: nowrap; font-weight: 600; color: var(--metin); }
.oz-dcf-kayit .dcf-kayit-deger em { font-style: normal; font-size: .8rem; }
.oz-dcf-sil { font-size: 1.1rem; line-height: 1; padding: .2rem .45rem; }
  .oz-dcf-alan { grid-template-columns: minmax(0, 1fr) 132px; }
  .oz-dcf-kutu { padding: .7rem; gap: .5rem; }
  .oz-dcf-kutu .avatar { display: none; }
  .oz-dcf-alan { grid-template-columns: minmax(0, 1fr) 132px; }
  .oz-dcf-kutu { padding: .6rem; gap: .5rem; }
  .oz-dcf-kutu .avatar { display: none; }
  .oz-dcf-kutu h4 { font-size: 1.05rem; }
  .oz-dcf-senaryo { padding: .5rem; }
  .oz-dcf-senaryo h5 { font-size: .9rem; }
  .oz-dcf-modeller { width: 100%; }
.oz-dcf-yapiskan { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: .6rem; margin: 0 -.25rem 1rem; padding: .6rem .9rem; border-radius: .428rem; background: var(--kart); box-shadow: 0 -4px 18px rgba(34, 41, 47, .14); }
.oz-dcf-yapiskan b { color: var(--vurgu); font-size: 1.15rem; margin-left: auto; }
.oz-tablo td.oz-tz-iyi, .oz-tz-olcu dd.oz-tz-iyi { background: var(--yukari-zemin); color: #1f9d57; font-weight: 600; }
.oz-tablo td.oz-tz-kotu, .oz-tz-olcu dd.oz-tz-kotu { background: var(--asagi-zemin); color: #d13b3c; }
html.dark-layout .oz-tablo td.oz-tz-iyi, html.dark-layout .oz-tz-olcu dd.oz-tz-iyi { color: #48da89; }
html.dark-layout .oz-tablo td.oz-tz-kotu, html.dark-layout .oz-tz-olcu dd.oz-tz-kotu { color: #f08182; }

/* Çarpanlarla değerleme: futbol sahası (ABD ms.css'ten) */
.tv-dg .ms-futbol { position: relative; padding-top: .3rem; --fe: 11.5rem; }
.tv-dg .ms-f-satir { display: grid; grid-template-columns: var(--fe) 1fr; align-items: center; gap: .75rem; padding: .34rem 0; font-size: .8rem; }
.tv-dg .ms-f-et { color: var(--govde); line-height: 1.2; white-space: nowrap; }
.tv-dg .ms-f-et small { display: block; color: var(--cok-silik); font-size: .7rem; }
.tv-dg .ms-f-iz { position: relative; height: 22px; }
.tv-dg .ms-f-iz .bant { position: absolute; top: 3px; height: 16px; border-radius: 4px; background: rgba(115, 103, 240, .28); }
.tv-dg .ms-f-iz .bant.d2 { background: rgba(0, 207, 232, .32); } .tv-dg .ms-f-iz .bant.d3 { background: rgba(255, 159, 67, .35); }
.tv-dg .ms-f-iz .orta { position: absolute; top: 0; width: 3px; height: 22px; border-radius: 2px; background: #7367f0; transform: translateX(-50%); }
.tv-dg .ms-f-iz .bant.d2 + .orta { background: #00b8cf; } .tv-dg .ms-f-iz .bant.d3 + .orta { background: #ff9f43; }
.tv-dg .ms-f-iz .deg { position: absolute; top: 3px; font-size: .7rem; color: var(--silik); white-space: nowrap; line-height: 16px; }
.tv-dg .ms-f-cizgi { position: absolute; top: .3rem; bottom: 3.4rem; width: 0; border-left: 2px dashed var(--metin); opacity: .55; }
.tv-dg .ms-f-cizgi-et { position: absolute; bottom: 0; transform: translateX(-50%); font-size: .72rem; font-weight: 600; color: var(--metin); white-space: nowrap; background: var(--kart2); padding: .1rem .45rem; border-radius: 4px; }
.tv-dg .ms-f-eksen { display: grid; grid-template-columns: var(--fe) 1fr; gap: .75rem; font-size: .7rem; color: var(--cok-silik); margin-top: .2rem; }
.tv-dg .ms-f-eksen > div:last-child { display: flex; justify-content: space-between; }
.tv-dg .ms-liste > div { display: flex; justify-content: space-between; gap: .75rem; padding: .48rem .6rem; font-size: .86rem; background: var(--vurgu-zemin); border-radius: 5px; }
.tv-dg .ms-liste > div > b { font-weight: 600; color: var(--vurgu); white-space: nowrap; }
.tv-dg .cv-tablo td, .tv-dg .cv-tablo th { font-size: .84rem; white-space: nowrap; }
.tv-dg .cv-tablo tr.cv-ben td { font-weight: 600; color: var(--metin); }
@media (max-width: 575.98px) { .tv-dg .ms-futbol { --fe: 7.6rem; } .tv-dg .ms-f-et { white-space: normal; font-size: .74rem; } }