/*! YKS Tercih Robotu — © 2026 Bugrahan Kayan. Tüm hakları saklıdır. */

/* ============================================================
   TASARIM SİSTEMİ — BEYKOZ KURUMSAL TEMA
   ============================================================ */
:root {
    --renk-ana: #7a242c;
    --renk-ana-koyu: #5e1b22;
    --renk-vurgu: #58595b;
    --renk-vurgu-koyu: #3f4042;
    --renk-bordo: #7a242c;
    --renk-koyu-gri: #58595b;

    --renk-devlet: #e8f4fd;
    --renk-vakif: #ffffff;
    --renk-kktc: #fff9c4;

    --renk-guvenli: #d1fae5;
    --renk-guvenli-yazi: #065f46;
    --renk-sinirda: #fef3c7;
    --renk-sinirda-yazi: #92400e;
    --renk-riskli: #fee2e2;
    --renk-riskli-yazi: #991b1b;
    --renk-veri-yok: #e5e7eb;
    --renk-veri-yok-yazi: #4b5563;

    --renk-arka: #f6f4f3;
    --renk-yuzey: #ffffff;
    --renk-kenar: #ded8d6;
    --renk-yazi: #242426;
    --renk-yazi-soluk: #66676a;

    --renk-satir-hover: color-mix(in srgb, #7a242c 8%, transparent);

    --golge-sm: 0 1px 2px rgba(0,0,0,0.05);
    --golge-md: 0 4px 6px rgba(0,0,0,0.07);
    --golge-lg: 0 10px 25px rgba(0,0,0,0.1);

    --yazi-ana: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', Arial, sans-serif;

    /* Z-index ölçeği */
    --z-ust-serit:      100;
    --z-panel-ust:       50;
    --z-sayfalama:       20;
    --z-tablo-bas:       10;
    --z-filtre-pop-bg:  180;
    --z-filtre-pop:     190;
    --z-detay-overlay:  200;
    --z-detay-panel:    201;
    --z-kosul-modal:    260;
    --z-yardim-modal:   300;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    font-family: var(--yazi-ana);
    color: var(--renk-yazi);
    font-size: 14px;
    line-height: 1.5;
    min-height: 100vh;
}

/* Dikey scrollbar'ı hep rezerve et: sayfa veri gelince uzayınca içerik
   yatayda kaymasın (scrollbar belirip ortalamayı kaydırıyordu). */
html { overflow-y: scroll; }

/* Klavye odak halkası (yalnız klavye gezintisinde) */
*:focus { outline: none; }
*:focus-visible {
    outline: 2px solid var(--renk-bordo);
    outline-offset: 2px;
    border-radius: inherit;
}

/* Erişilebilirlik için görünmez başlık */
.gizli-erisilebilir {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ============================================================
   ÜST ŞERİT (HEADER)
   ============================================================ */



.logo-buton {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: inherit;
    font: inherit;
    transition: opacity 0.15s, transform 0.15s;
}

.logo-buton:hover { opacity: 0.86; transform: translateY(-1px); }

.logo-img {
    object-fit: contain;
}

.kurumsal-logo {
    display: flex;
    align-items: center;
    gap: 12px;
}

.logo-cizgi {
    background: var(--renk-bordo);
}

.logo-yazi {
    display: grid;
    line-height: 1;
}

.logo-yazi strong {
    color: var(--renk-bordo);
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
}

.logo-yazi span {
    color: var(--renk-koyu-gri);
    font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0;
}

.logo-alani .alt-baslik {
    margin-top: 2px;
}

.yardim-btn {
    cursor: pointer;
}





.yardim-btn.vurgulu {
    background: var(--renk-bordo);
    color: white;
    border-color: var(--renk-bordo);
    opacity: 1;
}

/* Üst header — Giriş / Profil butonu + menü */
.giris-profil-kont { position: relative; display: inline-flex; }
.giris-profil-btn.girisli { color: var(--renk-bordo); }
.giris-profil-btn.girisli .ico-user { color: var(--renk-bordo); }
.giris-profil-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 168px;
    background: #fff;
    border: 1px solid rgba(63,48,51,0.12);
    border-radius: 12px;
    box-shadow: 0 14px 34px rgba(31,24,25,0.16), 0 2px 6px rgba(31,24,25,0.06);
    padding: 8px;
    z-index: 200;
}
.giris-profil-menu[hidden] { display: none; }
.giris-profil-ad {
    font-size: 13px; font-weight: 700; color: #2a2224;
    padding: 6px 9px 9px;
    border-bottom: 1px solid rgba(63,48,51,0.08);
    margin-bottom: 6px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.giris-profil-cikis {
    width: 100%; text-align: left;
    background: none; border: none; cursor: pointer;
    padding: 8px 9px; border-radius: 8px;
    font-size: 13px; font-weight: 650; color: var(--renk-bordo);
    display: flex; align-items: center; gap: 7px;
}
.giris-profil-cikis::before {
    content: ""; width: 15px; height: 15px; flex: 0 0 auto; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E") center/contain no-repeat;
}
.giris-profil-cikis:hover { background: rgba(155,33,50,0.07); }
.giris-profil-panel {
    width: 100%; text-decoration: none;
    padding: 8px 9px; border-radius: 8px; margin-bottom: 4px;
    font-size: 13px; font-weight: 700; color: #fff; background: var(--renk-bordo);
    display: flex; align-items: center; gap: 7px; box-sizing: border-box;
}
.giris-profil-panel[hidden] { display: none; }
.giris-profil-panel svg { width: 15px; height: 15px; flex: 0 0 auto; }
.giris-profil-panel:hover { background: #8c2c34; }

/* Mod tabları */


.mod-tab {
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.15s;
}

.mod-tab:hover { opacity: 1; }
.mod-tab.aktif {
    opacity: 1;
}

@media (max-width: 720px) {
    .ust-serit {
    }

    .serit-sag {
        width: 100%;
        justify-content: space-between;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .mod-tablari {
        flex: 1;
        min-width: 180px;
    }

    .mod-tab {
        padding: 8px 12px;
    }
}

/* ============================================================
   MOD SEÇİM EKRANI
   ============================================================ */


.mod-secim-icerik {
    text-align: center;
    max-width: 1080px;
    width: 100%;
}

.hero-alani {
    text-align: center;
    margin-bottom: 26px;
}

.hero-alani h2 {
    font-size: 34px;
    color: var(--renk-ana);
    margin-bottom: 8px;
}

.hero-alani .alt-yazi {
    color: var(--renk-yazi-soluk);
    margin-bottom: 20px;
    font-size: 16px;
}

@media (max-width: 720px) {
    .hero-alani h2 { font-size: 26px; }
}

/* ============================================================
   ANA UYGULAMA LAYOUT
   Sayfa tek scroll'da akar; iç panel scroll'u yoktur.
   ============================================================ */
.uygulama {
    display: none;
    flex-direction: column;
    min-width: 0;
}

.uygulama.aktif { display: flex; }

/* Üst filtre bandı — tüm filtreler görünür, iç scroll yok */
.filtre-paneli {
    background: var(--renk-yuzey);
    padding: 14px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr));
    align-items: end;
    gap: 10px 12px;
}

.filtre-paneli.kapali { display: none !important; }

.filtre-paneli h3 {
    grid-column: 1 / -1;
    font-size: 13px;
    color: var(--renk-ana);
    margin-bottom: 0;
    padding-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.filtre-paneli.uzman-paneli {
    display: block;
    padding: 12px 16px;
}

.filtre-paneli.uzman-paneli h3 {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
}

.filtre-pop-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(20, 20, 24, 0.28);
    z-index: var(--z-filtre-pop-bg);
}

.filtre-paneli.filtre-pop {
    position: fixed;
    left: 18px;
    right: 18px;
    top: calc(var(--ust-serit-h, 70px) + 12px);
    max-height: calc(100vh - var(--ust-serit-h, 70px) - 28px);
    overflow: auto;
    z-index: var(--z-filtre-pop);
    border: 1px solid var(--renk-kenar);
    border-radius: 10px;
    box-shadow: 0 24px 70px rgba(0,0,0,0.22);
}



.coklu-secim label {
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--renk-yazi);
}

.coklu-secim input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.coklu-secim span {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}



.gizli-filtre-deger { display: none; }

.filtre-grup {
    margin-bottom: 0;
    min-width: 0;
}

.filtre-grup.akordeon {
    border: 1px solid var(--renk-kenar);
    border-radius: 8px;
    padding: 10px;
    background: color-mix(in srgb, var(--renk-yuzey) 92%, var(--renk-arka));
}

.filtre-grup.akordeon summary {
    cursor: pointer;
    color: var(--renk-ana);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.filtre-grup.akordeon .akordeon-icerik {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.filtre-grup label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--renk-yazi-soluk);
    text-transform: uppercase;
    letter-spacing: 0;
    margin-bottom: 6px;
}

.filtre-grup input[type="text"],
.filtre-grup input[type="number"],
.filtre-grup select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--renk-kenar);
    border-radius: 5px;
    font-size: 14px;
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    font-family: inherit;
}

.filtre-grup input:focus, .filtre-grup select:focus {
    outline: none;
    border-color: var(--renk-bordo);
    box-shadow: 0 0 0 3px rgba(122, 36, 44, 0.12);
}

.aralik-input {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

/* Tab buton (puan türü gibi) */
.tab-buton-grup {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.tab-btn {
    flex: 1;
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid var(--renk-kenar);
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    border-radius: 5px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    transition: all 0.15s;
}

.tab-btn:hover { border-color: var(--renk-bordo); }
.tab-btn.aktif {
    background: var(--renk-ana);
    color: white;
    border-color: var(--renk-ana);
}

/* Toggle switch */
.toggle-grup {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    padding: 4px 0;
    min-height: 35px;
}

.filtre-grup label.toggle-grup {
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 4px;
    color: var(--renk-yazi);
    font-size: 13px;
    font-weight: 500;
}

.toggle-grup input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.toggle-track {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #d7d2d0;
    flex: 0 0 auto;
    transition: background 0.16s;
}

.toggle-track::after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
    transition: transform 0.16s;
}

.toggle-grup input:checked + .toggle-track {
    background: var(--renk-bordo);
}

.toggle-grup input:checked + .toggle-track::after {
    transform: translateX(16px);
}

.toggle-grup input:focus-visible + .toggle-track {
    box-shadow: 0 0 0 3px rgba(122, 36, 44, 0.14);
}

.toggle-grup span {
    font-size: 13px;
    color: var(--renk-yazi);
    line-height: 1.25;
}

.filtre-buton {
    width: 100%;
    padding: 9px 10px;
    background: var(--renk-bordo);
    color: white;
    border: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    margin-top: 0;
    transition: background 0.15s;
}

.filtre-buton:hover { background: var(--renk-ana-koyu); }

.filtre-buton.ikincil {
    background: var(--renk-koyu-gri);
}

.filtre-buton.ikincil:hover { background: var(--renk-vurgu-koyu); }

.filtre-buton.silik {
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    border: 1px solid var(--renk-kenar);
}

.filtre-buton.silik:hover {
    background: var(--renk-arka);
    border-color: var(--renk-bordo);
}

/* Sağ ana panel — iç scroll yok, sayfa scroll'u kullan */
.ana-panel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: var(--renk-arka);
}

.panel-ust {
    padding: 12px 20px;
    background: var(--renk-yuzey);
    border-bottom: 1px solid var(--renk-kenar);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    position: sticky;
    top: var(--ust-serit-h, 60px);
    z-index: 50;
}

.sonuc-bilgi {
    font-size: 13px;
    color: var(--renk-yazi-soluk);
}

.sonuc-bilgi strong {
    color: var(--renk-ana);
    font-size: 16px;
}

.panel-aksiyonlar {
    display: flex;
    gap: 8px;
}

.aksiyon-btn {
    padding: 7px 14px;
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    border: 1px solid var(--renk-kenar);
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s;
}

.aksiyon-btn:hover {
    border-color: var(--renk-vurgu);
    color: var(--renk-vurgu);
}

.aksiyon-btn.birincil {
    background: var(--renk-vurgu);
    color: white;
    border-color: var(--renk-vurgu);
}

.aksiyon-btn.birincil:hover {
    background: var(--renk-vurgu-koyu);
}

.mobil-filtre-btn { display: none; }

/* ============================================================
   UZMAN MODU FİLTRE PANELİ
   ============================================================ */


.uzman-paneli h3 {
    padding: 0;
    border: 0;
    text-transform: none;
}

.uzman-filtre-baslik {
    justify-content: space-between;
    margin-bottom: 14px;
}



.panel-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.panel-mini-not {
    flex: 0 0 auto;
}







.filtre-hizli-grid .arama-alani input {
    min-height: 40px;
}

.filtre-kart-grid {
    margin-top: 12px;
    overflow-x: auto;
}





.filtre-kart h4 {
    margin: 0;
}



.aday-karti { min-width: 320px; }
.burs-karti { min-width: 320px; }
.aralik-karti { min-width: 390px; }
.diger-karti { min-width: 245px; }
.preset-karti { min-width: 560px; }



.uzman-paneli .filtre-grup input[type="text"],
.uzman-paneli .filtre-grup input[type="number"],
.uzman-paneli .filtre-grup select {
    border-color: color-mix(in srgb, var(--renk-kenar) 86%, white);
}







.coklu-secim span {
    border-color: color-mix(in srgb, var(--renk-kenar) 86%, white);
}













.uzman-aksiyon .filtre-buton {
    min-height: 40px;
    border-radius: 8px;
}

.filtre-buton {
    border-radius: 8px;
}
















































/* ============================================================
   UZMAN FİLTRE PANELİ — GRID DÜZENİ
   Kart düzeni taşmadan akar.
   ============================================================ */
.uzman-paneli {
    background:
        radial-gradient(circle at top left, rgba(122, 36, 44, 0.075), transparent 340px),
        linear-gradient(180deg, #fbf9f8 0%, #f6f3f2 100%);
    padding: clamp(14px, 1.5vw, 22px);
    font-family: "Inter", "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, sans-serif;
    overflow-x: hidden;
}

.uzman-paneli * { box-sizing: border-box; }

.uzman-paneli h3 {
    margin: 4px 0 6px;
    color: #21191a;
    font-size: clamp(24px, 2.2vw, 34px);
    line-height: 1.08;
    font-weight: 760;
    letter-spacing: -0.01em;
}

.uzman-filtre-baslik {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 24px;
    max-width: 1760px;
    margin: 0 auto 14px;
}

.uzman-filtre-baslik p,
.filtre-kart-baslik p,
.yardimci-metin {
    color: #6f6668;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 4px;
}

.panel-eyebrow {
    color: var(--renk-bordo);
    font-size: 11px;
    font-weight: 820;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.panel-mini-not {
    border: 1px solid rgba(122, 36, 44, 0.18);
    background: rgba(255, 255, 255, 0.82);
    color: var(--renk-bordo);
    border-radius: 999px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 760;
    box-shadow: 0 10px 28px rgba(50, 38, 40, 0.045);
}

.filtre-hizli-kart,
.filtre-kart {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(34, 24, 26, 0.09);
    border-radius: 16px;
    box-shadow:
        0 16px 42px rgba(31, 24, 25, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.filtre-hizli-kart {
    max-width: 1760px;
    margin: 0 auto;
    padding: clamp(14px, 1.1vw, 18px);
}

.filtre-hizli-baslik {
    display: block;
    margin: 0 0 10px;
    color: #1f191a;
    font-size: 16px;
    font-weight: 760;
    letter-spacing: -0.005em;
}

.filtre-hizli-grid {
    display: grid;
    grid-template-columns: minmax(270px, 1.45fr) minmax(170px, 0.86fr) minmax(300px, 1.35fr) minmax(230px, 1.04fr) minmax(165px, 0.76fr) minmax(165px, 0.76fr) minmax(178px, 0.78fr);
    gap: 12px;
    align-items: end;
}

.filtre-hizli-grid > * { min-width: 0; }

.filtre-kart-grid {
    max-width: 1760px;
    margin: 14px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 286px), 1fr));
    gap: 16px;
    overflow: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
    grid-auto-flow: row;
    grid-auto-columns: initial;
}

.filtre-kart {
    padding: 14px;
    min-width: 0;
    min-height: 142px;
    scroll-snap-align: initial;
}

@media (min-width: 1180px) {
    .filtre-kart-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .filtre-kart:nth-child(1) { grid-column: span 3; }
    .filtre-kart:nth-child(2) { grid-column: span 2; }
    .filtre-kart:nth-child(3) { grid-column: span 3; }
    .filtre-kart:nth-child(4) { grid-column: span 2; }
    .filtre-kart:nth-child(5) { grid-column: span 2; }
    .filtre-kart:nth-child(6) { grid-column: span 4; }
    .filtre-kart:nth-child(7) { grid-column: span 3; }
    .filtre-kart:nth-child(8) { grid-column: span 5; }
}

@media (max-width: 1366px) {
    .filtre-hizli-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .filtre-aksiyon-grup.uzman-aksiyon {
        grid-template-columns: 1fr 1fr;
    }
}

.hizli-arama-wrap {
    position: relative;
}

.hizli-arama-wrap::before {
    content: "⌕";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #7b7374;
    font-size: 20px;
    line-height: 1;
    pointer-events: none;
}

.hizli-arama-wrap input {
    padding-left: 42px !important;
}

.filtre-kart-baslik {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.filtre-kart h4 {
    color: #21191a;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 760;
    letter-spacing: -0.006em;
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.kart-ikon {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(122, 36, 44, 0.07);
    color: var(--renk-bordo);
    border: 1px solid rgba(122, 36, 44, 0.1);
    font-size: 13px;
    font-weight: 780;
    flex: 0 0 auto;
}

.aday-karti {
    background:
        linear-gradient(135deg, rgba(122, 36, 44, 0.07), rgba(255, 255, 255, 0.96) 58%),
        #fff;
}

.aday-karti,
.burs-karti,
.aralik-karti,
.diger-karti,
.preset-karti { min-width: 0; }

.uzman-paneli .filtre-grup label {
    color: #51494b;
    font-size: 12px;
    font-weight: 760;
    letter-spacing: 0.015em;
    margin-bottom: 6px;
}

.uzman-paneli .filtre-grup input[type="text"],
.uzman-paneli .filtre-grup input[type="number"],
.uzman-paneli .filtre-grup select {
    min-height: 40px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid #ded6d4;
    background: rgba(255, 255, 255, 0.96);
    color: #241c1d;
    padding: 9px 12px;
    font-size: 14px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
    transition: border-color 0.16s, box-shadow 0.16s, background 0.16s;
}

.uzman-paneli .filtre-grup input::placeholder { color: #6e6466; }

.uzman-paneli .filtre-grup input:hover,
.uzman-paneli .filtre-grup select:hover { border-color: rgba(122, 36, 44, 0.32); }

.uzman-paneli .filtre-grup input:focus,
.uzman-paneli .filtre-grup select:focus {
    border-color: var(--renk-bordo);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(122, 36, 44, 0.12);
}

.coklu-secim {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.coklu-secim label {
    position: relative;
    margin: 0;
}

.coklu-secim span {
    min-height: 34px;
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #ddd5d3;
    color: #251d1e;
    font-size: 13px;
    font-weight: 720;
    line-height: 1;
    white-space: nowrap;
    transition: transform 0.14s, border-color 0.14s, background 0.14s, color 0.14s, box-shadow 0.14s;
}

.coklu-secim span:hover {
    transform: translateY(-1px);
    border-color: rgba(122, 36, 44, 0.42);
    box-shadow: 0 8px 18px rgba(122, 36, 44, 0.08);
}

.coklu-secim input:focus-visible + span { box-shadow: 0 0 0 4px rgba(122, 36, 44, 0.14); }

.coklu-secim input:checked + span {
    background: linear-gradient(180deg, #932533, #7a242c);
    border-color: #7a242c;
    color: #fff;
    box-shadow: 0 10px 22px rgba(122, 36, 44, 0.18);
}

.puan-chipleri span {
    min-width: 44px;
    justify-content: center;
}

.filtre-sekmeleri {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.filtre-sekmeleri .tab-btn {
    min-height: 34px;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 740;
}

.filtre-aksiyon-grup.uzman-aksiyon {
    display: grid;
    gap: 10px;
    align-self: stretch;
}

.uzman-aksiyon .filtre-buton,
.filtre-buton {
    min-height: 40px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 760;
}

.uzman-aksiyon .filtre-buton { box-shadow: 0 14px 28px rgba(122, 36, 44, 0.16); }
.uzman-aksiyon .filtre-buton.silik { box-shadow: none; }

.kart-aralik { margin-top: 10px; }

.acik-kapa {
    border: 1px solid #e2dad8;
    border-radius: 13px;
    padding: 9px 11px;
    margin-top: 8px;
    background: rgba(250, 248, 247, 0.72);
    gap: 10px;
}

.acik-kapa input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}

.acik-kapa .toggle-track {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #d7d0ce;
    flex: 0 0 auto;
    transition: background 0.16s;
}

.acik-kapa input:focus-visible + .toggle-track { box-shadow: 0 0 0 4px rgba(122, 36, 44, 0.14); }
.acik-kapa input:checked + .toggle-track { background: var(--renk-bordo); }

.acik-kapa .toggle-track::after {
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
}

.acik-kapa input:checked + .toggle-track::after { transform: translateX(18px); }

.hazir-secimler {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.hazir-secimler .preset-btn {
    min-height: 36px;
    border-radius: 999px;
    background: rgba(255,255,255,0.94);
    text-align: center;
    padding: 8px 11px;
    font-size: 13px;
    font-weight: 760;
    color: var(--renk-bordo);
    border-color: rgba(122, 36, 44, 0.22);
}

.hazir-secimler .preset-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(122, 36, 44, 0.42);
    box-shadow: 0 10px 24px rgba(122, 36, 44, 0.09);
}

.preset-btn.aktif {
    background: rgba(122, 36, 44, 0.09);
    border-color: rgba(122, 36, 44, 0.5);
    color: var(--renk-bordo);
    box-shadow: 0 10px 24px rgba(122,36,44,0.1);
}

.uzman-toolbar {
    backdrop-filter: none;
}

.uzman-toolbar .aksiyon-btn {
    min-height: 44px;
    border-radius: 10px;
    padding: 0 18px;
    font-size: 15px;
    font-weight: 650;
}

.uzman-toolbar .aksiyon-btn.birincil {
    background: rgba(255,255,255,0.95);
    color: #332b2d;
    border-color: #ded6d4;
    box-shadow: 0 1px 0 rgba(255,255,255,0.8);
}

.uzman-toolbar .aksiyon-btn.birincil:hover {
    color: var(--renk-bordo);
    border-color: rgba(122,36,44,0.34);
    background: #fff;
}



.sonuc-metrik strong {
    color: var(--renk-bordo);
    font-size: 24px;
    letter-spacing: -0.012em;
}

.toolbar-filtreler {
    padding: 0;
    align-items: center;
}

.toolbar-aksiyonlar {
    align-items: center;
    justify-content: end;
}

.export-menu { position: relative; }

.export-menu summary {
    list-style: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.export-menu summary::-webkit-details-marker { display: none; }
.export-menu summary::after {
    content: "⌄";
    font-size: 13px;
    opacity: 0.85;
}

.export-menu-icerik {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    min-width: 255px;
    background: var(--renk-yuzey);
    border: 1px solid #ded6d4;
    border-radius: 14px;
    box-shadow: 0 24px 55px rgba(0,0,0,0.16);
    padding: 8px;
    z-index: 120;
}

.export-menu-icerik button {
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 10px;
    color: var(--renk-yazi);
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    text-align: left;
    padding: 11px 12px;
}

.export-menu-icerik button:hover {
    background: rgba(122, 36, 44, 0.08);
    color: var(--renk-bordo);
}



.aktif-chip {
    border-color: rgba(122, 36, 44, 0.2);
    font-weight: 720;
}

/* Üst şerit: kompakt başlık */





.mod-tablari {
    border-radius: 0;
}



.mod-tab:hover,
.yardim-btn:hover {
    color: var(--renk-bordo);
}



.yardim-btn.pasif {
    color: #3c3436;
}

/* ============================================================
   UZMAN FİLTRE PANELİ — GRID MİMARİSİ
   1366px'de yatay kaydırma olmadan çalışır.
   ============================================================ */
.uzman-panel-v4 {
    --panel-max: 1540px;
    --soft-border: rgba(40, 31, 33, 0.09);
    --soft-shadow: 0 2px 8px rgba(31, 24, 25, 0.05), 0 1px 2px rgba(31, 24, 25, 0.06);
    --surface: rgba(255, 255, 255, 0.97);
    --surface-muted: #f8f5f4;
    background:
        radial-gradient(circle at 8% 0%, rgba(122, 36, 44, 0.055), transparent 320px),
        linear-gradient(180deg, #faf8f7 0%, #f4f1f0 100%);
    padding: 14px 32px 12px;
    font-family: "Inter", "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, sans-serif;
    overflow-x: clip;
}

.uzman-panel-v4 .uzman-filtre-baslik,
.uzman-panel-v4 .uzman-quick-card,
.uzman-panel-v4 .uzman-advanced-grid {
    max-width: var(--panel-max);
}

.uzman-panel-v4 .uzman-filtre-baslik {
    margin: 0 auto 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 20px;
}

.uzman-panel-v4 .panel-eyebrow {
    font-weight: 780;
    text-transform: uppercase;
}

.uzman-panel-v4 h3 {
    color: #171314;
    line-height: 1;
    font-weight: 780;
}

.uzman-panel-v4 .uzman-filtre-baslik p {
    max-width: 760px;
}

.uzman-panel-v4 .panel-mini-not {
    align-self: start;
    border: 1px solid rgba(122, 36, 44, 0.18);
    background: rgba(255, 255, 255, 0.86);
    color: #842631;
    border-radius: 999px;
    box-shadow: 0 10px 26px rgba(31, 24, 25, 0.045);
}



.uzman-quick-card {
    margin: 0 auto;
}

.uzman-quick-title {
    color: #1d1718;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.uzman-quick-grid {
    display: grid;
    grid-template-columns:
        minmax(180px, 2fr)
        minmax(120px, 1fr)
        minmax(210px, 1.5fr)
        minmax(175px, 1.25fr)
        minmax(88px, 0.68fr)
        minmax(88px, 0.68fr)
        minmax(162px, 1.1fr);
    gap: 10px;
    align-items: start;
}

.uzman-quick-grid > *,
.uzman-advanced-grid > * {
    min-width: 0;
}

.uzman-panel-v4 .filtre-grup label {
    display: block;
    margin: 0 0 7px;
    line-height: 1.2;
    font-weight: 740;
    text-transform: uppercase;
}

.uzman-panel-v4 input[type="text"],
.uzman-panel-v4 input[type="number"],
.uzman-panel-v4 select {
    width: 100%;
    border: 1px solid #ded6d4;
    background: rgba(255, 255, 255, 0.98);
    color: #241d1f;
    padding: 9px 12px;
    font: inherit;
    font-weight: 450;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}



.uzman-panel-v4 input:hover,
.uzman-panel-v4 select:hover {
    border-color: rgba(122, 36, 44, 0.28);
}

.uzman-panel-v4 input:focus,
.uzman-panel-v4 select:focus {
    outline: 0;
    border-color: rgba(122, 36, 44, 0.75);
    box-shadow: 0 0 0 4px rgba(122, 36, 44, 0.115);
}

.uzman-panel-v4 .hizli-arama-wrap {
    position: relative;
}

.uzman-panel-v4 .hizli-arama-wrap::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    width: 13px;
    height: 13px;
    border: 1.8px solid #7f7778;
    border-radius: 999px;
    transform: translateY(-58%);
    pointer-events: none;
}

.uzman-panel-v4 .hizli-arama-wrap::after {
    content: "";
    position: absolute;
    left: 26px;
    top: 28px;
    width: 7px;
    height: 1.8px;
    border-radius: 999px;
    background: #7f7778;
    transform: rotate(45deg);
    pointer-events: none;
}

.uzman-panel-v4 .hizli-arama-wrap input {
    padding-left: 42px !important;
}

.quick-duo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    grid-column: span 2;
}

.quick-actions {
    display: grid;
    gap: 8px;
}

.quick-actions .filtre-buton {
    border-radius: 11px;
    letter-spacing: -0.005em;
    transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.quick-actions .filtre-buton:not(.silik) {
    background: linear-gradient(180deg, #982735, #7d242d);
    border-color: #7d242d;
    color: #fff;
    box-shadow: 0 14px 28px rgba(122, 36, 44, 0.16);
}

.quick-actions .filtre-buton:not(.silik):hover {
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(122, 36, 44, 0.2);
}

.quick-actions .filtre-buton.silik {
    background: #fff;
    border: 1px solid #ded6d4;
    color: #221b1d;
    box-shadow: none;
}

.uzman-advanced-grid {
    margin: 8px auto 0;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 9px;
}

.uzman-filter-card {
    min-width: 0;
    min-height: 0;
}

.card-evaluation { grid-column: span 3; }
.card-table { grid-column: span 2; }
.card-fee { grid-column: span 3; }
.card-education { grid-column: span 2; }
.card-language { grid-column: span 2; }
.card-ranges { grid-column: span 4; }
.card-options { grid-column: span 3; }
.card-scenarios { grid-column: span 5; }

.uzman-card-title {
    display: flex;
    align-items: center;
}

.uzman-card-title h4 {
    margin: 0;
    display: flex;
    align-items: center;
    color: #1f191a;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.uzman-card-title p,
.uzman-panel-v4 .yardimci-metin {
    margin: 4px 0 0;
    font-weight: 400;
}

.uzman-panel-v4 .kart-ikon {
    border-radius: 999px;
    justify-content: center;
    color: #842631;
    border: 1px solid rgba(122, 36, 44, 0.13);
    font-weight: 700;
    flex: 0 0 auto;
}

.uzman-panel-v4 .coklu-secim {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.uzman-panel-v4 .coklu-secim label {
    margin: 0;
}

.uzman-panel-v4 .coklu-secim span,
.uzman-panel-v4 .filtre-sekmeleri .tab-btn,
.uzman-panel-v4 .hazir-secimler .preset-btn {
    min-height: 36px;
    border-radius: 999px;
    border: 1px solid #ddd5d3;
    background: rgba(255, 255, 255, 0.96);
    color: #211a1c;
    padding: 8px 12px;
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.uzman-panel-v4 .coklu-secim span:hover,
.uzman-panel-v4 .filtre-sekmeleri .tab-btn:hover,
.uzman-panel-v4 .hazir-secimler .preset-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(122, 36, 44, 0.34);
    background: #fff;
    box-shadow: 0 8px 18px rgba(31, 24, 25, 0.055);
}

.uzman-panel-v4 .coklu-secim input:focus-visible + span {
    box-shadow: 0 0 0 4px rgba(122, 36, 44, 0.13);
}

.uzman-panel-v4 .coklu-secim input:checked + span,
.uzman-panel-v4 .filtre-sekmeleri .tab-btn.aktif {
    background: linear-gradient(180deg, #982735, #7d242d);
    border-color: #7d242d;
    color: #fff;
}

.uzman-panel-v4 .puan-chipleri span {
    min-width: 40px;
    padding-inline: 8px;
    justify-content: center;
}

.uzman-quick-card .coklu-secim {
    flex-wrap: nowrap;
    gap: 6px;
}

.uzman-quick-card .coklu-secim span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.uzman-quick-card .puan-chipleri span {
    min-width: 39px;
    padding-inline: 7px;
}

.uzman-panel-v4 .filtre-sekmeleri {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.uzman-panel-v4 .aralik-input {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.uzman-panel-v4 .ranges-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.uzman-panel-v4 .kart-aralik {
    margin-top: 10px;
}

.uzman-panel-v4 .acik-kapa {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e1d9d7;
    background: rgba(250, 248, 247, 0.72);
    color: #241d1f;
    font-weight: 500;
}

.uzman-panel-v4 .acik-kapa .toggle-track {
    width: 38px;
    height: 22px;
}

.uzman-panel-v4 .acik-kapa .toggle-track::after {
    width: 18px;
    height: 18px;
}

.uzman-panel-v4 .acik-kapa input:checked + .toggle-track::after {
    transform: translateX(16px);
}

.uzman-panel-v4 .hazir-secimler {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.uzman-panel-v4 .hazir-secimler .preset-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #842631;
    text-align: center;
    white-space: normal;
    word-break: break-word;
    line-height: 1.3;
}

.uzman-panel-v4 .preset-btn.aktif {
    background: rgba(122, 36, 44, 0.09);
    border-color: rgba(122, 36, 44, 0.42);
    color: #842631;
}

.uzman-toolbar {
    display: grid;
    align-items: center;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid #e7dfdd;
    box-shadow: 0 10px 26px rgba(31, 24, 25, 0.045);
}

.uzman-toolbar .sonuc-metrik strong {
    color: #842631;
    font-weight: 760;
    letter-spacing: -0.015em;
}

.uzman-toolbar .toolbar-filtreler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
}

.uzman-toolbar .aktif-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(122, 36, 44, 0.065);
    border: 1px solid rgba(122, 36, 44, 0.16);
    border-radius: 999px;
    color: #842631;
    font-weight: 620;
}

.uzman-toolbar .toolbar-aksiyonlar {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.uzman-toolbar .aksiyon-btn,
.uzman-toolbar .export-menu summary {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #ddd5d3;
    background: #fff;
    color: #2c2527;
    font-weight: 650;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.uzman-toolbar .aksiyon-btn:hover,
.uzman-toolbar .export-menu summary:hover {
    transform: translateY(-1px);
    border-color: rgba(122, 36, 44, 0.32);
    color: #842631;
    box-shadow: 0 8px 18px rgba(31, 24, 25, 0.055);
}

.uzman-toolbar .export-menu-icerik {
    border-radius: 14px;
    border-color: #ddd5d3;
}

/* Tek aileden outline ikonlar ve tablo yüzeyi */
.ust-serit .mod-tab span[aria-hidden],
.ust-serit .yardim-btn span[aria-hidden] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    flex: 0 0 auto;
}

.ust-serit .mod-tab span[aria-hidden]::before,
.ust-serit .yardim-btn span[aria-hidden]::before,
.uzman-panel-v4 .kart-ikon::before,
.uzman-panel-v4 .panel-mini-not::before,
.uzman-toolbar .aksiyon-btn::before,
.uzman-toolbar .export-menu summary::before,
.uzman-toolbar .export-menu summary::after {
    content: "";
    width: 17px;
    height: 17px;
    display: inline-block;
    background: currentColor;
    -webkit-mask: var(--ui-icon) center / contain no-repeat;
    mask: var(--ui-icon) center / contain no-repeat;
}

.ust-serit button[data-mod="ogrenci"] span[aria-hidden] {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.ust-serit button[data-mod="uzman"] span[aria-hidden] {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E");
}

#tercih-listem-btn span[aria-hidden] {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 1 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z'/%3E%3C/svg%3E");
}

.ust-serit button[onclick="yardimAc()"] span[aria-hidden] {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 1 1 5.8 1c-.6 1-1.9 1.6-2.4 2.5-.2.3-.3.7-.3 1.1'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
}

.uzman-panel-v4 .panel-mini-not {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}

.uzman-panel-v4 .panel-mini-not::before {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E");
    width: 17px;
    height: 17px;
}

.uzman-panel-v4 .kart-ikon {
    font-size: 0;
}



.card-evaluation .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.card-table .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M9 4v16M15 4v16'/%3E%3C/svg%3E");
}

.card-fee .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E");
}

.card-education .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c2 2 10 2 12 0v-5'/%3E%3C/svg%3E");
}

.card-language .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/%3E%3C/svg%3E");
}

.card-ranges .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3'/%3E%3Cpath d='M2 14h4M10 8h4M18 16h4'/%3E%3C/svg%3E");
}

.card-options .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='17' r='2'/%3E%3C/svg%3E");
}

.card-scenarios .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7l1-8z'/%3E%3C/svg%3E");
}

.card-score .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}
.card-uniduzey .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V7l8-4 8 4v14M9 21v-6h6v6M9 9h1M14 9h1M9 13h1M14 13h1'/%3E%3C/svg%3E");
}
.card-ogretimdil .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c2 2 10 2 12 0v-5'/%3E%3C/svg%3E");
}
.uzman-sifirla-btn {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}

#uzman-filtre-toggle::before {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18'/%3E%3Cpath d='M10.6 10.6a2 2 0 0 0 2.8 2.8'/%3E%3Cpath d='M9.9 4.2A10.6 10.6 0 0 1 12 4c7 0 10 8 10 8a18 18 0 0 1-2.6 4.1'/%3E%3Cpath d='M6.2 6.2C3.3 8 2 12 2 12s3 8 10 8c1.7 0 3.2-.4 4.4-1'/%3E%3C/svg%3E");
}

.uzman-toolbar .export-menu summary {
    list-style: none;
}

.uzman-toolbar .export-menu summary::-webkit-details-marker {
    display: none;
}

.uzman-toolbar .export-menu summary::before {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
}

.uzman-toolbar .export-menu summary::after {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    margin-left: 12px;
}



#uzman-uygulama .uzman-toolbar,
#uzman-uygulama .tablo-konteyner {
    width: calc(100% - 64px);
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
}

#uzman-uygulama .uzman-toolbar {
    margin-top: 0;
}

#uzman-uygulama .tablo-konteyner {
    border-top: 0;
}

#uzman-uygulama .sayfalama {
    position: relative;
    width: 100%;
    max-width: none;
}

#uzman-uygulama table.veri-tablo {
    font-family: "Inter", "SF Pro Text", "SF Pro Display", "Segoe UI", system-ui, sans-serif;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    font-size: 13px;
}



#uzman-uygulama table.veri-tablo th {
    border-right: 1px solid #eee8e6;
    padding: 12px 14px;
    font-weight: 740;
}

#uzman-uygulama table.veri-tablo td {
    padding: 10px 14px;
    border-bottom: 1px solid #eee8e6;
    border-right: 1px solid #f1ecea;
    color: #342d2f;
    vertical-align: middle;
}

#uzman-uygulama table.veri-tablo tr.devlet,
#uzman-uygulama table.veri-tablo tr.vakif,
#uzman-uygulama table.veri-tablo tr.kktc-row {
    background: #fff;
}

#uzman-uygulama table.veri-tablo tbody tr:hover,
#uzman-uygulama table.veri-tablo tr.devlet:hover,
#uzman-uygulama table.veri-tablo tr.vakif:hover,
#uzman-uygulama table.veri-tablo tr.kktc-row:hover {
    background: #fbf7f7;
}

.mini-type {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 7px;
    background: rgba(122, 36, 44, 0.08);
    color: #842631;
    font-size: 12px;
    font-weight: 650;
}

.aktif-temizle {
    border: 0;
    background: transparent;
    color: #842631;
    padding: 8px 10px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 650;
    cursor: pointer;
}

@media (max-width: 1366px) {
    .uzman-panel-v4 {
        padding-inline: 22px;
    }
    .uzman-quick-grid {
    }
    .uzman-quick-grid .arama-alani { grid-column: span 2; }
    .uzman-quick-grid > .filtre-grup:nth-of-type(2) { grid-column: span 1; }
    .uzman-quick-grid > .filtre-grup:nth-of-type(3) { grid-column: span 2; }
    .uzman-quick-grid > .filtre-grup:nth-of-type(4) { grid-column: span 2; }
    .quick-duo { grid-column: span 2; }
    .quick-actions {
        grid-column: span 2;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 1320px) and (min-width: 1101px) {
    .uzman-quick-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 10px;
    }
    .uzman-quick-grid .arama-alani {
        grid-column: 1 / span 3;
        grid-row: 1;
    }
    .uzman-quick-grid > .filtre-grup:nth-of-type(2) {
        grid-column: 4 / span 2;
        grid-row: 1;
    }
    .uzman-quick-grid > .filtre-grup:nth-of-type(3) {
        grid-column: 6 / span 3;
        grid-row: 1;
    }
    .uzman-quick-grid > .filtre-grup:nth-of-type(4) {
        grid-column: 9 / span 2;
        grid-row: 1;
    }
    .quick-duo {
        grid-column: 6 / span 5;
        grid-row: 2;
    }
    .quick-actions {
        grid-column: 11 / span 2;
        grid-row: 1 / span 2;
        align-self: stretch;
        grid-template-columns: 1fr;
    }
    .quick-actions .filtre-buton {
        min-height: 43px;
        white-space: nowrap;
    }
    .uzman-panel-v4 .card-scenarios .hazir-secimler {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .uzman-advanced-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .card-evaluation,
    .card-table,
    .card-fee,
    .card-education,
    .card-language,
    .card-ranges,
    .card-options,
    .card-scenarios {
        grid-column: span 3;
    }
    .card-scenarios,
    .card-ranges {
        grid-column: span 6;
    }
    .uzman-toolbar {
        grid-template-columns: 1fr;
    }
    .uzman-toolbar .toolbar-aksiyonlar {
        justify-content: start;
    }
}

@media (max-width: 720px) {
    .uzman-panel-v4 {
        padding: 16px 14px;
    }
    .uzman-panel-v4 .uzman-filtre-baslik {
        grid-template-columns: 1fr;
    }
    .uzman-quick-grid,
    .uzman-advanced-grid {
        grid-template-columns: 1fr;
    }
    .uzman-quick-grid > *,
    .uzman-advanced-grid > *,
    .card-evaluation,
    .card-table,
    .card-fee,
    .card-education,
    .card-language,
    .card-ranges,
    .card-options,
    .card-scenarios {
        grid-column: auto !important;
    }
    .quick-duo,
    .quick-actions,
    .uzman-panel-v4 .aralik-input,
    .uzman-panel-v4 .ranges-grid,
    .uzman-panel-v4 .hazir-secimler {
        grid-template-columns: 1fr;
    }
    .uzman-toolbar .toolbar-aksiyonlar,
    .uzman-toolbar .aksiyon-btn,
    .uzman-toolbar .export-menu,
    .uzman-toolbar .export-menu summary {
        width: 100%;
    }
}

/* Tablo alanı — iç scroll yok, sticky thead viewport'a yapışsın diye overflow yok */
.tablo-konteyner {
    background: var(--renk-yuzey);
    position: relative;
    min-width: 0;
}



/* thead sayfa scroll'unda panel-ust'un hemen altında yapışık kalır */
table.veri-tablo thead {
    position: sticky;
    top: calc(var(--ust-serit-h, 60px) + var(--panel-ust-h, 49px));
    z-index: 10;
}

table.veri-tablo th {
    background: #fff;
    color: #312b2d;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    border-bottom: 1px solid #e8e1df;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

table.veri-tablo th:hover {
    background: #fbf8f7;
}




table.veri-tablo td {
    padding: 8px;
    border-bottom: 1px solid var(--renk-kenar);
    vertical-align: top;
}

table.veri-tablo tr.devlet { background: var(--renk-devlet); }
table.veri-tablo tr.vakif { background: var(--renk-vakif); }
table.veri-tablo tr.kktc-row { background: var(--renk-kktc); }
table.veri-tablo tr.yerlesmedi { color: var(--renk-yazi-soluk); font-style: italic; }

/* Beykoz Üniversitesi satırları: temiz, hafif flash vurgusu */






table.veri-tablo tr.row-beykoz:hover td:first-child {
    box-shadow:
        inset 3px 0 0 rgba(122,36,44,0.92),
        inset 0 1px 0 rgba(255,255,255,0.78),
        inset 0 -1px 0 rgba(122,36,44,0.08);
}

@keyframes beykoz-row-flash {
    0%, 100% {
        background-color: #fff;
    }
    50% {
        background-color: rgba(122,36,44,0.038);
    }
}

.uni-brand {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    vertical-align: middle;
    font-weight: 650;
}

.uni-logo {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255,255,255,0.82);
    filter: drop-shadow(0 2px 4px rgba(122,36,44,0.14));
}

.uni-logo img {
    height: 24px;
    width: auto;
    max-width: none;
    flex: 0 0 auto;
}

.uni-name {
    min-width: 0;
}

.uni-badge {
    display: inline-flex;
    align-items: center;
    height: 19px;
    padding: 0 7px;
    border-radius: 999px;
    border: 1px solid rgba(122,36,44,0.16);
    background: rgba(122,36,44,0.075);
    color: #7a242c;
    font-size: 10px;
    font-weight: 760;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.program-kart.row-beykoz {
    position: relative;
    overflow: hidden;
    border-left-color: rgba(122,36,44,0.90);
    background: #fff;
    animation: beykoz-card-flash 4.8s ease-in-out 2;
    box-shadow: 0 8px 20px rgba(122,36,44,0.055), var(--golge-sm);
}

.program-kart.row-beykoz:hover {
    box-shadow: 0 16px 36px rgba(122,36,44,0.13), var(--golge-md);
}

@keyframes beykoz-card-flash {
    0%, 100% {
        background-color: #fff;
        box-shadow: 0 8px 20px rgba(122,36,44,0.055), var(--golge-sm);
    }
    50% {
        background-color: rgba(122,36,44,0.035);
        box-shadow: 0 12px 28px rgba(122,36,44,0.11), var(--golge-sm);
    }
}

@media (prefers-reduced-motion: reduce) {
    table.veri-tablo tr.row-beykoz td,
    .program-kart.row-beykoz {
        animation: none;
    }
}

/* Satır hover — bordo tonunda; satır sınıf rengini ezecek spesifiklik */
table.veri-tablo tbody tr:hover,
table.veri-tablo tr.devlet:hover,
table.veri-tablo tr.vakif:hover,
table.veri-tablo tr.kktc-row:hover {
    background: var(--renk-satir-hover);
    cursor: pointer;
}

/* Durum badge'leri (öğrenci modu) */
.durum-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.durum-guvenli {
    background: var(--renk-guvenli);
    color: var(--renk-guvenli-yazi);
}

.durum-sinirda {
    background: var(--renk-sinirda);
    color: var(--renk-sinirda-yazi);
}

.durum-riskli {
    background: var(--renk-riskli);
    color: var(--renk-riskli-yazi);
}

.durum-veri-yok {
    background: var(--renk-veri-yok);
    color: var(--renk-veri-yok-yazi);
}

/* Sayfalama — alt kenarda yapışık */
.sayfalama {
    padding: 14px 22px;
    background: rgba(255,255,255,0.6);
    -webkit-backdrop-filter: saturate(160%) blur(12px);
    backdrop-filter: saturate(160%) blur(12px);
    border-top: 1px solid rgba(63,48,51,0.08);
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    border-radius: 0 0 18px 18px;
}

.sayfa-btn {
    padding: 9px 20px;
    background: #fff;
    color: #3a2f32;
    border: 1.5px solid rgba(63,48,51,0.16);
    border-radius: 999px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.sayfa-btn:hover:not(:disabled) {
    border-color: rgba(122,36,44,0.42);
    color: #7a242c;
    background: rgba(122,36,44,0.05);
    transform: translateY(-1px);
}

.sayfa-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.sayfa-bilgi {
    margin-left: auto;
    font-size: 13px;
    font-weight: 600;
    color: #5c4f52;
    white-space: nowrap;
}

.sayfa-boyutu {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    padding: 4px 5px 4px 14px;
    background: rgba(122,36,44,0.06);
    border: 1px solid rgba(122,36,44,0.16);
    border-radius: 999px;
    font-size: 12.5px;
    font-weight: 650;
    color: #7a242c;
    letter-spacing: 0.01em;
}

.sayfa-boyutu select {
    padding: 7px 30px 7px 14px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a242c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
    color: #2d2224;
    border: none;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 750;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 2px 6px -1px rgba(122,36,44,0.22), inset 0 0 0 1px rgba(122,36,44,0.12);
    transition: box-shadow 0.15s ease;
}
.sayfa-boyutu select:hover { box-shadow: 0 4px 10px -2px rgba(122,36,44,0.32), inset 0 0 0 1px rgba(122,36,44,0.22); }
.sayfa-boyutu select:focus { outline: none; box-shadow: 0 0 0 3px rgba(122,36,44,0.14), inset 0 0 0 1px rgba(122,36,44,0.3); }

/* Özel "Sayfa başı" dropdown */
.gizli-select { display: none !important; }
.psize-dd { position: relative; display: inline-flex; }
.psize-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px 7px 16px;
    border-radius: 999px;
    font-size: 13px;
    cursor: pointer;
    transition: box-shadow 0.15s ease;
}

.psize-ok { transition: transform 0.2s ease; }
.psize-dd.acik .psize-ok { transform: rotate(180deg); }
.psize-menu {
    position: absolute;
    bottom: calc(100% + 8px);
    right: 0;
    min-width: 96px;
    background: #fff;
    border: 1px solid rgba(122,36,44,0.12);
    border-radius: 14px;
    box-shadow: 0 18px 40px -12px rgba(31,24,25,0.30), 0 4px 12px rgba(31,24,25,0.08);
    padding: 6px;
    display: none;
    flex-direction: column;
    gap: 2px;
    z-index: 60;
}
.psize-dd.acik .psize-menu { display: flex; animation: psizeIn 0.16s ease; }
@keyframes psizeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.psize-opt {
    text-align: center;
    padding: 9px 14px;
    border: none;
    background: transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    color: #4a4143;
    cursor: pointer;
    transition: background 0.12s ease, color 0.12s ease;
}
.psize-opt:hover { background: rgba(122,36,44,0.07); color: #7a242c; }
.psize-opt.aktif { background: linear-gradient(180deg, #a8313c, #7a242c); color: #fff; }

.kosul-chip {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--renk-vurgu) 12%, transparent);
    color: var(--renk-vurgu);
    border: 1px solid color-mix(in srgb, var(--renk-vurgu) 28%, transparent);
    font-size: 12px;
    font-weight: 600;
    cursor: help;
    white-space: nowrap;
    margin: 1px 2px;
}

.kosul-listesi {
    display: grid;
    gap: 8px;
}

.kosul-item {
    padding: 8px 10px;
    border: 1px solid var(--renk-kenar);
    border-radius: 6px;
    background: var(--renk-arka);
}

.kosul-kod {
    font-weight: 700;
    color: var(--renk-vurgu);
    margin-right: 6px;
}

.kosul-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: var(--z-kosul-modal);
    background: rgba(0,0,0,0.45);
    padding: 24px;
    align-items: center;
    justify-content: center;
}

.kosul-modal.acik {
    display: flex;
}

.kosul-modal-icerik {
    width: min(720px, 100%);
    max-height: min(78vh, 720px);
    overflow: auto;
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    border-radius: 8px;
    box-shadow: var(--golge-lg);
}

.kosul-modal-baslik {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: var(--renk-ana);
    color: white;
}

.kosul-modal-baslik h3 {
    font-size: 16px;
}

.kosul-modal-metin {
    padding: 18px;
    font-size: 14px;
    line-height: 1.65;
    white-space: pre-wrap;
}

/* Detay paneli (slide-in) */
.detay-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: var(--z-detay-overlay);
}

.detay-overlay.acik { display: block; }

.detay-panel {
    position: fixed;
    top: 0;
    right: -550px;
    width: 540px;
    max-width: 100vw;
    height: 100vh;
    background: var(--renk-yuzey);
    box-shadow: var(--golge-lg);
    z-index: var(--z-detay-panel);
    transition: right 0.25s;
    overflow-y: auto;
}

.detay-panel.acik { right: 0; }

.detay-baslik {
    background: var(--renk-ana);
    color: white;
    padding: 16px 20px;
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.detay-baslik h3 {
    font-size: 16px;
    margin-bottom: 4px;
}

.detay-baslik .alt {
    font-size: 12px;
    opacity: 0.85;
}

.kapat-btn {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    font-size: 20px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.kapat-btn:hover { background: rgba(255,255,255,0.3); }

.detay-icerik {
    padding: 20px;
}

.detay-grup {
    margin-bottom: 24px;
}

.detay-grup h4 {
    font-size: 13px;
    color: var(--renk-vurgu);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--renk-kenar);
}

.detay-satir {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 12px;
    padding: 6px 0;
    font-size: 13px;
}

.detay-satir .label {
    color: var(--renk-yazi-soluk);
    font-weight: 500;
}

.detay-satir .deger {
    color: var(--renk-yazi);
}

.detay-satir .deger.bos {
    color: var(--renk-yazi-soluk);
    font-style: italic;
}

.detay-hero,
.detay-not {
    border: 1px solid var(--renk-kenar);
    background: #fff;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 14px;
}

.detay-hero .program {
    font-size: 16px;
    font-weight: 850;
    color: var(--renk-yazi);
    margin-bottom: 6px;
}

.detay-hero .uni {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--renk-yazi);
    font-weight: 750;
    margin-bottom: 8px;
}

.detay-hero img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.detay-etiket {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 750;
    background: #fff1f2;
    color: var(--renk-bordo);
    border: 1px solid rgba(139,30,45,0.14);
    margin: 4px 6px 0 0;
}

.detay-not {
    color: var(--renk-yazi-soluk);
    font-size: 13px;
    line-height: 1.55;
}

.detay-not.guvenli { border-left: 4px solid var(--renk-guvenli-yazi); background: var(--renk-guvenli); color: var(--renk-guvenli-yazi); }
.detay-not.sinirda { border-left: 4px solid var(--renk-sinirda-yazi); background: var(--renk-sinirda); color: var(--renk-sinirda-yazi); }
.detay-not.riskli { border-left: 4px solid var(--renk-riskli-yazi); background: var(--renk-riskli); color: var(--renk-riskli-yazi); }

.detay-kosul-aciklama {
    display: block;
    margin-top: 6px;
    white-space: pre-wrap;
    line-height: 1.55;
}

/* Yükleniyor durumu */
.yukleniyor {
    text-align: center;
    padding: 60px 20px;
    color: var(--renk-yazi-soluk);
}

.yukleniyor .spinner {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 3px solid var(--renk-kenar);
    border-top-color: var(--renk-vurgu);
    border-radius: 50%;
    animation: dön 0.8s linear infinite;
}

@keyframes dön {
    to { transform: rotate(360deg); }
}

.bos-sonuc {
    text-align: center;
    padding: 60px 20px;
    color: var(--renk-yazi-soluk);
}

.bos-sonuc .ikon {
    font-size: 48px;
    margin-bottom: 12px;
}

.bos-oneri {
    margin-top: 14px;
    font-size: 15px;
    color: var(--renk-yazi);
}

.bos-oneri-btn {
    appearance: none;
    border: 1px solid var(--renk-ana);
    background: rgba(122, 36, 44, 0.06);
    color: var(--renk-ana);
    font: inherit;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.bos-oneri-btn:hover,
.bos-oneri-btn:focus-visible {
    background: var(--renk-ana);
    color: #fff;
    outline: none;
}

/* Yardım modal */
.yardim-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 300;
    align-items: center;
    justify-content: center;
}

.yardim-modal.acik { display: flex; }

.yardim-icerik {
    background: var(--renk-yuzey);
    border-radius: 12px;
    max-width: 600px;
    width: 90%;
    max-height: 85vh;
    overflow-y: auto;
    padding: 28px;
}

.yardim-icerik h3 {
    color: var(--renk-ana);
    margin-bottom: 16px;
}

.yardim-icerik h4 {
    color: var(--renk-vurgu);
    margin-top: 16px;
    margin-bottom: 6px;
}

.yardim-icerik p, .yardim-icerik li {
    margin-bottom: 8px;
    line-height: 1.6;
}

.yardim-icerik ul { padding-left: 20px; }

/* P2 — Yardım modalı mobilde nefes: tutarlı kenar boşluğu + rahat aralık */
@media (max-width: 640px) {
  .yardim-icerik {
    width: calc(100% - 28px);
    padding: 22px 20px 24px;
    border-radius: 16px;
    max-height: 84vh;
  }
  .yardim-icerik h3 { font-size: 19px; margin-bottom: 12px; }
  .yardim-icerik h4 { margin-top: 18px; }
  .yardim-icerik p, .yardim-icerik li { line-height: 1.65; margin-bottom: 9px; }
  .yardim-icerik ul { padding-left: 18px; }
}

/* ============================================================
   VERİ YÜKLEME DURUM KARTI
   ============================================================ */
.durum-karti {
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-kenar);
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 20px 28px;
}

.durum-karti.hata {
    border-color: #fecaca;
    background: #fef2f2;
}

.durum-karti.hata h4 {
    color: #991b1b;
}

.veri-yukleme {
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-kenar);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.055);
    margin: 22px auto 0;
    max-width: 620px;
    transition: background 0.25s, border-color 0.25s;
}

.veri-yukleme h4 {
    font-size: 15px;
    font-weight: 640;
    color: var(--renk-yazi);
    margin: 0 0 4px;
    letter-spacing: -0.01em;
}

.veri-yukleme p {
    font-size: 13px;
    color: var(--renk-yazi-soluk);
    margin: 0;
    line-height: 1.5;
}

.veri-yukleme.basarili {
    background: #f0fdf4;
    border-color: #86efac;
}

.veri-yukleme.basarili h4 {
    color: #15803d;
}

.veri-yukleme.hata {
    background: #fef2f2;
    border-color: #fecaca;
}

.veri-yukleme.hata h4 {
    color: #991b1b;
}

.veri-meta {
    font-size: 12px;
    color: var(--renk-yazi-soluk);
    margin-top: 7px;
    letter-spacing: 0.01em;
}

.dosya-input-gizli { display: none !important; }

/* Program kodu hücresi — uzman tablo */
.program-kod-cell {
    font-size: 11px;
    color: var(--renk-yazi-soluk);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
}

/* Program kodu → YÖK Atlas bağlantısı */
.program-kod-link {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--renk-ana, #7a242c);
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dotted rgba(122, 36, 44, 0.45);
    transition: color .15s, border-color .15s;
}
.program-kod-link:hover,
.program-kod-link:focus-visible {
    color: #5e1a21;
    border-bottom-color: rgba(122, 36, 44, 0.85);
    text-decoration: none;
}
.program-kod-link .kod-disari {
    opacity: 0.62;
    flex-shrink: 0;
}
.program-kod-link:hover .kod-disari { opacity: 1; }
.detay-kod-link { color: var(--renk-ana, #7a242c); }

/* Kart ikon — metin ile dikey hizalama */
.uzman-panel-v4 .kart-ikon {
    display: inline-flex;
    align-items: center;
    align-self: center;
}

/* Uzman filtre kartı başlık alanı — daha kompakt */


/* Card description text */


.filtre-aksiyon-grup {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.preset-grid {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.preset-btn, .chip-btn {
    border: 1px solid var(--renk-kenar);
    background: var(--renk-yuzey);
    color: var(--renk-yazi);
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 12px;
    cursor: pointer;
}

.preset-btn:hover, .chip-btn:hover {
    border-color: var(--renk-bordo);
    color: var(--renk-bordo);
}

.aktif-filtreler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 0 0;
    font-size: 12px;
}

.aktif-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid color-mix(in srgb, var(--renk-bordo) 30%, var(--renk-kenar));
    background: color-mix(in srgb, var(--renk-bordo) 8%, white);
    color: var(--renk-bordo);
    border-radius: 999px;
    padding: 5px 9px;
}

.aktif-chip button {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-weight: 800;
}

.tercih-ozet {
    margin-top: 8px;
    font-size: 12px;
    color: var(--renk-yazi-soluk);
}

.ogrenci-ozet-kartlari {
    display: grid;
    grid-template-columns: repeat(6, minmax(90px, 1fr));
    gap: 8px;
    padding: 0 18px 12px;
}

.ogrenci-ozet-kart {
    border: 1px solid rgba(63,48,51,0.10);
    background: #fff;
    border-radius: 8px;
    padding: 9px 10px;
    min-width: 0;
}

.ogrenci-ozet-kart span {
    display: block;
    color: var(--renk-yazi-soluk);
    font-size: 11px;
    font-weight: 750;
    margin-bottom: 3px;
}

.ogrenci-ozet-kart strong {
    color: var(--renk-yazi);
    font-size: 15px;
}

@media (max-width: 720px) {
    .ogrenci-ozet-kartlari {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0 12px 12px;
    }
}

.export-grup {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
}

.export-overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 500;
    background: rgba(255,255,255,0.76);
    align-items: center;
    justify-content: center;
}

.export-overlay.acik { display: flex; }

.export-kutu {
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-kenar);
    border-top: 4px solid var(--renk-bordo);
    border-radius: 8px;
    padding: 22px;
    box-shadow: var(--golge-lg);
    min-width: 280px;
    text-align: center;
}

.export-progress-card {
    min-width: 320px;
}

.export-progress-bar {
    display: none;
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--renk-kenar);
}

.export-progress-overlay.progress-active .export-progress-bar {
    display: block;
}

/* Yükleme modunda: kutu yok, sayfa blurlanır, logo+yazı doğrudan üstte */
.export-overlay.progress-active {
    background: rgba(255, 255, 255, 0.50);
    -webkit-backdrop-filter: blur(11px) saturate(1.05);
    backdrop-filter: blur(11px) saturate(1.05);
}
.export-overlay.progress-active .export-kutu {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    min-width: 0;
}
.export-overlay.progress-active .export-progress-bar {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(122, 36, 44, 0.14);
}


.export-progress-fill {
    width: 0%;
    height: 100%;
    background: var(--renk-bordo);
}



.favori-btn.aktif {
    font-weight: 700;
}

.favori-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.ucret-uyari {
    color: var(--renk-sinirda-yazi);
    font-weight: 700;
    margin-left: 4px;
    cursor: help;
}

.login-kutu {
    position: relative;
    background:
        radial-gradient(120% 80% at 50% -10%, rgba(122,36,44,0.07), transparent 60%),
        #ffffff;
    border: 1px solid rgba(122,36,44,0.10);
    border-radius: 24px;
    max-width: 400px;
    width: 92%;
    padding: 34px 30px 30px;
    text-align: center;
    box-shadow: 0 24px 60px -18px rgba(31,24,25,0.32), 0 4px 16px rgba(31,24,25,0.08);
    overflow: hidden;
}
/* Login'e özel küçük, hızlı bloblar (karta clip'lenir) */
.login-kutu > * { position: relative; z-index: 1; }
.login-kutu::before,
.login-kutu::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    filter: blur(26px);
    z-index: 0;
    pointer-events: none;
}
.login-kutu::before {
    width: 200px; height: 200px;
    top: calc(50% - 100px); left: calc(50% - 100px);
    background: radial-gradient(circle, rgba(168,49,60,0.42) 0%, rgba(168,49,60,0.12) 45%, transparent 72%);
    animation: loginOrbitA 3.4s linear infinite;
}
.login-kutu::after {
    width: 190px; height: 190px;
    top: calc(50% - 95px); left: calc(50% - 95px);
    background: radial-gradient(circle, rgba(210,80,96,0.38) 0%, rgba(176,46,58,0.10) 45%, transparent 72%);
    animation: loginOrbitB 2.9s linear infinite;
}
/* 360° dairesel yörünge — kart merkezi etrafında geniş yarıçapla tüm alanı dolaşır */
@keyframes loginOrbitA {
    0%      { transform: translate(125px, 0); }
    12.5%   { transform: translate(88px, 88px); }
    25%     { transform: translate(0, 125px); }
    37.5%   { transform: translate(-88px, 88px); }
    50%     { transform: translate(-125px, 0); }
    62.5%   { transform: translate(-88px, -88px); }
    75%     { transform: translate(0, -125px); }
    87.5%   { transform: translate(88px, -88px); }
    100%    { transform: translate(125px, 0); }
}
@keyframes loginOrbitB {
    0%      { transform: translate(-120px, 0); }
    12.5%   { transform: translate(-85px, -85px); }
    25%     { transform: translate(0, -120px); }
    37.5%   { transform: translate(85px, -85px); }
    50%     { transform: translate(120px, 0); }
    62.5%   { transform: translate(85px, 85px); }
    75%     { transform: translate(0, 120px); }
    87.5%   { transform: translate(-85px, 85px); }
    100%    { transform: translate(-120px, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .login-kutu::before, .login-kutu::after { animation: none; }
}

/* Kalkan ikon rozeti */
.login-ikon {
    width: 60px;
    height: 60px;
    margin: 4px auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: linear-gradient(160deg, #a8313c 0%, #7a242c 55%, #6a1f26 100%);
    box-shadow: 0 10px 24px -6px rgba(122,36,44,0.55), inset 0 1px 0 rgba(255,255,255,0.3);
}

.login-kutu h3 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1d1416;
}
.login-kutu p {
    color: #6f6668;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 8px auto 22px;
    max-width: 300px;
}

.login-form {
    margin: 0;
}

/* PIN giriş alanı: ikon + alan */
.login-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.login-input-ikon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #9a8b8e;
    pointer-events: none;
}
.login-kutu .login-input-wrap input {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 14px 14px 44px;
    border: 1.5px solid rgba(63,48,51,0.16);
    border-radius: 14px;
    background: #faf8f8;
    font-size: 15px;
    color: #1d1416;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.login-kutu .login-input-wrap input::placeholder { color: #a99fa1; }
.login-kutu .login-input-wrap input:focus {
    outline: none;
    border-color: rgba(122,36,44,0.55);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(122,36,44,0.10);
}
/* PIN'e özel harf aralığı */
.login-kutu input#uzman-pin { letter-spacing: 0.12em; font-size: 16px; }
.login-kutu input#uzman-pin::placeholder { letter-spacing: 0; }

.login-hata {
    min-height: 18px;
    color: var(--renk-riskli-yazi);
    font-size: 12.5px;
    margin: 8px 2px 4px;
    text-align: center;
}

/* Butonlar */
.login-giris {
    width: 100%;
    margin-top: 6px;
    padding: 15px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(180deg, #a8313c 0%, #7a242c 55%, #6a1f26 100%);
    color: #fff;
    font-size: 15.5px;
    font-weight: 700;
    letter-spacing: -0.01em;
    cursor: pointer;
    transition: transform 0.18s cubic-bezier(0.16,1,0.3,1), box-shadow 0.2s ease;
    box-shadow: 0 12px 26px -8px rgba(122,36,44,0.55), inset 0 1px 0 rgba(255,255,255,0.3);
}
.login-giris:hover { transform: translateY(-2px); box-shadow: 0 20px 38px -8px rgba(122,36,44,0.65), inset 0 1px 0 rgba(255,255,255,0.3); }
.login-giris:active { transform: translateY(0); }

.login-vazgec {
    width: 100%;
    margin-top: 10px;
    padding: 13px;
    border: 1px solid rgba(63,48,51,0.14);
    border-radius: 14px;
    background: transparent;
    color: #6f6668;
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}
.login-vazgec:hover { background: #f5f0f0; color: #4a4143; }

.kart-liste {
    display: grid;
    gap: 14px;
}

.program-kart {
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-kenar);
    border-left: 4px solid var(--renk-bordo);
    border-radius: 8px;
    padding: 14px;
    box-shadow: var(--golge-sm);
}

.program-kart h4 {
    font-size: 15px;
    color: var(--renk-ana);
    margin-bottom: 4px;
}

.detay-metrikler {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0;
}

.detay-metrik {
    border: 1px solid var(--renk-kenar);
    background: var(--renk-yuzey);
    border-radius: 8px;
    padding: 10px;
}

.detay-metrik span {
    display: block;
    color: var(--renk-yazi-soluk);
    font-size: 11px;
    text-transform: uppercase;
}

.detay-metrik strong {
    color: var(--renk-yazi);
    font-size: 14px;
}

.liste-satiri {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--renk-kenar);
    border-radius: 8px;
    margin-bottom: 8px;
    background: #fff;
}

.liste-sira {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--renk-bordo);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.tercih-limit-bilgi {
    color: var(--renk-yazi-soluk);
    margin-bottom: 12px;
    font-size: 13px;
}

.tercih-limit-bilgi strong {
    color: var(--renk-bordo);
}

.tercih-satir-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.tercih-satir-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    color: var(--renk-yazi-soluk);
    font-size: 12px;
}

.tercih-beykoz-etiket {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid rgba(139,30,45,0.18);
    border-radius: 999px;
    padding: 2px 7px;
    color: var(--renk-bordo);
    background: #fff1f2;
    font-size: 11px;
    font-weight: 800;
}

.tercih-beykoz-etiket img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

.tercih-satir-aksiyon {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tercih-satir-aksiyon .favori-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.tercih-karsilastir-secim {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--renk-yazi-soluk);
    font-size: 12px;
    font-weight: 700;
}

.tercih-karsilastir-secim input {
    accent-color: var(--renk-bordo);
}

.tercih-karsilastirma-kontrol {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    border: 1px solid rgba(122,36,44,0.12);
    border-radius: 8px;
    background: #fff;
    padding: 10px 12px;
    margin: 12px 0 14px;
}

.tercih-karsilastirma-kontrol span {
    color: var(--renk-yazi-soluk);
    font-size: 12px;
}

.tercih-karsilastirma-panel {
    margin-bottom: 16px;
}

.tercih-karsilastirma-scroll {
    overflow-x: auto;
    border: 1px solid rgba(122,36,44,0.12);
    border-radius: 8px;
    background: #fff;
}

.tercih-karsilastirma-tablo {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 12px;
}

.tercih-karsilastirma-tablo th,
.tercih-karsilastirma-tablo td {
    border-bottom: 1px solid rgba(0,0,0,0.07);
    padding: 9px;
    text-align: left;
    vertical-align: top;
}

.tercih-karsilastirma-tablo th {
    background: #fff6f7;
    color: var(--renk-bordo);
    font-weight: 800;
}

.tercih-karsilastirma-tablo td:first-child,
.tercih-karsilastirma-tablo th:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    font-weight: 800;
    color: var(--renk-ana);
    min-width: 130px;
    z-index: 1;
}

/* Tercih Listem modalı — bölümlere ayrılmış konteyner sistemi (masaüstü) */
.tercih-bolum {
    border: 1px solid var(--renk-kenar);
    border-radius: 14px;
    background: #fff;
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(31,24,25,0.04);
}
.tercih-bolum:last-of-type { margin-bottom: 0; }
.tercih-bolum-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--renk-kenar);
}
.tercih-bolum-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(122,36,44,0.10);
    color: var(--renk-bordo);
    flex-shrink: 0;
}
.tercih-bolum-ikon svg { width: 18px; height: 18px; }
.tercih-bolum-baslik h4 {
    margin: 0;
    margin-right: auto;
    font-size: 15px;
    font-weight: 800;
    color: var(--renk-ana);
}
.tercih-bolum-sayac {
    font-size: 12px;
    font-weight: 700;
    color: var(--renk-bordo);
    background: rgba(122,36,44,0.08);
    padding: 3px 10px;
    border-radius: 999px;
    white-space: nowrap;
}
.tercih-bolum-aciklama {
    margin: -4px 0 14px;
    font-size: 13px;
    color: var(--renk-yazi-soluk);
}
.tercih-liste {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.tercih-liste .liste-satiri {
    margin-bottom: 0;
    background: #fdfafa;
}
/* Bölüm içine giren alt bileşenlerin dış boşluklarını sadeleştir */
.tercih-bolum .tercih-karsilastirma-kontrol { margin: 0 0 14px; }
.tercih-bolum .tercih-karsilastirma-panel { margin-bottom: 0; }
.tercih-bolum .tercih-karsilastirma-panel:empty { display: none; }
.tercih-bolum .tablo-konteyner { margin: 0; }

/* --- 2 kolonlu üst düzen: solda sıralama, sağda AI analizi --- */
.tercih-iki-kolon {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: start;
    margin-bottom: 16px;
}
.tercih-iki-kolon > .tercih-bolum,
.tercih-iki-kolon > .tercih-ai-kart { margin-bottom: 0; }

/* --- Boş durum (sol kolon) --- */
.tercih-bos { text-align: center; padding: 22px 14px 8px; }
.tercih-bos-gorsel { width: 116px; height: auto; margin: 0 auto 14px; display: block; }
.tercih-bos h5 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 800;
    color: var(--renk-ana);
}
.tercih-bos p { margin: 0; font-size: 13px; color: var(--renk-yazi-soluk); }

/* --- AI dağılım akordeonları --- */
.tercih-dagilimlar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 14px; }
.tercih-dagilim {
    border: 1px solid var(--renk-kenar);
    border-radius: 11px;
    background: #fff;
    overflow: hidden;
}
.tercih-dagilim > summary {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    font-weight: 700;
    color: var(--renk-ana);
}
.tercih-dagilim > summary::-webkit-details-marker { display: none; }
.tercih-dagilim-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    background: rgba(122,36,44,0.09);
    color: var(--renk-bordo);
    flex-shrink: 0;
}
.tercih-dagilim-ikon svg { width: 15px; height: 15px; }
.tercih-dagilim-etiket { margin-right: auto; }
.tercih-dagilim-ok {
    width: 20px; height: 20px;
    display: inline-flex; align-items: center; justify-content: center;
    color: var(--renk-yazi-soluk);
    font-size: 17px; font-weight: 700; line-height: 1;
    flex-shrink: 0;
}
.tercih-dagilim-ok::before { content: "+"; }
.tercih-dagilim[open] .tercih-dagilim-ok::before { content: "−"; }
.tercih-dagilim-govde { padding: 2px 12px 12px; }
.tercih-dagilim-bos { margin: 0; font-size: 12.5px; color: var(--renk-yazi-soluk); }
.tercih-dagilim-satir {
    display: grid;
    grid-template-columns: 88px 1fr 28px;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
}
.tercih-dagilim-ad { font-size: 12px; font-weight: 600; color: var(--renk-ana); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tercih-dagilim-bar { height: 7px; border-radius: 999px; background: rgba(122,36,44,0.10); overflow: hidden; }
.tercih-dagilim-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--renk-bordo); }
.tercih-dagilim-deger { font-size: 12px; font-weight: 800; color: var(--renk-bordo); text-align: right; }

/* --- AI bilgi kutusu --- */
.tercih-ai-info {
    display: flex;
    gap: 11px;
    border: 1px solid var(--renk-kenar);
    background: #faf6f6;
    border-radius: 11px;
    padding: 12px 14px;
}
.tercih-ai-info-ikon { color: var(--renk-bordo); flex-shrink: 0; line-height: 0; }
.tercih-ai-info-ikon svg { width: 20px; height: 20px; }
.tercih-ai-info .tercih-ai-yorumlar { margin: 2px 0 8px; padding-left: 18px; font-size: 13px; color: var(--renk-ana); }
.tercih-ai-info .tercih-ai-yorumlar li { margin-bottom: 4px; }
.tercih-ai-info .tercih-ai-yorumlar:empty { display: none; }
.tercih-ai-info .tercih-ai-not { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--renk-yazi-soluk); }

/* --- Sürükle-bırak --- */
.tercih-surukle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--renk-yazi-soluk);
    cursor: grab;
    padding: 4px;
    border-radius: 7px;
    opacity: 0.7;
}
.tercih-surukle:hover { opacity: 1; background: rgba(31,24,25,0.05); }
.tercih-surukle svg { width: 18px; height: 18px; }
.tercih-surukle:active { cursor: grabbing; }
.liste-satiri.surukleniyor { opacity: 0.45; }
.liste-satiri.uzeri { outline: 2px dashed var(--renk-bordo); outline-offset: -1px; background: #fff2f3; }

/* --- Modal başlık + footer --- */
.tercih-modal-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.tercih-modal-ikon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--renk-bordo);
    color: #fff;
    flex-shrink: 0;
}
.tercih-modal-ikon svg { width: 23px; height: 23px; }
.tercih-modal-baslik h3 { margin: 0; margin-right: auto; }
.tercih-modal-kapat {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: none;
    background: rgba(122,36,44,0.08);
    color: var(--renk-bordo);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: background .15s, color .15s;
}
.tercih-modal-kapat:hover { background: var(--renk-bordo); color: #fff; }
.tercih-modal-kapat svg { width: 18px; height: 18px; }
.tercih-modal-footer {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 18px;
    flex-wrap: wrap;
}
.tercih-modal-footer .filtre-buton { width: auto; min-height: 42px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-ico { width: 17px; height: 17px; flex-shrink: 0; }

/* Tablet/mobil: kolonları yığ, sürükle tutamacını gizle (↑↓ butonları yedek) */
@media (max-width: 860px) {
    .tercih-iki-kolon { grid-template-columns: 1fr; }
    .tercih-surukle { display: none; }
    .liste-satiri[draggable="true"] { cursor: default; }
}

/* ============================================================
   TERCİH LİSTEM — NORMAL EKRAN (öğrenci/uzman gibi), 3 kolonlu
   ============================================================ */
/* TEK KAYNAK STANDART (token) — tüm ölçüler buradan; sapma olmaz */
#tercih-uygulama {
    --t-gutter: 16px;      /* yan kenar boşluğu (öğrenci ile aynı) */
    --t-gap: 14px;         /* konteynerler arası boşluk */
    --t-kart-radius: 18px; /* kart/kutu köşe (site kutu standardı) */
    --t-btn-radius: 10px;  /* buton köşe (site buton standardı) */
    --t-btn-h: 36px;       /* buton yüksekliği */
    --t-kart-pad: 18px;    /* kart iç boşluğu */
    --t-bar-h: 78px;       /* başlık çubuğu yüksekliği (öğrenci results-summary ile aynı) */
    padding-top: 26px;     /* header → ilk kart = 14px (header margin telafili) */
}
.tercih-sayfa-wrap {
    width: 100%;
    padding: 0 var(--t-gutter) 36px;
}


/* Sayfa başlığı — standart cam konteyner + üst aksiyon çubuğu */
#tercih-uygulama .tercih-modal-baslik {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px 14px;
    flex-wrap: wrap;
    min-height: var(--t-bar-h);
    box-sizing: border-box;
    margin: 0 0 var(--t-gap);
    padding: 10px var(--t-kart-pad);
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: var(--t-kart-radius);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
}
#tercih-uygulama .tercih-modal-kapat { position: absolute; top: 14px; right: 16px; }
.tercih-baslik-metin { margin-right: auto; }
.tercih-baslik-metin h3 { margin: 0; color: var(--renk-ana); font-size: 22px; }
.tercih-baslik-metin p { margin: 3px 0 0; font-size: 13px; color: var(--renk-yazi-soluk); }
.tercih-baslik-aksiyon { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#tercih-uygulama .tercih-baslik-aksiyon .filtre-buton {
    width: auto;
    min-height: var(--t-btn-h);
    padding: 0 14px;
    border-radius: var(--t-btn-radius) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 13px;
}
/* Excel/PDF eşit genişlik ve dengeli; ikonlar tek renk (beyaz) */
.tercih-baslik-aksiyon .export-btn { min-width: 110px; }
.tercih-baslik-aksiyon .btn-ico { width: 15px; height: 15px; flex-shrink: 0; }

/* Listeyi Temizle — Tercih Sıralamam kolonunun altında */
.tercih-liste-alt { display: flex; justify-content: flex-end; margin-top: 12px; }
#tercih-uygulama .tercih-temizle-btn {
    width: auto;
    min-height: var(--t-btn-h);
    padding: 0 14px;
    border-radius: var(--t-btn-radius) !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    font-size: 13px;
}
.tercih-temizle-btn .btn-ico { width: 15px; height: 15px; flex-shrink: 0; }

/* Footer — standart cam konteyner */
#tercih-uygulama .tercih-modal-footer {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0;
    padding: 14px 20px;
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 18px;
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
    flex-wrap: wrap;
}
.tercih-footer-sag { margin-left: auto; display: flex; gap: 10px; flex-wrap: wrap; }

/* Header'daki Tercih Listem butonu: bu sayfadayken vurgulu.
   Mod sekmelerinin aktif görünümüyle (bordo gradient) aynı; temel
   .yardim-btn arka planı !important taşıdığı için burada da !important şart. */
#tercih-listem-btn.aktif-sayfa {
    background: linear-gradient(180deg, #a22538 0%, #8b1e2d 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(139, 30, 45, 0.20) !important;
}
#tercih-listem-btn.aktif-sayfa .ico-heart { color: #fff !important; }

/* 3 kolonlu grid */
.tercih-sayfa-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--t-gap);
    align-items: stretch;
}
.tercih-sonuc-alan { margin: var(--t-gap) 0 0; }

/* Kolon kartları — sitenin standart cam kart stili (öğrenci/uzman ile birebir) */
.tercih-kart {
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: var(--t-kart-radius);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    padding: var(--t-kart-pad);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
}
.tercih-kart-baslik { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.tercih-kart-baslik h4 { margin: 0; margin-right: auto; font-size: 16px; font-weight: 800; color: var(--renk-ana); }
.tercih-kart-ikon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: 11px;
    background: rgba(122,36,44,0.10); color: var(--renk-bordo); flex-shrink: 0;
}
.tercih-kart-ikon svg { width: 19px; height: 19px; }
.tercih-kart-ikon.ai { background: rgba(124,92,255,0.13); color: #6d4bd8; }
.tercih-beta { font-size: 11px; font-weight: 800; color: #6d4bd8; background: rgba(124,92,255,0.13); padding: 3px 9px; border-radius: 999px; }
.tercih-kart-aciklama { margin: 0 0 16px; font-size: 13px; color: var(--renk-yazi-soluk); line-height: 1.5; }

/* --- Uygunluk göstergesi --- */
.tercih-skor { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.tercih-skor-halka {
    --skor: 0; --halka: #c9b2b5;
    width: 108px; height: 108px; border-radius: 50%; flex-shrink: 0;
    background: conic-gradient(var(--halka) calc(var(--skor) * 1%), #ececec 0);
    display: flex; align-items: center; justify-content: center;
}
.tercih-skor-halka.skor-iyi { --halka: #2e9e6b; }
.tercih-skor-halka.skor-orta { --halka: #d99a2b; }
.tercih-skor-halka.skor-dusuk { --halka: #d9722b; }
.tercih-skor-halka.skor-riskli { --halka: #c0392b; }
.tercih-skor-ic {
    width: 82px; height: 82px; border-radius: 50%; background: #fff;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.tercih-skor-deger { font-size: 29px; font-weight: 800; color: var(--renk-ana); line-height: 1; }
.tercih-skor-max { font-size: 11px; color: var(--renk-yazi-soluk); }
.tercih-skor-aciklama { margin: 0; font-size: 12.5px; color: var(--renk-yazi-soluk); line-height: 1.5; }
.tercih-skor-etiket { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 13px; margin-bottom: 16px; }
.tercih-skor-etiket svg { width: 16px; height: 16px; }
.tercih-skor-etiket.skor-iyi { color: #2e9e6b; }
.tercih-skor-etiket.skor-orta { color: #d99a2b; }
.tercih-skor-etiket.skor-dusuk { color: #d9722b; }
.tercih-skor-etiket.skor-riskli { color: #c0392b; }
.tercih-skor-etiket.skor-bos { color: var(--renk-yazi-soluk); }

/* --- Mini metrik kartları (3x2) --- */
.tercih-mini-metrikler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
.tercih-mm { border: 1px solid var(--renk-kenar); border-radius: 10px; padding: 8px 9px; }
.tercih-mm-ust { display: flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--renk-yazi-soluk); margin-bottom: 5px; }
.tercih-mm-ikon { display: inline-flex; color: var(--renk-yazi-soluk); }
.tercih-mm-ikon svg { width: 13px; height: 13px; }
.tercih-mm strong { font-size: 15px; font-weight: 800; color: var(--renk-ana); }
.tercih-mm.yesil .tercih-mm-ikon, .tercih-mm.yesil strong { color: #2e9e6b; }
.tercih-mm.amber .tercih-mm-ikon, .tercih-mm.amber strong { color: #d99a2b; }
.tercih-mm.kirmizi .tercih-mm-ikon, .tercih-mm.kirmizi strong { color: #c0392b; }
.tercih-mm.mavi .tercih-mm-ikon, .tercih-mm.mavi strong { color: #2f6bd0; }

/* --- Dağılımlarınız (akordeon) --- */
.tercih-dagilim-blok { border-top: 1px solid var(--renk-kenar); padding-top: 14px; margin-bottom: 14px; }
.tercih-dagilim-blok h5 { margin: 0 0 6px; font-size: 13px; font-weight: 800; color: var(--renk-ana); }
.tercih-dagilim2 { border-bottom: 1px solid var(--renk-kenar); }
.tercih-dagilim2:last-child { border-bottom: none; }
.tercih-dagilim2 > summary { display: flex; align-items: center; gap: 10px; padding: 10px 0; cursor: pointer; list-style: none; font-size: 13px; color: var(--renk-ana); }
.tercih-dagilim2 > summary::-webkit-details-marker { display: none; }
.tercih-dagilim2 .tercih-dagilim-etiket { font-weight: 600; }
.tercih-dagilim2 .tercih-dagilim-ozet { margin-left: auto; font-size: 12px; color: var(--renk-yazi-soluk); text-align: right; }
.tercih-dagilim2 .tercih-dagilim-ok { width: 18px; text-align: center; color: var(--renk-yazi-soluk); font-size: 16px; font-weight: 700; flex-shrink: 0; }
.tercih-dagilim2 .tercih-dagilim-ok::before { content: "+"; }
.tercih-dagilim2[open] .tercih-dagilim-ok::before { content: "−"; }
.tercih-dagilim2 .tercih-dagilim-govde { padding: 0 0 12px 36px; }

/* --- Kural Tabanlı Analiz --- */
.tercih-kural { border: 1px solid var(--renk-kenar); border-radius: 11px; }
.tercih-kural > summary { display: flex; align-items: center; gap: 10px; padding: 11px 13px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 700; color: var(--renk-ana); }
.tercih-kural > summary::-webkit-details-marker { display: none; }
.tercih-kural-etiket { margin-right: auto; }
.tercih-kural-ok { color: var(--renk-yazi-soluk); font-size: 18px; transition: transform .15s; }
.tercih-kural[open] .tercih-kural-ok { transform: rotate(90deg); }
.tercih-kural-govde { padding: 0 14px 13px; }
.tercih-kural-govde .tercih-ai-yorumlar { margin: 2px 0 8px; padding-left: 18px; font-size: 13px; color: var(--renk-ana); }
.tercih-kural-govde .tercih-ai-yorumlar li { margin-bottom: 4px; }
.tercih-kural-govde .tercih-ai-not { margin: 0; font-size: 11.5px; line-height: 1.5; color: var(--renk-yazi-soluk); }

/* --- Gemini AI Raporu bloğu --- */
.tercih-gemini { border: 1px solid rgba(139,92,246,.28); border-radius: 11px; margin-top: 8px; background: linear-gradient(135deg,rgba(139,92,246,.06) 0%,rgba(99,102,241,.04) 100%); }
.tercih-gemini-ozet { display: flex; align-items: center; gap: 10px; padding: 11px 13px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 700; color: var(--renk-ana); }
.tercih-gemini-ozet::-webkit-details-marker { display: none; }
.tercih-gemini[open] .tercih-kural-ok { transform: rotate(90deg); }
.tercih-gemini-govde { padding: 0 14px 14px; }
.ai-rapor-aciklama { margin: 0 0 10px; font-size: 12.5px; color: var(--renk-yazi-soluk); line-height: 1.5; }
.ai-rapor-btn { display: flex; align-items: center; gap: 6px; width: 100%; justify-content: center; padding: 9px 14px; border-radius: var(--t-btn-radius); border: 1px solid rgba(139,92,246,.35); background: linear-gradient(135deg,rgba(139,92,246,.12),rgba(99,102,241,.08)); color: var(--renk-ana); font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s, transform .1s; }
.ai-rapor-btn:hover { background: linear-gradient(135deg,rgba(139,92,246,.2),rgba(99,102,241,.14)); transform: translateY(-1px); }
.ai-rapor-metin { font-size: 13px; line-height: 1.7; color: var(--renk-ana); }
.ai-rapor-metin p { margin: 0 0 8px; }
.ai-rapor-metin p:last-child { margin-bottom: 0; }
.ai-rapor-yukleniyor { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--renk-yazi-soluk); padding: 4px 0; }
.ai-yuk-noktalar { display: flex; gap: 4px; }
.ai-yuk-noktalar span { width: 6px; height: 6px; border-radius: 50%; background: rgba(139,92,246,.5); animation: aiNokta 1.2s infinite; }
.ai-yuk-noktalar span:nth-child(2) { animation-delay: .2s; }
.ai-yuk-noktalar span:nth-child(3) { animation-delay: .4s; }
@keyframes aiNokta { 0%,80%,100% { opacity: .3; transform: scale(.8); } 40% { opacity: 1; transform: scale(1.2); } }
.ai-yuk-cursor { display: inline-block; animation: aiCursor .7s infinite; color: rgba(139,92,246,.8); margin-left: 1px; }
@keyframes aiCursor { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
.ai-rapor-yenile { margin-top: 10px; display: block; font-size: 12px; color: rgba(139,92,246,.8); background: none; border: none; cursor: pointer; padding: 0; text-decoration: underline; }
.ai-rapor-yenile:hover { color: rgba(139,92,246,1); }
.ai-rapor-hata { margin: 0; font-size: 12.5px; color: var(--renk-yazi-soluk); }
.ai-rapor-retry { background: none; border: none; cursor: pointer; color: rgba(139,92,246,.9); text-decoration: underline; font-size: inherit; padding: 0; }
/* AI arama butonu */
.hizli-arama-wrap { position: relative; display: flex; align-items: center; flex-wrap: wrap; }
.hizli-arama-wrap #uzman-arama { flex: 1; min-width: 0; padding-right: 38px; }
.ai-arama-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; font-size: 16px; padding: 2px 4px; border-radius: 6px; line-height: 1; transition: transform .15s, opacity .15s; opacity: .7; z-index: 3; }
.ai-arama-btn:hover { opacity: 1; transform: translateY(-50%) scale(1.15); }
.ai-arama-btn.yukleniyor { animation: aiSpinner .8s linear infinite; opacity: 1; }
@keyframes aiSpinner { to { transform: translateY(-50%) rotate(360deg); } }
@media (max-width: 760px) {
    .hizli-arama-wrap #uzman-arama { padding-right: 12px; }
    .ai-arama-btn {
        position: static; transform: none; order: 2;
        width: 100%; margin-top: 7px; padding: 8px 12px;
        background: rgba(122,36,44,0.07); border: 1px solid rgba(122,36,44,0.18);
        border-radius: 9px; font-size: 13px; opacity: 1; text-align: left;
        color: #7a242c; font-weight: 600;
    }
    .ai-arama-btn { font-size: 0; }
    .ai-arama-btn::before { content: "✨ AI ile akıllı filtre uygula"; font-size: 13px; }
    .ai-arama-btn.yukleniyor { animation: none; opacity: .6; }
    .ai-arama-btn.yukleniyor::before { content: "⏳ Analiz ediliyor…"; font-size: 13px; }
}

/* --- Orta kolon: liste (her zaman dikey yığın) --- */
.tercih-kol-liste .tercih-liste { display: flex; flex-direction: column; gap: 10px; }
.tercih-kol-liste .liste-satiri {
    grid-template-columns: 30px 1fr;
    column-gap: 10px;
    row-gap: 8px;
    align-items: start;
    margin-bottom: 0;
    background: #fdfafa;
}
.tercih-kol-liste .tercih-satir-aksiyon {
    grid-column: 2 / -1;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    border-top: 1px solid var(--renk-kenar);
    padding-top: 9px;
    margin-top: 2px;
}
.tercih-kol-liste .tercih-satir-aksiyon .favori-btn { min-height: 34px; padding: 6px 12px; }
.tercih-kol-liste .tercih-surukle { margin-left: auto; }

/* Boş durum + Tercih Ekle + ipucu */
.tercih-ekle-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; max-width: 200px; margin: 6px auto 0; }
.tercih-ipucu { display: flex; gap: 11px; border: 1px solid var(--renk-kenar); background: #fbf7f7; border-radius: 12px; padding: 12px 14px; margin-top: 18px; text-align: left; }
.tercih-ipucu-ikon { color: var(--renk-bordo); flex-shrink: 0; line-height: 0; }
.tercih-ipucu-ikon svg { width: 20px; height: 20px; }
.tercih-ipucu strong { display: block; font-size: 13px; color: var(--renk-ana); margin-bottom: 3px; }
.tercih-ipucu p { margin: 0; font-size: 12px; color: var(--renk-yazi-soluk); line-height: 1.5; }

/* --- Sağ kolon: VS karşılaştırma yuvaları --- */
.tercih-vs-alan { display: flex; align-items: stretch; gap: 10px; margin-bottom: 16px; }
.tercih-vs-kart {
    flex: 1; min-width: 0; min-height: 150px;
    border: 2px dashed var(--renk-kenar); border-radius: 14px;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    padding: 14px; text-align: center; position: relative;
}
.tercih-vs-kart.bos { cursor: pointer; }
.tercih-vs-kart.pasif { cursor: default; opacity: .85; }
.tercih-vs-arti { width: 46px; height: 46px; border-radius: 50%; background: #f0eaea; color: #9a8a8c; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 300; }
.tercih-vs-bos-yazi { font-size: 12.5px; color: var(--renk-yazi-soluk); }
.tercih-vs-secim { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.tercih-vs-kart.dolu { border-style: solid; border-color: rgba(122,36,44,0.28); background: #fdf6f7; justify-content: flex-start; align-items: flex-start; gap: 5px; }
.tercih-vs-no { font-size: 11px; font-weight: 800; color: var(--renk-bordo); }
.tercih-vs-ad { font-size: 13px; font-weight: 700; color: var(--renk-ana); line-height: 1.35; }
.tercih-vs-uni { font-size: 11.5px; color: var(--renk-yazi-soluk); line-height: 1.35; }
.tercih-vs-cikar { position: absolute; top: 5px; right: 8px; border: none; background: none; font-size: 19px; line-height: 1; color: var(--renk-yazi-soluk); cursor: pointer; padding: 2px; }
.tercih-vs-cikar:hover { color: var(--renk-bordo); }
.tercih-vs-ayrac { align-self: center; flex-shrink: 0; font-weight: 800; font-size: 13px; color: var(--renk-yazi-soluk); }
.tercih-vs-btn { width: 100%; margin-bottom: 18px; }

/* Karşılaştırma kriterleri */
.tercih-kriter-blok h5 { margin: 0 0 12px; font-size: 14px; font-weight: 800; color: var(--renk-ana); }
.tercih-kriter-liste { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 14px; }
.tercih-kriter { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--renk-ana); }
.tercih-kriter-ok { color: var(--renk-bordo); display: inline-flex; flex-shrink: 0; }
.tercih-kriter-ok svg { width: 16px; height: 16px; }

/* Sonuç paneli — standart cam kart */
.tercih-sonuc-alan .tercih-karsilastirma-panel { background: rgba(255,255,255,0.42); border: 1px solid rgba(255,255,255,0.5); border-radius: 18px; -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px); padding: 18px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06); }

/* Pasif Karşılaştır butonu belirgin şekilde devre dışı görünsün */
.tercih-vs-btn:disabled, .tercih-vs-btn[disabled] { opacity: .45; cursor: not-allowed; box-shadow: none; }

/* ===== İSTATİSTİK BANDI ===== */
.tercih-istat-band {
    display: grid;
    grid-template-columns: 1.5fr repeat(5, 1fr);
    gap: var(--t-gap);
    margin: 0 0 var(--t-gap);
}
.tercih-istat-kart {
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: var(--t-kart-radius);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}
.istat-skor-kart { flex-direction: row; align-items: center; gap: 14px; }
.t-istat-ring {
    --skor: 0; --halka: #c9b2b5;
    width: 66px; height: 66px; border-radius: 50%; flex-shrink: 0;
    background: conic-gradient(var(--halka) calc(var(--skor) * 1%), #ececec 0);
    display: flex; align-items: center; justify-content: center;
}
.t-istat-ring.skor-iyi { --halka: #2e9e6b; }
.t-istat-ring.skor-orta { --halka: #d99a2b; }
.t-istat-ring.skor-dusuk { --halka: #d9722b; }
.t-istat-ring.skor-riskli { --halka: #c0392b; }
.t-istat-ring-ic {
    width: 50px; height: 50px; border-radius: 50%; background: #fff;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.t-istat-ring-sayi { font-size: 15px; font-weight: 800; color: var(--renk-ana); line-height: 1; }
.t-istat-ring-max { font-size: 9px; color: var(--renk-yazi-soluk); }
.t-istat-skor-metin { flex: 1; min-width: 0; }
.t-istat-skor-etiket { font-size: 11.5px; font-weight: 700; margin-top: 3px; }
.t-istat-skor-etiket.skor-iyi { color: #2e9e6b; }
.t-istat-skor-etiket.skor-orta { color: #d99a2b; }
.t-istat-skor-etiket.skor-dusuk { color: #d9722b; }
.t-istat-skor-etiket.skor-riskli { color: #c0392b; }
.t-istat-skor-etiket.skor-bos { color: var(--renk-yazi-soluk); }
.t-istat-ikon {
    display: inline-flex; width: 28px; height: 28px; border-radius: 8px;
    align-items: center; justify-content: center; margin-bottom: 4px; flex-shrink: 0;
}
.t-istat-ikon svg { width: 15px; height: 15px; }
.t-istat-ikon-bordo { background: rgba(122,36,44,0.1); color: var(--renk-bordo); }
.t-istat-ikon-yesil { background: rgba(46,158,107,0.1); color: #2e9e6b; }
.t-istat-ikon-kirmizi { background: rgba(192,57,43,0.1); color: #c0392b; }
.t-istat-ikon-mavi { background: rgba(47,107,208,0.1); color: #2f6bd0; }
.t-istat-ikon-mor { background: rgba(109,75,216,0.1); color: #6d4bd8; }
.t-istat-sayi { font-size: 22px; font-weight: 800; color: var(--renk-ana); line-height: 1.1; }
.t-istat-max { font-size: 13px; font-weight: 600; color: var(--renk-yazi-soluk); }
.t-istat-sehir { font-size: 16px; }
.t-istat-baslik { font-size: 11.5px; font-weight: 700; color: var(--renk-ana); }
.t-istat-aciklama { font-size: 11px; color: var(--renk-yazi-soluk); line-height: 1.4; }
.istat-yesil { border-bottom: 3px solid rgba(46,158,107,0.35); }
.istat-kirmizi { border-bottom: 3px solid rgba(192,57,43,0.35); }
.istat-mavi { border-bottom: 3px solid rgba(47,107,208,0.35); }
.istat-mor { border-bottom: 3px solid rgba(109,75,216,0.35); }

/* ===== ANALİZ KOLONU ===== */
.t-analiz-list { margin-bottom: 14px; border: 1px solid var(--renk-kenar); border-radius: 11px; overflow: hidden; }
.t-analiz-satir {
    display: flex; align-items: center; gap: 10px; padding: 11px 14px;
    border-bottom: 1px solid var(--renk-kenar); font-size: 13px; color: var(--renk-ana);
    cursor: default;
}
.t-analiz-satir:last-child { border-bottom: none; }
.t-analiz-ikon { display: inline-flex; flex-shrink: 0; color: var(--renk-yazi-soluk); }
.t-analiz-ikon svg { width: 15px; height: 15px; }
.t-analiz-etiket { flex: 1; font-weight: 500; }
.t-analiz-sayi { font-weight: 800; color: var(--renk-bordo); font-size: 15px; flex-shrink: 0; }

/* ===== AI ÖNERİLER ALT BÖLÜM ===== */
.tercih-oneri-section {
    margin: var(--t-gap) 0 0;
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: var(--t-kart-radius);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
    padding: var(--t-kart-pad);
}
.tercih-oneri-baslik { display: flex; align-items: center; gap: 11px; margin-bottom: 16px; }
.tercih-oneri-baslik h4 { margin: 0; font-size: 16px; font-weight: 800; color: var(--renk-ana); }
.tercih-oneri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: var(--t-gap);
}
.t-oneri-kart {
    border: 1px solid var(--renk-kenar); border-radius: 14px; padding: 14px;
    display: flex; flex-direction: column; gap: 5px; background: #fff;
}
.t-oneri-kart-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.t-oneri-logo {
    width: 40px; height: 40px; border-radius: 50%;
    background: rgba(122,36,44,0.1);
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; font-weight: 800; color: var(--renk-bordo); flex-shrink: 0;
}
.t-oneri-logo-beykoz { background: #fff8f8; border: 1px solid rgba(122,36,44,0.15); }
.t-oneri-kart-no { font-size: 11px; font-weight: 700; color: var(--renk-bordo); }
.t-oneri-ad { font-size: 13.5px; font-weight: 700; color: var(--renk-ana); line-height: 1.35; }
.t-oneri-uni { font-size: 11.5px; color: var(--renk-yazi-soluk); }
.t-oneri-meta { display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0; }
.t-oneri-meta span { font-size: 11px; background: rgba(122,36,44,0.06); color: var(--renk-bordo); padding: 2px 8px; border-radius: 20px; }
.t-oneri-btn { margin-top: auto; width: 100%; min-height: 32px; font-size: 12px; padding: 0 12px; border-radius: var(--t-btn-radius) !important; }
.t-oneri-disclaimer { margin: 14px 0 0; font-size: 11px; color: var(--renk-yazi-soluk); line-height: 1.5; border-top: 1px solid var(--renk-kenar); padding-top: 10px; }

/* Responsive: kolonları yığ (tam genişlik, diğer sayfalar gibi) */
@media (max-width: 1100px) {
    .tercih-sayfa-grid { grid-template-columns: 1fr; }
    .tercih-istat-band { grid-template-columns: repeat(3, 1fr); }
    .istat-skor-kart { grid-column: 1 / -1; flex-direction: row; }
}
@media (max-width: 640px) {
    #tercih-uygulama { padding-top: 14px; }
    .tercih-sayfa-wrap { padding: 0 12px 28px; }
    .tercih-kart { padding: 16px 14px; }
    .tercih-baslik-metin h3 { font-size: 20px; }
    .tercih-mini-metrikler { grid-template-columns: 1fr 1fr; }
    .tercih-kriter-liste { grid-template-columns: 1fr; }
    .tercih-footer-sag { width: 100%; }
    .tercih-istat-band { grid-template-columns: 1fr 1fr; }
    .istat-skor-kart { grid-column: 1 / -1; }
    .tercih-oneri-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 420px) {
    .tercih-oneri-grid { grid-template-columns: 1fr; }
}

.tercih-ai-kart {
    border: 1px solid rgba(122,36,44,0.14);
    border-radius: 14px;
    background: linear-gradient(180deg, #fff, #fff7f8);
    padding: 18px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(31,24,25,0.04);
}

.tercih-ai-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--renk-kenar);
}
.tercih-ai-baslik strong { margin-right: auto; }

.tercih-ai-baslik strong {
    color: var(--renk-bordo);
    font-size: 15px;
}

.tercih-ai-rozet {
    border-radius: 999px;
    padding: 3px 8px;
    background: rgba(122,36,44,0.08);
    color: var(--renk-bordo);
    font-size: 11px;
    font-weight: 800;
}

.tercih-ai-metrikler {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.tercih-ai-metrik {
    border: 1px solid rgba(122,36,44,0.1);
    border-radius: 8px;
    background: #fff;
    padding: 8px;
}

.tercih-ai-metrik span {
    display: block;
    color: var(--renk-yazi-soluk);
    font-size: 11px;
    margin-bottom: 3px;
}

.tercih-ai-metrik strong {
    color: var(--renk-ana);
    font-size: 14px;
}

.tercih-ai-yorumlar {
    margin: 0;
    padding-left: 18px;
    color: var(--renk-yazi);
    font-size: 13px;
}

.tercih-ai-not {
    color: var(--renk-yazi-soluk);
    font-size: 12px;
    margin-top: 10px;
}

.kart-meta {
    color: var(--renk-yazi-soluk);
    font-size: 12px;
    margin-bottom: 10px;
}

.kart-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    font-size: 12px;
}

.kart-grid span {
    color: var(--renk-yazi-soluk);
    display: block;
}

.kart-aksiyon {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

/* ============================================================
   CAM SONUÇ SATIRI (mobil) — bölmeli "skor kapsülü" tasarımı
   [favori] · [ad + üniversite + puan türü/burs çipleri] · [TABAN kapsülü]
   ============================================================ */
.program-satir {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    padding: 14px 13px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.50);
    -webkit-backdrop-filter: saturate(170%) blur(18px);
    backdrop-filter: saturate(170%) blur(18px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 6px 20px -10px rgba(31,24,25,0.18);
    cursor: pointer;
    transition: transform .14s ease, box-shadow .14s ease;
}
.program-satir:active { transform: scale(0.992); }

.satir-ana { min-width: 0; }
.satir-baslik {
    font-size: 14.5px;
    font-weight: 700;
    color: var(--renk-ana);
    line-height: 1.25;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.satir-meta {
    font-size: 11.5px;
    color: var(--renk-yazi-soluk);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.satir-nokta { opacity: .45; padding: 0 1px; }

/* Çip satırı: puan türü + burs/ücret */
.satir-cipler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
}
.satir-pt {
    font-size: 10.5px;
    font-weight: 750;
    letter-spacing: .03em;
    color: var(--renk-bordo);
    background: rgba(122,36,44,0.09);
    border: 1px solid rgba(122,36,44,0.14);
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
.satir-cip {
    font-size: 10.5px;
    font-weight: 650;
    color: var(--renk-yazi-soluk);
    background: rgba(31,24,25,0.05);
    padding: 2px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
/* Üniversite türü çipi — nötr, ince çerçeveli (para çiplerinden ayrışsın) */
.satir-ut {
    font-size: 10.5px;
    font-weight: 650;
    color: var(--renk-yazi-soluk);
    background: transparent;
    border: 1px solid rgba(31,24,25,0.16);
    padding: 1px 8px;
    border-radius: 999px;
    white-space: nowrap;
}
.satir-cip-burs {
    color: #1b7a4b;
    background: rgba(27,122,75,0.12);
}
.satir-cip-uyari {
    color: #b06a00;
    background: rgba(176,106,0,0.12);
}

/* Sağ skor kapsülü — frosted iç panel, ortalı içerik */
.satir-kapsul {
    flex-shrink: 0;
    min-width: 86px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 8px 9px;
    border-radius: 12px;
    background: rgba(122,36,44,0.045);
    border: 1px solid rgba(122,36,44,0.12);
    text-align: center;
}
.kapsul-etk {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .08em;
    color: var(--renk-yazi-soluk);
    line-height: 1;
}
.kapsul-puan {
    font-size: 16.5px;
    font-weight: 800;
    color: var(--renk-bordo);
    line-height: 1.1;
}
.kapsul-sira {
    font-size: 10px;
    font-weight: 600;
    color: var(--renk-yazi-soluk);
    line-height: 1.1;
}
.satir-kapsul .durum-badge {
    margin-top: 4px;
    font-size: 10px;
}

/* Favori (kayıt) butonu satır içinde — dikeyde ortalı, ≥40px dokunma hedefi (P3) */
.program-satir .kayit-btn {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Beykoz programı: tam bordo kenar + hafif tint ile vurgu */
.program-satir.row-beykoz {
    border-color: rgba(122,36,44,0.35);
    background: rgba(122,36,44,0.06);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 8px 22px -10px rgba(122,36,44,0.30);
}

/* P1 — çok dar ekranlar (≤380px): kapsül + boşlukları küçült, sol kolona yer aç */
@media (max-width: 380px) {
    .program-satir { gap: 8px; padding: 13px 11px; }
    .program-satir .kayit-btn { width: 34px; height: 38px; }
    .satir-kapsul { min-width: 76px; padding: 7px 7px; }
    .kapsul-puan { font-size: 15px; }
    .satir-baslik { font-size: 14px; }
}



.kosul-ozet {
    white-space: pre-wrap;
}

.kosul-referans-uyari {
    margin-bottom: 12px;
    padding: 10px;
    border-left: 3px solid var(--renk-sinirda-yazi);
    background: var(--renk-sinirda);
    color: var(--renk-sinirda-yazi);
    font-size: 13px;
}

@media (max-width: 720px) {
    .logo-img { max-width: 150px; }
    .yardim-btn { padding: 6px 8px; font-size: 12px; }
    table.veri-tablo { display: none; }
    .tablo-konteyner { overflow: visible; }
    .kart-grid { grid-template-columns: 1fr 1fr; }
    .uzman-paneli { padding: 14px 12px; }
    .uzman-filtre-baslik {
        display: grid;
        gap: 10px;
    }
    .panel-mini-not {
        width: fit-content;
    }
    .filtre-hizli-grid,
    .filtre-kart-grid,
    .uzman-toolbar {
        grid-template-columns: 1fr;
    }
    .preset-karti,
    .aralik-karti {
        grid-column: auto;
    }
    .hazir-secimler {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x proximity;
    }
    .hazir-secimler .preset-btn {
        min-width: 170px;
        scroll-snap-align: start;
    }
    .toolbar-aksiyonlar,
    .panel-aksiyonlar {
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .export-menu,
    .export-menu summary {
        width: 100%;
    }
    .export-menu-icerik {
        left: 0;
        right: auto;
        width: 100%;
    }
    .filtre-paneli.filtre-pop {
        left: 10px;
        right: 10px;
        top: calc(var(--ust-serit-h, 70px) + 8px);
    }
}

@media (max-width: 900px) {
    html,
    body {
        overflow-x: hidden;
    }
    .uzman-filtre-baslik,
    .uzman-toolbar {
        grid-template-columns: 1fr;
    }
    .panel-mini-not {
        width: fit-content;
    }
    .filtre-kart-grid,
    .filtre-hizli-grid {
        grid-template-columns: 1fr;
    }
    .filtre-kart:nth-child(n) {
        grid-column: auto;
    }
    .hazir-secimler {
        display: grid;
        grid-template-columns: 1fr;
        overflow: visible;
        padding-bottom: 0;
    }
    .hazir-secimler .preset-btn {
        min-width: 0;
        width: 100%;
    }
    .toolbar-aksiyonlar,
    .panel-aksiyonlar {
        width: 100%;
    }
    table.veri-tablo {
        display: none;
    }
    .tablo-konteyner {
        overflow: visible;
    }
}

/* ============================================================
   GÖRÜNÜM RÖTUŞLARI
   Görünüm düzeltmeleri burada toplanıyor.
   ============================================================ */

/* Gövde arka planı: hafif gradient */
html, body {
    background:
        linear-gradient(160deg, #f7f5f4 0%, #f1eeec 100%);
    background-attachment: fixed;
}

/* Üst şerit: ikon+yazı, logo boyutu */
.logo-cizgi { height: 34px; width: 5px; }
.logo-yazi strong { font-size: 19px; }
.logo-yazi span { font-size: 11.5px; }





/* Giriş alanı tipografisi */
.uzman-panel-v4 h3 {
    font-size: clamp(17px, 1.4vw, 22px);
    margin: 2px 0 4px;
    letter-spacing: -0.022em;
}
.uzman-panel-v4 .panel-eyebrow {
    display: block;
    font-size: 10px;
    letter-spacing: 0.13em;
    margin-bottom: 0;
    color: rgba(132, 38, 49, 0.85);
}
.uzman-panel-v4 .panel-mini-not {
    padding: 7px 13px;
    font-size: 11.5px;
    font-weight: 680;
    white-space: nowrap;
}
.uzman-panel-v4 .uzman-filtre-baslik p {
    font-size: 12.5px;
    color: #786f71;
    margin-top: 3px;
    line-height: 1.48;
}

/* Hızlı filtre kartı: boşluklar */
.uzman-quick-title {
    font-size: 12.5px;
    margin: 0 0 7px;
    font-weight: 700;
}
.quick-actions { padding-top: 18px; }
.quick-actions .filtre-buton {
    min-height: 40px;
    font-size: 13px;
    font-weight: 700;
}

/* Inputlar: 44px köşe ve kenar */
.uzman-panel-v4 input[type="text"],
.uzman-panel-v4 input[type="number"],
.uzman-panel-v4 select {
    min-height: 44px;
    border-radius: 10px;
    border-color: #e3dbd8;
    font-size: 13.5px;
}
.uzman-panel-v4 input::placeholder { color: #6e6466; }
.uzman-panel-v4 input[type="text"]:focus,
.uzman-panel-v4 input[type="number"]:focus,
.uzman-panel-v4 select:focus {
    border-color: rgba(132, 38, 49, 0.6);
    box-shadow: 0 0 0 3px rgba(132, 38, 49, 0.10);
}

/* Kart yüzeyi */
.uzman-quick-card,
.uzman-filter-card {
    background: #ffffff;
    border: 1px solid rgba(32, 24, 26, 0.082);
    border-radius: 14px;
    box-shadow:
        0 1px 2px rgba(31, 24, 25, 0.055),
        0 3px 10px rgba(31, 24, 25, 0.038),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

/* Gelişmiş grid kartları: iç boşluk ve başlık */
.uzman-filter-card { padding: 11px 13px; }

.uzman-card-title { margin-bottom: 8px; gap: 8px; }

.uzman-card-title h4 {
    font-size: 13px;
    gap: 8px;
    font-weight: 700;
}

.uzman-panel-v4 .kart-ikon {
    width: 24px;
    height: 24px;
    background: rgba(132, 38, 49, 0.075);
    border-color: rgba(132, 38, 49, 0.14);
}
.uzman-panel-v4 .kart-ikon::before {
    width: 14px;
    height: 14px;
}

/* Card description helper text */
.uzman-card-title p,
.uzman-panel-v4 .yardimci-metin {
    font-size: 11px;
    color: #7c7476;
    line-height: 1.38;
    margin-top: 2px;
}

/* Chip/pill: 32px yükseklik */
.uzman-panel-v4 .coklu-secim span,
.uzman-panel-v4 .filtre-sekmeleri .tab-btn {
    min-height: 32px;
    padding: 5px 11px;
    font-size: 12px;
    font-weight: 630;
    border-color: #dfd6d4;
    border-radius: 999px;
}

/* Preset buttons: slightly taller for wrapped text */
.uzman-panel-v4 .hazir-secimler .preset-btn {
    min-height: 38px;
    font-size: 11.5px;
    border-radius: 11px;
    border-color: #dfd6d4;
    padding: 7px 9px;
}
.uzman-panel-v4 .hazir-secimler { gap: 7px; }

/* Seçili chip gradyeni */
.uzman-panel-v4 .coklu-secim input:checked + span,
.uzman-panel-v4 .filtre-sekmeleri .tab-btn.aktif {
    box-shadow: 0 6px 16px rgba(122, 36, 44, 0.14);
}

/* --- TOGGLE ROWS: compact --- */
.uzman-panel-v4 .acik-kapa {
    padding: 9px 11px;
    font-size: 12.5px;
    margin-top: 6px;
    border-radius: 11px;
    border-color: #e4dbd8;
}

/* Etiket tipografisi */
.uzman-panel-v4 .filtre-grup label {
    font-size: 10.5px;
    letter-spacing: 0.042em;
    color: #514a4c;
    margin-bottom: 6px;
}

/* Araç çubuğu: grid, kompakt */
.uzman-toolbar {
    padding: 10px 20px;
    gap: 14px;
    grid-template-columns: minmax(160px, auto) minmax(220px, 1fr) auto;
}
.uzman-toolbar .sonuc-metrik strong { font-size: 22px; }
.uzman-toolbar .aktif-chip {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
}
.uzman-toolbar .aksiyon-btn,
.uzman-toolbar .export-menu summary {
    min-height: 38px;
    font-size: 13px;
    padding: 0 15px;
    border-radius: 10px;
}

/* Ana panel arka planı */


/* --- QUICK CARD: kutucuk gibi kompakt --- */

/* Başlık alanı yok artık, margin azalt */
.uzman-panel-v4 .uzman-filtre-baslik {
    margin-bottom: 8px;
    align-items: center;
}
/* Açıklama p artık HTML'de yok; filtre-baslik tek satır */
.uzman-panel-v4 h3 {
    margin-bottom: 0;
}

/* Quick card: filter kartlarıyla aynı yüzey/compact */
.uzman-quick-card {
    padding: 10px 13px 9px;
}

/* Quick card title: filter kartı başlıkları gibi */
.uzman-quick-card .uzman-card-title {
    margin-bottom: 8px;
}

/* Hızlı Filtreler icon */
.uzman-hizli-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='6' x2='20' y2='6'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='18' x2='20' y2='18'/%3E%3Ccircle cx='8' cy='6' r='2'/%3E%3Ccircle cx='16' cy='12' r='2'/%3E%3Ccircle cx='10' cy='18' r='2'/%3E%3C/svg%3E");
}

/* Quick card inputs: filter kartlardaki chip boyutuna yaklaştır */
.uzman-quick-card input[type="text"],
.uzman-quick-card input[type="number"],
.uzman-quick-card select {
    min-height: 38px !important;
    font-size: 13px;
    padding: 7px 10px;
    border-radius: 9px;
}
.uzman-quick-card .hizli-arama-wrap input {
    padding-left: 38px !important;
}

/* Quick card labels: daha sıkı */
.uzman-quick-card .filtre-grup label {
    font-size: 10px;
    margin-bottom: 4px;
    letter-spacing: 0.045em;
}

/* Quick card buttons */
.uzman-quick-card .quick-actions .filtre-buton {
    min-height: 36px;
    font-size: 12.5px;
}
.uzman-quick-card .quick-actions {
    padding-top: 14px;
    gap: 6px;
}

/* Quick card chips */
.uzman-quick-card .coklu-secim span {
    min-height: 28px;
    padding: 3px 8px;
    font-size: 11.5px;
}

/* 1366px: yatay kaydırmayı engelle */
@media (max-width: 1366px) {
    .uzman-panel-v4 {
        padding-left: 18px;
        padding-right: 18px;
    }
    #uzman-uygulama .uzman-toolbar,
    #uzman-uygulama .tablo-konteyner,
    #uzman-uygulama .sayfalama {
        width: calc(100% - 36px);
    }
}

@media (max-width: 1366px) {
    .uzman-quick-grid {
        grid-template-columns:
            minmax(158px, 2fr)
            minmax(108px, 1fr)
            minmax(190px, 1.5fr)
            minmax(150px, 1.2fr)
            minmax(78px, 0.65fr)
            minmax(78px, 0.65fr)
            minmax(148px, 1.05fr);
        gap: 9px;
    }
    .quick-actions .filtre-buton {
        font-size: 12.5px;
        padding: 0 8px;
        white-space: nowrap;
    }
    .uzman-panel-v4 .hazir-secimler {
        grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
    }
    .uzman-advanced-grid { gap: 8px; }
}

/* ============================================================
   AÇILIŞ EKRANI — 3D mod seçimi
   ============================================================ */

/* Override mevcut mod-secim stilleri */
.mod-secim {
    min-height: calc(100vh - 52px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    overflow-x: hidden;
    position: relative;
    font-family: "Inter","SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;
}

/* Landing'e özel header parlatma; uygulama ekranlarının işleyişine dokunmaz */

.logo-alani .alt-baslik {
    letter-spacing: -0.01em;
}



.mod-tab {
    padding: 9px 18px;
    color: #3a3133;
    opacity: 1;
}
.mod-tab[data-mod="uzman"] {
    /* inactive: diğer tab'larla aynı beyaz stil */
    background: rgba(255,255,255,0.84);
    color: #3a3133;
    border-color: rgba(31,24,25,0.10);
}

.mod-tab.aktif {
    /* aktif olan tab (hangi mod seçiliyse) tam kırmızı gradient */
    background: linear-gradient(180deg, #9b2634 0%, #7a242c 100%);
    color: #fff;
    border-color: rgba(122,36,44,0.84);
    box-shadow: 0 10px 24px rgba(122,36,44,0.22);
}

/* --- Arka plan katmanları --- */
.landing-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}
.landing-bg::before {
    content: "";
    position: absolute;
    inset: -10% -8% 0;
    background:
        linear-gradient(115deg, transparent 0 28%, rgba(122,36,44,0.055) 28.2%, transparent 28.6% 48%, rgba(122,36,44,0.045) 48.2%, transparent 48.6%),
        linear-gradient(35deg, transparent 0 38%, rgba(122,36,44,0.04) 38.2%, transparent 38.6% 70%, rgba(122,36,44,0.035) 70.2%, transparent 70.6%);
    opacity: 0.9;
    -webkit-mask-image: radial-gradient(ellipse 82% 58% at 50% 42%, #000 0%, transparent 78%);
    mask-image: radial-gradient(ellipse 82% 58% at 50% 42%, #000 0%, transparent 78%);
}
.landing-bg::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: -92px;
    height: 180px;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.52) 35%, transparent 72%);
    filter: blur(10px);
    opacity: 0.8;
}
.bg-glow {
    position: absolute;
    top: -190px;
    left: 50%;
    transform: translateX(-50%);
    width: 1250px;
    height: 760px;
    background: radial-gradient(
        ellipse at center top,
        rgba(122,36,44,0.22) 0%,
        rgba(122,36,44,0.08) 38%,
        transparent 70%
    );
    border-radius: 50%;
}
.bg-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(122,36,44,0.105) 1.1px, transparent 1.2px);
    background-size: 24px 24px;
    -webkit-mask-image: radial-gradient(ellipse 82% 62% at 50% 33%, rgba(0,0,0,0.44) 0%, transparent 100%);
    mask-image: radial-gradient(ellipse 82% 62% at 50% 33%, rgba(0,0,0,0.44) 0%, transparent 100%);
}
.bg-bars {
    position: absolute;
    bottom: 80px;
    right: 100px;
    display: flex;
    align-items: flex-end;
    gap: 7px;
    opacity: 0.095;
    pointer-events: none;
}
.bg-bar {
    width: 16px;
    background: linear-gradient(180deg, rgba(122,36,44,0.72), rgba(122,36,44,0.12));
    border-radius: 7px 7px 0 0;
    box-shadow: 0 22px 44px rgba(122,36,44,0.14);
}

/* --- Landing inner wrapper --- */
.landing-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 28px 32px 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- Hero text area --- */
.hero-text-area {
    text-align: center;
    margin-bottom: 26px;
    max-width: 860px;
    transform: translateZ(40px);
}
.hero-kicker {
    display: inline-block;
    color: #842631;
    font-size: 10.5px;
    font-weight: 830;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}
.hero-title {
    font-size: clamp(38px, 4.7vw, 66px);
    font-weight: 850;
    color: #1a1213;
    letter-spacing: -0.043em;
    line-height: 0.98;
    margin: 0 0 14px;
    font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
    text-wrap: balance;
    text-shadow: 0 18px 46px rgba(31,24,25,0.09);
}
.hero-subtitle {
    font-size: clamp(15px, 1.18vw, 18px);
    color: #62595c;
    line-height: 1.55;
    margin: 0 0 16px;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}
.hero-data-badge {
    display: none;
    align-items: center;
    gap: 7px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(34,197,94,0.28);
    border-radius: 999px;
    padding: 7px 15px 7px 11px;
    font-size: 12.5px;
    font-weight: 640;
    color: #1a1213;
    box-shadow: 0 12px 32px rgba(31,24,25,0.075), inset 0 1px 0 rgba(255,255,255,0.92);
    backdrop-filter: none;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}
.badge-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    flex: 0 0 auto;
    animation: lp-pulse 2.4s ease-in-out infinite;
}
@keyframes lp-pulse {
    0%,100% { box-shadow: 0 0 0 2px rgba(34,197,94,0.22); }
    50%      { box-shadow: 0 0 0 5px rgba(34,197,94,0.07); }
}
@media (prefers-reduced-motion: reduce) { .badge-dot { animation: none; } }

/* --- Mode stage: side cards + main row --- */
.mode-stage {
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    justify-content: center;
    margin-bottom: 24px;
    perspective: 1500px;
}
.mode-cards-row {
    display: flex;
    gap: 24px;
    flex: 1;
    max-width: 1020px;
    justify-content: center;
    perspective: 1500px;
}

/* 3D mod kartları */
.mode-card-3d {
    flex: 1;
    max-width: 492px;
    min-width: 0;
    min-height: 388px;
    position: relative;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.90)),
        radial-gradient(circle at 18% 0%, rgba(122,36,44,0.055), transparent 34%);
    border-radius: 28px;
    border: 1px solid rgba(122,36,44,0.10);
    box-shadow:
        0 3px 10px rgba(31,24,25,0.055),
        0 24px 72px rgba(31,24,25,0.12),
        0 0 0 1px rgba(255,255,255,0.54),
        inset 0 1px 0 rgba(255,255,255,0.95);
    cursor: pointer;
    transition: transform 0.34s cubic-bezier(.2,.75,.2,1), box-shadow 0.34s ease, border-color 0.34s ease;
    transform-style: preserve-3d;
    will-change: transform;
    padding: 28px 28px 24px;
    display: flex;
    flex-direction: column;
    text-align: left;
    isolation: isolate;
}
.mode-card-3d::before,
.mode-card-3d::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    z-index: -1;
}
.mode-card-3d::before {
    inset: 14px 18px -18px;
    background: linear-gradient(180deg, rgba(122,36,44,0.12), rgba(122,36,44,0.025));
    filter: blur(18px);
    opacity: 0.72;
    transform: translateZ(-36px);
}
.mode-card-3d::after {
    inset: 1px;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.72), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(122,36,44,0.09), transparent 26%);
    border: 1px solid rgba(255,255,255,0.62);
    opacity: 0.8;
    z-index: 0;
}
.mode-card-3d > * {
    position: relative;
    z-index: 1;
    transform: translateZ(18px);
}
.mode-card-3d:hover {
    box-shadow:
        0 10px 22px rgba(31,24,25,0.075),
        0 34px 86px rgba(31,24,25,0.16),
        0 0 0 1px rgba(122,36,44,0.15),
        0 0 46px rgba(122,36,44,0.12),
        inset 0 1px 0 rgba(255,255,255,0.98);
    border-color: rgba(122,36,44,0.20);
}
.mode-card-3d:focus-visible {
    outline: 3px solid rgba(122,36,44,0.4);
    outline-offset: 3px;
}

/* Kart başlığı: ikon + başlık + açıklama */
.mode-card-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
.mode-card-icon-wrap {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(122,36,44,0.08);
    border: 1px solid rgba(122,36,44,0.14);
    flex: 0 0 auto;
    color: #842631;
}
.mode-card-icon-wrap svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}
.mode-card-meta h3 {
    font-size: 22px;
    font-weight: 770;
    color: #1a1213;
    margin: 2px 0 5px;
    letter-spacing: -0.013em;
    font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
}
.mode-card-meta p {
    font-size: 13.5px;
    color: #6b6365;
    line-height: 1.5;
    margin: 0;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}

/* Dekoratif mini UI paneli kart içinde */
.mini-ui-panel {
    flex: 1;
    background:
        linear-gradient(180deg, rgba(250,248,247,0.92), rgba(244,240,238,0.86));
    border: 1px solid rgba(122,36,44,0.09);
    border-radius: 18px;
    padding: 15px;
    margin-bottom: 16px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 12px 28px rgba(31,24,25,0.055);
    pointer-events: none;
    user-select: none;
}
.mini-input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-bottom: 9px;
}
.mini-input-group label {
    display: block;
    font-size: 8.5px;
    font-weight: 730;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #8a8285;
    margin-bottom: 3px;
    font-family: "Inter","Segoe UI",system-ui,sans-serif;
}
.mini-input-box {
    background: #fff;
    border: 1px solid rgba(122,36,44,0.10);
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 640;
    color: #1a1213;
    font-family: "Inter",system-ui,sans-serif;
}
.mini-chip-row {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 9px;
}
.mini-chip-label, .mini-status-label {
    display: block;
    font-size: 8.5px;
    font-weight: 730;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #8a8285;
    margin-bottom: 4px;
    font-family: "Inter","Segoe UI",system-ui,sans-serif;
}
.mini-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 25px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(122,36,44,0.12);
    background: rgba(255,255,255,0.88);
    font-size: 10.5px;
    font-weight: 650;
    color: #3a3234;
    font-family: "Inter","Segoe UI",system-ui,sans-serif;
    white-space: nowrap;
}
.mini-chip.aktif {
    background: linear-gradient(180deg, #9b2a38, #7a242c);
    border-color: #7a242c;
    color: #fff;
}
.mini-status-row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 5px;
}
.mini-status-box {
    text-align: center;
    border-radius: 12px;
    padding: 7px 4px 6px;
    font-size: 9.5px;
    font-weight: 680;
    font-family: "Inter","Segoe UI",system-ui,sans-serif;
}
.mini-status-box .count {
    display: block;
    font-size: 13px;
    font-weight: 810;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
.mini-status-box.guvenli { background: #d1fae5; color: #065f46; }
.mini-status-box.sinirda { background: #fef3c7; color: #92400e; }
.mini-status-box.riskli  { background: #fee2e2; color: #991b1b; }

/* Expert card mini UI */
.mini-filter-chips {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}
.mini-table-preview {
    width: 100%;
    border-collapse: collapse;
    font-family: "Inter","Segoe UI",system-ui,sans-serif;
}
.mini-table-preview th {
    color: #8a8285;
    font-weight: 720;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 3px 4px;
    text-align: left;
    border-bottom: 1px solid #e4dcda;
    font-size: 8px;
    white-space: nowrap;
}
.mini-table-preview td {
    padding: 4px 4px;
    color: #2a2123;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.mini-table-preview tr:last-child td { border-bottom: none; }

/* CTA butonu */
.mode-card-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    border-radius: 15px;
    border: none;
    background: linear-gradient(180deg, #9b2a38, #7d2530);
    color: #fff;
    font-size: 14.5px;
    font-weight: 720;
    letter-spacing: -0.004em;
    cursor: pointer;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    box-shadow: 0 6px 22px rgba(122,36,44,0.22);
    margin-top: auto;
}
.mode-card-cta:hover {
    transform: translateZ(18px) translateY(-2px);
    box-shadow: 0 12px 34px rgba(122,36,44,0.28);
}
.mode-card-cta svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 0.18s ease;
    flex: 0 0 auto;
}
.mode-card-cta:hover svg { transform: translateX(3px); }

/* --- Yan mini dekoratif kartlar --- */
.side-mini-card {
    width: 134px;
    flex: 0 0 134px;
    background: rgba(255,255,255,0.70);
    border: 1px solid rgba(122,36,44,0.09);
    border-radius: 20px;
    padding: 15px 13px;
    box-shadow:
        0 18px 48px rgba(31,24,25,0.10),
        0 0 0 1px rgba(255,255,255,0.48),
        inset 0 1px 0 rgba(255,255,255,0.92);
    backdrop-filter: none;
    pointer-events: none;
    user-select: none;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}
@media (max-width: 1100px) { .side-mini-card { display: none; } }

.mini-score-num {
    font-size: 26px;
    font-weight: 820;
    color: #1a1213;
    letter-spacing: -0.022em;
    line-height: 1;
}
.mini-score-label {
    font-size: 11px;
    color: #22c55e;
    font-weight: 720;
    margin-bottom: 9px;
    margin-top: 1px;
}
.mini-legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10.5px;
    color: #5a5355;
    font-weight: 500;
    margin-top: 4px;
}
.mini-legend-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex: 0 0 auto;
}
.mini-sparkline {
    width: 100%;
    height: 42px;
    display: block;
    margin-bottom: 7px;
}
.mini-big-label {
    font-size: 9.5px;
    color: #8a8285;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.mini-big-num {
    font-size: 19px;
    font-weight: 820;
    color: #1a1213;
    letter-spacing: -0.018em;
    line-height: 1.1;
}
.mini-big-sublabel {
    font-size: 10px;
    color: #7a7375;
    font-weight: 500;
    margin-top: 1px;
}

/* --- İstatistik şeridi --- */
.stat-strip {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px;
    width: 100%;
    max-width: 1040px;
    margin-bottom: 0;
}
.stat-card {
    min-height: 78px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(122,36,44,0.09);
    border-radius: 18px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    gap: 11px;
    box-shadow:
        0 14px 34px rgba(31,24,25,0.075),
        0 0 0 1px rgba(255,255,255,0.45),
        inset 0 1px 0 rgba(255,255,255,0.92);
    backdrop-filter: none;
}
.stat-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(122,36,44,0.08);
    border: 1px solid rgba(122,36,44,0.12);
    flex: 0 0 auto;
    color: #842631;
}
.stat-icon-wrap svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.stat-num {
    font-size: 22px;
    font-weight: 820;
    color: #1a1213;
    letter-spacing: -0.016em;
    line-height: 1;
    font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
}
.stat-label {
    font-size: 11px;
    color: #7a7375;
    margin-top: 2px;
    font-weight: 500;
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
}

/* --- Veri status kartı — landing içinde kompakt --- */
.mod-secim .veri-yukleme {
    display: none !important;
}

/* --- Responsive --- */
@media (max-width: 900px) {
    .mode-cards-row { flex-direction: column; align-items: center; max-width: 440px; }
    .mode-card-3d  { max-width: 100%; }
    .stat-strip    { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 720px) {
    .hero-title  { font-size: 34px; }
    .landing-inner { padding: 18px 16px 24px; }
    .mode-stage  { flex-direction: column; }
    .stat-strip  { grid-template-columns: 1fr 1fr; gap: 8px; }
    .mini-ui-panel { padding: 10px; }
}
/* 1366x768: vertical kompaktlık */
@media (max-height: 800px) {
    .landing-inner   { padding-top: 22px; padding-bottom: 22px; }
    .hero-text-area  { margin-bottom: 20px; }
    .hero-title      { font-size: clamp(38px, 4.2vw, 56px); margin-bottom: 10px; }
    .hero-subtitle   { font-size: 15px; margin-bottom: 12px; }
    .mode-stage      { margin-bottom: 18px; }
    .mode-card-3d    { min-height: 350px; padding: 22px 22px 18px; border-radius: 24px; }
    .mini-ui-panel   { padding: 12px; margin-bottom: 12px; }
    .mode-card-cta   { min-height: 42px; font-size: 13.5px; }
    .stat-card       { min-height: 66px; padding: 12px 14px; }
    .stat-icon-wrap  { width: 32px; height: 32px; }
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
    .mode-card-3d,
    .mode-card-3d:hover,
    .mode-card-cta:hover,
    .mod-tab:hover,
    .yardim-btn:hover {
        transform: none !important;
    }
}

/* ============================================================
   UZMAN FİLTRE PANELİ — MODÜLER KUTULAR
   ============================================================ */
#uzman-uygulama .uzman-panel-v5 {
    --panel-bg: #f6f2f1;
    --panel-card: #ffffff;
    --panel-border: rgba(63, 48, 51, 0.105);
    --panel-muted: #756b6e;
    --panel-text: #171112;
    --panel-bordo: #982638;
    --panel-bordo-koyu: #7a242c;
    border-right: 0;
    font-family: "Inter","SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;
}

/* Sonuç alanının beyaz kaplaması da kalksın — gradient her yerde görünür */
#uzman-uygulama .ana-panel { background: transparent !important; padding-left: 16px !important; padding-right: 16px !important; }
/* Araç çubuğu + tablo kartı da cam — gradient görünür, tüm konteynerler aynı 18px radius */
#uzman-uygulama .results-summary-card,
#uzman-uygulama .table-card {
    -webkit-backdrop-filter: saturate(160%) blur(16px);
}

/* Araç çubuğu (Dışa Aktar menüsü) tablo kartının üstünde kalsın — cam backdrop stacking context'i nedeniyle */



/* Filtreler tek cam konteyner içinde — panelin beyaz kaplaması kaldırıldı, gradient görünür */
#uzman-uygulama .uzman-filtre-kutu {
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 18px;
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    padding: 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
}

#uzman-uygulama .uzman-panel-v5 .uzman-filtre-baslik {
    display: flex;
    justify-content: space-between;
}





#uzman-uygulama .uzman-panel-v5 .panel-mini-not {
    display: inline-flex;
    align-items: center;
}

#uzman-uygulama .uzman-panel-v5 .uzman-filter-card {
    background: var(--panel-card);
    border: 1px solid var(--panel-border);
    box-shadow:
        0 18px 44px rgba(31,24,25,0.065),
        inset 0 1px 0 rgba(255,255,255,0.96);
}

#uzman-uygulama .uzman-panel-v5 .uzman-card-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#uzman-uygulama .uzman-panel-v5 .uzman-card-title h4,
#uzman-uygulama .uzman-panel-v5 .quick-box-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--panel-text);
    font-size: 15px;
    font-weight: 760;
    letter-spacing: -0.018em;
}

#uzman-uygulama .uzman-panel-v5 .uzman-card-title p,
#uzman-uygulama .uzman-panel-v5 .yardimci-metin {
    color: var(--panel-muted);
    font-size: 12.5px;
    line-height: 1.45;
}

#uzman-uygulama .uzman-panel-v5 .kart-ikon,
#uzman-uygulama .uzman-panel-v5 .quick-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: var(--panel-bordo);
    font-size: 0; /* hide Unicode content — icon comes from ::before SVG mask only */
    line-height: 1;
}

/* ::before SVG ikon ölçeği */
#uzman-uygulama .uzman-panel-v5 .kart-ikon::before {
    width: 14px;
    height: 14px;
}

/* quick-icon uses the same SVG mask system as kart-ikon */
#uzman-uygulama .uzman-panel-v5 .quick-icon::before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background: currentColor;
    -webkit-mask: var(--ui-icon) center / contain no-repeat;
    mask: var(--ui-icon) center / contain no-repeat;
}

/* SVG icon assignments for each quick-filter-box */
.quick-box-search .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");
}
.quick-box-city .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.quick-box-score .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}
.quick-box-type .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V7l8-4 8 4v14M9 21v-6h6v6M9 9h1M14 9h1M9 13h1M14 13h1'/%3E%3C/svg%3E");
}
.quick-box-candidate .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E");
}
.quick-box-rank .quick-icon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16M4 15h16M10 3l-3 18M17 3l-3 18'/%3E%3C/svg%3E");
}

#uzman-uygulama .uzman-panel-v5 .uzman-quick-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 2fr)
        minmax(0, 1fr);
    align-items: stretch;
}

#uzman-uygulama .uzman-panel-v5 .quick-filter-box {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(63,48,51,0.095);
    background: #fff;
    box-shadow:
        0 12px 30px rgba(31,24,25,0.055),
        inset 0 1px 0 rgba(255,255,255,0.98);
}

#uzman-uygulama .uzman-panel-v5 .quick-filter-box .filtre-grup {
    margin: 0;
}



#uzman-uygulama .uzman-panel-v5 input[type="text"],
#uzman-uygulama .uzman-panel-v5 input[type="number"],
#uzman-uygulama .uzman-panel-v5 select {
    width: 100%;
    min-width: 0;
    color: var(--panel-text);
    font-weight: 520;
}

#uzman-uygulama .uzman-panel-v5 input::placeholder {
    color: #6e6466;
}

#uzman-uygulama .uzman-panel-v5 input:focus,
#uzman-uygulama .uzman-panel-v5 select:focus {
    border-color: rgba(122,36,44,0.45);
    box-shadow: 0 0 0 4px rgba(122,36,44,0.085), inset 0 1px 0 rgba(255,255,255,0.95);
}

#uzman-uygulama .uzman-panel-v5 .hizli-arama-wrap {
    position: relative;
}

#uzman-uygulama .uzman-panel-v5 .hizli-arama-wrap::before {
    content: "";
    position: absolute;
    left: 16px;
    top: 50%;
    width: 14px;
    height: 14px;
    border: 2px solid #8f8588;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
}

#uzman-uygulama .uzman-panel-v5 .hizli-arama-wrap::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 30px;
    width: 8px;
    height: 2px;
    background: #8f8588;
    transform: rotate(45deg);
    border-radius: 999px;
    z-index: 1;
    pointer-events: none;
}

#uzman-uygulama .uzman-panel-v5 .hizli-arama-wrap input {
    padding-left: 42px;
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim {
    display: flex;
    align-items: center;
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim label {
    margin: 0;
    display: inline-flex;
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim span,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn,
#uzman-uygulama .uzman-panel-v5 .hazir-secimler .preset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid rgba(63,48,51,0.13);
    background: #fff;
    color: #2b2224;
    font-weight: 690;
    line-height: 1.1;
    box-shadow: 0 5px 16px rgba(31,24,25,0.035);
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim span:hover,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn:hover,
#uzman-uygulama .uzman-panel-v5 .hazir-secimler .preset-btn:hover {
    border-color: rgba(122,36,44,0.24);
    transform: translateY(-1px);
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn.aktif,
#uzman-uygulama .uzman-panel-v5 .preset-btn.aktif {
    background: linear-gradient(180deg, #a42b3d 0%, var(--panel-bordo-koyu) 100%);
    border-color: rgba(122,36,44,0.88);
    color: #fff;
    box-shadow: 0 10px 22px rgba(122,36,44,0.20);
}

#uzman-uygulama .uzman-panel-v5 .quick-actions {
    justify-content: center;
    gap: 8px;
}

#uzman-uygulama .uzman-panel-v5 .quick-actions .quick-box-title {
    display: none;
}

#uzman-uygulama .uzman-panel-v5 .filtre-buton {
    width: 100%;
    border: 1px solid rgba(122,36,44,0.82);
    background: linear-gradient(180deg, #a42b3d 0%, var(--panel-bordo-koyu) 100%);
    color: #fff;
}





#uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

/* 6 kart × 3 kolon = 2 simetrik satır; hepsi tek kolon kaplar */
#uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid > .uzman-filter-card {
    grid-column: span 1;
}

#uzman-uygulama .uzman-panel-v5 .uzman-filter-card {
    min-width: 0;
}

/* Birleşik kartlarda alt başlık + dikey akış */
#uzman-uygulama .uzman-panel-v5 .card-uniduzey,
#uzman-uygulama .uzman-panel-v5 .card-ogretimdil {
    display: flex;
    flex-direction: column;
}
.kart-altbaslik {
    font-size: 10px;
    font-weight: 780;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #9a8f91;
    margin: 10px 0 6px;
}
.kart-altbaslik:first-of-type { margin-top: 2px; }
/* Birleşik Üniversite kartındaki Beykoz kısayolu — kompakt çip */
.beykoz-btn.uni-beykoz-btn {
    width: auto;
    flex: 0 0 auto;
    align-self: flex-start;
    min-height: 32px;
    margin-top: 12px;
    padding: 0 16px;
    font-size: 12px;
}
.beykoz-btn.uni-beykoz-btn .wrapper { padding: 0; }

/* ============================================================
   TERCİH ARAMA FİLTRE PANELİ — v6 (3 numaralı bölüm)
   Bölüm 1 Arama ve Konum · Bölüm 2 Kategori · Bölüm 3 Detaylı
   ============================================================ */
#uzman-uygulama .uzman-panel-v5 .uzman-filtre-v6 {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.uzman-filtre-v6 .uzman-bolum {
    background: rgba(255,255,255,0.52);
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 16px;
    backdrop-filter: saturate(160%) blur(16px);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    padding: 14px 18px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 6px 22px rgba(31,24,25,0.06);
    transition: box-shadow 0.18s ease;
}
.uzman-filtre-v6 .uzman-bolum.kapali:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 8px 26px rgba(122,36,44,0.10);
}
.uzman-filtre-v6 .uzman-bolum-bas {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}
.uzman-filtre-v6 .uzman-bolum.kapali .uzman-bolum-bas:hover .uzman-bolum-metin h4 { color: #7a242c; }
.uzman-filtre-v6 .uzman-bolum-no {
    flex: 0 0 auto;
    width: 27px; height: 27px;
    border-radius: 8px;
    background: linear-gradient(180deg,#a8313c,#7a242c);
    color: #fff;
    font-size: 14px; font-weight: 800;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 14px -6px rgba(122,36,44,0.55);
}
/* Numarasız ikon badge — dört bölüm başlığında da AYNI (boyut/biçim/renk standardı) */
.uzman-filtre-v6 .uzman-bolum-ikon {
    flex: 0 0 auto;
    width: 30px; height: 30px;
    border-radius: 9px;
    background: linear-gradient(180deg,#a8313c,#7a242c);
    box-shadow: 0 6px 14px -6px rgba(122,36,44,0.55);
    display: inline-flex; align-items: center; justify-content: center;
}
.uzman-filtre-v6 .uzman-bolum-ikon::before {
    content: "";
    width: 16px; height: 16px;
    background: #fff;
    -webkit-mask: var(--ui-icon) center / contain no-repeat;
    mask: var(--ui-icon) center / contain no-repeat;
}
.bolum-ik-arama    { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.bolum-ik-kategori { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E"); }
.bolum-ik-detay    { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3'/%3E%3Cpath d='M2 14h4M10 8h4M18 16h4'/%3E%3C/svg%3E"); }
.bolum-ik-aday     { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E"); }
/* Aday başlığı diğer üç bölümle BİREBİR aynı font/boyut (card-title h4 kuralını ez) */
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .uzman-bolum-metin h4 {
    margin: 0;
    font-size: 14px; font-weight: 800; color: #1f191a; line-height: 1.2;
    display: block;
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .uzman-bolum-metin p {
    margin: 2px 0 0;
    font-size: 11.5px; font-weight: 400; color: #8a8082; line-height: 1.25;
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .uzman-card-title { gap: 12px; }
.uzman-filtre-v6 .uzman-bolum-metin h4 {
    margin: 0;
    font-size: 14px; font-weight: 800; color: #1f191a; line-height: 1.2;
    display: block;
}
.uzman-filtre-v6 .uzman-bolum-metin p {
    margin: 2px 0 0;
    font-size: 11.5px; color: #8a8082; line-height: 1.25;
}
/* Akordeon — chevron + kapalı durum */
.uzman-filtre-v6 .uzman-bolum-chevron {
    margin-left: auto;
    flex: 0 0 auto;
    color: #9b2132;
    display: flex; align-items: center;
    transition: transform 0.2s ease;
}
.uzman-filtre-v6 .uzman-bolum.kapali .uzman-bolum-chevron { transform: rotate(-90deg); }
.uzman-filtre-v6 .uzman-bolum.kapali .uzman-bolum-bas { margin-bottom: 0; }
.uzman-filtre-v6 .uzman-bolum.kapali .uzman-bolum-icerik { display: none; }
.uzman-filtre-v6 .uzman-bolum-bas:focus-visible {
    outline: 2px solid rgba(155,33,50,0.5);
    outline-offset: 3px;
    border-radius: 8px;
}

/* Bölüm 1 — Arama ve Konum: 3 eşit-yükseklik alan */
.uzman-filtre-v6 .bolum-konum {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr;
    gap: 14px;
    align-items: end;
}
.uzman-filtre-v6 .bolum-konum .filtre-grup { margin: 0; min-width: 0; }
.uzman-filtre-v6 .bolum-konum #uzman-arama,
.uzman-filtre-v6 .bolum-konum .ogr-dropdown-btn,
.uzman-filtre-v6 .bolum-konum .uzman-uni-select {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
}
.uzman-filtre-v6 .uzman-uni-select {
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 12px;
    background: rgba(255,255,255,0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: #2f2627;
    font-size: 13.5px;
    padding: 0 14px;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
.uzman-filtre-v6 .uzman-uni-select:focus {
    outline: none;
    border-color: rgba(155,33,50,0.55);
    box-shadow: 0 0 0 3px rgba(155,33,50,0.10);
}
/* İçteki alanlar — frosted cam uyumlu (arama, sayı kutuları, şehir butonu) */
.uzman-filtre-v6 .hizli-arama-wrap input,
.uzman-filtre-v6 input[type="number"],
.uzman-filtre-v6 .ogr-dropdown-btn {
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}
.uzman-filtre-v6 .hizli-arama-wrap input:focus,
.uzman-filtre-v6 input[type="number"]:focus,
.uzman-filtre-v6 .ogr-dropdown-btn:focus {
    border-color: rgba(155,33,50,0.5);
    box-shadow: 0 0 0 3px rgba(155,33,50,0.10);
}
/* Bölüm 2 & 3 — ayrı cam kutucuklar (boşluklu) */
.uzman-filtre-v6 .bolum-kategori,
.uzman-filtre-v6 .bolum-detay {
    display: grid;
    gap: 0;
    align-items: stretch;
}
.uzman-filtre-v6 .bolum-kategori { grid-template-columns: repeat(5, minmax(0,1fr)); }
.uzman-filtre-v6 .bolum-detay { grid-template-columns: 1.5fr 1fr 1.15fr 1.2fr; }
/* Tek cam bölüm içinde gruplar: görünür ince ayraç + boşluk */
.uzman-filtre-v6 .filtre-oge {
    padding: 0 20px;
    border-right: 1px solid rgba(122,36,44,0.13);
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.uzman-filtre-v6 .filtre-oge:first-child { padding-left: 0; }
.uzman-filtre-v6 .filtre-oge:last-child { padding-right: 0; border-right: none; }

/* Grup başlığı + küçük ikon */
.uzman-filtre-v6 .grup-baslik {
    display: flex; align-items: center; gap: 7px;
    font-size: 11px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase;
    color: #9a7a7e;
    margin-bottom: 11px;
}
.uzman-filtre-v6 .grup-ikon {
    width: 15px; height: 15px; flex: 0 0 auto;
    background: #9b2132;
    -webkit-mask: var(--ui-icon) center / contain no-repeat;
    mask: var(--ui-icon) center / contain no-repeat;
}
.grup-score   .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E"); }
.grup-table   .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M9 4v16M15 4v16'/%3E%3C/svg%3E"); }
.grup-type    .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4 21V7l8-4 8 4v14M9 21v-6h6v6M9 9h1M14 9h1M9 13h1M14 13h1'/%3E%3C/svg%3E"); }
.grup-education .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10 12 5 2 10l10 5 10-5z'/%3E%3Cpath d='M6 12v5c2 2 10 2 12 0v-5'/%3E%3C/svg%3E"); }
.grup-language .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/%3E%3C/svg%3E"); }
.grup-fee     .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.3'/%3E%3C/svg%3E"); }
.grup-ranges  .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3'/%3E%3Cpath d='M2 14h4M10 8h4M18 16h4'/%3E%3C/svg%3E"); }
.grup-options .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='17' r='2'/%3E%3C/svg%3E"); }
.grup-beykoz  .grup-ikon { --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E"); }

/* Burs/Ücret ve Aralıklar kart-içi düzenleri (grup içinde) */
.uzman-filtre-v6 .filtre-oge .kart-aralik { margin-top: 12px; }
.uzman-filtre-v6 .filtre-oge .ranges-grid-puan { margin-top: 0; }

/* Beykoz'a Özel — kırmızı buton, üstte hizalı, makul boy (kolonu ezmez) */
#uzman-uygulama .uzman-panel-v5 .grup-beykoz .beykoz-btn {
    width: 100%;
    flex: 0 0 auto !important;
    min-height: 40px !important;
    height: 40px;
    font-size: 12.5px;
    margin-top: 0;
    align-self: flex-start;
}

/* Filtreleri Sıfırla — ince, ortalanmış ghost buton */
.uzman-filtre-v6 .uzman-sifirla-tam {
    width: auto;
    align-self: center;
    margin: 2px auto 0;
    min-height: 36px;
    padding: 0 22px;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    font-size: 12.5px; font-weight: 700;
    background: rgba(255,255,255,0.4);
    border: 1px solid rgba(122,36,44,0.16);
    color: #7a242c;
}
.uzman-filtre-v6 .uzman-sifirla-tam:hover {
    background: rgba(122,36,44,0.06);
    border-color: rgba(122,36,44,0.28);
}
.uzman-filtre-v6 .sifirla-ikon {
    background: currentColor;
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");
}

/* Mobil — bölümler ve gruplar tek kolona iner; dikey ayraç → üst ayraç */
@media (max-width: 820px) {
    .uzman-filtre-v6 .bolum-konum { grid-template-columns: 1fr; }
    .uzman-filtre-v6 .bolum-kategori,
    .uzman-filtre-v6 .bolum-detay { grid-template-columns: 1fr; }
    .uzman-filtre-v6 .filtre-oge {
        padding: 14px 0 0;
        border-right: none;
        border-top: 1px solid rgba(255,255,255,0.55);
        margin-top: 14px;
    }
    .uzman-filtre-v6 .filtre-oge:first-child {
        padding-top: 0; border-top: none; margin-top: 0;
    }
}

/* Aday Değerlendirmesi — filtrelerin altında ayrı container */
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme {
    margin-top: 0;
    padding: 13px 18px;
    border-radius: 16px;
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    backdrop-filter: saturate(160%) blur(16px);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme select,
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme input {
    background: rgba(255,255,255,0.55);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .uzman-card-title {
    margin-bottom: 11px;
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .uzman-card-title:hover h4 { color: #7a242c; }
.uzman-aday-degerlendirme .aday-chevron {
    margin-left: auto;
    flex: 0 0 auto;
    color: #9b2132;
    display: flex; align-items: center;
    transition: transform 0.2s ease;
}
.uzman-aday-degerlendirme.kapali .aday-chevron { transform: rotate(-90deg); }
.uzman-aday-degerlendirme.kapali .uzman-card-title { margin-bottom: 0; }
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme.kapali .aday-degerlendirme-grid,
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme.kapali .yardimci-metin { display: none; }
#uzman-uygulama .uzman-panel-v5 .aday-degerlendirme-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr);
    gap: 12px;
    align-items: end;
}
#uzman-uygulama .uzman-panel-v5 .aday-degerlendirme-grid .filtre-grup {
    margin: 0;
}
#uzman-uygulama .uzman-panel-v5 .uzman-aday-degerlendirme .yardimci-metin {
    margin: 10px 0 0;
}
.kart-ikon-aday {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 20V10M12 20V4M6 20v-6'/%3E%3C/svg%3E");
}
@media (max-width: 760px) {
    #uzman-uygulama .uzman-panel-v5 .aday-degerlendirme-grid {
        grid-template-columns: 1fr;
    }
}





#uzman-uygulama .uzman-panel-v5 .kart-aralik {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#uzman-uygulama .uzman-panel-v5 .acik-kapa {
    display: flex;
}









#uzman-uygulama .uzman-panel-v5 .hazir-secimler {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

#uzman-uygulama .uzman-panel-v5 .hazir-secimler .preset-btn {
    width: 100%;
    min-height: 44px;
    white-space: normal;
    text-align: center;
    color: var(--panel-bordo);
    border-color: rgba(122,36,44,0.18);
}

/* Beykoz kartı ikonu */
.card-beykoz .kart-ikon {
    --ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.477 12.89 17 22l-5-3-5 3 1.523-9.11'/%3E%3C/svg%3E");
}

/* Beykoz özel butonlar container */
.beykoz-ozel-butonlar {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

/* Base beykoz button */
.beykoz-btn {
    width: 100%;
    flex: 1;
    min-height: 44px;
    border-radius: 12px;
    font-size: 13.5px;
    font-weight: 740;
    letter-spacing: -0.01em;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Beykoz Rakip Analizi — pulsing border glow */


@keyframes bykzPulse {
    0%, 100% {
        border-color: rgba(122,36,44,0.20);
        box-shadow: 0 3px 12px rgba(122,36,44,0.07);
    }
    50% {
        border-color: rgba(122,36,44,0.62);
        box-shadow: 0 4px 18px rgba(122,36,44,0.18), 0 0 0 3px rgba(122,36,44,0.07);
    }
}

.beykoz-btn-rakip:hover {
    animation: none;
}



@media (max-width: 1100px) {
    #uzman-uygulama .uzman-panel-v5 .uzman-quick-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    #uzman-uygulama .uzman-panel-v5 .quick-box-search {
        grid-column: span 2;
    }
    #uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    #uzman-uygulama .uzman-panel-v5 {
        padding: 22px 16px 16px;
    }
    #uzman-uygulama .uzman-panel-v5 .uzman-filtre-baslik {
        flex-direction: column;
    }
    #uzman-uygulama .uzman-panel-v5 .uzman-quick-grid,
    #uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid,
    #uzman-uygulama .uzman-panel-v5 .ranges-grid,
    #uzman-uygulama .uzman-panel-v5 .kart-aralik,
    #uzman-uygulama .uzman-panel-v5 .hazir-secimler {
        grid-template-columns: 1fr;
    }
    #uzman-uygulama .uzman-panel-v5 .quick-box-search,
    #uzman-uygulama .uzman-panel-v5 .card-ranges,
    #uzman-uygulama .uzman-panel-v5 .card-beykoz,
    #uzman-uygulama .uzman-panel-v5 .card-actions {
        grid-column: span 1;
    }
    #uzman-uygulama .uzman-panel-v5 .quick-filter-box {
        min-height: auto;
    }
}

/* ================================================================
   ÖLÇEK AYARI
   ================================================================ */


#uzman-uygulama .uzman-panel-v5 h3 {
    margin-top: 3px;
}



#uzman-uygulama .uzman-panel-v5 .quick-filter-box {
    padding: 10px 11px;
    gap: 7px;
    border-radius: 13px;
}
#uzman-uygulama .uzman-panel-v5 .quick-box-title,
#uzman-uygulama .uzman-panel-v5 .uzman-card-title h4 {
    font-size: 12.5px;
    gap: 7px;
}




#uzman-uygulama .uzman-panel-v5 .coklu-secim span,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn,
#uzman-uygulama .uzman-panel-v5 .hazir-secimler .preset-btn {
    min-height: 29px;
    padding: 0 9px;
    font-size: 11.5px;
}
#uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}
#uzman-uygulama .uzman-panel-v5 .uzman-filter-card {
    padding: 11px 13px;
    border-radius: 15px;
}



#uzman-uygulama .uzman-panel-v5 .acik-kapa {
    margin-bottom: 7px;
}
#uzman-uygulama .uzman-panel-v5 .kart-aralik {
    gap: 7px;
    margin-top: 7px;
}





/* ================================================================
   ÖĞRENCİ FİLTRE PANELİ — GÖRÜNÜM İYİLEŞTİRME
   ================================================================ */
#ogrenci-filtre {
    font-family: "Inter","SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;
}

#ogrenci-filtre h3 {
    padding-bottom: 0;
}

#ogrenci-filtre .filtre-grup label {
    font-size: 10px;
    font-weight: 780;
    color: #5a5254;
    letter-spacing: 0.06em;
    margin-bottom: 5px;
}

#ogrenci-filtre input[type="text"],
#ogrenci-filtre input[type="number"],
#ogrenci-filtre select {
    height: 36px;
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 1px 3px rgba(31,24,25,0.04);
}

#ogrenci-filtre input[type="text"]:focus,
#ogrenci-filtre input[type="number"]:focus,
#ogrenci-filtre select:focus {
    border-color: rgba(122,36,44,0.45);
    box-shadow: 0 0 0 3px rgba(122,36,44,0.09), inset 0 1px 0 rgba(255,255,255,0.9);
    outline: none;
}

#ogrenci-filtre .tab-buton-grup .tab-btn {
    height: 30px;
    min-width: 36px;
}



#ogrenci-filtre .toggle-grup input + .toggle-track {
    background: #d4cfd0;
}

#ogrenci-filtre .filtre-buton {
    height: 36px;
    border-radius: 10px;
    font-size: 13px;
    background: linear-gradient(180deg, #a42b3d 0%, #7a242c 100%);
    border: none;
    color: #fff;
    font-weight: 720;
    box-shadow: 0 6px 18px rgba(122,36,44,0.22);
    transition: transform 0.16s, box-shadow 0.16s;
    cursor: pointer;
}

#ogrenci-filtre .filtre-buton:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(122,36,44,0.30);
}

#ogrenci-filtre .filtre-buton.silik {
    background: #fff;
    color: #3a3133;
    border: 1px solid rgba(63,48,51,0.15);
    box-shadow: 0 2px 8px rgba(31,24,25,0.05);
}

/* ================================================================
   UZMAN FİLTRE PANELİ — GÖRÜNÜM RÖTUŞLARI
   ================================================================ */

/* ── PANEL ZEMİN ────────────────────────────────────────────── */


/* ── BAŞLIK BLOĞU ───────────────────────────────────────────── */





/* ── BADGE (2025 ÖSYM verisi) ───────────────────────────────── */


/* ── ÜSTT GRID ──────────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .uzman-quick-grid {
    gap: 7px;
    margin-bottom: 7px;
}

/* ── KARTLAR — ortak stil (quick + advanced) ────────────────── */


/* ── KART BAŞLIĞI ───────────────────────────────────────────── */

#uzman-uygulama .uzman-panel-v5 .uzman-card-title {
    gap: 7px;
}


/* ── İKON ROZETİ ────────────────────────────────────────────── */



/* ── FIELD LABEL ────────────────────────────────────────────── */


/* ── YARDIMCI METİN ─────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .yardimci-metin {
    font-size: 10.5px;
    color: #9e979a;
    line-height: 1.44;
    margin-top: 7px;
    font-weight: 430;
}

/* ── INPUT / SELECT ─────────────────────────────────────────── */



/* ── CHİPLER / PİLL SEÇENEKLER ─────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .coklu-secim {
    gap: 8px;
    flex-wrap: wrap;
}

#uzman-uygulama .uzman-panel-v5 .coklu-secim span:hover,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn:hover {
    transform: none;
}


/* ── ADVANCED GRID ──────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid {
    gap: 9px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* ── EYLEM KARTI ────────────────────────────────────────────── */



/* ── ANA BUTON (Filtreleri Uygula) ──────────────────────────── */





/* Toggle (Diğer Seçimler) */



/* Temiz yuvarlak knob — çentik, tik, ikon YOK */




/* ── ARALIKLAR KARTI ────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .card-ranges {
    grid-column: span 2;
}
#uzman-uygulama .uzman-panel-v5 .ranges-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 4px;
}
#uzman-uygulama .uzman-panel-v5 .ranges-grid .filtre-grup {
    margin: 0;
}
#uzman-uygulama .uzman-panel-v5 .ranges-grid .filtre-grup label {
    font-size: 9px;
    letter-spacing: 0.05em;
}

/* ── BEYKOZ KARTI ───────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .card-beykoz {
    justify-content: space-between;
}
#uzman-uygulama .uzman-panel-v5 .beykoz-ozel-butonlar {
    display: flex;
    flex-direction: column;
    gap: 7px;
    flex: 1;
    justify-content: center;
}


/* ── SONUÇ ARAÇ ÇUBUĞU ──────────────────────────────────────── */









/* ================================================================
   UZMAN FİLTRE PANELİ — İNCE AYARLAR
   ================================================================ */

/* ── Aralıklar: kontenjan kaldırıldı, sadece puan → 2 sütun ── */
#uzman-uygulama .uzman-panel-v5 .ranges-grid-puan {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

/* Kartlar: gölge + hafif cam efekti */
#uzman-uygulama .uzman-panel-v5 .quick-filter-box,
#uzman-uygulama .uzman-panel-v5 .uzman-filter-card {
    background: #ffffff;
    border: 1px solid rgba(48,32,35,0.072);
    border-radius: 16px;
    box-shadow:
        0 1px 1px rgba(31,24,25,0.025),
        0 2px 6px rgba(31,24,25,0.038),
        0 6px 18px rgba(31,24,25,0.032),
        inset 0 1px 0 rgba(255,255,255,1);
    padding: 13px 14px;
}

/* ── Panel arka plan: şeffaf — gradient görünsün, beyaz kaplama yok ─── */
#uzman-uygulama .uzman-panel-v5 {
    background: transparent;
}

/* ── Başlık bloğu: nefes alanı ve ritim ────────────────────── */
#uzman-uygulama .uzman-panel-v5 .uzman-filtre-baslik {
    border-bottom: 1px solid rgba(48,32,35,0.07);
    align-items: flex-start;
}
#uzman-uygulama .uzman-panel-v5 .panel-eyebrow {
    font-size: 9.5px;
    letter-spacing: 0.16em;
    font-weight: 760;
    color: #8b2434;
    opacity: 1;
    display: block;
    margin-bottom: 3px;
    text-transform: uppercase;
}
#uzman-uygulama .uzman-panel-v5 h3 {
    color: #110e0f;
}
#uzman-uygulama .uzman-panel-v5 .filtre-subtitle {
    line-height: 1.45;
    margin: 0;
    letter-spacing: 0;
}
#uzman-uygulama .uzman-panel-v5 .panel-mini-not {
    gap: 5px;
    white-space: nowrap;
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 8px;
}

/* ── İkon rozeti: daha yumuşak, kare-yuvarlak ──────────────── */
#uzman-uygulama .uzman-panel-v5 .kart-ikon,
#uzman-uygulama .uzman-panel-v5 .quick-icon {
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background: rgba(122,36,44,0.055);
    border: 1px solid rgba(122,36,44,0.085);
    flex-shrink: 0;
    box-shadow: none;
}
#uzman-uygulama .uzman-panel-v5 .kart-ikon::before,
#uzman-uygulama .uzman-panel-v5 .quick-icon::before {
    width: 11px;
    height: 11px;
}

/* ── Kart başlıkları: daha okunaklı ────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .quick-box-title {
    font-size: 11.5px;
    font-weight: 690;
    color: #2a2224;
    gap: 7px;
    letter-spacing: -0.01em;
    margin-bottom: 7px;
}
#uzman-uygulama .uzman-panel-v5 .uzman-card-title h4 {
    font-size: 12px;
    font-weight: 710;
    color: #2a2224;
    gap: 7px;
    letter-spacing: -0.01em;
}
#uzman-uygulama .uzman-panel-v5 .uzman-card-title {
    margin-bottom: 10px;
}

/* ── Field label: ultra-muted ───────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .filtre-grup label {
    font-size: 9px;
    font-weight: 760;
    color: #8a8082;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin-bottom: 4px;
    display: block;
}

/* Input / select görünümü */
#uzman-uygulama .uzman-panel-v5 input[type="text"],
#uzman-uygulama .uzman-panel-v5 input[type="number"],
#uzman-uygulama .uzman-panel-v5 select {
    height: 34px;
    border-radius: 8px;
    font-size: 12.5px;
    padding: 0 10px;
    border: 1px solid rgba(48,32,35,0.12);
    background: #fdfcfc;
    box-shadow:
        inset 0 1px 2px rgba(31,24,25,0.04),
        inset 0 0 0 0 transparent;
    transition: border-color 0.14s, box-shadow 0.14s;
}
#uzman-uygulama .uzman-panel-v5 input[type="text"]:focus,
#uzman-uygulama .uzman-panel-v5 input[type="number"]:focus,
#uzman-uygulama .uzman-panel-v5 select:focus {
    border-color: rgba(122,36,44,0.38);
    box-shadow: 0 0 0 3px rgba(122,36,44,0.07), inset 0 1px 2px rgba(31,24,25,0.03);
    outline: none;
    background: #fff;
}

/* ── Chips: pill seçenekler ─────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .coklu-secim span,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn {
    min-height: 27px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 630;
    border-radius: 999px;
    border: 1px solid rgba(48,32,35,0.10);
    background: #f4f0f0;
    color: #3a3133;
    box-shadow: none;
    transition: background 0.13s, border-color 0.13s, color 0.13s;
}
#uzman-uygulama .uzman-panel-v5 .coklu-secim span:hover,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn:hover {
    background: #eae5e5;
    border-color: rgba(122,36,44,0.18);
}
#uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn.aktif {
    background: linear-gradient(175deg, #a83040 0%, #7a242c 100%);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 8px rgba(122,36,44,0.20);
}

/* ── Eylem kartı: ince, zarif ───────────────────────────────── */

#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton {
    min-height: 36px;
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton {
    min-height: 36px;
    border-radius: 9px;
    font-size: 12.5px;
    font-weight: 710;
    transition: transform 0.14s ease, box-shadow 0.14s ease;
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(122,36,44,0.22);
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton.silik {
    background: rgba(255,255,255,0.9);
    border-color: rgba(48,32,35,0.12);
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton.silik:hover {
    background: #f7f3f3;
    box-shadow: none;
    transform: none;
}

/* Toggle anahtarı */
#uzman-uygulama .uzman-panel-v5 .acik-kapa {
    min-height: 38px;
    padding: 6px 10px;
    border-radius: 9px;
    border: 1px solid rgba(48,32,35,0.08);
    background: #fdfcfc;
    font-size: 11.5px;
    font-weight: 510;
    gap: 10px;
    margin: 0 0 5px;
    color: #2a2224;
    align-items: center;
}
#uzman-uygulama .uzman-panel-v5 .acik-kapa:last-child { margin-bottom: 0; }
#uzman-uygulama .uzman-panel-v5 .acik-kapa .toggle-track {
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #cfc8c9;
    flex-shrink: 0;
    position: relative;
    transition: background 0.18s ease;
    box-shadow: none;
}
#uzman-uygulama .uzman-panel-v5 .acik-kapa .toggle-track::after {
    content: "" !important;
    position: absolute;
    top: 2px; left: 2px;
    width: 16px; height: 16px;
    background: #fff !important;
    background-image: none !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.14);
    transition: transform 0.18s ease;
}
#uzman-uygulama .uzman-panel-v5 .acik-kapa input:checked + .toggle-track {
    background: #982638;
}
#uzman-uygulama .uzman-panel-v5 .acik-kapa input:checked + .toggle-track::after {
    transform: translateX(14px);
    background-image: none !important;
}

/* ── Beykoz butonları ───────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .beykoz-btn {
    border-radius: 10px;
    font-size: 11.5px;
    font-weight: 700;
    flex: 1;
    letter-spacing: 0.01em;
}

/* ── Sonuç araç çubuğu ──────────────────────────────────────── */
#uzman-uygulama .uzman-toolbar {
    border-bottom: none;
    gap: 16px;
}
#uzman-uygulama .uzman-toolbar .sonuc-bilgi {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 90px;
}
#uzman-uygulama .uzman-toolbar .panel-eyebrow {
    font-size: 8.5px;
    letter-spacing: 0.16em;
    font-weight: 740;
    color: #b0a8a9;
    text-transform: uppercase;
    display: block;
    margin-bottom: 1px;
    opacity: 1;
}
#uzman-uygulama .uzman-toolbar .sonuc-bilgi > div {
    font-size: 22px;
    font-weight: 840;
    color: #110e0f;
    letter-spacing: -0.7px;
    line-height: 1.0;
}
#uzman-uygulama .uzman-toolbar .sonuc-bilgi strong {
    color: #8b2434;
    font-weight: 860;
}
#uzman-uygulama .uzman-toolbar #uzman-toplam-bilgi {
    font-size: 10.5px;
    color: #9a9092;
    font-weight: 430;
    margin-top: 2px;
    display: block;
}
#uzman-uygulama .uzman-toolbar .aktif-filtreler {
    flex: 1;
    min-width: 0;
}
#uzman-uygulama .uzman-toolbar .aksiyon-btn {
    height: 30px;
    font-size: 11px;
    border-radius: 7px;
    padding: 0 12px;
    font-weight: 650;
    border: 1px solid rgba(48,32,35,0.12);
    background: #f5f1f1;
    color: #2a2224;
    transition: background 0.13s;
}
#uzman-uygulama .uzman-toolbar .aksiyon-btn:hover {
    background: #eae5e5;
}
#uzman-uygulama .uzman-toolbar .aksiyon-btn.birincil {
    background: linear-gradient(175deg, #a42b3d 0%, #7a242c 100%);
    color: #fff;
    border-color: rgba(122,36,44,0.65);
    box-shadow: 0 3px 10px rgba(122,36,44,0.18);
}
#uzman-uygulama .uzman-toolbar .aksiyon-btn.birincil:hover {
    background: linear-gradient(175deg, #b13040 0%, #8a2830 100%);
    box-shadow: 0 5px 14px rgba(122,36,44,0.26);
}

/* ================================================================
   HEADER, AKSİYON KARTI VE TABLO RÖTUŞLARI
   ================================================================ */

/* Header: daha kompakt */
#uzman-uygulama .uzman-panel-v5 { padding: 16px 16px 12px; }
#uzman-uygulama .uzman-panel-v5 .uzman-filtre-baslik { padding: 0 0 10px; margin-bottom: 12px; }



/* Action card: kompakt ve orantili */
#uzman-uygulama .uzman-panel-v5 .card-actions {
    background: linear-gradient(145deg, #fdfbfb 0%, #f5f0f0 100%);
    border: 1px solid rgba(122,36,44,0.09);
    align-items: stretch;
}
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton,
#uzman-uygulama .uzman-panel-v5 .filtre-buton {
    min-height: 32px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
}
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton {
    padding: 0 8px;
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton {
    box-shadow: 0 2px 8px rgba(122,36,44,0.13);
}
#uzman-uygulama .uzman-panel-v5 .filtre-buton.silik {
    font-weight: 600;
    box-shadow: none;
    color: #5a4f52;
}

@keyframes bykzMetalGrad {
    0%, 100% { background-position: 0% 0%, 0% 0%; }
    50%       { background-position: 0% 100%, 0% 100%; }
}
@keyframes bykzMetalShine {
    0%        { left: -65%; opacity: 0; }
    15%       { opacity: 1; }
    55%       { left: 130%; opacity: 1; }
    65%, 100% { left: 130%; opacity: 0; }
}

/* Tablo görünümü */
table.veri-tablo {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: 13px;
}


table.veri-tablo tbody tr {
    transition: background 0.10s ease;
}
table.veri-tablo tbody tr:hover { cursor: pointer; }
table.veri-tablo tbody tr:last-child { border-bottom: none; }
table.veri-tablo tbody td {
    color: #2a2224;
}

table.veri-tablo tbody tr.row-beykoz:hover { background: rgba(122,36,44,0.065); }

/* Uzman tablo Liste sutunu */
.th-liste, .td-liste {
    width: 80px;
    min-width: 80px;
    text-align: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.td-liste .favori-btn {
    font-size: 10.5px;
    padding: 3px 7px;
    min-height: 22px;
    border-radius: 6px;
}

/* favori-btn görünümü */
.favori-btn {
    border: 1px solid rgba(63,48,51,0.12);
    background: #f4f0f0;
    color: #4a3f42;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.favori-btn:hover {
    background: #ebe5e5;
    border-color: rgba(122,36,44,0.20);
    color: #7a242c;
}
.favori-btn.aktif {
    background: linear-gradient(175deg, #a83040 0%, #7a242c 100%);
    color: #fff;
    border-color: rgba(122,36,44,0.72);
    box-shadow: 0 2px 8px rgba(122,36,44,0.20);
}

/* ── Footer: sayfa arka planıyla bütünleşik ─────────────────── */
.kaynak-notu {
    background: var(--renk-arka);
    border-top: 1px solid rgba(63,48,51,0.07);
    color: var(--renk-yazi-soluk);
    font-size: 11.5px;
    padding: 14px 24px;
}

/* ── Uzman tablosu thead sticky — yeniden etkinleştir ───────── */


/* Sütun başlıkları: sabit görünümlü */

table.veri-tablo thead th {
    background: linear-gradient(180deg, #f8f3f2 0%, #f2eceb 100%);
    border-top: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

table.veri-tablo thead th.sirali,
table.veri-tablo thead th.sirali.azalan {
    background: linear-gradient(180deg, #f0e8e8 0%, #e8dede 100%);
    color: #7a242c;
}
/* ================================================================
   ÖĞRENCİ MODU — TASARIM
   ================================================================ */

/* Panel arka planı uzman paneliyle aynı */


/* Eyebrow via ::before */
#ogrenci-filtre::before {
    content: "\D6\11Frenci Analiz Paneli";
    font-size: 10px;
    font-weight: 760;
    color: var(--panel-bordo, #982638);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 20px 20px 0;
    line-height: 1;
}

/* Panel başlığı */


/* Subtitle under title */
#ogrenci-filtre h3::after {
    content: "Puan\131n\131z\131 girin, size uygun programlar\131 ke\15Ffedin.";
    font-size: 11.5px;
    font-weight: 430;
    color: #938a8c;
    letter-spacing: 0;
    margin-top: 4px;
    margin-bottom: 12px;
}

/* Card-like filter groups */


/* Group labels as quick-box-title style */


/* Input ve selectler */
#ogrenci-filtre input[type="text"],
#ogrenci-filtre input[type="number"],
#ogrenci-filtre select {
    -webkit-appearance: none;
}
#ogrenci-filtre input[type="number"]:focus,
#ogrenci-filtre input[type="text"]:focus,
#ogrenci-filtre select:focus {
    border-color: rgba(122,36,44,0.45);
    box-shadow: 0 0 0 3px rgba(122,36,44,0.09);
    background: #fff;
}

/* Range inputs side-by-side */


/* Chip görünümlü sekme butonları */


#ogrenci-filtre .tab-buton-grup .tab-btn:hover {
    background: #ede5e3;
    border-color: rgba(122,36,44,0.25);
}


/* Aç/kapat anahtarı */








/* Action buttons card */

#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton {
    letter-spacing: 0.01em;
}





/* Sonuç araç çubuğu */

#ogrenci-uygulama .panel-ust .sonuc-bilgi strong {
    font-size: 15px;
    font-weight: 800;
    color: #1f1819;
}
#ogrenci-uygulama .panel-ust .aksiyon-btn {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 650;
    padding: 6px 13px;
    border: 1px solid rgba(63,48,51,0.14);
    background: #fff;
    color: #3a2f32;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
#ogrenci-uygulama .panel-ust .aksiyon-btn:hover {
    background: #f4efee;
    box-shadow: 0 1px 4px rgba(63,48,51,0.08);
}

/* ================================================================
   BEYKOZ — RAKİP BUTONU VE KART TONU
   ================================================================ */

/* Beykoz rakip button: overflow hidden for sheen */
.beykoz-btn-rakip {
    position: relative;
    overflow: hidden;
}

/* Rakip butonu: koyu bordo varyant */
.beykoz-btn-rakip {
    background-size: 100% 200%, 100% 200%;
}
.beykoz-btn-rakip::before {
    content: '';
    position: absolute;
    top: 0;
    left: -65%;
    width: 50%;
    height: 100%;
    background: linear-gradient(108deg, transparent 15%, rgba(255,255,255,0.26) 48%, rgba(255,255,255,0.14) 55%, transparent 70%);
    animation: bykzMetalShine 3.8s ease-in-out 0.7s infinite;
    pointer-events: none;
}


/* Beykoz filtre kartı */
.card-beykoz {
    border: 1px solid rgba(194,64,96,0.22) !important;
    background: linear-gradient(160deg, rgba(194,64,96,0.055) 0%, rgba(138,40,64,0.03) 100%),
                #ffffff !important;
    box-shadow: 0 1px 2px rgba(31,24,25,0.035), 0 4px 12px rgba(31,24,25,0.04),
                inset 0 1px 0 rgba(255,220,225,0.5) !important;
}
.card-beykoz .uzman-card-title h4 {
    color: #7a242c;
}

/* Reduced motion: stop all Beykoz animations */
@media (prefers-reduced-motion: reduce) {
    .beykoz-btn-rakip {
        animation: none !important;
    }
    .beykoz-btn-rakip::before {
        animation: none !important;
        display: none;
    }
    table.veri-tablo tbody tr.row-beykoz::before {
        animation: none !important;
    }
}

/* ================================================================
   BEYKOZ SATIR VURGUSU
   ================================================================ */

table.veri-tablo tbody tr.row-beykoz {
    background: linear-gradient(90deg, rgba(122,36,44,0.042) 0%, rgba(122,36,44,0.015) 40%, transparent 80%) !important;
}
table.veri-tablo tbody tr.row-beykoz::before {
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    background: linear-gradient(180deg, rgba(194,64,96,0.85) 0%, rgba(138,40,64,0.85) 100%);
    border-radius: 0 2px 2px 0;
    pointer-events: none;
}
@keyframes beykozRowBreath {
    0%,  100% { opacity: 0.5; }
    50%       { opacity: 1;   }
}

/* ================================================================
   STICKY OVERFLOW DÜZELTMESİ
   ================================================================ */

/* STICKY THEAD FIX:
   overflow:hidden on .tablo-konteyner kills position:sticky.
   overflow:clip visually clips content identically but does NOT
   create a scroll container, so sticky works correctly. */


/* Beykoz rakip butonu: beyaz pulsing stil */
.beykoz-btn-rakip {
    background: #fff !important;
    color: #7a242c !important;
    border: 1.5px solid rgba(122,36,44,0.28) !important;
    box-shadow: 0 3px 12px rgba(122,36,44,0.08) !important;
    animation: bykzPulse 3.2s ease-in-out infinite !important;
}
.beykoz-btn-rakip::before {
    display: none !important;
}
.beykoz-btn-rakip:hover {
    transform: translateY(-2px) !important;
    background: rgba(122,36,44,0.04) !important;
    border-color: rgba(122,36,44,0.72) !important;
    box-shadow: 0 8px 24px rgba(122,36,44,0.22) !important;
    opacity: 1 !important;
}

/* ================================================================
   ÇEŞİTLİ DÜZELTMELER
   ================================================================ */

/* 1. Pop filter -- hide scrollbar (allow scroll without visible bar) */
.filtre-paneli.filtre-pop {
    scrollbar-width: none;
}
.filtre-paneli.filtre-pop::-webkit-scrollbar {
    display: none !important;
}

/* 2. Remove horizontal separator lines in filter panels */
.filtre-paneli {
    border-bottom: 0 !important;
}
.filtre-paneli h3 {
    border-bottom: 0 !important;
}
.uzman-paneli {
    border-bottom: 0 !important;
}

/* Öğrenci sonuç paneli */



/* 4. Üst boşluk -- başlık bloğu kaldırıldı, filtrelerin üstünde dengeli nefes payı */
#uzman-uygulama .uzman-paneli {
    padding-top: 24px !important;
}


/* 5. Sticky thead inside favorites modal -- disable */
#karsilastirma-icerik table.veri-tablo thead {
    position: static !important;
    top: auto !important;
}
#karsilastirma-icerik table.veri-tablo thead th {
    position: static !important;
    top: auto !important;
}
/* Favorites list items -- align top so note input doesn't push content */
#karsilastirma-icerik .liste-satiri {
    align-items: start;
}

/* P4 — Tercih Listem modalı mobilde ferahlat: aksiyonları tam genişlik alt satıra al */
@media (max-width: 640px) {
    #karsilastirma-icerik .liste-satiri {
        grid-template-columns: 30px 1fr;
        column-gap: 10px;
        row-gap: 8px;
    }
    #karsilastirma-icerik .liste-satiri .tercih-satir-aksiyon {
        grid-column: 2 / -1;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
        border-top: 1px solid var(--renk-kenar);
        padding-top: 9px;
        margin-top: 2px;
    }
    #karsilastirma-icerik .tercih-satir-aksiyon .favori-btn {
        min-height: 34px;
        padding: 6px 13px;
    }
    #karsilastirma-icerik .tercih-karsilastir-secim { margin-right: auto; }
    .tercih-ai-metrikler { grid-template-columns: 1fr 1fr; }
    .tercih-bolum, .tercih-ai-kart { padding: 14px; border-radius: 12px; }
}
/* Note input field */
.tercih-isim-input {
    border: 1px solid rgba(63,48,51,0.14);
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    font-family: inherit;
    color: #2d2324;
    background: #faf7f6;
    outline: none;
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
    display: block;
}
.tercih-isim-input:focus {
    border-color: rgba(122,36,44,0.45);
    box-shadow: 0 0 0 2px rgba(122,36,44,0.09);
}
/* Remove-from-list button styling */

.favori-btn.kaldir-btn:hover {
    background: rgba(122,36,44,0.14);
}
/* Favorites comparison table -- no horizontal overflow */
#karsilastirma-icerik .tablo-konteyner {
    overflow-x: auto;
}

/* ================================================================
   ÖĞRENCİ FİLTRE — SADE DÜZEN
   ================================================================ */

/* Garip pseudo-element'leri kaldir */



/* Panel: sade beyaz, standart grid */
#ogrenci-filtre {
    border-bottom: 0 !important;
}

/* Baslik: zarif eyebrow stilinde */


/* Filtre gruplari: kutu yok, transparan */


/* Aksiyon grubu: kutu yok */


/* Butonlari tam genislikte goster */
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton {
    max-width: 100% !important;
}

/* Input / select: hafif arka plan */
#ogrenci-filtre input[type="number"],
#ogrenci-filtre input[type="text"],
#ogrenci-filtre select {
    background: var(--renk-arka, #f6f3f2) !important;
    border: 1px solid rgba(63,48,51,0.16) !important;
}

/* Grup etiketleri */


/* padding-top override'i sıfırla (yukarıda yeniden ayarlandı) */
#ogrenci-filtre:not(.filtre-pop) {
    padding-top: 12px !important;
}

/* ================================================================
   SONUÇ TABLOSU VE ARAÇ ÇUBUĞU
   ================================================================ */

/* Araç çubuğu: bağımsız kart */
#uzman-uygulama .uzman-toolbar {
    background: #ffffff !important;
    border: 1px solid rgba(63,48,51,0.09) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 10px rgba(31,24,25,0.06), 0 1px 2px rgba(31,24,25,0.03) !important;
    margin-bottom: 10px !important;
    padding: 16px 22px !important;
    align-items: center !important;
}

/* ---- TABLO KONTEYNER: Bagimsiz kart ---- */
#uzman-uygulama .tablo-konteyner {
    background: #ffffff !important;
    border-top-width: 1px;
    margin-top: 0 !important;
}

/* ---- SONUC METRIK: ikon sol, metin sag ---- */
#uzman-uygulama .sonuc-metrik {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
}
#uzman-uygulama .sonuc-metrik-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 13px !important;
    background: rgba(122,36,44,0.07) !important;
    color: #7a242c !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
#uzman-uygulama .sonuc-metrik-icon svg {
    width: 24px !important;
    height: 24px !important;
}
#uzman-uygulama .sonuc-metrik-text {
    display: grid !important;
    gap: 1px !important;
}
#uzman-uygulama .sonuc-metrik-text .panel-eyebrow {
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #7a242c !important;
    line-height: 1 !important;
}
#uzman-uygulama .sonuc-metrik-text > div {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    line-height: 1.05 !important;
    margin: 2px 0 0 !important;
}
#uzman-uygulama .sonuc-metrik-text strong {
    font-size: 28px !important;
    font-weight: 820 !important;
    color: #7a242c !important;
    letter-spacing: -0.025em !important;
    line-height: 1 !important;
}
#uzman-uygulama #uzman-toplam-bilgi {
    font-size: 11.5px !important;
    color: #a09398 !important;
    font-weight: 400 !important;
    margin-top: 1px !important;
    display: block !important;
}

/* ---- TABLO THEAD ---- */

#uzman-uygulama table.veri-tablo thead th {
    background: linear-gradient(180deg, #fdf9f8 0%, #f8f2f1 100%) !important;
    border-bottom: 1.5px solid rgba(122,36,44,0.10) !important;
    border-right: 1px solid rgba(63,48,51,0.055) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #8a7a7d !important;
    padding: 12px 14px !important;
    white-space: nowrap !important;
}
#uzman-uygulama table.veri-tablo thead th:last-child {
    border-right: none !important;
}
/* Liste kolonu basligini gizle ama kolonu koru */
#uzman-uygulama table.veri-tablo thead th.th-liste {
    color: transparent !important;
    font-size: 0 !important;
}
/* Sirali kolon: bordo vurgu */
#uzman-uygulama table.veri-tablo thead th.sirali {
    color: #7a242c !important;
    background: linear-gradient(180deg, #fdf3f2 0%, #f8ecea 100%) !important;
}
#uzman-uygulama table.veri-tablo thead th.sirali.azalan {
    color: #7a242c !important;
}

/* ---- TABLO TBODY ---- */
#uzman-uygulama table.veri-tablo tbody td {
    padding: 13px 14px !important;
    border-bottom: 1px solid rgba(63,48,51,0.055) !important;
    border-right: 1px solid rgba(63,48,51,0.04) !important;
    font-size: 13px !important;
    color: #2d2324 !important;
    vertical-align: middle !important;
    line-height: 1.35 !important;
}
#uzman-uygulama table.veri-tablo tbody td:last-child {
    border-right: none !important;
}
#uzman-uygulama table.veri-tablo tbody tr:nth-child(even) {
    background: rgba(122,36,44,0.012) !important;
}
#uzman-uygulama table.veri-tablo tbody tr:hover {
    background: rgba(122,36,44,0.038) !important;
}

/* Program adi bold */
#uzman-uygulama table.veri-tablo tbody td:nth-child(3) strong {
    font-weight: 720 !important;
    color: #1f1819 !important;
}

/* Taban Puan: bordo + bold */
#uzman-uygulama table.veri-tablo tbody td.td-taban-puan {
    color: #7a242c !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}

/* ---- VAKIF / DEVLET / KKTC BADGES ---- */
#uzman-uygulama .mini-type {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
    letter-spacing: 0.04em !important;
    min-height: 0 !important;
}
#uzman-uygulama .mini-type-vakif {
    background: rgba(122,36,44,0.08) !important;
    color: #7a242c !important;
}
#uzman-uygulama .mini-type-devlet {
    background: rgba(40,90,180,0.08) !important;
    color: #1e4fa0 !important;
}
#uzman-uygulama .mini-type-kktc {
    background: rgba(180,110,20,0.10) !important;
    color: #8a5a10 !important;
}

/* Listeye ekle butonu */
#uzman-uygulama table.veri-tablo td.td-liste {
    padding: 10px 12px !important;
    border-right: 1px solid rgba(63,48,51,0.04) !important;
}
#uzman-uygulama table.veri-tablo .favori-btn {
    border: 1.5px solid rgba(122,36,44,0.28) !important;
    background: transparent !important;
    color: #7a242c !important;
    padding: 6px 12px 6px 10px !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: background 0.14s, border-color 0.14s, box-shadow 0.14s !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    cursor: pointer !important;
    border-radius: 8px !important;
}
/* Daire-arti ikonu ::before ile */
#uzman-uygulama table.veri-tablo .favori-btn:not(.aktif)::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' stroke='%237a242c' stroke-width='1.4' fill='none'/%3E%3Cpath d='M7.5 4.5v6M4.5 7.5h6' stroke='%237a242c' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Aktif: check ikonu */
#uzman-uygulama table.veri-tablo .favori-btn.aktif::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' stroke='%237a242c' stroke-width='1.4' fill='rgba(122%2C36%2C44%2C0.08)'/%3E%3Cpath d='M5 7.5l2 2 3-3' stroke='%237a242c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#uzman-uygulama table.veri-tablo .favori-btn:not(.aktif):hover {
    background: rgba(122,36,44,0.05) !important;
    border-color: rgba(122,36,44,0.50) !important;
    box-shadow: 0 2px 8px rgba(122,36,44,0.10) !important;
}
#uzman-uygulama table.veri-tablo .favori-btn.aktif {
    background: rgba(122,36,44,0.07) !important;
    border-color: rgba(122,36,44,0.28) !important;
    font-weight: 700 !important;
}

/* Sayfalama */
#uzman-uygulama .sayfalama {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 22px !important;
    gap: 10px !important;
}
#uzman-uygulama .sayfa-btn {
    border: 1.5px solid rgba(63,48,51,0.16) !important;
    background: #ffffff !important;
    color: #3a2f32 !important;
    border-radius: 999px !important;
    padding: 9px 20px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s !important;
    font-family: inherit !important;
}
#uzman-uygulama .sayfa-btn:hover:not(:disabled) { transform: translateY(-1px) !important; }
#uzman-uygulama .sayfa-btn:hover:not(:disabled) {
    background: rgba(122,36,44,0.05) !important;
    border-color: rgba(122,36,44,0.38) !important;
    color: #7a242c !important;
}
#uzman-uygulama .sayfa-btn:disabled {
    opacity: 0.32 !important;
    cursor: not-allowed !important;
}
#uzman-uygulama .sayfa-bilgi {
    font-size: 12.5px !important;
    color: #7a6568 !important;
    font-weight: 600 !important;
    margin-left: auto !important;
    text-align: center !important;
    white-space: nowrap !important;
}
#uzman-uygulama .sayfa-boyutu {
    font-size: 12.5px !important;
    color: #7a242c !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    white-space: nowrap !important;
    padding: 4px 5px 4px 14px !important;
    background: rgba(122,36,44,0.06) !important;
    border: 1px solid rgba(122,36,44,0.16) !important;
    border-radius: 999px !important;
    font-weight: 650 !important;
}
#uzman-uygulama .sayfa-boyutu select {
    border: none !important;
    border-radius: 999px !important;
    padding: 7px 30px 7px 14px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    font-family: inherit !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a242c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    color: #2d2224 !important;
    cursor: pointer !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: 0 2px 6px -1px rgba(122,36,44,0.22), inset 0 0 0 1px rgba(122,36,44,0.12) !important;
}

/* ---- KALDIR BUTONU (tercih listesi) ---- */
.favori-btn.kaldir-btn {
    background: rgba(122,36,44,0.05) !important;
    color: #7a242c !important;
    border-color: rgba(122,36,44,0.18) !important;
}

/* ================================================================
   UZMAN ARAÇ ÇUBUĞU VE ROZETLER
   ================================================================ */

/* Sonuc metrik: ikon + metin yatay duzen */
.sonuc-metrik {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
}

/* Ikon kutusu: gri yuvarlak kare */
.sonuc-metrik-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(63,48,51,0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7a6568;
}
.sonuc-metrik-icon svg {
    width: 20px;
    height: 20px;
}

/* Metin grubu: dikey stack */
.sonuc-metrik-text {
    display: grid;
    gap: 2px;
}
.sonuc-metrik-text strong {
    color: #842631;
    font-size: 22px;
    font-weight: 760;
    letter-spacing: -0.015em;
    line-height: 1.1;
}

/* Favori butonu: pill sekli */
.favori-btn {
    border-radius: 999px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
}
.favori-btn.aktif {
    border-radius: 999px !important;
}

/* TUR badge renkleri */
.mini-type-vakif {
    background: rgba(239,100,80,0.12) !important;
    color: #c43820 !important;
}
.mini-type-devlet {
    background: rgba(59,100,180,0.10) !important;
    color: #2a5ca8 !important;
}
.mini-type-kktc {
    background: rgba(200,140,20,0.12) !important;
    color: #8a6010 !important;
}

/* ================================================================
   STICKY BAŞLIK VE ÖĞRENCİ TABLOSU
   ================================================================ */

/* === 1. STICKY THEAD FIX ========================================
   overflow:clip on .tablo-konteyner clips sticky descendants.
   Changing to overflow:visible lets thead stick to the viewport.
   The card border is still drawn rounded (border renders on top).
   ================================================================ */

/* Başlık satırının üst köşelerini yuvarla */
#uzman-uygulama table.veri-tablo thead th:first-child {
    border-top-left-radius: 14px !important;
}
#uzman-uygulama table.veri-tablo thead th:last-child {
    border-top-right-radius: 14px !important;
}
/* Öğrenci tablo-konteyner taşma düzeltmesi */

/* Thead üst konumu: sabit nav + sticky araç çubuğu.
   --uzman-toolbar-h değerini render sonrası JS atar.
   92px varsayılanı tipik araç çubuğu yüksekliğini karşılar. */

/* Thead altına gölge: alttan kayan satırlar ayrışsın */


/* === ÖĞRENCİ FİLTRE KARTI ============================
   Sonuç alanının üstünde tam genişlikte yatay kart.
   ================================================================ */

/* Eski pseudo-elementleri sıfırla */
#ogrenci-filtre::before { display: none !important; }
#ogrenci-filtre h3::after { display: none !important; }

/* Panel: beyaz kart */
#ogrenci-filtre {
    align-items: end !important;
}

/* Title row: eyebrow label spanning full width */
#ogrenci-filtre h3 {
    grid-column: 1 / -1 !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    color: #7a242c !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    line-height: 1 !important;
    border: none !important;
    border-bottom: 1px solid rgba(63,48,51,0.07) !important;
}

/* Each filter group: transparent, no box */
#ogrenci-filtre .filtre-grup {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Puan Turu: 5 chips need 3 columns */
#ogrenci-filtre .filtre-grup:has(#ogrenci-puan-turu) {
    grid-column: span 3 !important;
}

/* Tablo chips: 2 columns */
#ogrenci-filtre .filtre-grup:has([data-tablo]) {
    grid-column: span 2 !important;
}

/* Toggle group: 2 columns, align to bottom */
#ogrenci-filtre .filtre-grup:has(.toggle-grup) {
    grid-column: span 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

/* Action button group */
#ogrenci-filtre .filtre-aksiyon-grup {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-self: end !important;
}

/* Group labels */
#ogrenci-filtre .filtre-grup > label:not(.toggle-grup) {
    display: block !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    color: #7a6568 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
    line-height: 1 !important;
}

/* Inputs and selects */
#ogrenci-filtre input[type="text"],
#ogrenci-filtre input[type="number"],
#ogrenci-filtre select {
    width: 100% !important;
    box-sizing: border-box !important;
    background: #faf7f6 !important;
    border: 1px solid rgba(63,48,51,0.14) !important;
    border-radius: 8px !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
    font-family: inherit !important;
    color: #2d2324 !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0 !important;
    transition: border-color .18s, box-shadow .18s !important;
}
#ogrenci-filtre input:focus,
#ogrenci-filtre select:focus {
    border-color: rgba(122,36,44,0.45) !important;
    box-shadow: 0 0 0 3px rgba(122,36,44,0.09) !important;
    background: #fff !important;
}

/* Ucret range: two inputs side by side */
#ogrenci-filtre .aralik-input {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
}

/* Chip tab buttons */
#ogrenci-filtre .tab-buton-grup {
    margin-top: 0 !important;
}
#ogrenci-filtre .tab-buton-grup .tab-btn {
    cursor: pointer !important;
    transition: background .15s, color .15s, border-color .15s !important;
    font-family: inherit !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#ogrenci-filtre .tab-buton-grup .tab-btn:hover:not(.aktif) {
    background: #ede5e3 !important;
    border-color: rgba(122,36,44,0.25) !important;
}

/* Aç/kapat anahtarları */
#ogrenci-filtre .toggle-grup {
    user-select: none !important;
    font-weight: normal !important;
}
#ogrenci-filtre .toggle-grup + .toggle-grup {
    margin-top: 4px !important;
}

#ogrenci-filtre .toggle-grup .toggle-track {
    flex-shrink: 0 !important;
    width: 34px !important;
    height: 20px !important;
    border-radius: 999px !important;
    background: #d8d1d3 !important;
    position: relative !important;
    transition: background .2s !important;
}
#ogrenci-filtre .toggle-grup .toggle-track::after {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 999px !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18) !important;
    transition: transform .2s cubic-bezier(.34,1.56,.64,1) !important;
}



/* Action buttons */
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    border-radius: 9px !important;
    border: none !important;
    padding: 0 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    transition: opacity .18s, box-shadow .18s, transform .12s !important;
    background: linear-gradient(160deg, #c24060 0%, #982638 50%, #7a242c 100%) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(122,36,44,0.22), inset 0 1px 0 rgba(255,200,200,0.18) !important;
    white-space: nowrap !important;
    text-align: center !important;
}
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton:hover {
    opacity: 0.9 !important;
    box-shadow: 0 4px 14px rgba(122,36,44,0.30) !important;
    transform: translateY(-1px) !important;
}
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton:active {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton.silik {
    background: transparent !important;
    color: #7a242c !important;
    border: 1px solid rgba(122,36,44,0.22) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
#ogrenci-filtre .filtre-aksiyon-grup .filtre-buton.silik:hover {
    background: rgba(122,36,44,0.05) !important;
    box-shadow: none !important;
    transform: none !important;
}

/* === 3. OGRENCI RESULTS SECTION ================================ */
#ogrenci-uygulama .ana-panel {
    background: transparent !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}


#ogrenci-uygulama .sayfalama {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 22px !important;
    gap: 10px !important;
}

#ogrenci-uygulama .sayfalama[style*="display:none"],
#ogrenci-uygulama .sayfalama[style*="display: none"] {
    display: none !important;
}

/* Öğrenci modu hizalama */
html,
body {
    overflow-x: hidden !important;
}


.logo-img {
    max-height: 56px !important;
    max-width: 190px !important;
}



.logo-alani .alt-baslik {
    font-size: 13px !important;
    color: #645d5f !important;
    white-space: nowrap !important;
}


.mod-tab,
.yardim-btn {
    font-size: 14px !important;
}

.tercih-sayac {
    min-height: 56px !important;
    padding: 0 28px !important;
    border-radius: 10px !important;
}

#ogrenci-uygulama {
    background: #f7f5f4 !important;
    padding-top: 20px !important;
}

#ogrenci-filtre {
    display: block !important;
    width: calc(100% - 32px) !important;
    margin: 0 16px 18px !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid rgba(42, 34, 36, 0.1) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 48px rgba(31, 24, 25, 0.06) !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    gap: 0 !important;
}

#ogrenci-filtre .ogr-filtre-header {
    display: grid !important;
    grid-template-columns: minmax(170px, 1fr) minmax(360px, 545px) !important;
    align-items: center !important;
    gap: 24px !important;
    padding: 20px 26px 14px !important;
    border-bottom: 0 !important;
}

#ogrenci-filtre .ogr-filtre-baslik {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #8b1f2d !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
}

#ogrenci-filtre .ogr-filtre-baslik svg {
    width: 18px !important;
    height: 18px !important;
}

#ogrenci-filtre .ogr-arama-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 14px !important;
    background: #fbfaf9 !important;
    border: 1px solid rgba(42, 34, 36, 0.12) !important;
    border-radius: 9px !important;
    box-shadow: inset 0 1px 2px rgba(31, 24, 25, 0.03) !important;
}

#ogrenci-filtre .ogr-arama-wrap:focus-within {
    background: #fff !important;
    border-color: rgba(139, 31, 45, .36) !important;
    box-shadow: 0 0 0 3px rgba(139, 31, 45, .08) !important;
}

#ogrenci-arama {
    box-shadow: none !important;
    outline: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding: 0 !important;
    height: 100% !important;
}

#ogrenci-filtre .ogr-arama-wrap #ogrenci-arama {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#ogrenci-filtre .ogr-filtre-satir {
    display: grid !important;
    grid-template-columns:
        minmax(280px, 1.7fr)
        minmax(135px, .82fr)
        minmax(155px, .95fr)
        minmax(145px, .9fr)
        minmax(145px, .9fr)
        minmax(170px, 1fr)
        minmax(135px, .82fr) !important;
    align-items: end !important;
    gap: 24px 14px !important;
    padding: 16px 26px 26px !important;
    border-bottom: 1px solid rgba(42, 34, 36, 0.08) !important;
}

#ogrenci-filtre .ogr-filtre-satir-2 {
    grid-template-columns: auto auto 1fr !important;
    gap: 18px 28px !important;
    padding-top: 26px !important;
    border-bottom: 0 !important;
}

#ogrenci-filtre .ogr-filtre-grup {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#ogrenci-filtre .ogr-grup-baslik {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 14px !important;
    margin: 0 !important;
    color: #4f4548 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

#ogrenci-filtre .ogr-grup-baslik::after {
    content: "i";
    display: inline-grid;
    place-items: center;
    width: 13px;
    height: 13px;
    border: 1px solid #b9b5b8;
    border-radius: 50%;
    color: #9b9699;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0;
}

#ogrenci-filtre input[type="number"],
#ogrenci-filtre select,
#ogrenci-filtre .ogr-dropdown-btn {
    height: 46px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(42, 34, 36, .13) !important;
    background: #fbfaf9 !important;
    color: #332c2f !important;
    font-size: 13px !important;
    padding: 0 14px !important;
    box-shadow: none !important;
}

#ogrenci-filtre input[type="number"]:focus,
#ogrenci-filtre select:focus,
#ogrenci-filtre .ogr-dropdown-btn[aria-expanded="true"] {
    background: #fff !important;
    border-color: rgba(139, 31, 45, .44) !important;
    box-shadow: 0 0 0 3px rgba(139, 31, 45, .08) !important;
}

#ogrenci-filtre .tab-buton-grup {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

#ogrenci-filtre .tab-buton-grup .tab-btn {
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(42, 34, 36, .1) !important;
    background: #fbfaf9 !important;
    color: #332c2f !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(31, 24, 25, .03) !important;
}

#ogrenci-filtre .tab-buton-grup .tab-btn.aktif {
    background: linear-gradient(180deg, #b5263a 0%, #981f31 100%) !important;
    border-color: #981f31 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(139, 31, 45, .22) !important;
}

#ogrenci-filtre .ogr-ucret-aralik {
    display: grid !important;
    grid-template-columns: 1fr 18px 1fr !important;
    align-items: center !important;
    gap: 8px !important;
}

#ogrenci-filtre .ogr-ucret-aralik::before {
    content: "";
    display: none;
}

#ogrenci-ucret-min { grid-column: 1; }
#ogrenci-ucret-max { grid-column: 3; }
#ogrenci-filtre .ogr-ucret-aralik::after {
    content: "-";
    grid-column: 2;
    grid-row: 1;
    color: #a49da0;
    text-align: center;
}



#ogrenci-filtre .ogr-sehir-satir {
    padding: 7px 12px !important;
}



#ogrenci-filtre .ogr-sehir-satir input[type="checkbox"] {
    accent-color: #9b2132;
}





#ogrenci-filtre .toggle-grup {
    color: #332c2f !important;
    font-size: 13px !important;
}







#ogrenci-filtre .toggle-grup input:checked + .toggle-track {
    background: #a52335 !important;
}

#ogrenci-filtre .toggle-grup input:checked + .toggle-track::after {
    transform: translateX(18px) !important;
}

#ogrenci-filtre .ogr-aksiyon {
    justify-self: start !important;
    margin: 0 !important;
}

#ogrenci-filtre .ogr-aksiyon .filtre-buton {
    font-weight: 800 !important;
}

#ogrenci-filtre .ogr-aksiyon .filtre-buton:not(.silik) {
    background: linear-gradient(180deg, #b5263a 0%, #941d2e 100%) !important;
    box-shadow: 0 12px 24px rgba(139, 31, 45, .22) !important;
}

#ogrenci-filtre .ogr-aksiyon .filtre-buton.silik {
    background: #fff !important;
    color: #332c2f !important;
    border: 1px solid rgba(42, 34, 36, .12) !important;
    box-shadow: none !important;
}

#ogrenci-uygulama .panel-ust {
    border-bottom: 1px solid rgba(42, 34, 36, .08) !important;
    position: static !important;
}

#ogrenci-uygulama .sonuc-bilgi {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    min-width: 0 !important;
}

#ogrenci-uygulama .sonuc-bilgi::before {
    color: #8b1f2d;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .1em;
}

#ogrenci-uygulama #ogrenci-sonuc-sayi {
    align-items: center;
}

#ogrenci-uygulama #ogrenci-sonuc-sayi + span,
#ogrenci-uygulama #ogrenci-toplam-bilgi,
#ogrenci-uygulama #ogrenci-tercih-ozet,
#ogrenci-uygulama #ogrenci-aktif-filtreler {
    display: none !important;
}

#ogrenci-uygulama .panel-aksiyonlar {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

#ogrenci-uygulama .aksiyon-btn {
    min-height: 42px !important;
    border-radius: 9px !important;
    background: #fff !important;
    border: 1px solid rgba(42, 34, 36, .12) !important;
    color: #332c2f !important;
    font-weight: 700 !important;
}

#ogrenci-uygulama .export-grup .aksiyon-btn {
    min-width: 84px !important;
}

#ogrenci-uygulama .tablo-konteyner {
    min-height: 285px !important;
    background: #fff !important;
    border-top: 0 !important;
}





.ogr-empty-state {
    min-height: 285px;
    display: grid;
    place-items: center;
    text-align: center;
    padding: 34px 16px;
}

.ogr-empty-state-inner {
    max-width: 420px;
}

.ogr-empty-icon {
    width: 96px;
    height: 96px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #f8eef1;
    position: relative;
}

.ogr-empty-icon::before {
    content: "";
    position: absolute;
    inset: 26px 32px 34px 30px;
    border: 3px solid #c99aa2;
    border-radius: 4px;
    box-shadow: inset 0 10px 0 rgba(201,154,162,.18);
}

.ogr-empty-icon::after {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    right: 22px;
    bottom: 24px;
    border: 4px solid #8b1f2d;
    border-radius: 50%;
    box-shadow: 14px 14px 0 -9px #8b1f2d;
}

.ogr-empty-state h3 {
    margin: 0 0 8px;
    color: #1f2937;
    font-size: 20px;
}

.ogr-empty-state p {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.55;
}

/* Dropdown, aksiyonlar ve toggle düzeltmeleri */
#ogrenci-filtre .ogr-dropdown-panel[hidden] {
    display: none !important;
}

#ogrenci-filtre .ogr-dropdown-panel {
    position: fixed !important;
    left: auto !important;
    right: auto !important;
    width: min(240px, calc(100vw - 32px)) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 32px) !important;
    max-height: 260px !important;
    padding: 6px 0 !important;
    background: #fff !important;
    border: 1px solid rgba(42, 34, 36, .12) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 32px rgba(31, 24, 25, .16) !important;
    z-index: 5000 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

#ogrenci-filtre .ogr-dropdown-ara {
    flex: 0 0 auto !important;
    height: 34px !important;
    margin: 6px 10px !important;
    width: calc(100% - 20px) !important;
    box-sizing: border-box !important;
}

#ogrenci-filtre .ogr-sehir-liste {
    display: block !important;
    max-height: 178px !important;
    overflow-y: auto;
    overflow-x: hidden !important;
}

#ogrenci-filtre .ogr-sehir-satir {
    width: 100% !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

#ogrenci-filtre .ogr-sehir-satir span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#ogrenci-filtre .ogr-aksiyon {
    display: grid !important;
    grid-template-columns: 190px 170px !important;
    gap: 18px !important;
    align-items: end !important;
}

#ogrenci-filtre .ogr-aksiyon .filtre-buton {
    min-height: 44px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
}

#ogrenci-filtre .ogr-toggle-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-self: center !important;
}

#ogrenci-filtre .toggle-grup {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

#ogrenci-filtre .toggle-grup input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    pointer-events: none;
    display: block !important;
}

#ogrenci-filtre .toggle-track {
    width: 38px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #d8d2d4 !important;
    position: relative !important;
    display: block !important;
    flex: 0 0 38px !important;
}

#ogrenci-filtre .toggle-track::after {
    content: "" !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.18) !important;
    transform: translateX(0) !important;
    transition: transform .18s ease !important;
}

#ogrenci-filtre .toggle-grup input[type="checkbox"]:checked + .toggle-track {
    background: #a52335 !important;
}

#ogrenci-filtre .toggle-grup input[type="checkbox"]:checked + .toggle-track::after {
    transform: translateX(16px) !important;
}

#ogrenci-filtre .toggle-grup > span:last-child {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

/* Uzman sonuç araç çubuğu sticky davranışı */
#uzman-uygulama .uzman-toolbar {
    position: sticky !important;
    top: var(--ust-serit-h, 68px) !important;
    z-index: 90 !important;
    backdrop-filter: none !important;
}

#uzman-uygulama table.veri-tablo thead {
    position: sticky !important;
    top: calc(var(--ust-serit-h, 68px) + var(--uzman-toolbar-h, 92px)) !important;
    z-index: 80 !important;
}

#uzman-uygulama table.veri-tablo thead th {
    position: sticky !important;
    z-index: 85 !important;
    box-shadow: 0 2px 6px rgba(31,24,25,0.07) !important;
}

#uzman-uygulama .uzman-toolbar.js-fixed {
    position: fixed !important;
    top: var(--ust-serit-h, 68px) !important;
    left: 50% !important;
    width: calc(100% - 64px) !important;
    max-width: 1540px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    z-index: 120 !important;
}



@media (max-width: 1100px) {
    .ust-serit {
        min-height: 68px !important;
        padding: 8px 18px !important;
    }
    .logo-img {
        max-height: 42px !important;
    }
    .mod-tab,
    .yardim-btn,
    .tercih-sayac {
        min-height: 42px !important;
        padding: 0 14px !important;
    }
    #ogrenci-filtre .ogr-filtre-satir {
        grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;
    }
    #ogrenci-filtre .ogr-filtre-satir-2 {
        grid-template-columns: 260px 1fr !important;
    }
    #ogrenci-filtre .ogr-aksiyon {
        grid-column: 1 / -1;
        justify-content: start;
    }
}

@media (max-width: 900px) {
    #ogrenci-filtre .ogr-filtre-header,
    #ogrenci-filtre .ogr-filtre-satir,
    #ogrenci-filtre .ogr-filtre-satir-2,
    #ogrenci-filtre .ogr-aksiyon {
        grid-template-columns: 1fr !important;
    }
    #ogrenci-uygulama .panel-ust,
    #ogrenci-uygulama .sonuc-bilgi,
    #ogrenci-uygulama .panel-aksiyonlar {
        align-items: stretch !important;
        flex-direction: column !important;
    }
}

/* ================================================================
   KART YAPISI, ŞEHİR ARAMASI VE BUTONLAR
   ================================================================ */

/* Ana panel: flex sütun, gap ile ayrılmış kartlar */
.ana-panel.page {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    background: #f2efee !important;
}

/* Sonuç özeti kartı */
.results-summary-card {
    overflow: visible;
}

/* Tablo kartı */
.table-card {
    background: #ffffff;
}

/* Tek-kart stilleri: öğrenci */
#ogrenci-uygulama .panel-ust {
    background: linear-gradient(180deg, #f9f5f4 0%, #f4efee 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
    padding: 12px 18px !important;
}
#ogrenci-uygulama .tablo-konteyner {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
#ogrenci-uygulama .sayfalama {
    border: none !important;
    border-top: 1px solid rgba(63,48,51,0.07) !important;
    border-radius: 0 0 14px 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #fafaf9 !important;
}

/* Tek-kart stilleri: uzman */
#uzman-uygulama .panel-ust {
    border: none !important;
    border-radius: 14px !important;
    margin: 0 !important;
    box-shadow: none !important;
}
#uzman-uygulama .tablo-konteyner {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}
#uzman-uygulama .sayfalama {
    border-top: 1px solid rgba(63,48,51,0.07) !important;
    margin: 0 !important;
}

/* Uzman şehir arama kutusu */
.uzman-sehir-wrap { margin-top: 6px; }
.uzman-sehir-ara {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 9px;
    border: 1px solid rgba(63,48,51,0.14);
    border-radius: 6px;
    font-size: 12px;
    font-family: inherit;
    background: #faf7f6;
    color: #2d2324;
    outline: none;
    transition: border-color .18s, box-shadow .18s;
    -webkit-appearance: none;
    appearance: none;
}
.uzman-sehir-ara:focus {
    border-color: rgba(122,36,44,0.45);
    box-shadow: 0 0 0 3px rgba(122,36,44,0.09);
    background: #fff;
}
.uzman-sehir-ara::placeholder { color: #6e6466; }

/* 0 TL – burslu */


/* Taban puan kolonu vurgu */
table.veri-tablo .td-taban-puan strong { color: #7a242c; }

/* Outlined Listeye Ekle butonu */
.favori-btn-outlined {
    justify-content: center;
    font-family: inherit;
    line-height: 1.4;
}



/* ================================================================
   PANO GÖRÜNÜMÜ
   ================================================================ */

/* ─── Header ─────────────────────────────────────────────────── */

/* ─── Filtreleri Uygula butonu ────────────────────────────────── */
.filtre-buton:not(.silik):not(.ikincil):not(.beykoz-btn):not([class*="mode-card"]) {
    background: linear-gradient(180deg, #8c2933 0%, #7a242c 100%) !important;
    border-radius: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.015em !important;
    box-shadow: 0 2px 8px rgba(122,36,44,0.22), inset 0 1px 0 rgba(255,190,200,0.18) !important;
    border: 1px solid rgba(90,20,28,0.30) !important;
    transition: background 0.14s, box-shadow 0.14s, transform 0.11s !important;
}
.filtre-buton:not(.silik):not(.ikincil):not(.beykoz-btn):not([class*="mode-card"]):hover {
    background: linear-gradient(180deg, #9e3040 0%, #8c2933 100%) !important;
    box-shadow: 0 4px 14px rgba(122,36,44,0.30), inset 0 1px 0 rgba(255,190,200,0.18) !important;
    transform: translateY(-1px) !important;
}

/* ─── Filtreleri Sıfırla butonu ───────────────────────────────── */
.filtre-buton.silik:not([class*="mode-card"]) {
    background: #f3edec !important;
    color: #5c4f52 !important;
    border: 1px solid rgba(63,48,51,0.17) !important;
    border-radius: 9px !important;
    box-shadow: 0 1px 3px rgba(31,24,25,0.05) !important;
    font-weight: 500 !important;
    transition: background 0.13s, border-color 0.13s !important;
}
.filtre-buton.silik:not([class*="mode-card"]):hover {
    background: #e9e2e1 !important;
    border-color: rgba(63,48,51,0.26) !important;
    color: #2a1f21 !important;
}

/* ─── Toolbar aksiyon butonları ───────────────────────────────── */
.aksiyon-btn:not(.birincil) {
    background: #f3edec !important;
    color: #4a3f42 !important;
    border: 1px solid rgba(63,48,51,0.16) !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 3px rgba(31,24,25,0.04) !important;
    transition: background 0.12s, border-color 0.12s !important;
}
.aksiyon-btn:not(.birincil):hover {
    background: #e9e2e1 !important;
    border-color: rgba(63,48,51,0.25) !important;
    color: #1a1215 !important;
}
.aksiyon-btn.birincil,
details.export-menu summary.aksiyon-btn.birincil {
    background: linear-gradient(180deg, #8c2933 0%, #7a242c 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(90,20,28,0.30) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(122,36,44,0.22) !important;
    font-weight: 600 !important;
    transition: background 0.14s, box-shadow 0.14s !important;
}
.aksiyon-btn.birincil:hover,
details.export-menu summary.aksiyon-btn.birincil:hover {
    background: linear-gradient(180deg, #9e3040 0%, #8c2933 100%) !important;
    box-shadow: 0 4px 12px rgba(122,36,44,0.30) !important;
}

/* ─── Sonuçlar özet kartı ─────────────────────────────────────── */
.results-summary-card {
    background: #ffffff !important;
    border: 1px solid rgba(63,48,51,0.09) !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(31,24,25,0.06), 0 1px 2px rgba(31,24,25,0.03) !important;
}
#ogrenci-uygulama .results-summary-card .panel-ust {
    border-radius: 14px !important;
    padding: 14px 20px !important;
}
#uzman-uygulama .results-summary-card .panel-ust.uzman-toolbar {
    border-radius: 14px !important;
    padding: 10px 20px !important; /* ilk kart yüksekliğini öğrenci/tercih ile 78px'e eşitle */
}

/* MOBİL TOOLBAR DÜZELTMESİ: .uzman-toolbar 3 kolonlu grid (4359) mobil 1fr kuralını
   eziyordu → aksiyon butonları (Sıfırla/Gizle/Dışa Aktar) ekran dışına taşıyordu.
   Yüksek özgüllükle tek kolona indir, aksiyonları sığan kompakt satıra diz. */
@media (max-width: 760px) {
    #uzman-uygulama .results-summary-card .panel-ust.uzman-toolbar {
        grid-template-columns: 1fr !important;
    }
    #uzman-uygulama .uzman-toolbar .toolbar-aksiyonlar {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 8px;
    }
    #uzman-uygulama .uzman-toolbar .toolbar-aksiyonlar .aksiyon-btn,
    #uzman-uygulama .uzman-toolbar .toolbar-aksiyonlar .export-grup,
    #uzman-uygulama .uzman-toolbar .toolbar-aksiyonlar .export-menu,
    #uzman-uygulama .uzman-toolbar .toolbar-aksiyonlar .export-menu summary {
        width: auto !important;
        flex: 0 1 auto;
    }
}

/* ─── Tablo kartı ─────────────────────────────────────────────── */
.table-card {
    border: 1px solid rgba(63,48,51,0.09) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px rgba(31,24,25,0.07), 0 1px 4px rgba(31,24,25,0.03) !important;
}

/* ─── Tablo başlık satırı ─────────────────────────────────────── */
table.veri-tablo thead tr {
    background: linear-gradient(180deg, #f7f2f1 0%, #eee8e7 100%) !important;
}
table.veri-tablo thead th {
    font-size: 10px !important;
    font-weight: 720 !important;
    color: #7a3540 !important;
    letter-spacing: 0.07em !important;
    padding: 12px 13px !important;
    border-bottom: 2px solid rgba(122,36,44,0.12) !important;
    box-shadow: 0 3px 8px rgba(31,24,25,0.08) !important;
}


/* ─── Tablo satır & hücre ─────────────────────────────────────── */
table.veri-tablo tbody tr {
    border-bottom: 1px solid rgba(63,48,51,0.05) !important;
}
table.veri-tablo tbody td {
    padding: 10px 13px !important;
    vertical-align: middle !important;
    font-size: 12.5px !important;
}
table.veri-tablo tbody tr:hover {
    background: rgba(122,36,44,0.03) !important;
}

/* ─── Taban puan bordo vurgu (her iki modda) ──────────────────── */
.td-taban-puan,
table.veri-tablo td.td-taban-puan,
table.veri-tablo td.td-taban-puan strong {
    color: #7a242c !important;
    font-weight: 700 !important;
}

/* ─── 0 ₺ burslu ─────────────────────────────────────────────── */
.ucret-sifir {
    letter-spacing: 0.02em !important;
}

/* "Listeye Ekle" butonu */
.favori-btn-outlined {
    letter-spacing: 0.01em !important;
}
.favori-btn-outlined:hover {
    box-shadow: 0 2px 6px rgba(122,36,44,0.12) !important;
}
.favori-btn-outlined.aktif {
    background: rgba(122,36,44,0.09) !important;
    border-color: rgba(122,36,44,0.48) !important;
    color: #7a242c !important;
    font-weight: 720 !important;
}

/* ─── Öğrenci modu: üniversite türü pill badge ────────────────── */
.ogr-unituru-badge {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 650;
    letter-spacing: 0.03em;
    line-height: 1.5;
    vertical-align: middle;
    white-space: nowrap;
}
.ogr-unituru-badge.badge-devlet {
    background: rgba(41,98,200,0.09);
    color: #1e52a8;
}
.ogr-unituru-badge.badge-vakif {
    background: rgba(204,50,30,0.10);
    color: #b83220;
}
.ogr-unituru-badge.badge-kktc {
    background: rgba(180,120,10,0.11);
    color: #7a5208;
}

/* Input / select alanları */
#ogrenci-arama {
    border-radius: 9px !important;
    border: 1.5px solid rgba(63,48,51,0.16) !important;
    background: #faf7f6 !important;
    transition: border-color 0.16s, box-shadow 0.16s !important;
}
#ogrenci-arama:focus {
    border-color: rgba(122,36,44,0.38) !important;
    box-shadow: 0 0 0 3px rgba(122,36,44,0.08) !important;
    background: #fff !important;
    outline: none !important;
}
#ogrenci-puan, #ogrenci-sira,
#ogrenci-ucret-min, #ogrenci-ucret-max {
    border-radius: 7px !important;
    border: 1.5px solid rgba(63,48,51,0.15) !important;
    background: #faf7f6 !important;
    transition: border-color 0.15s, box-shadow 0.15s !important;
}
#ogrenci-puan:focus, #ogrenci-sira:focus,
#ogrenci-ucret-min:focus, #ogrenci-ucret-max:focus {
    border-color: rgba(122,36,44,0.38) !important;
    box-shadow: 0 0 0 3px rgba(122,36,44,0.08) !important;
    background: #fff !important;
    outline: none !important;
}
#ogrenci-uni-turu, #ogrenci-burs {
    border-radius: 7px !important;
    border: 1.5px solid rgba(63,48,51,0.15) !important;
    background: #faf7f6 !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
    transition: border-color 0.15s !important;
    cursor: pointer !important;
}
#ogrenci-uni-turu:focus, #ogrenci-burs:focus {
    border-color: rgba(122,36,44,0.38) !important;
    box-shadow: 0 0 0 3px rgba(122,36,44,0.08) !important;
    background: #fff !important;
    outline: none !important;
}

/* ================================================================
   STICKY BAŞLIK VE YERLEŞİM DÜZELTMELERİ
   ================================================================ */

/* ─── Öğrenci: tüm results-summary-card sticky olsun ─────────── */
#ogrenci-uygulama .results-summary-card {
    position: sticky !important;
    top: var(--ust-serit-h, 60px) !important;
    z-index: 50 !important;
}
/* panel-ust içerde, section'ın kendisi sticky olduğu için static yeterli */
#ogrenci-uygulama .results-summary-card .panel-ust {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
}

/* ─── Öğrenci: thead sticky yeniden etkinleştir ───────────────── */
/* Üstteki results-summary-card yüksekliğini (--panel-ust-h) kullan */
#ogrenci-uygulama table.veri-tablo thead {
    position: sticky !important;
    top: calc(var(--ust-serit-h, 60px) + var(--panel-ust-h, 56px)) !important;
    z-index: 30 !important;
}
#ogrenci-uygulama table.veri-tablo thead th {
    position: sticky !important;
    top: calc(var(--ust-serit-h, 60px) + var(--panel-ust-h, 56px)) !important;
    z-index: 35 !important;
    background: linear-gradient(180deg, #f7f2f1 0%, #eee8e7 100%) !important;
    box-shadow: 0 2px 5px rgba(31,24,25,0.07) !important;
}
/* Thead köşe yuvarlaması — table-card radius'unu taklit eder */
#ogrenci-uygulama table.veri-tablo thead th:first-child {
    border-top-left-radius: 13px !important;
}
#ogrenci-uygulama table.veri-tablo thead th:last-child {
    border-top-right-radius: 13px !important;
}

/* ─── Uzman: fixed toolbar altında tablo boşluğu dengesi ─────── */
/* js-fixed aktifken results-summary-card 0-yüksekliğe düşer;
   flex gap + section boşluğunu kapat */


/* ─── Uzman: thead & th sticky top güncelle (yalnızca --uzman-toolbar-h) */
#uzman-uygulama table.veri-tablo thead,
#uzman-uygulama table.veri-tablo thead th {
    top: calc(var(--ust-serit-h, 68px) + var(--uzman-toolbar-h, 92px)) !important;
}

/* ─── table-card: tablo kenar overflow klipsiz yuvarlatma ────── */
/* overflow:hidden sticky'yi kırar; bunun yerine border kırpması yok,
   thead th köşeleri ile görsel uyum sağlandı */
.table-card {
    overflow: visible !important;
}

/* ================================================================
   SONUÇ TABLOSU — STICKY BAŞLIK
   Sonuçlar kartı normal akış; ekranda yalnızca th sticky kalır.
   ================================================================ */

/* ─── Sonuçlar kartı → tamamen normal blok ──────────────────────── */
.results-summary-card,
#ogrenci-uygulama .results-summary-card,
#uzman-uygulama .results-summary-card {
    position: relative !important;
    top: auto !important;
    z-index: auto !important;
    transform: none !important;
    margin-top: 0 !important;
}
.results-summary-card .panel-ust,
.results-summary-card .uzman-toolbar,
#ogrenci-uygulama .results-summary-card .panel-ust,
#uzman-uygulama .results-summary-card .panel-ust,
#uzman-uygulama .results-summary-card .uzman-toolbar,
#uzman-uygulama .results-summary-card .panel-ust.uzman-toolbar,
#uzman-uygulama .results-summary-card .uzman-toolbar.js-fixed {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    transform: none !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
    backdrop-filter: none !important;
}
#uzman-uygulama .ana-panel.uzman-toolbar-fixed .results-summary-card {
    height: auto !important;
    overflow: visible !important;
    min-height: unset !important;
    padding: unset !important;
    margin: 0 !important;
    border: 1px solid rgba(63,48,51,0.09) !important;
    box-shadow: 0 2px 12px rgba(31,24,25,0.06), 0 1px 2px rgba(31,24,25,0.03) !important;
}


/* ─── STICKY FIX: border-collapse:separate zorunlu ──────────────
   collapse kullanıldığında bazı tarayıcılarda th sticky bozulur   */


/* ─── thead → STATIC (sticky değil!) ─────────────────────────────
   thead'i sticky yapma; nested sticky oluşturur ve th'nin viewport
   yerine thead'e göre konumlanmasına neden olur                    */


/* ─── thead th → SADECE BUNLAR sticky ────────────────────────────
   Navbar altında sabit: top = --ust-serit-h (varsayılan 68px)
   Opak arka plan zorunlu; yoksa tbody satırları görünür            */

table.veri-tablo thead th:hover,
#ogrenci-uygulama table.veri-tablo thead th:hover,
#uzman-uygulama table.veri-tablo thead th:hover {
    background: #f5efef !important;
    color: #8b1e2d !important;
}
table.veri-tablo thead th:last-child,
#ogrenci-uygulama table.veri-tablo thead th:last-child,
#uzman-uygulama table.veri-tablo thead th:last-child {
    border-right: none !important;
}
table.veri-tablo th.sirali::after {
    content: " \2191" !important;
    font-size: 10px !important;
    opacity: 0.5 !important;
}
table.veri-tablo th.sirali.azalan::after {
    content: " \2193" !important;
    font-size: 10px !important;
    opacity: 0.5 !important;
}

/* ─── Table card ──────────────────────────────────────────────── */


/* ─── tablo-konteyner ────────────────────────────────────────────
   overflow:visible → sticky için scroll container oluşturma       */


/* ─── tbody td: ferah hücreler ────────────────────────────── */
table.veri-tablo tbody td,
#ogrenci-uygulama table.veri-tablo tbody td,
#uzman-uygulama table.veri-tablo tbody td {
    font-size: 13px !important;
}


/* ─── İlk/son hücre padding ──────────────────────────────────── */



/* ─── Satır renkleri ─────────────────────────────────────────── */


table.veri-tablo tbody tr:hover td,
table.veri-tablo tr.devlet:hover td,
table.veri-tablo tr.vakif:hover td,
table.veri-tablo tr.kktc-row:hover td {
    background: rgba(139,30,45,0.032) !important;
}


/* ─── Taban puan (bordo, güçlü) ─────────────────────────────── */


/* ─── Ücretsiz / burslu (yeşil) ─────────────────────────────── */


/* ─── Üniversite türü badge (pill) ──────────────────────────── */
.ogr-unituru-badge,
.badge-vakif, .badge-devlet, .badge-kktc {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 21px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}
.badge-vakif  { background: rgba(139,30,45,0.09) !important; color: #8b1e2d !important; }
.badge-devlet { background: rgba(2,77,116,0.09)  !important; color: #024d74 !important; }
.badge-kktc   { background: rgba(100,65,0,0.09)  !important; color: #7a5000 !important; }

/* ─── Favori / listeye ekle butonu ──────────────────────────── */
.favori-btn-outlined {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 31px !important;
    padding: 0 11px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(139,30,45,0.28) !important;
    background: rgba(255,255,255,0.72) !important;
    color: #8b1e2d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(15,15,15,0.04) !important;
    transition: all 150ms ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.favori-btn-outlined:hover {
    background: rgba(139,30,45,0.07) !important;
    border-color: rgba(139,30,45,0.42) !important;
    transform: translateY(-1px) !important;
}
.favori-btn-outlined.eklendi {
    background: rgba(139,30,45,0.10) !important;
    border-color: rgba(139,30,45,0.35) !important;
    color: #8b1e2d !important;
}

/* ================================================================
   FİLTRE PANELİ — KOMPAKT DÜZEN
   ================================================================ */

/* ── Navbar daha kompakt ─────────────────────────────────────── */

/* ── Header alanı ────────────────────────────────────────────── */
#uzman-uygulama .uzman-panel-v5 .uzman-filtre-baslik {
    margin: 0 0 12px !important;
    gap: 12px !important;
}
#uzman-uygulama .uzman-panel-v5 h3 {
    font-size: 20px !important;
    font-weight: 780 !important;
    letter-spacing: -0.3px !important;
    line-height: 1.15 !important;
    margin: 2px 0 0 !important;
}
#uzman-uygulama .uzman-panel-v5 .filtre-subtitle {
    font-size: 12px !important;
    color: #9a8b8e !important;
    margin-top: 3px !important;
    font-weight: 400 !important;
}
#uzman-uygulama .uzman-panel-v5 .panel-mini-not {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    min-height: 28px !important;
    letter-spacing: 0.05em !important;
    border-radius: 999px !important;
    border: 1px solid rgba(139, 30, 45, 0.18) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #8b1e2d !important;
    box-shadow: none !important;
}
#uzman-uygulama .uzman-panel-v5 .panel-mini-not::before {
    width: 13px !important;
    height: 13px !important;
}

/* Card-actions: dengeli butonlar */
#uzman-uygulama .uzman-panel-v5 .card-actions {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 16px 18px !important;
}
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton {
    flex: 0 0 auto !important;
    height: 46px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    width: 100% !important;
    letter-spacing: 0.01em !important;
    transition: background 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
    margin-top: 0 !important;
}
/* Uygula: bordo gradient */
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton:not(.silik) {
    background: linear-gradient(155deg, #b52b40 0%, #8b1e2d 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(139, 30, 45, 0.26) !important;
}
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton:not(.silik):hover {
    background: linear-gradient(155deg, #c43248 0%, #9f2236 100%) !important;
    box-shadow: 0 6px 18px rgba(139, 30, 45, 0.34) !important;
    transform: translateY(-1px) !important;
}
/* Sıfırla: soft neutral */
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton.silik {
    background: #ffffff !important;
    color: #4a3538 !important;
    border: 1px solid rgba(139, 30, 45, 0.18) !important;
    box-shadow: 0 1px 3px rgba(15, 15, 15, 0.06) !important;
}
#uzman-uygulama .uzman-panel-v5 .card-actions .filtre-buton.silik:hover {
    background: rgba(139, 30, 45, 0.04) !important;
    border-color: rgba(139, 30, 45, 0.30) !important;
    transform: translateY(-1px) !important;
}

/* ================================================================
   TEK KATMANLI SONUÇ TABLOSU
   Önceki tüm tablo patch'leri bu blok tarafından ezilir.
   ================================================================ */

/* ── 1. TABLE-CARD: TEK GÖRSEL CONTAINER ─────────────────────────
   Tüm border / shadow / radius yalnızca burada.
   İçerdeki hiçbir öğenin kendi border/shadow'u olmaz.           */
.table-card,
#ogrenci-uygulama .table-card,
#uzman-uygulama .table-card {
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid rgba(139, 30, 45, 0.09) !important;
    border-radius: 18px !important;
    box-shadow:
        0 8px 28px rgba(15, 15, 15, 0.07),
        0 1px 3px  rgba(15, 15, 15, 0.04) !important;
    overflow: visible !important;
    position: relative !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

/* ── 2. TABLO-KONTEYNER: ŞEFFAF SCROLL WRAPPER ───────────────────
   Görsel sıfır; sadece yapısal kap.
   overflow:visible → sticky headers viewport'a göre çalışır.   */
.tablo-konteyner,
#ogrenci-uygulama .tablo-konteyner,
#uzman-uygulama .tablo-konteyner {
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 80px !important;
    width: 100% !important;
    max-width: none !important;
    /* margin-top override: uzman-toolbar-fixed durumu */
}
#uzman-uygulama .ana-panel.uzman-toolbar-fixed .tablo-konteyner {
    margin-top: 0 !important;
}

/* ── 3. TABLE TEMEL YAPI ─────────────────────────────────────── */
table.veri-tablo,
#ogrenci-uygulama table.veri-tablo,
#uzman-uygulama table.veri-tablo {
    width: 100% !important;
    font-family: "Inter", "SF Pro Text", -apple-system, "Segoe UI", system-ui, sans-serif !important;
    font-size: 13.5px !important;
    color: #1a1a1a !important;
    background: transparent !important;
    table-layout: auto;
}

/* ── 4. THEAD → STATIC (sticky yalnızca th'de) ───────────────── */
table.veri-tablo thead,
#ogrenci-uygulama table.veri-tablo thead,
#uzman-uygulama table.veri-tablo thead {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    background: transparent !important;
}

/* ── 5. THEAD TH → STICKY ─────────────────────────────────────
   top = --ust-serit-h (navbar yüksekliği).
   Uzman toolbar artık sticky DEĞİL → ekstra offset gerekmiyor. */
table.veri-tablo thead th,
#ogrenci-uygulama table.veri-tablo thead th,
#uzman-uygulama table.veri-tablo thead th {
    position: sticky !important;
    top: var(--ust-serit-h, 94px) !important;
    z-index: 20 !important;
    padding: 13px 16px !important;
    background: #fbf7f7 !important;
    color: #6f5358 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
    text-align: left !important;
    border-bottom: 1px solid rgba(139, 30, 45, 0.14) !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
    vertical-align: middle !important;
    font-style: normal !important;
}

/* Taban Puan başlığı — bordo vurgu */
table.veri-tablo thead th[data-alan="taban_puan_2024"] {
    color: #8b1e2d !important;
}

/* th hover */
table.veri-tablo thead th:hover {
    background: #f7efee !important;
    color: #8b1e2d !important;
}

/* th son kolon: sağ border yok */
table.veri-tablo thead th:last-child {
    border-right: none !important;
}

/* Sort ikonları */
table.veri-tablo thead th.sirali::after {
    content: " \2191" !important;
    font-size: 10px !important;
    opacity: 0.55 !important;
}
table.veri-tablo thead th.sirali.azalan::after {
    content: " \2193" !important;
    font-size: 10px !important;
    opacity: 0.55 !important;
}

/* İlk / son kolon padding */
table.veri-tablo th:first-child,
table.veri-tablo td:first-child {
    padding-left: 20px !important;
}
table.veri-tablo th:last-child,
table.veri-tablo td:last-child {
    padding-right: 20px !important;
    border-right: none !important;
}

/* Tablo satır stili */
table.veri-tablo tbody td,
#ogrenci-uygulama table.veri-tablo tbody td,
#uzman-uygulama table.veri-tablo tbody td {
    padding: 15px 16px !important;
    vertical-align: middle !important;
    color: #1f2937 !important;
    line-height: 1.45 !important;
    font-style: normal !important;
    box-shadow: none !important;
    animation: none !important;
    transition: background 70ms ease !important;
}

/* Zebra: çift satırlar çok hafif warm-gray */
table.veri-tablo tbody tr:nth-child(even) td {
    background: #fdfbfa !important;
}

/* Hover */
table.veri-tablo tbody tr:hover td {
    cursor: pointer !important;
}

/* Son satır: alt border yok */
table.veri-tablo tbody tr:last-child td {
    border-bottom: none !important;
}

/* Tür satırları: zebra'ya izin ver (genel arka plan sıfır) */
table.veri-tablo tr.devlet td,
table.veri-tablo tr.vakif td,
table.veri-tablo tr.kktc-row td {
    background: #ffffff !important;
}
table.veri-tablo tbody tr.devlet:nth-child(even) td,
table.veri-tablo tbody tr.vakif:nth-child(even) td,
table.veri-tablo tbody tr.kktc-row:nth-child(even) td {
    background: #fdfbfa !important;
}
table.veri-tablo tr.devlet:hover td,
table.veri-tablo tr.vakif:hover td,
table.veri-tablo tr.kktc-row:hover td {
    background: rgba(139, 30, 45, 0.028) !important;
}

/* Yerleşmedi: soluk-italic */
table.veri-tablo tr.yerlesmedi td {
    color: #9ca3af !important;
    font-style: italic !important;
}

/* ── 7. HÜCRE TÜRLERİ ────────────────────────────────────────── */

/* Taban puan: bordo + bold */
table.veri-tablo td.td-taban-puan {
    color: #8b1e2d !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}

/* Program kodu: gri + mono */
table.veri-tablo td.program-kod-cell {
    font-size: 12px !important;
    color: #6b7280 !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
}

/* Favori butonu hücresi: minimum genişlik */
table.veri-tablo td.td-liste {
    white-space: nowrap !important;
    width: 1px !important;
}

/* ── 8. BADGES (Üniversite türü) ─────────────────────────────── */
.ogr-unituru-badge,
.badge-vakif,
.badge-devlet,
.badge-kktc,
.mini-type {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 3px 9px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    border: none !important;
}
.badge-vakif,
.mini-type-vakif  { background: rgba(139, 30, 45, 0.08) !important; color: #8b1e2d !important; }
.badge-devlet,
.mini-type-devlet { background: rgba(2,  77, 116, 0.09) !important; color: #024d74 !important; }
.badge-kktc,
.mini-type-kktc   { background: rgba(100, 65, 0, 0.09) !important; color: #7a5000 !important; }

/* ── 9. TABAN PUAN + ÜCRET SAYISAL STİLLER ──────────────────── */
.td-taban-puan {
    color: #8b1e2d !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}
.ucret-sifir {
    color: #047857 !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
}

/* Favori butonu */
button.favori-btn,
button.favori-btn-outlined {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(139, 30, 45, 0.28) !important;
    background: #ffffff !important;
    color: #8b1e2d !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(15, 15, 15, 0.04) !important;
    transition: background 130ms ease, border-color 130ms ease, transform 130ms ease !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
button.favori-btn:hover,
button.favori-btn-outlined:hover {
    background: rgba(139, 30, 45, 0.06) !important;
    border-color: rgba(139, 30, 45, 0.44) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(139, 30, 45, 0.10) !important;
}
button.favori-btn.aktif,
button.favori-btn-outlined.aktif,
button.favori-btn-outlined.eklendi {
    background: rgba(139, 30, 45, 0.09) !important;
    border-color: rgba(139, 30, 45, 0.36) !important;
    color: #7a1825 !important;
    transform: none !important;
}

/* ── 11. BEYKOZ SATIRI: animasyonsuz, sade ────────────────────── */
table.veri-tablo tr.row-beykoz td,
table.veri-tablo tbody tr.row-beykoz td {
    background: rgba(255, 248, 249, 0.80) !important;
    animation: none !important;
    box-shadow: none !important;
}
table.veri-tablo tbody tr.row-beykoz:nth-child(even) td {
    background: rgba(255, 245, 247, 0.90) !important;
}
table.veri-tablo tbody tr.row-beykoz:hover td {
    background: rgba(255, 235, 238, 0.95) !important;
}


/* ── 12. UNİVERSİTE LOGO (Beykoz) ───────────────────────────── */




/* ── 13. UZMAN TOOLBAR: SCROLL EDİLEBİLİR (STICKY DEĞİL) ─────── */
#uzman-uygulama .results-summary-card .panel-ust,
#uzman-uygulama .results-summary-card .uzman-toolbar,
#uzman-uygulama .results-summary-card .panel-ust.uzman-toolbar,
#uzman-uygulama .results-summary-card .uzman-toolbar.js-fixed {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    transform: none !important;
    left: auto !important;
    width: auto !important;
    max-width: none !important;
}

/* ================================================================
   BEYKOZ SATIR SADELEŞTİRME + LOGO YERLEŞİMİ
   ================================================================ */

/* ─── Beykoz satır animasyonlarını ve sol kenar efektlerini kaldır ── */
table.veri-tablo tr.row-beykoz td {
    animation: none !important;
    box-shadow: none !important;
    background: rgba(255, 248, 249, 0.85) !important;
}
table.veri-tablo tr.row-beykoz td:first-child {
    box-shadow: none !important;
}
/* ::before pseudo-element animasyonlu kırmızı çizgiyi gizle */
table.veri-tablo tbody tr.row-beykoz {
    position: static !important;
}
table.veri-tablo tbody tr.row-beykoz::before {
    display: none !important;
    content: none !important;
    animation: none !important;
    opacity: 0 !important;
    width: 0 !important;
}
table.veri-tablo tr.row-beykoz:hover td {
    background: rgba(255, 242, 244, 0.95) !important;
    box-shadow: none !important;
}

/* ─── Beykoz üniversite ismi + logo layout ───────────────────── */
.uni-brand.uni-brand-beykoz {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
}
.uni-brand.uni-brand-beykoz .uni-name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: normal !important;
}
img.uni-beykoz-logo {
    flex: 0 0 auto !important;
    height: 22px !important;
    width: auto !important;
    max-width: 60px !important;
    object-fit: contain !important;
    opacity: 0.82 !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

table.veri-tablo tr.beykoz-row td,
table.veri-tablo tr.row-beykoz td {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,248,249,0.98)) !important;
    border-top-color: rgba(139, 30, 45, 0.16) !important;
    border-bottom-color: rgba(139, 30, 45, 0.16) !important;
}
table.veri-tablo tr.beykoz-row td:first-child,
table.veri-tablo tr.row-beykoz td:first-child {
    box-shadow: inset 4px 0 0 #8b1e2d, 0 7px 18px rgba(139, 30, 45, 0.06) !important;
}
table.veri-tablo tr.beykoz-row:hover td,
table.veri-tablo tr.row-beykoz:hover td {
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,246,248,0.99)) !important;
}
.beykoz-inline-logo {
    width: 18px;
    height: 18px;
    object-fit: contain;
    display: block;
    flex: 0 0 18px;
    position: relative;
    z-index: 2;
    animation: none !important;
}

.beykoz-uni-metal {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 100%;
    white-space: normal;
}
.beykoz-uni-metal .beykoz-inline-logo {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex: 0 0 18px;
    display: block;
    filter: drop-shadow(0 1px 2px rgba(139,30,45,0.20)) drop-shadow(0 0 5px rgba(139,30,45,0.10));
    animation: none !important;
}
.beykoz-metal-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-width: 0;
    text-align: center;
    font-size: 13px;
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: transparent;
    background-image: linear-gradient(100deg, #8b1e2d 0%, #8b1e2d 36%, #b52c43 43%, #ffffff 48%, #d65b70 52%, #ffffff 56%, #8b1e2d 64%, #8b1e2d 100%);
    background-size: 320% 100%;
    background-position: 130% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,0.80)) drop-shadow(0 0 5px rgba(139,30,45,0.10));
    animation: none !important;
}
.program-grid-row.beykoz-orbit-row:hover .beykoz-metal-text {
    animation: beykozVisibleMetalTextSweep 2.8s cubic-bezier(.22,.75,.25,1) 1 !important;
}
.beykoz-metal-text::before,
.beykoz-metal-text::after {
    content: none !important;
    display: none !important;
}
@keyframes beykozVisibleMetalTextSweep {
    0% { background-position: 130% 0; }
    46% { background-position: -130% 0; }
    100% { background-position: -130% 0; }
}
@keyframes beykozUniLogoPulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 1px 2px rgba(139,30,45,0.20)) drop-shadow(0 0 5px rgba(139,30,45,0.10));
    }
    45%, 58% {
        transform: scale(1.06);
        filter: drop-shadow(0 1px 3px rgba(139,30,45,0.26)) drop-shadow(0 0 8px rgba(139,30,45,0.18));
    }
}
@media (prefers-reduced-motion: reduce) {
    .beykoz-metal-text,
    .beykoz-uni-metal .beykoz-inline-logo { animation: none; }
}

/* Oval tablo satırları */
table.veri-tablo,
#ogrenci-uygulama table.veri-tablo,
#uzman-uygulama table.veri-tablo {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
}
table.veri-tablo thead th,
#ogrenci-uygulama table.veri-tablo thead th,
#uzman-uygulama table.veri-tablo thead th {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
table.veri-tablo thead th:not(:last-child),
table.veri-tablo tbody td:not(:last-child),
#ogrenci-uygulama table.veri-tablo thead th:not(:last-child),
#ogrenci-uygulama table.veri-tablo tbody td:not(:last-child),
#uzman-uygulama table.veri-tablo thead th:not(:last-child),
#uzman-uygulama table.veri-tablo tbody td:not(:last-child) {
    border-right: none !important;
    box-shadow: none !important;
}
table.veri-tablo tbody td,
#ogrenci-uygulama table.veri-tablo tbody td,
#uzman-uygulama table.veri-tablo tbody td {
    border-left: none !important;
    border-right: none !important;
    border-top: 1px solid rgba(20, 20, 20, 0.035) !important;
    border-bottom: 1px solid rgba(20, 20, 20, 0.045) !important;
    background: #fff !important;
    background-clip: padding-box;
}
table.veri-tablo tbody td:first-child,
#ogrenci-uygulama table.veri-tablo tbody td:first-child,
#uzman-uygulama table.veri-tablo tbody td:first-child {
    border-left: 1px solid rgba(20, 20, 20, 0.045) !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px;
}
table.veri-tablo tbody td:last-child,
#ogrenci-uygulama table.veri-tablo tbody td:last-child,
#uzman-uygulama table.veri-tablo tbody td:last-child {
    border-right: 1px solid rgba(20, 20, 20, 0.045) !important;
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px;
}
table.veri-tablo tbody tr:hover td {
    background: #fffdfd !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85) !important;
}
table.veri-tablo tbody tr.row-beykoz td,
table.veri-tablo tbody tr.beykoz-row td {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,248,249,0.98)) !important;
    border-top-color: rgba(139, 30, 45, 0.14) !important;
    border-bottom-color: rgba(139, 30, 45, 0.14) !important;
    animation: none !important;
}
table.veri-tablo tbody tr.row-beykoz td:first-child,
table.veri-tablo tbody tr.beykoz-row td:first-child {
    border-left-color: rgba(139, 30, 45, 0.18);
    box-shadow: inset 4px 0 0 #8b1e2d, 0 7px 18px rgba(139, 30, 45, 0.055) !important;
}
table.veri-tablo tbody tr.row-beykoz td:last-child,
table.veri-tablo tbody tr.beykoz-row td:last-child {
    border-right-color: rgba(139, 30, 45, 0.18);
}
table.veri-tablo tbody tr.row-beykoz:hover td,
table.veri-tablo tbody tr.beykoz-row:hover td {
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,246,248,0.99)) !important;
}
table.veri-tablo tbody tr.row-beykoz::before,
table.veri-tablo tbody tr.beykoz-row::before {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* Uzman sonuc grid tablosu */
#uzman-uygulama .tablo-konteyner,
#ogrenci-uygulama .tablo-konteyner {
    max-width: 100%;
    overflow: visible !important;
}
.results-table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
    box-sizing: border-box;
}
.results-table-card {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.program-grid-table {
    /* Akışkan kolonlar: ekran genişliğini oranı koruyarak doldurur (responsive). */
    --table-columns: minmax(58px, 0.62fr) minmax(78px, 0.9fr) minmax(130px, 1.7fr) minmax(140px, 1.5fr) minmax(58px, 0.7fr) minmax(64px, 0.8fr) minmax(78px, 0.95fr) minmax(72px, 0.85fr) minmax(84px, 0.95fr) minmax(84px, 0.95fr) minmax(92px, 1fr) minmax(100px, 1.05fr);
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
/* Uzman modunda aday puanı/sırası girilince sona "Durum" sütunu eklenir.
   Yalnız uzman tablosunu etkiler; öğrenci tablosu 12 kolonda kalır. */
.program-grid-table.with-durum {
    /* 13. sütun (Durum) eklenince tablo dar laptoplarda taşıp sonu kesiliyordu;
       kolonlar 1280px'e sığacak şekilde daraltıldı. */
    --table-columns: minmax(58px, 0.62fr) minmax(78px, 0.9fr) minmax(130px, 1.65fr) minmax(140px, 1.45fr) minmax(58px, 0.7fr) minmax(64px, 0.8fr) minmax(78px, 0.92fr) minmax(70px, 0.85fr) minmax(72px, 0.85fr) minmax(84px, 0.95fr) minmax(84px, 0.95fr) minmax(90px, 1fr) minmax(92px, 1fr);
}
.program-grid-header,
.program-grid-row {
    display: grid;
    grid-template-columns: var(--table-columns);
    align-items: center;
    column-gap: 0;
}
/* Durum sütunu (13.) hücresi: rozet + ±fark dikey, ortalı */
.program-grid-table.with-durum .program-grid-header .cell:nth-child(13),
.program-grid-table.with-durum .program-grid-row .cell:nth-child(13) {
    text-align: center;
    justify-content: center;
}
.td-uzman-durum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-align: center;
}
.uzman-fark {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1;
}
.uzman-fark-guvenli { color: var(--renk-guvenli-yazi, #1f7a3d); }
.uzman-fark-sinirda { color: var(--renk-sinirda-yazi, #9a6a00); }
.uzman-fark-riskli  { color: var(--renk-riskli-yazi, #b3261e); }
.uzman-fark-veri-yok { color: var(--renk-yazi-soluk, #888); }
.program-grid-header {
    min-height: 52px;
    padding: 0 12px;
    border-radius: 0;
    background: transparent;
    color: #6f5358;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
    box-shadow: inset 0 -1px 0 rgba(139, 30, 45, 0.14);
    margin-bottom: 2px;
}
.program-grid-header [data-alan] {
    cursor: pointer;
}
.program-grid-header .sirali::after {
    content: " \2191";
    opacity: 0.6;
}
.program-grid-header .sirali.azalan::after {
    content: " \2193";
}
.program-grid-row {
    position: relative;
    min-height: 66px;
    padding: 0 12px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(20, 20, 20, 0.055);
    box-shadow: 0 2px 8px rgba(15, 15, 15, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.70);
    overflow: hidden;
    isolation: isolate;
    transition: box-shadow 170ms ease, background 170ms ease;
}
.program-grid-row:hover {
    transform: none;
    background: #fffdfd;
    box-shadow: 0 4px 12px rgba(139,30,45,0.08), inset 0 1px 0 rgba(255,255,255,0.75);
}
/* Tüm başlık hücreleri: ortak tipografi, sabit yükseklik, dikey/yatay ortalama,
   dengeli (taşarsa) iki satır — kolon hizası grid ile body ile birebir korunur */
.program-grid-header .cell {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 70px;
    min-width: 0;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: keep-all;
    hyphens: none;
}
.program-grid-row .cell:nth-child(9),
.program-grid-row .cell:nth-child(10),
.program-grid-row .cell:nth-child(11),
.program-grid-row .cell:nth-child(12) {
    text-align: center;
}
.program-grid-row .cell {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding: 0 8px;
    font-size: 13px;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: normal;
    word-break: normal;
    box-sizing: border-box;
}
.program-grid-row .cell:nth-child(2) {
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    color: #4b5563;
}
.program-grid-row .cell:nth-child(3) {
    font-weight: 850;
    line-height: 1.25;
}
.program-grid-row .cell:nth-child(4) {
    line-height: 1.25;
}
.program-grid-row .cell:nth-child(6),
.program-grid-row .cell:nth-child(8),
.program-grid-row .cell:nth-child(12) {
    white-space: nowrap;
}
.program-grid-row .cell:nth-child(7) {
    white-space: normal;
    line-height: 1.2;
}
.program-grid-row.beykoz-orbit-row {
    border-color: transparent;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,248,249,0.98));
    box-shadow: 0 3px 10px rgba(139, 30, 45, 0.055), inset 0 1px 0 rgba(255,255,255,0.75);
}
.program-grid-row.beykoz-orbit-row::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.6px;
    background: linear-gradient(90deg, rgba(139,30,45,0.18), rgba(217,170,85,0.42), rgba(139,30,45,0.18));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
    animation: none !important;
}
.program-grid-row.beykoz-orbit-row:hover::before {
    background: conic-gradient(from var(--angle), rgba(139,30,45,0.16) 0deg, rgba(139,30,45,0.16) 70deg, rgba(217,170,85,0.88) 105deg, rgba(255,255,255,0.98) 126deg, rgba(217,170,85,0.88) 148deg, rgba(139,30,45,0.18) 210deg, rgba(139,30,45,0.16) 360deg);
    animation: beykozOrbitBorder 4.5s linear infinite !important;
}
.program-grid-row.beykoz-orbit-row::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: 17px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,249,250,0.96));
    z-index: 0;
    pointer-events: none;
}
.program-grid-row.beykoz-orbit-row:hover {
    transform: none;
    box-shadow: 0 4px 12px rgba(139, 30, 45, 0.08), inset 0 1px 0 rgba(255,255,255,0.75);
}
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@keyframes beykozOrbitBorder {
    from { --angle: 0deg; }
    to { --angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
    .program-grid-row.beykoz-orbit-row::before { animation: none; }
}

/* Sadece Beykoz orbit buton */
.uzman-filter-card.card-beykoz,
.card-beykoz,
.beykoz-card,
.filter-card.beykoz-card,
.beykoz-filter-card {
    overflow: visible !important;
}
.beykoz-orbit-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    min-height: 46px;
    padding: 0 18px;
    border: 0 !important;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    background: radial-gradient(circle at 22% 16%, rgba(255,255,255,0.22), transparent 26%), linear-gradient(180deg, #b02c40 0%, #8b1e2d 52%, #6f1523 100%) !important;
    box-shadow: 0 10px 24px rgba(79, 15, 26, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.14) !important;
    transform: translateZ(0);
    transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}
.beykoz-orbit-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(from var(--beykoz-btn-angle),
        rgba(255,255,255,0.10) 0deg,
        rgba(255,255,255,0.10) 82deg,
        rgba(255,233,196,0.55) 100deg,
        rgba(255,255,255,0.98) 116deg,
        rgba(255,214,150,0.95) 130deg,
        rgba(214,107,126,0.45) 150deg,
        rgba(255,255,255,0.10) 210deg,
        rgba(255,255,255,0.10) 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 2;
    animation: beykozButtonOrbit 3.4s linear infinite;
}
/* üzerinden geçen ışık parıltısı (glint) */
.beykoz-orbit-button::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(105deg, transparent 32%, rgba(255,255,255,0.30) 47%, rgba(255,255,255,0.06) 58%, transparent 64%);
    transform: translateX(-130%);
    animation: beykozGlint 4.6s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}
@keyframes beykozGlint {
    0%        { transform: translateX(-130%); }
    20%, 100% { transform: translateX(130%); }
}
.beykoz-button-text {
    position: relative;
    z-index: 3;
    font-family: "Inter", "SF Pro Text", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 850;
    letter-spacing: -0.015em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.22);
}
.beykoz-orbit-button:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 14px 28px rgba(79, 15, 26, 0.28), 0 0 16px rgba(139, 30, 45, 0.12), inset 0 1px 0 rgba(255,255,255,0.26), inset 0 -1px 0 rgba(0,0,0,0.14) !important;
}
.beykoz-orbit-button:active {
    transform: translateY(0) scale(0.99);
}
.beykoz-orbit-button.aktif,
.beykoz-orbit-button.is-active {
    background: radial-gradient(circle at 22% 16%, rgba(255,255,255,0.24), transparent 26%), linear-gradient(180deg, #b72f44 0%, #941f30 52%, #761725 100%) !important;
}
@property --beykoz-btn-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@keyframes beykozButtonOrbit {
    from { --beykoz-btn-angle: 0deg; }
    to { --beykoz-btn-angle: 360deg; }
}
@media (prefers-reduced-motion: reduce) {
    .beykoz-orbit-button::before,
    .beykoz-orbit-button::after { animation: none; }
    .beykoz-orbit-button::after { display: none; }
}

.hizli-ekle-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 96px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(139, 30, 45, 0.18) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(251,246,247,0.96) 100%) !important;
    color: #811a29 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
    white-space: nowrap !important;
    box-shadow:
        0 4px 12px rgba(139, 30, 45, 0.07),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease !important;
}
.hizli-ekle-btn:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(139, 30, 45, 0.28) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,243,246,0.98) 100%) !important;
    box-shadow:
        0 8px 18px rgba(139, 30, 45, 0.12),
        inset 0 1px 0 rgba(255,255,255,1) !important;
}
.hizli-ekle-btn:active {
    transform: translateY(0) scale(0.985) !important;
}
.hizli-ekle-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 999px;
    border: 1px solid rgba(139, 30, 45, 0.24);
    background: rgba(139, 30, 45, 0.055);
    color: #8b1e2d;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    flex: 0 0 15px;
}
.hizli-ekle-btn__text {
    line-height: 1;
}
.program-grid-row .cell:first-child {
    display: flex;
    justify-content: center;
}

/* ─── Sticky th top değeri: navbar yüksekliğine güvenli fallback ─ */
table.veri-tablo thead th,
#ogrenci-uygulama table.veri-tablo thead th {
    top: var(--ust-serit-h, 94px) !important;
}
#uzman-uygulama table.veri-tablo thead th {
    top: calc(var(--ust-serit-h, 94px) + var(--uzman-toolbar-h, 0px)) !important;
}

/* Nav dengesi */
.logo-alani {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 0 0 auto !important;
    max-width: min(44vw, 500px) !important;
}
.logo-alani .alt-baslik {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.serit-sag {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-left: auto;
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
}
.mod-tablari {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    flex: 0 0 auto !important;
}
.serit-sag > *,
.mod-tablari > * {
    flex: 0 0 auto !important;
}
.mod-tab,
.yardim-btn {
    flex: 0 0 auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    background: rgba(255, 255, 255, 0.40) !important;
    -webkit-backdrop-filter: saturate(160%) blur(14px) !important;
    backdrop-filter: saturate(160%) blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    color: #3a2f30 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 1px 3px rgba(122, 36, 44, 0.05) !important;
    opacity: 1 !important;
    transition: background 0.18s ease, border-color 0.2s ease !important;
}
.mod-tab:hover,
.yardim-btn:hover {
    transform: none !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border-color: rgba(122, 36, 44, 0.18) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}
.mod-tab.aktif,
.yardim-btn.vurgulu {
    background: linear-gradient(180deg, #a22538 0%, #8b1e2d 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(139, 30, 45, 0.20) !important;
}
.yardim-btn.pasif {
    opacity: 1 !important;
}

/* ===== NAV DÜZENİ: ana araç = bağlı SEGMENT kontrol; yardımcılar ayraçla ayrı ===== */
.ust-serit .mod-tablari {
    gap: 3px !important;
    padding: 3px !important;
    background: rgba(255,255,255,0.40) !important;
    border: 1px solid rgba(255,255,255,0.32) !important;
    border-radius: 15px !important;
    -webkit-backdrop-filter: saturate(160%) blur(14px) !important;
    backdrop-filter: saturate(160%) blur(14px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 3px rgba(122,36,44,0.05) !important;
}
.ust-serit .mod-tablari .mod-tab {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 12px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: #6e5d5f !important;
    font-weight: 650 !important;
}
.ust-serit .mod-tablari .mod-tab:hover {
    background: rgba(122,36,44,0.06) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
.ust-serit .mod-tablari .mod-tab.aktif {
    background: linear-gradient(180deg, #a22538 0%, #8b1e2d 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 6px 14px -4px rgba(139,30,45,0.42) !important;
}
/* Ana sekme ile yardımcı küme arasında ince ayraç */
.ust-serit .serit-ayrac {
    width: 1px;
    height: 24px;
    flex: 0 0 auto;
    background: rgba(122,36,44,0.16);
    margin: 0 4px;
    align-self: center;
}
/* Nav reflow olunca (mobil/tablet) ayraç gizlenir */
@media (max-width: 1040px) {
    .ust-serit .serit-ayrac { display: none !important; }
}
.mode-card-expert .mode-card-cta {
    background: linear-gradient(180deg, #a22538 0%, #8b1e2d 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(139, 30, 45, 0.22) !important;
    box-shadow: 0 12px 28px rgba(139, 30, 45, 0.22) !important;
}
.mode-card-expert .mode-card-cta:hover {
    box-shadow: 0 16px 34px rgba(139, 30, 45, 0.28) !important;
}

/* Açılış sayfası yeniden tasarımı */
.landing-page {
    width: 100%;
    min-height: calc(100vh - 76px);
    background:
        radial-gradient(circle at 76% 20%, rgba(139,30,45,0.1), transparent 26%),
        linear-gradient(180deg, #fffaf7 0%, #f7f1ed 100%);
    color: #201819;
    overflow-x: hidden;
}

.landing-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    padding: 22px 0 44px;
}

.landing-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 14px;
    border: 1px solid rgba(122,36,44,0.12);
    border-radius: 18px;
    background: rgba(255,255,255,0.84);
    box-shadow: 0 16px 40px rgba(31,24,25,0.07);
    margin-bottom: 34px;
}

.landing-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-weight: 820;
    color: #231a1c;
}

.landing-brand img {
    width: 118px;
    max-height: 36px;
    object-fit: contain;
}

.landing-nav-links {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.landing-nav-links button,
.landing-nav-links a,
.landing-btn {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #4b4143;
    padding: 10px 13px;
    font: inherit;
    font-size: 13px;
    font-weight: 720;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
}

.landing-nav-links button:hover,
.landing-nav-links a:hover {
    background: rgba(122,36,44,0.07);
    color: #7a242c;
}

.landing-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    background: #fff;
    border: 1px solid rgba(122,36,44,0.14);
    box-shadow: 0 10px 22px rgba(31,24,25,0.06);
}

.landing-btn.primary {
    color: #fff;
    background: linear-gradient(180deg, #9b2c39, #7a242c);
    border-color: #7a242c;
    box-shadow: 0 18px 36px rgba(122,36,44,0.22);
}

.landing-btn.secondary {
    color: #7a242c;
}

.landing-btn:hover {
    transform: translateY(-1px);
}

.landing-hero {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    gap: 44px;
    align-items: center;
}

.landing-copy {
    text-align: left;
}

.landing-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(122,36,44,0.14);
    border-radius: 999px;
    background: #fff;
    color: #7a242c;
    padding: 7px 11px;
    font-size: 12px;
    font-weight: 820;
    box-shadow: 0 10px 24px rgba(31,24,25,0.055);
}

.landing-copy h2 {
    margin: 18px 0 12px;
    color: #1d1416;
    font-size: clamp(42px, 6vw, 72px);
    line-height: 0.98;
    letter-spacing: 0;
    font-weight: 880;
}

.landing-lead {
    margin: 0 0 12px;
    color: #463b3e;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 700;
}

.landing-desc {
    margin: 0;
    color: #6c6163;
    font-size: 15px;
    line-height: 1.65;
    max-width: 580px;
}

.landing-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 26px;
}

.landing-stage {
    position: relative;
    min-height: 500px;
    perspective: 1400px;
    transform-style: preserve-3d;
}

.landing-device {
    position: relative;
    z-index: 2;
    width: min(100%, 590px);
    margin-left: auto;
    border: 1px solid rgba(122,36,44,0.14);
    border-radius: 28px;
    background: linear-gradient(145deg, #ffffff, #f8eeee);
    box-shadow: 0 44px 90px rgba(31,24,25,0.22), 0 12px 30px rgba(122,36,44,0.12);
    transform: rotateX(calc(7deg + var(--tilt-y, 0deg))) rotateY(calc(-10deg + var(--tilt-x, 0deg))) rotateZ(1deg);
    transform-style: preserve-3d;
    will-change: transform;
    padding: 18px;
}

.landing-device-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.landing-dots {
    display: flex;
    gap: 6px;
}

.landing-dots span {
    width: 8px;
    height: 8px;
    border-radius: 99px;
    background: rgba(122,36,44,0.22);
}

.landing-dashboard-preview {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 12px;
}

.landing-panel,
.landing-table,
.landing-floating-card {
    border: 1px solid rgba(122,36,44,0.1);
    border-radius: 16px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 12px 28px rgba(31,24,25,0.07);
}

.landing-panel {
    padding: 12px;
}

.landing-chip {
    display: inline-flex;
    margin: 0 6px 8px 0;
    padding: 6px 9px;
    border-radius: 999px;
    color: #7a242c;
    background: rgba(122,36,44,0.08);
    font-size: 11px;
    font-weight: 780;
}

.landing-meter {
    height: 8px;
    border-radius: 999px;
    background: #efe6e4;
    overflow: hidden;
    margin-top: 12px;
}

.landing-meter span {
    display: block;
    width: 68%;
    height: 100%;
    background: linear-gradient(90deg, #7a242c, #c35b66);
}

.landing-table {
    padding: 12px;
}

.landing-table-row {
    display: grid;
    grid-template-columns: 1fr 58px 58px;
    gap: 10px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    color: #483e40;
    font-size: 12px;
}

.landing-table-row:first-child {
    color: #7a242c;
    font-weight: 820;
}

.landing-table-row:last-child {
    border-bottom: 0;
}

.landing-floating-card {
    position: absolute;
    z-index: 3;
    padding: 14px;
}

.landing-ai-card {
    right: 0;
    bottom: 78px;
    width: 220px;
    transform: translate3d(calc(var(--p-x, 0) * -20px), calc(var(--p-y, 0) * -14px), 55px);
    will-change: transform;
}

.landing-export-card {
    left: 4px;
    bottom: 44px;
    width: 174px;
    transform: translate3d(calc(var(--p-x, 0) * 16px), calc(var(--p-y, 0) * 12px), 35px);
    will-change: transform;
}

.landing-floating-card strong {
    display: block;
    color: #7a242c;
    margin-bottom: 8px;
    font-size: 13px;
}

.landing-mini-bars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.landing-mini-bars span {
    display: block;
    border-radius: 10px;
    background: #fff4f5;
    color: #7a242c;
    padding: 8px 6px;
    text-align: center;
    font-size: 11px;
    font-weight: 820;
}

.landing-glow-base {
    position: absolute;
    left: 12%;
    right: 4%;
    bottom: 18px;
    height: 34px;
    border-radius: 50%;
    background: radial-gradient(ellipse at center, rgba(122,36,44,0.24), transparent 66%);
    filter: blur(4px);
}

.landing-stats,
.landing-features,
.landing-steps {
    display: grid;
    gap: 14px;
}

.landing-stats {
    grid-template-columns: repeat(4, 1fr);
    margin: 46px 0 18px;
}

.landing-features {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 18px;
}

.landing-stat,
.landing-feature,
.landing-step,
.landing-cta {
    border: 1px solid rgba(122,36,44,0.11);
    border-radius: 20px;
    background: rgba(255,255,255,0.86);
    box-shadow: 0 18px 40px rgba(31,24,25,0.07);
}

.landing-stat,
.landing-feature,
.landing-step {
    padding: 18px;
}

.landing-stat strong {
    display: block;
    color: #7a242c;
    font-size: 24px;
    margin-bottom: 5px;
}

.landing-stat span,
.landing-feature p,
.landing-step p,
.landing-cta p {
    color: #6b6062;
    line-height: 1.55;
    margin: 0;
}

.landing-feature h3,
.landing-step h3 {
    margin: 0 0 8px;
    color: #22191b;
    font-size: 16px;
}

.landing-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px;
    margin: 22px 0;
    background: linear-gradient(135deg, #7a242c, #9d3140);
}

.landing-cta h3 {
    margin: 0 0 6px;
    color: #fff;
    font-size: 26px;
    letter-spacing: 0;
}

.landing-cta p {
    color: rgba(255,255,255,0.82);
}

.landing-cta .landing-btn {
    color: #7a242c;
    background: #fff;
    border-color: transparent;
}

.landing-steps {
    grid-template-columns: repeat(3, 1fr);
    padding-bottom: 10px;
}

.landing-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 12px;
    color: #fff;
    background: #7a242c;
    font-weight: 850;
    margin-bottom: 12px;
}

@media (max-width: 900px) {
    .landing-hero { grid-template-columns: 1fr; }
    .landing-copy { text-align: center; }
    .landing-desc { margin-inline: auto; }
    .landing-actions { justify-content: center; }
    .landing-device { margin: 0 auto; transform: rotateX(5deg) rotateY(0deg); }
    .landing-stats,
    .landing-features { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .landing-shell { width: min(100% - 24px, 1180px); padding-top: 14px; }
    .landing-nav { align-items: flex-start; }
    .landing-nav,
    .landing-nav-links,
    .landing-cta { flex-direction: column; }
    .landing-nav-links { width: 100%; align-items: stretch; }
    .landing-nav-links button,
    .landing-nav-links a,
    .landing-nav-links .landing-btn { width: 100%; }
    .landing-brand img { width: 104px; }
    .landing-copy h2 { font-size: 42px; }
    .landing-stage { min-height: auto; }
    .landing-device { transform: none; border-radius: 22px; }
    .landing-dashboard-preview { grid-template-columns: 1fr; }
    .landing-floating-card { position: static; width: auto; margin-top: 12px; transform: none; }
    .landing-glow-base { display: none; }
    .landing-stats,
    .landing-features,
    .landing-steps { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .landing-btn:hover,
    .landing-device {
        transform: none;
    }
}

/* ============================================================
   AÇILIŞ EKRANI — GELİŞTİRMELER
   ============================================================ */

/* Aurora arka plan */
.landing-page { position: relative; isolation: isolate; }
.landing-shell { position: relative; z-index: 1; }

.landing-aurora {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.aurora-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(72px);
    opacity: 0.55;
    will-change: transform;
}
.aurora-blob-1 {
    width: 560px; height: 560px; top: -180px; left: -120px;
    background: radial-gradient(circle, rgba(122,36,44,0.50), transparent 66%);
    animation: auroraDrift1 22s ease-in-out infinite alternate;
}
.aurora-blob-2 {
    width: 520px; height: 520px; top: -90px; right: -150px;
    background: radial-gradient(circle, rgba(197,91,102,0.42), transparent 66%);
    animation: auroraDrift2 27s ease-in-out infinite alternate;
}
.aurora-blob-3 {
    width: 640px; height: 640px; bottom: -300px; left: 28%;
    background: radial-gradient(circle, rgba(157,49,64,0.30), transparent 68%);
    animation: auroraDrift3 31s ease-in-out infinite alternate;
}
.aurora-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(122,36,44,0.10) 1px, transparent 1.4px);
    background-size: 26px 26px;
    -webkit-mask-image: radial-gradient(ellipse 78% 56% at 50% 28%, #000 0%, transparent 80%);
    mask-image: radial-gradient(ellipse 78% 56% at 50% 28%, #000 0%, transparent 80%);
    opacity: 0.7;
}
@keyframes auroraDrift1 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(80px,60px,0) scale(1.12); } }
@keyframes auroraDrift2 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-70px,50px,0) scale(1.08); } }
@keyframes auroraDrift3 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(40px,-60px,0) scale(1.14); } }

/* Yumuşak parallax geçişi (rAF lerp ile sürülür) */
.landing-stage { transition: none; }

/* Giriş animasyonları (yalnız anim-ready iken; JS yoksa her şey görünür kalır) */
@keyframes landingFadeUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }

.landing-page.anim-ready .landing-copy > * { opacity: 0; animation: landingFadeUp 0.7s cubic-bezier(.2,.7,.2,1) forwards; }
.landing-page.anim-ready .landing-copy > *:nth-child(1) { animation-delay: 0.05s; }
.landing-page.anim-ready .landing-copy > *:nth-child(2) { animation-delay: 0.13s; }
.landing-page.anim-ready .landing-copy > *:nth-child(3) { animation-delay: 0.21s; }
.landing-page.anim-ready .landing-copy > *:nth-child(4) { animation-delay: 0.29s; }
.landing-page.anim-ready .landing-copy > *:nth-child(5) { animation-delay: 0.37s; }
.landing-page.anim-ready .landing-stage { opacity: 0; animation: landingFadeUp 0.9s 0.22s cubic-bezier(.2,.7,.2,1) forwards; }

.landing-page.anim-ready .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s cubic-bezier(.2,.7,.2,1), transform 0.7s cubic-bezier(.2,.7,.2,1); }
.landing-page.anim-ready .reveal.in-view { opacity: 1; transform: none; }

/* Hareket azaltma tercihi: tüm landing efektlerini kapat, içeriği göster */
@media (prefers-reduced-motion: reduce) {
    .aurora-blob { animation: none; }
    .landing-device { transform: rotateX(7deg) rotateY(-10deg) rotateZ(1deg); }
    .landing-ai-card, .landing-export-card { transform: translate3d(0,0,40px); }
    .landing-page.anim-ready .landing-copy > *,
    .landing-page.anim-ready .landing-stage,
    .landing-page.anim-ready .reveal {
        opacity: 1;
        transform: none;
        animation: none;
        transition: none;
    }
}

/* ============================================================
   AÇILIŞ EKRANI
   Mevcut landing-* iskelet sınıfları (stage, device,
   floating-card, aurora) korunur; lp-* üstüne görsel katman ekler.
   ============================================================ */

.landing-shell {
    --lp-bordo: #7a242c;
    --lp-bordo-2: #9d3140;
    --lp-ink: #22191b;
    --lp-muted: #6b6062;
    --lp-line: rgba(122,36,44,0.12);
    --lp-card: rgba(255,255,255,0.72);
}

/* ---------- Eyebrow / bölüm başlıkları ---------- */
.lp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--lp-line);
    background: rgba(255,255,255,0.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--lp-bordo);
    font-size: 12.5px;
    font-weight: 760;
    letter-spacing: 0.01em;
}
.lp-eyebrow-dot {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--lp-bordo);
    box-shadow: 0 0 0 4px rgba(122,36,44,0.14);
    animation: lpPulse 2.4s ease-in-out infinite;
}
@keyframes lpPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.8); } }

.lp-section { margin-top: 64px; }
.lp-section-head { max-width: 640px; margin-bottom: 28px; }
.lp-section-title {
    margin: 16px 0 0;
    font-size: clamp(26px, 3.4vw, 38px);
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--lp-ink);
    font-weight: 850;
}

/* ---------- HERO ---------- */
.lp-hero {
    align-items: center;
    gap: 48px;
    padding-top: 18px;
}
.lp-hero-copy { max-width: 560px; }
.lp-title {
    margin: 18px 0 0;
    font-size: clamp(40px, 6.2vw, 70px);
    line-height: 1.02;
    letter-spacing: -0.035em;
    font-weight: 880;
    color: var(--lp-ink);
}
.lp-title-line { display: block; }
.lp-title-gradient {
    background: linear-gradient(100deg, var(--lp-bordo) 0%, var(--lp-bordo-2) 45%, #d06b78 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.lp-lead {
    margin: 22px 0 0;
    font-size: clamp(16px, 1.5vw, 19px);
    line-height: 1.6;
    color: var(--lp-muted);
    max-width: 480px;
}
.lp-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
.lp-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 24px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--lp-bordo), var(--lp-bordo-2));
    color: #fff;
    font-size: 15px;
    font-weight: 780;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(122,36,44,0.30);
    transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s;
}
.lp-cta-primary svg { transition: transform .25s cubic-bezier(.2,.7,.2,1); }
.lp-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 20px 40px rgba(122,36,44,0.38); }
.lp-cta-primary:hover svg { transform: translateX(4px); }
.lp-cta-ghost {
    display: inline-flex;
    align-items: center;
    padding: 14px 22px;
    border-radius: 14px;
    border: 1px solid var(--lp-line);
    background: rgba(255,255,255,0.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--lp-ink);
    font-size: 15px;
    font-weight: 740;
    cursor: pointer;
    transition: background .2s, transform .25s, border-color .2s;
}
.lp-cta-ghost:hover { background: #fff; transform: translateY(-2px); border-color: rgba(122,36,44,0.28); }
.lp-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}
.lp-trust li {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--lp-muted);
    font-size: 13.5px;
    font-weight: 600;
}
.lp-trust svg { color: var(--lp-bordo); flex-shrink: 0; }

/* Sahne halkaları (derinlik) */
.lp-stage-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(122,36,44,0.14);
    pointer-events: none;
}
.lp-stage-ring-1 { inset: -6% 8% 12% -4%; }
.lp-stage-ring-2 { inset: 6% -4% 0 10%; border-style: dashed; opacity: .6; }

/* Cihaz parlama (sheen) */
.lp-device { position: relative; overflow: hidden; }
.lp-device-sheen {
    position: absolute;
    top: 0; left: -60%;
    width: 50%; height: 100%;
    background: linear-gradient(105deg, transparent, rgba(255,255,255,0.55), transparent);
    transform: skewX(-18deg);
    animation: lpSheen 6.5s ease-in-out infinite;
    pointer-events: none;
    z-index: 4;
}
@keyframes lpSheen { 0%, 62% { left: -60%; } 84%, 100% { left: 130%; } }

.lp-panel { position: relative; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.lp-panel-label, .lp-panel-cap { font-size: 11px; color: var(--lp-muted); font-weight: 680; }
.lp-panel-cap { margin-top: 2px; }
.lp-chip-accent { background: var(--lp-bordo) !important; color: #fff !important; }
.lp-meter span { animation: lpMeterFill 2.8s ease-in-out infinite alternate; }
@keyframes lpMeterFill { from { width: 46%; } to { width: 78%; } }

.lp-th { color: var(--lp-bordo); font-weight: 820; }
.lp-num { font-variant-numeric: tabular-nums; font-weight: 760; color: var(--lp-ink); }
.lp-pill {
    justify-self: start;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 760;
}
.lp-pill-ok { background: rgba(34,139,69,0.12); color: #1f8b45; }
.lp-pill-warn { background: rgba(214,158,46,0.16); color: #b7791f; }
.lp-pill-risk { background: rgba(122,36,44,0.12); color: var(--lp-bordo); }

.lp-float {
    border-radius: 16px !important;
    background: rgba(255,255,255,0.82) !important;
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,0.6);
    box-shadow: 0 22px 48px rgba(31,24,25,0.16);
}
.lp-ai-bars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.lp-ai-bars span {
    display: flex; flex-direction: column; align-items: center; gap: 1px;
    border-radius: 11px;
    background: #fff4f5;
    padding: 8px 4px;
}
.lp-ai-bars b { color: var(--lp-bordo); font-size: 17px; font-weight: 850; }
.lp-ai-bars i { color: var(--lp-muted); font-style: normal; font-size: 10px; font-weight: 640; }
.lp-export-row { display: flex; gap: 7px; }

/* ---------- METRİKLER ---------- */
.lp-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: 56px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid var(--lp-line);
    background: rgba(255,255,255,0.55);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 44px rgba(31,24,25,0.06);
}
.lp-metric { text-align: center; padding: 6px 4px; }
.lp-metric strong {
    display: block;
    font-size: clamp(26px, 3.4vw, 36px);
    font-weight: 880;
    letter-spacing: -0.02em;
    color: var(--lp-bordo);
    font-variant-numeric: tabular-nums;
}
.lp-metric span { color: var(--lp-muted); font-size: 13px; font-weight: 600; }

/* ---------- BENTO ÖZELLİKLER ---------- */
.lp-bento {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 16px;
}
.lp-bento-card {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 22px;
    border: 1px solid var(--lp-line);
    background: rgba(255,255,255,0.78);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 14px 36px rgba(31,24,25,0.06);
    transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s, border-color .3s;
}
.lp-bento-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 0%), rgba(122,36,44,0.10), transparent 70%);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}
.lp-bento-card:hover { transform: translateY(-4px); box-shadow: 0 26px 56px rgba(31,24,25,0.12); border-color: rgba(122,36,44,0.28); }
.lp-bento-card:hover::after { opacity: 1; }
.lp-bento-1 { grid-column: span 2; grid-row: span 2; }
.lp-bento-2 { grid-column: span 2; }
.lp-bento-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px; height: 46px;
    border-radius: 14px;
    margin-bottom: 16px;
    color: var(--lp-bordo);
    background: linear-gradient(135deg, rgba(122,36,44,0.12), rgba(197,91,102,0.10));
    border: 1px solid var(--lp-line);
}
.lp-bento-card h3 { margin: 0 0 8px; font-size: 18px; color: var(--lp-ink); font-weight: 800; letter-spacing: -0.01em; }
.lp-bento-card p { margin: 0; color: var(--lp-muted); line-height: 1.55; font-size: 14px; }
.lp-bento-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.lp-bento-chips span {
    padding: 5px 11px;
    border-radius: 999px;
    background: #fff4f5;
    color: var(--lp-bordo);
    font-size: 11.5px;
    font-weight: 720;
    border: 1px solid var(--lp-line);
}
.lp-bento-chips-more { background: var(--lp-bordo) !important; color: #fff !important; border-color: transparent !important; }

/* ---------- ADIMLAR ---------- */
.lp-steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.lp-steps-rail {
    position: absolute;
    top: 32px; left: 12%; right: 12%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(122,36,44,0.28), transparent);
    z-index: 0;
}
.lp-step {
    position: relative;
    z-index: 1;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid var(--lp-line);
    background: rgba(255,255,255,0.78);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 14px 32px rgba(31,24,25,0.05);
    transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s;
}
.lp-step:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(31,24,25,0.10); }
.lp-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    border-radius: 14px;
    margin-bottom: 14px;
    color: #fff;
    font-weight: 860;
    font-size: 18px;
    background: linear-gradient(135deg, var(--lp-bordo), var(--lp-bordo-2));
    box-shadow: 0 10px 22px rgba(122,36,44,0.30);
}
.lp-step h4 { margin: 0 0 6px; font-size: 17px; color: var(--lp-ink); font-weight: 800; }
.lp-step p { margin: 0; color: var(--lp-muted); line-height: 1.55; font-size: 14px; }

/* ---------- CTA ---------- */
.lp-cta-section { margin: 70px 0 12px; }
.lp-cta-card {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 22px;
    padding: 38px 40px;
    border-radius: 26px;
    background: linear-gradient(125deg, #6f1f27 0%, #8b2733 48%, #a8394a 100%);
    box-shadow: 0 30px 70px rgba(122,36,44,0.34);
}
.lp-cta-glow {
    position: absolute;
    width: 420px; height: 420px;
    right: -120px; top: -180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,0.22), transparent 65%);
    pointer-events: none;
}
.lp-cta-text { position: relative; z-index: 1; }
.lp-cta-text h3 { margin: 0 0 6px; color: #fff; font-size: clamp(22px, 2.8vw, 30px); font-weight: 850; letter-spacing: -0.02em; }
.lp-cta-text p { margin: 0; color: rgba(255,255,255,0.82); font-size: 15px; }
.lp-cta-on-dark {
    position: relative;
    z-index: 1;
    background: #fff;
    color: var(--lp-bordo);
    box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.lp-cta-on-dark:hover { box-shadow: 0 20px 40px rgba(0,0,0,0.26); }

/* ---------- Giriş animasyonları (lp- bölümleri) ---------- */
.landing-page.anim-ready .lp-hero-copy > * { opacity: 0; animation: landingFadeUp 0.7s cubic-bezier(.2,.7,.2,1) forwards; }
.landing-page.anim-ready .lp-hero-copy > *:nth-child(1) { animation-delay: 0.05s; }
.landing-page.anim-ready .lp-hero-copy > *:nth-child(2) { animation-delay: 0.13s; }
.landing-page.anim-ready .lp-hero-copy > *:nth-child(3) { animation-delay: 0.21s; }
.landing-page.anim-ready .lp-hero-copy > *:nth-child(4) { animation-delay: 0.29s; }
.landing-page.anim-ready .lp-hero-copy > *:nth-child(5) { animation-delay: 0.37s; }

/* reveal devralınır: lp- kartlarını da gözle */
.landing-page.anim-ready .lp-metric,
.landing-page.anim-ready .lp-bento-card,
.landing-page.anim-ready .lp-step,
.landing-page.anim-ready .lp-cta-card {
    opacity: 0; transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(.2,.7,.2,1), transform 0.7s cubic-bezier(.2,.7,.2,1);
}
.landing-page.anim-ready .lp-metric.in-view,
.landing-page.anim-ready .lp-bento-card.in-view,
.landing-page.anim-ready .lp-step.in-view,
.landing-page.anim-ready .lp-cta-card.in-view { opacity: 1; transform: none; }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .lp-hero { grid-template-columns: 1fr; }
    .lp-hero-copy { text-align: center; margin-inline: auto; }
    .lp-lead { margin-inline: auto; }
    .lp-actions, .lp-trust { justify-content: center; }
    .lp-metrics { grid-template-columns: repeat(2, 1fr); }
    .lp-bento { grid-template-columns: repeat(2, 1fr); }
    .lp-bento-1, .lp-bento-2 { grid-column: span 2; grid-row: auto; }
}
@media (max-width: 720px) {
    .lp-section { margin-top: 48px; }
    .lp-metrics { grid-template-columns: repeat(2, 1fr); }
    .lp-bento { grid-template-columns: 1fr; }
    .lp-bento-1, .lp-bento-2 { grid-column: auto; }
    .lp-steps { grid-template-columns: 1fr; }
    .lp-steps-rail { display: none; }
    .lp-cta-card { padding: 28px 24px; }
    .lp-cta-card .lp-cta-primary { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
    .lp-eyebrow-dot, .lp-device-sheen, .lp-meter span { animation: none; }
    .landing-page.anim-ready .lp-hero-copy > *,
    .landing-page.anim-ready .lp-metric,
    .landing-page.anim-ready .lp-bento-card,
    .landing-page.anim-ready .lp-step,
    .landing-page.anim-ready .lp-cta-card {
        opacity: 1; transform: none; animation: none; transition: none;
    }
}

/* Header cam efekti */

/* Tüm sayfalarda header: kenarlardan ayrı, yuvarlak köşeli yüzen cam bar.
   --ust-serit-h JS'te top boşluğu + yükseklik olarak hesaplanır, böylece
   uygulama modundaki sticky toolbar'lar header'ın hemen altına oturur. */
.ust-serit {
    /* Konsolide üst şerit (önceden 12 ayrı blok) — aynı hesaplanan stil */
    position: sticky;
    top: 12px !important;
    z-index: 40;
    margin: 6px 16px 0 !important;
    width: auto !important;
    box-sizing: border-box !important;
    min-height: 76px !important;
    height: 76px !important;
    padding: 10px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: var(--renk-yazi);
    font-family: "Inter","SF Pro Text","Segoe UI",system-ui,sans-serif;
    background: rgba(255, 255, 255, 0.52) !important;
    -webkit-backdrop-filter: saturate(180%) blur(24px);
    backdrop-filter: saturate(180%) blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 18px !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 14px 40px -16px rgba(31, 24, 25, 0.26) !important;
}



.yardim-btn {
    background: transparent;
    border: 1px solid var(--lp2-cizgi);
    color: var(--lp2-yazi);
    border-radius: 10px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 640;
    transition: background .2s, border-color .2s, transform .15s;
}
.yardim-btn:hover { border-color: var(--lp2-bordo); color: var(--lp2-bordo); background: rgba(122,36,44,0.05); transform: translateY(-1px); }

/* ----- ESKI LANDING-* OVERRIDE (eski 3D tilt iptal) ----- */
.landing-page.lp2 {
    background: var(--lp2-arka);
    min-height: calc(100vh - 76px);
    color: var(--lp2-yazi);
    overflow-x: hidden;
    position: relative;
    isolation: isolate;
}
.landing-page.lp2 .landing-shell {
    width: min(100% - 48px, 1200px);
    margin: 0 auto;
    padding: 32px 0 56px;
    position: relative;
    z-index: 1;
}

/* Onceki landing-* CSS'inin geride biraktigi yanperspektif/animasyon hooklarini lp2 icinde notr ele al */
.landing-page.lp2 .landing-device,
.landing-page.lp2 .landing-stage,
.landing-page.lp2 .aurora-blob,
.landing-page.lp2 .aurora-grid,
.landing-page.lp2 .landing-glow-base,
.landing-page.lp2 .landing-floating-card { display: none !important; }

/* ----- SAYFA ARKA PLANI (soft, akademik) ----- */
.lp2-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
}
.lp2-bg-soft {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.55;
}
.lp2-bg-soft-1 {
    width: 520px; height: 520px;
    top: -160px; right: -120px;
    background: radial-gradient(circle, rgba(122,36,44,0.16), transparent 70%);
}
.lp2-bg-soft-2 {
    width: 640px; height: 640px;
    bottom: -340px; left: -140px;
    background: radial-gradient(circle, rgba(200,169,106,0.14), transparent 70%);
}

/* ----- HERO ----- */
.lp2-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 56px;
    align-items: center;
    padding: 36px 0 28px;
}
.lp2-hero-copy { max-width: 540px; }
.lp2-eyebrow {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid var(--lp2-altin-soft);
    background: var(--lp2-altin-soft);
    color: #8b6d2e;
    font-size: 11.5px;
    font-weight: 760;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lp2-title {
    margin: 18px 0 0;
    font-size: clamp(38px, 5.6vw, 64px);
    line-height: 1.05;
    letter-spacing: -0.028em;
    font-weight: 860;
    color: var(--lp2-ink);
}
.lp2-title br { display: block; }

.lp2-lead {
    margin: 20px 0 0;
    font-size: clamp(15px, 1.4vw, 17.5px);
    line-height: 1.6;
    color: var(--lp2-yazi-soluk);
    max-width: 480px;
}

.lp2-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}
.lp2-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 14.5px;
    font-weight: 760;
    cursor: pointer;
    transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s, background .2s, border-color .2s;
}
.lp2-btn-primary {
    background: linear-gradient(135deg, var(--lp2-bordo) 0%, var(--lp2-bordo-acik) 100%);
    color: #fff;
    box-shadow: var(--lp2-golge-bordo);
}
.lp2-btn-primary svg { transition: transform .25s cubic-bezier(.2,.7,.2,1); }
.lp2-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 22px 44px rgba(122,36,44,0.36); }
.lp2-btn-primary:hover svg { transform: translateX(3px); }
.lp2-btn-ghost {
    background: var(--lp2-yuzey);
    color: var(--lp2-ink);
    border-color: var(--lp2-cizgi);
    box-shadow: var(--lp2-golge-sm);
}
.lp2-btn-ghost:hover { border-color: var(--lp2-bordo); color: var(--lp2-bordo); transform: translateY(-2px); }

/* ----- HERO PANEL (PNG + HTML fallback, duz cephe) ----- */

.lp2-panel-frame {
    position: relative;
    border-radius: 22px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    box-shadow: var(--lp2-golge-lg);
    overflow: hidden;
    aspect-ratio: 16 / 11;
}
.lp2-panel-frame::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(34,27,29,0.04);
    pointer-events: none;
    z-index: 3;
}
.lp2-panel-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    position: relative;
    z-index: 2;
}
/* PNG yuklenmedikce HTML fallback gorunsun */
.lp2-panel-fallback {
    position: absolute;
    inset: 0;
    padding: 18px;
    z-index: 1;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 14px;
    background: linear-gradient(180deg, #fff 0%, #faf7f4 100%);
}
.lp2-pf-top {
    display: flex; align-items: center; gap: 6px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--lp2-cizgi);
}
.lp2-pf-dot { width: 9px; height: 9px; border-radius: 50%; background: #e2dad6; }
.lp2-pf-tag-soft { margin-left: auto; }
.lp2-pf-body { display: grid; grid-template-columns: 130px 1fr; gap: 14px; min-height: 0; }
.lp2-pf-filters {
    display: flex; flex-direction: column; gap: 8px;
    padding: 12px;
    border-radius: 12px;
    background: var(--lp2-krem);
    border: 1px solid var(--lp2-cizgi);
}
.lp2-pf-tag {
    display: inline-block;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    color: var(--lp2-yazi);
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}
.lp2-pf-tag-accent { background: var(--lp2-bordo); color: #fff; border-color: transparent; }
.lp2-pf-table {
    display: flex; flex-direction: column; gap: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--lp2-cizgi);
    background: var(--lp2-yuzey);
}
.lp2-pf-row {
    display: grid;
    grid-template-columns: 1fr 70px 78px;
    gap: 10px;
    align-items: center;
    padding: 9px 12px;
    font-size: 12px;
    color: var(--lp2-yazi);
    border-bottom: 1px solid var(--lp2-cizgi);
}
.lp2-pf-row:last-child { border-bottom: 0; }
.lp2-pf-th { color: var(--lp2-bordo); font-weight: 800; background: var(--lp2-krem); }
.lp2-pf-row b { font-weight: 700; font-size: 10.5px; }
/* PNG basariyla yuklenirse fallback uzerini orter (img'in z-index:2) */
.lp2-hero-panel.lp2-no-img .lp2-panel-fallback { display: grid; }

/* ----- DURUM ROZETLERI (semantik renkler) ----- */
.lp2-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 11px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.4;
    white-space: nowrap;
}
.lp2-badge-ok { background: var(--renk-guvenli); color: var(--renk-guvenli-yazi); }
.lp2-badge-warn { background: var(--renk-sinirda); color: var(--renk-sinirda-yazi); }
.lp2-badge-risk { background: var(--renk-riskli); color: var(--renk-riskli-yazi); }

/* ----- STATS SERIDI (3 bolme) ----- */
.lp2-stats {
    margin-top: 48px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 14px;
    align-items: center;
    border-radius: 22px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    box-shadow: var(--lp2-golge-sm);
    position: relative;
}
.lp2-stats::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
    pointer-events: none;
}
.lp2-stat { text-align: center; padding: 8px 6px; min-width: 0; }
.lp2-stat strong {
    display: block;
    font-size: clamp(28px, 3.6vw, 40px);
    font-weight: 880;
    letter-spacing: -0.024em;
    color: var(--lp2-bordo);
    font-variant-numeric: tabular-nums;
    line-height: 1.05;
}
.lp2-stat span {
    display: block;
    margin-top: 6px;
    color: var(--lp2-yazi-soluk);
    font-size: 13px;
    font-weight: 600;
}
.lp2-stat-divider { width: 1px; height: 44px; background: var(--lp2-cizgi); }

/* ----- 4 OZELLIK KARTI ----- */
.lp2-features {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.lp2-feature {
    position: relative;
    padding: 22px;
    border-radius: 18px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    box-shadow: var(--lp2-golge-sm);
    transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s, border-color .25s;
}
.lp2-feature::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    pointer-events: none;
}
.lp2-feature:hover { transform: translateY(-3px); box-shadow: var(--lp2-golge); border-color: rgba(122,36,44,0.22); }
.lp2-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    border-radius: 12px;
    margin-bottom: 14px;
    color: var(--lp2-bordo);
    background: rgba(122,36,44,0.08);
    border: 1px solid rgba(122,36,44,0.14);
}
.lp2-feature h3 { margin: 0 0 6px; font-size: 16px; color: var(--lp2-ink); font-weight: 800; letter-spacing: -0.01em; }
.lp2-feature p { margin: 0; color: var(--lp2-yazi-soluk); font-size: 13.5px; line-height: 1.5; }

/* ----- TABLO PREVIEW ----- */
.lp2-table-section { margin-top: 60px; }
.lp2-section-head { max-width: 640px; margin-bottom: 22px; }
.lp2-section-title {
    margin: 0;
    font-size: clamp(24px, 3vw, 32px);
    font-weight: 850;
    letter-spacing: -0.022em;
    color: var(--lp2-ink);
}
.lp2-section-sub { margin: 8px 0 0; color: var(--lp2-yazi-soluk); font-size: 15px; line-height: 1.55; }

.lp2-table-wrap {
    border-radius: 18px;
    border: 1px solid var(--lp2-cizgi);
    background: var(--lp2-yuzey);
    box-shadow: var(--lp2-golge-sm);
    overflow: hidden;
}
.lp2-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: var(--lp2-yazi);
}
.lp2-table thead th {
    background: var(--lp2-krem);
    color: var(--lp2-bordo);
    text-align: left;
    padding: 14px 16px;
    font-weight: 800;
    font-size: 12.5px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-bottom: 1px solid var(--lp2-cizgi);
    white-space: nowrap;
}
.lp2-table tbody td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--lp2-cizgi);
    vertical-align: middle;
}
.lp2-table tbody tr:last-child td { border-bottom: 0; }
.lp2-table tbody tr { transition: background .15s; }
.lp2-table tbody tr:hover { background: var(--renk-satir-hover); }
.lp2-table tbody td:first-child { font-weight: 700; color: var(--lp2-ink); }

/* ----- CLOSER CTA ----- */

.lp2-closer-card {
    position: relative;
    overflow: hidden;
    padding: 44px 40px;
    border-radius: 24px;
    text-align: center;
    background: linear-gradient(135deg, #6f1f27 0%, #8a2633 55%, #a8394a 100%);
    color: #fff;
    box-shadow: 0 30px 64px rgba(122,36,44,0.32);
}
.lp2-closer-card::after {
    content: "";
    position: absolute;
    width: 460px; height: 460px;
    right: -160px; top: -220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(200,169,106,0.30), transparent 60%);
    pointer-events: none;
}
.lp2-closer-card h3 {
    margin: 0;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 860;
    letter-spacing: -0.02em;
}
.lp2-closer-card p {
    margin: 10px auto 0;
    color: rgba(255,255,255,0.84);
    font-size: 15px;
    max-width: 560px;
    line-height: 1.55;
}
.lp2-closer-card .lp2-actions { justify-content: center; margin-top: 22px; position: relative; z-index: 1; }
.lp2-closer-card .lp2-btn-primary {
    background: #fff;
    color: var(--lp2-bordo);
    box-shadow: 0 14px 30px rgba(0,0,0,0.18);
}
.lp2-closer-card .lp2-btn-primary:hover { background: var(--lp2-krem); box-shadow: 0 22px 44px rgba(0,0,0,0.24); }
.lp2-closer-card .lp2-btn-ghost {
    background: transparent;
    border-color: rgba(255,255,255,0.36);
    color: #fff;
}
.lp2-closer-card .lp2-btn-ghost:hover { background: rgba(255,255,255,0.10); border-color: #fff; color: #fff; transform: translateY(-2px); }

/* ----- VERI YUKLEME ALANI (landing icindeki saglik durumu) ----- */
.landing-page.lp2 .veri-yukleme {
    margin-top: 28px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    color: var(--lp2-yazi);
}

/* ----- GIRIS ANIMASYONLARI (sade) ----- */
.landing-page.lp2.anim-ready .lp2-hero-copy > * { opacity: 0; animation: lp2FadeUp 0.6s cubic-bezier(.2,.7,.2,1) forwards; }
.landing-page.lp2.anim-ready .lp2-hero-copy > *:nth-child(1) { animation-delay: 0.05s; }
.landing-page.lp2.anim-ready .lp2-hero-copy > *:nth-child(2) { animation-delay: 0.13s; }
.landing-page.lp2.anim-ready .lp2-hero-copy > *:nth-child(3) { animation-delay: 0.21s; }
.landing-page.lp2.anim-ready .lp2-hero-copy > *:nth-child(4) { animation-delay: 0.29s; }
.landing-page.lp2.anim-ready .lp2-hero-panel { opacity: 0; animation: lp2FadeUp 0.7s 0.20s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes lp2FadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }

.landing-page.lp2.anim-ready .lp2-reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }
.landing-page.lp2.anim-ready .lp2-reveal.in-view { opacity: 1; transform: none; }

/* ----- RESPONSIVE ----- */
@media (max-width: 980px) {
    .lp2-hero { gap: 36px; }
    .lp2-hero-copy { }
    .lp2-hero-panel { }
    .lp2-features { grid-template-columns: repeat(2, 1fr); }
    .lp2-stats { grid-template-columns: 1fr 1fr 1fr; }
    .lp2-stat-divider { display: none; }
}
@media (max-width: 720px) {
    .landing-page.lp2 .landing-shell { width: min(100% - 24px, 1200px); padding: 20px 0 40px; }
    .ust-serit { padding: 8px 14px; flex-wrap: wrap; gap: 8px; }
    .mod-tablari { order: 3; width: 100%; justify-content: center; }
    .lp2-actions { justify-content: stretch; }
    .lp2-btn { flex: 1; justify-content: center; min-width: 160px; }
    .lp2-features { grid-template-columns: 1fr; }
    .lp2-stats { grid-template-columns: 1fr; gap: 4px; padding: 16px; }
    .lp2-stat { padding: 14px 6px; border-top: 1px solid var(--lp2-cizgi); }
    .lp2-stat:first-child { border-top: 0; }

    /* TABLO -> CARD VIEW */
    .lp2-table thead { display: none; }
    .lp2-table, .lp2-table tbody, .lp2-table tr, .lp2-table td { display: block; width: 100%; }
    .lp2-table tbody tr {
        margin: 12px;
        border: 1px solid var(--lp2-cizgi);
        border-radius: 14px;
        padding: 8px;
        background: var(--lp2-yuzey);
        box-shadow: var(--lp2-golge-sm);
    }
    .lp2-table-wrap { background: transparent; border: 0; box-shadow: none; }
    .lp2-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;
        padding: 9px 12px;
        border-bottom: 1px dashed var(--lp2-cizgi);
        text-align: right;
    }
    .lp2-table tbody td:last-child { border-bottom: 0; }
    .lp2-table tbody td:first-child { font-size: 15px; }
    .lp2-table tbody td::before {
        content: attr(data-l);
        font-weight: 700;
        color: var(--lp2-yazi-soluk);
        font-size: 11.5px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        text-align: left;
    }
    .lp2-closer-card { padding: 32px 22px; }
}

@media (prefers-reduced-motion: reduce) {
    .landing-page.lp2.anim-ready .lp2-hero-copy > *,
    .landing-page.lp2.anim-ready .lp2-hero-panel,
    .landing-page.lp2.anim-ready .lp2-reveal {
        opacity: 1; transform: none; animation: none; transition: none;
    }
}

/* ============================================================
   AÇILIŞ EKRANI — GÖRSEL KATMANI
   ============================================================ */

/* ----- HERO: bina.png ana panel ----- */

.lp2-bina-img {
    object-position: center;
}

/* ----- 3'LÜ İSTATİSTİK ŞERİDİ (panel-stats.png) ----- */



/* ----- MOD KARTLARI (kart-ogrenci.png + kart-uzman.png) ----- */

.lp2-mode-card {
    gap: 0;
    text-decoration: none;
    position: relative;
}




.lp2-mode-card:hover .lp2-mode-label {
    transform: translateY(-1px);
}

/* ----- DASHBOARD PANEL PREVİEW (4 kart grid) ----- */






/* ----- KAPANIŞ CTA — plak.png ile ----- */
.lp2-closer-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 32px;
    align-items: center;
}
.lp2-plak {
    flex-shrink: 0;
}



.lp2-btn-on-dark:hover {
    transform: translateY(-2px);
}

/* ----- ESKI KAPANIS (lp2-closer-card içinde) lp2-closer-card override ----- */







/* ----- RESPONSIVE PNG KATMANI ----- */
@media (max-width: 980px) {
    
    
    
    .lp2-mode-section { grid-template-columns: 1fr 1fr; }
    
    
    .lp2-closer .lp2-actions { align-items: center; }
}
@media (max-width: 640px) {
    
    .lp2-dash-grid { }
    
    .lp2-plak { }
    
    
}

/* ============================================================
   LANDING V2 — PNG ASSET KATMANI
   ============================================================ */

/* ----- HERO: bina.png ana panel ----- */
.lp2-hero-panel {
    margin: 0;
    position: relative;
    width: 100%;
    max-width: 600px;
    justify-self: end;
    align-self: center;
}
.lp2-bina-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 28px 70px rgba(34,27,29,0.24), 0 4px 16px rgba(122,36,44,0.16);
    outline: 1px solid rgba(122,36,44,0.12);
    object-fit: cover;
}

/* ----- 3 BOLMELI ISTATISTIK SERIDI ----- */
.lp2-stats-strip { margin-top: 40px; text-align: center; }
.lp2-stats-img {
    display: block;
    width: 100%;
    max-width: 860px;
    height: auto;
    margin: 0 auto;
    object-fit: contain;
    filter: drop-shadow(0 8px 24px rgba(34,27,29,0.10));
}

/* ----- MOD KARTLARI ----- */
.lp2-mode-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 48px;
}
.lp2-mode-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 22px;
    transition: transform .28s cubic-bezier(.2,.7,.2,1);
}
.lp2-mode-card:hover { transform: translateY(-6px); }
.lp2-mode-card:hover .lp2-mode-img { filter: drop-shadow(0 20px 44px rgba(122,36,44,0.28)); }
.lp2-mode-img {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 10px 28px rgba(34,27,29,0.13));
    transition: filter .28s;
}
.lp2-mode-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 12px 22px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--lp2-bordo), var(--lp2-bordo-acik));
    color: #fff;
    font-size: 14.5px;
    font-weight: 760;
    box-shadow: 0 10px 24px rgba(122,36,44,0.26);
    transition: box-shadow .28s;
}
.lp2-mode-card:hover .lp2-mode-label { box-shadow: 0 16px 36px rgba(122,36,44,0.34); }

/* ----- DASHBOARD PANEL PREVIEW ----- */
.lp2-dash-section { margin-top: 60px; }
.lp2-dash-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-top: 24px;
}
.lp2-dash-card {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 18px;
    background: var(--lp2-yuzey);
    border: 1px solid var(--lp2-cizgi);
    box-shadow: var(--lp2-golge-sm);
    transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s;
}
.lp2-dash-card:hover { transform: translateY(-4px); box-shadow: var(--lp2-golge); }
.lp2-dash-img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
}

/* ----- KAPANIS CTA plak.png ile ----- */
.lp2-closer { margin-top: 64px; margin-bottom: 24px; }
.lp2-closer .lp2-closer-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 32px;
    align-items: center;
    padding: 40px;
    border-radius: 26px;
    background: linear-gradient(125deg, #6f1f27 0%, #8a2633 55%, #a8394a 100%);
    box-shadow: 0 30px 64px rgba(122,36,44,0.32);
    overflow: hidden;
    position: relative;
}
.lp2-closer .lp2-closer-card::after {
    content: "";
    position: absolute;
    width: 400px; height: 400px;
    right: -140px; top: -190px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(200,169,106,0.28), transparent 60%);
    pointer-events: none;
}
.lp2-plak {
    display: block;
    width: 120px;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,0.22));
    position: relative;
    z-index: 1;
}
.lp2-closer-text { position: relative; z-index: 1; }
.lp2-closer-text h3 {
    margin: 0 0 8px;
    font-size: clamp(22px, 2.6vw, 28px);
    font-weight: 850;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #fff;
}
.lp2-closer-text p { margin: 0; color: rgba(255,255,255,0.84); font-size: 15px; line-height: 1.55; }
.lp2-closer .lp2-actions {
    margin-top: 0;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 1;
    align-items: flex-end;
}
.lp2-closer .lp2-btn-primary { background: #fff; color: var(--lp2-bordo); box-shadow: 0 10px 24px rgba(0,0,0,0.16); white-space: nowrap; }
.lp2-closer .lp2-btn-primary:hover { background: var(--lp2-krem); }
.lp2-btn-on-dark { background: rgba(255,255,255,0.12) !important; border-color: rgba(255,255,255,0.28) !important; color: #fff !important; white-space: nowrap; }
.lp2-btn-on-dark:hover { background: rgba(255,255,255,0.20) !important; border-color: rgba(255,255,255,0.5) !important; }

/* ----- RESPONSIVE ----- */
@media (max-width: 980px) {
    .lp2-hero { grid-template-columns: 1fr; }
    .lp2-hero-copy { max-width: 640px; }
    .lp2-hero-panel { max-width: 640px; justify-self: stretch; }
    .lp2-dash-grid { grid-template-columns: repeat(2, 1fr); }
    .lp2-closer .lp2-closer-card { grid-template-columns: auto 1fr; grid-template-rows: auto auto; }
    .lp2-closer .lp2-actions { grid-column: 1 / -1; flex-direction: row; justify-content: flex-start; }
}
@media (max-width: 640px) {
    .lp2-mode-section { grid-template-columns: 1fr; max-width: 320px; margin-inline: auto; }
    .lp2-dash-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .lp2-closer .lp2-closer-card { grid-template-columns: 1fr; text-align: center; padding: 28px 20px; }
    .lp2-plak { margin: 0 auto; width: 90px; }
    .lp2-closer .lp2-actions { flex-direction: column; align-items: center; }
    .lp2-closer .lp2-btn { width: 100%; justify-content: center; }
}

/* ============================================================
   AÇILIŞ EKRANI — MİNİMAL TASARIM
   ============================================================ */
.v3 {
  --v3-bg: #f5f5f7;
  --v3-fg: #1d1d1f;
  --v3-sub: #6e6e73;
  --v3-bordo: #7a242c;
  --v3-bordo-2: #9c2f39;
  --v3-card-bg: rgba(255,255,255,0.72);
  --v3-card-border: rgba(0,0,0,0.08);
  --v3-sep: rgba(0,0,0,0.10);
  --v3-chip-bg: rgba(122,36,44,0.09);
  --v3-radius: 20px;
  --v3-float-bg: rgba(255,255,255,0.88);
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
  color: var(--v3-fg);
  /* overflow-x:hidden tek başına overflow-y'yi 'auto'ya çevirir (CSS kuralı) →
     v3fadeUp açılış animasyonu (translateY 24px) sürerken içerik taşıp GEÇİCİ
     dikey scrollbar açıyor, içerik birkaç px sola kayıp geri geliyordu.
     'clip' kaydırma kabı OLUŞTURMAZ: kırpar ama scrollbar asla çıkmaz.
     (clip desteklemeyen eski tarayıcılar hidden fallback'inde kalır.) */
  overflow-x: hidden;
  overflow: clip;
  width: 100%;
}

/* ----- HAREKETLİ BLOB ARKA PLAN ----- */
.v3-blobs {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  transition: opacity .4s ease;
}
/* AI modunda kenar glow arka planı zaten dolduruyor → bloblar gizlenir (çakışmasın) */
body.ai-sahne .v3-blobs { opacity: 0; }
.v3-blob {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 49vw;
  height: 49vw;
  margin: -24.5vw 0 0 -24.5vw;
  border-radius: 50%;
  filter: blur(60px);
  will-change: transform;
}
/* Üst kenar yumuşatma: en üstteki blob çekirdeğinin keskin koyu bandını yumuşatır */
.v3-blobs::after {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 150px;
  background: linear-gradient(180deg, #f5f2f3 0%, rgba(245,242,243,0.55) 45%, transparent 100%);
  pointer-events: none;
  z-index: 2;
}
/* Hepsi ekran ortasına ortalı; randomizer tüm sayfada serbest gezdirir (sabit bölge yok). */
.v3-blob-1 { background: radial-gradient(circle, rgba(122,36,44,0.62) 0%, rgba(122,36,44,0.20) 44%, transparent 72%); }
.v3-blob-2 { background: radial-gradient(circle, rgba(176,46,58,0.54) 0%, rgba(176,46,58,0.18) 44%, transparent 72%); }
.v3-blob-3 { background: radial-gradient(circle, rgba(120,24,34,0.36) 0%, rgba(120,24,34,0.11) 44%, transparent 72%); }
/* Blob hareketi JS randomizer ile sürülür (assets/app.js): sürekli rastgele,
   yumuşak sürüklenme. Animasyonsuz kalırsa bloblar köşede sabit durur (fallback). */
/* Mobil: dar/uzun ekranda köşe blobları ortayı kaplamıyordu — büyüt ve dağıt ki gradient her yerde görünsün */
@media (max-width: 640px) {
  .v3-blob { filter: blur(44px); width: 60vw; height: 60vw; margin: -30vw 0 0 -30vw; }
}
/* Mobil landing: header'daki mod sekmeleri hero toggle ile tekrar ediyordu — landing'de gizle (app modunda görünür) */
@media (max-width: 640px) {
  body:not(.app-aktif) .ust-serit .mod-tablari { display: none !important; }
}
/* Marka bloğu (B'Tercih + alt başlık) hem landing hem app modunda görünür — gizleme kuralı kaldırıldı. */

/* ----- HERO ----- */
.v3-hero {
  position: relative;
  z-index: 1;
  min-height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 5vw 48px;
  overflow: visible;
  text-align: center;
}
.v3-stats, .v3-features, .v3-table-section, .v3-cta {
  position: relative;
  z-index: 1;
}
.v3-hero-glow { display: none; }
.v3-hero-inner {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  max-width: 860px;
  margin: 0 auto;
  width: 100%;
}
.v3-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.v3-label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--v3-bordo);
  opacity: 0.85;
}
.v3-h1 {
  font-size: clamp(40px, 5vw, 70px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.14;
  margin: 0;
  padding-bottom: 0.06em;
  background: linear-gradient(180deg, var(--v3-fg) 0%, color-mix(in srgb, var(--v3-fg) 78%, var(--v3-bordo)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--v3-fg);
}
.v3-sub {
  font-size: clamp(16px, 1.6vw, 20px);
  color: var(--v3-sub);
  line-height: 1.55;
  max-width: 540px;
  margin: 0 auto;
}
/* ---- Mod toggle: bağımlı segmented control (kayan bordo thumb) ---- */
.v3-mode-toggle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  max-width: 540px;
  margin: 8px auto 0;
  padding: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,0.42);
  border: 1.5px solid rgba(122,36,44,0.22);
  backdrop-filter: saturate(160%) blur(16px);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 4px 14px rgba(31,24,25,0.06);
}
.v3-mode-thumb {
  position: absolute;
  top: 6px;
  bottom: 6px;
  left: 6px;
  width: calc(50% - 6px);
  border-radius: 999px;
  background: linear-gradient(180deg, #a8313c 0%, var(--v3-bordo) 55%, #6a1f26 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.35),
    inset 0 -1px 0 rgba(0,0,0,0.18),
    0 8px 20px -6px rgba(122,36,44,0.55);
  transition: transform 0.34s cubic-bezier(0.16,1,0.3,1);
  z-index: 0;
}
.v3-mode-seg {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 13px 18px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -0.01em;
  white-space: nowrap;
  color: var(--v3-bordo);
  transition: color 0.28s ease, opacity 0.2s ease;
}
.v3-mode-seg .v3-btn-ico { transition: transform 0.28s ease; }
/* Varsayılan: Öğrenci aktif (thumb solda, beyaz yazı) */
.seg-ogrenci { color: #fff; }
/* Bağımlı geçiş: Uzman'a gelince thumb sağa kayar, renkler swap olur */
.v3-mode-toggle:has(.seg-uzman:hover) .v3-mode-thumb,
.v3-mode-toggle:has(.seg-uzman:focus-visible) .v3-mode-thumb {
  transform: translateX(100%);
}
.v3-mode-toggle:has(.seg-uzman:hover) .seg-ogrenci,
.v3-mode-toggle:has(.seg-uzman:focus-visible) .seg-ogrenci { color: var(--v3-bordo); }
.v3-mode-toggle:has(.seg-uzman:hover) .seg-uzman,
.v3-mode-toggle:has(.seg-uzman:focus-visible) .seg-uzman { color: #fff; }
.v3-mode-seg:hover .v3-btn-ico { transform: scale(1.08); }

/* ----- STATS ----- */
.v3-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  max-width: 1200px;
  margin: 8px auto 0;
  padding: 26px 32px;
  background: rgba(255,255,255,0.42);
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: var(--v3-radius);
  backdrop-filter: saturate(160%) blur(16px);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 4px 16px rgba(31,24,25,0.05);
  flex-wrap: wrap;
}
.v3-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0 40px;
  text-align: center;
}
.v3-stat strong {
  font-size: clamp(32px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1;
  background: linear-gradient(180deg, var(--v3-fg) 0%, color-mix(in srgb, var(--v3-fg) 72%, var(--v3-bordo)) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: var(--v3-fg);
}
.v3-stat span {
  font-size: 13px;
  color: var(--v3-sub);
  font-weight: 500;
}
.v3-stat-sep {
  width: 1px;
  height: 48px;
  background: var(--v3-sep);
  flex-shrink: 0;
}

/* ----- SECTIONS: page load'da kademeli görünür ----- */
.v3-reveal { animation: v3fadeUp 0.7s cubic-bezier(0.16,1,0.3,1) both; }
.v3-features.v3-reveal  { animation-delay: 0.05s; }
.v3-table-section.v3-reveal { animation-delay: 0.12s; }
.v3-cta.v3-reveal       { animation-delay: 0.18s; }
@keyframes v3fadeUp {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .v3-reveal { animation: none !important; }
}

/* ----- FEATURES ----- */
.v3-features {
  padding: 40px 5vw 56px;
  max-width: 1200px;
  margin: 0 auto;
}
/* Düzgün eşit 4'lü sıra — stats bar ile aynı genişlik/hiza */
.v3-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: stretch;
}
.v3-feat-group { display: contents; }
@media (max-width: 900px) {
  .v3-features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .v3-features-grid { grid-template-columns: 1fr; }
}
.v3-feat {
  position: relative;
  display: flex;
  flex-direction: column;
  background: rgba(255,255,255,0.42);
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: var(--v3-radius);
  backdrop-filter: saturate(160%) blur(16px);
  -webkit-backdrop-filter: saturate(160%) blur(16px);
  padding: 26px 24px 52px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 4px 16px rgba(31,24,25,0.05);
  transition: transform 0.25s cubic-bezier(0.16,1,0.3,1), box-shadow 0.25s;
}
.v3-feat:hover {
  transform: translateY(-6px);
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 22px 50px -12px rgba(122,36,44,0.22);
}
.v3-feat-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.v3-feat-icon {
  flex: 0 0 auto;
  width: 44px; height: 44px;
  background: linear-gradient(160deg, var(--v3-bordo-2), var(--v3-bordo));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0 6px 16px -4px rgba(122,36,44,0.5);
}
.v3-feat-icon svg { stroke: #fff; }
.v3-feat h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  letter-spacing: -0.01em;
}
.v3-feat p { font-size: 13px; color: var(--v3-sub); margin: 0; line-height: 1.5; }
.v3-feat-arrow {
  position: absolute;
  left: 24px;
  bottom: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--v3-bordo);
  opacity: 0.85;
  transition: transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
.v3-feat:hover .v3-feat-arrow { transform: translateX(4px); }

/* ----- TABLE SECTION ----- */
.v3-table-section {
  padding: 0 5vw 80px;
  max-width: 1200px;
  margin: 0 auto;
}
.v3-section-title {
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
}
.v3-section-sub {
  font-size: 14px;
  color: var(--v3-sub);
  margin: 0 0 24px;
}
.v3-table-wrap {
  overflow-x: auto;
  border-radius: var(--v3-radius);
  border: 1px solid var(--v3-card-border);
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}
.v3-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--v3-card-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: 14px;
}
.v3-table thead th {
  padding: 14px 16px;
  text-align: left;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--v3-sub);
  border-bottom: 1px solid var(--v3-sep);
  white-space: nowrap;
}
.v3-table tbody tr {
  border-bottom: 1px solid var(--v3-sep);
  transition: background 0.15s;
}
.v3-table tbody tr:last-child { border-bottom: none; }
.v3-table tbody tr:hover { background: rgba(122,36,44,0.04); }
.v3-table td {
  padding: 14px 16px;
  color: var(--v3-fg);
  vertical-align: middle;
}
.v3-pill {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}

/* ----- CTA ----- */
.v3-cta {
  margin: 0;
  border-radius: 0;
  background: linear-gradient(135deg, #4a1520 0%, var(--v3-bordo) 50%, #9c2f39 100%);
  padding: 88px 5vw;
  text-align: center;
  color: #fff;
}
.v3-cta h2 {
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 700;
  letter-spacing: -0.03em;
  margin: 0 0 12px;
}
.v3-cta p {
  font-size: clamp(14px, 1.5vw, 18px);
  opacity: 0.82;
  margin: 0 0 32px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}
.v3-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.v3-cta-btn-fill {
  background: #fff;
  color: var(--v3-bordo);
  border: none;
  padding: 14px 32px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.15s, box-shadow 0.15s;
}
.v3-cta-btn-fill:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.18); }
.v3-cta-btn-line {
  background: rgba(255,255,255,0.14);
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.65);
  padding: 13px 32px;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}
.v3-cta-btn-line:hover { background: rgba(255,255,255,0.22); transform: translateY(-2px); }

/* ----- DATA LOADING AREA ----- */
.veri-yukleme {
  display: none;
  padding: 24px 5vw;
  text-align: center;
  color: var(--v3-sub);
}

/* ----- RESPONSIVE ----- */
@media (max-width: 960px) {
  .v3-hero-inner { grid-template-columns: 1fr; }
  .v3-scene { height: 380px; }
  .v3-card { width: 300px; }
  .v3-features-grid { grid-template-columns: repeat(2, 1fr); }
  .v3-stat { padding: 0 24px; }
}
@media (max-width: 640px) {
  /* P4 — dikey ritim: eski sabit-header için konan 100px üst boşluk kaldırıldı */
  .v3-hero { padding: 24px 20px 28px; }
  .v3-stats { padding: 20px 18px; margin-top: 4px; }
  .v3-features { margin-top: 18px; }
  .v3-btns { flex-direction: column; }
  .v3-btn-fill, .v3-btn-line { width: 100%; text-align: center; }
  .v3-features-grid { grid-template-columns: 1fr; }
  .v3-stat-sep { display: none; }
  .v3-stats { gap: 24px; }
  .v3-scene { display: none; }
  .v3-cta { margin: 0; border-radius: 0; padding: 44px 20px; }
  .v3-cta-btns { flex-direction: column; }
  .v3-cta-btn-fill, .v3-cta-btn-line { width: 100%; }

  /* Mobile table → card view */
  .v3-table thead { display: none; }
  .v3-table tbody tr {
    display: flex;
    flex-direction: column;
    padding: 16px;
    margin-bottom: 8px;
    border: 1px solid var(--v3-card-border) !important;
    border-radius: 12px;
    background: var(--v3-card-bg);
  }
  .v3-table td {
    padding: 4px 0;
    display: flex;
    gap: 8px;
    align-items: center;
  }
  .v3-table td::before {
    content: attr(data-l);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--v3-sub);
    min-width: 80px;
  }
  .v3-table-wrap { border: none; box-shadow: none; overflow: visible; }
  .v3-table { background: transparent; }
}

/* ============================================================
   HEADER — küçük ekranlarda taşmayı önle (logo + nav alt satıra sarmalı)
   ============================================================ */
@media (max-width: 1040px) {
  .ust-serit {
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 14px;
    row-gap: 8px;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    top: 0 !important;
    margin: 10px 10px 0 !important;
  }
  .logo-alani .alt-baslik { display: none; }
  /* nav: simetrik 2x2 grid (Öğrenci|Uzman / Tercih Listem|Yardım) */
  .serit-sag {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-left: 0;
    flex: 1 1 100%;
  }
  .mod-tablari {
    display: contents !important;
  }
  .serit-sag > *,
  .mod-tablari > * {
    width: 100% !important;
    flex: initial !important;
  }
  .mod-tab, .yardim-btn {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
  }
}

/* ============================================================
   HEADER — telefon (≤640px): ortalı logo + segment mod seçici + yardımcılar
   ============================================================ */
@media (max-width: 640px) {
  /* Kompakt 2 satır: [logo · tercih · yardım] / [mod seçici].
     Landing'de mod seçici gizli olduğundan tek satıra iner. */
  .ust-serit {
    display: grid !important;
    grid-template-columns: auto 1fr auto auto auto !important;
    grid-template-areas:
      "logo   .    giris tercih yardim"
      "mode   mode mode  mode   mode" !important;
    align-items: center !important;
    column-gap: 6px !important;
    row-gap: 8px !important;
    padding: 8px 12px !important;
  }
  .logo-alani {
    grid-area: logo !important;
    justify-self: start !important;
    margin: 0 !important;
  }
  .logo-img { max-height: 30px !important; }
  .logo-cizgi { height: 26px !important; }
  .logo-yazi strong { font-size: 16px !important; }
  .logo-yazi span { font-size: 9.5px !important; }
  .serit-sag { display: contents; }
  .tl-label { display: none !important; }  /* mobilde "Tercih Listem:" gizli, ♡ 0/24 kalır */

  /* mod seçici → segment kontrol (satır 2, tam genişlik) */
  .mod-tablari {
    grid-area: mode !important;
    display: flex !important;
    width: 100% !important;
    gap: 4px !important;
    padding: 3px !important;
    background: rgba(122, 36, 44, 0.06) !important;
    border: 1px solid rgba(122, 36, 44, 0.10) !important;
    border-radius: 14px !important;
    box-shadow: inset 0 1px 2px rgba(122, 36, 44, 0.05) !important;
  }
  .mod-tablari .mod-tab {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 11px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #7a5b5f !important;
    font-weight: 650 !important;
    font-size: 13px !important;
  }
  .mod-tablari .mod-tab.aktif {
    background: linear-gradient(180deg, #a8313c 0%, #7a242c 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px -4px rgba(122, 36, 44, 0.45) !important;
  }

  /* yardımcı butonlar: satır 1 sağ, içeriğe göre genişlik */
  #tercih-listem-btn { grid-area: tercih !important; }
  .ust-serit [onclick="yardimAc()"] { grid-area: yardim !important; }
  .ust-serit .giris-profil-kont { grid-area: giris !important; justify-self: end !important; }
  #tercih-listem-btn,
  .ust-serit [onclick="yardimAc()"],
  .ust-serit .giris-profil-btn {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    gap: 5px !important;
  }
  /* Yer dar: Giriş ve Yardım ikon-only (Tercih Listem ♡+sayı kalır) */
  .ust-serit .giris-profil-btn { padding: 0 9px !important; }
  .ust-serit #giris-profil-label,
  .ust-serit .yardim-label { display: none !important; }
  .ust-serit [onclick="yardimAc()"] { padding: 0 9px !important; }
}

/* ============================================================
   ÖĞRENCİ FİLTRE — kutucuk/yükseklik/köşe tutarlılığı (simetri rötuşu)
   ============================================================ */
/* Arama kutusu diğer alanlarla aynı yükseklikte (46px) */
#ogrenci-filtre .ogr-arama-wrap { height: 46px !important; }
/* TABLO segment + aksiyon butonları aynı yükseklik ve köşe (44px / 9px) */
#ogrenci-filtre .tab-btn { height: 44px !important; border-radius: 9px !important; }
#ogrenci-filtre .ogr-aksiyon .filtre-buton { height: 44px !important; border-radius: 9px !important; }
/* Aksiyon satırı: segment/toggle/buton dikeyde ortalı, alt-hizadan kurtul */
#ogrenci-filtre .ogr-filtre-satir-2 { align-items: center !important; }

/* ============================================================
   SONUÇ TABLOSU — başlık ↔ hücre hizası tutarlılığı
   Şema: Kod/Program/Üniversite SOLA; diğer tüm sütunlar (Liste, Tür,
   Puan Türü, Öğretim, Kontenjan, Taban Puan, Başarı, Ücret, Durum) ORTALI.
   Hem .program-grid-header hem .program-grid-row için aynı.
   ============================================================ */
/* Başlıklar ortalı (Kod/Program/Üniversite dahil, diğer sütunlarla aynı). */
.program-grid-header .cell:nth-child(2),
.program-grid-header .cell:nth-child(3),
.program-grid-header .cell:nth-child(4) {
    justify-content: center !important;
    text-align: center !important;
}
/* Hücre: Tür/Puan Türü/Öğretim/Kontenjan ortalı (başlıkla hizalı) */
.program-grid-row .cell:nth-child(5),
.program-grid-row .cell:nth-child(6),
.program-grid-row .cell:nth-child(7),
.program-grid-row .cell:nth-child(8) {
    text-align: center !important;
}

/* ============================================================
   SONUÇ TABLOSU — satır/hücre dengesi (uzun isimler 2 satırla sınırlı)
   Fakülte adı program hücresinden kaldırıldı (detayda gösteriliyor).
   ============================================================ */
/* Program hücresi: isim + (varsa) dil rozeti, dikey ortalı */
.program-grid-row .td-program {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
    min-width: 0;
}
.program-grid-row .td-program strong {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.22;
    font-weight: 800;
}
.td-program-dil {
    align-self: center;
    padding: 1px 7px;
    border-radius: 6px;
    background: rgba(139, 30, 45, 0.08);
    color: #8b1e2d;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.4;
}
/* Üniversite adı en fazla 2 satır, taşmasız */
.program-grid-row .normal-university {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.22;
}

/* ============================================================
   TERCİH LİSTESİ KAYIT BUTONU — bookmark (şerit) toggle, kutusuz.
   "Listeye ekle" yerine; data-act="favori". Kurumsal/sade.
   ============================================================ */
.kayit-btn {
    --save-color: #8b1e2d;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    width: 30px;
    height: 34px;
    display: block;
    position: relative;
    cursor: pointer;
    transition: transform .18s ease;
}
.kayit-btn:hover { transform: translateY(-1px) scale(1.06); }
.kayit-btn:active { transform: scale(.94); }
.kayit-btn:focus-visible { outline: 2px solid rgba(139,30,45,.45); outline-offset: 3px; border-radius: 8px; }
.kayit-btn .kayit-svg {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.kayit-btn .svg-outline,
.kayit-btn .svg-filled {
    width: 22px;
    height: 22px;
    position: absolute;
}
.kayit-btn .svg-outline { fill: none; stroke: rgba(139, 30, 45, 0.5); }
.kayit-btn .svg-filled {
    fill: var(--save-color);
    display: none;
}
.kayit-btn.aktif .svg-outline { display: none; }
.kayit-btn.aktif .svg-filled { display: block; }
/* pop animasyonu yalnız yeni eklenen şeritte (re-render'da hepsi oynamasın) */
.kayit-btn.kayit-anim .svg-filled { animation: kayit-pop .35s ease; }
@keyframes kayit-pop {
    0%   { transform: scale(.6); opacity: .4; }
    60%  { transform: scale(1.12); }
    100% { transform: scale(1); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .kayit-btn.kayit-anim .svg-filled { animation: none; }
}

/* ============================================================
   ÖĞRENCİ — nötr "durum bekliyor" rozeti (puan/sıra girilmemişken)
   + mobil kart üniversite adı 2 satırla sınırlı
   ============================================================ */
.durum-badge.durum-bekliyor {
    background: rgba(120, 113, 108, 0.10);
    color: #9a9390;
    font-weight: 700;
}
.program-kart .kart-meta {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
}

/* ============================================================
   DIŞA AKTARMA BUTONLARI — renkli Excel/PDF ikonu + hover'da nazik
   indirme oku animasyonu (kurumsal, abartısız)
   ============================================================ */
.export-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}
/* Filtre Göster/Gizle: aksiyon çubuğundaki export butonlarıyla aynı dil —
   ikon + etiket + durum chevronu (panel açıkken yukarı, kapalıyken aşağı). */
.filtre-toggle-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}
.filtre-toggle-btn .aksiyon-ico {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    transition: transform .2s ease;
}
.filtre-toggle-btn:hover .aksiyon-ico { transform: scale(1.08); }
.filtre-toggle-btn .aksiyon-chevron {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    opacity: .5;
    transition: transform .25s ease, opacity .2s ease;
}
.filtre-toggle-btn:hover .aksiyon-chevron { opacity: .9; }
.filtre-toggle-btn.filtre-acik .aksiyon-chevron { transform: rotate(180deg); }
/* Uzman toolbar bu butona ::before ile ayrı bir maske-ikon ekliyordu; inline
   SVG ile çakışmasın diye kapat — iki ekranda da aynı funnel+chevron görünsün. */
#uzman-filtre-toggle::before { content: none !important; }
/* Toolbar Sıfırla butonu — inline svg, ::before maske kapalı */
.uzman-sifirla-aksiyon::before { content: none !important; }
.uzman-sifirla-aksiyon .aksiyon-ico { width: 16px; height: 16px; flex-shrink: 0; transition: transform .35s ease; }
.uzman-sifirla-aksiyon:hover .aksiyon-ico { transform: rotate(-180deg); }
@media (prefers-reduced-motion: reduce) {
    .filtre-toggle-btn .aksiyon-ico,
    .filtre-toggle-btn .aksiyon-chevron { transition: none; }
}
/* P3 — etiket: masaüstünde gizli (ikonda zaten yazıyor), mobilde göster */
.exp-label { display: none; font-weight: 650; font-size: 13px; letter-spacing: -0.01em; }
@media (max-width: 640px) {
    .exp-label { display: inline-block; }
    .export-grup .export-btn { padding-left: 12px; padding-right: 12px; }
}
.export-btn .exp-ico {
    flex-shrink: 0;
    transition: transform .2s ease;
}
.export-btn .exp-arrow {
    width: 13px;
    height: 13px;
    color: currentColor;
    opacity: .5;
    transition: opacity .2s ease;
}
.export-btn:hover .exp-ico { transform: scale(1.08); }
.export-btn:hover .exp-arrow {
    opacity: .9;
    animation: exp-nudge .8s ease infinite;
}
@keyframes exp-nudge {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(2.5px); }
}
@media (prefers-reduced-motion: reduce) {
    .export-btn:hover .exp-arrow { animation: none; }
    .export-btn:hover .exp-ico { transform: none; }
}

/* Uzman dışa aktarma menüsü — ikon + metin hizası */
.export-menu-item {
    display: flex !important;
    align-items: center;
    gap: 9px;
    text-align: left;
    width: 100%;
}
.export-menu-item .exp-ico {
    flex-shrink: 0;
    transition: transform .18s ease;
}
.export-menu-item:hover .exp-ico { transform: scale(1.1); }
/* karşılaştırma modalı export butonlarında ikonu metinle ortala */
.export-btn .exp-ico { vertical-align: middle; }

/* ============================================================
   EXPORT YÜKLEME — Beykoz amblemi içten dışa dolan efekt
   ============================================================ */
.export-logo {
    display: none;
    width: 224px;
    height: 224px;
    margin: 0 auto 14px;
}
.export-overlay.progress-active .export-logo { display: block; }
.export-spiral { width: 100%; height: 100%; display: block; overflow: visible; }
/* gerçek Beykoz amblemi: soluk hayalet + maske ile merkezden dışa doğru spiral kolu boyunca dolar */
.logo-ghost { opacity: 0.14; }
.spiral-mask {
    fill: none;
    stroke: #fff;
    stroke-width: 64;
    stroke-linecap: square;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
}
.export-overlay.progress-active .spiral-mask {
    animation: export-spiral-trace 5s cubic-bezier(.45,0,.25,1) forwards;
}
@keyframes export-spiral-trace {
    from { stroke-dashoffset: 100; }
    to   { stroke-dashoffset: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .export-overlay.progress-active .spiral-mask { animation: none; stroke-dashoffset: 0; }
}

/* ============================================================
   UZMAN v5 FİLTRE — MOBİL DÜZELTME
   5759. satırdaki media'sız 5-kolon kuralı responsive'i eziyordu;
   mobilde tüm filtre kartlarını tek kolona indir.
   ============================================================ */
@media (max-width: 760px) {
  #uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid,
  #uzman-uygulama .uzman-panel-v5 .uzman-quick-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #uzman-uygulama .uzman-panel-v5 .uzman-advanced-grid > *,
  #uzman-uygulama .uzman-panel-v5 .uzman-quick-grid > *,
  #uzman-uygulama .uzman-panel-v5 .uzman-filter-card {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  /* kart içi alt gridler de tek kolon */
  #uzman-uygulama .uzman-panel-v5 .quick-duo,
  #uzman-uygulama .uzman-panel-v5 .ranges-grid,
  #uzman-uygulama .uzman-panel-v5 .hazir-secimler,
  #uzman-uygulama .uzman-panel-v5 .quick-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Hero motto/tagline (eski CTA'dan yukarı taşındı) */
.v3-tagline {
  margin: 0 0 2px;
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--v3-bordo);
}

/* ============================================================
   SADECE BEYKOZ — Uiverse animasyonlu buton (Beykoz bordo renkleri)
   ============================================================ */
@property --bk-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }

.beykoz-uiverse {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none; appearance: none;
  outline: none; position: relative; cursor: pointer; border: none !important;
  display: block !important; width: 100%; border-radius: 13px;
  padding: 0 !important; margin: 0;
  background: transparent !important;
  box-shadow: 0 5px 16px -5px rgba(50,10,16,0.5), 0 1px 2px rgba(0,0,0,0.18) !important;
  overflow: visible !important;
  animation: none !important;
  z-index: 0;
  transition: transform 0.18s ease, box-shadow 0.2s ease;
}
/* border etrafında dönen altın/bordo ışık */
.beykoz-uiverse::before {
  content: "";
  position: absolute;
  inset: -1.5px;
  border-radius: 14.5px;
  z-index: -1;
  background: conic-gradient(from var(--bk-angle),
    rgba(255,255,255,0) 0deg,
    rgba(233,156,168,0.85) 42deg,
    rgba(255,255,255,0.92) 70deg,
    rgba(233,156,168,0.85) 98deg,
    rgba(255,255,255,0) 148deg,
    rgba(255,255,255,0) 212deg,
    rgba(233,156,168,0.85) 258deg,
    rgba(255,255,255,0.92) 288deg,
    rgba(255,255,255,0) 332deg);
  animation: bkSpin 4.5s linear infinite;
}
@keyframes bkSpin { to { --bk-angle: 360deg; } }

.beykoz-uiverse .wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  display: flex; align-items: center; justify-content: center;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 18%, rgba(0,0,0,0.10) 100%),
    linear-gradient(180deg, #9e3040 0%, #8c2933 52%, #7a242c 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 2px rgba(0,0,0,0.30);
  color: #fbeef0;
  font-weight: 760; font-size: 13px; letter-spacing: 0.02em; line-height: 1.4;
  text-shadow: 0 -1px 0 rgba(50,10,16,0.55);
}
/* iki Beykoz butonu da eşit yükseklik */
#uzman-uygulama .uzman-panel-v5 .beykoz-btn { min-height: 44px !important; box-sizing: border-box !important; }
.beykoz-uiverse .wrapper > span { display: inline-block; position: relative; z-index: 1; }
.beykoz-uiverse:hover { transform: translateY(-1px); box-shadow: 0 9px 22px -5px rgba(50,10,16,0.58), 0 1px 2px rgba(0,0,0,0.18) !important; }
.beykoz-uiverse:hover::before { animation-duration: 2.2s; }
.beykoz-uiverse:active { transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
  .beykoz-uiverse::before { animation: none; background: linear-gradient(90deg, rgba(217,170,85,0.7), rgba(184,48,62,0.7)); }
}

/* ============================================================
   GLOBAL HAREKETLİ GRADIENT — tüm sayfalarda görünür
   Blob'lar body seviyesinde sabit; landing + app modları şeffaf,
   taban açık renk html'de. İçerik blob'ların üstünde (z-index).
   ============================================================ */
html { background: #f5f2f3 !important; }
body { background: transparent !important; }
.v3-blobs { z-index: 0 !important; }
/* içerik katmanları blob'ların üstünde */
.mod-secim, .uygulama, .ust-serit { position: relative; z-index: 1; }
/* Header, landing/uygulama üstünde kalsın (profil açılır menüsü örtülmesin); modal (300) yine üstte */
.ust-serit { z-index: 60; }
/* arka planları şeffaflaştır ki global gradient görünsün */
.mod-secim { background: transparent !important; }
.v3 { background: transparent !important; }
#ogrenci-uygulama, #uzman-uygulama { background: transparent !important; }

/* ============================================================
   ÖĞRENCİ SONUÇLAR başlığı = UZMAN ile aynı (ikon + Sonuçlar + sayı)
   ============================================================ */
#ogrenci-uygulama .sonuc-bilgi::before { content: none !important; }
#ogrenci-uygulama .sonuc-metrik-icon {
  width: 48px !important; height: 48px !important; border-radius: 13px !important;
  background: rgba(122,36,44,0.07) !important; color: #7a242c !important;
  display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important;
}
#ogrenci-uygulama .sonuc-metrik-icon svg { width: 24px !important; height: 24px !important; }
#ogrenci-uygulama .sonuc-metrik-text { display: grid !important; gap: 1px !important; }
#ogrenci-uygulama .sonuc-metrik-text .panel-eyebrow {
  font-size: 10px !important; font-weight: 760 !important; letter-spacing: 0.14em !important;
  text-transform: uppercase !important; color: #7a242c !important; line-height: 1 !important;
}
#ogrenci-uygulama .sonuc-metrik-text > div {
  display: flex !important; align-items: baseline !important; gap: 5px !important; line-height: 1.05 !important; margin: 2px 0 0 !important;
}
#ogrenci-uygulama #ogrenci-sonuc-sayi {
  background: none !important; padding: 0 !important; min-height: 0 !important; border-radius: 0 !important; display: inline !important;
  font-size: 28px !important; font-weight: 820 !important; color: #7a242c !important; letter-spacing: -0.025em !important; line-height: 1 !important;
}

/* Filtreleri Gizle fix: #ogrenci-filtre display:block !important .kapali'yı eziyordu */
#ogrenci-filtre.kapali { display: none !important; }
/* filtre→sonuç boşluğunu sonuç→tablo ile eşitle (32px -> 14px) */
#ogrenci-filtre { margin-bottom: 0 !important; }

/* Export yükleme — çubuk kaldırıldı, sade ve şık düzen */
.export-overlay.progress-active .export-progress-card { text-align: center; }
.export-overlay.progress-active #export-baslik {
    display: block; font-size: 16px; font-weight: 750; color: #2b2224; letter-spacing: 0.01em;
}
.export-overlay.progress-active #export-mesaj { display: none; }

/* Dışa Aktar menüsü tablonun üstünde kalsın: araç çubuğu kartı tablo kartından üstte.
   (9168'deki z-index:auto !important kuralını ezer — cam backdrop stacking context sorunu) */
#uzman-uygulama .results-summary-card { position: relative !important; z-index: 45 !important; }
#uzman-uygulama .table-card { position: relative !important; z-index: 1 !important; }

/* #1 FIX: Filtreler gizliyken (panel .kapali) sonuç alanı header'a yapışmasın */


/* Tüm sonuç konteynerleri filtre ana konteyneri (.uzman-filtre-kutu) ile birebir aynı cam görünüm */
#uzman-uygulama .results-summary-card,
#uzman-uygulama .table-card {
    background: rgba(255,255,255,0.42) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-radius: 18px !important;
    -webkit-backdrop-filter: saturate(160%) blur(16px) !important;
    backdrop-filter: saturate(160%) blur(16px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06) !important;
}
/* araç çubuğu içi şeffaf kalsın (kartın camı görünsün) */
#uzman-uygulama .results-summary-card .panel-ust.uzman-toolbar { background: transparent !important; box-shadow: none !important; }
/* sayfalama da aynı cam, alt köşeleri yuvarlak */
#uzman-uygulama .sayfalama {
    -webkit-backdrop-filter: saturate(160%) blur(16px) !important;
}

/* Sayfalama da başlık gibi cam kartın içine gömülü görünsün (ayrı bar değil) */
#uzman-uygulama .sayfalama {
    background: transparent !important;
    border: none !important;
    box-shadow: inset 0 1px 0 rgba(139,30,45,0.14) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    border-radius: 0 0 18px 18px !important;
    margin-top: 2px !important;
}

/* Sayfalama butonları eşit genişlik (Önceki ↔ Sonraki simetrik) */
.sayfa-btn,
#uzman-uygulama .sayfa-btn { min-width: 116px !important; justify-content: center !important; text-align: center !important; }

/* "Sayfa başı": sert bordo kutu yerine soft, hafif görünüm */
.sayfa-boyutu,
#uzman-uygulama .sayfa-boyutu {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #8c7f82 !important;
    font-weight: 600 !important;
    gap: 9px !important;
}
.psize-btn {
    background: #fff !important;
    border: 1px solid rgba(63,48,51,0.13) !important;
    box-shadow: 0 1px 3px rgba(31,24,25,0.07) !important;
    color: #4a4143 !important;
    font-weight: 650 !important;
}
.psize-btn:hover { border-color: rgba(63,48,51,0.22) !important; box-shadow: 0 2px 7px rgba(31,24,25,0.12) !important; }
.psize-ok { color: #b0a4a6 !important; }

/* Sayfa bilgisi ile "Sayfa başı" arasını aç (iç içe görünmesin) */
.sayfa-bilgi,
#uzman-uygulama .sayfa-bilgi { margin-right: 24px !important; }

/* Pasif (disabled) buton da düzgün pill görünsün — soluk pembe blob değil; Önceki↔Sonraki simetrik */
.sayfa-btn:disabled,
#uzman-uygulama .sayfa-btn:disabled {
    opacity: 1 !important;
    background: rgba(255,255,255,0.82) !important;
    color: #b3a9ab !important;
    border: 1.5px solid rgba(63,48,51,0.10) !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* ====== RADIUS STANDARDI ====== 
   Tüm kart/konteynerler 18px, form kontrolleri (input/select/buton) 10px,
   pill öğeler (chip, toggle, Önceki/Sonraki, Sayfa başı) 999px olarak kalır. */
#uzman-uygulama .uzman-filtre-kutu,
#uzman-uygulama .quick-filter-box,
#uzman-uygulama .uzman-filter-card,
#uzman-uygulama .results-summary-card,
#uzman-uygulama .table-card,
#uzman-uygulama .program-grid-row,
#ogrenci-uygulama .program-grid-row,
#ogrenci-uygulama .results-summary-card,
#ogrenci-uygulama .table-card,
.export-menu-icerik { border-radius: 18px !important; }
/* form kontrolleri 10px */
#uzman-uygulama .uzman-panel-v5 input[type="text"],
#uzman-uygulama .uzman-panel-v5 input[type="number"],
#uzman-uygulama .uzman-panel-v5 input[type="search"],
#uzman-uygulama .uzman-panel-v5 select,
#uzman-uygulama .uzman-panel-v5 .tab-btn,
#uzman-uygulama .uzman-panel-v5 .hazir-secimler .preset-btn,
.filtre-buton:not(.beykoz-btn),
.aksiyon-btn { border-radius: 10px !important; }

/* Buton radius'larını da 10px standardına zorla (yüksek özgüllüklü 9px kurallarını ez) */
#uzman-uygulama .uzman-panel-v5 .tab-btn,
#uzman-uygulama .uzman-panel-v5 .filtre-buton:not(.beykoz-btn),
#ogrenci-uygulama .filtre-buton:not(.beykoz-btn),
#uzman-uygulama .aksiyon-btn,
#ogrenci-uygulama .aksiyon-btn,
.export-menu summary.aksiyon-btn { border-radius: 10px !important; }
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn,
#uzman-uygulama .uzman-panel-v5 .coklu-secim span,
#ogrenci-uygulama .tab-buton-grup .tab-btn { border-radius: 10px !important; }

/* Öğrenci konteynerleri de uzman ile aynı cam reçetesi */
#ogrenci-filtre,
#ogrenci-uygulama .results-summary-card,
#ogrenci-uygulama .table-card {
    background: rgba(255,255,255,0.42) !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    -webkit-backdrop-filter: saturate(160%) blur(16px) !important;
    backdrop-filter: saturate(160%) blur(16px) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06) !important;
}
#ogrenci-uygulama .results-summary-card .panel-ust { background: transparent !important; background-image: none !important; }

/* Export menü öğeleri: yeni line-art ikon + metin temiz hizalı (overlap yok) */
.export-menu-icerik button {
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    line-height: 1.25 !important;
}
.export-menu-icerik .exp-ico { flex: 0 0 auto; width: 26px; height: 26px; }
.export-btn .exp-ico { width: 24px; height: 24px; }

/* ===== SONUÇLAR kartı üstte + standart aralıklar (14px) / yan inset (16px) ===== */
#uzman-uygulama.aktif,
#ogrenci-uygulama.aktif {
    gap: 14px;
    padding: 26px 0 0 !important;
}
#uzman-uygulama > .results-summary-card,
#ogrenci-uygulama > .results-summary-card {
    margin: 0 16px !important;
}
#uzman-filtre,
#ogrenci-filtre { margin-top: 0 !important; margin-bottom: 0 !important; }
#uzman-uygulama .ana-panel,
#ogrenci-uygulama .ana-panel { padding-top: 0 !important; padding-bottom: 0 !important; }
/* eski 'filtre gizli' boşluk kuralını nötrle (artık gap hallediyor) */
#uzman-filtre.kapali ~ .ana-panel,
#ogrenci-filtre.kapali ~ .ana-panel { margin-top: 0 !important; }

/* Uzman filtre paneli: şeffaf sarmalayıcının dikey padding'i görünen cam kutuyu aşağı itiyordu —
   dikey padding 0 (yan 16px kalsın) ki SONUÇLAR↔filtre boşluğu da 14px standart olsun (öğrenci gibi) */
#uzman-uygulama .uzman-panel-v5,
#uzman-uygulama .uzman-paneli,
#uzman-filtre { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 16px !important; padding-right: 16px !important; }


/* ============================================================
   ANİMASYONLU LUCİDE İKONLARI — birebir pqoqubbw/icons (MIT)
   Motion variant'ları CSS @keyframes'e çevrildi. Snapshot tüm
   animation/transition'ı kapattığından determinizm korunur
   (base/rest durumu sabit: dashoffset 0 = çizili, transform yok).
   ============================================================ */
.nav-ico { width: 15px; height: 15px; vertical-align: -2.5px; margin-right: 2px; flex: 0 0 auto; overflow: visible; }
.feat-svg, .metric-svg { overflow: visible; }
.nav-ico *, .feat-svg *, .metric-svg * { transform-box: fill-box; }
.luc-check { stroke-dasharray: 14; transform-origin: center; }

/* Heart — scale [1,1.08,1], 0.45s, 3 kez (Motion repeat:2) */
@keyframes lucHeart { 0%{transform:scale(1)} 50%{transform:scale(1.08)} 100%{transform:scale(1)} }
.ico-heart { transform-origin: center; }
#tercih-listem-btn:hover .ico-heart { animation: lucHeart .45s ease-in-out 3; }
#tercih-listem-btn:not(.pasif) .ico-heart { animation: lucHeart .45s ease-in-out infinite; }

/* Graduation cap — cap: y[0,-2,0] rotate[0,-2,2,0] 0.6s; tassel rotate[0,15,-10,5,0] 0.8s delay .1 */
.luc-cap { transform-origin: 12px 12px; }
.luc-tassel { transform-origin: top center; }
@keyframes lucCap { 0%{transform:translateY(0) rotate(0)} 33%{transform:translateY(-2px) rotate(-2deg)} 66%{transform:translateY(0) rotate(2deg)} 100%{transform:translateY(0) rotate(0)} }
@keyframes lucTassel { 0%{transform:rotate(0)} 25%{transform:rotate(15deg)} 50%{transform:rotate(-10deg)} 75%{transform:rotate(5deg)} 100%{transform:rotate(0)} }
.mod-tab:hover .luc-cap { animation: lucCap .6s ease-in-out; }
.mod-tab:hover .luc-tassel { animation: lucTassel .8s ease-in-out .1s; }

/* Shield-check — check: pathLength[0,1] + scale[.5,1] + opacity, 0.4s */
@keyframes lucCheck { 0%{stroke-dashoffset:14;opacity:0;transform:scale(.5)} 40%{opacity:1} 100%{stroke-dashoffset:0;opacity:1;transform:scale(1)} }
.mod-tab:hover .luc-check { animation: lucCheck .4s ease both; }

/* Circle-help — inner g rotate [0,-10,10,-10,0] 0.5s */
.luc-help { transform-origin: 12px 12px; }
@keyframes lucHelp { 0%{transform:rotate(0)} 25%{transform:rotate(-10deg)} 50%{transform:rotate(10deg)} 75%{transform:rotate(-10deg)} 100%{transform:rotate(0)} }
.yardim-btn:hover .luc-help { animation: lucHelp .5s ease-in-out; }

/* Hero mod butonu — user: circle & arc çizim (pathLength draw); shield-check */
.ico-user .luc-u-circle { stroke-dasharray: 32; transform-origin: center; }
.ico-user .luc-u-arc { stroke-dasharray: 26; }
@keyframes lucDrawCircle { 0%{stroke-dashoffset:32;transform:scale(.5)} 100%{stroke-dashoffset:0;transform:scale(1)} }
@keyframes lucDrawArc { 0%{stroke-dashoffset:26;opacity:0} 100%{stroke-dashoffset:0;opacity:1} }
.v3-mode-seg:hover .ico-user .luc-u-circle { animation: lucDrawCircle .4s ease both; }
.v3-mode-seg:hover .ico-user .luc-u-arc { animation: lucDrawArc .4s ease .2s both; }
.v3-mode-seg:hover .ico-shield2 .luc-check { animation: lucCheck .4s ease both; }

/* Feature 1: align-center — orta çizgi translateX [0,3,-3,2,-2,0] 1s linear */
@keyframes lucFilt { 0%{transform:translateX(0)} 20%{transform:translateX(3px)} 40%{transform:translateX(-3px)} 60%{transform:translateX(2px)} 80%{transform:translateX(-2px)} 100%{transform:translateX(0)} }
.v3-feat:hover .ico-filter .luc-filt-mid { animation: lucFilt 1s linear; }

/* Feature 2: layout-grid — kareler 0.8s, times[0,.4,.6,1] */
@keyframes lucGX  { 0%{transform:translateX(0)} 40%,60%{transform:translateX(11px)} 100%{transform:translateX(0)} }
@keyframes lucGXn { 0%{transform:translateX(0)} 40%,60%{transform:translateX(-11px)} 100%{transform:translateX(0)} }
@keyframes lucGY  { 0%{transform:translateY(0)} 40%,60%{transform:translateY(11px)} 100%{transform:translateY(0)} }
@keyframes lucGYn { 0%{transform:translateY(0)} 40%,60%{transform:translateY(-11px)} 100%{transform:translateY(0)} }
.v3-feat:hover .ico-grid .g1 { animation: lucGX  .8s ease-in-out; }
.v3-feat:hover .ico-grid .g2 { animation: lucGY  .8s ease-in-out; }
.v3-feat:hover .ico-grid .g3 { animation: lucGYn .8s ease-in-out; }
.v3-feat:hover .ico-grid .g4 { animation: lucGXn .8s ease-in-out; }

/* Feature 3: shield-check (Risk) */
.v3-feat:hover .ico-shieldcheck .luc-check { animation: lucCheck .55s ease both; }

/* Feature 4: download — ok grubu spring y→2 (hover boyunca açık) */
.luc-dl { transition: transform .35s cubic-bezier(.34,1.56,.64,1); }
.v3-feat:hover .ico-download .luc-dl { transform: translateY(2px); }

/* Metric: chart-no-axes-column-increasing — 3 çizgi sil→çiz, stagger i*0.1 */
.metric-svg .mb1 { stroke-dasharray: 4; }
.metric-svg .mb2 { stroke-dasharray: 10; }
.metric-svg .mb3 { stroke-dasharray: 16; }
@keyframes lucBar { 0%{stroke-dashoffset:0;opacity:1} 45%{opacity:0} 50%{stroke-dashoffset:var(--l)} 100%{stroke-dashoffset:0;opacity:1} }
.sonuc-metrik-icon:hover .mb1 { --l:4;  animation: lucBar .6s ease; }
.sonuc-metrik-icon:hover .mb2 { --l:10; animation: lucBar .6s ease .1s; }
.sonuc-metrik-icon:hover .mb3 { --l:16; animation: lucBar .6s ease .2s; }

/* Uzman hızlı-filtre ikonları (CSS mask — sub-path animasyonu mümkün değil): hover pop */
#uzman-uygulama .uzman-panel-v5 .quick-icon { transition: transform .28s cubic-bezier(.16,1,.3,1); }
#uzman-uygulama .uzman-panel-v5 .quick-box-title:hover .quick-icon { transform: scale(1.16) rotate(-7deg); }

/* Erişilebilirlik: hareket azaltma tercihinde tüm ikon animasyonları kapanır */
@media (prefers-reduced-motion: reduce) {
  .nav-ico *, .feat-svg *, .metric-svg *, .quick-icon, .ico-heart, .luc-dl {
    animation: none !important; transition: none !important; transform: none !important;
    stroke-dashoffset: 0 !important; opacity: 1 !important;
  }
}

/* Yayın sürümü etiketi: sayfanın en altında, footer içinde, normal akışta ve ortalı */
.surum-rozeti {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #6b5b5c;
    user-select: none;
}
@media (max-width: 720px) {
    .surum-rozeti { font-size: 10px; }
}

/* ============================================================
   Animasyonlu segmented filtre butonları (Puan Türü / Tablo / Program Türü)
   Referans bileşene sadık: seçili dolgu, arkadan ölçeklenerek "yaylı" gelen
   bir pill (::before). Renk = bordo, boyut/köşe mevcut korunur.
   - Geçiş: cubic-bezier(0.23,1,0.32,1), 0.48s (referansla aynı his)
   - Seçilince büyüme: scale(1.1)
   - Nokta göstergesi YOK.
   ============================================================ */
#ogrenci-filtre .tab-buton-grup .tab-btn,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn,
#uzman-uygulama .uzman-panel-v5 .coklu-secim span {
    position: relative;
    z-index: 0;
    overflow: visible;
    transform-origin: center;
    transition: transform .48s cubic-bezier(0.23, 1, 0.32, 1),
                color .48s cubic-bezier(0.23, 1, 0.32, 1),
                border-color .48s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
/* Seçili dolgu = arkadan ölçeklenerek gelen bordo pill */
#ogrenci-filtre .tab-buton-grup .tab-btn::before,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn::before,
#uzman-uygulama .uzman-panel-v5 .coklu-secim span::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(180deg, #b5263a 0%, #981f31 100%);
    box-shadow: 0 10px 22px rgba(139, 31, 45, .22);
    opacity: 0;
    transform: scale(.45);
    transform-origin: center;
    transition: transform .48s cubic-bezier(0.23, 1, 0.32, 1),
                opacity .48s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: none;
}
#ogrenci-filtre .tab-buton-grup .tab-btn.aktif,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn.aktif,
#uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span {
    background: transparent !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    transform: scale(1.1) !important;
    z-index: 2;
}
#ogrenci-filtre .tab-buton-grup .tab-btn.aktif::before,
#uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn.aktif::before,
#uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span::before {
    opacity: 1;
    transform: scale(1);
}
@media (prefers-reduced-motion: reduce) {
    #ogrenci-filtre .tab-buton-grup .tab-btn,
    #uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn,
    #uzman-uygulama .uzman-panel-v5 .coklu-secim span,
    #ogrenci-filtre .tab-buton-grup .tab-btn::before,
    #uzman-uygulama .uzman-panel-v5 .filtre-sekmeleri .tab-btn::before,
    #uzman-uygulama .uzman-panel-v5 .coklu-secim span::before { transition: none !important; }
    #ogrenci-filtre .tab-buton-grup .tab-btn.aktif,
    #uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span { transform: none !important; }
}

/* Çoklu seçim çipleri: birden çok seçilince yan yana büyüme çakışmasın diye
   buton büyümesi tab'a göre yumuşatılır (1.1 → 1.05); ::before pill + bordo aynı. */
#uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span {
    transform: scale(1.05) !important;
}
@media (prefers-reduced-motion: reduce) {
    #uzman-uygulama .uzman-panel-v5 .coklu-secim input:checked + span { transform: none !important; }
}

/* ============================================================
   Uzman çoklu şehir dropdown — öğrenci ile aynı görünüm.
   (Eski tekli select + "Ara..." kutusu kaldırıldı; çoklu seçim geldi.)
   Panel JS ile position:fixed konumlanır (ogr ile aynı mantık).
   ============================================================ */
#uzman-filtre .ogr-dropdown-kont { position: relative; width: 100%; }
#uzman-filtre .ogr-dropdown-btn {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #ddd5d3;
    background: #fff;
    color: #2c2527;
    font-size: 13px;
    font-weight: 600;
    padding: 0 12px;
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease;
}
#uzman-filtre .ogr-dropdown-btn:hover,
#uzman-filtre .ogr-dropdown-btn[aria-expanded="true"] {
    border-color: rgba(122, 36, 44, .4);
    box-shadow: 0 0 0 3px rgba(122, 36, 44, .07);
}
#uzman-filtre .ogr-dropdown-btn svg { flex: 0 0 auto; opacity: .6; }
/* Panel açılınca document.body'ye taşınır (cam/backdrop-filter atalardan kaçış);
   bu yüzden #uzman-filtre değil, panel id'siyle hedeflenir. */
#uzman-sehir-panel[hidden] { display: none !important; }
#uzman-sehir-panel {
    position: fixed;
    left: auto;
    right: auto;
    width: min(260px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: 280px;
    padding: 6px 0;
    background: #fff;
    border: 1px solid rgba(42, 34, 36, .12);
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(31, 24, 25, .16);
    z-index: 6000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
/* Büyük 3 il (İstanbul/Ankara/İzmir) ile alfabetik liste arası ayraç */
.sehir-ayrac { height: 1px; background: rgba(122,36,44,0.16); margin: 5px 12px; border-radius: 1px; }
/* Şehir paneli altındaki davranış ipucu (yalnız o şehir / hariç tutma) */
.sehir-ipucu {
    font-size: 10.5px;
    line-height: 1.45;
    color: rgba(42,34,36,0.55);
    padding: 7px 12px 8px;
    border-top: 1px solid rgba(42,34,36,.08);
}
#uzman-sehir-panel .ogr-sehir-liste {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
#uzman-sehir-panel .ogr-sehir-satir {
    width: 100%;
    min-height: 34px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    cursor: pointer;
}
#uzman-sehir-panel .ogr-sehir-satir:hover { background: rgba(122, 36, 44, .05); }
#uzman-sehir-panel .ogr-sehir-satir input[type="checkbox"] { accent-color: #9b2132; flex: 0 0 auto; }
#uzman-sehir-panel .ogr-sehir-satir span {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}
#uzman-sehir-panel .ogr-sehir-hepsi { border-bottom: 1px solid rgba(42,34,36,.08); }

/* Öğrenci çoklu şehir paneli — body'ye taşındığında (cam atalardan kaçış)
   id ile hedeflenir; mevcut #ogrenci-filtre kuralları eşleşmediğinde devreye girer. */
#ogr-sehir-panel[hidden] { display: none !important; }
#ogr-sehir-panel {
    position: fixed;
    left: auto;
    right: auto;
    width: min(240px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: 280px;
    padding: 6px 0;
    background: #fff;
    border: 1px solid rgba(42, 34, 36, .12);
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(31, 24, 25, .16);
    z-index: 6000;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#ogr-sehir-panel .ogr-sehir-liste {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
#ogr-sehir-panel .ogr-sehir-satir {
    width: 100%;
    min-height: 34px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    cursor: pointer;
}
#ogr-sehir-panel .ogr-sehir-satir:hover { background: rgba(122, 36, 44, .05); }
#ogr-sehir-panel .ogr-sehir-satir input[type="checkbox"] { accent-color: #9b2132; flex: 0 0 auto; }
#ogr-sehir-panel .ogr-sehir-satir span {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}
#ogr-sehir-panel .ogr-sehir-hepsi { border-bottom: 1px solid rgba(42,34,36,.08); }

/* ============================================================
   Öğrenci kayıt kapısı (DEMO) — login modal diliyle uyumlu
   ============================================================ */
/* Kayıt kapısı: kompakt — viewport'u tepeden tıbana kaplamasın */
.ogr-kayit-kutu {
    max-width: 460px; text-align: left;
    padding: 16px 26px 16px;
    max-height: 94vh; overflow-y: auto;
}
/* Kapı + KVKK modalı: SİTE CAM (glass) STANDARDI; orbit blob'ları kaldırılır */
#ogr-kayit-modal { background: rgba(31,24,25,0.22); }
#kvkk-metin-modal { background: rgba(31,24,25,0.40); }
.ogr-kayit-kutu, .kvkk-kutu {
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 18px;
    backdrop-filter: saturate(160%) blur(18px);
    -webkit-backdrop-filter: saturate(160%) blur(18px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 20px 55px -20px rgba(31,24,25,0.5);
}
/* KVKK metin modalı: okunabilirlik için düz BEYAZ konteyner (cam değil) */
.kvkk-kutu {
    background: #fff;
    border: 1px solid rgba(31,24,25,0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.ogr-kayit-kutu::before, .ogr-kayit-kutu::after,
.kvkk-kutu::before, .kvkk-kutu::after { content: none; }
.ogr-kayit-kutu h3,
.ogr-kayit-kutu > p { text-align: center; }
.ogr-kayit-kutu .login-ikon { width: 38px; height: 38px; margin: 0 auto 6px; }
.ogr-kayit-kutu .login-ikon svg { width: 21px; height: 21px; }
.ogr-kayit-kutu h3 { font-size: 18px; }
.ogr-kayit-kutu > p { font-size: 12px; line-height: 1.4; margin: 4px auto 11px; max-width: none; }
.ogr-kayit-kutu .login-giris { margin-top: 3px; padding: 12px; font-size: 14.5px; }
.ogr-kayit-kutu .login-vazgec { margin-top: 7px; padding: 10px; }
.kayit-form { margin-top: 0; }
.kayit-satir-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (max-width: 460px) { .kayit-satir-2 { grid-template-columns: 1fr; } }
.kayit-form .login-input-wrap { margin-bottom: 6px; }
.kayit-kvkk-metin {
    font-size: 11.5px;
    line-height: 1.5;
    color: #6b5b5c;
    background: rgba(122,36,44,0.045);
    border: 1px solid rgba(122,36,44,0.10);
    border-radius: 12px;
    padding: 10px 12px;
    max-height: 92px;
    overflow-y: auto;
    margin: 4px 0 12px;
}
.kayit-kvkk-onay {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 11px;
    line-height: 1.33;
    color: #3a2f30;
    cursor: pointer;
    background: rgba(122,36,44,0.035);
    border: 1px solid rgba(122,36,44,0.10);
    border-radius: 12px;
    padding: 7px 10px;
    margin-bottom: 6px;
}
.kayit-kvkk-onay input[type="checkbox"] {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    accent-color: #9b2132;
    cursor: pointer;
}
.kayit-demo-not {
    margin-top: 10px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    color: #8a7656;
    background: rgba(166,140,70,0.09);
    border: 1px solid rgba(166,140,70,0.20);
    border-radius: 10px;
    padding: 6px 10px;
}
/* Kayıt kapısı 2. adım: telefon doğrulama kodu */
.kayit-kod-bilgi {
    font-size: 13px; line-height: 1.5; color: #3a2f30;
    text-align: center; margin: 2px 0 12px;
}
.kayit-kod-bilgi strong { color: #7a242c; }
#kayit-kod { letter-spacing: 0.25em; font-size: 17px; font-weight: 700; }
#kayit-kod::placeholder { letter-spacing: normal; font-weight: 500; }
.kayit-demo-kod {
    margin: 0 0 10px; text-align: center; font-size: 12px; font-weight: 700;
    color: #8a6d2f; background: rgba(166,140,70,0.10);
    border: 1px dashed rgba(166,140,70,0.45); border-radius: 10px; padding: 7px 10px;
}
.kayit-kod-alt {
    display: flex; justify-content: space-between; gap: 10px; margin-bottom: 4px;
}
.kayit-kod-alt .kvkk-link { font-size: 12px; font-weight: 600; }

/* Google ile devam et butonu (Model A içinde hızlı ad+e-posta) */
.google-btn {
    display: flex; align-items: center; justify-content: center; gap: 10px;
    width: 100%; height: 40px; margin-bottom: 8px;
    background: #fff; color: #3a2f30;
    border: 1px solid #dcd3d4; border-radius: 10px;
    font-size: 14px; font-weight: 600; cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.google-btn:hover { background: #faf7f7; border-color: #cfc4c5; box-shadow: 0 2px 8px rgba(31,24,25,0.06); }
.google-btn .google-g { flex: 0 0 auto; }
.kayit-google-bagli {
    display: flex; align-items: center; gap: 8px;
    font-size: 12.5px; color: #1a7d4b; font-weight: 600;
    background: rgba(26,125,75,0.08); border: 1px solid rgba(26,125,75,0.22);
    border-radius: 10px; padding: 8px 11px; margin-bottom: 10px;
}
.kayit-google-bagli span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2a2224; }
.kayit-google-bagli .kvkk-link { flex: 0 0 auto; font-size: 12px; }
.kayit-veya {
    display: flex; align-items: center; gap: 10px;
    margin: 0 0 8px; color: #9a8e90; font-size: 11.5px;
}
.kayit-veya::before, .kayit-veya::after {
    content: ""; flex: 1 1 auto; height: 1px; background: rgba(122,36,44,0.12);
}
/* flex/grid tanımları HTML [hidden]'ı ezmesin */
.google-btn[hidden], .kayit-google-bagli[hidden],
.kayit-satir-2[hidden], .kayit-veya[hidden] { display: none !important; }

/* Onay kutusu içindeki KVKK/PDF bağlantısı */
.kvkk-link {
    appearance: none; border: 0; background: none; padding: 0;
    font: inherit; color: #9b2132; font-weight: 700;
    text-decoration: underline; text-underline-offset: 2px;
    cursor: pointer; border-radius: 3px;
}
.kvkk-link:hover { color: #7a242c; text-decoration-thickness: 2px; }
.kvkk-link:focus-visible {
    outline: 2px solid #9b2132; outline-offset: 2px;
    text-decoration: none; border-radius: 3px;
}

/* KVKK tam metin modalı — kayıt kapısının ÜSTÜNDE açılır */
.kvkk-modal { z-index: 340; }
.kvkk-kutu {
    max-width: 600px; width: 100%; text-align: left;
    position: relative; max-height: 88vh;
    display: flex; flex-direction: column;
}
.kvkk-kutu h3 { text-align: center; margin-bottom: 2px; }
.kvkk-altbaslik {
    text-align: center; font-size: 12px; color: #6b5b5c;
    margin: 0 0 12px; line-height: 1.4;
}
.kvkk-kapat {
    position: absolute; top: 12px; right: 14px;
    width: 30px; height: 30px; border-radius: 999px;
    border: 1px solid rgba(122,36,44,0.15); background: rgba(122,36,44,0.05);
    color: #7a242c; font-size: 20px; line-height: 1; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    z-index: 2;
}
.kvkk-kapat:hover { background: rgba(122,36,44,0.12); }
.kvkk-metin-govde {
    overflow-y: auto; flex: 1 1 auto; min-height: 0;
    padding: 2px 12px 2px 2px; margin-bottom: 14px;
    font-size: 13px; line-height: 1.6; color: #3a2f30;
}
.kvkk-metin-govde h4 {
    margin: 14px 0 4px; font-size: 13.5px; color: #7a242c; font-weight: 800;
}
.kvkk-metin-govde h4:first-child { margin-top: 0; }
.kvkk-metin-govde p { margin: 0 0 9px; max-width: none; font-size: 13px; line-height: 1.55; color: #3a2f30; }
.kvkk-metin-govde ul { margin: 0 0 8px; padding-left: 20px; }
.kvkk-metin-govde li { margin-bottom: 3px; }
.kvkk-metin-govde .kvkk-kapanis { font-size: 12px; color: #6b5b5c; margin-top: 10px; }

/* Kayıt kapısı açıkken arkadaki uygulama ekranı bulanık + tıklanamaz */
body.kayit-kapi-acik #ogrenci-uygulama,
body.kayit-kapi-acik #hesaplama-uygulama,
body.kayit-kapi-acik #uzman-uygulama {
    filter: blur(4px);
    transition: filter .25s ease;
    pointer-events: none;
    user-select: none;
}

/* Taban Puan / Başarı Sırası: iki yıl üst üste (üst 2025 koyu, alt 2024 soluk); yıl başlıkta */
.iki-yil { display: inline-flex; flex-direction: column; align-items: center; line-height: 1; }
.iki-yil .iy-ana { font-weight: 700; color: #9b2132; line-height: 1.1; }
.iki-yil .iy-alt {
    margin-top: 7px; white-space: nowrap; line-height: 1;
    font-size: 11px; font-weight: 600; color: #9a8e90;
}
/* Başlık: ANA BAŞLIK diğer (tek satır) başlıklarla AYNI merkez ekseninde kalır
   (hücre flex'i başlığı dikey ortalar). 2025/2024 başlığın hemen ALTINDA absolute
   → ana başlığı kaydırmaz; yatayda aynı merkez aksında, eşit ~4px boşlukla istif.
   Üst 2025 bordo, alt 2024 gri. Ok sağda. */
/* Başlık + 2025/2024 KAPSANAN flex-kolon grup (hücrede ortalı): başlık 1 ya da
   2 satıra sarsa da grup içeride kalır, 2024 alt çizgiyi AŞMAZ (Durum sütunu
   gelince kolon daralıp "BAŞARI SIRASI" 2 satıra düştüğünde taşmayı önler). */
.program-grid-header .bas-t {
    display: inline-flex; flex-direction: column; align-items: center;
    gap: 3px; line-height: 1.15;
}
.program-grid-header .bas-yil {
    display: flex; flex-direction: column; align-items: center; gap: 3px;
    line-height: 1; font-weight: 700; letter-spacing: .02em;
}
.program-grid-header .bas-yil .by-a { color: #9b2132; font-size: 10px; }
.program-grid-header .bas-yil .by-b { color: #a4979a; font-size: 8px; }
.program-grid-header .cell[data-alan="taban_puan_2025"]::after,
.program-grid-header .cell[data-alan="basari_sirasi_2025"]::after {
    position: absolute; right: 7px; top: 50%; transform: translateY(-50%); margin: 0;
}

/* ============================================================
   YKS PUAN HESAPLAMA EKRANI
   ============================================================ */
#hesaplama-uygulama { display: none; }
#hesaplama-uygulama.aktif { display: block; }
.hesap-sarmal {
    max-width: 1100px; margin: 0 auto; padding: 16px;
    display: grid; grid-template-columns: 1.6fr 1fr; gap: 16px; align-items: start;
}
@media (max-width: 820px) { .hesap-sarmal { grid-template-columns: 1fr; } }
.hesap-kart {
    background: rgba(255,255,255,0.42);
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 18px;
    backdrop-filter: saturate(160%) blur(16px);
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 6px 22px rgba(31,24,25,0.06);
    padding: 18px 20px;
}
.hesap-baslik-satir { display: flex; align-items: center; gap: 10px; }
.hesap-h2 { margin: 0; font-size: 20px; font-weight: 800; color: #1d1416; letter-spacing: -0.01em; }
.hesap-tahmini-rozet {
    font-size: 11px; font-weight: 700; color: #8a6d2f;
    background: rgba(166,140,70,0.12); border: 1px solid rgba(166,140,70,0.3);
    border-radius: 999px; padding: 2px 9px;
}
.hesap-aciklama { font-size: 12.5px; line-height: 1.5; color: #6f6668; margin: 8px 0 14px; }
.hesap-tur-grup {
    display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px;
}
.hesap-tur-btn {
    border: 1px solid rgba(122,36,44,0.18); background: rgba(255,255,255,0.6);
    color: #7a242c; font-weight: 700; font-size: 13px;
    border-radius: 10px; padding: 8px 14px; cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.hesap-tur-btn:hover { background: rgba(122,36,44,0.06); }
.hesap-tur-btn.aktif { background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff; border-color: transparent; }
.hesap-tur-etiket-satir { min-height: 16px; margin: 6px 0 12px; }
.hesap-tur-etiket { font-size: 12px; color: #9a8e90; font-weight: 600; }
.hesap-grup { margin-bottom: 12px; }
.hesap-grup-bas {
    font-size: 11px; font-weight: 800; letter-spacing: 0.06em; color: #9b2132;
    text-transform: uppercase; margin: 0 0 6px;
}
.hesap-satir {
    display: grid; grid-template-columns: 1fr auto auto auto; gap: 8px; align-items: center;
    padding: 6px 0; border-bottom: 1px solid rgba(122,36,44,0.06);
}
.hesap-test-ad { font-size: 13px; color: #3a2f30; font-weight: 600; }
.hesap-soru { color: #a99fa1; font-weight: 500; font-size: 11px; }
.hesap-mini { display: flex; align-items: center; gap: 4px; }
.hesap-mini > span { font-size: 11px; font-weight: 700; color: #9a8e90; width: 12px; text-align: center; }
.hesap-mini input {
    width: 52px; padding: 6px 8px; font-size: 13px; text-align: center;
    border: 1px solid rgba(122,36,44,0.16); border-radius: 8px; background: #fff; color: #3a2f30;
}
.hesap-mini input:focus { outline: none; border-color: #9b2132; box-shadow: 0 0 0 3px rgba(155,33,50,0.12); }
.hesap-net { font-size: 12px; color: #6f6668; min-width: 58px; text-align: right; }
.hesap-net strong { color: #7a242c; }
.hesap-obp-satir {
    display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    margin-top: 10px; padding-top: 12px; border-top: 1px solid rgba(122,36,44,0.1);
}
.hesap-obp-label { font-size: 13px; font-weight: 600; color: #3a2f30; }
.hesap-obp-satir input {
    width: 90px; padding: 7px 10px; font-size: 13px; text-align: center;
    border: 1px solid rgba(122,36,44,0.16); border-radius: 8px; background: #fff; color: #3a2f30;
}
.hesap-obp-satir input:focus { outline: none; border-color: #9b2132; box-shadow: 0 0 0 3px rgba(155,33,50,0.12); }
.hesap-obp-bilgi { font-size: 12.5px; color: #6f6668; margin-left: auto; }
.hesap-obp-bilgi strong { color: #7a242c; }
.hesap-sonuc-kart { position: sticky; top: 76px; }
.hesap-sonuc-blok { text-align: center; padding: 10px 0; }
.hesap-sonuc-etiket { font-size: 12px; font-weight: 600; color: #9a8e90; text-transform: uppercase; letter-spacing: .04em; }
.hesap-sonuc-deger { font-size: 30px; font-weight: 800; color: #1d1416; letter-spacing: -0.01em; line-height: 1.1; margin-top: 2px; }
.hesap-sonuc-vurgu {
    background: linear-gradient(180deg, rgba(168,49,60,0.10), rgba(122,36,44,0.06));
    border: 1px solid rgba(122,36,44,0.16); border-radius: 14px; margin: 8px 0; padding: 12px 0;
}
.hesap-sonuc-vurgu .hesap-sonuc-deger { color: #7a242c; font-size: 34px; }
.hesap-sonuc-not { font-size: 11px; color: #9a8e90; margin-top: 3px; }
.hesap-uyari { font-size: 11.5px; line-height: 1.45; color: #8a6d2f; text-align: center; margin: 10px 0 0; }

/* Puan Hesaplama — sonuç kilidi (Model B: puanı görmek için kapı) */
.hesap-sonuc-kart { position: relative; }
.hesap-kilit-katman {
    display: none; position: absolute; inset: 0;
    flex-direction: column; align-items: center; justify-content: center; gap: 10px;
    padding: 18px; text-align: center; border-radius: 18px;
}
.hesap-sonuc-kart.kilitli .hesap-sonuc-icerik { filter: blur(8px); opacity: .55; pointer-events: none; user-select: none; }
.hesap-sonuc-kart.kilitli .hesap-kilit-katman { display: flex; }
.hesap-hesapla-btn {
    border: none; border-radius: 12px; cursor: pointer;
    background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff;
    font-size: 15px; font-weight: 800; padding: 13px 22px;
    box-shadow: 0 12px 26px -8px rgba(122,36,44,0.55), inset 0 1px 0 rgba(255,255,255,0.3);
    transition: transform .18s cubic-bezier(0.16,1,0.3,1), box-shadow .2s ease;
}
.hesap-hesapla-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 38px -8px rgba(122,36,44,0.65), inset 0 1px 0 rgba(255,255,255,0.3); }
.hesap-kilit-not { font-size: 12px; color: #6f6668; margin: 0; max-width: 220px; line-height: 1.4; }

/* Tercih Arama — sonuç kilidi (Model B: ilk 10 serbest, gerisi kapı ardında) */
/* Tam genişlikte, satırlarla hizalı, üste binmeyen temiz bant */
.sonuc-kilit { margin: 12px 0 16px; position: relative; z-index: 3; }
.sonuc-kilit-ic {
    background: rgba(255,255,255,0.62);
    border: 1px solid rgba(122,36,44,0.16);
    border-radius: 18px;
    backdrop-filter: saturate(160%) blur(12px);
    -webkit-backdrop-filter: saturate(160%) blur(12px);
    box-shadow: 0 10px 30px -12px rgba(31,24,25,0.18);
    padding: 18px 20px; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.sonuc-kilit-ikon {
    width: 44px; height: 44px; border-radius: 50%; color: #fff;
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(160deg,#a8313c,#7a242c);
    box-shadow: 0 8px 18px -6px rgba(122,36,44,0.5);
}
.sonuc-kilit-yazi { font-size: 15px; font-weight: 800; color: #1d1416; }
.sonuc-kilit-btn {
    border: none; border-radius: 12px; cursor: pointer;
    background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff;
    font-size: 14.5px; font-weight: 800; padding: 12px 22px;
    box-shadow: 0 12px 26px -8px rgba(122,36,44,0.55), inset 0 1px 0 rgba(255,255,255,0.3);
    transition: transform .18s cubic-bezier(0.16,1,0.3,1), box-shadow .2s ease;
}
.sonuc-kilit-btn:hover { transform: translateY(-2px); box-shadow: 0 20px 38px -8px rgba(122,36,44,0.65), inset 0 1px 0 rgba(255,255,255,0.3); }
.sonuc-kilit-not { font-size: 12px; color: #6f6668; margin: 0; max-width: 320px; line-height: 1.45; }

/* ===== Kilit: degrade geçişli, bulanık, "liste devam ediyor" efekti ===== */
.results-table-card.kilitli { position: relative; overflow: hidden; }
.kart-liste.kilitli { position: relative; overflow: hidden; }
/* Teaser satırları: aşağı indikçe artan bulanıklık + şeffaflık, tıklanamaz */
.kilit-teaser-row { pointer-events: none; }
.kilit-teaser-row.kt-1 { filter: blur(1.2px); opacity: 0.64; }
.kilit-teaser-row.kt-2 { filter: blur(2.6px); opacity: 0.44; }
.kilit-teaser-row.kt-3 { filter: blur(4.6px); opacity: 0.26; }
.kilit-teaser-row.kt-4 { filter: blur(7px);   opacity: 0.13; }
/* Mobil teaser kart bloğu — aynı silinme hissi */
.kilit-teaser-kart {
    position: relative; pointer-events: none;
    filter: blur(2.6px); opacity: 0.5;
    -webkit-mask: linear-gradient(to bottom, #000 0%, transparent 88%);
    mask: linear-gradient(to bottom, #000 0%, transparent 88%);
}
/* Üstten saydam → alta opak: degrade + hafif frosted katman */
.kilit-fade {
    position: absolute; left: 0; right: 0; bottom: 0;
    height: 280px; z-index: 2; pointer-events: none;
    background: linear-gradient(to bottom,
        rgba(252,247,247,0) 0%,
        rgba(252,247,247,0.42) 40%,
        rgba(251,246,246,0.80) 72%,
        rgba(250,245,245,0.96) 100%);
    -webkit-backdrop-filter: blur(1.4px);
    backdrop-filter: blur(1.4px);
}
/* Kilit CTA'sı: kartın altında, fade'in üstüne yüzer */
.results-table-card.kilitli .sonuc-kilit,
.kart-liste.kilitli .sonuc-kilit {
    position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%);
    margin: 0; z-index: 4; width: max-content; max-width: calc(100% - 28px);
}
/* CTA kutu DEĞİL: ikon+yazı+buton doğrudan bulanık degradenin üstünde, okunur */
.results-table-card.kilitli .sonuc-kilit-ic,
.kart-liste.kilitli .sonuc-kilit-ic {
    background: transparent;
    border: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding: 0;
}
.results-table-card.kilitli .sonuc-kilit-yazi,
.kart-liste.kilitli .sonuc-kilit-yazi { text-shadow: 0 1px 10px rgba(255,255,255,0.9); }

/* Kilitliyken sayfalama gizli (flex !important'i ezer) */
#uzman-uygulama .sayfalama.kilit-gizli { display: none !important; }

/* ============================================================
   YKS PUAN HESAPLAMA — referans tasarım (minimal/rafine)
   ============================================================ */
.hesap-wrap { max-width: 1180px; margin: 0 auto; padding: 20px 16px 28px; }
.hesap-head { text-align: center; margin-bottom: 18px; }
.hesap-eyebrow { font-size: 13px; font-weight: 800; letter-spacing: .04em; color: #9b2132; }
.hesap-title { margin: 2px 0 4px; font-size: 38px; font-weight: 800; letter-spacing: -0.02em; color: #1d1416; }
.hesap-sub { margin: 0; font-size: 14px; color: #8a8285; }
.hesap-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 16px; align-items: start; }
@media (max-width: 860px) { .hesap-grid { grid-template-columns: 1fr; } }
.hesap-card {
    background: rgba(255,255,255,0.62);
    border: 1px solid rgba(122,36,44,0.10);
    border-radius: 18px;
    backdrop-filter: saturate(150%) blur(10px);
    -webkit-backdrop-filter: saturate(150%) blur(10px);
    box-shadow: 0 6px 22px rgba(31,24,25,0.05);
    padding: 20px 22px;
}
.hesap-card-bas { font-size: 16px; font-weight: 800; color: #2a2224; }
/* Sınav sekmeleri (segmented) */
.hesap-exam-tabs {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px;
    background: rgba(122,36,44,0.05); border: 1px solid rgba(122,36,44,0.08);
    border-radius: 12px; padding: 4px; margin: 14px 0 4px;
}
.hesap-exam-btn {
    border: none; background: transparent; cursor: pointer;
    display: flex; flex-direction: column; align-items: center; gap: 1px; line-height: 1.15;
    font-size: 13.5px; font-weight: 700; color: #7a6a6c; padding: 7px 0; border-radius: 9px;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.hesap-exam-soru { font-size: 10.5px; font-weight: 600; opacity: .62; letter-spacing: .01em; }
.hesap-exam-btn:hover { color: #7a242c; }
.hesap-exam-btn.aktif { background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff; box-shadow: 0 6px 14px -6px rgba(122,36,44,0.5); }
/* Tablo başlık + satırlar */
.hesap-tablo-head, .hesap-row { display: grid; grid-template-columns: 1fr 52px 74px 74px 66px; align-items: center; gap: 10px; }
.hesap-row[hidden] { display: none !important; }   /* grid, [hidden]'ı ezmesin */
.hesap-row-sorucol { text-align: center; font-size: 12.5px; font-weight: 700; color: #b3a7a9; }
.hesap-tablo-head { padding: 12px 4px 8px; border-bottom: 1px solid rgba(122,36,44,0.10); }
.hesap-tablo-head span { font-size: 11px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: #a89ea0; }
.hesap-tablo-head .th-ders { text-align: left; }
.hesap-tablo-head .th-num { text-align: center; }
.hesap-row { padding: 8px 4px; border-bottom: 1px solid rgba(122,36,44,0.06); }
.hesap-row:last-child { border-bottom: none; }
.hesap-row-ad { font-size: 13.5px; font-weight: 600; color: #3a2f30; }
.hesap-row-in { display: flex; justify-content: center; }
.hesap-row-in input {
    width: 100%; max-width: 70px; text-align: center; padding: 7px 6px; font-size: 13.5px;
    border: 1px solid rgba(122,36,44,0.14); border-radius: 9px; background: #fff; color: #3a2f30;
}
.hesap-row-in input:focus { outline: none; border-color: #9b2132; box-shadow: 0 0 0 3px rgba(155,33,50,0.10); }
.hesap-row-net { text-align: center; font-size: 13px; font-weight: 700; color: #7a242c; }
/* OBP satırı */
.hesap-obp-row {
    display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px 12px;
    margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(122,36,44,0.10);
}
.hesap-obp-chk { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: #3a2f30; cursor: pointer; }
.hesap-obp-chk input { width: 16px; height: 16px; accent-color: #9b2132; }
.hesap-onceki-chk { grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 12.5px; font-weight: 600; color: #6c5e60; cursor: pointer; }
.hesap-onceki-chk input { width: 15px; height: 15px; accent-color: #9b2132; flex-shrink: 0; }
.hesap-onceki-chk small { font-weight: 500; color: #a89ea0; }
.hesap-onceki-chk.pasif { opacity: .45; cursor: not-allowed; }
.hesap-onceki-chk.pasif input { cursor: not-allowed; }
.hesap-puan-hata { margin: 8px 0 0; padding: 8px 12px; font-size: 12.5px; font-weight: 600; color: #9b2132; background: rgba(155,33,50,0.06); border: 1px solid rgba(155,33,50,0.18); border-radius: 10px; }
.hesap-baraj-not { margin: 8px 0 0; padding: 8px 12px; font-size: 12px; font-weight: 500; color: #6b4a12; background: rgba(180,131,9,0.08); border: 1px solid rgba(180,131,9,0.22); border-radius: 10px; }
.hesap-kopru-btn { margin: 12px 0 0; width: 100%; padding: 12px 14px; font-size: 13.5px; font-weight: 700; color: #fff; background: var(--renk-ana, #7a242c); border: none; border-radius: 10px; cursor: pointer; transition: filter .15s, transform .15s; }
.hesap-kopru-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.hesap-kopru-btn:active { transform: translateY(0); }
.hesap-obp-label { grid-column: 1; font-size: 12px; color: #a89ea0; }
.hesap-obp-row > input {
    grid-column: 2; grid-row: 1; width: 130px; text-align: center; padding: 9px 10px; font-size: 14px;
    border: 1px solid rgba(122,36,44,0.14); border-radius: 9px; background: #fff; color: #3a2f30;
}
.hesap-obp-row > input:disabled { background: rgba(122,36,44,0.03); color: #b9b0b1; }
.hesap-obp-row > input:focus { outline: none; border-color: #9b2132; box-shadow: 0 0 0 3px rgba(155,33,50,0.10); }
/* Aksiyonlar */
.hesap-actions { display: flex; gap: 10px; margin-top: 16px; }
.hesap-calc-btn {
    flex: 1; border: none; border-radius: 11px; cursor: pointer;
    background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff; font-size: 14.5px; font-weight: 800; padding: 13px;
    box-shadow: 0 12px 24px -10px rgba(122,36,44,0.5);
    transition: transform .16s ease, box-shadow .2s ease;
}
.hesap-calc-btn:hover { transform: translateY(-1px); box-shadow: 0 18px 30px -10px rgba(122,36,44,0.55); }
.hesap-clear-btn {
    flex: 0 0 auto; border: 1px solid rgba(122,36,44,0.16); background: rgba(255,255,255,0.7); color: #6f6668;
    font-size: 14px; font-weight: 700; padding: 13px 20px; border-radius: 11px; cursor: pointer;
    transition: background .15s ease;
}
.hesap-clear-btn:hover { background: #f5f0f0; color: #4a4143; }
/* Sonuç paneli */
.hesap-result-card { position: relative; }
.hesap-result-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.hesap-year-badge { font-size: 11px; font-weight: 700; color: #9b2132; background: rgba(155,33,50,0.08); border: 1px solid rgba(155,33,50,0.16); border-radius: 999px; padding: 3px 10px; }
.hesap-result-list { margin-top: 4px; }
.hesap-res-header, .hesap-res-row { display: grid; grid-template-columns: 3rem 1fr 1fr; align-items: center; gap: 4px; padding: 10px 2px; border-bottom: 1px solid rgba(122,36,44,0.07); }
.hesap-res-header { padding: 4px 2px 8px; border-bottom: 2px solid rgba(122,36,44,0.10); }
.hesap-res-row:last-child { border-bottom: none; }
.hesap-res-lbl { font-size: 11px; font-weight: 700; color: #a89ea0; text-transform: uppercase; letter-spacing: .04em; text-align: right; }
.hesap-res-lbl:first-child { text-align: left; }
.hesap-res-tur { font-size: 13px; font-weight: 700; color: #5a4e50; letter-spacing: .01em; }
.hesap-res-header .hesap-res-tur { font-size: 11px; font-weight: 700; color: #a89ea0; text-transform: uppercase; letter-spacing: .04em; }
.hesap-res-ham { font-size: 18px; font-weight: 700; color: #7a5c5e; letter-spacing: -0.01em; text-align: right; }
.hesap-res-yer { font-size: 18px; font-weight: 800; color: #9b2132; letter-spacing: -0.01em; text-align: right; }
.hesap-result-note { display: flex; align-items: center; gap: 7px; margin-top: 12px; font-size: 12px; color: #a89ea0; }
.hesap-note-i { width: 16px; height: 16px; border-radius: 50%; border: 1px solid rgba(168,158,160,0.7); display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-style: italic; font-weight: 700; }
/* Sonuç kilidi */
#hesap-sonuc.kilitli .hesap-result-list { filter: blur(8px); opacity: .5; pointer-events: none; user-select: none; }
#hesap-sonuc.kilitli .hesap-result-note { opacity: .25; }
#hesap-sonuc.kilitli .hesap-kilit-katman { display: flex; }
/* Alt metrik şeridi */
.hesap-metrik-serit {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 16px;
    background: rgba(255,255,255,0.5); border: 1px solid rgba(122,36,44,0.08);
    border-radius: 18px; padding: 16px 8px; box-shadow: 0 6px 22px rgba(31,24,25,0.04);
}
@media (max-width: 720px) { .hesap-metrik-serit { grid-template-columns: 1fr 1fr; gap: 16px; } }
.hesap-metrik { text-align: center; padding: 0 10px; border-right: 1px solid rgba(122,36,44,0.07); }
.hesap-metrik:last-child { border-right: none; }
@media (max-width: 720px) { .hesap-metrik:nth-child(2n) { border-right: none; } }
.hesap-metrik-et { display: block; font-size: 12px; font-weight: 600; color: #a89ea0; margin-bottom: 4px; }
.hesap-metrik-dg { font-size: 20px; font-weight: 800; color: #7a242c; letter-spacing: -0.01em; }
/* Kilit katmanındaki buton normal boyda (actions'taki flex:1'i ezme) */
.hesap-kilit-katman .hesap-calc-btn { flex: 0 0 auto; align-self: center; min-width: 200px; padding: 13px 26px; }

/* Hesaplama: ikonlar + eş yükseklik kartlar + simetri */
.hesap-grid { align-items: stretch; }
.hesap-card { display: flex; flex-direction: column; }
.hesap-input-card .hesap-obp-row { margin-top: auto; }   /* OBP+aksiyon alta yapışsın → kart dolu görünür */
.hesap-result-card .hesap-result-list { flex: 1 1 auto; display: flex; flex-direction: column; }
/* Ders adı + ikon */
.hesap-row-ad { display: flex; align-items: center; gap: 9px; }
.hesap-row-ik { color: #b06b73; flex: 0 0 auto; }
.hesap-row-soru { font-size: 10.5px; font-weight: 600; color: #b3a7a9; white-space: nowrap; }
/* Buton ikonları */
.hesap-calc-btn, .hesap-clear-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.hesap-btn-ik { flex: 0 0 auto; }
/* Metrik: ikon + metin */
.hesap-metrik { display: flex; align-items: center; justify-content: center; gap: 11px; }
.hesap-metrik-ik {
    width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    color: #9b2132; background: rgba(155,33,50,0.08); border: 1px solid rgba(155,33,50,0.12);
}
.hesap-metrik-tx { display: flex; flex-direction: column; text-align: left; }

/* AYT alt-segment (ÖSYM 4 test) — ana sekmelerle AYNI segmented stil */
.hesap-alt-tabs {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;
    background: rgba(122,36,44,0.05); border: 1px solid rgba(122,36,44,0.08);
    border-radius: 12px; padding: 4px; margin: 8px 0 2px;
}
.hesap-alt-tabs[hidden] { display: none !important; }   /* grid, [hidden]'ı ezmesin */
.hesap-alt-btn {
    border: none; background: transparent; cursor: pointer;
    display: flex; flex-direction: column; align-items: center; gap: 1px;
    font-size: 12px; font-weight: 700; color: #7a6a6c; padding: 7px 4px; border-radius: 9px;
    line-height: 1.2; white-space: normal;
    transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.hesap-alt-btn:hover { color: #7a242c; }
.hesap-alt-btn.aktif { background: linear-gradient(180deg,#a8313c,#7a242c); color: #fff; box-shadow: 0 6px 14px -6px rgba(122,36,44,0.5); }

/* ===== Hesaplama — mobil parmak dostu (≤600px) ===== */
@media (max-width: 600px) {
    .hesap-card { padding: 16px 14px; }
    /* Giriş satırları: daha geniş kutu + iOS odak zoom'unu engelleyen 16px font + ~44px dokunma hedefi */
    .hesap-tablo-head, .hesap-row { grid-template-columns: 1fr 40px 58px 58px 52px; gap: 8px; }
    .hesap-row-sorucol { font-size: 11.5px; }
    .hesap-tablo-head { padding: 12px 2px 8px; }
    .hesap-tablo-head span { font-size: 10px; }
    .hesap-row { padding: 7px 2px; }
    .hesap-row-ad { font-size: 12.5px; gap: 7px; }
    .hesap-row-ik { width: 14px; height: 14px; }
    .hesap-row-in input { max-width: none; padding: 11px 4px; font-size: 16px; border-radius: 10px; }
    .hesap-row-net { font-size: 12.5px; }
    /* OBP + aksiyon: dokunma hedefleri büyüsün */
    .hesap-obp-row > input { width: 100%; padding: 12px 10px; font-size: 16px; }
    .hesap-obp-row { grid-template-columns: 1fr; }
    .hesap-obp-row > input { grid-column: 1; grid-row: auto; }
    .hesap-actions { gap: 8px; }
    .hesap-calc-btn { padding: 15px; font-size: 15px; }
    .hesap-clear-btn { padding: 15px 16px; }
    /* Sonuç listesi: mobilde eşit-yükseklik germesini kapat → kompakt */
    .hesap-result-card .hesap-res-row { flex: none; }
    .hesap-res-header, .hesap-res-row { padding: 9px 2px; }
    .hesap-res-tur { font-size: 12.5px; }
    .hesap-res-ham, .hesap-res-yer { font-size: 15px; }
    /* Metrik şeridi: 2×2 daha dengeli — sola hizalı, eşit iç boşluk */
    .hesap-metrik-serit { gap: 10px; padding: 14px 12px; }
    .hesap-metrik { justify-content: flex-start; gap: 10px; padding: 4px 0; border-right: none; }
    .hesap-metrik-ik { width: 34px; height: 34px; }
    .hesap-metrik-et { font-size: 11.5px; }
    .hesap-metrik-dg { font-size: 17px; }
    /* AYT alt-segment: dokunması rahat */
    .hesap-alt-btn { padding: 10px 4px; font-size: 12px; }
}

/* Footer'daki personel (admin paneli) bağlantısı kaldırıldı (v2.1.256). */

/* ===== GİRİŞ SAYFASI (tanıtım + giriş/kayıt kartı) ===== */
/* Giriş açıkken arka ekranlar gizlenir → giriş, normal bir SAYFA gibi akar:
   pencere kayar, header (diğer sayfalardaki gibi) sayfayla birlikte yukarı kayıp gider. */
html.giris-acik .mod-secim,
html.giris-acik .uygulama { display: none !important; }

.giris-sayfa {
    position: relative; z-index: 1; width: 100%;
    min-height: calc(100vh - var(--ust-serit-h, 72px) - 24px);
    background: linear-gradient(180deg, #fbf6f6 0%, #f4ecec 100%);
    padding: 22px 24px 32px;
    display: flex; align-items: flex-start; justify-content: center;
    /* fixed DEĞİL: header normal akışta üstte kalır, aşağı kaydırınca onunla beraber kayar. */
}
.giris-sayfa[hidden] { display: none; }
.giris-sayfa-kapat {
    position: absolute; top: 14px; right: 22px; z-index: 2;
    background: rgba(255,255,255,0.85); border: 1px solid rgba(122,36,44,0.14); font-size: 22px; line-height: 1;
    color: #8a7f81; cursor: pointer; width: 40px; height: 40px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 14px rgba(31,24,25,0.08);
}
.giris-sayfa-kapat:hover { background: rgba(122,36,44,0.08); color: #7a242c; }

.giris-split {
    width: min(1080px, 100%); margin: 0 auto auto; /* yatay ortala, üstten hizalı */
    display: grid; grid-template-columns: 1fr 420px; gap: 48px; align-items: center;
}
@media (max-width: 940px) { .giris-split { grid-template-columns: 1fr; gap: 26px; max-width: 460px; } }

/* SOL: tanıtım */
.giris-tanitim h2 {
    font-size: clamp(24px, 2.7vw, 34px); line-height: 1.16; font-weight: 800;
    color: #2a2224; margin: 0 0 12px; letter-spacing: -0.01em;
}
.giris-tanitim h2 .gt-vurgu { color: var(--renk-bordo, #7a242c); }
.giris-tanitim-alt { font-size: 14.5px; color: #6e6468; line-height: 1.55; margin: 0 0 18px; max-width: 460px; }
@media (max-width: 940px) { .giris-tanitim { display: none; } }
.giris-ozellikler { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.giris-ozellik { display: grid; grid-template-columns: 50px 1fr; gap: 15px; align-items: start; padding: 11px 0; border-bottom: 1px solid rgba(122,36,44,0.08); }
.giris-ozellik:last-child { border-bottom: 0; }
.go-ikon {
    width: 50px; height: 50px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(122,36,44,0.07); color: var(--renk-bordo, #7a242c);
}
.go-ikon svg { width: 24px; height: 24px; }
.giris-ozellik h3 { font-size: 15.5px; font-weight: 700; color: #2a2224; margin: 2px 0 3px; }
.giris-ozellik p { font-size: 13px; color: #6e6468; line-height: 1.5; margin: 0; }

/* SAĞ: giriş/kayıt kartı */
.giris-kart {
    background: #fff; border: 1px solid rgba(122,36,44,0.1);
    border-radius: 20px; padding: 22px 28px;
    box-shadow: 0 24px 60px rgba(31,24,25,0.10), 0 2px 6px rgba(31,24,25,0.04);
    align-self: center;
}
@media (max-width: 480px) { .giris-kart { padding: 20px 18px; border-radius: 18px; } }
.giris-kart h2 { font-size: 24px; font-weight: 800; color: #2a2224; margin: 0 0 7px; }
.giris-kart-cizgi { display: block; width: 42px; height: 4px; border-radius: 4px; background: var(--renk-bordo, #7a242c); margin: 0 0 11px; }
.giris-kart-alt { font-size: 13px; color: #6e6468; line-height: 1.45; margin: 0 0 14px; }

/* Her iki form (giriş + kayıt) AYNI yüksekliği kaplar → mod değişiminde
   alttaki "veya/Google/Kayıt ol/KVKK" kaymaz. min-height = uzun (kayıt) form. */
.giris-form { display: flex; flex-direction: column; min-height: 334px; }
.giris-form[hidden] { display: none; }
.giris-label { font-size: 12.5px; font-weight: 600; color: #43383a; margin: 0 0 5px; }
.giris-input-sar { position: relative; margin-bottom: 11px; }
.giris-input-sar .gi-ikon {
    position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
    width: 19px; height: 19px; color: #9a8f91; pointer-events: none;
}
.giris-input-sar input {
    width: 100%; box-sizing: border-box; height: 44px;
    padding: 0 14px 0 42px; border: 1px solid #e0d8d9; border-radius: 11px;
    font-size: 14px; color: #2a2224; background: #fdfcfc; transition: border-color .15s, box-shadow .15s;
}
.giris-input-sar input::placeholder { color: #b3a9ab; }
.giris-input-sar input:focus {
    outline: none; border-color: var(--renk-bordo, #7a242c);
    box-shadow: 0 0 0 3px rgba(122,36,44,0.12);
}
.giris-input-sar .gi-goz {
    position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
    width: 34px; height: 34px; border: 0; background: none; cursor: pointer;
    color: #9a8f91; display: flex; align-items: center; justify-content: center; border-radius: 8px;
}
.giris-input-sar .gi-goz svg { width: 19px; height: 19px; }
.giris-input-sar .gi-goz:hover { color: #7a242c; background: rgba(122,36,44,0.06); }
.giris-input-sar .gi-goz.acik { color: var(--renk-bordo, #7a242c); }

.giris-form-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 14px; }
.giris-hatirla { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: #5a4f51; cursor: pointer; }
.giris-hatirla input { width: 16px; height: 16px; accent-color: var(--renk-bordo, #7a242c); }
.giris-unuttum { border: 0; background: none; color: var(--renk-bordo, #7a242c); font-size: 13.5px; font-weight: 600; cursor: pointer; padding: 0; }
.giris-unuttum:hover { text-decoration: underline; }

.giris-btn {
    width: 100%; height: 46px; border: 0; cursor: pointer;
    background: var(--renk-bordo, #7a242c); color: #fff; font-size: 14.5px; font-weight: 700;
    border-radius: 11px; transition: background .15s, opacity .15s;
}
.giris-btn:hover { background: #8c2c34; }
.giris-btn.yukleniyor { opacity: .65; cursor: default; }
.giris-btn[disabled] { opacity: .65; cursor: default; }
.giris-btn.ikincil { background: #fff; color: var(--renk-bordo, #7a242c); border: 1px solid var(--renk-bordo, #7a242c); margin-top: 4px; }
.giris-btn.ikincil:hover { background: rgba(122,36,44,0.05); }

.giris-kvkk-onay { display: flex; align-items: flex-start; gap: 9px; font-size: 12.5px; color: #6e6468; line-height: 1.5; margin: 0 0 14px; cursor: pointer; }
.giris-kvkk-onay input { width: 16px; height: 16px; margin-top: 1px; accent-color: var(--renk-bordo, #7a242c); flex-shrink: 0; }
.giris-kvkk-link { border: 0; background: none; padding: 0; color: var(--renk-bordo, #7a242c); font-weight: 600; cursor: pointer; font-size: 12.5px; }
.giris-kvkk-link:hover { text-decoration: underline; }

.giris-hata { color: #b3261e; font-size: 13px; margin: 10px 0 0; min-height: 0; text-align: center; }
.giris-hata:empty { margin: 0; }

.giris-ayrac { display: flex; align-items: center; gap: 14px; margin: 12px 0; color: #b3a9ab; font-size: 12.5px; }
.giris-ayrac[hidden] { display: none; }
.giris-ayrac::before, .giris-ayrac::after { content: ""; flex: 1; height: 1px; background: #ece4e5; }

.giris-google-yuva { display: flex; justify-content: center; }
.giris-google-yuva[hidden] { display: none; }
.giris-google-btn {
    width: 100%; height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 11px;
    background: #fff; border: 1px solid #e0d8d9; border-radius: 11px;
    color: #3c3437; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s, border-color .15s;
}
.giris-google-btn:hover { background: #faf7f7; border-color: #d2c8ca; }

.giris-degis { text-align: center; font-size: 13px; color: #6e6468; margin: 10px 0 0; }
.giris-degis button { border: 0; background: none; color: var(--renk-bordo, #7a242c); font-weight: 700; cursor: pointer; font-size: 13px; padding: 0; }
.giris-degis button:hover { text-decoration: underline; }

.giris-kvkk-rozet {
    display: flex; align-items: center; gap: 10px; margin: 12px 0 0;
    background: #fbeef0; color: #7a242c; border-radius: 11px; padding: 9px 13px;
    font-size: 12px; line-height: 1.38;
}
.giris-kvkk-rozet svg { width: 24px; height: 24px; flex-shrink: 0; }

/* Girişli blok (hesap özeti) */
.giris-girisli-blok { display: flex; flex-direction: column; gap: 10px; }
.giris-girisli-blok[hidden] { display: none; }
.giris-panel-link[hidden] { display: none; }
.giris-girisli-rozet {
    display: flex; align-items: center; gap: 8px; justify-content: center;
    background: #e7f5ec; color: #1d7a3e; border-radius: 12px;
    padding: 12px 14px; font-size: 14px; font-weight: 700;
}
.giris-panel-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px; text-decoration: none;
    height: 50px; border-radius: 12px; font-size: 14.5px; font-weight: 700;
    background: var(--renk-bordo, #7a242c); color: #fff;
}
.giris-panel-link:hover { background: #8c2c34; }
.giris-panel-link svg { width: 19px; height: 19px; }
.giris-cikis-link { border: 0; background: none; color: #9a8f91; font-size: 13px; font-weight: 600; cursor: pointer; padding: 6px; }
.giris-cikis-link:hover { color: #b3261e; text-decoration: underline; }

/* ============================================================
   ARAMA MODU SEÇİCİ + AI PANELİ (Tercih Arama) — v2.1.113
   ============================================================ */
#uzman-uygulama .arama-modu-secici {
    width: calc(100% - 64px);
    max-width: 1540px;
    margin: 0 auto;   /* alt boşluk flex gap'e bırakıldı → bölümler arası simetrik (14px) */
    text-align: center;
}

/* ============================================================
   MOD TOGGLE — Klasik Filtreleme ↔ AI Tercih Arama (metinler İÇERİDE)
   Geniş segmented toggle + kayan thumb. AI tarafı premium: cam yansıması +
   bordo gradient + nefes alan glow + akan sheen + sparkle.
   ============================================================ */
.mod-toggle {
    position: relative;
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    width: min(360px, calc(100% - 16px));
    height: 62px;
    margin: 0 auto;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(255, 252, 253, 0.42));
    border: 1px solid rgba(152, 38, 56, 0.14);
    box-shadow:
        inset 0 1px 1px rgba(255, 255, 255, 0.9),
        inset 0 -2px 3px rgba(31, 24, 25, 0.05),
        inset 0 0 0 1px rgba(255, 255, 255, 0.35),
        0 10px 26px rgba(31, 24, 25, 0.10),
        0 2px 6px rgba(31, 24, 25, 0.06);
    -webkit-backdrop-filter: saturate(165%) blur(14px);
    backdrop-filter: saturate(165%) blur(14px);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
}
.mod-toggle-check { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }
.mod-thumb {
    position: absolute;
    top: 5px; left: 5px; bottom: 5px;
    width: calc(50% - 5px);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #f2edef);
    box-shadow: 0 6px 16px rgba(31, 24, 25, 0.16), 0 1px 2px rgba(31, 24, 25, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    transition: transform .5s cubic-bezier(.4, 1.25, .45, 1), background .4s, box-shadow .4s;
    z-index: 0;
    overflow: hidden;
}
.mod-toggle.ai-acik .mod-thumb {
    transform: translateX(100%);
    /* SİYAH DEĞİL: zengin bordo-erik gradient → aurora blob'lar üstünde parlar */
    background: linear-gradient(135deg, #8a2a4e 0%, #6f2342 52%, #9a3a60 100%);
    box-shadow:
        0 8px 22px rgba(96, 24, 50, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -3px 8px rgba(60, 12, 30, 0.30),
        0 0 18px 1px rgba(200, 80, 120, 0.26);
}

/* ===== UIVERSE tarzı animasyonlu AURA — "AI Tercih Arama" thumb'unda (ai-acik).
   Bordo-erik zemin içinde maskeli + ağır blur'lu renkli daireler ELİPTİK YÖRÜNGE
   (dairesel) + geniş gezinti ile akar. Renkler AI degrade ışığından: pembe / mavi /
   mor / bordo-pembe (TAM BORDO DEĞİL). Aura TEK efekt (üst üste binmez). ===== */
.mod-thumb-aura {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
    opacity: 0;
    transition: opacity .5s ease;
    pointer-events: none;
    z-index: 0;
}
.mod-toggle.ai-acik .mod-thumb-aura { opacity: 1; }
/* İKİ KATMAN: dış .mtc = yavaş serbest gezinti (drift, organik/random his);
   iç <b> = blob → SÜREKLİ LİNEAR dönüş (rotate+translateX) = pürüzsüz DAİRESEL
   yörünge (asla adımlamaz). İkisi birleşince smooth + dairesel + random görünür. */
.mtc {
    position: absolute; left: 0; top: 50%;
    width: 0; height: 0;
    transform: translate(var(--mx, 0), var(--my, 0)) translateZ(0);
    will-change: transform;
}
.mtc > b {
    position: absolute; left: 0; top: 0;
    width: var(--msz, 52px); height: var(--msz, 52px);
    margin: calc(var(--msz, 52px) / -2) 0 0 calc(var(--msz, 52px) / -2);
    border-radius: 50%;
    background: var(--mbg, transparent);
    filter: blur(var(--mb, 14px));
    will-change: transform;
}
.mod-toggle.ai-acik .mtc { animation: var(--wander) var(--wdur, 8s) ease-in-out infinite; }
.mod-toggle.ai-acik .mtc > b { animation: mtcSpin var(--sdur, 3.2s) linear infinite var(--sdir, normal); animation-delay: var(--sdel, 0s); }
.mod-toggle.ai-acik:hover .mtc > b { animation-duration: calc(var(--sdur, 3.2s) * .55); }
/* Dengeli AI aurora paleti — ne pastel ne neon: mat/jewel tonları (alfa ~0.84),
   bordo-erik zeminde net okunur ama elektrik/neon değil. */
.mtc1 { --mbg: rgba(232, 126, 166, 0.85); }   /* gül pembe */
.mtc2 { --mbg: rgba(98, 142, 210, 0.85); }    /* sakin mavi */
.mtc3 { --mbg: rgba(156, 112, 202, 0.85); }   /* mat menekşe */
.mtc4 { --mbg: rgba(206, 100, 146, 0.85); }   /* mat orkide */
.mtc5 { --mbg: rgba(108, 178, 196, 0.82); }   /* mat teal */
.mtc6 { --mbg: rgba(124, 122, 204, 0.85); }   /* mat çivit-leylak */
/* --mr: dairesel yörünge yarıçapı · --sdur/--sdir/--sdel: dönüş · --wander/--wdur: gezinti */
.mtc1 { --mx: 30px;  --my: -1px; --mr: 16px; --wander: wndA; --wdur: 8.5s; --sdur: 3.4s; --sdel: -0.6s; }
.mtc2 { --mx: 80px;  --my: -3px; --mr: 18px; --wander: wndB; --wdur: 9.5s; --sdur: 2.9s; --sdir: reverse; --sdel: -1.4s; --mb: 13px; }
.mtc3 { --mx: 120px; --my: 1px;  --mr: 14px; --wander: wndC; --wdur: 8s;   --sdur: 3.8s; --sdel: -2.2s; --mb: 13px; }
.mtc4 { --mx: 150px; --my: -2px; --mr: 17px; --wander: wndD; --wdur: 10s;  --sdur: 3.1s; --sdir: reverse; --sdel: -0.9s; }
.mtc5 { --mx: 60px;  --my: 2px;  --mr: 19px; --wander: wndE; --wdur: 9s;   --sdur: 2.6s; --sdel: -1.8s; }
.mtc6 { --mx: 100px; --my: 3px;  --mr: 15px; --wander: wndF; --wdur: 7.5s; --sdur: 3.6s; --sdir: reverse; --sdel: -0.3s; --mb: 13px; }
/* iç DAİRESEL yörünge — linear (pürüzsüz, adımlama YOK) */
@keyframes mtcSpin { from { transform: rotate(0deg) translateX(var(--mr, 16px)) translateZ(0); } to { transform: rotate(360deg) translateX(var(--mr, 16px)) translateZ(0); } }
/* dış serbest gezinti — yavaş, organik; pill'i süpürür + scale nefesi */
@keyframes wndA { 0%,100% { transform: translate(30px,-1px) scale(1) translateZ(0); } 33% { transform: translate(95px,5px) scale(1.08) translateZ(0); } 66% { transform: translate(150px,-4px) scale(.94) translateZ(0); } }
@keyframes wndB { 0%,100% { transform: translate(80px,-3px) scale(1) translateZ(0); } 33% { transform: translate(20px,4px) scale(.93) translateZ(0); } 66% { transform: translate(112px,-5px) scale(1.1) translateZ(0); } }
@keyframes wndC { 0%,100% { transform: translate(120px,1px) scale(1) translateZ(0); } 33% { transform: translate(168px,-5px) scale(1.07) translateZ(0); } 66% { transform: translate(52px,5px) scale(.92) translateZ(0); } }
@keyframes wndD { 0%,100% { transform: translate(150px,-2px) scale(1) translateZ(0); } 33% { transform: translate(58px,5px) scale(.95) translateZ(0); } 66% { transform: translate(120px,-4px) scale(1.08) translateZ(0); } }
@keyframes wndE { 0%,100% { transform: translate(60px,2px) scale(1) translateZ(0); } 33% { transform: translate(152px,-4px) scale(1.06) translateZ(0); } 66% { transform: translate(15px,4px) scale(.9) translateZ(0); } }
@keyframes wndF { 0%,100% { transform: translate(100px,3px) scale(1) translateZ(0); } 33% { transform: translate(38px,-4px) scale(1.1) translateZ(0); } 66% { transform: translate(165px,5px) scale(.94) translateZ(0); } }
@media (prefers-reduced-motion: reduce) { .mod-toggle.ai-acik .mtc, .mod-toggle.ai-acik .mtc > b { animation: none; } }

.mod-opt {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    padding: 0 8px;
    font-size: clamp(12px, 2.4vw, 14px);
    font-weight: 700;
    letter-spacing: -.01em;
    color: #8a7f82;
    transition: color .35s;
}
.mod-opt span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-beta-rozet {
    display: inline-block; vertical-align: middle; margin-left: 5px;
    padding: 1px 5px; border-radius: 4px;
    font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    background: rgba(152,38,56,.15); color: #982638;
    border: 1px solid rgba(152,38,56,.3); line-height: 1.6;
}
.mod-toggle.ai-acik .ai-beta-rozet {
    background: rgba(255,255,255,.18); color: #fff; border-color: rgba(255,255,255,.35);
}
.mod-opt-ik { width: 17px; height: 17px; flex: none; }
.mod-opt-ik-ai { color: #982638; }   /* AI ikonu her zaman bordo → dikkat çeker */
.mod-toggle:not(.ai-acik) .mod-opt-klasik { color: #171112; }
.mod-toggle.ai-acik .mod-opt-ai { color: #fff; }
.mod-toggle.ai-acik .mod-opt-ai .mod-opt-ik-ai {
    color: #fff;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.55));
}
.mod-ai-glow { display: none; }
.mod-toggle-check:focus-visible ~ .mod-thumb { outline: 2px solid rgba(152, 38, 56, 0.55); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
    .mod-thumb { transition: none; }
}
@media (max-width: 760px) {
    .mod-toggle { height: 56px; }
}
.ams-tray {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    background: rgba(255, 255, 255, 0.46);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 18px;
    -webkit-backdrop-filter: saturate(160%) blur(16px);
    backdrop-filter: saturate(160%) blur(16px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 6px 22px rgba(31, 24, 25, 0.06);
}
.ams-kart {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    position: relative;
    font: inherit;
    color: #171112;
    border-radius: 18px;
    transition: background .28s ease;
}
.ams-kart + .ams-kart::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 1px;
    background: rgba(63, 48, 51, 0.10);
}
.ams-kart:hover { background: rgba(152, 38, 56, 0.04); }
.ams-ikon {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(152, 38, 56, 0.08);
    color: #982638;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), background .3s, box-shadow .3s;
}
.ams-ikon svg { width: 19px; height: 19px; }
.ams-ikon-ai {
    background: linear-gradient(135deg, #7a242c, #982638 45%, #b8534e);
    color: #fff;
    box-shadow: 0 6px 16px rgba(122, 36, 44, 0.30);
}
.ams-metin {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.ams-metin strong {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.01em;
}
.ams-metin small {
    font-size: 12px;
    color: #756b6e;
    line-height: 1.3;
}
.ams-tik {
    margin-left: auto;
    flex: none;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    background: #982638;
    opacity: 0;
    transform: scale(.4);
    transition: opacity .3s, transform .42s cubic-bezier(.23, 1, .32, 1);
}
.ams-tik svg { width: 13px; height: 13px; }
.ams-kart.secili { background: rgba(152, 38, 56, 0.055); }
.ams-kart.secili .ams-tik { opacity: 1; transform: scale(1); }
.ams-kart.secili .ams-ikon { transform: scale(1.04); }
.ams-kart.secili::after {
    content: '';
    position: absolute;
    inset: 3px;
    border-radius: 15px;
    border: 1px solid rgba(152, 38, 56, 0.40);
    box-shadow: 0 0 0 2.5px rgba(152, 38, 56, 0.07);
    pointer-events: none;
}
.ams-kart-ai.secili {
    background: linear-gradient(100deg, rgba(152, 38, 56, 0.06), rgba(184, 83, 78, 0.055));
}
.ams-kart-ai.secili::after {
    border-color: rgba(152, 38, 56, 0.42);
    box-shadow: 0 0 0 2.5px rgba(152, 38, 56, 0.08);
}
.ams-kart-ai.secili .ams-tik { background: linear-gradient(135deg, #7a242c, #b8534e); }
.ams-kart-ai:hover { background: linear-gradient(90deg, rgba(152, 38, 56, 0.05), rgba(184, 83, 78, 0.06)); }
.ams-kart-ai.secili .ams-ikon { box-shadow: 0 6px 16px rgba(122, 36, 44, 0.30); }
.ams-not {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 7px 0 0;
    font-size: 12.5px;
    color: #756b6e;
}
.ams-not svg { width: 15px; height: 15px; opacity: .7; flex: none; }

/* — Mod görünürlüğü — */
#uzman-ai-panel { display: none; }
#uzman-uygulama.mod-ai #uzman-filtre { display: none; }
#uzman-uygulama.mod-ai #uzman-ai-panel { display: block; }
#uzman-uygulama.mod-ai #uzman-filtre-toggle { display: none; }

/* — AI paneli (immersive) — */
/* AÇIK TEMA HERO: koyu blok değil; kırık-beyaz hafif cam kart, bordo yalnız aksan */
#uzman-ai-panel {
    width: calc(100% - 64px);
    max-width: 1540px;
    margin: 0 auto 14px;
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    /* Açık kalır ama daha karakterli: köşelerden çok hafif bordo-pembe derinlik */
    background:
        radial-gradient(120% 95% at 100% 0%, rgba(184, 83, 78, 0.10), transparent 52%),
        radial-gradient(110% 90% at 0% 100%, rgba(152, 38, 56, 0.06), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #fdf4f6 100%);
    border: 1px solid rgba(152, 38, 56, 0.20);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 0 rgba(152, 38, 56, 0.04),
        0 16px 40px rgba(122, 36, 44, 0.12);
    isolation: isolate;
}
.ai-panel-aura {
    position: absolute;
    inset: -40%;
    z-index: 0;
    pointer-events: none;
    /* Hafif ama hissedilir açık aurora — "AI aktif" karakteri */
    background:
        radial-gradient(38% 48% at 16% 14%, rgba(184, 83, 78, 0.14), transparent 60%),
        radial-gradient(42% 52% at 88% 18%, rgba(152, 38, 56, 0.11), transparent 62%),
        radial-gradient(48% 56% at 60% 98%, rgba(190, 92, 84, 0.10), transparent 66%);
    filter: blur(26px);
    animation: aiAura 20s ease-in-out infinite alternate;
}
@keyframes aiAura {
    0%   { transform: translate3d(-2%, -1.5%, 0) scale(1); }
    50%  { transform: translate3d(1.5%, 2%, 0) scale(1.05); }
    100% { transform: translate3d(2%, -2%, 0) scale(1.03); }
}
.ai-panel-ic {
    position: relative;
    z-index: 1;
    padding: 16px 26px 16px;
    color: #171112;
}
.ai-panel-rozet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(152, 38, 56, 0.14), rgba(184, 83, 78, 0.10));
    border: 1px solid rgba(152, 38, 56, 0.26);
    color: #7a242c;
    box-shadow: 0 2px 8px rgba(122, 36, 44, 0.08);
}
.ai-panel-rozet svg { width: 13px; height: 13px; }
.ai-panel-bas h3 {
    margin: 8px 0 3px;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.022em;
    line-height: 1.18;
    color: #14100f;
}
.ai-panel-bas p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6b5f62;
    max-width: 620px;
}
.ai-prompt-kutu {
    display: flex;
    gap: 10px;
    align-items: stretch;
    margin-top: 12px;
}
.ai-prompt-input { position: relative; flex: 1; display: flex; }
.ai-prompt-ikon {
    position: absolute;
    left: 14px;
    top: 13px;
    width: 20px;
    height: 20px;
    color: #982638;
    pointer-events: none;
}
.ai-prompt-kutu textarea {
    flex: 1;
    resize: none;
    border-radius: 13px;
    padding: 13px 16px 13px 44px;
    border: 1px solid rgba(152, 38, 56, 0.22);
    background: #fff;
    color: #171112;
    font: inherit;
    font-size: 14.5px;
    line-height: 1.5;
    box-shadow: inset 0 1px 2px rgba(31, 24, 25, 0.04);
    transition: border-color .2s, box-shadow .2s;
}
.ai-prompt-kutu textarea::placeholder { color: #978c8e; }
.ai-prompt-kutu textarea:focus {
    outline: none;
    border-color: rgba(152, 38, 56, 0.6);
    box-shadow: 0 0 0 3px rgba(152, 38, 56, 0.14), 0 6px 18px rgba(152, 38, 56, 0.12);
}
.ai-prompt-btn {
    flex: none;
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 22px;
    border: 0;
    border-radius: 13px;
    cursor: pointer;
    font: inherit;
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #8c2c34, #7a242c);
    box-shadow: 0 8px 20px rgba(122, 36, 44, 0.26);
    transition: transform .18s, box-shadow .18s, filter .18s;
}
.ai-prompt-btn svg { width: 18px; height: 18px; }
.ai-prompt-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(122, 36, 44, 0.34);
}
.ai-prompt-btn:disabled { cursor: default; transform: none; }
.ai-prompt-btn.yukleniyor { filter: saturate(.85); opacity: .9; }
.ai-prompt-btn.yukleniyor svg { animation: aiSpin 1s linear infinite; }
@keyframes aiSpin { to { transform: rotate(360deg); } }
.ai-ornekler {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}
.ai-ornek-bas {
    font-size: 12.5px;
    color: #8a7f82;
    margin-right: 2px;
}
.ai-ornek {
    font: inherit;
    font-size: 12.5px;
    color: #8c2c34;
    cursor: pointer;
    padding: 7px 13px;
    border-radius: 999px;
    background: rgba(152, 38, 56, 0.06);
    border: 1px solid rgba(152, 38, 56, 0.16);
    transition: background .2s, transform .15s;
}
.ai-ornek:hover {
    background: rgba(152, 38, 56, 0.11);
    transform: translateY(-1px);
}
.ai-durum {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s, margin-top .3s;
    font-size: 13px;
    color: #3f3539;
    line-height: 1.7;
}
.ai-durum.dolu {
    margin-top: 13px;
    max-height: 240px;
}
.ai-ozet-cip {
    display: inline-block;
    margin: 3px 4px 0 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(152, 38, 56, 0.08);
    border: 1px solid rgba(152, 38, 56, 0.18);
    color: #8c2c34;
    font-size: 12px;
}
.ai-durum-ok { font-weight: 700; color: #171112; }
.ai-durum-hata { color: #b3261e; font-weight: 600; }
.ai-durum-yukle { color: #6b5f62; }

@media (prefers-reduced-motion: reduce) {
    .ai-panel-aura { animation: none; }
}

@media (max-width: 760px) {
    #uzman-uygulama .arama-modu-secici,
    #uzman-ai-panel { width: calc(100% - 32px); }
    .ams-tray { grid-template-columns: 1fr; }
    .ams-kart + .ams-kart::before {
        top: 0;
        bottom: auto;
        left: 18px;
        right: 18px;
        width: auto;
        height: 1px;
    }
    .ams-kart { padding: 11px 16px; }
    .ai-panel-ic { padding: 14px 16px 14px; }
    .ai-panel-bas h3 { font-size: 18px; }
    .ai-prompt-kutu { flex-direction: column; }
    .ai-prompt-btn { padding: 13px; justify-content: center; }
}

/* AI sonuç sayısı çipi — vurgulu */
.ai-cip-sonuc {
    background: rgba(21, 128, 61, 0.10) !important;
    border-color: rgba(21, 128, 61, 0.30) !important;
    color: #15803d !important;
    font-weight: 700;
}

/* === GROUNDED AI ARAMA: standart tabloyu gizle, AI kart listesini göster === */
#uzman-uygulama.mod-ai .results-summary-card,
#uzman-uygulama.mod-ai .table-card,
#uzman-uygulama.mod-ai #uzman-sayfalama { display: none; }

.ai-sonuc-liste { display: none; }
#uzman-uygulama.mod-ai .ai-sonuc-liste {
    display: block;
    width: calc(100% - 64px);
    max-width: 1540px;
    margin: 0 auto 28px;
}
.ai-sonuc-liste:not(.dolu) { display: none !important; }

.ai-liste-bas {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 4px 2px 14px;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: #2a1322;
}
.ai-liste-bas-ikon { font-size: 17px; }
.ai-liste-bas-not {
    margin-left: auto;
    font-size: 11.5px;
    font-weight: 600;
    color: #8a7f82;
    background: rgba(152, 38, 56, 0.07);
    border: 1px solid rgba(152, 38, 56, 0.16);
    padding: 4px 10px;
    border-radius: 999px;
}
.ai-kart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 12px;
}
.ai-kart {
    display: flex;
    gap: 13px;
    padding: 15px 16px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: saturate(160%) blur(14px);
    backdrop-filter: saturate(160%) blur(14px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 6px 18px rgba(31, 24, 25, 0.07);
    transition: transform .16s ease, box-shadow .16s ease;
}
.ai-kart:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 12px 26px rgba(31, 24, 25, 0.12);
}
.ai-kart-beykoz {
    background: linear-gradient(160deg, rgba(152, 38, 56, 0.08), rgba(255, 255, 255, 0.6));
    border-color: rgba(152, 38, 56, 0.28);
}
.ai-kart-no {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, #982638, #b3325a);
    box-shadow: 0 3px 8px rgba(152, 38, 56, 0.3);
}
.ai-kart-govde { min-width: 0; flex: 1; }
.ai-kart-bas {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ai-kart-bas strong {
    font-size: 14.5px;
    font-weight: 700;
    color: #1a0f14;
    letter-spacing: -.01em;
}
.ai-kart-rozet {
    font-size: 10.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #fff;
    background: #982638;
    padding: 2px 7px;
    border-radius: 6px;
}
.ai-kart-meta {
    font-size: 12.5px;
    color: #6e6266;
    margin: 3px 0 8px;
}
.ai-kart-cipler {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 9px;
}
.ai-k-cip {
    font-size: 11.5px;
    font-weight: 600;
    color: #5a3a42;
    background: rgba(152, 38, 56, 0.07);
    border: 1px solid rgba(152, 38, 56, 0.14);
    padding: 3px 9px;
    border-radius: 7px;
}
.ai-k-cip-bos { color: #a99; background: rgba(0, 0, 0, 0.03); border-color: rgba(0, 0, 0, 0.06); }
.ai-kart-neden {
    font-size: 12.5px;
    line-height: 1.5;
    color: #3f3539;
    background: rgba(152, 38, 56, 0.045);
    border-left: 2.5px solid rgba(152, 38, 56, 0.4);
    padding: 8px 11px;
    border-radius: 0 9px 9px 0;
    margin-bottom: 10px;
}
.ai-kart-aksiyon {
    display: flex;
    align-items: center;
    gap: 8px;
}
.ai-kart-detay {
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: #982638;
    background: rgba(152, 38, 56, 0.06);
    border: 1px solid rgba(152, 38, 56, 0.2);
    border-radius: 9px;
    padding: 7px 13px;
    cursor: pointer;
    transition: background .15s, transform .15s;
}
.ai-kart-detay:hover { background: rgba(152, 38, 56, 0.12); transform: translateY(-1px); }
.ai-kart-neden-bas { font-weight: 700; color: #982638; }

/* Kart başlığında Güvenli/Sınırda/Riskli rozeti (durum-badge mevcut stilini kullanır) */
.ai-kart-durum { display: inline-flex; margin-left: 2px; }
/* AI kartlarında yumuşak/soft rozetler (klasik tablodaki dolu renkler yerine pastel) */
.ai-kart-durum .durum-badge { font-size: 11px; font-weight: 700; }
.ai-kart-durum .durum-guvenli { background: rgba(21, 128, 61, 0.10); color: #15803d; }
.ai-kart-durum .durum-sinirda { background: rgba(180, 83, 9, 0.11); color: #b45309; }
.ai-kart-durum .durum-riskli  { background: rgba(179, 38, 30, 0.10); color: #b3261e; }
.ai-kart-durum .durum-veri-yok { background: rgba(63, 48, 51, 0.07); color: #756b6e; }

/* Karşılaştır butonu — Listeye ekle'den ayrı, pasif/ikincil */
.ai-kart-kars {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: #6b5f62;
    background: rgba(63, 48, 51, 0.05);
    border: 1px solid rgba(63, 48, 51, 0.14);
    border-radius: 9px;
    padding: 7px 12px;
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s, transform .15s;
}
.ai-kart-kars svg { width: 15px; height: 15px; }
.ai-kart-kars:hover { background: rgba(63, 48, 51, 0.09); transform: translateY(-1px); }
.ai-kart-kars.ekli {
    color: #15803d;
    background: rgba(21, 128, 61, 0.08);
    border-color: rgba(21, 128, 61, 0.28);
}

/* Sonuç listesi alt bilgilendirme notu */
.ai-liste-not {
    margin: 16px 4px 0;
    font-size: 12px;
    color: #8a7f82;
    text-align: center;
}

/* AI panel alt satırı: gelişmiş filtre linki + bilgilendirme */
.ai-panel-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
    margin-top: 12px;
    padding-top: 11px;
    border-top: 1px solid rgba(63, 48, 51, 0.10);
}
.ai-gelismis-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font: inherit;
    font-size: 12.5px;
    font-weight: 600;
    color: #8c2c34;
    background: rgba(152, 38, 56, 0.04);
    border: 1px solid rgba(152, 38, 56, 0.20);
    border-radius: 999px;
    padding: 7px 14px;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.ai-gelismis-link svg { width: 15px; height: 15px; opacity: .85; }
.ai-gelismis-link:hover { background: rgba(152, 38, 56, 0.09); border-color: rgba(152, 38, 56, 0.34); }
.ai-panel-bilgi {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11.5px;
    line-height: 1.4;
    color: #978c8e;
    max-width: 380px;
    text-align: right;
    margin-left: auto;
}
.ai-panel-bilgi::before {
    content: '';
    flex: none;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(152, 38, 56, 0.40);
}

/* Örnek chip şeridi (mobilde yatay scroll) */
.ai-ornek-seridi { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }

/* ============================================================
   AI FOCUS MODE — premium ışık / sis / dalga sahnesi
   Yalnız body.ai-sahne iken görünür. İÇERİĞİN (z-index:1) ALTINDA
   (z-index:0), html #f5f2f3 zemininin ÜSTÜNDE → arka plana KARIŞIR; hero
   ve header opak olduğundan onların üstüne ÇIKMAZ (okunabilirlik korunur).
   pointer-events:none. Dark mode DEĞİL: yalnız sıcak-bordo yumuşak dim +
   alttan akan ışık hüzmesi. Sparkle/yıldız/neon YOK — yalnız ışık/sis/dalga.
   ============================================================ */
/* ====== TEK GLOBAL KARARTMA (backdrop) — z80, tüm viewport'u kaplar,
   pointer-events:none. Header/footer/section/kartlar AYRI AYRI karartılMAZ;
   hepsi BUNUN altında tek katmanla geri plana düşer. Sıcak bordo tonlu, premium,
   yumuşak; sayfayı öldürmez ama geri plana atar. ====== */
.ai-focus-backdrop {
    position: fixed;
    inset: 0;
    z-index: 80;
    pointer-events: none;
    opacity: 0;
    transition: opacity .6s ease;
    background:
        radial-gradient(circle at 50% 82%, rgba(122, 36, 44, 0.20), transparent 42%),
        linear-gradient(180deg, rgba(20, 16, 18, 0.34), rgba(18, 13, 16, 0.50));
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
}
body.ai-sahne .ai-focus-backdrop { opacity: 1; }

/* ====== AURORA / EDGE LIGHT — AYRI katman, z90 (backdrop'un ÜSTÜnde, KARTIN
   altında). Kartın üstüne çıkmaz; alttan atmosfer gibi durur. ====== */
.ai-ambient-layer {
    position: fixed;
    inset: 0;
    z-index: 90;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
    transition: opacity .75s ease;
}
body.ai-sahne .ai-ambient-layer { opacity: 1; }

/* ====== AI KARTI overlay'in ÜSTÜNDE (z100) — net/parlak/okunabilir kalır.
   Kartın parent'ı (#uzman-uygulama) stacking-context'i kaldırılır (z-index:auto)
   ki YALNIZ kart (+AI sonuçları) yükselsin; toggle/diğerleri backdrop'un ALTINDA
   kalıp tek katmanla kararsın. Hiçbir öğeye AYRI karartma verilmez. ====== */
body.ai-mode-active #uzman-uygulama { z-index: auto; }
/* Command bar fixed (flow dışı) olduğundan app kısalıp footer yukarı kayıp ortalı
   bar'la çakışıyordu → app'i viewport'a doldur ki footer alta (fold altına) insin.
   Sonuç gelince content uzar (min-height aşılır), footer sonuçların altında. */
body.ai-mode-active #uzman-uygulama.mod-ai { min-height: calc(100vh - 92px); }
body.ai-mode-active #uzman-uygulama.mod-ai .ai-sonuc-liste { position: relative; z-index: 100; }

/* ====== AI command bar VIEWPORT'a göre FIXED ORTALI — AI MODE boyunca (resting +
   focus) AYNI konumda durur ki focus'ta REFLOW olmasın (chip/buton tıklamaları
   bar yer değiştirip kaçmasın). Sadece overlay/koyu görünüm/toggle-gizle focus'a
   (ai-sahne) bağlı. Sonuç gelince normal flow'a döner. ====== */
body.ai-mode-active #uzman-ai-panel {
    position: fixed;
    left: 50%;
    top: 40%;            /* command bar merkezi ~%46 (biraz üst) */
    transform: translateX(-50%);
    width: min(1040px, calc(100vw - 64px));
    max-width: none;
    margin: 0;
    /* DİNGİN (focus sahnesi KAPALI) command bar header'ın (z40) ALTINDA kalır →
       profil dropdown'u (header child) ve #hesabim (z30) bu barın üstünde okunur.
       Yalnız gerçek focus sahnesinde (body.ai-sahne) z100'e yükselir (aşağıda). */
    z-index: 20;
}
/* Focus sahnesi AÇIK: command bar dim backdrop(80)/aurora(90) ÜSTÜNE çıkar. */
body.ai-sahne #uzman-ai-panel { z-index: 100; }
body.ai-mode-active:has(.ai-sonuc-liste.dolu) #uzman-ai-panel {
    position: relative;
    left: auto; top: auto; transform: none;
    width: calc(100% - 64px); max-width: 1040px; margin: 14px auto;
}
/* AI FOCUS SAHNESİ açıkken mod toggle GİZLİ — kullanıcı zaten AI sahnesinde;
   toggle search bar üstünde ikinci bir ana aksiyon gibi durmasın. Odak yalnız
   command bar + chip + "Gelişmiş filtrelerle ara →" linkinde. Klasik'e dönüş o
   linkle. visibility/opacity → LAYOUT SHIFT YOK (command bar zaten fixed-ortalı,
   toggle'dan etkilenmez). */
body.ai-sahne #uzman-uygulama .arama-modu-secici {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease;
}
/* SONUÇ EKRANI (sahne kapalı + sonuç var): toggle görünür ama daha KÜÇÜK/SAKİN.
   Dingin/resting durumda (sonuç yok, focus yok) toggle NORMAL kalır. */
body.ai-mode-active:has(.ai-sonuc-liste.dolu) #uzman-uygulama .arama-modu-secici {
    transform: scale(.9);
    opacity: .88;
    transition: transform .25s ease, opacity .25s ease;
}

/* AI focus aktifken footer (B'Tercih başlığı + sosyal ikonlar + yasal metin +
   sürüm) GÖRÜNMEZ — overlay altında okunmasın. Yalnızca opacity/visibility →
   LAYOUT SHIFT YOK (alan korunur). Klasik/resting'de normale döner. */
.site-footer { transition: opacity .3s ease; }
body.ai-sahne .site-footer {
    opacity: 0;
    visibility: hidden;   /* ANINDA gizle → ekran okuyucudan da kalkar (SR), güvenilir */
    pointer-events: none;
    /* visibility transition YOK (anında); opacity fade klasik dönüşte fade-in verir.
       Layout shift yok (alan korunur). */
}

/* — Alttan akan renkli ışık katmanı GERİ AÇILDI (kullanıcı: "efekti geri
     getir"). Koyu overlay'in (dim) ÜSTÜNDE çizilir (DOM'da dim'den sonra) →
     renkler koyu zemine karşı canlı parlar; yukarı kademeli söner. — */
.ai-sahne-isik {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 74vh;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 16%, rgba(0,0,0,0.7) 44%, rgba(0,0,0,0.28) 72%, transparent 100%);
            mask-image: linear-gradient(to top, #000 0%, #000 16%, rgba(0,0,0,0.7) 44%, rgba(0,0,0,0.28) 72%, transparent 100%);
}

/* Spektrum taban: SOL derin bordo → bordo-pembe → mor → SAĞ hafif lacivert */
.ai-isik-taban {
    position: absolute;
    left: -6%; right: -6%; bottom: -12%;
    height: 142%;
    background:
        radial-gradient(50% 112% at 10% 106%, rgba(138,38,50,0.72), transparent 62%),
        radial-gradient(46% 108% at 33% 110%, rgba(202,74,106,0.60), transparent 64%),
        radial-gradient(48% 108% at 58% 108%, rgba(148,88,174,0.52), transparent 64%),
        radial-gradient(54% 112% at 88% 112%, rgba(80,98,170,0.42), transparent 66%);
    filter: blur(42px);
    animation: aiTaban 15s ease-in-out infinite;
}
@keyframes aiTaban {
    0%, 100% { transform: translateX(0) scaleY(0.98); opacity: 0.92; }
    50%      { transform: translateX(-5%) scaleY(1.12); opacity: 1; }
}

/* Organik, RASTGELE silüetli dalgalar — İKİ tip: (a) GENİŞ-ALÇAK taban dalgaları
   (yatay zemini doldurur, boşluk bırakmaz) + (b) DAR-YÜKSEK uzantılar (tendril;
   orta boşluğu doldurur, dramatik yükseklik farkı). Bağımsız hız & ters fazlı,
   GENİŞ genlikli dikey hareket → tepe noktaları sürekli yer değiştirir, canlı.
   AĞIR blur + ellipse gradient → "oyuncak blob" değil; ışık/sis hissi. */
.ai-dalga {
    position: absolute;
    bottom: -24%;
    filter: blur(46px);
    opacity: 0.92;
    will-change: transform;
}
/* (a) geniş-alçak taban dalgaları */
.ai-dalga-1 { left: -12%; width: 44%; height: 60%; background: radial-gradient(ellipse 78% 88% at 50% 60%, rgba(146,34,50,0.74), rgba(160,44,72,0.22) 52%, transparent 72%); animation: aiW1 10s ease-in-out infinite; }
.ai-dalga-3 { left: 22%;  width: 42%; height: 52%; background: radial-gradient(ellipse 86% 84% at 50% 62%, rgba(198,76,116,0.62), rgba(168,84,150,0.20) 54%, transparent 74%); animation: aiW3 9s ease-in-out infinite -3.2s; }
.ai-dalga-5 { left: 52%;  width: 42%; height: 56%; background: radial-gradient(ellipse 84% 86% at 50% 60%, rgba(120,92,184,0.58), rgba(92,104,178,0.20) 54%, transparent 74%); animation: aiW5 10.5s ease-in-out infinite -5s; }
.ai-dalga-7 { left: 80%;  width: 46%; height: 62%; background: radial-gradient(ellipse 84% 88% at 50% 60%, rgba(92,104,186,0.54), rgba(76,98,174,0.20) 54%, transparent 74%); animation: aiW7 11s ease-in-out infinite -2s; }
/* (b) dar-yüksek uzantılar (tendril) — daha az blur, ÇOK hareketli */
.ai-dalga-2 { left: 7%;  width: 27%; height: 124%; filter: blur(38px); background: radial-gradient(ellipse 54% 100% at 50% 52%, rgba(180,52,94,0.60), rgba(166,66,118,0.16) 50%, transparent 72%); animation: aiW2 8s ease-in-out infinite -1.5s; }
.ai-dalga-4 { left: 35%; width: 30%; height: 140%; filter: blur(38px); background: radial-gradient(ellipse 52% 100% at 50% 50%, rgba(178,72,142,0.56), rgba(132,96,184,0.16) 50%, transparent 72%); animation: aiW4 9.5s ease-in-out infinite -4s; }
.ai-dalga-6 { left: 64%; width: 27%; height: 128%; filter: blur(38px); background: radial-gradient(ellipse 54% 100% at 50% 52%, rgba(110,98,188,0.56), rgba(86,104,182,0.16) 50%, transparent 72%); animation: aiW6 8.6s ease-in-out infinite -6s; }
/* geniş-alçak: orta genlik */
@keyframes aiW1 { 0%, 100% { transform: translate(0, 9%) scaleY(0.82); }  50% { transform: translate(8%, -13%) scaleY(1.28); } }
@keyframes aiW3 { 0%, 100% { transform: translate(0, 11%) scaleY(0.74); } 50% { transform: translate(-9%, -15%) scaleY(1.32); } }
@keyframes aiW5 { 0%, 100% { transform: translate(0, 10%) scaleY(0.78); } 50% { transform: translate(7%, -14%) scaleY(1.26); } }
@keyframes aiW7 { 0%, 100% { transform: translate(0, 9%) scaleY(0.84); }  50% { transform: translate(-7%, -12%) scaleY(1.22); } }
/* dar-yüksek uzantılar: BÜYÜK dikey genlik (yükselip alçalır) */
@keyframes aiW2 { 0%, 100% { transform: translate(0, 18%) scaleY(0.68); } 50% { transform: translate(6%, -22%) scaleY(1.4); } }
@keyframes aiW4 { 0%, 100% { transform: translate(0, 20%) scaleY(0.64); } 50% { transform: translate(-6%, -24%) scaleY(1.46); } }
@keyframes aiW6 { 0%, 100% { transform: translate(0, 19%) scaleY(0.66); } 50% { transform: translate(5%, -23%) scaleY(1.42); } }

/* Sis katmanı — yumuşak yatay sürüklenme + nefes; derinlik */
.ai-sis {
    position: absolute;
    left: -20%; right: -20%; bottom: 2%;
    height: 62%;
    background:
        radial-gradient(40% 80% at 30% 100%, rgba(255,236,239,0.10), transparent 70%),
        radial-gradient(46% 82% at 72% 100%, rgba(226,212,246,0.085), transparent 72%);
    filter: blur(32px);
    animation: aiSis 16s ease-in-out infinite;
}
@keyframes aiSis {
    0%, 100% { transform: translate(0, 0); opacity: 0.78; }
    50%      { transform: translate(7%, -6%); opacity: 1; }
}

/* (Beyaz dik ışık sütunları/beams kullanıcı isteğiyle KALDIRILDI — yalnız
   akan renkli dalga + sis kaldı.) */

/* ============================================================
   AI COMMAND BAR — koyu, minimal, premium (BÜYÜK BEYAZ KART DEĞİL).
   #uzman-ai-panel artık ŞEFFAF konteyner; içinde command bar + chip + link.
   Hem dingin (açık sayfa) hem focus (koyu overlay) zemininde okunur:
   command bar + chip'ler kendi içinde koyu (self-contained).
   ============================================================ */
#uzman-ai-panel {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: auto;
    padding: 0 !important;
}
/* Flex layout YALNIZ AI modunda (klasik'te panel display:none kalır — base kural). */
#uzman-uygulama.mod-ai #uzman-ai-panel { display: flex; flex-direction: column; align-items: center; }

/* Command bar yüzeyi — VARSAYILAN AÇIK TEMA (AI aktif DEĞİLken).
   Koyu görünüm GLOBAL DEĞİL → yalnız body.ai-sahne iken (aşağıda). */
.ai-command-bar {
    width: 100%;
    max-width: 1040px;
    min-height: 104px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(122, 36, 44, 0.18);
    box-shadow: 0 12px 34px rgba(30, 20, 24, 0.08);
    transition: border-color .25s, box-shadow .25s, background .25s;
}
.ai-command-bar:focus-within { border-color: rgba(122, 36, 44, 0.42); box-shadow: 0 14px 38px rgba(122, 36, 44, 0.14); }
/* KOYU command bar — YALNIZ AI AKTİF (body.ai-sahne). Koyu translucent,
   ince bordo/pembe outline, iç glow, backdrop blur. */
body.ai-sahne .ai-command-bar {
    background: rgba(24, 20, 28, 0.80);
    border-color: rgba(205, 72, 105, 0.58);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.38),
        0 0 42px rgba(155, 32, 70, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
            backdrop-filter: blur(18px) saturate(120%);
}
body.ai-sahne .ai-command-bar:focus-within {
    border-color: rgba(216, 96, 126, 0.88);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, 0.42),
        0 0 60px rgba(176, 40, 80, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
/* Sol yuvarlak AI orb */
.ai-orb {
    flex: none;
    width: 52px; height: 52px;
    border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff;
    background: radial-gradient(circle at 38% 30%, #db6883, #9a2740 60%, #781d33);
    box-shadow: 0 6px 18px rgba(150, 30, 64, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.32), 0 0 0 1px rgba(214, 92, 122, 0.42);
}
.ai-orb svg { width: 26px; height: 26px; filter: drop-shadow(0 0 6px rgba(255, 200, 215, 0.5)); }
/* Orta alan: kicker + input */
.ai-command-main { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.ai-kicker {
    font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
    color: #9a2740;
}
body.ai-sahne .ai-kicker { color: #db7188; }
.ai-command-input {
    width: 100%;
    border: 0; background: transparent; outline: none;
    color: #24191c; font: inherit; font-size: 21px; font-weight: 500;
    letter-spacing: -.01em; line-height: 1.2; padding: 1px 0;
}
body.ai-sahne .ai-command-input { color: #fff; }
.ai-command-input::placeholder { color: rgba(36, 25, 28, 0.42); font-weight: 400; }
body.ai-sahne .ai-command-input::placeholder { color: rgba(255, 255, 255, 0.40); }
/* Mikrofon */
.ai-mic {
    flex: none; width: 44px; height: 44px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(122, 36, 44, 0.05);
    border: 1px solid rgba(122, 36, 44, 0.16);
    color: rgba(122, 36, 44, 0.68); cursor: pointer;
    transition: background .18s, color .18s, border-color .18s;
}
body.ai-sahne .ai-mic { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.72); }
.ai-mic svg { width: 20px; height: 20px; }
.ai-mic:hover { background: rgba(205, 72, 105, 0.16); color: #fff; border-color: rgba(205, 72, 105, 0.5); }
.ai-mic.dinliyor { background: rgba(205, 72, 105, 0.30); color: #fff; border-color: rgba(214, 92, 122, 0.7); animation: aiMicPulse 1.1s ease-in-out infinite; }
@keyframes aiMicPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(205, 72, 105, 0.5); } 50% { box-shadow: 0 0 0 7px rgba(205, 72, 105, 0); } }
/* Gönder (ok) */
.ai-send {
    flex: none; width: 56px; height: 56px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    color: #fff; border: 0; cursor: pointer;
    background: linear-gradient(135deg, #ba3254, #8c1f3a);
    box-shadow: 0 8px 22px rgba(150, 30, 64, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    transition: transform .15s, box-shadow .18s, filter .18s;
}
.ai-send svg { width: 24px; height: 24px; }
.ai-send:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(150, 30, 64, 0.55); }
.ai-send:disabled { cursor: default; opacity: .75; transform: none; }
.ai-send.yukleniyor svg { animation: aiSpin 1s linear infinite; }

/* Chip şeridi — koyu cam, search bar'dan AYRI, sakin */
#uzman-ai-panel .ai-ornekler { margin: 16px 0 0; width: 100%; max-width: 1040px; display: flex; justify-content: center; padding: 0; }
#uzman-ai-panel .ai-ornek-seridi { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; min-width: 0; }
#uzman-ai-panel .ai-ornek {
    font: inherit; font-size: 12.5px; font-weight: 500;
    color: #7a242c;
    background: rgba(122, 36, 44, 0.05);
    border: 1px solid rgba(122, 36, 44, 0.17);
    border-radius: 999px; padding: 8px 15px; cursor: pointer; white-space: nowrap;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    transition: background .18s, border-color .18s, color .18s, transform .15s, box-shadow .18s;
}
body.ai-sahne #uzman-ai-panel .ai-ornek {
    color: rgba(255, 255, 255, 0.82);
    background: rgba(26, 20, 28, 0.52);
    border-color: rgba(255, 255, 255, 0.13);
}
#uzman-ai-panel .ai-ornek:hover {
    background: rgba(176, 40, 80, 0.26);
    border-color: rgba(216, 96, 126, 0.5);
    color: #fff; transform: translateY(-1px);
    box-shadow: 0 0 18px rgba(176, 40, 80, 0.28);
}
/* "Gelişmiş filtrelerle ara" linki — sakin, AI sahnesinin parçası */
#uzman-ai-panel .ai-panel-alt { margin: 16px 0 0; width: 100%; display: flex; justify-content: center; }
.ai-gelismis-link {
    display: inline-flex; align-items: center; gap: 8px;
    font: inherit; font-size: 13px; font-weight: 600;
    color: #a83052;
    background: transparent; border: 0; cursor: pointer; padding: 8px 14px;
    border-radius: 999px; transition: color .18s, background .18s;
}
.ai-gelismis-link svg { width: 15px; height: 15px; opacity: .85; }
.ai-gelismis-link .ai-gelismis-ok { width: 14px; height: 14px; }
.ai-gelismis-link:hover { color: #c0506c; background: rgba(168, 48, 82, 0.08); }
/* focus (koyu overlay) zemininde link açık pembe */
body.ai-sahne .ai-gelismis-link { color: rgba(255, 206, 220, 0.82); }
body.ai-sahne .ai-gelismis-link:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }

/* Durum/özet — koyu zemine uygun açık metin, ortalı */
#uzman-ai-panel .ai-durum { color: rgba(255, 255, 255, 0.80); text-align: center; max-width: 1040px; }
#uzman-ai-panel .ai-durum.dolu { margin-top: 14px; }
#uzman-ai-panel .ai-durum-ok { color: #fff; font-weight: 700; }
#uzman-ai-panel .ai-durum-hata { color: #ff9aa9; font-weight: 600; }
#uzman-ai-panel .ai-durum-yukle { color: rgba(255, 255, 255, 0.72); }
#uzman-ai-panel .ai-ozet-cip {
    background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16);
    color: #fff;
}

/* Mobil command bar — taşmasın, mic+send sağda kalsın, placeholder okunsun */
@media (max-width: 640px) {
    #uzman-uygulama .arama-modu-secici,
    #uzman-ai-panel { width: calc(100% - 28px); }
    /* AI aktif fixed command bar mobilde: calc(100vw - 28px) (desktop min() ezilir) */
    body.ai-mode-active #uzman-ai-panel { width: calc(100vw - 28px); }
    .ai-command-bar { gap: 11px; padding: 15px 15px; min-height: 92px; border-radius: 22px; }
    .ai-orb { width: 42px; height: 42px; }
    .ai-orb svg { width: 21px; height: 21px; }
    .ai-command-input { font-size: 17px; }
    .ai-mic { width: 38px; height: 38px; }
    .ai-mic svg { width: 17px; height: 17px; }
    .ai-send { width: 46px; height: 46px; }
    .ai-send svg { width: 21px; height: 21px; }
    #uzman-ai-panel .ai-ornekler { justify-content: flex-start; }
    #uzman-ai-panel .ai-ornek-seridi {
        flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
        scrollbar-width: none; width: 100%; padding-bottom: 2px;
    }
    #uzman-ai-panel .ai-ornek-seridi::-webkit-scrollbar { display: none; }
    #uzman-ai-panel .ai-ornek { flex: none; }
}

@media (prefers-reduced-motion: reduce) {
    .ai-dalga, .ai-sis, .ai-isik-taban { animation: none !important; }
}
@media (max-width: 640px) {
    .ai-sahne-isik { height: 64vh; }
    .ai-isik-taban { filter: blur(32px); }
    .ai-dalga { filter: blur(34px); }
}

/* ============================================================
   AI KARŞILAŞTIRMA MİNİ BARI — body seviyesinde sabit; AI akışını
   bölmeden "karşılaştırmaya eklendi" özetini ve isteğe bağlı geçişi sunar.
   ============================================================ */
.ai-kars-bar {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translate(-50%, 140%);
    z-index: 320;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px 10px 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, #57202a, #3a141b);
    color: #fff;
    box-shadow: 0 14px 38px rgba(40, 14, 18, 0.38);
    opacity: 0;
    transition: transform .32s cubic-bezier(.23, 1, .32, 1), opacity .32s;
    max-width: calc(100% - 24px);
}
.ai-kars-bar.gorunur { transform: translate(-50%, 0); opacity: 1; }
.ai-kars-bar-sayi {
    flex: none;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 13px;
}
.ai-kars-bar-metin { font-size: 13px; color: rgba(255, 255, 255, 0.88); }
.ai-kars-bar-ac {
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    color: #5a1822;
    background: #fff;
    border: 0;
    border-radius: 9px;
    padding: 8px 14px;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s, opacity .15s;
}
.ai-kars-bar-ac:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22); }
.ai-kars-bar-ac:disabled { opacity: .5; cursor: default; }
.ai-kars-bar-kapat {
    font: inherit;
    font-size: 20px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.7);
    background: transparent;
    border: 0;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.ai-kars-bar-kapat:hover { background: rgba(255, 255, 255, 0.14); color: #fff; }

/* Hafif AI toast — sayfayı karartmaz, mini barın üstünde kısa görünür */
.ai-toast {
    position: fixed;
    left: 50%;
    bottom: 80px;
    transform: translate(-50%, 12px);
    z-index: 330;
    pointer-events: none;
    background: #201418;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 9px 16px;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(31, 24, 25, 0.26);
    opacity: 0;
    transition: opacity .25s ease, transform .25s ease;
    max-width: calc(100% - 24px);
}
.ai-toast.gorunur { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .ai-toast { transition: opacity .2s; } }

@media (prefers-reduced-motion: reduce) {
    .ai-kars-bar { transition: opacity .2s; }
}

@media (max-width: 760px) {
    #uzman-uygulama.mod-ai .ai-sonuc-liste { width: calc(100% - 32px); }
    .ai-kart-grid { grid-template-columns: 1fr; }
    /* Mobilde örnek chip şeridi yatay kaydırma (taşma yerine) */
    .ai-ornekler { flex-wrap: nowrap; align-items: flex-start; }
    .ai-ornek-seridi {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px;
    }
    .ai-ornek-seridi::-webkit-scrollbar { display: none; }
    .ai-ornek { flex: none; white-space: nowrap; }
    .ai-panel-alt { flex-direction: column; align-items: flex-start; }
    .ai-panel-bilgi { text-align: left; margin-left: 0; }
    .ai-kars-bar { left: 12px; right: 12px; transform: translateY(140%); max-width: none; }
    .ai-kars-bar.gorunur { transform: translateY(0); }
    .ai-kart-kars .ai-kars-etiket { display: inline; }
}

/* ============================================================
   LANDING — B'TERCİH (örnek görsele uyarlı)
   ============================================================ */
/* NOT: Landing arka planı hareketli bordo bloblar ile şeffaf kalır (kullanıcı isteği).
   .mod-secim / .v3 transparent override'ları (üstte) korunur → bloblar görünür. */
/* Blob ayarı TÜM sayfalarda ortak (landing + uygulama): görünürlük orta seviyeye
   çekildi (0.40 çok silikti, full çok boğucuydu) + 3 blob yerine 2 (3.'sü gizli) +
   geniş blur ile yumuşak. AI modunda zaten gizli (ai-mode-active override). */
.v3-blobs { opacity: 0.58; }
.v3-blob { filter: blur(84px); }
.v3-blob-3 { display: none; }
@media (max-width: 640px) {
  .v3-blob { filter: blur(60px); }
}

.btr-hero,
.btr-features,
.btr-footnote {
  position: relative;
  z-index: 1;
}

.btr-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 22px;
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(36px, 7vh, 84px) 24px 8px;
}

/* Rozet */
.btr-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff, #fdf8f9);
  border: 1px solid rgba(122,36,44,0.12);
  box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 1px 4px rgba(122,36,44,0.05);
  font-size: 13px;
  font-weight: 600;
  color: #5c3f43;
  letter-spacing: 0.005em;
}
.btr-badge svg { width: 15px; height: 15px; color: var(--renk-ana); flex-shrink: 0; }

/* Başlık B'Tercih */
.btr-title {
  margin: 0;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(56px, 9vw, 104px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--renk-ana);
}

/* Alt başlık (AI ile Tercihlerini Akıllıca Keşfet) */
.btr-subtitle {
  margin: -6px 0 0;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(30px, 4.6vw, 54px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: #16202e;
}
.btr-subtitle .btr-ai { color: var(--renk-ana); }

/* Açıklama */
.btr-desc {
  margin: 6px 0 0;
  max-width: 560px;
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.6;
  color: #5d6470;
  font-weight: 500;
}
.btr-desc strong { color: var(--renk-ana); font-weight: 750; }

/* Aksiyon butonları */
.btr-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 10px;
}
.btr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 17px 30px;
  border-radius: 16px;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform 0.18s cubic-bezier(0.16,1,0.3,1), box-shadow 0.18s, background 0.18s;
}
.btr-btn-ico { width: 20px; height: 20px; flex-shrink: 0; }
.btr-btn-arrow { width: 18px; height: 18px; flex-shrink: 0; transition: transform 0.2s ease; }
.btr-btn-primary {
  background: linear-gradient(180deg, #98293a 0%, var(--renk-ana) 60%, #6c1d24 100%);
  color: #fff;
  box-shadow: 0 12px 26px -10px rgba(122,36,44,0.6);
}
.btr-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px -10px rgba(122,36,44,0.62);
}
.btr-btn-primary:hover .btr-btn-arrow { transform: translateX(4px); }
.btr-btn-secondary {
  background: #fff;
  color: #1a2230;
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 4px 14px rgba(31,24,25,0.05);
}
.btr-btn-secondary .btr-btn-ico { color: var(--renk-ana); }
.btr-btn-secondary:hover {
  transform: translateY(-2px);
  border-color: rgba(122,36,44,0.28);
  box-shadow: 0 10px 22px -8px rgba(122,36,44,0.2);
}

/* Özellik kartı (3 kolon + ayraç) */
.btr-features {
  max-width: 940px;
  margin: 0 auto;
  padding: 32px 24px 0;
}
.btr-feat-card {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 0 26px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 22px;
  padding: 28px 30px;
  box-shadow: 0 10px 34px -16px rgba(31,24,25,0.16);
}
.btr-feat {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}
.btr-feat-icon {
  flex: 0 0 auto;
  width: 50px; height: 50px;
  border-radius: 14px;
  background: #f7e7e9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--renk-ana);
}
.btr-feat-icon svg { width: 24px; height: 24px; }
.btr-feat-text h3 { margin: 0 0 4px; font-size: 17px; font-weight: 750; color: #1a2230; letter-spacing: -0.01em; }
.btr-feat-text p { margin: 0; font-size: 14px; line-height: 1.45; color: #6b7280; }
.btr-feat-sep { width: 1px; align-self: stretch; background: rgba(0,0,0,0.08); }

/* Alt not */
.btr-footnote {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 940px;
  margin: 0 auto;
  padding: 30px 24px 48px;
  text-align: left;
  color: #8a8f98;
  font-size: 14px;
  line-height: 1.5;
}
.btr-footnote svg { width: 22px; height: 22px; color: var(--renk-ana); flex-shrink: 0; opacity: 0.9; }

/* Tablet/mobil */
@media (max-width: 760px) {
  .btr-feat-card { grid-template-columns: 1fr; gap: 0; padding: 8px 20px; }
  .btr-feat { padding: 18px 0; }
  .btr-feat-sep { width: auto; height: 1px; align-self: auto; }
}
@media (max-width: 480px) {
  .btr-actions { flex-direction: column; align-items: stretch; width: 100%; max-width: 360px; }
  .btr-btn { width: 100%; }
  .btr-footnote { flex-direction: column; text-align: center; align-items: center; gap: 8px; }
}

/* ============================================================
   HEADER MARKA BLOĞU — Beykoz logo | ayraç | B'Tercih + alt başlık
   ============================================================ */
.marka-ayrac {
  width: 1px;
  align-self: center;
  height: 40px;
  background: rgba(0,0,0,0.14);
  flex-shrink: 0;
}
.marka-yazi {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  line-height: 1.12;
  min-width: 0;
  text-align: left;
}
.marka-ad {
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--renk-ana);
  text-align: left;
}
.marka-yazi .alt-baslik {
  margin-top: 2px;
  font-size: 13px;
  color: #645d5f;
  white-space: nowrap;
}
/* Mobil: dar ekranda ayraç + alt başlık gizlenir, yalnız logo + B'Tercih kalır */
@media (max-width: 760px) {
  .marka-ayrac { display: none; }
  .marka-yazi .alt-baslik { display: none !important; }
  .marka-ad { font-size: 17px; }
}

/* ============================================================
   LANDING v2 — İKİ KOLON HERO (sol metin + sağ keşif kartları) + İSTATİSTİK BARI
   ============================================================ */
.bt-hero {
  position: relative;
  z-index: 1;
  width: calc(100% - 32px);
  /* 13"te dolu; büyük (24-27") ekranda içerik ORANTILI büyür (cqi) → küçük ada gibi
     kalmaz. 1700 tavanı + yükseltilmiş cqi tavanları = bütün halinde zoom. */
  max-width: 1700px;
  margin: 0 auto;
  /* İçerik, konteyner (hero) genişliğine göre ORANTILI ölçeklensin: tüm alt
     ölçüler cqi (container inline %) tabanlı clamp → sayfa büyüyünce büyür,
     küçülünce küçülür (eş değerde tepki). */
  container-type: inline-size;
  container-name: bthero;
  /* İçerik header altındaki alana EŞİT aralıklarla yayılır: üst (header↔içerik),
     orta (içerik↔istatistik barı) ve alt (istatistik↔alt) boşlukları aynı oranda. */
  min-height: calc(100vh - 82px);
  /* Üst/alt çerçeve — içerik biraz YUKARI (alt padding > üst) ve ilk ekrana sığar */
  padding: calc(clamp(22px, 2.6vh, 28px) + 12px) clamp(18px, 2vw, 30px) clamp(28px, 5vh, 56px);
  display: flex;
  flex-direction: column;
  /* İçerik + bant ilk ekrana sığsın: hafif yukarıda başla, aradaki boşluk kontrollü */
  justify-content: flex-start;
  gap: clamp(28px, 4vh, 44px);
}
/* Premium atmosfer: yumuşak bordo ışımalar + ince üst aydınlık (içeriğin ALTINDA) */
.bt-hero::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%; width: 100vw; transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
  /* Yalnız yumuşak radial ışımalar (stop %100). Beyaz üst katman KALDIRILDI —
     hero üst kenarında ani başlayıp yatay çizgi/ek yeri oluşturuyordu. */
  background:
    radial-gradient(80cqi 62cqi at 86% -12%, rgba(122,36,44,0.09), transparent 100%),
    radial-gradient(72cqi 60cqi at 8% 112%, rgba(158,51,64,0.07), transparent 100%);
}
.bt-hero > * { position: relative; z-index: 1; }
.bt-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.1fr);
  gap: clamp(32px, 5cqi, 84px);
  align-items: center;
}

/* ---- SOL ---- */
.bt-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: clamp(11px, 1.3cqi, 21px);
}
.bt-title {
  margin: 4px 0 0;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(38px, 5.7cqi, 92px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.04em;
  color: var(--renk-ana);
}
.bt-sub {
  margin: -2px 0 2px;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(23px, 3.4cqi, 56px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.03em;
  color: #16202e;
}
.bt-left .btr-desc { margin: 2px 0 0; max-width: 38cqi; font-size: clamp(13.5px, 1.4cqi, 22px); }
.bt-left .btr-actions { justify-content: flex-start; margin-top: clamp(8px, 1cqi, 18px); gap: clamp(10px, 1.2cqi, 20px); }
/* Butonlar da konteynerle ölçeklensin (yalnız landing hero içinde) */
.bt-hero .btr-btn {
  gap: clamp(7px, 0.7cqi, 12px);
  padding: clamp(11px, 1.1cqi, 18px) clamp(17px, 1.8cqi, 32px);
  border-radius: clamp(11px, 1cqi, 16px);
  font-size: clamp(13px, 1.2cqi, 19px);
}
.bt-hero .btr-btn-ico { width: clamp(15px, 1.4cqi, 23px); height: clamp(15px, 1.4cqi, 23px); }
.bt-hero .btr-btn-arrow { width: clamp(14px, 1.25cqi, 20px); height: clamp(14px, 1.25cqi, 20px); }
.bt-hero .btr-badge { font-size: clamp(11px, 0.82cqi, 13px); padding: clamp(5px, 0.5cqi, 7px) clamp(12px, 1cqi, 15px); gap: clamp(6px, 0.5cqi, 7px); }
.bt-hero .btr-badge svg { width: clamp(12px, 0.82cqi, 14px); height: clamp(12px, 0.82cqi, 14px); }

/* ---- TEK ODAKLI HERO (merkezî kolon, AI-first) ---- */
.bt-hero-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* Hiyerarşik dikey ritim (8px grid): metin kümesi sıkı, aksiyondan önce nefes */
  gap: 0;
  max-width: min(680px, 94%);
  margin: 0 auto;
}
/* Önerilen oransal ritim — rozet→başlık→slogan→açıklama→mod→güven */
.bt-hero-center > * { margin-top: 0; margin-bottom: 0; }
.bt-hero-brand { margin-top: clamp(13px, 1.6vh, 17px) !important; }
.bt-hero-tagline { margin-top: clamp(20px, 2.4vh, 28px) !important; }
.bt-hero-center .btr-desc { margin: clamp(20px, 2.2vh, 24px) auto 0 !important; }
.bt-hero-center .bt-modes { margin-top: clamp(32px, 3.8vh, 40px) !important; }
.bt-hero-trust { margin-top: clamp(20px, 2.2vh, 24px) !important; }
.bt-hero-brand {
  margin: 0;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(50px, 6.4cqi, 100px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.035em;
  color: var(--renk-ana);
}
.bt-hero-tagline {
  margin: 0;
  font-family: "Inter","SF Pro Display","Segoe UI",system-ui,sans-serif;
  font-size: clamp(21px, 2.7cqi, 42px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.02em;
  color: #16202e;
}
.bt-hero-tagline .bt-ai { color: var(--renk-ana); }
.bt-hero-center .btr-desc {
  margin: 0 auto;
  max-width: min(56ch, 94%);
  font-size: clamp(15px, 1.5cqi, 21px);
  line-height: 1.58;
  color: #5d6470;
}
.bt-hero-center .btr-actions { justify-content: center; margin-top: clamp(18px, 2cqi, 30px); }
/* Tek birincil CTA — dengeli, gösterişli ama abartısız */
.bt-hero-center .btr-actions .btr-btn-primary {
  padding: clamp(13px, 1.25cqi, 18px) clamp(24px, 2.6cqi, 46px);
  font-size: clamp(14px, 1.2cqi, 18px);
}

/* İkincil sessiz linkler (klasik / puan hesapla) */
.bt-hero-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 1.1cqi, 20px);
  margin-top: clamp(13px, 1.3cqi, 21px);
}
.bt-textlink {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: none;
  border: 0;
  padding: 4px 2px;
  font-family: inherit;
  font-size: clamp(12.5px, 1.05cqi, 16px);
  font-weight: 650;
  color: #5d6470;
  cursor: pointer;
  border-bottom: 1.5px solid transparent;
  transition: color .15s ease, border-color .15s ease;
}
.bt-textlink svg { width: clamp(14px, 1.2cqi, 17px); height: clamp(14px, 1.2cqi, 17px); color: var(--renk-ana); flex-shrink: 0; }
.bt-textlink:hover { color: var(--renk-ana); border-bottom-color: rgba(122,36,44,0.42); }
.bt-textlink:focus-visible { outline: 2px solid rgba(122,36,44,0.5); outline-offset: 3px; border-radius: 4px; }
.bt-link-sep { width: 4px; height: 4px; border-radius: 50%; background: #c4c8cf; flex-shrink: 0; }
.bt-hero-trust {
  margin: 0;
  font-size: clamp(11.5px, 0.95cqi, 14px);
  color: #8a8f98;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* ---- KEŞİF DENEYİMİ — hero altında ikincil bölüm ---- */
.bt-explore {
  position: relative;
  z-index: 1;
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: clamp(6px, 2vw, 26px) auto clamp(34px, 5vw, 70px);
  /* PERF: fold altı bölüm — görünene kadar render/animasyon atlanır
     (AI kartı aurasının sürekli blur animasyonları boşuna çalışmasın) */
  content-visibility: auto;
  contain-intrinsic-size: 0 520px;
  /* cqi tabanlı kart/dot ölçüleri bu konteynere göre çözülsün */
  container-type: inline-size;
  container-name: bthero;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 1.6cqi, 24px);
  padding: 0 clamp(8px, 1.5vw, 18px);
}

/* ---- SAĞ: keşif ---- */
.bt-right {
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 1.3cqi, 20px);
  min-width: 0;
}
.bt-disc-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(12px, 1.2cqi, 20px);
}
.bt-disc-titles h2 {
  margin: 0 0 5px;
  font-size: clamp(16px, 1.5cqi, 24px);
  font-weight: 750;
  letter-spacing: -0.01em;
  color: #16202e;
}
.bt-disc-titles p { margin: 0; font-size: clamp(12px, 1.05cqi, 17px); line-height: 1.45; color: #6b7280; }

/* ---- Kartlar (MERKEZ ODAKLI karusel: ortadaki tam boyut, yanlar küçük) ---- */
.bt-cards {
  position: relative;   /* kartların offsetParent'ı = track → doğru ortalama */
  display: flex;
  gap: clamp(10px, 1.1cqi, 18px);
  overflow-x: auto;
  /* Snap merkeze: aktif kart ortalanır */
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  /* Dikey: ölçek + gölge için iç boşluk (negatif margin ile yerleşim korunur).
     Yatay: kenarda yumuşak fade (küçülen yan kartlar zarifçe silinir). */
  padding: 24px 0 46px;
  margin: -24px 0 -46px;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
}
.bt-cards::-webkit-scrollbar { display: none; }
.bt-card {
  position: relative;
  box-sizing: border-box;
  scroll-snap-align: center;
  flex: 0 0 calc((100% - 2 * clamp(10px, 1.1cqi, 18px)) / 3);
  display: flex;
  flex-direction: column;
  /* Cam (glassmorphism) kart: arkadaki bordo bloblar camdan süzülür */
  background: rgba(255,255,255,0.46);
  border: 1px solid rgba(255,255,255,0.55);
  backdrop-filter: saturate(165%) blur(16px);
  -webkit-backdrop-filter: saturate(165%) blur(16px);
  border-radius: clamp(14px, 1.4cqi, 22px);
  padding: clamp(14px, 1.4cqi, 22px) clamp(13px, 1.25cqi, 20px);
  min-height: clamp(208px, 20cqi, 330px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 6px 22px rgba(31,24,25,0.07);
  overflow: hidden;
  /* Yan kartlar görece küçük ama NET okunur; ortadaki .merkez tam boyut + öne çıkar */
  transform: scale(0.9);
  opacity: 0.94;
  transition: transform .42s cubic-bezier(0.16,1,0.3,1), opacity .42s, box-shadow .25s;
}
.bt-card.merkez {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 18px 40px -14px rgba(122,36,44,0.24);
}
/* Kusursuz başa sarma anında ölçek geçişi kapalı → "tıklama/zoom" darbesi olmaz */
.bt-cards.gecissiz .bt-card { transition: none !important; }
.bt-card-icon {
  width: clamp(38px, 3.5cqi, 58px); height: clamp(38px, 3.5cqi, 58px);
  border-radius: clamp(10px, 1cqi, 16px);
  background: #f7e7e9;
  color: var(--renk-ana);
  display: flex; align-items: center; justify-content: center;
}
.bt-card-icon svg { width: clamp(20px, 1.9cqi, 30px); height: clamp(20px, 1.9cqi, 30px); }
.bt-card-body { margin-top: clamp(20px, 2.3cqi, 38px); }
.bt-card h3 { margin: 0 0 6px; font-size: clamp(13.5px, 1.25cqi, 20px); font-weight: 750; letter-spacing: -0.01em; color: #16202e; }
.bt-card p { margin: 0; font-size: clamp(11.5px, 0.97cqi, 15.5px); line-height: 1.45; color: #6b7280; }
.bt-card-link {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: auto; padding-top: clamp(12px, 1.3cqi, 20px);
  background: none; border: 0; cursor: pointer;
  font-family: inherit; font-size: clamp(12px, 1.05cqi, 17px); font-weight: 700;
  color: #fff;
}
.bt-card-link svg { width: clamp(13px, 1.2cqi, 18px); height: clamp(13px, 1.2cqi, 18px); transition: transform .18s ease; }
.bt-card-link:hover svg { transform: translateX(3px); }
.bt-card-link-alt { color: var(--renk-ana); }

/* AI kartı — koyu bordo CAM gradient + parıltı + veri dalgası */
.bt-card-ai {
  /* Bordo, sitenin geri kalanıyla (--renk-ana #7a242c) uyumlu */
  background: linear-gradient(158deg, rgba(122,36,44,0.92) 0%, rgba(92,27,34,0.92) 52%, rgba(58,15,20,0.94) 100%);
  border-color: rgba(255,255,255,0.18);
  backdrop-filter: saturate(150%) blur(14px);
  -webkit-backdrop-filter: saturate(150%) blur(14px);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 14px 32px -12px rgba(122,36,44,0.55);
}
.bt-card-ai:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 18px 36px -14px rgba(122,36,44,0.6); }
.bt-card-ai.merkez { box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 18px 40px -12px rgba(122,36,44,0.6); }
.bt-card-ai::before {
  content: "";
  position: absolute;
  top: -28%; right: -18%;
  width: 72%; height: 72%;
  background: radial-gradient(circle, rgba(176,58,72,0.40), transparent 68%);
  pointer-events: none;
}
.bt-card-ai h3 { color: #fff; }
.bt-card-ai p { color: rgba(255,255,255,0.82); }
.bt-card-ai .bt-card-body { margin-top: clamp(38px, 4cqi, 66px); position: relative; z-index: 1; }
.bt-card-ai .bt-card-link { position: relative; z-index: 1; }
.bt-ai-wave { position: absolute; top: 0; left: 0; right: 0; height: clamp(88px, 9cqi, 150px); opacity: 0.95; pointer-events: none; }
.bt-ai-wave svg { width: 100%; height: 100%; display: block; }
.bt-ai-tag {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; justify-content: center;
  width: clamp(36px, 3.2cqi, 52px); height: clamp(27px, 2.4cqi, 40px);
  border-radius: 9px;
  background: linear-gradient(135deg, #8c2c34, #7a242c);
  color: #fff;
  font-weight: 800; font-size: clamp(11px, 1cqi, 16px); letter-spacing: 0.04em;
  box-shadow: 0 4px 12px -3px rgba(0,0,0,0.35);
}

/* ===== AI KARTI AURORA — mod toggle'daki blob efektinin kart ölçeğine taşınmış
   hali: iç <b> sürekli LİNEAR dairesel dönüş (mtcSpin) + dış <i> yavaş drift.
   Bordo zeminde atmosferik; içerik (z-index:1) ve dalga üstte kalır. ===== */
.bt-ai-aura {
  position: absolute; inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  -webkit-mask-image: -webkit-radial-gradient(50% 45%, 135% 135%, #000 76%, transparent 100%);
          mask-image: radial-gradient(135% 135% at 50% 45%, #000 76%, transparent 100%);
}
.bt-ai-aura i {
  position: absolute;
  left: var(--ax, 50%); top: var(--ay, 50%);
  width: 0; height: 0;
  animation: var(--adrift) var(--addur, 16s) ease-in-out infinite;
  animation-delay: var(--addel, 0s);
  will-change: transform;
}
.bt-ai-aura b {
  position: absolute; left: 0; top: 0;
  width: var(--asz, 130px); height: var(--asz, 130px);
  margin: calc(var(--asz, 130px) / -2) 0 0 calc(var(--asz, 130px) / -2);
  border-radius: 50%;
  background: var(--abg, transparent);
  filter: blur(var(--abl, 18px)) saturate(1.25);
  animation: mtcSpin var(--aspin, 8s) linear infinite var(--asdir, normal);
  animation-delay: var(--asdel, 0s);
  will-change: transform;
}
/* renkler — canlı AI aurora (mat jewel), bordo zeminde NET okunur (toggle gibi) */
.bta1 b { --abg: rgba(240,118,164,0.92); }   /* gül pembe */
.bta2 b { --abg: rgba(82,140,232,0.92); }    /* sakin mavi */
.bta3 b { --abg: rgba(160,104,216,0.92); }   /* menekşe */
.bta4 b { --abg: rgba(220,92,148,0.92); }    /* orkide */
.bta5 b { --abg: rgba(92,190,212,0.88); }    /* teal */
.bta6 b { --abg: rgba(120,116,220,0.92); }   /* çivit-leylak */
/* yerleşim (--ax/--ay) + dönüş yarıçapı (--mr, geniş → hareket belirgin) + süreler */
.bta1   { --ax: 24%; --ay: 28%; --adrift: bd1; --addur: 13s; --addel: -2s; }
.bta1 b { --mr: 64px; --asz: 124px; --abl: 18px; --aspin: 6.5s; --asdel: -1s; }
.bta2   { --ax: 70%; --ay: 22%; --adrift: bd2; --addur: 15s; --addel: -5s; }
.bta2 b { --mr: 72px; --asz: 132px; --abl: 21px; --aspin: 5.6s; --asdir: reverse; --asdel: -2.4s; }
.bta3   { --ax: 46%; --ay: 48%; --adrift: bd3; --addur: 12s; --addel: -8s; }
.bta3 b { --mr: 58px; --asz: 118px; --abl: 16px; --aspin: 7.2s; --asdel: -3.1s; }
.bta4   { --ax: 78%; --ay: 64%; --adrift: bd4; --addur: 16s; --addel: -3s; }
.bta4 b { --mr: 66px; --asz: 128px; --abl: 20px; --aspin: 6s; --asdir: reverse; --asdel: -0.7s; }
.bta5   { --ax: 26%; --ay: 72%; --adrift: bd5; --addur: 14s; --addel: -11s; }
.bta5 b { --mr: 76px; --asz: 122px; --abl: 18px; --aspin: 5.2s; --asdel: -1.9s; }
.bta6   { --ax: 58%; --ay: 84%; --adrift: bd6; --addur: 11s; --addel: -6s; }
.bta6 b { --mr: 60px; --asz: 114px; --abl: 15px; --aspin: 6.8s; --asdir: reverse; --asdel: -2.6s; }
/* dış drift — yavaş, organik (px translate; kart ölçeğine göre ölçeklenir) */
@keyframes bd1 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(56px,30px); } 66% { transform: translate(22px,-38px); } }
@keyframes bd2 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(-50px,28px); } 66% { transform: translate(-72px,-24px); } }
@keyframes bd3 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(66px,-28px); } 66% { transform: translate(-40px,36px); } }
@keyframes bd4 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(-58px,32px); } 66% { transform: translate(-20px,-42px); } }
@keyframes bd5 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(72px,24px); } 66% { transform: translate(28px,-40px); } }
@keyframes bd6 { 0%,100% { transform: translate(0,0); } 33% { transform: translate(-46px,-30px); } 66% { transform: translate(50px,28px); } }
@media (prefers-reduced-motion: reduce) {
  .bt-ai-aura i, .bt-ai-aura b { animation: none; }
}

/* ---- Pagination noktaları (kartlar bunlarla ilerletilir; oklar kaldırıldı) ---- */
.bt-dots {
  display: flex; gap: 8px; justify-content: center; align-items: center;
  margin-top: 10px;
  /* Karusel şeridinin negatif alt-margin'i (-46px) noktaların üstüne biniyordu →
     tıklamayı yutuyordu. Noktalar artık birincil gezinme: şeridin üstüne çıkar. */
  position: relative; z-index: 3;
}
.bt-dot {
  width: 8px; height: 8px; padding: 0; border: 0; appearance: none; -webkit-appearance: none;
  border-radius: 50%; background: rgba(122,36,44,0.22); cursor: pointer;
  transition: width .2s, background .2s, border-radius .2s, transform .15s;
}
.bt-dot:hover { background: rgba(122,36,44,0.42); transform: scale(1.15); }
.bt-dot:focus-visible { outline: 2px solid rgba(122,36,44,0.55); outline-offset: 3px; }
.bt-dot.aktif { width: 24px; border-radius: 5px; background: var(--renk-ana); transform: none; }

/* ---- Alt tanıtım bandı: kompakt 1200px, ikon+metin grup ---- */
.bt-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  width: 100%;
  /* Ortalı container — açıklamalar tek satıra sığsın diye biraz daha geniş */
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  /* Cam band */
  background: rgba(255,255,255,0.46);
  border: 1px solid rgba(255,255,255,0.55);
  backdrop-filter: saturate(165%) blur(16px);
  -webkit-backdrop-filter: saturate(165%) blur(16px);
  border-radius: 24px;
  padding: 24px 30px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 0 8px 26px -14px rgba(31,24,25,0.12);
}
/* Kolon: ikon + metin TEK GRUP, kolonun ortasında dikey hizalı */
.bt-stat { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 16px; padding: 2px 10px; }
/* Soft, kısa ayraç — kolon başında (ilk hariç), dikey ortalı */
.bt-stat:not(:first-child)::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1px; height: 44px; background: rgba(122,36,44,0.10);
}
.bt-stat-ico {
  flex: 0 0 44px; width: 44px; height: 44px;
  border-radius: 50%;
  background: #f7e7e9;
  color: var(--renk-ana);
  display: flex; align-items: center; justify-content: center;
}
.bt-stat-ico svg { width: 22px; height: 22px; }
.bt-stat-text { min-width: 0; max-width: 240px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; gap: 4px; }
.bt-stat-text strong { font-size: 18px; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; color: #1c2430; margin: 0; }
.bt-stat-text span { font-size: 14px; color: #6b7280; line-height: 1.35; margin: 0; }
.bt-stat-sep { display: none; }

/* ---- Responsive ---- */
@media (max-width: 1000px) {
  .bt-hero-grid { grid-template-columns: 1fr; gap: 34px; }
  .bt-left { align-items: center; text-align: center; }
  .bt-left .btr-desc { margin-left: auto; margin-right: auto; }
  .bt-left .btr-actions { justify-content: center; }
}
@media (max-width: 720px) {
  .bt-hero { padding: 18px 16px 24px; gap: 22px; }
  .bt-cards {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    padding: 22px 0 42px;
    margin: -22px 0 -42px;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 12px), transparent 100%);
  }
  .bt-cards::-webkit-scrollbar { display: none; }
  .bt-card { flex: 0 0 78%; scroll-snap-align: center; min-height: 232px; }
  .bt-stats { flex-wrap: wrap; padding: 14px 8px; }
  .bt-stat { flex: 1 1 50%; justify-content: center; padding: 10px 10px; gap: 11px; }
  .bt-stat-sep { display: none; }
  .bt-stat-text strong { font-size: 15px; }
}

/* ============================================================
   SİTE FOOTER (kaynak notu) — sayfayla uyumlu, kurumsal
   ============================================================ */
.site-footer {
  background: linear-gradient(180deg, rgba(122,36,44,0.025) 0%, rgba(122,36,44,0.06) 100%);
  border-top: 1px solid rgba(122,36,44,0.10);
  padding: 30px 24px 26px;
  color: #8a7e80;
}
.footer-inner {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
}
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--renk-ana);
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.01em;
}
.footer-brand svg { width: 18px; height: 18px; }
.footer-sub {
  font-size: 12.5px;
  font-weight: 600;
  color: #6e6264;
}
.footer-note {
  max-width: 760px;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.65;
  color: #9a8e90;
}
.footer-alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 10px;
  font-size: 11.5px;
  color: #9a8e90;
}
.footer-ayrac { width: 4px; height: 4px; border-radius: 50%; background: rgba(122,36,44,0.28); flex-shrink: 0; }
.footer-alt .surum-rozeti { display: inline; margin: 0; font-size: 11.5px; font-weight: 600; color: #9a8e90; }
@media (max-width: 600px) {
  .site-footer { padding: 24px 18px 22px; }
  .footer-alt { gap: 9px; }
}

/* ============================================================
   FOOTER — SOSYAL MEDYA BUTONLARI (renkli daire + hover'da koyu halka çekilir)
   ============================================================ */
.sosyal-butonlar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 12px 0 4px;
}
.sosyal-btn {
  cursor: pointer;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: transform 0.1s;
  /* varsayılan: Instagram degrade */
  background: linear-gradient(120deg, #833ab4, #fd1d1d, #fcb045);
}
.sosyal-btn svg { color: #fff; width: 24px; height: 24px; z-index: 9; }
.sosyal-btn.fb { background: #1877f2; }
.sosyal-btn.wa { background: linear-gradient(120deg, #02ff2c, #008a12); }
.sosyal-btn.x  { background: #000; }
.sosyal-btn.yt { background: #ff2121; }
.sosyal-btn.li { background: #0a66c2; }
.sosyal-btn:active { transform: scale(0.85); }
.sosyal-btn::before {
  content: "";
  position: absolute;
  width: 47px;
  height: 47px;
  background-color: #2a2224;          /* footer ile uyumlu koyu halka */
  border-radius: 50%;
  z-index: -1;
  transition: 0.4s;
}
.sosyal-btn:hover::before { width: 0; height: 0; }
@media (prefers-reduced-motion: reduce) {
  .sosyal-btn, .sosyal-btn::before { transition: none; }
}
@media (max-width: 600px) {
  .sosyal-butonlar { gap: 12px; }
  .sosyal-btn { width: 40px; height: 40px; }
}

/* ===================================================================
   TERCİH LİSTEM — sade premium çalışma alanı (v4)
   Eski AI skor/halka/güvenli-riskli prototip görünümlerinin yerine.
   =================================================================== */
#tercih-uygulama .tercih-sayfa-wrap { max-width: 1440px; margin: 0 auto; padding: 24px 24px 48px; }
/* Üst başlık: cam kart yerine sade satır (başlık solda + Dışa Aktar sağda) */
#tercih-uygulama .tercih-modal-baslik {
    background: none; border: none; box-shadow: none;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    min-height: 0; padding: 0; margin: 0 0 18px; align-items: flex-start;
}
#tercih-uygulama .tercih-baslik-metin h3 { font-size: 27px; letter-spacing: -.016em; }
#tercih-uygulama .tercih-baslik-metin p { font-size: 14.5px; margin-top: 6px; max-width: 580px; color: var(--renk-yazi-soluk); }

#tercih-uygulama {
    --tl-bordo: #7a242c; --tl-bordo2: #9a3340; --tl-bordo-koyu: #5e1b22;
    --tl-cizgi: rgba(122,36,44,.11); --tl-cizgi-soft: rgba(122,36,44,.07);
    --tl-soluk: #776c6e; --tl-soluk2: #a99d9f;
    --tl-g-card: 0 1px 2px rgba(40,24,26,.035), 0 8px 24px rgba(40,24,26,.055);
    --tl-g-soft: 0 1px 2px rgba(40,24,26,.04), 0 3px 10px rgba(40,24,26,.045);
}

/* ---- status bar ---- */
.tl-statusbar { display: flex; flex-wrap: wrap; align-items: stretch; background: #fff; border: 1px solid var(--tl-cizgi); border-radius: 14px; box-shadow: var(--tl-g-soft); padding: 4px; margin-bottom: 22px; }
.tl-sb { display: flex; align-items: center; gap: 9px; padding: 11px 22px; position: relative; }
.tl-sb:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 9px; bottom: 9px; width: 1px; background: rgba(122,36,44,.18); }
.tl-sb-i { color: var(--tl-soluk2); opacity: .85; flex: none; }
.tl-sb b { font-weight: 800; font-size: 15px; color: var(--renk-yazi); letter-spacing: -.01em; }
.tl-sb-lbl { color: var(--tl-soluk); font-size: 13.5px; }
.tl-sb-live { margin-left: auto; }
.tl-sb-live .tl-sb-dot { width: 8px; height: 8px; border-radius: 50%; background: #1c7a46; box-shadow: 0 0 0 3px rgba(28,122,70,.16); flex: none; }
.tl-sb-live b { color: #1c7a46; }

/* ---- workspace ---- */
.tl-workspace { display: grid; grid-template-columns: minmax(0,1fr) 344px; gap: 24px; align-items: start; }
.tl-card { background: #fff; border: 1px solid var(--tl-cizgi); border-radius: 22px; box-shadow: var(--tl-g-card); }

/* ---- list panel ---- */
.tl-card-head { display: flex; align-items: center; gap: 12px; padding: 20px 24px; border-bottom: 1px solid var(--tl-cizgi); }
.tl-card-head h2 { font-size: 18px; margin: 0; color: var(--renk-yazi); letter-spacing: -.015em; }
.tl-card-sub { color: var(--tl-soluk); font-size: 13px; flex: 1; }
.tl-count { font-size: 13px; font-weight: 700; color: #fff; background: var(--tl-bordo); border-radius: 999px; padding: 4px 12px; flex: none; }
.tl-liste-body { padding: 16px 18px 18px; }
.tl-liste { display: flex; flex-direction: column; gap: 14px; }

/* program card */
.tl-prog { display: grid; grid-template-columns: 34px 1fr; gap: 14px; background: #fff; border: 1px solid var(--tl-cizgi); border-radius: 16px; padding: 14px 16px; box-shadow: var(--tl-g-soft); transition: box-shadow .16s, border-color .16s, transform .16s; }
.tl-prog:hover { border-color: rgba(122,36,44,.24); box-shadow: var(--tl-g-card); transform: translateY(-1px); }
.tl-prog.surukleniyor { opacity: .5; }
.tl-prog.uzeri { border-color: var(--tl-bordo); box-shadow: 0 0 0 2px rgba(122,36,44,.18); }
.tl-rank { width: 34px; height: 34px; border-radius: 10px; background: linear-gradient(150deg, var(--tl-bordo2), var(--tl-bordo)); color: #fff; font-weight: 700; font-size: 14.5px; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 9px rgba(122,36,44,.28); }
.tl-prog-ic { min-width: 0; }
.tl-prog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.tl-prog-ad { font-size: 16px; font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: var(--renk-yazi); overflow-wrap: anywhere; }
.tl-prog-uni { color: var(--tl-soluk); font-size: 13px; margin-top: 2px; font-weight: 500; overflow-wrap: anywhere; }
.tl-beykoz { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; color: var(--tl-bordo); background: #fbeff1; border: 1px solid var(--tl-cizgi); border-radius: 6px; padding: 2px 7px; vertical-align: middle; }
.tl-beykoz img { width: 12px; height: 12px; border-radius: 50%; object-fit: contain; }
.tl-say { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--tl-bordo); background: #fbeff1; border: 1px solid var(--tl-cizgi); border-radius: 7px; padding: 5px 10px; flex: none; line-height: 1; }
.tl-prog-data { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; margin-top: 10px; font-size: 13px; }
.tl-di { display: inline-flex; align-items: baseline; gap: 6px; padding: 0 16px; position: relative; }
.tl-di:first-child { padding-left: 0; }
.tl-di:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 1px; bottom: 1px; width: 1px; background: var(--tl-cizgi-soft); }
.tl-di-k { color: var(--tl-soluk); }
.tl-di b { font-weight: 700; color: var(--renk-yazi); }
.tl-prog-foot { display: flex; align-items: center; gap: 10px; margin-top: 12px; }
.tl-not { flex: 1; min-width: 0; max-width: 380px; height: 36px; border: 1px solid var(--tl-cizgi); border-radius: 9px; padding: 0 12px; font-size: 13px; color: var(--renk-yazi); background: #faf8f8; font-family: inherit; }
.tl-not::placeholder { color: var(--tl-soluk2); }
.tl-not.dolu { background: #fff; }
.tl-not:focus { outline: none; border-color: var(--tl-bordo); background: #fff; box-shadow: 0 0 0 3px rgba(122,36,44,.1); }
.tl-acts { display: flex; align-items: center; gap: 6px; flex: none; margin-left: auto; }
.tl-ib { width: 36px; height: 36px; border-radius: 9px; border: 1px solid var(--tl-cizgi); background: #fff; color: var(--tl-soluk); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 15px; transition: .14s; }
.tl-ib:hover { border-color: var(--tl-bordo); color: var(--tl-bordo); background: #fdf7f7; }
.tl-ib:disabled { opacity: .4; cursor: default; }
.tl-ib:disabled:hover { border-color: var(--tl-cizgi); color: var(--tl-soluk); background: #fff; }
.tl-ib-del:hover { border-color: #bb2d24; color: #bb2d24; background: #fdf4f4; }
.tl-drag { color: var(--tl-soluk2); cursor: grab; border-color: transparent; background: none; width: 26px; }
.tl-drag:hover { color: var(--tl-bordo); background: none; border-color: transparent; }

/* empty state */
.tl-bos { text-align: center; padding: 28px 16px 8px; }
.tl-bos h5 { margin: 12px 0 4px; font-size: 16px; color: var(--renk-yazi); }
.tl-bos p { margin: 0 0 16px; font-size: 13.5px; color: var(--tl-soluk); }

/* ---- tools (Araçlar) ---- */
.tl-araclar { align-self: start; }
.tl-araclar-head { display: flex; align-items: center; gap: 10px; padding: 17px 20px; border-bottom: 1px solid var(--tl-cizgi); font-size: 17px; font-weight: 700; color: var(--renk-yazi); }
.tl-araclar-ic { width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(150deg, var(--tl-bordo2), var(--tl-bordo)); color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 9px rgba(122,36,44,.26); flex: none; }
.tl-tsec { padding: 15px 20px; }
.tl-tsec + .tl-tsec { border-top: 1px solid var(--tl-cizgi); }
.tl-tsec h3 { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--tl-soluk); margin: 0 0 11px; }
.tl-tsec-bos { font-size: 13px; color: var(--tl-soluk); margin: 0 0 10px; }
.tl-sel { width: 100%; height: 36px; border: 1px solid var(--tl-cizgi); border-radius: 9px; padding: 0 32px 0 12px; font-size: 13px; color: var(--renk-yazi); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237a242c' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance: none; appearance: none; margin-bottom: 8px; font-family: inherit; text-overflow: ellipsis; }
.tl-sel:focus { outline: none; border-color: var(--tl-bordo); box-shadow: 0 0 0 3px rgba(122,36,44,.1); }
#tercih-uygulama .tl-btn-ghost { width: auto; min-height: 36px; background: #fff !important; color: var(--renk-yazi) !important; border: 1px solid var(--tl-cizgi) !important; box-shadow: var(--tl-g-soft); font-size: 13px; }
#tercih-uygulama .tl-btn-ghost:hover { border-color: var(--tl-bordo) !important; color: var(--tl-bordo) !important; background: #fdf7f7 !important; }
#tercih-uygulama .tl-btn-ghost:disabled { opacity: .5; }
.tl-btn-block { width: 100% !important; display: flex; justify-content: center; margin-top: 2px; }
.tl-op { display: flex; align-items: center; gap: 10px; width: 100%; height: 38px; border: 1px solid var(--tl-cizgi); border-radius: 9px; padding: 0 13px; font-size: 13px; font-weight: 600; cursor: pointer; background: #fff; color: var(--renk-yazi); font-family: inherit; transition: .14s; }
.tl-op + .tl-op { margin-top: 8px; }
.tl-op:hover { border-color: var(--tl-bordo); color: var(--tl-bordo); background: #fdf7f7; }
.tl-op svg { flex: none; opacity: .75; width: 15px; height: 15px; }
.tl-op-danger { color: #a82a23; border-color: rgba(168,42,35,.18); background: #fdf6f5; }
.tl-op-danger:hover { border-color: #bb2d24; color: #bb2d24; background: #fcefee; }
.tl-op:disabled { opacity: .5; cursor: default; }
.tl-drow { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; padding: 8px 0; font-size: 13px; }
.tl-drow + .tl-drow { border-top: 1px solid var(--tl-cizgi-soft); }
.tl-drow-k { color: var(--renk-yazi); font-weight: 600; }
.tl-drow-v { color: var(--tl-soluk); font-size: 12.5px; text-align: right; font-weight: 500; }

/* ---- comparison result ---- */
.tl-vs-sonuc { margin-top: 22px; }

/* ---- AI suggestions ---- */
.tl-ai-sec { margin-top: 30px; }
.tl-ai-head { display: flex; align-items: center; gap: 11px; flex-wrap: wrap; }
.tl-ai-daha { margin-left: auto; font-size: 12.5px; font-weight: 600; color: var(--tl-bordo); background: #fff; border: 1px solid var(--tl-cizgi); border-radius: 999px; padding: 7px 14px; cursor: pointer; font-family: inherit; transition: .14s; box-shadow: var(--tl-g-soft); }
.tl-ai-daha:hover { border-color: var(--tl-bordo); background: #fdf7f7; }
.tl-ai-badge { width: 34px; height: 34px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #fff; background: radial-gradient(120% 120% at 25% 10%, #b6404e, var(--tl-bordo) 72%); box-shadow: 0 4px 13px rgba(122,36,44,.3); flex: none; }
.tl-ai-badge svg { width: 18px; height: 18px; }
.tl-ai-head h2 { font-size: 20px; margin: 0; color: var(--renk-yazi); letter-spacing: -.015em; }
.tl-ai-chip { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; color: var(--tl-bordo); background: #fbeff1; border: 1px solid var(--tl-cizgi); border-radius: 999px; padding: 3px 9px; }
.tl-ai-desc { color: var(--tl-soluk); font-size: 14px; margin: 9px 0 18px 45px; }
.tl-ai-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.tl-ai-card { position: relative; background: #fff; border: 1px solid var(--tl-cizgi); border-radius: 16px; box-shadow: var(--tl-g-card); padding: 17px 18px; display: flex; flex-direction: column; overflow: hidden; transition: box-shadow .18s, border-color .18s; }
.tl-ai-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: linear-gradient(90deg, var(--tl-bordo), var(--tl-bordo2) 60%, transparent); }
.tl-ai-card:hover { border-color: rgba(122,36,44,.24); box-shadow: 0 6px 26px rgba(122,36,44,.1); }
.tl-ac-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 11px; }
.tl-ac-ad-blok { min-width: 0; }
.tl-ac-ad { font-size: 15.5px; font-weight: 700; line-height: 1.28; color: var(--renk-yazi); overflow-wrap: anywhere; }
.tl-ac-uni { color: var(--tl-soluk); font-size: 13px; margin-top: 3px; font-weight: 500; overflow-wrap: anywhere; }
.tl-ac-badge { font-size: 10px; font-weight: 700; color: var(--tl-soluk); display: inline-flex; align-items: center; gap: 5px; flex: none; line-height: 1; white-space: nowrap; }
.tl-ac-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tl-bordo); }
.tl-ac-meta { font-size: 12.5px; color: var(--renk-yazi); padding: 9px 12px; background: #faf8f8; border: 1px solid var(--tl-cizgi-soft); border-radius: 9px; }
.tl-ac-meta b { font-weight: 700; }
.tl-ac-k { color: var(--tl-soluk); }
.tl-ac-why { font-size: 12.5px; color: #5e5253; line-height: 1.5; margin: 11px 0 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.tl-ac-acts { display: flex; gap: 10px; margin-top: auto; }
#tercih-uygulama .tl-ac-acts .filtre-buton { flex: 1; width: auto; min-height: 38px; }
#tercih-uygulama .tl-btn-primary { background: linear-gradient(180deg, #892b34, var(--tl-bordo)) !important; color: #fff !important; border: 1px solid transparent !important; box-shadow: 0 1px 0 rgba(255,255,255,.16) inset, 0 4px 12px rgba(122,36,44,.26); }
#tercih-uygulama .tl-btn-primary:hover { background: linear-gradient(180deg, #7a242c, var(--tl-bordo-koyu)) !important; }
.tl-ai-disclaimer { font-size: 12px; color: var(--tl-soluk); margin: 16px 0 0; }

/* ---- responsive ---- */
@media (max-width: 1100px) { .tl-ai-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 920px) {
    .tl-workspace { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
    #tercih-uygulama .tercih-sayfa-wrap { padding: 16px 16px 40px; }
    #tercih-uygulama .tercih-modal-baslik { flex-direction: column; gap: 12px; }
    #tercih-uygulama .tercih-baslik-aksiyon { width: 100%; }
    #tercih-uygulama .tercih-baslik-aksiyon .export-menu { width: 100%; }
    #tercih-uygulama .tercih-baslik-aksiyon .export-menu > summary { width: 100%; }
    .tl-sb { padding: 9px 14px; }
    .tl-sb-live { margin-left: 0; }
    .tl-sb:nth-child(2n)::after { display: none; }
    .tl-ai-grid { grid-template-columns: 1fr; gap: 14px; }
    .tl-ai-desc { margin-left: 0; }
    .tl-prog { padding: 14px; gap: 12px; }
    .tl-prog-ad { font-size: 15.5px; }
    .tl-prog-data { gap: 6px 0; }
    .tl-di { padding: 0 11px; }
    .tl-prog-foot { flex-wrap: wrap; gap: 10px; }
    .tl-not { flex-basis: 100%; max-width: none; }
    .tl-acts { width: 100%; gap: 8px; margin-left: 0; }
    .tl-acts .tl-ib { flex: 1; }
    .tl-acts .tl-drag { flex: none; }
    .tl-ai-daha { margin-left: 0; }
}

/* ===================================================================
   LANDING HERO — premium aksiyon launcher + 3 ikincil kart + zengin metin
   =================================================================== */
/* Birincil aksiyon: premium launcher (sayfadaki TEK güçlü dolu bordo aksiyon) */
.bt-launch {
  display: flex;
  align-items: center;
  gap: clamp(13px, 1.3cqi, 19px);
  width: min(540px, 100%);
  min-height: 84px;
  margin: clamp(22px, 2.4cqi, 34px) auto 0;
  padding: 14px clamp(16px, 1.6cqi, 22px);
  border: 0;
  cursor: pointer;
  text-align: left;
  border-radius: 24px;
  color: #fff;
  font-family: inherit;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #8d2c36 0%, var(--renk-ana) 52%, #5e1b22 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.18) inset, 0 12px 30px -12px rgba(122,36,44,0.55);
  transition: transform .2s ease, box-shadow .25s ease;
}
.bt-launch::before { /* çok hafif AI glow */
  content: "";
  position: absolute;
  top: -45%; right: -10%;
  width: 55%; height: 170%;
  background: radial-gradient(closest-side, rgba(255,255,255,0.20), transparent 72%);
  pointer-events: none;
  opacity: 0.7;
  transition: opacity .25s ease, transform .25s ease;
}
.bt-launch:hover { transform: translateY(-2px); box-shadow: 0 1px 0 rgba(255,255,255,0.22) inset, 0 18px 42px -14px rgba(122,36,44,0.62); }
.bt-launch:hover::before { opacity: 1; transform: scale(1.18); }
.bt-launch:focus-visible { outline: 2px solid rgba(122,36,44,0.55); outline-offset: 3px; }
.bt-launch-ic {
  width: 46px; height: 46px; flex: none;
  border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.22);
}
.bt-launch-ic svg { width: 24px; height: 24px; }
.bt-launch-txt { display: flex; flex-direction: column; gap: 3px; flex: 1; min-width: 0; }
.bt-launch-title { font-size: clamp(15.5px, 1.5cqi, 20px); font-weight: 750; letter-spacing: -0.01em; line-height: 1.14; }
.bt-launch-sub { font-size: clamp(11.5px, 1.02cqi, 14px); font-weight: 500; color: rgba(255,255,255,0.84); line-height: 1.2; }
.bt-launch-go {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  font-size: clamp(12px, 1cqi, 13.5px); font-weight: 700;
  padding: 7px 11px; border-radius: 999px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.24);
}
.bt-launch-arrow { width: 15px; height: 15px; transition: transform .2s ease; }
.bt-launch:hover .bt-launch-arrow { transform: translateX(3px); }

/* İkincil aksiyonlar: 3 sade kart */
.bt-hero-acts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: min(540px, 100%);
  margin: clamp(14px, 1.5cqi, 22px) auto 0;
}
.bt-act {
  display: flex; align-items: center; gap: 11px;
  text-align: left; min-height: 64px;
  padding: 10px 13px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(122,36,44,0.13);
  box-shadow: 0 1px 2px rgba(40,24,26,0.04), 0 4px 14px -8px rgba(40,24,26,0.12);
  cursor: pointer; font-family: inherit;
  transition: transform .18s ease, box-shadow .2s ease, border-color .18s ease;
}
.bt-act:hover { transform: translateY(-2px); border-color: var(--renk-ana); box-shadow: 0 5px 16px -7px rgba(122,36,44,0.24); }
.bt-act:focus-visible { outline: 2px solid rgba(122,36,44,0.5); outline-offset: 2px; }
.bt-act-ic {
  width: 36px; height: 36px; flex: none;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  color: var(--renk-ana);
  background: rgba(122,36,44,0.07);
  border: 1px solid rgba(122,36,44,0.10);
}
.bt-act-ic svg { width: 18px; height: 18px; }
.bt-act-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.bt-act-title { font-size: 14px; font-weight: 700; color: #241c1d; letter-spacing: -0.005em; }
.bt-act-sub { font-size: 12px; font-weight: 500; color: #7a7173; line-height: 1.25; }

/* İstatistik alt açıklamaları */
.bt-stat { align-items: flex-start; }
.bt-stat-ico { margin-top: 2px; }
.bt-stat-text { max-width: 30ch; }
/* Alt metinler 2 satıra eşitlenir → tüm kolonlar aynı yükseklik (sayılar hizalı, içerik dikey ortalı) */
/* Eşit boşluk (gap) ile yönetilir (number↔label == label↔sub); min-height 2 satır
   → tüm kolonlar aynı yükseklik (sayılar+label aynı hizada, blok dikey ortalı) */
.bt-stat-sub { font-size: clamp(10px, 0.82cqi, 12px); font-weight: 500; color: #8a8f98; line-height: 1.25; margin: 0; text-align: center; }

/* Header "Tercih Listem" → soft bordo-tinted outline (dolu bordo değil) */
#tercih-listem-btn,
#tercih-listem-btn.vurgulu,
#tercih-listem-btn.aktif-sayfa {
  background: rgba(122,36,44,0.06) !important;
  color: var(--renk-ana) !important;
  border: 1px solid rgba(122,36,44,0.30) !important;
  opacity: 1 !important;
}
#tercih-listem-btn .ico-heart,
#tercih-listem-btn.aktif-sayfa .ico-heart,
#tercih-listem-btn #favori-sayi { color: var(--renk-ana) !important; }
#tercih-listem-btn:hover { background: rgba(122,36,44,0.11) !important; border-color: var(--renk-ana) !important; }

@media (max-width: 620px) {
  .bt-hero-acts { grid-template-columns: 1fr; width: min(480px, 100%); }
  .bt-launch { width: min(480px, 100%); }
}

/* "B'Tercih" optik olarak tam ortalansın: kelime kendi başına ortalanır,
   AI rozeti mutlak konumla kelimenin sağ-üstüne oturur (merkezi kaydırmaz). */
.bt-brand-word { position: relative; display: inline-block; }
.bt-brand-ai {
  position: absolute;
  left: 100%;
  top: 0.5em;
  margin-left: 0.16em;
  padding: 0.2em 0.38em;
  font-size: 0.26em;
  font-weight: 800;
  letter-spacing: 0.03em;
  line-height: 1;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(150deg, #9a3340, var(--renk-ana));
  border-radius: 0.36em;
  box-shadow: 0 0.12em 0.3em rgba(122,36,44,0.26);
}

/* ===================================================================
   LANDING — 3 seçenekli başlangıç modu seçici (ana ekran toggle'ı ile uyumlu)
   =================================================================== */
.bt-modes {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: min(720px, 100%);
  margin: clamp(22px, 2.4cqi, 34px) auto 0;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.62), rgba(255,252,253,0.42));
  border: 1px solid rgba(152,38,56,0.14);
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,0.9),
    inset 0 -2px 3px rgba(31,24,25,0.05),
    0 10px 26px rgba(31,24,25,0.10),
    0 2px 6px rgba(31,24,25,0.06);
  -webkit-backdrop-filter: saturate(165%) blur(14px);
  backdrop-filter: saturate(165%) blur(14px);
}
/* Kayan efektli thumb — varsayılan ORTA (AI); imleç hangi segmentteyse oraya kayar */
.bt-thumb {
  position: absolute;
  top: 6px; bottom: 6px; left: 6px;
  width: calc((100% - 12px) / 3);
  border-radius: 999px;
  background: linear-gradient(135deg, #8a2a4e 0%, #6f2342 52%, #9a3a60 100%);
  box-shadow:
    0 6px 18px rgba(96,24,50,0.30),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -3px 8px rgba(60,12,30,0.26),
    0 0 10px rgba(180,70,108,0.14);
  transform: translateX(100%);
  transition: transform .5s cubic-bezier(.4,1.25,.45,1), box-shadow .3s ease;
  z-index: 0; overflow: hidden; pointer-events: none;
}
.bt-modes:has(.bt-mode:nth-of-type(1):hover) .bt-thumb { transform: translateX(0); }
.bt-modes:has(.bt-mode:nth-of-type(2):hover) .bt-thumb { transform: translateX(100%); }
.bt-modes:has(.bt-mode:nth-of-type(3):hover) .bt-thumb { transform: translateX(200%); }
/* AI'da renkli + glow; Puan/Klasik'e kayınca NÖTR klasik beyaz thumb (efektsiz, renksiz) */
.bt-modes:has(.bt-mode-ai:hover) .bt-thumb { box-shadow: 0 9px 22px rgba(96,24,50,0.34), inset 0 1px 0 rgba(255,255,255,0.20), 0 0 14px rgba(180,70,108,0.18); }
.bt-modes:has(.bt-mode:nth-of-type(1):hover) .bt-thumb,
.bt-modes:has(.bt-mode:nth-of-type(3):hover) .bt-thumb {
  background: linear-gradient(180deg, #ffffff, #f2edef);
  box-shadow: 0 6px 16px rgba(31,24,25,0.16), 0 1px 2px rgba(31,24,25,0.10), inset 0 1px 0 rgba(255,255,255,0.95);
}
.bt-modes:has(.bt-mode:nth-of-type(1):hover) .bt-mode-aura,
.bt-modes:has(.bt-mode:nth-of-type(3):hover) .bt-mode-aura { opacity: 0; }
.bt-mode {
  position: relative; z-index: 1;
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 64px; padding: 0 14px;
  border: 0; background: none; cursor: pointer;
  border-radius: 999px;
  font-family: inherit; font-size: clamp(13.5px, 1.28cqi, 17px); font-weight: 700;
  letter-spacing: -0.005em; color: #4a4042; white-space: nowrap;
  transition: color .25s ease;
}
.bt-mode svg { width: 17px; height: 17px; flex: none; color: #6f5f62; transition: color .25s ease; }
.bt-mode-ai svg { color: #982638; }   /* AI sparkle inaktifken bordo */
/* Metin: AI aktifken BEYAZ (renkli thumb); Puan/Klasik hover'da KOYU (nötr beyaz thumb) */
.bt-mode:hover { color: #171112; }
.bt-mode:hover svg { color: var(--renk-ana); }
.bt-mode-ai:hover, .bt-mode-ai:hover svg { color: #fff; }
.bt-modes:not(:has(.bt-mode:hover)) .bt-mode-ai,
.bt-modes:not(:has(.bt-mode:hover)) .bt-mode-ai svg { color: #fff; }
.bt-mode:focus-visible { outline: 2px solid rgba(152,38,56,0.55); outline-offset: 2px; }
/* Thumb içi iridescent aura (ana ekran toggle'ı ile aynı palet) */
.bt-mode-aura { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; z-index: 0; pointer-events: none; opacity: 1; transition: opacity .35s ease;
  -webkit-mask-image: -webkit-radial-gradient(white, black); mask-image: radial-gradient(white, black); }
.bt-mode-aura i { position: absolute; width: 56px; height: 56px; border-radius: 50%; filter: blur(13px); opacity: .62; will-change: transform; }
.bt-mode-aura i:nth-child(1) { background: rgba(232,126,166,0.85); left: 6%;  top: -20%; animation: btMaA 8s ease-in-out infinite; }
.bt-mode-aura i:nth-child(2) { background: rgba(98,142,210,0.85);  left: 44%; top: 28%;  animation: btMaB 10s ease-in-out infinite; }
.bt-mode-aura i:nth-child(3) { background: rgba(156,112,202,0.85); left: 78%; top: -22%; animation: btMaA 9s ease-in-out infinite reverse; }
@keyframes btMaA { 0%,100% { transform: translate(0,0); } 50% { transform: translate(12px,9px); } }
@keyframes btMaB { 0%,100% { transform: translate(0,0); } 50% { transform: translate(-13px,-7px); } }
@media (prefers-reduced-motion: reduce) { .bt-mode-aura i { animation: none; } .bt-thumb { transition: none; } }

/* Mobil: YAN YANA kalır (alt alta DEĞİL) + kayan thumb; metin sığması için küçülür */
@media (max-width: 560px) {
  .bt-mode { padding: 0 6px; gap: 5px; font-size: 11px; }
  .bt-mode > span { white-space: normal; line-height: 1.12; }
  .bt-mode svg { width: 15px; height: 15px; }
}
@media (max-width: 410px) {
  .bt-mode svg { display: none; }
}

/* ===== Mobil incelik: hero kutu/buton/istatistik daha zarif (kalın/kaba değil) ===== */
@media (max-width: 600px) {
  /* Mod seçici daha ince */
  .bt-modes { padding: 5px; }
  .bt-mode { min-height: 46px; font-size: 11px; }
  .bt-thumb { top: 5px; bottom: 5px; left: 5px; width: calc((100% - 10px) / 3); }
  /* İstatistik barı: daha zarif, az kalın */
  .bt-stats { padding: 10px 6px; border-radius: 18px; }
  .bt-stat { padding: 8px 9px; gap: 9px; }
  .bt-stat-ico { width: 30px; height: 30px; margin-top: 1px; }
  .bt-stat-ico svg { width: 15px; height: 15px; }
  .bt-stat-text strong { font-size: 15px; }
  .bt-stat-text span { font-size: 12px; line-height: 1.3; }
  .bt-stat-sub { font-size: 10px; line-height: 1.28; }
  /* Keşif kartları biraz daha hafif */
  .bt-card { min-height: 200px; border-radius: 16px; }
}

/* ===================================================================
   MOBİL LANDING (≤700px) — referans düzen: 2 yardımcı kart + Akıllı Rehber
   + ikonlu 2x2 istatistik kartı. Masaüstü (segment + yatay bant) etkilenmez.
   =================================================================== */
.bt-mact { display: none; }

@media (max-width: 700px) {
  .bt-hero { gap: clamp(36px, 9vw, 44px); }
  /* Segment seçici gizlenir, mobil aksiyonlar gösterilir */
  .bt-modes { display: none !important; }
  .bt-mact {
    display: flex !important;
    flex-direction: column;
    gap: clamp(16px, 4.5vw, 20px);
    width: 100%;
    margin-top: clamp(34px, 9vw, 42px) !important;
  }
  .bt-mact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .bt-mcard {
    display: flex; align-items: center; gap: 10px;
    min-height: 74px; padding: 12px 13px;
    background: #fff; border: 1px solid rgba(122,36,44,0.14); border-radius: 16px;
    box-shadow: 0 1px 2px rgba(40,24,26,0.04), 0 6px 16px -10px rgba(40,24,26,0.18);
    cursor: pointer; font-family: inherit; text-align: left; transition: transform .12s ease, border-color .15s ease;
  }
  .bt-mcard:active { transform: translateY(1px); border-color: rgba(122,36,44,0.28); }
  .bt-mcard-ic { width: 36px; height: 36px; flex: none; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--renk-ana); background: rgba(122,36,44,0.07); border: 1px solid rgba(122,36,44,0.10); }
  .bt-mcard-ic svg { width: 18px; height: 18px; }
  .bt-mcard-tx { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .bt-mcard-tx strong { font-size: 13.5px; font-weight: 700; color: #241c1d; letter-spacing: -0.01em; }
  .bt-mcard-tx span { font-size: 11px; color: #8a7e80; line-height: 1.2; }
  .bt-mcard-chev { width: 15px; height: 15px; flex: none; color: #c9b9bb; }
  /* Akıllı Rehber — ana CTA */
  .bt-mguide {
    position: relative; overflow: hidden;
    display: flex; align-items: center; justify-content: center; gap: 11px;
    width: 100%; min-height: 90px; padding: 0 50px;
    border: 0; border-radius: 24px; cursor: pointer; font-family: inherit; color: #fff;
    background: linear-gradient(135deg, #8a2a4e 0%, #7a242c 52%, #6f2342 100%);
    box-shadow: 0 1px 0 rgba(255,255,255,0.16) inset, 0 12px 28px -12px rgba(122,36,44,0.55);
    transition: transform .12s ease;
  }
  .bt-mguide:active { transform: translateY(1px); }
  .bt-mguide-ic { position: relative; z-index: 2; flex: none; width: 34px; height: 34px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.16); border: 1px solid rgba(255,255,255,0.22); }
  .bt-mguide-ic svg { width: 20px; height: 20px; }
  .bt-mguide-tx { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 2px; }
  .bt-mguide-tx strong { font-size: 19px; font-weight: 750; letter-spacing: -0.01em; }
  .bt-mguide-tx span { font-size: 12.5px; font-weight: 500; color: rgba(255,255,255,0.85); }
  .bt-mguide-chev { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: rgba(255,255,255,0.9); z-index: 2; }
  .bt-mguide-aura { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; z-index: 1; pointer-events: none; -webkit-mask-image: radial-gradient(white, black); mask-image: radial-gradient(white, black); }
  .bt-mguide-aura i { position: absolute; width: 72px; height: 72px; border-radius: 50%; filter: blur(16px); opacity: .5; }
  .bt-mguide-aura i:nth-child(1) { background: rgba(232,126,166,0.7); left: 6%;  top: -34%; }
  .bt-mguide-aura i:nth-child(2) { background: rgba(98,142,210,0.7);  left: 50%; top: 28%; }
  .bt-mguide-aura i:nth-child(3) { background: rgba(156,112,202,0.7); left: 84%; top: -22%; }

  /* İstatistik kartı: ikonlu 2x2 grid + soft çapraz ayraç */
  .bt-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: clamp(16px, 4.5vw, 22px); border-radius: 24px; }
  .bt-stat-sep { display: none !important; }
  .bt-stat { flex: none; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; padding: 18px 12px; }
  .bt-stat::before { display: none; }   /* masaüstü dikey ayraç mobilde kapalı */
  .bt-stats > .bt-stat:nth-child(1), .bt-stats > .bt-stat:nth-child(3) { border-right: 1px solid rgba(122,36,44,0.10); }
  .bt-stats > .bt-stat:nth-child(1), .bt-stats > .bt-stat:nth-child(2) { border-bottom: 1px solid rgba(122,36,44,0.10); }
  .bt-stat-ico { flex: none; display: flex !important; width: 44px; height: 44px; margin: 0 0 2px; }
  .bt-stat-ico svg { width: 21px; height: 21px; }
  .bt-stat-text { gap: 3px; align-items: center; text-align: center; }
  .bt-stat-text strong { font-size: 15px; color: #1c2430; }
  .bt-stat-text span { font-size: 12px; color: #6b7280; font-weight: 500; line-height: 1.35; }
  .bt-stat-sub { min-height: 0; font-size: 11px; color: #8a8f98; }
}