/* 2026-10-08: herkese acik istatistik sayfalari (backend/core/seo_sayfalar.py uretir). */
body.seo { background: var(--bg-void); margin: 0; }
.seo-sarmal { max-width: 1040px; margin: 0 auto; padding: 0 var(--space-6); }
.seo-ust { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); min-height: 64px; flex-wrap: wrap; }
.seo-ust .logo { font-size: var(--fs-lg); letter-spacing: 4px; margin: 0; }
.seo-ust nav { display: flex; gap: var(--space-4); align-items: center; flex-wrap: wrap; }
.seo-ust nav a { color: var(--text-secondary); text-decoration: none; font-size: var(--fs-sm); font-weight: 500; }
.seo-ust nav a.btn-primary { color: #fff; }
.seo-gezinti { font-size: var(--fs-xs); color: var(--text-tertiary); margin: var(--space-4) 0 var(--space-2); }
.seo-gezinti a { color: var(--text-tertiary); }
.seo main h1 { font-size: var(--fs-3xl); margin: var(--space-2) 0 var(--space-1); text-wrap: balance; }
.seo main h2 { font-size: var(--fs-lg); margin: var(--space-6) 0 var(--space-2); }
.seo main h2 a { color: var(--text-primary); text-decoration: none; }
.seo-alt-baslik { color: var(--text-tertiary); font-size: var(--fs-sm); margin: 0 0 var(--space-3); }
.seo-alt-baslik a { color: var(--text-secondary); }
.seo-ozet { color: var(--text-secondary); line-height: var(--lh-relaxed); max-width: 72ch; }
.seo-not { color: var(--text-tertiary); font-size: var(--fs-xs); font-weight: 400; }
.seo-kutular { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: var(--space-3); margin: var(--space-4) 0; }
.seo-kutu { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-4); }
.seo-deger { font-family: var(--font-mono); font-size: var(--fs-2xl); font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.seo-etiket { font-size: var(--fs-sm); color: var(--text-secondary); margin-top: 2px; }
.seo-sonuc { display: flex; height: 34px; border-radius: var(--radius-sm); overflow: hidden; font-size: var(--fs-xs); font-weight: 600; margin: var(--space-3) 0; }
.seo-sonuc span { display: flex; align-items: center; padding: 0 10px; white-space: nowrap; overflow: hidden; color: #05060b; min-width: 0; }
.seo-sonuc .ev { background: var(--accent-start); color: #fff; }
.seo-sonuc .ber { background: var(--text-tertiary); }
.seo-sonuc .dep { background: var(--accent-end); }
.seo-iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); }
.seo-liste, .seo-maclar, .seo-takimlar { list-style: none; padding: 0; margin: 0; }
.seo-liste li, .seo-maclar li { display: flex; gap: var(--space-3); align-items: center; padding: 8px 0; border-bottom: 1px solid var(--border); font-size: var(--fs-sm); }
.seo-liste { counter-reset: s; }
.seo-liste li::before { counter-increment: s; content: counter(s); color: var(--text-tertiary); width: 1.2em; }
.seo-liste li span { margin-left: auto; font-family: var(--font-mono); color: var(--text-primary); }
.seo-maclar time { font-family: var(--font-mono); color: var(--text-tertiary); font-size: var(--fs-xs); min-width: 72px; }
.seo-maclar b { font-family: var(--font-mono); }
.seo a { color: var(--text-primary); }
.seo-takimlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 6px var(--space-4); font-size: var(--fs-sm); }
.seo-form { display: flex; align-items: center; gap: 6px; margin: var(--space-3) 0; font-size: var(--fs-sm); color: var(--text-secondary); }
.seo-form > span:first-child { margin-right: 6px; }
.form { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 5px; font-size: 12px; font-weight: 700; color: #05060b; margin-right: 3px; }
.form-G { background: var(--success); } .form-B { background: var(--warning); } .form-M { background: var(--danger); }
.seo-sonraki { background: var(--surface-1); border: 1px solid var(--border); border-radius: var(--radius-md); padding: var(--space-3) var(--space-4); font-size: var(--fs-sm); color: var(--text-secondary); }
.seo-gun li { align-items: flex-start; }
.seo-mac { display: grid; gap: 6px; flex: 1; min-width: 0; }
.seo-mac > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.seo-mac .seo-not { margin-left: auto; }
.seo-gunler { display: flex; justify-content: space-between; margin: var(--space-3) 0; font-size: var(--fs-sm); }
.seo-cta { display: flex; gap: var(--space-4); align-items: center; justify-content: space-between; flex-wrap: wrap; margin: var(--space-8) 0 var(--space-4); padding: var(--space-5); border: 1px solid var(--border-accent, var(--border)); border-radius: var(--radius-lg); background: var(--surface-1); }
.seo-cta p { margin: 4px 0 0; color: var(--text-secondary); font-size: var(--fs-sm); max-width: 60ch; }
.seo-alt { border-top: 1px solid var(--border); padding: var(--space-6) 0; color: var(--text-tertiary); font-size: var(--fs-xs); line-height: var(--lh-relaxed); text-align: center; display: grid; gap: var(--space-2); }
.seo-alt > div:first-child { max-width: 80ch; margin: 0 auto; }
.seo-alt a { color: inherit; }
@media (max-width: 720px) {
    .seo-sarmal { padding: 0 var(--space-4); }
    .seo-iki { grid-template-columns: 1fr; gap: 0; }
    .seo-ust nav a:not(.btn) { display: none; }
    .seo main h1 { font-size: var(--fs-2xl); }
    .seo-mac .seo-not { margin-left: 0; width: 100%; }
}