/* ═══════════════════════════════════════════════════════════════
   TOKU V2 — DB İÇERİK STİLLERİ
   Admin panelden (TinyMCE) girilen, PageContents.Content içindeki
   HTML'in kullandığı sınıf ailesinin koyu tema karşılıkları.
   site.css'ten SONRA yüklenir; body.tokuv2 öneki özgüllük kazandırır.
   Kapsanan sınıflar DB analizinden (67 sayfa) çıkarılmıştır:
   toku-section/-card/-feature/-list/-muted/-subnav/-h2,
   feature-card, benefit-card, stat-card, trust-item, section-title…
   ═══════════════════════════════════════════════════════════════ */

/* ── Bölüm iskeleti ── */
body.tokuv2 .toku-section {
    padding: clamp(2.5rem, 5vw, 4rem) 0;
    background: transparent;
}
body.tokuv2 .toku-section:nth-of-type(even) { background: var(--t2-bg-deep); }

body.tokuv2 .toku-section__header,
body.tokuv2 .section-header {
    margin-bottom: 2rem; text-align: inherit;
}
body.tokuv2 .toku-h2,
body.tokuv2 .section-title {
    color: #f8fafc; font-weight: 700; letter-spacing: -.02em;
    font-size: clamp(1.5rem, 3vw, 2.1rem);
}
body.tokuv2 .toku-muted,
body.tokuv2 .section-subtitle {
    color: var(--t2-text-soft); line-height: 1.75;
}
body.tokuv2 .toku-section p { color: var(--t2-text-soft); line-height: 1.75; }
body.tokuv2 .toku-section h3, body.tokuv2 .toku-section h4 { color: #f1f5f9; }

/* ── Kart aileleri (toku-card / feature-card / benefit-card) ── */
body.tokuv2 .toku-card,
body.tokuv2 .feature-card,
body.tokuv2 .benefit-card {
    background: var(--t2-surface);
    border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius-lg);
    padding: 1.5rem;
    height: 100%;
    box-shadow: none;
    transition: transform .3s var(--t2-ease), border-color .3s, box-shadow .3s;
}
body.tokuv2 .toku-card:hover,
body.tokuv2 .feature-card:hover,
body.tokuv2 .benefit-card:hover,
body.tokuv2 .hover-raise:hover {
    transform: translateY(-5px);
    border-color: rgba(16, 185, 129, .35);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .35);
}
body.tokuv2 .toku-card__title,
body.tokuv2 .feature-card h3,
body.tokuv2 .feature-card h4,
body.tokuv2 .benefit-card h3,
body.tokuv2 .benefit-card h4 {
    color: #f8fafc; font-size: 1.05rem; font-weight: 700; margin-bottom: .5rem;
}
body.tokuv2 .toku-card p,
body.tokuv2 .feature-card p,
body.tokuv2 .benefit-card p {
    color: var(--t2-text-soft); font-size: .92rem; line-height: 1.65; margin-bottom: 0;
}

/* İkon kutuları */
body.tokuv2 .feature-icon-box,
body.tokuv2 .benefit-icon,
body.tokuv2 .toku-feature__icon {
    width: 48px; height: 48px; display: grid; place-items: center;
    border-radius: 12px;
    background: var(--t2-emerald-dim);
    color: var(--t2-emerald-bright);
    font-size: 1.15rem;
    margin-bottom: 1rem;
    border: 0;
}

/* toku-feature (ikon + başlık + metin satırı) */
body.tokuv2 .toku-feature { color: var(--t2-text-soft); }
body.tokuv2 .toku-feature__title { color: #f1f5f9; font-weight: 600; }

/* ── İstatistik kartları ── */
body.tokuv2 .stat-card {
    background: linear-gradient(160deg, var(--t2-surface), rgba(2, 3, 8, .8));
    border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius);
    padding: 1.3rem 1.5rem;
    text-align: center;
    display: flex; flex-direction: column; gap: .3rem;
}
body.tokuv2 .stat-number {
    font-family: var(--t2-mono);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 700;
    background: linear-gradient(100deg, var(--t2-emerald-bright), var(--t2-blue));
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.tokuv2 .stat-label {
    color: var(--t2-text-soft); font-size: .82rem;
    text-transform: uppercase; letter-spacing: .08em;
}

/* ── Güven öğeleri ── */
body.tokuv2 .trust-item {
    display: flex; align-items: center; gap: .8rem;
    background: rgba(148, 163, 184, .05);
    border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius);
    padding: .9rem 1.1rem;
    color: var(--t2-text-soft);
}
body.tokuv2 .trust-icon {
    color: var(--t2-emerald-bright); font-size: 1.2rem; flex-shrink: 0;
    background: none; width: auto; height: auto;
}

/* ── Listeler ve ikon renkleri ── */
body.tokuv2 .toku-list { color: var(--t2-text-soft); padding-left: 0; list-style: none; }
body.tokuv2 .toku-list li { padding: .35rem 0; }
body.tokuv2 .fa-check, body.tokuv2 .fa-check-circle { color: var(--t2-emerald-bright); }
body.tokuv2 .fa-times-circle { color: #f87171; }

/* ── Sayfa içi alt navigasyon (subnav pill'leri) ── */
body.tokuv2 .toku-subnav {
    display: flex; flex-wrap: wrap; gap: .45rem;
    padding: .6rem 0; margin-bottom: 1.5rem;
    background: transparent; border: 0;
    position: sticky; top: 76px; z-index: 50;
}
body.tokuv2 .toku-subnav__link {
    display: inline-flex; align-items: center;
    padding: .45rem .95rem; border-radius: 999px;
    font-size: .8rem; font-weight: 600; letter-spacing: .04em;
    color: var(--t2-text-soft); text-decoration: none;
    background: rgba(2, 3, 8, .8); backdrop-filter: blur(8px);
    border: 1px solid var(--t2-line);
    transition: color .2s, border-color .2s, background .2s;
}
body.tokuv2 .toku-subnav__link:hover { color: #fff; border-color: rgba(148, 163, 184, .4); }
body.tokuv2 .toku-subnav__link.is-active {
    color: #04120c; background: var(--t2-emerald);
    border-color: var(--t2-emerald);
}

/* ── Genel içerik öğeleri ── */
body.tokuv2 .t2-db-skin img,
body.tokuv2 .toku-section img { max-width: 100%; height: auto; border-radius: var(--t2-radius); }
body.tokuv2 .toku-section table {
    width: 100%; border-collapse: collapse; color: var(--t2-text-soft);
}
body.tokuv2 .toku-section th {
    background: var(--t2-surface-2); color: #f1f5f9;
    border: 1px solid var(--t2-line); padding: .6rem .8rem; text-align: left;
}
body.tokuv2 .toku-section td { border: 1px solid var(--t2-line); padding: .6rem .8rem; }
body.tokuv2 .toku-section blockquote {
    border-left: 3px solid var(--t2-emerald);
    background: var(--t2-emerald-dim);
    padding: 1rem 1.3rem; border-radius: 0 var(--t2-radius) var(--t2-radius) 0;
    color: var(--t2-text);
}
body.tokuv2 .toku-section hr { border-color: var(--t2-line); opacity: 1; }
body.tokuv2 .toku-section a:not(.t2-btn):not(.toku-subnav__link) {
    color: var(--t2-emerald-bright); text-decoration: none;
}
body.tokuv2 .toku-section a:not(.t2-btn):not(.toku-subnav__link):hover { text-decoration: underline; }

/* İçerikteki Bootstrap buton kalıntıları → V2 diline çevir */
body.tokuv2 .toku-section .btn,
body.tokuv2 .t2-db-skin .btn {
    border-radius: 999px; font-weight: 600;
    padding: .65rem 1.4rem; border: 1px solid transparent;
    transition: transform .25s var(--t2-ease), box-shadow .25s;
}
body.tokuv2 .toku-section .btn:hover { transform: translateY(-2px); }
body.tokuv2 .toku-section .btn-primary,
body.tokuv2 .t2-db-skin .btn-primary {
    background: linear-gradient(135deg, var(--t2-emerald), #0d9e6f);
    color: #04120c; border-color: transparent;
}
body.tokuv2 .toku-section .btn-outline-primary,
body.tokuv2 .toku-section .btn-secondary {
    background: transparent; color: var(--t2-text); border-color: var(--t2-line);
}
body.tokuv2 .toku-section .btn-outline-primary:hover,
body.tokuv2 .toku-section .btn-secondary:hover {
    border-color: var(--t2-emerald); color: var(--t2-emerald-bright);
    background: transparent;
}

/* Açık renk zemin kalıntılarını nötrle (bg-light, bg-white vb.) */
body.tokuv2 .toku-section .bg-light,
body.tokuv2 .toku-section .bg-white,
body.tokuv2 .t2-db-skin .bg-light,
body.tokuv2 .t2-db-skin .bg-white {
    background: var(--t2-surface) !important;
    color: var(--t2-text-soft) !important;
}
body.tokuv2 .toku-section .text-dark,
body.tokuv2 .t2-db-skin .text-dark { color: #f1f5f9 !important; }
body.tokuv2 .toku-section .text-muted,
body.tokuv2 .t2-db-skin .text-muted { color: var(--t2-text-faint) !important; }

/* ═══════════════════════════════════════════════════════════════
   ESKİ SAYFA AİLELERİ — SONEK TABANLI KOYU TEMA
   DB'deki sayfaya-özel sınıf aileleri (ym-, tq-, dn-, kvkk-, cert-,
   mod-, qr-, app-, tech-, rnd-, fuar- …) aynı sonek düzenini kullanır:
   X-hero-section, X-stat-card, X-service-card, X-btn …
   Bu blok [class*="-sonek"] seçicileriyle TÜM aileleri tek seferde
   koyu temaya geçirir; site.css'ten sonra yüklendiği ve
   body.tokuv2 önekiyle daha özgül olduğu için kazanır.
   ═══════════════════════════════════════════════════════════════ */

/* Sayfa sarmalayıcıları ve bölüm zeminleri — açık zeminleri nötrle */
body.tokuv2 [class$="-page"],
body.tokuv2 [class*="-hero-section"],
body.tokuv2 [class*="-stats-section"],
body.tokuv2 [class*="-cta-section"],
body.tokuv2 [class*="-content-section"],
body.tokuv2 [class*="-services-section"],
body.tokuv2 [class*="-benefits-section"],
body.tokuv2 [class*="-process-section"],
body.tokuv2 [class*="-info-section"],
body.tokuv2 .hero-section, body.tokuv2 .cta-section {
    background: transparent !important;
    background-image: none !important;
    color: var(--t2-text-soft);
}

/* Hero başlıkları ve alt metinleri */
body.tokuv2 [class*="-hero-title"], body.tokuv2 .hero-title {
    color: #f8fafc !important;
    font-weight: 700; letter-spacing: -.02em;
}
body.tokuv2 [class*="-hero-subtitle"], body.tokuv2 .hero-subtitle,
body.tokuv2 [class*="-section-subtitle"] {
    color: var(--t2-text-soft) !important;
}
body.tokuv2 [class*="-section-title"] { color: #f8fafc !important; }
body.tokuv2 [class*="-section-header"] p { color: var(--t2-text-soft); }

/* Rozetler (hero-badge / section-badge) → V2 chip dili */
body.tokuv2 [class*="-hero-badge"], body.tokuv2 [class*="-section-badge"],
body.tokuv2 .hero-badge, body.tokuv2 .section-badge {
    display: inline-flex; align-items: center; gap: .45rem;
    background: var(--t2-emerald-dim) !important;
    color: var(--t2-emerald-bright) !important;
    border: 1px solid rgba(16, 185, 129, .3) !important;
    border-radius: 999px; padding: .4rem .95rem;
    font-size: .78rem; font-weight: 600; letter-spacing: .06em;
}

/* Kart aileleri */
body.tokuv2 [class*="-service-card"],
body.tokuv2 [class*="-stat-card"],
body.tokuv2 [class*="-benefit-card"],
body.tokuv2 [class*="-benefit-item"],
body.tokuv2 [class*="-link-card"],
body.tokuv2 [class*="-sector-card"],
body.tokuv2 [class*="-info-card"],
body.tokuv2 [class*="-process-card"],
body.tokuv2 [class*="-timeline-content"],
body.tokuv2 [class*="-value-prop"],
body.tokuv2 .toku-section .card, body.tokuv2 .t2-db-skin .card {
    background: var(--t2-surface) !important;
    border: 1px solid var(--t2-line) !important;
    border-radius: var(--t2-radius-lg);
    color: var(--t2-text-soft);
    box-shadow: none !important;
    transition: transform .3s var(--t2-ease), border-color .3s, box-shadow .3s;
}
body.tokuv2 [class*="-service-card"]:hover,
body.tokuv2 [class*="-stat-card"]:hover,
body.tokuv2 [class*="-benefit-card"]:hover,
body.tokuv2 [class*="-link-card"]:hover,
body.tokuv2 [class*="-sector-card"]:hover {
    transform: translateY(-5px);
    border-color: rgba(16, 185, 129, .35) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .35) !important;
}
body.tokuv2 [class*="-service-card"] h3, body.tokuv2 [class*="-service-card"] h4,
body.tokuv2 [class*="-benefit-card"] h3, body.tokuv2 [class*="-benefit-card"] h4,
body.tokuv2 [class*="-link-card"] h3, body.tokuv2 [class*="-link-card"] h4,
body.tokuv2 [class*="-sector-card"] h3, body.tokuv2 [class*="-sector-card"] h4,
body.tokuv2 [class*="-benefit-content"] h3, body.tokuv2 [class*="-benefit-content"] h4,
body.tokuv2 [class*="-timeline-content"] h3, body.tokuv2 [class*="-timeline-content"] h4 {
    color: #f1f5f9 !important;
}

/* İkon kutuları */
body.tokuv2 [class*="-icon-wrapper"],
body.tokuv2 [class*="-card-icon"],
body.tokuv2 [class*="-stat-icon"],
body.tokuv2 [class*="-sector-icon"],
body.tokuv2 [class*="-benefit-icon"]:not([class*="wrapper"]),
body.tokuv2 [class*="-service-icon"] {
    background: var(--t2-emerald-dim) !important;
    color: var(--t2-emerald-bright) !important;
    border: 0 !important;
    border-radius: 12px;
}

/* İstatistik sayıları — gradyan mono */
body.tokuv2 [class*="-stat-number"], body.tokuv2 [class*="-stat-value"] {
    font-family: var(--t2-mono);
    background: linear-gradient(100deg, var(--t2-emerald-bright), var(--t2-blue));
    -webkit-background-clip: text; background-clip: text;
    color: transparent !important;
    font-weight: 700;
}
body.tokuv2 [class*="-stat-label"] { color: var(--t2-text-soft) !important; }

/* Butonlar (tw-* sihirbaz ve t2-* sistem butonları HARİÇ) */
body.tokuv2 [class*="-btn"]:not([class*="-btn-primary"]):not([class*="-btn-outline"]):not([class*="tw-"]):not([class*="t2-"]) {
    border-radius: 999px;
}
body.tokuv2 [class*="-btn-primary"] {
    background: linear-gradient(135deg, var(--t2-emerald), #0d9e6f) !important;
    color: #04120c !important;
    border: 0 !important; border-radius: 999px;
    font-weight: 600;
    box-shadow: 0 8px 24px rgba(16, 185, 129, .25);
}
body.tokuv2 [class*="-btn-outline"], body.tokuv2 [class*="-btn-secondary"] {
    background: transparent !important;
    color: var(--t2-text) !important;
    border: 1px solid var(--t2-line) !important; border-radius: 999px;
}
body.tokuv2 [class*="-btn-outline"]:hover, body.tokuv2 [class*="-btn-secondary"]:hover {
    border-color: var(--t2-emerald) !important;
    color: var(--t2-emerald-bright) !important;
}
body.tokuv2 [class*="-filter-btn"] {
    background: rgba(148, 163, 184, .06) !important;
    color: var(--t2-text-soft) !important;
    border: 1px solid var(--t2-line) !important; border-radius: 999px;
}
body.tokuv2 [class*="-filter-btn"].active, body.tokuv2 [class*="-filter-btn"].is-active {
    background: var(--t2-emerald) !important; color: #04120c !important;
    border-color: var(--t2-emerald) !important;
}

/* Zaman çizelgesi */
body.tokuv2 [class*="-timeline-step"], body.tokuv2 [class*="-section-number"] {
    background: var(--t2-emerald-dim) !important;
    color: var(--t2-emerald-bright) !important;
    border-color: rgba(16, 185, 129, .35) !important;
}

/* Form öğeleri (QR kartvizit, başvuru formları vb.) */
body.tokuv2 [class$="-page"] input:not([type="checkbox"]):not([type="radio"]),
body.tokuv2 [class$="-page"] select,
body.tokuv2 [class$="-page"] textarea {
    background: var(--t2-bg-deep) !important;
    color: var(--t2-text) !important;
    border: 1px solid var(--t2-line) !important;
    border-radius: 10px;
}
body.tokuv2 [class$="-page"] input:focus,
body.tokuv2 [class$="-page"] select:focus,
body.tokuv2 [class$="-page"] textarea:focus {
    border-color: var(--t2-emerald) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .15) !important;
    outline: none;
}
body.tokuv2 [class$="-page"] label { color: var(--t2-text-soft); }

/* Genel metin güvenliği: aile sayfalarındaki koyu yazı kalıntıları */
body.tokuv2 [class$="-page"] h1, body.tokuv2 [class$="-page"] h2,
body.tokuv2 [class$="-page"] h3, body.tokuv2 [class$="-page"] h4 { color: #f1f5f9; }
body.tokuv2 [class$="-page"] p, body.tokuv2 [class$="-page"] li { color: var(--t2-text-soft); }

/* ═══════════════════════════════════════════════════════════════
   EK AİLELER — kurumsal/misyonvizyon (toku-app BEM), kvkk-*, qr-bc-*
   ═══════════════════════════════════════════════════════════════ */

/* ── toku-app / toku-hero-v2 (Kurumsal & Misyon-Vizyon) ── */
body.tokuv2 .toku-app { background: transparent; color: var(--t2-text-soft); }
body.tokuv2 .toku-hero-v2 {
    background: transparent !important; background-image: none !important;
    padding: clamp(2.5rem, 5vw, 4rem) 0;
}
body.tokuv2 .toku-hero-v2__inner {
    display: grid; grid-template-columns: 1.1fr .9fr;
    gap: 2.5rem; align-items: center;
    max-width: 1200px; margin-inline: auto; padding-inline: clamp(1rem, 4vw, 2rem);
}
@media (max-width: 900px) { body.tokuv2 .toku-hero-v2__inner { grid-template-columns: 1fr; } }
body.tokuv2 .toku-hero__title {
    color: #f8fafc !important; font-weight: 700; letter-spacing: -.02em;
    font-size: clamp(1.7rem, 3.4vw, 2.5rem);
}
body.tokuv2 .toku-hero__subtitle { color: var(--t2-text-soft) !important; line-height: 1.75; }
body.tokuv2 .toku-figure { margin: 0; }
body.tokuv2 .toku-figure img { border-radius: var(--t2-radius-lg); border: 1px solid var(--t2-line); }
body.tokuv2 .toku-cta { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.4rem; }
body.tokuv2 .toku-btn {
    display: inline-flex; align-items: center; gap: .5rem;
    padding: .7rem 1.5rem; border-radius: 999px;
    font-weight: 600; font-size: .92rem; text-decoration: none;
    transition: transform .25s var(--t2-ease), box-shadow .25s, border-color .25s;
}
body.tokuv2 .toku-btn:hover { transform: translateY(-2px); }
body.tokuv2 .toku-btn--primary {
    background: linear-gradient(135deg, var(--t2-emerald), #0d9e6f) !important;
    color: #04120c !important; border: 0 !important;
    box-shadow: 0 8px 24px rgba(16, 185, 129, .25);
}
body.tokuv2 .toku-btn--ghost {
    background: transparent !important; color: var(--t2-text) !important;
    border: 1px solid var(--t2-line) !important;
}
body.tokuv2 .toku-btn--ghost:hover { border-color: var(--t2-emerald) !important; color: var(--t2-emerald-bright) !important; }
body.tokuv2 .toku-core-grid, body.tokuv2 .toku-feature-grid {
    display: grid; gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
body.tokuv2 .toku-stepper { display: grid; gap: .8rem; }
body.tokuv2 .toku-stepper__item {
    background: var(--t2-surface); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius); padding: 1rem 1.2rem;
    color: var(--t2-text-soft);
}
body.tokuv2 .toku-subnav--tabs { border-bottom: 0; }

/* ── KVKK sayfası ── */
body.tokuv2 .kvkk-section {
    background: var(--t2-surface); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius-lg); padding: 1.6rem;
    margin-bottom: 1.2rem; color: var(--t2-text-soft);
}
body.tokuv2 .kvkk-section-content, body.tokuv2 .kvkk-text { color: var(--t2-text-soft); }
body.tokuv2 .kvkk-nav-link,
body.tokuv2 [class*="-nav-link"]:not(.t2-menu-link) {
    display: inline-flex; align-items: center;
    padding: .45rem .95rem; border-radius: 999px;
    background: rgba(148, 163, 184, .06) !important;
    color: var(--t2-text-soft) !important;
    border: 1px solid var(--t2-line) !important;
    text-decoration: none; font-size: .82rem; font-weight: 600;
}
body.tokuv2 .kvkk-nav-link:hover { color: var(--t2-emerald-bright) !important; border-color: var(--t2-emerald) !important; }
body.tokuv2 .kvkk-legal-code {
    font-family: var(--t2-mono); font-size: .75rem;
    background: var(--t2-emerald-dim); color: var(--t2-emerald-bright);
    border-radius: 6px; padding: .2rem .55rem;
}
body.tokuv2 [class*="-purpose-item"], body.tokuv2 [class*="-legal-item"],
body.tokuv2 [class*="-sharing-item"], body.tokuv2 [class*="-security-item"],
body.tokuv2 [class*="-right-item"], body.tokuv2 [class*="-contact-item"],
body.tokuv2 [class*="-data-category"] {
    background: rgba(148, 163, 184, .05) !important;
    border: 1px solid var(--t2-line) !important;
    border-radius: var(--t2-radius); color: var(--t2-text-soft);
}
body.tokuv2 [class*="-purpose-icon"], body.tokuv2 [class*="-right-icon"] {
    background: var(--t2-emerald-dim) !important;
    color: var(--t2-emerald-bright) !important; border-radius: 10px;
}

/* ── QR Kartvizit (qr-bc-*) ── */
body.tokuv2 .qr-bc-wrapper { background: transparent; color: var(--t2-text-soft); }
body.tokuv2 .qr-bc-container,
body.tokuv2 .qr-bc-form-container,
body.tokuv2 .qr-bc-result-container {
    background: var(--t2-surface) !important;
    border: 1px solid var(--t2-line) !important;
    border-radius: var(--t2-radius-lg);
    color: var(--t2-text-soft);
    box-shadow: none !important;
}
body.tokuv2 .qr-bc-title, body.tokuv2 .qr-bc-subtitle { color: #f8fafc !important; }
body.tokuv2 .qr-bc-label, body.tokuv2 .qr-bc-kvkk-label, body.tokuv2 .qr-bc-kvkk-text,
body.tokuv2 .qr-bc-info-text, body.tokuv2 .qr-bc-small-text { color: var(--t2-text-soft) !important; }
body.tokuv2 .qr-bc-required { color: #f87171; }
body.tokuv2 .qr-bc-input, body.tokuv2 .qr-bc-textarea, body.tokuv2 .qr-bc-file-input {
    background: var(--t2-bg-deep) !important;
    color: var(--t2-text) !important;
    border: 1px solid var(--t2-line) !important;
    border-radius: 10px;
}
body.tokuv2 .qr-bc-input:focus, body.tokuv2 .qr-bc-textarea:focus {
    border-color: var(--t2-emerald) !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .15) !important; outline: none;
}
body.tokuv2 .qr-bc-btn-generate, body.tokuv2 .qr-bc-btn-download {
    background: linear-gradient(135deg, var(--t2-emerald), #0d9e6f) !important;
    color: #04120c !important; border: 0 !important; border-radius: 999px;
    font-weight: 600; padding: .7rem 1.5rem;
}
/* QR kodun kendisi okunabilirlik için BEYAZ zeminde kalmalı */
body.tokuv2 .qr-bc-qrcode-wrapper {
    background: #fff !important; border-radius: var(--t2-radius);
    padding: 1rem; display: inline-block;
}
body.tokuv2 .qr-bc-photo-preview { border: 1px solid var(--t2-line); border-radius: 50%; }

/* ═══════════════════════════════════════════════════════════════
   SİHİRBAZ SEÇENEKLERİ (tw-opt) — SEÇİM DURUMU GARANTİSİ
   Seçenekler checkbox değil <button class="tw-opt"> öğeleridir;
   JS 'selected' class'ı ekler. Eski temada seçili görünüm
   --navy-2/--gold/--surface değişkenlerine bağlıydı; koyu temada
   kaybolmasın diye burada mutlak emerald değerlerle sabitlenir.
   Tüm 14 sihirbaz sayfası için geçerlidir (global dosya).
   ═══════════════════════════════════════════════════════════════ */
body.tokuv2 .tw-opt {
    cursor: pointer;
    background: var(--t2-surface) !important;
    border: 1px solid var(--t2-line) !important;
    color: var(--t2-text-soft);
    transition: border-color .2s, background .2s, transform .2s;
}
body.tokuv2 .tw-opt:hover {
    border-color: rgba(16, 185, 129, .45) !important;
    background: rgba(16, 185, 129, .05) !important;
}
body.tokuv2 .tw-opt .tw-opt-label { color: #e2e8f0 !important; }
body.tokuv2 .tw-opt .tw-opt-hint { color: var(--t2-text-faint) !important; }

/* Boş onay kutusu göstergesi */
body.tokuv2 .tw-opt .tw-opt-check {
    background: transparent !important;
    border: 2px solid rgba(148, 163, 184, .45) !important;
}

/* SEÇİLİ durum — net emerald geri bildirim */
body.tokuv2 .tw-opt.selected {
    border-color: var(--t2-emerald) !important;
    background: rgba(16, 185, 129, .12) !important;
    box-shadow: 0 0 0 1px rgba(16, 185, 129, .35), 0 6px 18px rgba(16, 185, 129, .12) !important;
}
body.tokuv2 .tw-opt.selected::before {
    background: var(--t2-emerald) !important;
}
body.tokuv2 .tw-opt.selected .tw-opt-check {
    background: var(--t2-emerald) !important;
    border-color: var(--t2-emerald) !important;
}
body.tokuv2 .tw-opt.selected .tw-opt-check::after {
    background: #04120c !important;
}
body.tokuv2 .tw-opt.selected .tw-opt-label { color: #f8fafc !important; }

/* Sihirbaz gezinme butonları — geometrilerine dokunmadan renk uyumu */
body.tokuv2 .tw-btn.tw-btn-primary, body.tokuv2 .tw-btn-big {
    background: linear-gradient(135deg, var(--t2-emerald), #0d9e6f) !important;
    color: #04120c !important; border: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   TURNUVA & UYGULAMALAR SAYFALARI — QA denetiminde tespit edilen
   hiçbir CSS'te tanımı olmayan aileler (pricing-, sport-, bracket-,
   tournament-, application-card, audience-*, element-*)
   ═══════════════════════════════════════════════════════════════ */

/* Fiyatlandırma kartları */
body.tokuv2 .pricing-card {
    background: var(--t2-surface); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius-lg); padding: 1.6rem;
    display: flex; flex-direction: column; height: 100%;
    transition: transform .3s var(--t2-ease), border-color .3s;
}
body.tokuv2 .pricing-card:hover { transform: translateY(-5px); border-color: rgba(16,185,129,.4); }
body.tokuv2 .pricing-header { border-bottom: 1px solid var(--t2-line); padding-bottom: 1rem; margin-bottom: 1rem; }
body.tokuv2 .pricing-title { color: #f8fafc; font-weight: 700; font-size: 1.05rem; }
body.tokuv2 .pricing-badge {
    display: inline-block; background: var(--t2-emerald-dim); color: var(--t2-emerald-bright);
    border: 1px solid rgba(16,185,129,.3); border-radius: 999px;
    font-size: .7rem; font-weight: 700; letter-spacing: .08em; padding: .25rem .7rem;
}
body.tokuv2 .pricing-price, body.tokuv2 .price-amount {
    font-family: var(--t2-mono); font-weight: 700; font-size: 1.9rem;
    background: linear-gradient(100deg, var(--t2-emerald-bright), var(--t2-blue));
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.tokuv2 .price-currency, body.tokuv2 .price-period { color: var(--t2-text-faint); font-size: .85rem; }
body.tokuv2 .pricing-features { list-style: none; padding: 0; margin: 1rem 0; color: var(--t2-text-soft); }
body.tokuv2 .pricing-features li { padding: .35rem 0; }
body.tokuv2 .pricing-footer { margin-top: auto; }

/* Spor kategorileri */
body.tokuv2 .sport-category, body.tokuv2 .sport-item {
    background: rgba(148,163,184,.05); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius); padding: .8rem 1rem; color: var(--t2-text-soft);
}
body.tokuv2 .sport-list { display: grid; gap: .6rem; }

/* Turnuva braket / skor görseli */
body.tokuv2 .tournament-hero, body.tokuv2 .tournament-visual,
body.tokuv2 .tournament-dashboard, body.tokuv2 .tournament-bracket {
    background: var(--t2-surface); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius-lg); padding: 1.2rem; color: var(--t2-text-soft);
}
body.tokuv2 .bracket-round { display: grid; gap: .7rem; }
body.tokuv2 .bracket-match {
    background: var(--t2-bg-deep); border: 1px solid var(--t2-line);
    border-radius: 10px; padding: .6rem .8rem;
}
body.tokuv2 .score {
    font-family: var(--t2-mono); font-weight: 700; color: var(--t2-emerald-bright);
    background: var(--t2-emerald-dim); border-radius: 6px; padding: .1rem .5rem;
}
body.tokuv2 .vs { color: var(--t2-text-faint); font-family: var(--t2-mono); font-size: .75rem; }
body.tokuv2 .advanced-feature {
    background: rgba(148,163,184,.05); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius); padding: .9rem 1.1rem; color: var(--t2-text-soft);
}

/* Hedef kitle blokları (uygulamalar + turnuva ortak) */
body.tokuv2 .audience-title { color: #f1f5f9; font-weight: 700; }
body.tokuv2 .audience-description { color: var(--t2-text-soft); }
body.tokuv2 .audience-features { list-style: none; padding: 0; color: var(--t2-text-soft); }
body.tokuv2 .audience-features li { padding: .3rem 0; }

/* Uygulama portföy kartları (/uygulamalar) */
body.tokuv2 .application-card {
    background: var(--t2-surface); border: 1px solid var(--t2-line);
    border-radius: var(--t2-radius-lg); padding: 1.5rem; height: 100%;
    color: var(--t2-text-soft);
    transition: transform .3s var(--t2-ease), border-color .3s, box-shadow .3s;
}
body.tokuv2 .application-card:hover {
    transform: translateY(-5px); border-color: rgba(16,185,129,.4);
    box-shadow: 0 18px 44px rgba(0,0,0,.35);
}
body.tokuv2 .application-card h3, body.tokuv2 .application-card h4 { color: #f8fafc; }

/* Dekoratif element-1/2/3 — eski yüzen süsler; koyu temada gizle */
body.tokuv2 .element-1, body.tokuv2 .element-2, body.tokuv2 .element-3 { display: none; }

/* ═══════════════════════════════════════════════════════════════
   AÇIK MAVİ PLACEHOLDER KUTULARI — 12 sayfada görsel yerine duran
   inline `linear-gradient(135deg,#dbeafe,#bfdbfe)` blokları koyu
   temada parlıyor. SVG illüstrasyonlar yerleşene kadar koyu yüzeye
   çevrilir (attribute-contains seçici inline stili !important ile ezer).
   ═══════════════════════════════════════════════════════════════ */
body.tokuv2 [style*="#dbeafe"], body.tokuv2 [style*="#bfdbfe"] {
    background: linear-gradient(160deg, var(--t2-surface), var(--t2-bg-deep)) !important;
    border: 1px solid var(--t2-line) !important;
}
body.tokuv2 [style*="#dbeafe"] i, body.tokuv2 [style*="#bfdbfe"] i,
body.tokuv2 [style*="#dbeafe"] .fas, body.tokuv2 [style*="#bfdbfe"] .fas {
    color: var(--t2-emerald-bright) !important;
}