/* ===== GENEL ===== */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    height: 100vh;
    background: #DCDCDC;
}

/* ===== SOL PANEL ===== */
.sidebar {
    width: 380px;
    min-width: 380px;
    background: #1B263B;
    color: #fff;
    padding: 10px 8px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.sidebar::-webkit-scrollbar { width: 5px; }
.sidebar::-webkit-scrollbar-track { background: #1B263B; }
.sidebar::-webkit-scrollbar-thumb { background: #2d3f5f; border-radius: 4px; }
.sidebar::-webkit-scrollbar-thumb:hover { background: #3d4f6f; }


/* Paylaşım satırı */
.item {
    border-bottom: 1px solid #FFFFFF1A;
    transition: background .15s, transform .15s;
    border-radius: 6px;
}
.item:hover { background: #24243a; transform: translateY(-1px); }
.item-row {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 5px 4px;
    min-width: 0;
}

.item-ad {
    flex: 1;
    min-width: 0;   /* 🔥 KRİTİK FIX */
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #e8e8ff;
}
.item-tarih {
    font-size: 9px;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-ac, .btn-git, .btn-kopyala {
    padding: 3px 5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-ac      { background: #00897b; }
.btn-ac:hover { background: #00695c; }
.btn-git     { background: #1565c0; }
.btn-git:hover { background: #0d47a1; }
.btn-kopyala { background: #546e7a; }
.btn-kopyala:hover { background: #37474f; }

/* ===== SAĞ ALAN ===== */
.content {
    flex: 1;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding-bottom: 52px;
}

/* Üst şerit butonları */
.ust-serit {
    display: flex;
    gap: 8px;
    padding: 8px 12px;
    background: #f0f0f5;
    border-bottom: 1px solid #ddd;
    flex-shrink: 0;
    z-index: 2;
}
.serit-btn {
    padding: 7px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #00acc1;
    transition: background 0.2s, transform 0.1s;
    white-space: nowrap;
}
.serit-btn:hover { background: #00838f; transform: translateY(-1px); }
.serit-btn.serit-dropdown-toggle {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.serit-dropdown { position: relative; display: inline-block; }
.serit-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
    z-index: 100;
    padding: 4px 0;
    margin-top: 4px;
}
.serit-dropdown-menu.acik { display: block; }
.serit-dropdown-item {
    display: block;
    width: 100%;
    padding: 8px 14px;
    font-size: 12px;
    color: #333;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
}
.serit-dropdown-item:hover { background: #f0f0f5; }

/* Filigran */
.filigran {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    pointer-events: none;
    z-index: 0;
}
.filigran img { width: 100%; opacity: 0.08; }

/* Duyurular (%75 esnek) */
.duyuru-alan {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.duyuru-serit {
    background: linear-gradient(90deg, #1B263B, #1B263B);
    color: #fff;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Accordion */
.accordion-list {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.accordion-grup {
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.accordion-baslik {
    background: #1B263B;
    color: #fff;
    padding: 7px 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    user-select: none;
    transition: background 0.2s;
}
.accordion-baslik:hover { background: #1e4d7a; }
.acc-ok { font-size: 13px; }
.accordion-govde { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.accordion-govde.acik { max-height: 1000px; }
.duyuru-kart {
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff;
}
.duyuru-kart:last-child { border-bottom: none; }
.duyuru-baslik { font-size: 13px; font-weight: bold; color: #1e1e2f; margin-bottom: 5px; }
.duyuru-icerik { font-size: 12px; color: #444; line-height: 1.6; white-space: pre-wrap; word-break: break-word; overflow-wrap: break-word; }
.duyuru-tarih  { font-size: 11px; color: #999; margin-top: 6px; }

/* ===== SOSYAL MEDYA IKONLARI ===== */
.sosyal-alt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    z-index: 2;
}

.sosyal-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .4;
    transition: opacity .2s, transform .2s;
    text-decoration: none;
}
.sosyal-icon:hover { opacity: 1; transform: translateY(-2px); }

.sosyal-icon svg {
    width: 18px;
    height: 18px;
}

.sosyal-ig { background: #e4405f; color: #fff; }
.sosyal-fb { background: #1877f2; color: #fff; }
.sosyal-tw { background: #000; color: #fff; }


/* ===== POPUP ===== */
.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}
.popup-overlay.aktif { display: flex; }
.popup-box {
    background: #fff;
    width: 85vw;
    height: 88vh;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
}
.popup-kapat {
    position: absolute;
    top: 10px; right: 12px;
    background: #e53935;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px; height: 30px;
    font-size: 14px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.popup-kapat:hover { background: #c62828; }
#popupFrame { width: 100%; flex: 1; border: none; }

/* ===== TOAST ===== */
#toast {
    position: fixed;
    bottom: 30px; left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #333;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 13px;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 9999;
}
#toast.goster { opacity: 1; transform: translateX(-50%) translateY(0); }

/* ===== YENİ ETİKETİ ===== */
.yeni-etiket {
    display: inline-block;
    background: #2e7d32;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 10px;
    letter-spacing: 0.5px;
    vertical-align: middle;
    margin-right: 5px;
    flex-shrink: 0;
    animation: nabiz 1.8s ease-in-out infinite;
}
.acc-yeni {
    background: #43a047;
    box-shadow: 0 0 6px rgba(67, 160, 71, 0.7);
}
@keyframes nabiz {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.6; }
}
.item-yeni {
    background: rgba(46, 125, 50, 0.12) !important;
    border-left: 3px solid #2e7d32;
}
.item-yeni:hover { background: rgba(46, 125, 50, 0.2) !important; }
.duyuru-yeni {
    background: #f0faf0 !important;
    border-left: 3px solid #2e7d32;
}
.sosyal-yeni {
    border: 2px solid #2e7d32 !important;
    background: #f0faf0 !important;
}

/* ===== ÜST BLOK ===== */
.ust-blok {
    margin: 8px 8px 10px;
    display: flex;
    gap: 6px;
    align-items: center;
}
.kullanici-badge {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #16213a;
    border: 1px solid #2d3f5f;
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 11px;
    color: #e8f0fe;
    font-weight: bold;
    text-align: center;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cikis-btn {
    padding: 4px 10px;
    background: #e74c3c;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
    transition: background .15s;
    flex-shrink: 0;
}
.cikis-btn:hover { background: #c0392b; }
.talep-olustur-btn {
    padding: 4px 10px;
    background: #4caf50;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
    transition: background .15s;
}
.talep-olustur-btn:hover { background: #388e3c; }

/* ===== PAYLAŞIM DOSYALARI ===== */
.paylasim-alan {
    margin: 6px 8px 8px;
    background: linear-gradient(180deg, #16213a, #141e35);
    border: 1px solid #2d3f5f;
    border-radius: 10px;
    overflow: hidden;
    max-height: 240px;
    display: flex;
    flex-direction: column;
}

.paylasim-baslik {
    background: linear-gradient(90deg, #1a3a5c, #1e4d7a);
    color: #c8d0e0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.paylasim-baslik span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.paylasim-ortak-btn {
    padding: 4px 10px;
    background: #00838f;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
    transition: background .15s;
}
.paylasim-ortak-btn:hover { background: #006064; }
.paylasim-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}
.paylasim-icerik::-webkit-scrollbar { width: 4px; }
.paylasim-icerik::-webkit-scrollbar-track { background: transparent; }
.paylasim-icerik::-webkit-scrollbar-thumb { background: #2d3f5f; border-radius: 3px; }

/* ===== TALEP ===== */
.talep-alan {
    margin: 6px 8px 8px;
    background: linear-gradient(180deg, #16213a, #141e35);
    border: 1px solid #2d3f5f;
    border-radius: 10px;
    overflow: hidden;
    max-height: 36px;
    transition: max-height 0.3s ease;
    display: flex;
    flex-direction: column;
}
.talep-alan.acik { max-height: 800px; }
.talep-baslik {
    background: linear-gradient(90deg, #1a3a5c, #1e4d7a);
    color: #c8d0e0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}
.talep-baslik span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.talep-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}
.talep-icerik::-webkit-scrollbar { width: 4px; }
.talep-icerik::-webkit-scrollbar-track { background: transparent; }
.talep-icerik::-webkit-scrollbar-thumb { background: #2d3f5f; border-radius: 3px; }
.talep-item {
    display: flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid #FFFFFF1A;
    padding: 8px 6px;
    cursor: pointer;
    transition: background .12s, transform .12s;
}
.talep-item:hover { background: #2a2a45; border-radius: 6px; transform: translateY(-1px); }
.talep-item:last-child { border-bottom: none; }
.talep-item-konu {
    flex: 1;
    font-size: 11px;
    font-weight: bold;
    color: #e8e8ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.talep-item-birim {
    font-size: 9px;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
}
.talep-badge {
    font-size: 8px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 8px;
    flex-shrink: 0;
    letter-spacing: .3px;
}
.talep-badge.bekliyor { background: #ff9800; color: #fff; }
.talep-badge.cozuldu { background: #4caf50; color: #fff; }
.talep-badge.iade { background: #e74c3c; color: #fff; }
.talep-bos {
    color: #666;
    font-size: 11px;
    text-align: center;
    padding: 16px 0;
}
.talep-tab-bar {
    display: flex;
    gap: 4px;
    padding: 6px 6px;
    flex-shrink: 0;
}
.talep-tab {
    flex: 1;
    padding: 5px 2px;
    font-size: 9px;
    font-weight: 600;
    border: none;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    background: #1f2d4a;
    color: #8899bb;
    transition: background .15s, color .15s;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.talep-tab:hover {
    background: #2a3a5a;
    color: #bbc8e0;
}
.talep-tab.aktif {
    background: #24243a;
    color: #e8e8ff;
}
.talep-tab-icerik {
    padding: 4px 6px 6px;
}

/* ===== REHBERLİK GÖRÜŞMELERİ ===== */
.rehberlik-alan {
    margin: 6px 8px 8px;
    background: linear-gradient(180deg, #16213a, #141e35);
    border: 1px solid #2d3f5f;
    border-radius: 10px;
    overflow: hidden;
    max-height: 36px;
    transition: max-height 0.3s ease;
    display: flex;
    flex-direction: column;
}
.rehberlik-alan.acik { max-height: 800px; }
.rehberlik-baslik {
    background: linear-gradient(90deg, #1a3a5c, #1e4d7a);
    color: #c8d0e0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}
.rehberlik-baslik span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rehberlik-analiz-btn {
    padding: 4px 10px;
    background: #2196F3;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    white-space: nowrap;
    transition: background .15s;
}
.rehberlik-analiz-btn:hover { background: #1976D2; }
.rehberlik-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 4px 6px;
}
.rehberlik-icerik::-webkit-scrollbar { width: 4px; }
.rehberlik-icerik::-webkit-scrollbar-track { background: transparent; }
.rehberlik-icerik::-webkit-scrollbar-thumb { background: #2d3f5f; border-radius: 3px; }
.rehberlik-item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 6px;
    border-bottom: 1px solid #FFFFFF1A;
    cursor: pointer;
    transition: background .12s, transform .12s;
}
.rehberlik-item:last-child { border-bottom: none; }
.rehberlik-item:hover { background: #2a2a45; border-radius: 6px; transform: translateY(-1px); }
.rehberlik-item-kisi {
    flex: 1;
    font-size: 10px;
    color: #e8e8ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.rehberlik-item-kisi .ogretmen {
    font-weight: bold;
    color: #7ecfff;
}
.rehberlik-item-tip {
    font-size: 8px;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 6px;
    flex-shrink: 0;
    line-height: 1.4;
}
.rehberlik-item-tip.ogrenci { background: #1a3a5c; color: #7ecfff; }
.rehberlik-item-tip.veli { background: #5c2a1a; color: #ffb07c; }
.rehberlik-item-neden {
    font-size: 9px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
    flex-shrink: 0;
}
.rehberlik-item-tarih {
    font-size: 9px;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
}
.rehberlik-bos {
    color: #666;
    font-size: 10px;
    text-align: center;
    padding: 12px 8px;
}

/* ===== DOĞUM GÜNÜ ===== */
.dogum-btn {
    padding: 4px 8px;
    background: #f5a623;
    color: #1a1a00;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    transition: background .15s;
    flex-shrink: 0;
}
.dogum-btn:hover { background: #f7c948; }
.dogum-list {
    padding: 6px 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
}
.dogum-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 6px;
    border-radius: 6px;
    background: #1e2d45;
    font-size: 11px;
    color: #c9d6e3;
}
.dogum-item.bugun {
    background: linear-gradient(90deg, #1b5e20, #2e7d32);
    color: #c8e6c9;
    font-weight: bold;
}
.dogum-gun {
    margin-left: auto;
    font-size: 10px;
    color: #7a9cc5;
    white-space: nowrap;
}
.dogum-item.bugun .dogum-gun {
    color: #c8e6c9;
}
.dogum-popup-box {
    width: 500px !important;
    height: auto !important;
    max-height: 80vh !important;
    display: flex;
    flex-direction: column;
}
.dogum-popup-baslik {
    background: linear-gradient(90deg, #1a3a5c, #1e4d7a);
    color: #e8f0fe;
    font-size: 15px;
    font-weight: bold;
    padding: 14px 20px;
    text-align: center;
}
.dogum-popup-box .dogum-list {
    padding: 12px 14px;
    gap: 6px;
}
.dogum-popup-box .dogum-item {
    padding: 8px 10px;
    font-size: 12px;
}
.dogum-popup-box .dogum-gun {
    font-size: 11px;
}

/* ===== TOPLANTILAR ===== */
.toplanti-alan {
    margin: 6px 8px 8px;
    background: linear-gradient(180deg, #16213a, #141e35);
    border: 1px solid #2d3f5f;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.toplanti-baslik {
    background: linear-gradient(90deg, #1a3a5c, #1e4d7a);
    color: #c8d0e0;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.toplanti-baslik span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.toplanti-sayac { font-weight: 400; font-size: 10px; color: #8899bb; margin-left: auto; }
.toplanti-icerik {
    flex: 1;
    overflow-y: auto;
    padding: 4px 6px;
}
.toplanti-icerik::-webkit-scrollbar { width: 4px; }
.toplanti-icerik::-webkit-scrollbar-track { background: transparent; }
.toplanti-icerik::-webkit-scrollbar-thumb { background: #2d3f5f; border-radius: 3px; }
.toplanti-item {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 6px;
    border-bottom: 1px solid #FFFFFF1A;
    cursor: pointer;
    transition: background .12s, transform .12s;
}
.toplanti-item:last-child { border-bottom: none; }
.toplanti-item:hover { background: #2a2a45; border-radius: 6px; transform: translateY(-1px); }
.toplanti-item-baslik {
    flex: 1;
    font-size: 10px;
    font-weight: bold;
    color: #e8e8ff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.toplanti-item-zaman {
    font-size: 9px;
    color: #888;
    white-space: nowrap;
    flex-shrink: 0;
}
.toplanti-item-kalan {
    font-size: 8px;
    color: #f5a623;
    font-weight: bold;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 40px;
    text-align: right;
}
.toplanti-katil-btn {
    padding: 3px 8px;
    background: #4caf50;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 9px;
    font-weight: bold;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity .15s;
}
.toplanti-katil-btn:hover { opacity: .85; }
.toplanti-katil-btn.toplanti-katil-yanip {
    animation: toplantiBlink 1s ease-in-out infinite;
}
@keyframes toplantiBlink {
    0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(76, 175, 80, 0.6); }
    50% { opacity: 0.4; box-shadow: 0 0 12px rgba(76, 175, 80, 0.9); }
}
.toplanti-bos {
    color: #666;
    font-size: 10px;
    text-align: center;
    padding: 12px 8px;
}
.toplanti-popup-box {
    width: 500px !important;
    height: auto !important;
    max-height: 80vh !important;
    display: flex;
    flex-direction: column;
    border-radius: 16px !important;
    overflow: hidden;
}
.toplanti-popup-header {
    background: linear-gradient(135deg, #1B263B, #2a3f5f);
    padding: 12px 20px;
    flex-shrink: 0;
}
.toplanti-popup-header-table {
    width: 100%;
    border-collapse: collapse;
}
.toplanti-popup-logo-td {
    width: 68px;
    padding-right: 10px;
    vertical-align: middle;
}
.toplanti-popup-logo-img {
    max-width: 68px;
    max-height: 68px;
    border-radius: 8px;
    display: block;
}
.toplanti-popup-header-right {
    vertical-align: middle;
    text-align: left;
}
.toplanti-popup-header-right h2 {
    margin: 6px 0 0;
    font-size: 16px;
    color: #fff;
}
.toplanti-popup-tip {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 10px;
    letter-spacing: .5px;
    color: #fff;
}
.toplanti-popup-tip.online { background: #1b5e20; }
.toplanti-popup-tip.yuzyuze { background: #e65100; }
.toplanti-popup-body {
    padding: 20px 24px 4px;
    overflow-y: auto;
    flex: 1;
}
.toplanti-popup-info {
    width: 100%;
    border-collapse: collapse;
}
.toplanti-popup-info-td {
    padding-bottom: 12px;
    vertical-align: top;
    width: 50%;
}
.toplanti-popup-info-td:first-child {
    padding-right: 12px;
}
.toplanti-popup-label {
    font-size: 11px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: .3px;
    display: block;
    margin-bottom: 2px;
}
.toplanti-popup-value {
    font-size: 14px;
    color: #333;
}
.toplanti-popup-link {
    color: #1565c0;
    font-size: 14px;
    word-break: break-all;
    text-decoration: none;
}
.toplanti-popup-link:hover { text-decoration: underline; }
.toplanti-popup-gundem {
    padding-top: 14px;
    margin-bottom: 14px;
}
.toplanti-popup-madde {
    padding: 5px 0;
    font-size: 13px;
    color: #333;
}
.toplanti-popup-aksiyon {
    padding: 16px 0 8px;
    text-align: center;
}
.toplanti-popup-katil-btn {
    display: inline-block;
    background: linear-gradient(135deg, #1B263B, #2a3f5f);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 12px 32px;
    border-radius: 8px;
    animation: toplantiBlink 1s ease-in-out infinite;
}
.toplanti-popup-uyari {
    padding: 10px 16px;
    background: #fff3e0;
    color: #e65100;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    margin: 16px 0 8px;
    text-align: center;
}
.toplanti-popup-footer {
    padding: 14px 0;
    text-align: center;
    font-size: 11px;
    color: #999;
    border-top: 1px solid #eee;
    margin-top: 4px;
}

/* ===== GİRİŞ EKRANI ===== */
.login-body {
    background: #1e1e2f;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    width: 100%;
}
.login-container {
    background: #fff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    width: 320px;
    text-align: center;
}
.login-logo { margin-bottom: 25px; }
.login-logo img { max-width: 150px; height: auto; }
.login-container h2 { color: #333; margin-bottom: 20px; font-size: 20px; }
.login-container select,
.login-container input {
    width: 100%;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 6px;
    margin-bottom: 10px;
    box-sizing: border-box;
    font-size: 14px;
    outline: none;
}
.login-container select:focus,
.login-container input:focus { border-color: #2196f3; }
#mesajAlani { min-height: 20px; margin-bottom: 10px; font-size: 13px; font-weight: bold; }
#girisBtn {
    width: 100%;
    padding: 12px;
    background: #00838f;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
}
#girisBtn:hover { background: #006064; }

.yenile-btn{
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    color:#fff;
    cursor:pointer;
    font-size:16px;
    transition:.3s;
}

.yenile-btn:hover{
    transform:rotate(180deg);
    background:#4CAF50;
}

/* ===== TALEP FORMU POPUP (Duyuru Teması) ===== */
.talep-popup-box {
    background: #fff;
    width: 520px;
    max-width: 92vw;
    max-height: 88vh;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    display: flex;
    flex-direction: column;
}
.talep-popup-header {
    background: #1B263B;
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.talep-popup-header .popup-kapat {
    position: static;
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: background 0.2s;
}
.talep-popup-header .popup-kapat:hover { background: #e53935; }
.talep-form-icerik {
    padding: 22px 24px 18px;
    overflow-y: auto;
}
.talep-form-alan label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    margin-bottom: 4px;
    margin-top: 14px;
}
.talep-form-alan select,
.talep-form-alan input[type="text"],
.talep-form-alan textarea {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #ddd;
    border-radius: 7px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    background: #fff;
}
.talep-form-alan select:focus,
.talep-form-alan input:focus,
.talep-form-alan textarea:focus {
    border-color: #1B263B;
}
.talep-form-alan textarea {
    min-height: 100px;
    resize: vertical;
}
.talep-mesaj {
    min-height: 22px;
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
#talepGonderBtn {
    width: 100%;
    padding: 12px;
    margin-top: 14px;
    background: #1B263B;
    color: white;
    border: none;
    border-radius: 7px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}
#talepGonderBtn:hover { background: #1e4d7a; }
#talepGonderBtn:disabled { background: #aaa; cursor: not-allowed; }

/* ===== TERCIH SAYFALARI (YKS / LGS) ===== */
.tercih-sayfa {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px 40px;
}
.tercih-header {
    background: #1B263B;
    margin: 0 -16px 20px;
    padding: 24px 32px;
    color: #fff;
    display: flex;
    align-items: center;
}
.tercih-header-icerik {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.tercih-header-icerik h1 {
    font-size: 20px;
    margin: 0;
    white-space: nowrap;
}
.tercih-header-alt {
    font-size: 12px;
    color: rgba(255,255,255,0.6);
    flex: 1;
}
.tercih-gecis-btn {
    padding: 7px 16px;
    background: rgba(255,255,255,0.12);
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    transition: background 0.2s;
    white-space: nowrap;
}
.tercih-gecis-btn:hover { background: rgba(255,255,255,0.25); }

.tercih-form-kart {
    background: #fff;
    border-radius: 10px;
    padding: 22px 24px 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    margin-bottom: 16px;
}
.tercih-form-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.tercih-grup {
    flex: 1;
    min-width: 160px;
}
.tercih-grup label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    margin-bottom: 5px;
}
.tercih-grup select,
.tercih-grup input[type="text"],
.tercih-grup input[type="number"] {
    width: 100%;
    padding: 10px 12px;
    border: 2px solid #ddd;
    border-radius: 7px;
    font-size: 13px;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.tercih-grup select:focus,
.tercih-grup input:focus { border-color: #1B263B; }

/* ===== Checkbox grupları (çoklu seçim) ===== */
.tercih-checkbox-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.tercih-cb {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: #333;
    padding: 5px 10px;
    border: 2px solid #ddd;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}
.tercih-cb input { display: none; }
.tercih-cb:has(input:checked) {
    border-color: #1B263B;
    background: #eef2f7;
    color: #1B263B;
    font-weight: bold;
}
.tercih-cb:hover { border-color: #999; }

/* ===== Range (min – max) ===== */
.tercih-range-row {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tercih-range-ayrac {
    color: #aaa;
    font-weight: bold;
    font-size: 14px;
}

/* Garanti slider (LGS için) */
.tercih-slider-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.tercih-slider-wrapper input[type="range"] {
    flex: 1;
    accent-color: #1B263B;
}
.tercih-slider-wrapper span {
    font-size: 18px;
    font-weight: bold;
    color: #1B263B;
    min-width: 30px;
    text-align: center;
}

.tercih-ara-btn {
    width: 100%;
    padding: 13px;
    margin-top: 16px;
    background: #1B263B;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}
.tercih-ara-btn:hover { background: #1e4d7a; }

.tercih-ozet {
    background: #e8f5e9;
    border-left: 4px solid #4caf50;
    padding: 12px 16px;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    color: #2e7d32;
    margin-bottom: 16px;
}

.tercih-sonuc {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    overflow: hidden;
}
.tercih-tablo-wrapper { overflow-x: auto; }
.tercih-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.tercih-tablo th {
    background: #1B263B;
    color: #fff;
    padding: 10px 10px;
    text-align: left;
    font-size: 11px;
    white-space: nowrap;
}
.tercih-tablo td {
    padding: 9px 10px;
    border-bottom: 1px solid #f0f0f0;
    color: #333;
}
.tercih-tablo tr:hover td { background: #f8f9ff; }
.tercih-uni { font-weight: bold; color: #1e1e2f; }
.tercih-puan { color: #1565c0; font-weight: bold; }
.tercih-sira { color: #555; }
.tercih-guvenli { color: #4caf50; font-weight: bold; font-size: 14px; margin-left: 4px; }
.tercih-etiket-devlet {
    display: inline-block;
    background: #e3f2fd;
    color: #1565c0;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-etiket-vakif {
    display: inline-block;
    background: #fff3e0;
    color: #e65100;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-etiket-kktc {
    display: inline-block;
    background: #fce4ec;
    color: #c62828;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-etiket-yurtdisi {
    display: inline-block;
    background: #f3e5f5;
    color: #6a1b9a;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-etiket-vakif-myo {
    display: inline-block;
    background: #fff8e1;
    color: #f57f17;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-etiket-lisans {
    display: inline-block;
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 7px;
    border-radius: 10px;
}
.tercih-dipnot {
    font-size: 11px;
    color: #999;
    padding: 10px 16px;
    margin: 0;
    border-top: 1px solid #f0f0f0;
}

/* ===== LGS EK STILLER ===== */
.lgs-bolum {
    background: #fafbfc;
    border: 1px solid #e8eaed;
    border-radius: 8px;
    padding: 14px 16px;
    margin-bottom: 14px;
}
.lgs-bolum-baslik {
    font-size: 12px;
    font-weight: bold;
    color: #1B263B;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid #1B263B;
}
.lgs-checkbox-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #555;
    cursor: pointer;
    margin-top: 4px;
}
.lgs-checkbox-label input { accent-color: #1B263B; }

/* Çift kollu slider */
.lgs-dual-slider-container {
    position: relative;
    height: 36px;
    margin: 4px 0 0;
}
.lgs-dual-slider-container input[type="range"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    pointer-events: none;
    margin: 14px 0 0;
    z-index: 2;
}
.lgs-dual-slider-container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #1B263B;
    border: 3px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    cursor: pointer;
    pointer-events: all;
    transition: box-shadow 0.15s;
}
.lgs-dual-slider-container input[type="range"]::-webkit-slider-thumb:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.35);
}
.lgs-dual-slider-container input[type="range"]::-moz-range-thumb {
    height: 22px;
    width: 22px;
    border-radius: 50%;
    background: #1B263B;
    border: 3px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    cursor: pointer;
    pointer-events: all;
}
/* Arka plan track */
.lgs-dual-slider-container::before {
    content: "";
    position: absolute;
    left: 0;
    top: 22px;
    width: 100%;
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 0;
}
/* Dolu track (seçili aralık) */
.lgs-dual-slider-track {
    position: absolute;
    top: 22px;
    height: 6px;
    background: #1B263B;
    border-radius: 3px;
    z-index: 1;
    pointer-events: none;
}

/* Alan popup (modal) */
.lgs-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.lgs-popup {
    background: #fff;
    border-radius: 12px;
    width: 640px;
    max-width: 90vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    overflow: hidden;
}
.lgs-popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #1B263B;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}
.lgs-popup-actions {
    display: flex;
    gap: 6px;
    padding: 6px 14px;
    border-bottom: 1px solid #eee;
    background: #f9f9fb;
}
.lgs-popup-arama {
    padding: 6px 14px;
    border-bottom: 1px solid #eee;
    background: #f9f9fb;
}
.lgs-popup-actions {
    display: flex;
    gap: 8px;
    padding: 10px 18px;
    border-bottom: 1px solid #eee;
    background: #f9f9fb;
}
.lgs-popup-liste {
    padding: 4px 14px 10px;
    overflow-y: auto;
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
}

.lgs-popup-arama {
    padding: 10px 18px;
    border-bottom: 1px solid #eee;
    background: #f9f9fb;
}
.lgs-popup-arama input {
    width: 100%;
    padding: 5px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 11px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s;
}
.lgs-popup-arama input:focus {
    border-color: #1B263B;
}
.lgs-popup-item {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 4px;
    font-size: 11px;
    color: #333;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
}
.lgs-popup-item:last-child { border-bottom: none; }
.lgs-popup-item input { accent-color: #1B263B; }
.auth-ogrenci-secili { background:#e8f5e9 !important; font-weight:600 !important; }

.tercih-drop-btn {
    padding: 8px 14px;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 7px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
    transition: border-color 0.15s;
    white-space: nowrap;
}
.tercih-drop-btn:hover { border-color: #1B263B; }

.tercih-filtre-btn {
    flex: 1;
    padding: 11px 8px;
    background: linear-gradient(145deg, #1e2a45, #2c3e6b);
    border: none;
    border-radius: 10px;
    font-size: 12px;
    color: #eef0f7;
    cursor: pointer;
    transition: all 0.2s;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    overflow: hidden;
    font-weight: 600;
    letter-spacing: 0.3px;
    box-shadow: 0 2px 6px rgba(27,38,59,0.25);
}
.tercih-filtre-btn:hover {
    background: linear-gradient(145deg, #263450, #3a4f82);
    box-shadow: 0 4px 12px rgba(27,38,59,0.35);
    transform: translateY(-1px);
    color: #fff;
}
.tercih-filtre-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(27,38,59,0.2);
}
.tercih-filtre-btn .tercih-sayac {
    font-size: 11px;
    color: rgba(255,255,255,0.7);
    font-weight: 400;
    align-self: auto;
    white-space: nowrap;
    letter-spacing: 0;
}
.tercih-sayac {
    font-size: 11px;
    color: #888;
    align-self: center;
    white-space: nowrap;
}

.tercih-satir-soluk td { opacity: 0.55; }

/* ===== WHATSAPP COMPACT BUTON ===== */
.whatsapp-compact {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.whatsapp-link-compact {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    text-decoration: none;
    color: white;
    transition: all 0.2s ease;
    background: #25D366;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}

.whatsapp-icon-compact {
    width: 24px;
    height: 24px;
    fill: white;
}

.whatsapp-link-compact:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-link-compact:hover .whatsapp-icon-compact {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* ===== WHATSAPP FLOAT BUTON ===== */
.whatsapp-float {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
    z-index: 1000;
}

.whatsapp-float:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
}

.whatsapp-icon {
    width: 32px;
    height: 32px;
    fill: white;
}

.whatsapp-float:hover .whatsapp-icon {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* ===== İL DROPDOWN ===== */
#ilPopupBtn {
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.il-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    z-index: 200;
    margin-top: 4px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    max-height: 310px;
    overflow: hidden;
}
.il-dropdown-actions {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    background: #fafafa;
}
.il-dropdown-liste {
    max-height: 210px;
    overflow-y: auto;
    padding: 4px 0;
}
.il-dropdown-liste .lgs-popup-item {
    padding: 6px 12px;
    font-size: 13px;
}

/* ===== TERCIH EKLE BUTON ===== */
.tercih-ekle-btn {
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #1B263B;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.15s;
}
.tercih-ekle-btn:hover { background: #e8f0fe; border-color: #1B263B; }
.tercih-ekle-btn:disabled { opacity: 0.3; cursor: default; }

/* ===== YAZDIRMA ALANI ===== */
.tercih-yazdir-alan {
    display: none;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
.tercih-yazdir-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 3px solid #1B263B;
}
.tercih-yazdir-header h2 {
    margin: 0;
    font-size: 22px;
    color: #1B263B;
    font-weight: 900;
}
.tercih-yazdir-header p {
    margin: 4px 0 0;
    font-size: 11px;
    color: #666;
}
.tercih-yazdir-logo {
    width: 65px;
    height: auto;
}

/* ===== YAZDIRMA / PDF ===== */
@media print {
    * {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }
    @page {
        margin: 18mm 14mm;
    }
    body {
        background: #fff !important;
        font-family: Arial, sans-serif;
    }
    .tercih-header, .tercih-form-kart, .tercih-ara-btn, .tercih-ekle-btn,
    .tercih-sonuc, .tercih-ozet, .tercih-popup-overlay,
    .whatsapp-float, .whatsapp-compact { display: none !important; }
    .tercih-yazdir-alan {
        display: block !important;
        padding: 0;
    }
    .tercih-sayfa { max-width: 100%; padding: 0; margin: 0; }
    .tercih-yazdir-logo { width: 50px; }
    .tercih-yazdir-header h2 { font-size: 18px; }
    .tercih-yazdir-header p { font-size: 10px; }
    .tercih-tablo {
        width: 100%;
        border-collapse: collapse;
        font-size: 11px;
        box-shadow: none;
        border: 1px solid #ccc;
    }
    .tercih-tablo th {
        background: #1B263B !important;
        color: #fff !important;
        padding: 9px 8px;
        text-align: left;
        font-size: 10px;
        font-weight: bold;
        border: 1px solid #1B263B;
    }
    .tercih-tablo td {
        padding: 7px 8px;
        border: 1px solid #ddd;
        color: #222;
        font-size: 10px;
    }
    .tercih-tablo tr:nth-child(even) td {
        background: #f4f6f9 !important;
    }
    .tercih-tablo tr:hover td {
        background: inherit !important;
    }
    .tercih-uni {
        font-weight: bold;
        color: #1e1e2f !important;
    }
    .tercih-puan {
        color: #1565c0 !important;
        font-weight: bold;
    }
    .tercih-etiket-devlet {
        background: #e3f2fd !important;
        color: #1565c0 !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-etiket-vakif {
        background: #fff3e0 !important;
        color: #e65100 !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-etiket-kktc {
        background: #fce4ec !important;
        color: #c62828 !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-etiket-yurtdisi {
        background: #f3e5f5 !important;
        color: #6a1b9a !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-etiket-vakif-myo {
        background: #fff8e1 !important;
        color: #f57f17 !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-etiket-lisans {
        background: #e8f5e9 !important;
        color: #2e7d32 !important;
        font-size: 9px;
        font-weight: bold;
        padding: 2px 6px;
        border-radius: 8px;
        display: inline-block;
    }
    .tercih-yazdir-alan .tercih-tablo-wrapper {
        overflow: visible !important;
    }
}

/* ===== TERCIH POPUP ===== */
.tercih-popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}
.tercih-popup-icerik {
    background: #fff;
    border-radius: 12px;
    width: 92vw;
    max-width: 1100px;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2);
    overflow: hidden;
}
.tercih-popup-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    background: #1B263B;
    color: #fff;
}
.tercih-popup-liste {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}
.tercih-satir-guncel td {
    background: #e8f5e9 !important;
}
.tercih-drag-tutacak {
    cursor: grab;
    font-size: 14px;
    color: #999;
    user-select: none;
    width: 22px;
    text-align: center;
}
.tercih-drag-tutacak:active {
    cursor: grabbing;
}
.tercih-satir-drag {
    opacity: 0.4;
}
.tercih-satir-drop td {
    border-bottom: 2px solid #1B263B !important;
}

/* Auth UI */
#authUI {
    border-bottom: 1px solid #e8eaed;
    padding-bottom: 6px;
}
#authModal input:focus,
#authModal select:focus {
    outline: none;
    border-color: #1B263B !important;
    box-shadow: 0 0 0 3px rgba(27,38,59,0.1);
}

/* ===== MOBIL GÖRÜNÜM ===== */
@media (max-width: 768px) {
    .tercih-sayfa {
        padding: 0 8px 30px;
    }
    .tercih-header {
        padding: 16px 16px;
        margin: 0 -8px 12px;
        flex-wrap: wrap;
    }
    .tercih-header-icerik h1 {
        font-size: 16px;
        white-space: normal;
        width: 100%;
    }
    .tercih-header-alt {
        font-size: 11px;
        width: 100%;
        margin-top: 2px;
    }
    .tercih-header-icerik {
        gap: 6px;
    }
    #authUI {
        font-size: 11px !important;
        gap: 4px !important;
    }
    #authUI select {
        max-width: 90px !important;
        font-size: 10px !important;
    }
    #authUI button {
        font-size: 10px !important;
        padding: 3px 6px !important;
    }

    .tercih-form-kart {
        padding: 12px 12px 14px;
    }

    /* Filtre butonları 2x2 dizilir */
    .tercih-form-kart > div:first-child {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }
    .tercih-filtre-btn {
        font-size: 10px !important;
        padding: 8px 4px !important;
        border-radius: 8px !important;
        min-width: 0;
        width: 100% !important;
    }
    .tercih-filtre-btn .tercih-sayac {
        font-size: 9px !important;
    }

    /* Slider + input alanları alt alta, tam genişlik */
    .tercih-form-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .lgs-bolum {
        padding: 10px 10px !important;
        margin-bottom: 8px !important;
    }
    .lgs-bolum-baslik {
        font-size: 11px !important;
    }
    .lgs-bolum .tercih-form-grid {
        grid-template-columns: 1fr 1fr !important;
        gap: 4px !important;
    }

    /* Input alanları */
    .tercih-grup input, .tercih-grup select {
        font-size: 12px !important;
        padding: 7px 8px !important;
    }

    /* Listele butonu */
    .tercih-ara-btn {
        font-size: 13px !important;
        padding: 10px !important;
        margin-top: 10px !important;
    }

    /* Tablo - yatay kaydırmalı */
    .tercih-tablo-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .tercih-tablo {
        font-size: 10px !important;
    }
    .tercih-tablo th, .tercih-tablo td {
        padding: 5px 4px !important;
        font-size: 9px !important;
        white-space: nowrap;
    }
    .tercih-tablo th {
        font-size: 9px !important;
        padding: 6px 4px !important;
    }
    .tercih-uni {
        font-size: 10px !important;
    }
    .tercih-ekle-btn {
        width: 26px !important;
        height: 26px !important;
        font-size: 12px !important;
    }

    /* Popup'lar */
    .lgs-popup {
        max-width: 95vw !important;
        width: 100% !important;
    }
    .lgs-popup-liste {
        grid-template-columns: 1fr !important;
        padding: 4px 8px 8px !important;
    }
    .lgs-popup-item {
        font-size: 10px !important;
        padding: 4px 4px !important;
    }
    .lgs-popup-arama input {
        font-size: 12px !important;
    }
    .lgs-popup-header {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }

    /* Tercih popup */
    .tercih-popup-icerik {
        width: 98vw !important;
        max-height: 90vh !important;
    }
    .tercih-popup-baslik {
        padding: 10px 12px !important;
    }
    .tercih-popup-baslik h3 {
        font-size: 13px !important;
    }

    /* Program detay popup */
    .popup-kutusu {
        width: 98vw !important;
        max-height: 92vh !important;
    }
    .popup-kutusu > div:first-child {
        padding: 10px 14px !important;
        flex-direction: column !important;
    }
    .popup-kutusu > div:first-child > div:first-child {
        width: 100% !important;
    }
    .popup-kutusu > div:first-child > div:nth-child(2) {
        text-align: left !important;
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
    .popup-kutusu div[style*="repeat(5"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4px !important;
    }

    /* Özet satırı */
    .tercih-ozet {
        font-size: 11px !important;
        padding: 8px 10px !important;
    }

    /* Sıra input'ları */
    #siraMin, #siraMax {
        font-size: 11px !important;
    }

    /* authUI düğmeleri daha kompakt */
    #authUI .auth-ogrenci-group {
        flex-wrap: wrap;
    }

    /* Kontenjan tooltip */
    .kont-tooltip {
        width: 260px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 480px) {
    .tercih-header {
        padding: 12px 10px !important;
    }
    .tercih-header-icerik h1 {
        font-size: 14px !important;
    }
    .tercih-form-kart > div:first-child {
        gap: 4px !important;
    }
    .tercih-filtre-btn {
        font-size: 9px !important;
        padding: 6px 2px !important;
        width: 100% !important;
    }
    .lgs-popup {
        max-width: 98vw !important;
    }
}

/* ===== ADMIN PANEL ===== */
.admin-layout { display:flex; gap:16px; max-width:1400px; margin:0 auto; padding:16px; align-items:flex-start; }
.admin-sidebar { width:210px; flex-shrink:0; display:flex; flex-direction:column; gap:4px; position:sticky; top:16px; }
.sidebar-group { background:#fff; border-radius:10px; box-shadow:0 1px 6px rgba(0,0,0,.06); overflow:hidden; }
.sidebar-title { padding:11px 14px; font-size:12px; font-weight:700; color:#1B263B; cursor:pointer; user-select:none; border-bottom:1px solid #f0f0f0; }
.sidebar-title::after { content:" ▾"; font-size:9px; opacity:.35; float:right; margin-top:2px; }
.sidebar-group.collapsed .sidebar-item { display:none; }
.sidebar-group.collapsed .sidebar-title { border-bottom-color:transparent; }
.sidebar-group.collapsed .sidebar-title::after { content:" ▸"; }
.sidebar-item { display:block; width:100%; padding:8px 14px 8px 18px; font-size:11.5px; color:#555; background:none; border:none; text-align:left; cursor:pointer; transition:.1s; border-left:2px solid transparent; }
.sidebar-item:hover { background:#f5f7ff; color:#1B263B; border-left-color:#c0c8e0; }
.sidebar-item.active { background:#eef2ff; color:#1B263B; font-weight:600; border-left-color:#1B263B; }
.admin-main { flex:1; min-width:0; }
.admin-card { background:#fff; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,.08); margin-bottom:16px; overflow:hidden; }
.card-header { padding:13px 18px; font-size:14px; font-weight:700; color:#1B263B; border-bottom:1px solid #e8eaed; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.card-body { padding:14px 18px 18px; }
.admin-btn { padding:7px 16px; border:none; border-radius:6px; font-size:12px; font-weight:600; cursor:pointer; }
.admin-btn-p { background:#1B263B; color:#fff; }
.admin-btn-p:hover { opacity:.9; }
.admin-btn-g { background:#4CAF50; color:#fff; }
.admin-btn-g:hover { opacity:.9; }
.admin-btn-r { background:#e74c3c; color:#fff; }
.admin-btn-r:hover { opacity:.9; }
.admin-btn-b { background:#2196F3; color:#fff; }
.admin-btn-b:hover { opacity:.9; }
.admin-btn-gr { background:#eee; color:#555; }
.admin-btn-sm { padding:4px 10px; font-size:11px; border-radius:4px; }

/* ===== TALEP POPUP ===== */
.talep-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,0.55);
    z-index:2000; display:flex; align-items:center; justify-content:center;
    animation:talepFadeIn .2s ease;
}
@keyframes talepFadeIn { from{opacity:0} to{opacity:1} }
.talep-popup {
    background:#fff; border-radius:16px; width:460px; max-width:92vw;
    box-shadow:0 12px 48px rgba(0,0,0,.3); position:relative;
    animation:talepSlideUp .25s ease; overflow:hidden;
}
@keyframes talepSlideUp { from{transform:translateY(24px);opacity:0} to{transform:translateY(0);opacity:1} }
.talep-header {
    background:#1B263B; color:#fff; padding:16px 24px;
    display:flex; align-items:center; gap:10px;
}
.talep-header h2 { margin:0; font-size:16px; font-weight:600; flex:1; }
.talep-header .close-btn {
    background:none; border:none; color:rgba(255,255,255,.6); font-size:20px;
    cursor:pointer; padding:2px 6px; border-radius:4px; transition:.15s;
}
.talep-header .close-btn:hover { color:#fff; background:rgba(255,255,255,.1); }
.talep-body { padding:20px 24px 24px; }
.talep-field { margin-bottom:16px; }
.talep-field:last-of-type { margin-bottom:20px; }
.talep-field label {
    font-size:11.5px; font-weight:600; color:#555; display:block; margin-bottom:4px;
}
.talep-field select,
.talep-field input,
.talep-field textarea {
    width:100%; padding:10px 12px; font-size:13px;
    border:1px solid #ddd; border-radius:8px; outline:none;
    box-sizing:border-box; transition:border-color .15s,box-shadow .15s;
    font-family:inherit; background:#fff;
}
.talep-field select:focus,
.talep-field input:focus,
.talep-field textarea:focus {
    border-color:#1B263B; box-shadow:0 0 0 2px rgba(27,38,59,.1);
}
.talep-field textarea { resize:vertical; min-height:100px; }
.talep-error {
    color:#e74c3c; font-size:12px; margin-bottom:10px; display:none;
    padding:8px 12px; background:#fef0ef; border-radius:6px;
}
.talep-actions { display:flex; gap:8px; }
.talep-btn-primary {
    flex:1; padding:11px; background:#1B263B; color:#fff;
    border:none; border-radius:8px; font-size:13px; font-weight:600;
    cursor:pointer; transition:opacity .15s;
}
.talep-btn-primary:hover { opacity:.9; }
.talep-btn-primary:disabled { opacity:.5; cursor:not-allowed; }
.talep-btn-secondary {
    padding:11px 20px; background:#eee; color:#555;
    border:none; border-radius:8px; font-size:13px; cursor:pointer; transition:background .15s;
}
.talep-btn-secondary:hover { background:#ddd; }
.talep-detay-konu {
    font-size:16px; font-weight:700; color:#1B263B; margin-bottom:16px;
    padding-bottom:12px; border-bottom:1px solid #eee;
}
.talep-detay-mesaj {
    font-size:13.5px; line-height:1.7; color:#333; margin-bottom:20px;
    white-space:pre-wrap; word-break:break-word;
    background:#f8f9fb; padding:14px 16px; border-radius:10px;
}
.talep-detay-meta {
    display:grid; grid-template-columns:1fr 1fr; gap:12px;
}
.talep-detay-meta-item {
    display:flex; flex-direction:column; gap:2px;
}
.talep-detay-label {
    font-size:10.5px; font-weight:600; color:#999; text-transform:uppercase; letter-spacing:.5px;
}
.talep-detay-meta-item span:last-child {
    font-size:13px; color:#1B263B; font-weight:500;
}
.admin-input { padding:7px 10px; font-size:13px; border:1px solid #ddd; border-radius:6px; outline:none; width:100%; box-sizing:border-box; }
.admin-input:focus { border-color:#1B263B; box-shadow:0 0 0 2px rgba(27,38,59,.1); }
.admin-tbl { width:100%; border-collapse:collapse; font-size:12px; }
.admin-tbl th { background:#f5f5f5; padding:7px 8px; text-align:left; border-bottom:2px solid #ddd; font-weight:600; color:#555; white-space:nowrap; }
.admin-tbl td { padding:7px 8px; border-bottom:1px solid #eee; vertical-align:middle; }
.admin-tbl tr:hover td { background:#fafafa; }
.admin-flex { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.admin-section { font-size:12px; font-weight:600; color:#1B263B; margin:0 0 6px; }
.admin-empty { color:#999; font-size:12px; padding:12px 0; text-align:center; }
.admin-mesaj { font-size:12px; margin-top:6px; }
.admin-mesaj.ok { color:#4caf50; }
.admin-mesaj.hata { color:#e74c3c; }
.admin-label { font-size:11.5px; font-weight:600; color:#555; display:block; margin-bottom:3px; margin-top:10px; }
.admin-label:first-child { margin-top:0; }
.admin-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:#333; color:#fff; padding:10px 24px; border-radius:8px; font-size:13px; z-index:9999; opacity:0; transition:opacity .3s; pointer-events:none; }
.admin-toast.show { opacity:1; }
.admin-ust { display:flex; align-items:center; justify-content:space-between; padding:10px 16px; background:#1B263B; color:#fff; font-size:13px; }
.admin-ust span { font-weight:600; }
.admin-ust button { background:#e74c3c; color:#fff; border:none; border-radius:6px; padding:6px 14px; font-size:11px; font-weight:600; cursor:pointer; }
.admin-ust button:hover { opacity:.85; }
.sube-grid { display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }
.sube-chip { padding:6px 12px; border:1px solid #ddd; border-radius:14px; font-size:12px; cursor:pointer; transition:.15s; user-select:none; background:#fafafa; }
.sube-chip.secili { background:#1B263B; color:#fff; border-color:#1B263B; }
.sube-chip:hover { border-color:#1B263B; }
@media (max-width:768px) {
    .admin-layout { flex-direction:column; padding:8px; }
    .admin-sidebar { width:100%; position:static; }
    .card-body { padding:10px; }
    .admin-tbl { font-size:11px; }
    .admin-tbl th,.admin-tbl td { padding:4px 4px; }
}