/* Keşfet ve bağlı analiz araçları: ortak tasarım. */
.kesfet-page { --kesfet-accent:#aa8a4c; --kesfet-tint:#f7f2e6; }
.kesfet-page.page-agf,.kesfet-page.page-idman { --kesfet-accent:#3f806f; --kesfet-tint:#edf5f1; }
.kesfet-page.page-gizli,.kesfet-page.page-istatistik { --kesfet-accent:#617d9a; --kesfet-tint:#eef3f8; }
.kesfet-page.page-sanssiz { --kesfet-accent:#ad714d; --kesfet-tint:#faf0e8; }
.kesfet-page main { min-width:0; }
.kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) { background:linear-gradient(115deg,#172e42,#2b465b); color:#e9eff4; border:1px solid #3b5367; border-top:3px solid #b99b60; border-radius:15px; box-shadow:none; padding:24px; margin:0 0 20px; gap:16px; }
.kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) h1 { color:#fff; font:800 clamp(23px,3vw,30px)/1.3 var(--govde); letter-spacing:-.7px; margin:4px 0 9px; }
.kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) p { color:#cbd7e1; font-size:12px; line-height:1.8; opacity:1; max-width:760px; }
.kesfet-page .sk-ikon { background:#ffffff0c; color:#d6be86; border:1px solid #6b766e; border-radius:11px; width:46px; height:46px; flex:0 0 46px; }
.kesfet-page .sk-ikon svg { width:24px; height:24px; }
.kesfet-page .sk-metin { min-width:0; flex:1 1 340px; }
.kesfet-page .sk-ek { max-width:100%; }
.kesfet-page .sk-btn { background:#ffffff0d; color:#e4cfa0; border:1px solid #617486; border-radius:7px; font-size:11px; padding:8px 10px; }
.kesfet-page .sayfa-kafa :is(.sekme-dugmeler,.sk-ek) a { background:#ffffff0c; border-color:#536b7e; color:#e3ebf1; }
.kesfet-page .sayfa-kafa .sekme-dugmeler a.aktif { background:#dbc58f; color:#233b4e; border-color:#dbc58f; }
.kesfet-page :is(.agf-filtre,.sekme-dugmeler,.ist-menu) { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:10px 0; }
.kesfet-page :is(.agf-filtre,.sekme-dugmeler,.ist-menu)>a { border:1px solid #d9e2ea; background:#fff; color:#4c6579; border-radius:7px; padding:8px 11px; font:700 11px/1.4 var(--govde); text-decoration:none; white-space:normal; }
.kesfet-page :is(.agf-filtre,.sekme-dugmeler,.ist-menu)>a.aktif { background:#203b50; border-color:#203b50; color:#fff; box-shadow:none; }
.kesfet-page :is(.agf-filtre,.sekme-dugmeler,.ist-menu)>a:hover { border-color:#af945f; }
.kesfet-page :is(input,select) { max-width:100%; font-size:12px; border-color:#ccd8e2; border-radius:7px; color:#2c485d; }
.kesfet-page .panel { min-width:0; border:1px solid #dce5ec; border-radius:12px; box-shadow:none; }
.kesfet-page .panel h2 { font:800 17px/1.45 var(--govde); color:#243e52; }
.kesfet-page .panel h3 { color:#385469; font-size:14px; }
.kesfet-page .panel p { line-height:1.8; }
.kesfet-page .panel.bos { padding:35px 22px; text-align:center; background:#fff; border-style:dashed; color:#647b8e; }
.kesfet-page .tablo-sar { max-width:100%; overflow-x:auto; border:1px solid #dfe6ed; border-radius:10px; }
.kesfet-page table { border-collapse:collapse; width:100%; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) { font-size:12px; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) th { background:#eaf0f5; color:#466176; padding:12px 11px; font:800 10px/1.5 var(--govde); letter-spacing:.4px; border-bottom:1px solid #d5dfe8; white-space:nowrap; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) td { padding:12px 11px; color:#314f65; border-bottom:1px solid #e5ebf0; vertical-align:middle; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) tbody tr:nth-child(even) { background:#f7f9fb; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) tbody tr:hover { background:#f0f4f7; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) td :is(.artis,.arti),.kesfet-page td.artis,.kesfet-page td.arti { color:#27765a; }
.kesfet-page :is(.agf-tablo,.kart-tablo,.skor-tablo) td :is(.azalis,.eksi),.kesfet-page td.azalis,.kesfet-page td.eksi { color:#b65b5b; }
.kesfet-page .at-ad { color:#203c51; font-size:14px; font-weight:800; }
.kesfet-page .alt-satir { color:#6c8090; font-size:10px; line-height:1.65; }
.kesfet-page .btn { box-shadow:none; border-radius:7px; font-size:12px; }
.kesfet-page :is(.gz-izgara,.ss-izgara,.idb-izgara,.arac-izgara,.bs-izgara) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.kesfet-page :is(.gz-kart,.ss-kart,.idb-kart) { min-width:0; background:#fff; border:1px solid #dce5ec; border-top:3px solid var(--kesfet-accent); border-radius:11px; padding:16px; box-shadow:none; }
.kesfet-page :is(.gz-ust,.ss-ust,.idb-ust) { gap:9px; flex-wrap:wrap; }
.kesfet-page :is(.gz-kart,.ss-kart,.idb-kart) .at-bas { min-width:0; }
.kesfet-page :is(.gz-kart,.ss-kart,.idb-kart) .at-ad { overflow-wrap:anywhere; }
.kesfet-page .gz-fark { background:#eef3f8; border:1px solid #dce5ed; border-radius:8px; padding:12px; }
.kesfet-page .gz-gercek b,.kesfet-page .gz-fark i { color:#4d7295; }
.kesfet-page .ss-kart.ss-yazili { border-color:#b7cfc3; border-top-color:#498574; box-shadow:none; }
.kesfet-page .ss-neden li { background:#f8f3ec; color:#6b5946; padding:8px 10px; font-size:12px; border-radius:6px; }
.kesfet-page .ss-puan { background:#f5eadb; color:#8b643e; }
.kesfet-page .idb-hip { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; color:#2d4c60; font-size:16px; padding:12px 0 4px; margin:0; }
.kesfet-page .idb-n { border:1px solid #c9dfd6; border-radius:5px; background:#edf5f1; color:#3e7462; font-size:10px; }
.kesfet-page .idb-veri { font-size:12px; border-top:1px solid #e3eaf0; padding-top:10px; }
.kesfet-page .idb-veri dd { color:#29475c; min-width:0; }
.kesfet-page .idb-egilim { background:#f0f5f4; border-radius:7px; color:#4f7067; font-size:11px; padding:10px; }
.kesfet-page .deger-ev { background:#f3ead5; color:#876529; border:1px solid #dec99c; border-radius:6px; font-size:14px; }
.kesfet-page .deger-ev.ev-yuksek { background:#e8f2ec; border-color:#bad7c6; color:#2c7554; }
.kesfet-page .arac { position:relative; min-width:0; display:flex; align-items:flex-start; gap:14px; background:#fff; border:1px solid #d9e3eb; border-radius:11px; padding:19px; box-shadow:none; text-decoration:none; }
.kesfet-page .arac:hover { transform:none; border-color:#b69a60; background:#fdfbf7; }
.kesfet-page .arac>i { display:grid; place-items:center; background:#f4eedf; color:#94753c; width:42px; height:42px; border-radius:10px; flex:0 0 42px; }
.kesfet-page .arac b { color:#254257; font-size:14px; }
.kesfet-page .arac div>span { color:#647b8e; font-size:12px; line-height:1.75; margin-top:6px; }
.kesfet-page .arac-ok { margin-left:auto; color:#9c854f; font-size:20px; }
.kesfet-page .hp-hero .rp-et,.kesfet-page .bs-hero-et { background:none; border:0; padding:0; color:#dcc18a; font-size:10px; letter-spacing:1px; }
.kesfet-page .bs-hero::after { display:none; }
.kesfet-page .bs-hero-sayi>div { border-radius:9px; background:#ffffff0a; border-color:#617184; padding:13px; }
.kesfet-page .bs-hero-sayi b { color:#f3dfac; font-size:25px; }
.kesfet-page .bs-hero-sayi .bs-hs-bomba { border-top:3px solid #d7847c; }
.kesfet-page .bs-hero-sayi .bs-hs-surpriz { border-top:3px solid #dba66c; }
.kesfet-page .bs-kart { min-width:0; width:auto; border-radius:11px; border:1px solid #dbe3eb; border-top:3px solid #a88d55; background:#fff; box-shadow:none; color:#29475c; }
.kesfet-page .bs-kart:hover { background:#fff; color:#29475c; transform:none; text-decoration:none; }
.kesfet-page .bs-k-bomba { border-top-color:#ba5953; background:linear-gradient(180deg,#fcf0ed,#fff 65%); }
.kesfet-page .bs-k-surpriz { border-top-color:#bc864a; background:linear-gradient(180deg,#faf2e7,#fff 65%); }
.kesfet-page .bs-sayi>div { background:#eef3f7; border-radius:7px; }
.kesfet-page .bs-sayi .bs-gny { background:#f5e6c5; color:#7c5925; }
.kesfet-page :is(.hp-kutular,.kisi-kutular) { gap:10px; }
.kesfet-page :is(.hp-kutular,.kisi-kutular)>div { background:#fff; border:1px solid #dbe4eb; border-top:3px solid #b29a68; border-radius:9px; box-shadow:none; padding:16px; }
.kesfet-page :is(.hp-kutular,.kisi-kutular) b { color:#28465b; font-size:26px; }
.kesfet-page :is(.hp-kutular,.kisi-kutular) :is(span,small) { color:#687e8f; }
.kesfet-page .hp-kutular .hp-vurgu { background:#f8f3e8; }
.kesfet-page .hp-bar i b,.kesfet-page .pist-bar>span { background:#6c8a9e; }
.kesfet-page .ist-bar i { background:#688ba0; }
.kesfet-page .karne { background:#f8fafb; border:1px solid #dce5ec; border-radius:10px; padding:15px; }
.kesfet-page .kal-bek { background:#ae9257; }
.kesfet-page .kal-ger { background:#537c92; }
.kesfet-page .bilgi { background:#f8fafb; border:1px solid #dce5ec; border-radius:8px; }
.kesfet-page .sss-madde { background:#f8fafb; border:1px solid #dce5ec; border-radius:8px; margin-bottom:8px; }
.kesfet-page .sss-madde summary { color:#2b495e; font-weight:750; padding:14px; }
.kesfet-page.page-nasil article.panel { max-width:100%!important; padding:25px; }
.kesfet-page.page-nasil article>p { max-width:900px; font-size:13px; }
.kesfet-page.page-nasil .skor-tablo td { white-space:normal; }
.kesfet-page.page-nasil .skor-tablo td:first-child { min-width:150px; }
.kesfet-page .premium-kilit { background:#f8f3e7; border:1px solid #dfcca3; border-radius:12px; box-shadow:none; }
.kesfet-page :is(a,button,summary):focus-visible { outline:2px solid #b39861; outline-offset:3px; }
@media(max-width:800px) {
 .kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) { flex-wrap:wrap; padding:20px; }
 .kesfet-page .sk-metin { flex-basis:230px; }
 .kesfet-page :is(.gz-izgara,.ss-izgara,.idb-izgara,.arac-izgara,.bs-izgara) { grid-template-columns:minmax(0,1fr); }
 .kesfet-page .sk-ek { width:100%; }
 .kesfet-page .hp-sec { flex-wrap:wrap; }
 .kesfet-page .skor-tablo { min-width:560px; }
 .kesfet-page.page-nasil .skor-tablo { min-width:0; }
}
@media(max-width:480px) {
 .kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) { border-radius:11px; padding:17px; gap:10px; }
 .kesfet-page .sk-ikon { width:36px; height:36px; flex-basis:36px; }
 .kesfet-page .sk-metin { flex-basis:200px; }
 .kesfet-page :is(.sayfa-kafa,.hp-hero,.bs-hero) h1 { font-size:23px; }
 .kesfet-page :is(.agf-filtre,.sekme-dugmeler,.ist-menu)>a { font-size:10px; padding:8px; }
 .kesfet-page :is(.agf-tablo,.kart-tablo) td { padding:10px 8px; }
 .kesfet-page .at-ad { font-size:12px; }
 .kesfet-page .arac { padding:15px; gap:10px; }
 .kesfet-page .bs-hero-sayi { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .kesfet-page .bs-hero-sayi b { font-size:22px; }
 .kesfet-page.page-nasil article.panel { padding:15px; }
}
.kesfet-page .yz-sira { background:#edf2f6; border:1px solid #d4e0e8; color:#456076; border-radius:6px; box-shadow:none; text-shadow:none; animation:none; font-size:10px; }
.kesfet-page .yz-sira.yz-s1 { background:#f4ead3; border-color:#d9c495; color:#806026; }
.kesfet-page .yz-sira.yz-s2 { background:#edf1f7; border-color:#ced9e4; color:#536e86; }
.kesfet-page .yz-sira.yz-s3 { background:#f6ede4; border-color:#dfcbb8; color:#926b45; }
.kesfet-page .idb-ad .alt-satir a { color:#617b8f; }
.kesfet-page .sayfa-kafa::before,.kesfet-page .sayfa-kafa::after { opacity:.04; }

/* Hipodrom girişinde görünür profil seçimi */
.hp-secim-panel{margin:22px 0;padding:24px;border:1px solid #d8e2eb;border-radius:20px;background:#fff}
.hp-secim-panel h2{margin:0 0 8px;color:#183448;font-size:21px}
.hp-secim-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.hp-secim-liste>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border:1px solid #d5e0e9;border-left:4px solid #b69a54;border-radius:12px;background:#f4f7fa;color:#193448;text-decoration:none}
.hp-secim-liste>a:hover{background:#eaf0f5;border-color:#b69a54}
.hp-secim-liste b,.hp-secim-liste small{display:block}.hp-secim-liste small{margin-top:6px;color:#607687;font-size:12px}.hp-secim-ok{font-size:12px;font-weight:700;color:#80642c;white-space:nowrap}
@media(max-width:1000px){.hp-secim-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hp-secim-panel{padding:18px}.hp-secim-liste{grid-template-columns:1fr}}