/*! 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;
}

/* 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");
}

#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;
}

/* 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;
}

/* 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: 16px;
    color: #9a8b8e;
    pointer-events: none;
}
.login-kutu input#uzman-pin {
    width: 100%;
    padding: 15px 16px 15px 44px;
    border: 1.5px solid rgba(63,48,51,0.16);
    border-radius: 14px;
    background: #faf8f8;
    font-size: 16px;
    letter-spacing: 0.12em;
    color: #1d1416;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.login-kutu input#uzman-pin::placeholder { letter-spacing: 0; color: #a99fa1; }
.login-kutu input#uzman-pin: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);
}

.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); }

/* --- 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; }

/* Responsive: kolonları yığ (tam genişlik, diğer sayfalar gibi) */
@media (max-width: 1100px) {
    .tercih-sayfa-grid { grid-template-columns: 1fr; }
}
@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-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, 1.55fr)
        minmax(0, 0.95fr)
        minmax(0, 1.30fr)
        minmax(0, 1.10fr)
        minmax(0, 0.82fr)
        minmax(0, 0.82fr);
    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;
    align-items: stretch;
}

#uzman-uygulama .uzman-panel-v5 .card-evaluation,
#uzman-uygulama .uzman-panel-v5 .card-table,
#uzman-uygulama .uzman-panel-v5 .card-fee,
#uzman-uygulama .uzman-panel-v5 .card-education,
#uzman-uygulama .uzman-panel-v5 .card-language {
    grid-column: span 1;
}

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



#uzman-uygulama .uzman-panel-v5 .card-options {
    grid-column: span 1;
}

#uzman-uygulama .uzman-panel-v5 .card-beykoz {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
}

#uzman-uygulama .uzman-panel-v5 .card-actions {
    grid-column: span 1;
}





#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));
    }
    #uzman-uygulama .uzman-panel-v5 .card-ranges {
        grid-column: span 2;
    }
    #uzman-uygulama .uzman-panel-v5 .card-beykoz {
        grid-column: span 2;
    }
}

@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: 5px;
    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: 7px;
    grid-template-columns: 1.15fr 0.9fr 1.35fr 0.9fr 0.9fr;
}

/* ── 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 */
}

/* ─── 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: 54px;
    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;
}
.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;
  width: 100%;
}

/* ----- HAREKETLİ BLOB ARKA PLAN ----- */
.v3-blobs {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.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; }
}
/* Landing'de logonun yanındaki "YKS Tercih ve Araştırma Aracı" alt başlığını gizle (app modunda görünür) */
body:not(.app-aktif) .ust-serit .alt-baslik { display: none !important; }

/* ----- 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 !important;
    grid-template-areas:
      "logo   .    tercih yardim"
      "mode   mode mode   mode" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    padding: 8px 14px !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; }
  #tercih-listem-btn,
  .ust-serit [onclick="yardimAc()"] {
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
    white-space: nowrap !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;
}
/* 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; }
/* 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,
#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; }
}