/* ═══════════════════════════════════════════════════════════════════════
   ArkNET Akademi — Tema (koyu fintech). TÜM seçiciler .akd* önekli;
   BES/ana site stillerini ETKİLEMEZ.
   ═══════════════════════════════════════════════════════════════════════ */
:root {
    --akd-bg: #060a14;
    --akd-bg-2: #0b1222;
    --akd-yuzey: rgba(255, 255, 255, .045);
    --akd-yuzey-2: rgba(255, 255, 255, .08);
    --akd-cizgi: rgba(255, 255, 255, .09);
    --akd-metin: #e8edf7;
    --akd-soluk: #93a0b8;
    --akd-vurgu: #22d3ee;
    --akd-vurgu-2: #6366f1;
    --akd-altin: #f5b544;
    --akd-yesil: #34d399;
    --akd-kirmizi: #f87171;
    --akd-turuncu: #fb923c;
    --akd-gradyan: linear-gradient(135deg, #22d3ee 0%, #6366f1 55%, #a855f7 100%);
    --akd-radius: 18px;
    --akd-golge: 0 20px 50px -20px rgba(0, 0, 0, .65);
}

/* ── Kök ── */
.akd, .akd-admin {
    background: radial-gradient(1200px 600px at 10% -10%, rgba(99, 102, 241, .18), transparent 60%),
                radial-gradient(900px 500px at 100% 0%, rgba(34, 211, 238, .12), transparent 55%),
                var(--akd-bg);
    color: var(--akd-metin);
    min-height: 100vh;
    font-family: 'Inter', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.akd a { color: inherit; text-decoration: none; }
.akd ::selection { background: rgba(34, 211, 238, .35); }
.akd-container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.akd-main { padding: 28px 0 110px; animation: akdGiris .5s ease backwards; }
@media (min-width: 992px) { .akd-main { padding-bottom: 60px; } }

@keyframes akdGiris { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes akdNabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(248, 113, 113, .6); } 50% { box-shadow: 0 0 0 8px rgba(248, 113, 113, 0); } }
@keyframes akdParilti { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes akdYuz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

/* ── Navbar ── */
.akd-nav { position: sticky; top: 0; z-index: 1030; backdrop-filter: blur(18px) saturate(140%); background: rgba(6, 10, 20, .72); border-bottom: 1px solid var(--akd-cizgi); }
.akd-nav-ic { display: flex; align-items: center; gap: 22px; height: 68px; }
.akd-logo { display: flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.02em; font-size: 1.08rem; white-space: nowrap; }
.akd-logo-ikon { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: var(--akd-gradyan); color: #fff; font-size: 1.1rem; box-shadow: 0 8px 24px -8px rgba(99, 102, 241, .8); }
.akd-logo small { display: block; font-size: .64rem; font-weight: 600; color: var(--akd-soluk); letter-spacing: .14em; text-transform: uppercase; }
.akd-nav-linkler { display: none; gap: 4px; flex: 1; }
.akd-nav-linkler a { padding: 9px 14px; border-radius: 10px; font-size: .9rem; font-weight: 500; color: var(--akd-soluk); transition: all .2s; display: inline-flex; align-items: center; gap: 7px; }
.akd-nav-linkler a:hover { color: var(--akd-metin); background: var(--akd-yuzey); }
.akd-nav-linkler a.active { color: #fff; background: var(--akd-yuzey-2); }
.akd-nav-sag { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.akd-canli-nokta { width: 8px; height: 8px; border-radius: 50%; background: var(--akd-kirmizi); animation: akdNabiz 1.6s infinite; display: inline-block; }
.akd-mobil-dugme { background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); color: var(--akd-metin); width: 40px; height: 40px; border-radius: 11px; }
.akd-mobil-menu { display: none; flex-direction: column; padding: 8px 20px 16px; border-top: 1px solid var(--akd-cizgi); }
.akd-mobil-menu.acik { display: flex; }
.akd-mobil-menu a { padding: 12px 6px; border-bottom: 1px solid var(--akd-cizgi); color: var(--akd-soluk); }
@media (min-width: 992px) { .akd-nav-linkler { display: flex; } .akd-mobil-dugme, .akd-mobil-menu, .akd-mobil-menu.acik { display: none; } }

/* ── Mobil alt sekme çubuğu ── */
.akd-tabbar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1030; display: flex; justify-content: space-around; padding: 8px 6px calc(8px + env(safe-area-inset-bottom)); background: rgba(8, 12, 24, .92); backdrop-filter: blur(16px); border-top: 1px solid var(--akd-cizgi); }
.akd-tabbar a { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: .68rem; color: var(--akd-soluk); padding: 4px 8px; border-radius: 10px; }
.akd-tabbar a i { font-size: 1.25rem; }
.akd-tabbar a.active { color: var(--akd-vurgu); }
@media (min-width: 992px) { .akd-tabbar { display: none; } }

/* ── Butonlar ── */
.akd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 12px; font-weight: 600; font-size: .92rem; border: 0; cursor: pointer; color: #fff !important; background: var(--akd-gradyan); background-size: 200% 100%; box-shadow: 0 10px 30px -12px rgba(99, 102, 241, .9); transition: transform .15s, box-shadow .2s, background-position .4s; text-decoration: none; }
.akd-btn:hover { transform: translateY(-1px); background-position: 100% 0; box-shadow: 0 14px 34px -12px rgba(34, 211, 238, .8); }
.akd-btn:disabled { opacity: .5; cursor: not-allowed; transform: none; }
.akd-btn-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-radius: 12px; font-weight: 600; font-size: .9rem; cursor: pointer; color: var(--akd-metin) !important; background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); transition: all .2s; text-decoration: none; }
.akd-btn-ghost:hover { background: var(--akd-yuzey-2); border-color: rgba(255, 255, 255, .18); }
.akd-btn-ghost:disabled { opacity: .45; cursor: not-allowed; }
.akd-btn-sm { padding: 7px 13px !important; font-size: .82rem !important; border-radius: 10px !important; }
.akd-btn-tehlike { background: linear-gradient(135deg, #f87171, #e11d48) !important; box-shadow: 0 10px 30px -12px rgba(225, 29, 72, .8) !important; }
.akd-btn-basari { background: linear-gradient(135deg, #34d399, #059669) !important; box-shadow: 0 10px 30px -12px rgba(5, 150, 105, .8) !important; }
.akd-btn-blok { width: 100%; }

/* ── Kartlar & yüzeyler ── */
.akd-kart { background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); border-radius: var(--akd-radius); padding: 22px; box-shadow: var(--akd-golge); position: relative; }
.akd-kart-hover { transition: transform .2s, border-color .2s, background .2s; }
.akd-kart-hover:hover { transform: translateY(-3px); border-color: rgba(34, 211, 238, .35); background: rgba(255, 255, 255, .06); }
.akd-kart-baslik { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.akd-kart-baslik h2, .akd-kart-baslik h3 { margin: 0; font-size: 1.05rem; font-weight: 700; }
.akd-izgara { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.akd-izgara-2 { display: grid; gap: 18px; grid-template-columns: 1fr; }
.akd-izgara-4 { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) { .akd-izgara-4 { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 992px) { .akd-izgara-2 { grid-template-columns: 1fr 1fr; } }
.akd-iki-kolon { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 992px) { .akd-iki-kolon { grid-template-columns: minmax(0, 1fr) 360px; } }

/* ── Tipografi ── */
.akd h1, .akd h2, .akd h3, .akd h4 { letter-spacing: -.02em; color: var(--akd-metin); }
.akd-sayfa-baslik { margin-bottom: 26px; }
.akd-sayfa-baslik h1 { font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 800; margin: 6px 0 8px; }
.akd-sayfa-baslik p { color: var(--akd-soluk); margin: 0; max-width: 760px; }
.akd-ust-etiket { display: inline-flex; align-items: center; gap: 7px; font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--akd-vurgu); }
.akd-gradyan-metin { background: var(--akd-gradyan); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: akdParilti 6s linear infinite; }
.akd-soluk { color: var(--akd-soluk) !important; }
.akd-kucuk { font-size: .82rem; }

/* ── Rozet / etiket ── */
.akd-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: .74rem; font-weight: 600; background: var(--akd-yuzey-2); border: 1px solid var(--akd-cizgi); color: var(--akd-metin); white-space: nowrap; }
button.akd-rozet { cursor: pointer; user-select: none; transition: all .2s ease; }
button.akd-rozet:hover { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .25); color: #fff; transform: translateY(-1px); }
button.akd-rozet:active { transform: translateY(0); }
.akd-rozet.vurgu { background: rgba(34, 211, 238, .12); border-color: rgba(34, 211, 238, .35); color: #67e8f9; }
button.akd-rozet.vurgu:hover { background: rgba(34, 211, 238, .22); border-color: rgba(34, 211, 238, .6); }
.akd-rozet.mor { background: rgba(99, 102, 241, .15); border-color: rgba(99, 102, 241, .4); color: #a5b4fc; }
.akd-rozet.altin { background: rgba(245, 181, 68, .13); border-color: rgba(245, 181, 68, .4); color: #fcd34d; }
.akd-rozet.yesil { background: rgba(52, 211, 153, .12); border-color: rgba(52, 211, 153, .4); color: #6ee7b7; }
.akd-rozet.kirmizi { background: rgba(248, 113, 113, .13); border-color: rgba(248, 113, 113, .4); color: #fca5a5; }
.akd-rozet.turuncu { background: rgba(251, 146, 60, .13); border-color: rgba(251, 146, 60, .4); color: #fdba74; }
.akd-rozet.canli { background: #e11d48; border-color: #e11d48; color: #fff; animation: akdNabiz 1.6s infinite; }

/* ── İlerleme ── */
.akd-ilerleme { height: 8px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.akd-ilerleme > span { display: block; height: 100%; border-radius: 99px; background: var(--akd-gradyan); transition: width .6s ease; }
.akd-ilerleme.ince { height: 5px; }

/* ── İstatistik ── */
.akd-istat { background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); border-radius: 16px; padding: 16px 18px; }
.akd-istat-etiket { color: var(--akd-soluk); font-size: .78rem; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.akd-istat-deger { font-size: 1.55rem; font-weight: 800; margin-top: 4px; letter-spacing: -.02em; }
.akd-istat-alt { font-size: .76rem; color: var(--akd-soluk); margin-top: 2px; }

/* ── Uyarılar ── */
.akd-uyari { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--akd-cizgi); background: var(--akd-yuzey); font-size: .9rem; margin-bottom: 16px; }
.akd-uyari i { font-size: 1.15rem; margin-top: 1px; }
.akd-uyari.bilgi { border-color: rgba(34, 211, 238, .35); background: rgba(34, 211, 238, .08); }
.akd-uyari.basari { border-color: rgba(52, 211, 153, .35); background: rgba(52, 211, 153, .08); }
.akd-uyari.hata { border-color: rgba(248, 113, 113, .4); background: rgba(248, 113, 113, .08); }
.akd-uyari.dikkat { border-color: rgba(245, 181, 68, .4); background: rgba(245, 181, 68, .08); }
.akd-yasal { font-size: .76rem; color: var(--akd-soluk); border-left: 3px solid var(--akd-altin); padding: 8px 12px; background: rgba(245, 181, 68, .05); border-radius: 0 10px 10px 0; }

/* ── Form ── */
.akd-form-grup { margin-bottom: 14px; }
.akd-etiket-form { display: block; font-size: .8rem; font-weight: 600; color: var(--akd-soluk); margin-bottom: 6px; }
.akd-input, .akd-select, .akd-textarea { width: 100%; background: rgba(255, 255, 255, .05); border: 1px solid var(--akd-cizgi); color: var(--akd-metin); border-radius: 12px; padding: 11px 14px; font-size: .92rem; transition: border-color .2s, box-shadow .2s; outline: none; }
.akd-input:focus, .akd-select:focus, .akd-textarea:focus { border-color: rgba(34, 211, 238, .55); box-shadow: 0 0 0 4px rgba(34, 211, 238, .12); }
.akd-select option { background: #0b1222; color: var(--akd-metin); }
.akd-textarea { min-height: 96px; resize: vertical; }
.akd-check { display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; color: var(--akd-soluk); margin-bottom: 10px; cursor: pointer; }
.akd-check input { margin-top: 3px; accent-color: #22d3ee; width: 16px; height: 16px; flex-shrink: 0; }
.akd-dogrulama { color: var(--akd-kirmizi); font-size: .8rem; margin-top: 4px; }

/* ── Tablo ── */
.akd-tablo-sar { overflow-x: auto; border-radius: 14px; border: 1px solid var(--akd-cizgi); }
.akd-tablo { width: 100%; border-collapse: collapse; font-size: .87rem; }
.akd-tablo th { text-align: left; font-weight: 600; color: var(--akd-soluk); font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; padding: 12px 14px; background: rgba(255, 255, 255, .03); border-bottom: 1px solid var(--akd-cizgi); white-space: nowrap; }
.akd-tablo td { padding: 12px 14px; border-bottom: 1px solid var(--akd-cizgi); vertical-align: middle; color: var(--akd-metin); }
.akd-tablo tr:last-child td { border-bottom: 0; }
.akd-tablo tbody tr:hover td { background: rgba(255, 255, 255, .025); }
.akd-tablo .sag { text-align: right; }

/* ── Boş durum ── */
.akd-bos { text-align: center; padding: 46px 20px; color: var(--akd-soluk); }
.akd-bos i { font-size: 2.4rem; display: block; margin-bottom: 10px; color: rgba(255, 255, 255, .25); }

/* ── Sekmeler ── */
.akd-sekmeler { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; margin-bottom: 18px; border-bottom: 1px solid var(--akd-cizgi); }
.akd-sekmeler button, .akd-sekmeler a { background: none; border: 0; color: var(--akd-soluk); padding: 10px 14px; font-weight: 600; font-size: .88rem; border-bottom: 2px solid transparent; white-space: nowrap; cursor: pointer; }
.akd-sekmeler .aktif, .akd-sekmeler button.aktif { color: #fff; border-bottom-color: var(--akd-vurgu); }

/* ── Hero (landing) ── */
.akd-hero { position: relative; padding: 70px 0 40px; overflow: hidden; }
.akd-hero-izgara { display: grid; gap: 40px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 992px) { .akd-hero-izgara { grid-template-columns: 1.1fr .9fr; } }
.akd-hero h1 { font-size: clamp(2.1rem, 5vw, 3.6rem); font-weight: 900; line-height: 1.05; margin: 14px 0 18px; }
.akd-hero p.lead { color: var(--akd-soluk); font-size: 1.12rem; max-width: 600px; }
.akd-hero-gorsel { position: relative; border-radius: 26px; overflow: hidden; border: 1px solid var(--akd-cizgi); box-shadow: 0 40px 80px -30px rgba(99, 102, 241, .6); animation: akdYuz 7s ease-in-out infinite; }
.akd-hero-gorsel img { width: 100%; display: block; }
.akd-dongu { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 28px; }
.akd-dongu span { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); font-size: .8rem; font-weight: 600; }
.akd-dongu span i { color: var(--akd-vurgu); }
.akd-bolum { padding: 50px 0; }
.akd-bolum-baslik { text-align: center; margin-bottom: 34px; }
.akd-bolum-baslik h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 800; }
.akd-bolum-baslik p { color: var(--akd-soluk); max-width: 680px; margin: 0 auto; }
.akd-ozellik-ikon { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; font-size: 1.3rem; background: rgba(99, 102, 241, .14); color: #a5b4fc; margin-bottom: 14px; }
.akd-adim-no { font-size: 2.4rem; font-weight: 900; line-height: 1; background: var(--akd-gradyan); -webkit-background-clip: text; background-clip: text; color: transparent; }
.akd-sss details { background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); border-radius: 14px; padding: 16px 18px; margin-bottom: 10px; }
.akd-sss summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 10px; }
.akd-sss summary::after { content: '+'; color: var(--akd-vurgu); font-size: 1.2rem; }
.akd-sss details[open] summary::after { content: '–'; }
.akd-sss details p { color: var(--akd-soluk); margin: 10px 0 0; font-size: .92rem; }

/* ── Kurs kartı ── */
.akd-kurs-kart { display: flex; flex-direction: column; height: 100%; }
.akd-kurs-kapak { height: 132px; border-radius: 14px; margin: -6px -6px 16px; display: grid; place-items: center; font-size: 2.4rem; color: rgba(255, 255, 255, .9); background-size: cover; background-position: center; position: relative; overflow: hidden; }
.akd-kurs-kapak.k0 { background-image: linear-gradient(135deg, #1e3a8a, #6366f1); }
.akd-kurs-kapak.k1 { background-image: linear-gradient(135deg, #0e7490, #22d3ee); }
.akd-kurs-kapak.k2 { background-image: linear-gradient(135deg, #7c2d12, #f59e0b); }
.akd-kurs-kapak.k3 { background-image: linear-gradient(135deg, #14532d, #34d399); }
.akd-kurs-kapak.k4 { background-image: linear-gradient(135deg, #581c87, #c084fc); }
.akd-kurs-kapak.k5 { background-image: linear-gradient(135deg, #7f1d1d, #f87171); }
.akd-kurs-kapak.k6 { background-image: linear-gradient(135deg, #1f2937, #64748b); }
.akd-kurs-kapak.k7 { background-image: linear-gradient(135deg, #312e81, #22d3ee); }
.akd-kurs-meta { display: flex; flex-wrap: wrap; gap: 12px; font-size: .8rem; color: var(--akd-soluk); margin-top: auto; padding-top: 14px; }
.akd-kurs-kart h3 { font-size: 1.05rem; font-weight: 700; margin: 8px 0 6px; }
.akd-kurs-kart p { color: var(--akd-soluk); font-size: .88rem; margin: 0; }

/* ── Müfredat / ders listesi ── */
.akd-modul { border: 1px solid var(--akd-cizgi); border-radius: 14px; margin-bottom: 12px; overflow: hidden; background: rgba(255, 255, 255, .02); }
.akd-modul-baslik { padding: 14px 16px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; background: rgba(255, 255, 255, .03); }
.akd-ders-satir { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-top: 1px solid var(--akd-cizgi); font-size: .9rem; transition: background .15s; }
.akd-ders-satir:hover { background: rgba(255, 255, 255, .035); }
.akd-ders-satir.aktif { background: rgba(34, 211, 238, .08); box-shadow: inset 3px 0 0 var(--akd-vurgu); }
.akd-ders-satir .durum { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: var(--akd-yuzey-2); font-size: .8rem; color: var(--akd-soluk); }
.akd-ders-satir .durum.tamam { background: rgba(52, 211, 153, .18); color: var(--akd-yesil); }
.akd-ders-satir .durum.kilit { color: rgba(255, 255, 255, .3); }
.akd-ders-satir .sure { margin-left: auto; color: var(--akd-soluk); font-size: .78rem; white-space: nowrap; }

/* ── Oynatıcı ── */
.akd-ders-duzen { display: grid; gap: 22px; grid-template-columns: 1fr; }
@media (min-width: 1100px) { .akd-ders-duzen { grid-template-columns: minmax(0, 1fr) 360px; } }
.akd-oynatici { position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 18px; overflow: hidden; border: 1px solid var(--akd-cizgi); box-shadow: var(--akd-golge); }
.akd-oynatici video { width: 100%; height: 100%; display: block; background: #000; }
.akd-oynatici-bilgi { position: absolute; inset: 0; display: none; align-items: center; justify-content: center; text-align: center; padding: 20px; color: #fff; background: rgba(0, 0, 0, .55); font-weight: 600; pointer-events: none; }
.akd-oynatici-bos { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: center; text-align: center; color: var(--akd-soluk); background: radial-gradient(circle at center, #121a33, #05070f); }
.akd-oynatici-bos i { font-size: 2.6rem; color: rgba(255, 255, 255, .25); }
.akd-okuma { line-height: 1.75; font-size: 1rem; color: #d6deec; }
.akd-okuma h2, .akd-okuma h3 { margin-top: 1.4em; }
.akd-okuma ul, .akd-okuma ol { padding-left: 1.3em; }
.akd-okuma li { margin-bottom: .4em; }
.akd-okuma strong { color: #fff; }
.akd-checklist label { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--akd-cizgi); border-radius: 12px; margin-bottom: 8px; cursor: pointer; }
.akd-checklist input { accent-color: #34d399; width: 18px; height: 18px; }

/* ── Sınav ── */
.akd-sinav-ust { position: sticky; top: 76px; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: 14px; background: rgba(11, 18, 34, .92); border: 1px solid var(--akd-cizgi); backdrop-filter: blur(10px); margin-bottom: 18px; }
.akd-sayac { font-variant-numeric: tabular-nums; font-weight: 800; font-size: 1.2rem; }
.akd-sayac.az { color: var(--akd-kirmizi); }
.akd-soru-no { display: flex; flex-wrap: wrap; gap: 6px; }
.akd-soru-no button { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--akd-cizgi); background: var(--akd-yuzey); color: var(--akd-soluk); font-size: .8rem; font-weight: 700; }
.akd-soru-no button.cevapli { background: rgba(34, 211, 238, .15); color: #67e8f9; border-color: rgba(34, 211, 238, .4); }
.akd-soru-no button.aktif { outline: 2px solid var(--akd-vurgu-2); }
.akd-sik { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border-radius: 14px; border: 1px solid var(--akd-cizgi); background: rgba(255, 255, 255, .03); margin-bottom: 10px; cursor: pointer; transition: all .15s; user-select: none; }
.akd-sik:hover { border-color: rgba(255, 255, 255, .2); }
.akd-sik.secili { border-color: rgba(34, 211, 238, .6); background: rgba(34, 211, 238, .09); }
.akd-sik .harf { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--akd-yuzey-2); font-weight: 700; font-size: .85rem; flex-shrink: 0; }
.akd-sik.secili .harf { background: var(--akd-gradyan); color: #fff; }
.akd-sonuc-halka { width: 150px; height: 150px; border-radius: 50%; display: grid; place-items: center; margin: 0 auto 16px; font-size: 2.4rem; font-weight: 900; }

/* ── Belge ── */
.akd-belge { position: relative; max-width: 820px; margin: 0 auto; border-radius: 22px; padding: 40px 38px; background: linear-gradient(160deg, #0d1530 0%, #0a0f1f 60%, #131a36 100%); border: 1px solid rgba(245, 181, 68, .35); box-shadow: 0 30px 80px -30px rgba(245, 181, 68, .35); overflow: hidden; }
.akd-belge::before { content: ''; position: absolute; inset: 10px; border: 1px dashed rgba(245, 181, 68, .25); border-radius: 16px; pointer-events: none; }
.akd-belge-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.akd-belge h2 { font-size: 1.9rem; font-weight: 900; margin: 18px 0 4px; }
.akd-belge-ad { font-size: 1.6rem; font-weight: 800; color: #fcd34d; margin: 16px 0; }
.akd-belge-qr { background: #fff; padding: 10px; border-radius: 14px; display: inline-block; }
.akd-belge-alanlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 14px; margin: 22px 0; }
.akd-belge-alanlar div span { display: block; font-size: .72rem; color: var(--akd-soluk); text-transform: uppercase; letter-spacing: .08em; }
.akd-belge-alanlar div strong { font-size: .95rem; }
.akd-dogrula-durum { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 14px; font-weight: 800; font-size: 1.05rem; }
.akd-dogrula-durum.gecerli { background: rgba(52, 211, 153, .15); color: #6ee7b7; border: 1px solid rgba(52, 211, 153, .4); }
.akd-dogrula-durum.gecersiz { background: rgba(248, 113, 113, .15); color: #fca5a5; border: 1px solid rgba(248, 113, 113, .4); }
@media print {
    .akd-nav, .akd-tabbar, .akd-footer, .akd-yazdirma-gizle { display: none !important; }
    .akd, .akd-main { background: #fff !important; padding: 0 !important; }
    .akd-belge { box-shadow: none; }
}

/* ── Canlı ── */
.akd-canli-duzen { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 1100px) { .akd-canli-duzen { grid-template-columns: minmax(0, 1fr) 370px; } }
.akd-chat { display: flex; flex-direction: column; height: 560px; background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); border-radius: 18px; overflow: hidden; }
.akd-chat-bas { padding: 12px 16px; border-bottom: 1px solid var(--akd-cizgi); display: flex; justify-content: space-between; align-items: center; font-weight: 700; }
.akd-chat-liste { flex: 1; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.akd-chat-mesaj { padding: 9px 12px; border-radius: 12px; background: rgba(255, 255, 255, .04); position: relative; }
.akd-chat-mesaj p { margin: 3px 0 0; font-size: .88rem; word-wrap: break-word; }
.akd-chat-ust { display: flex; gap: 8px; align-items: center; font-size: .76rem; color: var(--akd-soluk); }
.akd-chat-ust strong { color: var(--akd-metin); font-size: .8rem; }
.akd-chat-ust span { margin-left: auto; }
.akd-chat-mesaj.tip-soru { border-left: 3px solid var(--akd-altin); }
.akd-chat-mesaj.tip-duyuru { background: rgba(99, 102, 241, .16); border: 1px solid rgba(99, 102, 241, .4); }
.akd-chat-mesaj.yanitlandi { opacity: .55; }
.akd-chat-mesaj .akd-etiket { font-style: normal; font-size: .66rem; padding: 1px 7px; border-radius: 99px; background: rgba(245, 181, 68, .2); color: #fcd34d; }
.akd-chat-mesaj .akd-etiket.duyuru { background: rgba(99, 102, 241, .3); color: #c7d2fe; }
.akd-chat-mod { position: absolute; top: 6px; right: 6px; display: none; gap: 4px; }
.akd-chat-mesaj:hover .akd-chat-mod { display: flex; }
.akd-chat-mod button { background: rgba(0, 0, 0, .5); border: 0; color: #fff; border-radius: 8px; padding: 2px 7px; font-size: .78rem; }
.akd-chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid var(--akd-cizgi); }
.akd-chat-form select { width: 92px; flex-shrink: 0; }
.akd-chat-uyari { display: none; padding: 8px 12px; font-size: .8rem; color: #fca5a5; background: rgba(248, 113, 113, .1); }
.akd-mod-secici { display: inline-flex; background: var(--akd-yuzey); border: 1px solid var(--akd-cizgi); border-radius: 12px; padding: 3px; }
.akd-mod-secici button { border: 0; background: none; color: var(--akd-soluk); padding: 6px 12px; border-radius: 9px; font-size: .8rem; font-weight: 600; }
.akd-mod-secici button.aktif { background: var(--akd-yuzey-2); color: #fff; }
.akd-studyo-durum { font-weight: 700; padding: 8px 14px; border-radius: 10px; background: var(--akd-yuzey); display: inline-block; }
.akd-studyo-durum.canli { background: #e11d48; color: #fff; animation: akdNabiz 1.6s infinite; }
.akd-studyo-durum.hata { background: rgba(248, 113, 113, .15); color: #fca5a5; }
.akd-studyo-durum.hazir { background: rgba(52, 211, 153, .12); color: #6ee7b7; }
.akd-studyo-arac { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.akd-studyo-arac .kapali { border-color: rgba(248, 113, 113, .5) !important; color: #fca5a5 !important; }

/* ── Kokpit / pipeline ── */
.akd-gorev { display: flex; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--akd-cizgi); background: rgba(255, 255, 255, .03); margin-bottom: 8px; }
.akd-gorev.gecikti { border-color: rgba(248, 113, 113, .45); background: rgba(248, 113, 113, .06); }
.akd-gorev.kritik { box-shadow: inset 3px 0 0 var(--akd-kirmizi); }
.akd-gorev-ikon { width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--akd-yuzey-2); flex-shrink: 0; }
.akd-gorev-govde { flex: 1; min-width: 0; }
.akd-gorev-govde strong { display: block; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.akd-gorev-govde span { font-size: .76rem; color: var(--akd-soluk); }
.akd-pipeline { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 1fr); gap: 10px; overflow-x: auto; padding-bottom: 6px; }
.akd-pipeline-kolon { background: rgba(255, 255, 255, .03); border: 1px solid var(--akd-cizgi); border-radius: 14px; padding: 12px; text-align: center; }
.akd-pipeline-kolon strong { display: block; font-size: 1.6rem; font-weight: 800; }
.akd-pipeline-kolon span { font-size: .74rem; color: var(--akd-soluk); }
.akd-sla { font-variant-numeric: tabular-nums; font-weight: 700; }
.akd-sla.asim { color: var(--akd-kirmizi); }
.akd-zaman-cizelgesi { border-left: 2px solid var(--akd-cizgi); margin-left: 8px; padding-left: 16px; }
.akd-zaman-cizelgesi > div { position: relative; padding-bottom: 14px; font-size: .86rem; }
.akd-zaman-cizelgesi > div::before { content: ''; position: absolute; left: -22px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: var(--akd-vurgu); }

/* ── AI Koç ── */
.akd-koc-sohbet { height: 520px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 16px; background: rgba(0, 0, 0, .18); border-radius: 16px; border: 1px solid var(--akd-cizgi); }
.akd-balon { max-width: 78%; padding: 11px 15px; border-radius: 16px; font-size: .92rem; line-height: 1.5; }
.akd-balon.musteri { align-self: flex-start; background: var(--akd-yuzey-2); border-bottom-left-radius: 4px; }
.akd-balon.kursiyer { align-self: flex-end; background: linear-gradient(135deg, rgba(34, 211, 238, .25), rgba(99, 102, 241, .3)); border-bottom-right-radius: 4px; }
.akd-yaziyor { align-self: flex-start; color: var(--akd-soluk); font-size: .82rem; font-style: italic; }
.akd-persona { cursor: pointer; }
.akd-persona.secili { border-color: rgba(34, 211, 238, .6); background: rgba(34, 211, 238, .07); }
.akd-dinle-bar { display: grid; grid-template-columns: 110px 1fr 40px; gap: 10px; align-items: center; margin-bottom: 10px; font-size: .86rem; }

/* ── Profil ── */
.akd-avatar { width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; font-weight: 900; font-size: 1.6rem; background: var(--akd-gradyan); color: #fff; box-shadow: 0 14px 30px -12px rgba(99, 102, 241, .8); }
.akd-rozet-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 10px; }
.akd-rozet-kutu { text-align: center; padding: 14px 8px; border-radius: 14px; border: 1px solid var(--akd-cizgi); background: rgba(255, 255, 255, .03); }
.akd-rozet-kutu i { font-size: 1.7rem; color: var(--akd-altin); }
.akd-rozet-kutu.kilitli { opacity: .35; filter: grayscale(1); }
.akd-rozet-kutu strong { display: block; font-size: .78rem; margin-top: 6px; }
.akd-ref-kutu { display: flex; gap: 8px; align-items: center; background: rgba(0, 0, 0, .25); border: 1px dashed rgba(34, 211, 238, .4); border-radius: 12px; padding: 10px 12px; font-family: ui-monospace, monospace; font-size: .84rem; overflow: hidden; }
.akd-ref-kutu span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akd-qr-kutu { background: #fff; border-radius: 16px; padding: 12px; display: inline-block; }

/* ── Footer ── */
.akd-footer { border-top: 1px solid var(--akd-cizgi); padding: 30px 0 100px; color: var(--akd-soluk); font-size: .84rem; }
@media (min-width: 992px) { .akd-footer { padding-bottom: 30px; } }
.akd-footer a:hover { color: var(--akd-metin); }

/* ── Modal ── */
.akd-modal-zemin { position: fixed; inset: 0; background: rgba(2, 4, 10, .72); backdrop-filter: blur(6px); z-index: 1060; display: flex; align-items: center; justify-content: center; padding: 18px; animation: akdGiris .2s ease; }
.akd-modal { width: 100%; max-width: 680px; max-height: 90vh; overflow-y: auto; background: #0d1426; border: 1px solid var(--akd-cizgi); border-radius: 20px; padding: 24px; box-shadow: 0 40px 100px -30px #000; color: var(--akd-metin); }
.akd-modal.genis { max-width: 980px; }
.akd-modal-bas { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.akd-modal-bas h3 { margin: 0; font-size: 1.15rem; font-weight: 800; }
.akd-modal-kapat { background: var(--akd-yuzey); border: 0; color: var(--akd-metin); width: 34px; height: 34px; border-radius: 10px; }

/* ═══════════════════════ AKADEMİ ADMIN ═══════════════════════ */
.akd-admin { display: flex; }
.akd-admin a { color: inherit; text-decoration: none; }
.akd-admin-yan { width: 262px; flex-shrink: 0; height: 100vh; position: sticky; top: 0; overflow-y: auto; background: rgba(5, 8, 16, .85); border-right: 1px solid var(--akd-cizgi); padding: 18px 14px 40px; transition: transform .25s; z-index: 1040; }
.akd-admin-grup { font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(147, 160, 184, .7); margin: 18px 10px 6px; }
.akd-admin-link { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; font-size: .86rem; color: var(--akd-soluk); transition: all .15s; }
.akd-admin-link:hover { background: var(--akd-yuzey); color: var(--akd-metin); }
.akd-admin-link.active { background: linear-gradient(90deg, rgba(34, 211, 238, .16), rgba(99, 102, 241, .08)); color: #fff; box-shadow: inset 2px 0 0 var(--akd-vurgu); }
.akd-admin-link i { width: 18px; text-align: center; }
.akd-admin-govde { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.akd-admin-ust { height: 62px; display: flex; align-items: center; gap: 14px; padding: 0 24px; border-bottom: 1px solid var(--akd-cizgi); background: rgba(6, 10, 20, .7); backdrop-filter: blur(14px); position: sticky; top: 0; z-index: 1030; }
.akd-admin-icerik { padding: 26px 24px 60px; animation: akdGiris .4s ease backwards; }
.akd-admin-icerik h1 { font-size: 1.5rem; font-weight: 800; margin: 0 0 4px; }
.akd-admin-arac { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.akd-admin-filtre { display: flex; flex-wrap: wrap; gap: 8px; }
.akd-admin-filtre .akd-input, .akd-admin-filtre .akd-select { width: auto; min-width: 170px; padding: 8px 12px; font-size: .85rem; }
.akd-admin-mobil { display: none; }
@media (max-width: 991px) {
    .akd-admin-yan { position: fixed; left: 0; top: 0; transform: translateX(-100%); }
    .akd-admin-yan.acik { transform: none; box-shadow: 30px 0 60px rgba(0, 0, 0, .6); }
    .akd-admin-mobil { display: inline-flex; }
    .akd-admin-icerik { padding: 18px 14px 50px; }
}
.akd-huni { display: flex; flex-direction: column; gap: 8px; }
.akd-huni-satir { display: grid; grid-template-columns: 140px 1fr 70px; gap: 10px; align-items: center; font-size: .86rem; }
.akd-huni-cubuk { height: 26px; border-radius: 8px; background: var(--akd-gradyan); min-width: 4px; transition: width .6s ease; }

/* ═══════════════════════ TV HABER KANALI BROADCAST OVERLAY ═══════════════════════ */
/* ═══════════════════════ TV HABER KANALI BROADCAST OVERLAY ═══════════════════════ */
.akd-tv-overlay-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 10;
    overflow: hidden;
}

/* 1. SOL ÜST: KANAL LOGOSU (ARKNET AKADEMİ) */
.akd-tv-brand-top-left {
    position: absolute;
    top: 16px;
    left: 18px;
    z-index: 15;
    animation: tvFadeIn 0.5s ease-out;
}
.akd-tv-brand-badge {
    background: rgba(11, 19, 43, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    overflow: hidden;
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.65);
}
.akd-tv-brand-primary {
    background: linear-gradient(90deg, #dc2626, #b91c1c);
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    padding: 5px 12px;
}
.akd-tv-brand-secondary {
    background: rgba(15, 23, 42, 0.9);
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    padding: 5px 12px;
}

/* 2. SAĞ ÜST: CANLI YAYIN & DİJİTAL SAAT (TV HABER STANDARDI) */
.akd-tv-live-top-right {
    position: absolute;
    top: 16px;
    right: 18px;
    z-index: 15;
    animation: tvFadeIn 0.5s ease-out;
}
.akd-tv-live-indicator {
    background: linear-gradient(90deg, #dc2626, #991b1b);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    padding: 5px 12px;
    box-shadow: 0 0 18px rgba(220, 38, 38, 0.8);
}
.akd-tv-live-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 8px #fff;
    animation: tvPulse 1.3s ease-in-out infinite;
}
.akd-tv-time-badge {
    background: rgba(11, 19, 43, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    padding: 5px 12px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.45);
}
@keyframes tvPulse {
    0% { transform: scale(0.9); opacity: 0.7; }
    50% { transform: scale(1.3); opacity: 1; filter: drop-shadow(0 0 6px #fff); }
    100% { transform: scale(0.9); opacity: 0.7; }
}

/* 3. SOL ALT: SPİKER / EĞİTMEN İSİMLİK KARTI (LOWER THIRD) */
.akd-tv-anchor-box {
    position: absolute;
    bottom: 74px;
    left: 18px;
    z-index: 14;
    animation: tvSlideInLeft 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.akd-tv-anchor-name-strip {
    background: linear-gradient(90deg, rgba(2, 132, 199, 0.96), rgba(37, 99, 235, 0.92));
    border-left: 4px solid #38bdf8;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
    padding: 5px 28px 5px 14px !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
    font-size: 0.88rem;
    letter-spacing: 0.04em;
    box-shadow: 0 4px 16px rgba(0,0,0,0.6);
}
.akd-tv-anchor-title-strip {
    background: rgba(11, 19, 43, 0.95);
    border-left: 4px solid #f59e0b;
    clip-path: polygon(0 0, 97% 0, 93% 100%, 0 100%);
    padding: 3px 28px 3px 14px !important;
    font-size: 0.73rem;
    backdrop-filter: blur(10px);
}
.akd-tv-mic-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
    box-shadow: 0 0 8px #ef4444;
    animation: tvPulse 1.2s infinite;
}

/* 4. SOL ALT KÖŞEDEN BAŞLAYAN EN ALT TABAN KJ & KARAOKE DİKEY HABER BANDI */
.akd-tv-chyron-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 13;
    animation: tvSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.akd-tv-headline-bar {
    background: linear-gradient(90deg, rgba(11, 19, 43, 0.98) 0%, rgba(30, 58, 138, 0.96) 50%, rgba(11, 19, 43, 0.98) 100%);
    border-top: 2px solid #38bdf8;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    height: 36px;
    backdrop-filter: blur(14px);
}
.akd-tv-category-tag {
    background: linear-gradient(90deg, #b91c1c, #dc2626);
    font-size: 0.78rem;
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%);
    padding: 6px 24px 6px 16px !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    letter-spacing: 0.06em;
}
.akd-tv-headline-text {
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    padding: 4px 14px;
}

/* KARAOKE / DİKEY DEĞİŞEN TEK SATIR HABER BÖLÜMÜ */
.akd-tv-ticker-bar {
    background: #020617;
    border-top: 1px solid rgba(239, 68, 68, 0.85);
    height: 36px;
    display: flex;
    align-items: center;
}
.akd-tv-breaking-badge {
    background: #dc2626;
    font-size: 0.76rem;
    clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
    padding: 7px 24px 7px 16px !important;
    z-index: 3;
    flex-shrink: 0;
    box-shadow: 4px 0 14px rgba(220, 38, 38, 0.8);
}
.akd-tv-breaking-flash {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 7px #fff;
    animation: tvPulse 0.8s infinite;
}

/* DİKEY HABER / KARAOKE KUTUSU (Tek Satır Görünür, Okunur, Yukarı Kayar) */
.akd-tv-flipper-container {
    height: 36px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 14px;
    padding-right: 20px;
}
.akd-tv-flipper-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    color: #f1f5f9;
    text-shadow: 0 1px 2px rgba(0,0,0,0.85);
    animation: tvKaraokeSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes tvKaraokeSlideUp {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes tvFadeIn {
    0% { opacity: 0; transform: translateY(-8px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes tvSlideInLeft {
    0% { opacity: 0; transform: translateX(-30px); }
    100% { opacity: 1; transform: translateX(0); }
}
@keyframes tvSlideUp {
    0% { opacity: 0; transform: translateY(100%); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════ TAM EKRAN + VİDEO ALTI BANT ═══════════════════ */
.akd-fs-only { display: none; }
.akd-sahne:fullscreen, .akd-sahne:-webkit-full-screen { aspect-ratio: auto !important; width: 100vw; height: 100vh; background: #000; }
.akd-sahne:fullscreen .akd-fs-only { display: block; }
.akd-sahne:fullscreen .akd-isim-pill { display: none; }
.akd-sahne:fullscreen .akd-tv-chyron-wrapper { bottom: 58px; }
.akd-sahne:fullscreen .akd-tv-anchor-box { bottom: 140px; }
.akd-sahne:fullscreen .akd-tv-live-top-right { right: 70px; }
.akd-sahne:fullscreen .akd-tv-brand-top-left { top: 18px; }
.akd-fs-btn {
    position: absolute; top: 12px; right: 12px; z-index: 30; width: 38px; height: 38px;
    border: 1px solid rgba(255,255,255,.25); border-radius: 10px; background: rgba(2,6,23,.65); color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity .2s, background .2s;
    backdrop-filter: blur(6px);
}
.akd-sahne:hover .akd-fs-btn, .akd-fs-btn:focus-visible, .akd-sahne:fullscreen .akd-fs-btn { opacity: 1; }
.akd-fs-btn:hover { background: rgba(14,165,233,.85); }
@media (hover: none) { .akd-fs-btn { opacity: .9; } }
.akd-isim-pill {
    position: absolute; top: 12px; left: 12px; z-index: 12; pointer-events: none;
    display: flex; align-items: center; gap: 8px; padding: 6px 14px 6px 12px; border-radius: 999px;
    background: rgba(2,6,23,.72); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: .85rem; font-weight: 600;
    backdrop-filter: blur(8px);
}
.akd-altbant { background: #020617; }
.akd-altbant .akd-tv-chyron-wrapper { position: static; animation: none; }

/* ═══════════════════ YOUTUBE CANLI SOHBET ═══════════════════ */
.akd-yt { height: 540px; background: #0f0f13; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; overflow: hidden; color: #f1f1f1; }
.akd-yt-baslik { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .9rem; background: #181820; }
.akd-yt-canli-dot { width: 9px; height: 9px; border-radius: 50%; background: #ff3b3b; box-shadow: 0 0 8px #ff3b3b; animation: tvPulse 1.4s infinite; }
.akd-yt-sayac { font-size: .75rem; color: #aaa; }
.akd-yt-sekmeler { display: flex; border-bottom: 1px solid rgba(255,255,255,.1); background: #12121a; }
.akd-yt-sekme { flex: 1; border: 0; background: transparent; color: #aaa; padding: 9px 6px; font-size: .8rem; font-weight: 600; border-bottom: 2px solid transparent; cursor: pointer; transition: color .15s, background .15s; }
.akd-yt-sekme:hover { background: rgba(255,255,255,.05); color: #fff; }
.akd-yt-sekme.aktif { color: #fff; border-bottom-color: #3ea6ff; }
.akd-yt-sayi { background: rgba(255,255,255,.12); border-radius: 999px; padding: 0 7px; font-size: .68rem; margin-left: 3px; }
.akd-yt-uyari { background: #f59e0b; color: #111; border-radius: 999px; padding: 0 7px; font-size: .68rem; margin-left: 4px; font-weight: 800; }
.akd-yt-akis { flex: 1; overflow-y: auto; padding: 8px 10px; display: flex; flex-direction: column; gap: 1px; scroll-behavior: smooth; overscroll-behavior: contain; }
.akd-yt-akis::-webkit-scrollbar, .akd-yt-liste::-webkit-scrollbar { width: 8px; }
.akd-yt-akis::-webkit-scrollbar-thumb, .akd-yt-liste::-webkit-scrollbar-thumb { background: rgba(255,255,255,.2); border-radius: 8px; }
.akd-yt-bilgi { background: rgba(62,166,255,.1); border: 1px solid rgba(62,166,255,.25); color: #9fd3ff; border-radius: 10px; padding: 8px 10px; font-size: .75rem; margin-bottom: 6px; }
.akd-yt-mesaj { display: flex; align-items: flex-start; gap: 8px; padding: 4px 6px; border-radius: 8px; font-size: .84rem; line-height: 1.35; position: relative; animation: ytGiris .18s ease-out; }
.akd-yt-mesaj:hover { background: rgba(255,255,255,.06); }
@keyframes ytGiris { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.akd-yt-govde { min-width: 0; flex: 1; word-break: break-word; }
.akd-yt-avatar { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; font-size: .7rem; font-weight: 800; color: #111; margin-top: 1px; }
.akd-yt-avatar.kucuk { width: 20px; height: 20px; font-size: .62rem; }
.akd-yt-saat { color: #8a8a93; font-size: .68rem; margin-right: 6px; }
.akd-yt-ad { font-weight: 700; font-size: .78rem; margin-right: 6px; }
.akd-yt-ad.yayinci { color: #111; background: #ffd600; border-radius: 4px; padding: 0 6px; }
.akd-yt-rozet { display: inline-flex; align-items: center; gap: 3px; background: #2ba640; color: #fff; border-radius: 4px; font-size: .62rem; font-weight: 700; padding: 1px 5px; margin-right: 6px; vertical-align: 1px; }
.akd-yt-soru-etiket { background: #f59e0b; color: #111; border-radius: 4px; font-size: .62rem; font-weight: 800; padding: 1px 5px; margin-right: 6px; vertical-align: 1px; }
.akd-yt-metin { color: #f1f1f1; }
.akd-yt-mesaj.soru { background: rgba(245,158,11,.12); border-left: 3px solid #f59e0b; }
.akd-yt-mesaj.yayinci { background: rgba(255,214,0,.07); }
.akd-yt-mesaj.duyuru { background: rgba(62,166,255,.1); color: #9fd3ff; font-size: .78rem; align-items: center; }
.akd-yt-duyuru-ikon { color: #3ea6ff; }
.akd-yt-mod-btn { opacity: 0; border: 0; background: transparent; color: #bbb; padding: 0 4px; border-radius: 6px; cursor: pointer; }
.akd-yt-mesaj:hover .akd-yt-mod-btn, .akd-yt-mod-btn.goster { opacity: 1; }
.akd-yt-mod-btn:hover { background: rgba(255,255,255,.15); color: #fff; }
.akd-yt-yazi { border-top: 1px solid rgba(255,255,255,.1); padding: 8px 10px 6px; background: #12121a; position: relative; }
.akd-yt-kimlik { display: flex; align-items: center; gap: 6px; font-size: .75rem; font-weight: 700; margin-bottom: 6px; }
.akd-yt-form { display: flex; align-items: center; gap: 6px; background: rgba(255,255,255,.08); border-radius: 999px; padding: 3px 4px 3px 14px; }
.akd-yt-form:focus-within { background: rgba(255,255,255,.12); box-shadow: 0 0 0 1px #3ea6ff; }
.akd-yt-form input { flex: 1; min-width: 0; background: transparent; border: 0; outline: 0; color: #fff; font-size: .85rem; padding: 6px 0; }
.akd-yt-form input::placeholder { color: #8a8a93; }
.akd-yt-ikon { border: 0; background: transparent; color: #ccc; width: 30px; height: 30px; border-radius: 50%; font-size: 1rem; font-weight: 800; cursor: pointer; }
.akd-yt-ikon:hover, .akd-yt-ikon.aktif { background: rgba(255,255,255,.15); color: #fff; }
.akd-yt-ikon.soru.aktif { background: #f59e0b; color: #111; }
.akd-yt-gonder { border: 0; width: 34px; height: 30px; border-radius: 999px; background: #3ea6ff; color: #04121f; cursor: pointer; }
.akd-yt-gonder:disabled { background: transparent; color: #666; cursor: default; }
.akd-yt-alt { text-align: right; font-size: .66rem; color: #777; padding: 2px 8px 0; }
.akd-yt-emoji-panel { position: absolute; bottom: 100%; left: 10px; right: 10px; background: #1d1d27; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; padding: 8px; display: grid; grid-template-columns: repeat(8, 1fr); gap: 2px; box-shadow: 0 -8px 24px rgba(0,0,0,.5); z-index: 5; }
.akd-yt-emoji-panel button { border: 0; background: transparent; font-size: 1.3rem; padding: 4px; border-radius: 8px; cursor: pointer; transition: transform .1s, background .1s; }
.akd-yt-emoji-panel button:hover { background: rgba(255,255,255,.12); transform: scale(1.2); }
.akd-yt-susturuldu { background: rgba(239,68,68,.12); border: 1px solid rgba(239,68,68,.35); color: #fca5a5; border-radius: 10px; padding: 9px 12px; font-size: .8rem; }
.akd-yt-liste { flex: 1; overflow-y: auto; padding: 8px 10px; }
.akd-yt-bolum { font-size: .68rem; font-weight: 800; letter-spacing: .06em; color: #9a9aa5; margin: 12px 4px 6px; }
.akd-yt-kisi { display: flex; align-items: center; gap: 8px; padding: 5px 6px; border-radius: 8px; font-size: .84rem; }
.akd-yt-kisi:hover { background: rgba(255,255,255,.06); }
.akd-yt-kisi:hover .akd-yt-mod-btn { opacity: 1; }
.akd-yt-kisi.yayinci { background: rgba(255,214,0,.08); }
.akd-yt-kisi.soz { background: rgba(245,158,11,.12); border: 1px solid rgba(245,158,11,.3); }
.akd-yt-kisi.konusan { background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.3); }
.akd-yt-kisi-ad { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akd-yt-kisi-alt { font-size: .7rem; color: #9a9aa5; }
.akd-yt-sen { color: #3ea6ff; font-size: .72rem; }
.akd-yt-bos { color: #777; font-size: .78rem; font-style: italic; padding: 4px 6px; }
.akd-mod-arka { position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.65); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
.akd-mod-arka.tam { z-index: 4000; background: rgba(2,6,23,.96); }
.akd-mod-kutu { background: #181820; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; padding: 18px; width: min(92vw, 400px); color: #fff; box-shadow: 0 24px 60px rgba(0,0,0,.7); }
.akd-mod-baslik { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.akd-mod-bolum { font-size: .78rem; font-weight: 700; color: #9fd3ff; margin: 10px 0 6px; }
.akd-mod-bolum.tehlike { color: #fca5a5; }
.akd-mod-satir { display: flex; gap: 6px; }
.akd-mod-satir button { flex: 1; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: #fff; border-radius: 10px; padding: 8px 6px; font-size: .8rem; font-weight: 600; cursor: pointer; transition: background .15s; }
.akd-mod-satir button:hover { background: rgba(62,166,255,.3); }
.akd-mod-satir.tehlike button:hover { background: rgba(239,68,68,.4); }


/* ═══════════════════ POPUP / MODAL DÜZELTMELERİ (masaüstü + mobil) ═══════════════════ */
/* Animasyonlu üst öğe fixed konumlu popup'ları kaydırmasın: sayfa girişi animasyonu bittikten sonra transform bırakmaz. */
.akd-main, .akd-admin-icerik { transform: none; }
.modal.show.d-block, .modal.d-block {
    position: fixed !important; inset: 0 !important; width: 100vw; height: 100vh; height: 100dvh;
    overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    z-index: 2000;
}
.modal.show.d-block .modal-dialog { margin: 12px auto; max-height: calc(100dvh - 24px); display: flex; align-items: center; min-height: calc(100dvh - 24px); }
.modal.show.d-block .modal-dialog.modal-dialog-scrollable { max-height: calc(100dvh - 24px) !important; }
.modal.show.d-block .modal-content { width: 100%; max-height: calc(100dvh - 24px) !important; overflow: hidden; display: flex; flex-direction: column; }
.modal.show.d-block .modal-body { overflow-y: auto; -webkit-overflow-scrolling: touch; min-height: 0; }
@media (max-width: 575.98px) {
    .modal.show.d-block .modal-dialog { margin: 8px; max-width: none; width: calc(100vw - 16px); }
    .modal.show.d-block .modal-content { border-radius: 16px !important; }
    .akd-mod-kutu { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow-y: auto; }
    .akd-yt { height: 70dvh; min-height: 420px; }
    .akd-yt-emoji-panel { grid-template-columns: repeat(6, 1fr); }
}

/* ═══════════════════ SÜRÜKLENEBİLİR KAMERA KUTUSU (ekran paylaşımı) ═══════════════════ */
.akd-pip-tutac { position: absolute; z-index: 25; cursor: grab; touch-action: none; border-radius: 14px; outline: 2px dashed transparent; transition: outline-color .15s, background .15s; }
.akd-pip-tutac:hover, .akd-pip-tutac.suruk { outline-color: rgba(255,255,255,.85); background: rgba(255,255,255,.05); }
.akd-pip-tutac.suruk { cursor: grabbing; }
.akd-pip-tutac::after { content: "\2725  Taşı"; position: absolute; top: 6px; left: 6px; font-size: .68rem; font-weight: 700; color: #fff; background: rgba(2,6,23,.7); border-radius: 6px; padding: 2px 7px; opacity: 0; transition: opacity .15s; pointer-events: none; }
.akd-pip-tutac:hover::after, .akd-pip-tutac.suruk::after { opacity: 1; }


/* ═══════════════════ BEKLEYEN SÖZ HAKKI UYARISI ═══════════════════ */
.akd-soz-banner { margin-bottom: 12px; padding: 10px 12px; border-radius: 14px; background: linear-gradient(135deg, rgba(245,158,11,.22), rgba(239,68,68,.16)); border: 1px solid rgba(245,158,11,.65); box-shadow: 0 0 0 0 rgba(245,158,11,.6); animation: sozNabiz 1.8s ease-in-out infinite, sozGiris .35s cubic-bezier(.16,1,.3,1); }
.akd-soz-banner.flas { animation: sozNabiz .6s ease-in-out infinite, sozSalla .6s ease; background: linear-gradient(135deg, rgba(245,158,11,.45), rgba(239,68,68,.35)); }
.akd-soz-ust { display: flex; align-items: center; gap: 8px; color: #fde68a; font-size: .88rem; margin-bottom: 6px; }
.akd-soz-el { font-size: 1.35rem; display: inline-block; transform-origin: 70% 80%; animation: sozEl 1.2s ease-in-out infinite; }
.akd-soz-nokta { width: 9px; height: 9px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 10px #f59e0b; margin-left: auto; animation: tvPulse 1s infinite; }
.akd-soz-satir { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: .85rem; }
.akd-soz-ad { font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@keyframes sozNabiz { 0%,100% { box-shadow: 0 0 0 0 rgba(245,158,11,.55); } 50% { box-shadow: 0 0 0 10px rgba(245,158,11,0); } }
@keyframes sozEl { 0%,100% { transform: rotate(0); } 25% { transform: rotate(18deg); } 75% { transform: rotate(-14deg); } }
@keyframes sozGiris { from { opacity: 0; transform: translateY(-10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes sozSalla { 0%,100% { transform: none; } 20% { transform: translateX(-5px); } 40% { transform: translateX(5px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(3px); } }
.akd-yt-uyari { animation: tvPulse 1.2s infinite; }


/* ═══════════════════ YAYINCI: KATILIMCI SESİ PANELİ ═══════════════════ */
.akd-ks-panel { position: absolute; left: 12px; bottom: 12px; z-index: 30; display: flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: rgba(2,6,23,.72); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: .72rem; backdrop-filter: blur(8px); }
.akd-ks-panel button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: #16a34a; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.akd-ks-panel button.kapali { background: #dc2626; }
.akd-ks-panel input[type=range] { width: 90px; accent-color: #22c55e; }
.akd-sahne:fullscreen .akd-ks-panel { bottom: 24px; }


/* ═══════════════════ NORMAL MOD: İSİM + CANLI ROZETİ ═══════════════════ */
.akd-ust-sol { position: absolute; top: 12px; left: 12px; z-index: 12; display: flex; align-items: center; gap: 8px; pointer-events: none; }
.akd-ust-sol .akd-isim-pill { position: static; }
.akd-canli-rozet { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: linear-gradient(90deg, #dc2626, #991b1b); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .08em; border: 1px solid rgba(255,255,255,.3); box-shadow: 0 0 14px rgba(220,38,38,.6); }
.akd-sahne:fullscreen .akd-ust-sol { display: none; }

.akd-yt-rozet.emoji { background: transparent; padding: 0; margin-right: 6px; font-size: .95rem; vertical-align: -1px; }

/* ═══════════════════ YOUTUBE DÜZENİ: MASAÜSTÜNDE SOHBET VİDEONUN SAĞINDA ═══════════════════ */
.akd-yt-duzen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.akd-yt-duzen > * { min-width: 0; }
.akd-yt-duzen > .akd-yt { margin-top: 0 !important; }
@media (min-width: 992px) {
    .akd-yt-duzen { grid-template-columns: minmax(0, 1fr) 380px; align-items: start; }
    .akd-yt-duzen > .akd-soz-banner { grid-column: 1 / -1; margin-bottom: 0; }
    .akd-yt-duzen > .akd-kart:not(.akd-yt) { grid-column: 1; margin-top: 0 !important; }
    /* Sohbet yüksekliği videonun yüksekliğini takip eder (en az 480px), mesajlar kendi içinde kayar */
    .akd-yt-duzen > .akd-yt { grid-column: 2; height: 0; min-height: max(480px, 100%); align-self: stretch; }
}


/* Tam ekran: dagınık grafikler yerine tek, derli toplu sol-alt kart (kontrollerin ustunde, asla kontrollere engel olmaz) */
.akd-sahne:fullscreen .akd-tv-chyron-wrapper { left: 24px; right: auto; width: min(620px, 62vw); bottom: 90px !important; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 28px rgba(0,0,0,.55); opacity: .96; pointer-events: none !important; z-index: 20; }
.akd-sahne:fullscreen .akd-tv-headline-bar, .akd-sahne:fullscreen .akd-tv-ticker-bar { height: 32px; }
.akd-sahne:fullscreen .akd-tv-flipper-container { height: 32px; }
.akd-sahne:fullscreen .akd-tv-anchor-box { left: 24px; bottom: 170px !important; pointer-events: none !important; z-index: 20; }
.akd-sahne:fullscreen .akd-tv-anchor-title-strip { display: none; }
.akd-sahne:fullscreen .akd-tv-anchor-name-strip { border-radius: 8px 8px 0 0; clip-path: none; padding: 5px 18px 5px 12px !important; }
.akd-sahne:fullscreen .akd-tv-chyron-wrapper { transition: opacity .4s; }
@media (max-width: 768px) {
    .akd-sahne:fullscreen .akd-tv-chyron-wrapper { width: calc(100vw - 32px); left: 16px; bottom: 85px !important; }
    .akd-sahne:fullscreen .akd-tv-anchor-box { left: 16px; bottom: 155px !important; }
}


/* Oda ust seridi: tek satir kalem gibi kurulan profesyonel yapi */
.akd-oda-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; flex-wrap: nowrap; overflow: hidden; }
.akd-oda-ust-sol { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1 1 auto; overflow: hidden; }
.akd-oda-ust-sag { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.akd-oda-baslik { margin: 0; font-size: 1.05rem; font-weight: 700; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.akd-oda-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #fff; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.akd-oda-chip-kirmizi { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.4); color: #fca5a5; }
.akd-oda-chip-ad { max-width: 140px; overflow: hidden; text-overflow: ellipsis; }
.akd-oda-chip-btn { background: none; border: 0; padding: 0; color: #fbbf24; font-size: .76rem; cursor: pointer; }
.akd-oda-xp { border: 0; border-radius: 999px; padding: 4px 10px; background: linear-gradient(90deg,#fbbf24,#f59e0b); color: #1f1300; font-size: .75rem; font-weight: 800; white-space: nowrap; cursor: pointer; transition: transform .15s; }
.akd-oda-xp:hover { transform: translateY(-1px); }

@media (max-width: 640px) {
    .akd-oda-ust { flex-wrap: nowrap !important; margin-bottom: 8px; }
    .akd-oda-baslik { font-size: 0.92rem; max-width: 48vw; }
    .akd-oda-chip-ad { max-width: 90px; }
}

@keyframes akdMarqueeSmooth {
    0% { transform: translateX(0); }
    15% { transform: translateX(0); }
    85% { transform: translateX(calc(-100% + 220px)); }
    100% { transform: translateX(0); }
}
@media (max-width: 768px) {
    .akd-ticker-scroll {
        display: inline-block;
        white-space: nowrap;
        animation: akdMarqueeSmooth 14s linear infinite;
        padding-right: 40px;
    }
}


/* Konusan Katilimci Bildirimi: Ust-orta, kucuk, zarif, 4.5 sn sonra otomatik kaybolur */
.akd-konusan-toast { position: absolute; top: 12px; left: 50%; transform: translateX(-50%); z-index: 20; display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: rgba(4, 10, 24, 0.82); border: 1px solid rgba(16, 185, 129, 0.45); box-shadow: 0 4px 18px rgba(0, 0, 0, 0.6), 0 0 12px rgba(16, 185, 129, 0.2); backdrop-filter: blur(10px); font-size: 0.74rem; line-height: 1.2; pointer-events: none; max-width: 85%; animation: akdKonusanOtoGizle 4.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
.akd-konusan-dot { width: 6px; height: 6px; border-radius: 50%; background: #10b981; box-shadow: 0 0 8px #10b981; animation: tvPulse 1s infinite; flex-shrink: 0; }
.akd-konusan-ad { color: #fff; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.akd-konusan-ek { color: rgba(255, 255, 255, 0.65); font-weight: 500; white-space: nowrap; }
@keyframes akdKonusanOtoGizle { 0% { opacity: 0; transform: translate(-50%, -8px) scale(0.96); } 12% { opacity: 1; transform: translate(-50%, 0) scale(1); } 75% { opacity: 1; transform: translate(-50%, 0) scale(1); } 100% { opacity: 0; transform: translate(-50%, -8px) scale(0.96); visibility: hidden; } }


/* Yayinci kamerasini kapattiginda donmus kareyi onleyen perde */
.akd-kamera-kapali-perde { position: absolute; inset: 0; z-index: 8; background: radial-gradient(circle at center, rgba(15, 23, 42, 0.96) 0%, rgba(2, 6, 23, 0.99) 100%); display: flex; align-items: center; justify-content: center; }
.akd-kamera-kapali-kutu { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px; }
.akd-kamera-kapali-avatar { width: 68px; height: 68px; border-radius: 50%; background: rgba(239, 68, 68, 0.15); border: 2px solid rgba(239, 68, 68, 0.5); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; box-shadow: 0 0 24px rgba(239, 68, 68, 0.35); animation: tvPulse 1.8s infinite; }
.akd-kamera-kapali-baslik { font-size: 1.05rem; font-weight: 700; color: #fff; letter-spacing: 0.02em; }
.akd-kamera-kapali-alt { font-size: 0.8rem; font-weight: 500; color: #94a3b8; }

/* ═══════════════════════════════════════════════════════════════════
   AI KOÇ — BAS-KONUŞ & SESLİ YANIT STİLLERİ
   ═══════════════════════════════════════════════════════════════════ */
.akd-btn-mikrofon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #e2e8f0;
    font-size: 1.15rem;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    flex-shrink: 0;
}
.akd-btn-mikrofon:hover {
    background: rgba(34, 211, 238, 0.18);
    border-color: rgba(34, 211, 238, 0.5);
    color: #22d3ee;
    transform: translateY(-1px);
}
.akd-btn-mikrofon.dinliyor {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #f87171 !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    animation: akdMicPulse 1.25s infinite;
}
@keyframes akdMicPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
        transform: scale(1.05);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
        transform: scale(1);
    }
}

/* AI Konuşuyor Equalizer Dalgası */
.akd-ses-equalizer {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    height: 16px;
}
.akd-ses-cubuk {
    width: 3px;
    height: 100%;
    background: #22d3ee;
    border-radius: 2px;
    animation: akdSesDalga 0.9s ease-in-out infinite alternate;
}
.akd-ses-cubuk:nth-child(2) { animation-delay: 0.2s; height: 70%; }
.akd-ses-cubuk:nth-child(3) { animation-delay: 0.4s; height: 90%; }
.akd-ses-cubuk:nth-child(4) { animation-delay: 0.15s; height: 50%; }
@keyframes akdSesDalga {
    0% { transform: scaleY(0.3); opacity: 0.5; }
    100% { transform: scaleY(1); opacity: 1; }
}

/* Ses Açık / Kapalı ve Sustur butonları */
.akd-ses-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #cbd5e1;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.akd-ses-toggle:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}
.akd-ses-toggle.aktif {
    background: rgba(34, 211, 238, 0.14);
    border-color: rgba(34, 211, 238, 0.4);
    color: #22d3ee;
}
.akd-ses-sustur {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 6px;
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.4);
    color: #fca5a5;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}
.akd-ses-sustur:hover {
    background: rgba(239, 68, 68, 0.28);
    color: #fff;
}

/* ═══════════════════════════════════════════════════════════════════════ */
/* AI KOÇ MOBİL DOCK & BOTTOM ACTION BAR                                  */
/* ═══════════════════════════════════════════════════════════════════════ */
.akd-koc-mobile-bottom-bar {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    background: rgba(8, 14, 28, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 8px 16px;
    min-height: 58px;
}

.akd-mob-action-btn {
    -webkit-appearance: none !important;
    appearance: none !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    color: #cbd5e1 !important;
    border-radius: 9999px;
    padding: 7px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.akd-mob-action-btn:active {
    transform: scale(0.96);
}

.akd-mob-action-btn.active {
    background: rgba(56, 189, 248, 0.18) !important;
    border-color: #38bdf8 !important;
    color: #38bdf8 !important;
}

.akd-mob-action-btn.finish {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.45) !important;
    color: #4ade80 !important;
    font-weight: 700;
}

.akd-mob-action-btn.finish:hover,
.akd-mob-action-btn.finish:active {
    background: rgba(34, 197, 94, 0.3) !important;
    border-color: #22c55e !important;
    color: #fff !important;
}

.akd-mob-mic-orb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 2px solid rgba(56, 189, 248, 0.5) !important;
    background: linear-gradient(135deg, #0284c7, #2563eb) !important;
    color: #ffffff !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.4);
}

.akd-mob-mic-orb.listening {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #f87171 !important;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.7);
    animation: orbPulse 1.2s infinite ease-in-out;
}

.akd-mob-mic-orb.speaking {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border-color: #34d399 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.7);
    animation: orbPulse 1.5s infinite ease-in-out;
}

.akd-mob-mic-orb.muted {
    background: rgba(239, 68, 68, 0.18) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #f87171 !important;
    box-shadow: none;
}

@media (max-width: 768px) {
    .akd-koc-mobile-active-room {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-width: 100vw !important;
        max-height: 100dvh !important;
        z-index: 1060 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border: none !important;
        display: flex !important;
        flex-direction: column !important;
        background: #060913 !important;
    }
}