/* Sanal Eğitim — Panel & Auth (Poppins) — tema içine gömülü, geliştirilmiş tasarım. */

:root{
  --se-ink:#16243C;
  --se-ink-2:#1F3354;
  --se-ink-grad:linear-gradient(135deg,#1B2C49 0%,#24375A 100%);
  --se-bg:#F4F6FA;
  --se-surface:#FFFFFF;
  --se-soft:#F7F9FC;
  --se-line:#E6EAF1;
  --se-text:#1A2233;
  --se-muted:#6B7689;
  --se-accent:#E0A436;
  --se-accent-2:#F2B84B;
  --se-accent-d:#B5811F;
  --se-ok:#15803d;
  --se-danger:#dc2626;
  --se-r:16px;
  --se-r-sm:11px;
  --se-shadow:0 1px 2px rgba(16,24,40,.05), 0 6px 20px -8px rgba(16,24,40,.12);
  --se-shadow-sm:0 1px 2px rgba(16,24,40,.06);
  --se-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --se-display:var(--se-font);
}

/* ===================== PANEL (tema içeriği içinde) ===================== */
.se-panel{font-family:var(--se-font);color:var(--se-text);max-width:920px;margin:0 auto;-webkit-font-smoothing:antialiased;line-height:1.55}
.se-panel *{box-sizing:border-box}
.se-panel a{text-decoration:none;color:inherit}

/* Sekme menüsü — segmented pill */
.se-tabs{margin:4px 0 22px}
.se-tabs-in{display:inline-flex;gap:4px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:999px;padding:5px;box-shadow:var(--se-shadow-sm);flex-wrap:wrap}
.se-tab{padding:9px 18px;border-radius:999px;font-weight:600;font-size:14px;color:var(--se-muted);transition:all .15s;white-space:nowrap}
.se-tab:hover{color:var(--se-ink)}
.se-tab.active{background:var(--se-ink-grad);color:#fff;box-shadow:0 4px 12px -4px rgba(22,36,60,.5)}

/* Başlıklar */
.se-h1{font-family:var(--se-display);font-size:23px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px;color:var(--se-ink)}
.se-sub{color:var(--se-muted);margin:0 0 22px;font-size:14.5px}
.se-section-title{font-family:var(--se-display);font-weight:600;font-size:15px;margin:26px 0 12px;color:var(--se-ink)}

/* Paket / ders kartı */
.se-paket{background:var(--se-surface);border:1px solid var(--se-line);border-radius:var(--se-r);box-shadow:var(--se-shadow);overflow:hidden;margin-bottom:20px}
.se-paket-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--se-ink-grad);color:#fff}
.se-paket-head h3{font-family:var(--se-display);font-size:16.5px;font-weight:600;margin:0;letter-spacing:-.01em}
.se-paket-meta{font-size:12.5px;color:var(--se-muted)}
.se-paket-head .se-paket-meta{color:rgba(255,255,255,.78)}
.se-ders{padding:8px 10px 12px}
.se-ders-baslik{font-weight:600;font-size:11.5px;color:var(--se-accent-d);text-transform:uppercase;letter-spacing:.06em;padding:14px 10px 6px}

.se-video{display:flex;align-items:center;gap:13px;padding:12px 12px;border-radius:var(--se-r-sm);transition:background .15s,transform .15s}
.se-video:hover{background:var(--se-soft);transform:translateX(2px)}
.se-video .tik{flex:0 0 24px;height:24px;border-radius:50%;border:2px solid var(--se-line);display:grid;place-items:center;font-size:13px;color:#fff;transition:all .15s}
.se-video.tamam .tik{background:var(--se-accent);border-color:var(--se-accent);box-shadow:0 2px 8px -2px rgba(224,164,54,.6)}
.se-video .ad{flex:1;font-weight:500;font-size:14.5px}
.se-video .ad small{display:block;color:var(--se-muted);font-weight:400;font-size:12px;margin-top:2px}
.se-video .git{color:var(--se-accent-d);font-weight:600;font-size:13px;opacity:.85}
.se-video:hover .git{opacity:1}

/* Video sayfası */
.se-back{display:inline-flex;align-items:center;gap:6px;color:var(--se-muted);font-weight:600;font-size:13.5px;margin-bottom:16px}
.se-back:hover{color:var(--se-ink)}
.se-video-embed{position:relative;border-radius:var(--se-r);overflow:hidden;background:#000;box-shadow:var(--se-shadow);margin-bottom:6px}
.se-video-embed > iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.se-video-embed > div{line-height:0}
.sanal-video-yok{padding:46px;text-align:center;color:var(--se-muted);background:var(--se-surface);border:1px dashed var(--se-line);border-radius:var(--se-r)}
.se-video-title{font-family:var(--se-display);font-size:21px;font-weight:700;letter-spacing:-.02em;margin:18px 0 8px;color:var(--se-ink)}
.se-aciklama{color:var(--se-text);font-size:14.5px;margin-top:6px}
.se-aciklama p{margin:0 0 10px}

.se-mat{background:var(--se-surface);border:1px solid var(--se-line);border-radius:var(--se-r);padding:6px;margin-top:14px;box-shadow:var(--se-shadow-sm)}
.se-mat a{display:flex;align-items:center;gap:12px;padding:13px;border-radius:var(--se-r-sm);font-weight:500;transition:background .15s}
.se-mat a:hover{background:var(--se-soft)}
.se-mat a + a{border-top:1px solid var(--se-line)}
.se-mat .ic{flex:0 0 36px;height:36px;border-radius:9px;background:#eef1f7;display:grid;place-items:center;font-size:16px}

/* Profil */
.se-grid2{display:grid;grid-template-columns:1fr;gap:18px}
.se-profil{background:var(--se-surface);border:1px solid var(--se-line);border-radius:var(--se-r);box-shadow:var(--se-shadow);padding:24px}
.se-avatar{width:64px;height:64px;border-radius:18px;background:var(--se-ink-grad);color:#fff;font-family:var(--se-display);font-weight:700;font-size:26px;display:grid;place-items:center;margin-bottom:14px;box-shadow:0 6px 16px -6px rgba(22,36,60,.6)}
.se-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--se-line);font-size:14px}
.se-row .k{color:var(--se-muted)}
.se-row .v{font-weight:600;text-align:right;word-break:break-word}
.se-card-title{font-family:var(--se-display);font-weight:600;font-size:16px;margin:0 0 14px;color:var(--se-ink)}
.se-cikis-link{display:inline-block;color:var(--se-danger);font-weight:600;font-size:14px}
.se-cikis-link:hover{text-decoration:underline}

.se-empty{text-align:center;padding:52px 20px;color:var(--se-muted);background:var(--se-surface);border:1px solid var(--se-line);border-radius:var(--se-r)}
.se-empty .ic{font-size:38px;margin-bottom:10px}

.se-btn-inline{display:inline-block;margin-top:12px;background:var(--se-ink);color:#fff;font-weight:600;padding:10px 20px;border-radius:var(--se-r-sm)}

/* ============================ AUTH formları ============================ */
.se-auth{max-width:440px;margin:24px auto;font-family:var(--se-font);color:var(--se-text)}
.se-auth *{box-sizing:border-box}
.se-auth-card{background:var(--se-surface);border:1px solid var(--se-line);border-radius:20px;box-shadow:var(--se-shadow);padding:30px 28px}
.se-auth h2{font-family:var(--se-display);font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px;color:var(--se-ink)}
.se-auth .se-lead{color:var(--se-muted);margin:0 0 22px;font-size:14px}
.se-lead{color:var(--se-muted)}

.se-field{margin-bottom:15px}
.se-field label{display:block;font-weight:600;font-size:13px;margin-bottom:6px;color:#33405a}
.se-input{width:100%;padding:12px 14px;border:1.5px solid var(--se-line);border-radius:var(--se-r-sm);font-size:15px;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s;color:var(--se-text)}
.se-input:focus{outline:none;border-color:var(--se-ink-2);box-shadow:0 0 0 4px rgba(31,51,84,.08)}
.se-cols{display:flex;gap:12px}
.se-cols > div{flex:1}
.se-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--se-text);margin:8px 0}
.se-check input{margin-top:3px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--se-ink)}
.se-check a{color:var(--se-accent-d);font-weight:600;text-decoration:underline}

.se-btn{width:100%;background:var(--se-ink-grad);color:#fff;border:0;border-radius:var(--se-r-sm);padding:13px 16px;font-size:15px;font-weight:600;font-family:var(--se-display);cursor:pointer;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 6px 16px -6px rgba(22,36,60,.55)}
.se-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(22,36,60,.6)}
.se-btn:active{transform:translateY(0)}
.se-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}

.se-alt{text-align:center;margin-top:16px;font-size:14px;color:var(--se-muted)}
.se-alt a{color:var(--se-accent-d);font-weight:600}

.se-msg{padding:11px 14px;border-radius:var(--se-r-sm);font-size:13.5px;margin-bottom:14px;display:none}
.se-msg.show{display:block}
.se-msg.err{background:#fdecec;color:#9f1239;border:1px solid #f6cccc}
.se-msg.ok{background:#e9f7ef;color:#0f6b2e;border:1px solid #bce5cb}

/* OTP adımı */
.se-otp-step{display:none}
.se-otp-step.show{display:block}
.se-otp-input{letter-spacing:.55em;text-align:center;font-size:23px;font-weight:600;font-family:var(--se-display)}
.se-resend{background:none;border:0;color:var(--se-accent-d);font-weight:600;cursor:pointer;padding:6px;font-size:13.5px}

/* kısa bilgi kutusu */
.sanal-bilgi{background:#eef2fb;border:1px solid #d6e0f5;border-radius:14px;padding:18px;text-align:center;font-family:var(--se-font)}
.sanal-bilgi a{color:var(--se-accent-d);font-weight:600}
.sanal-cikis-btn{display:inline-block;font-family:var(--se-font);font-weight:600}

/* ============================ duyarlı ============================ */
@media (min-width:720px){
  .se-grid2{grid-template-columns:1fr 1fr;align-items:start}
}

/* ============================================================= *
 *  Geliştirilmiş KAYIT / GİRİŞ tasarımı (override + yeni öğeler)
 * ============================================================= */
.se-auth{max-width:466px;margin:42px auto;padding:0 16px}
.se-auth-card{padding:34px 30px;border-radius:22px;border:1px solid var(--se-line);
  box-shadow:0 18px 48px -16px rgba(16,24,40,.22), 0 2px 10px -6px rgba(16,24,40,.10)}

.se-auth-head{text-align:center;margin-bottom:24px}
.se-auth-logo{width:58px;height:58px;margin:0 auto 14px;border-radius:17px;background:var(--se-ink-grad);
  display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px -8px rgba(22,36,60,.6)}
.se-auth-logo svg{width:29px;height:29px}
.se-auth-head h2{margin:0 0 6px}
.se-auth-head .se-lead{margin:0;font-size:14px}

/* alanlar */
.se-auth .se-field{margin-bottom:16px}
.se-input{background:var(--se-soft)}
.se-input:focus{background:#fff}
.se-auth .se-input{padding:13px 15px;border-radius:12px}

/* Telefon: +90 önekli grup — sadece rakam, 10 hane, biçimli */
.se-phone{display:flex;align-items:stretch;border:1.5px solid var(--se-line);border-radius:12px;
  overflow:hidden;background:var(--se-soft);transition:border-color .15s,box-shadow .15s,background .15s}
.se-phone:focus-within{border-color:var(--se-ink-2);box-shadow:0 0 0 4px rgba(31,51,84,.08);background:#fff}
.se-phone-cc{display:flex;align-items:center;gap:6px;padding:0 14px;color:var(--se-ink);font-weight:600;
  font-size:14.5px;background:#eceff5;border-right:1px solid var(--se-line);white-space:nowrap}
.se-phone-cc svg{width:15px;height:15px;opacity:.8}
.se-phone .se-input{border:0 !important;box-shadow:none !important;border-radius:0;background:transparent;
  flex:1;padding-left:13px;letter-spacing:.04em}

/* Onay kutuları (kart şeklinde, tıklanabilir) */
.se-auth .se-check{background:var(--se-soft);border:1px solid var(--se-line);border-radius:12px;
  padding:12px 14px;margin:10px 0;font-size:12.8px;line-height:1.5;cursor:pointer;transition:border-color .15s,background .15s}
.se-auth .se-check:hover{border-color:#cfd6e4}
.se-auth .se-check input{width:18px;height:18px}

/* Alt linkler */
.se-alt{margin-top:20px}

/* Giriş: hatırla + şifremi unuttum aynı satır */
.se-row-between{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px}
.se-row-between .se-check{background:none !important;border:0 !important;padding:0 !important;margin:0 !important}
.se-row-between a{color:var(--se-accent-d);font-weight:600;font-size:13.5px;white-space:nowrap}
.se-row-between a:hover{text-decoration:underline}

/* OTP girişi */
.se-otp-step .se-auth-head{margin-bottom:18px}
.se-otp-input{letter-spacing:.5em;background:var(--se-soft);text-align:center}

/* İkon boyut güvencesi — tema "svg{width:100%}" gibi kuralları ezer */
.se-auth-logo svg{width:28px !important;height:28px !important;flex:0 0 auto}
.se-phone-cc svg{width:15px !important;height:15px !important;flex:0 0 auto;opacity:.85}
.se-auth svg{max-width:100%}

/* Geniş (yatay) kayıt kartı + mobilde sütunların yığılması */
.se-auth-wide{max-width:760px}
.se-auth-wide .se-auth-form{margin-top:2px}
.se-auth-wide .se-otp-step{max-width:400px;margin-left:auto;margin-right:auto}
@media (max-width:620px){
  .se-cols{flex-wrap:wrap;gap:0}
  .se-cols > div{flex:1 1 100%}
}

/* Onay kutuları: geniş ekranda yan yana, üstte küçük boşluk */
.se-cols-onay{margin-top:8px;align-items:stretch}
.se-cols-onay .se-check{flex:1;margin:0}

/* Tema, input'lara max-width koyduğunda alanlar daralıyordu — kartı tam doldur */
.se-auth .se-input{width:100% !important;max-width:none !important}
.se-panel .se-input{width:100% !important;max-width:none !important}
.se-auth .se-phone,.se-panel .se-phone{width:100%;max-width:none}
.se-phone .se-input{width:auto !important;flex:1 1 auto;min-width:0}
.se-auth select,.se-auth textarea{width:100% !important;max-width:none !important}

/* Telefon alanı diğer inputlarla aynı görünsün (gri ağır blok yerine beyaz/ferah) */
.se-auth .se-input{background:#fff !important}
.se-auth .se-phone{background:#fff !important}
.se-phone:focus-within{background:#fff !important}
.se-phone-cc{background:#f6f8fb !important;color:var(--se-muted) !important;border-right:1px solid var(--se-line);font-weight:600}
.se-phone-cc svg{opacity:.7}

/* Alan içi küçük ipucu */
.se-hint{color:var(--se-muted);font-weight:500;font-size:12px}

/* Alan bazlı doğrulama hataları (kayıt) */
.se-field-err{color:var(--se-danger);font-size:12.5px;font-weight:500;margin-top:6px;line-height:1.35}
.se-input.has-err{border-color:var(--se-danger) !important}
.se-input.has-err:focus{box-shadow:0 0 0 4px rgba(220,38,38,.10) !important}
.se-check input.has-err{outline:2px solid var(--se-danger);outline-offset:1px;border-radius:3px}
.se-cols-onay + .se-field-err{flex-basis:100%;width:100%}

/* =========================================================
   PANEL v2 — solda sabit ikon menü + bölüm bileşenleri
   (sonda olduğu için eski .se-panel kuralını ezer)
   ========================================================= */
.se-panel{display:flex;gap:24px;max-width:1180px;margin:0 auto;align-items:flex-start;width:100%}

/* Sol menü */
.se-side{flex:0 0 232px;position:sticky;top:20px}
.se-side-nav{background:var(--se-surface);border:1px solid var(--se-line);border-radius:18px;padding:14px;box-shadow:var(--se-shadow)}
.se-side-user{display:flex;align-items:center;gap:10px;padding:6px 6px 14px;margin-bottom:6px;border-bottom:1px solid var(--se-line)}
.se-side-av{width:38px;height:38px;border-radius:11px;background:var(--se-ink-grad);color:#fff;font-weight:700;display:grid;place-items:center;font-size:16px;flex:0 0 auto}
.se-side-ad{font-weight:600;font-size:14px;color:var(--se-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.se-nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--se-muted);font-weight:600;font-size:14px;transition:background .15s,color .15s;margin:2px 0}
.se-nav-item svg{width:20px;height:20px;flex:0 0 auto}
.se-nav-item:hover{background:var(--se-soft);color:var(--se-ink)}
.se-nav-item.active{background:var(--se-ink-grad);color:#fff;box-shadow:0 6px 16px -6px rgba(22,36,60,.5)}
.se-nav-cikis{color:var(--se-danger);margin-top:6px;border-top:1px solid var(--se-line);border-radius:0;padding-top:14px}
.se-nav-cikis:hover{background:#fdecec;color:var(--se-danger)}
.se-content{flex:1 1 auto;min-width:0}

/* Paketlerim — video satırı + izledim */
.se-video-row{display:flex;align-items:center;gap:6px;border-radius:var(--se-r-sm);transition:background .15s}
.se-video-row:hover{background:var(--se-soft)}
.se-check-btn{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--se-line);background:#fff;cursor:pointer;display:grid;place-items:center;padding:0;margin-left:8px;transition:background .15s,border-color .15s}
.se-check-btn .tik{font-size:13px;color:#fff;line-height:1;font-weight:700}
.se-video-row.tamam .se-check-btn{background:var(--se-accent);border-color:var(--se-accent)}
.se-check-btn:hover{border-color:var(--se-accent)}
.se-video-link{flex:1;display:flex;align-items:center;gap:12px;padding:12px 12px 12px 4px;min-width:0}
.se-video-link .ad{flex:1;font-weight:500;font-size:14.5px;min-width:0;color:var(--se-ink)}
.se-video-link .ad small{display:block;color:var(--se-muted);font-weight:400;font-size:12px;margin-top:2px}
.se-video-link .git{color:var(--se-accent-d);font-weight:600;font-size:13px;white-space:nowrap}
.se-video-row.tamam .ad{color:var(--se-muted)}

/* Canlı dersler */
.se-canli-card{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--se-surface);border:1px solid var(--se-line);border-radius:14px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--se-shadow-sm);flex-wrap:wrap}
.se-canli-card.izlendi{background:var(--se-soft)}
.se-canli-info{min-width:0;flex:1}
.se-canli-baslik{font-family:var(--se-display);font-weight:600;font-size:15.5px;color:var(--se-ink)}
.se-canli-tarih{color:var(--se-muted);font-size:13px;margin-top:4px;display:flex;align-items:center;gap:6px}
.se-canli-aciklama{color:var(--se-muted);font-size:13px;margin-top:6px}
.se-canli-aksiyon{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.se-btn-zoom{display:inline-flex;align-items:center;gap:7px;background:#2563eb;color:#fff;font-weight:600;font-size:14px;padding:10px 16px;border-radius:10px;box-shadow:0 6px 14px -6px rgba(37,99,235,.6);transition:transform .12s}
.se-btn-zoom:hover{transform:translateY(-1px)}
.se-izledim{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--se-text);cursor:pointer;font-weight:500;white-space:nowrap}
.se-izledim input{width:17px;height:17px;accent-color:var(--se-accent);cursor:pointer}

/* Dökümanlar — paket › klasör › grid */
.se-dok-paket{margin-bottom:26px}
.se-dok-paket-ad{font-family:var(--se-display);font-weight:600;font-size:16px;color:var(--se-ink);margin:0 0 12px}
.se-klasor{background:var(--se-surface);border:1px solid var(--se-line);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:var(--se-shadow-sm)}
.se-klasor-bas{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--se-ink);margin-bottom:12px}
.se-klasor-bas svg{color:var(--se-accent-d)}
.se-klasor-say{margin-left:auto;background:var(--se-soft);color:var(--se-muted);font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px}
.se-dok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.se-dok-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--se-line);border-radius:11px;transition:border-color .15s,box-shadow .15s,background .15s;background:var(--se-soft)}
.se-dok-item:hover{border-color:var(--se-accent);background:#fff;box-shadow:var(--se-shadow-sm)}
.se-dok-ic{flex:0 0 auto;width:38px;height:38px;border-radius:9px;background:#fde8e8;color:#c0392b;font-weight:700;font-size:11px;display:grid;place-items:center}
.se-dok-ad{flex:1;font-weight:500;font-size:14px;min-width:0;overflow:hidden;color:var(--se-ink)}
.se-dok-ad small{display:block;color:var(--se-muted);font-weight:400;font-size:12px;margin-top:2px}
.se-dok-dl{color:var(--se-accent-d);font-weight:700;font-size:16px}

/* WhatsApp */
.se-wa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.se-wa-card{display:flex;align-items:center;gap:14px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:14px;padding:16px;box-shadow:var(--se-shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}
.se-wa-card:hover{border-color:#25d366;box-shadow:0 8px 20px -10px rgba(37,211,102,.5);transform:translateY(-2px)}
.se-wa-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:#25d366;color:#fff;display:grid;place-items:center}
.se-wa-info{flex:1;min-width:0}
.se-wa-info strong{display:block;font-size:14.5px;color:var(--se-ink)}
.se-wa-info small{color:var(--se-muted);font-size:12.5px}
.se-wa-go{color:#1ea952;font-weight:700;font-size:14px;white-space:nowrap}

/* Siparişler */
.se-sip-list{display:grid;gap:12px}
.se-sip-card{background:var(--se-surface);border:1px solid var(--se-line);border-radius:14px;padding:16px 18px;box-shadow:var(--se-shadow-sm)}
.se-sip-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.se-sip-no{font-family:var(--se-display);font-weight:700;color:var(--se-ink);font-size:15px}
.se-sip-durum{font-size:12px;font-weight:600;padding:3px 11px;border-radius:999px;background:var(--se-soft);color:var(--se-muted)}
.se-sip-durum.durum-completed{background:#e7f6ec;color:#15803d}
.se-sip-durum.durum-processing{background:#e8f0fe;color:#1d4ed8}
.se-sip-durum.durum-pending,.se-sip-durum.durum-on-hold{background:#fef3e0;color:#b45309}
.se-sip-durum.durum-cancelled,.se-sip-durum.durum-failed,.se-sip-durum.durum-refunded{background:#fdecec;color:#b91c1c}
.se-sip-meta{color:var(--se-muted);font-size:13px;margin-bottom:10px}
.se-sip-urunler{border-top:1px solid var(--se-line);padding-top:10px;display:grid;gap:6px}
.se-sip-urun{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--se-ink)}
.se-sip-urun .adet{color:var(--se-muted)}

.se-btn-inline{display:inline-block;background:var(--se-ink-grad);color:#fff;font-weight:600;padding:9px 16px;border-radius:10px;margin-top:8px}

/* Mobil: sol menü üstte yatay şeride döner */
@media (max-width:880px){
  .se-panel{flex-direction:column;gap:16px}
  .se-side{position:static;flex:none;width:100%;top:0}
  .se-side-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:8px;border-radius:14px;align-items:center}
  .se-side-user{display:none}
  .se-nav-item{flex-direction:column;gap:4px;font-size:11px;padding:8px 10px;white-space:nowrap;margin:0}
  .se-nav-item span{font-size:11px}
  .se-nav-cikis{border-top:0;padding-top:8px}
}

/* =========================================================
   MATRUŞKA — paket kartları + paket içi alt sekmeler
   ========================================================= */
.se-paket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.se-paket-card{display:flex;flex-direction:column;gap:10px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:18px;padding:20px;box-shadow:var(--se-shadow-sm);transition:transform .15s,box-shadow .15s,border-color .15s}
.se-paket-card:hover{transform:translateY(-3px);box-shadow:var(--se-shadow);border-color:var(--se-accent)}
.se-paket-ikon{width:48px;height:48px;border-radius:14px;background:var(--se-ink-grad);color:#fff;display:grid;place-items:center}
.se-paket-ad{font-family:var(--se-display);font-weight:700;font-size:17px;color:var(--se-ink);line-height:1.3}
.se-paket-rozet{display:flex;flex-wrap:wrap;gap:6px}
.se-paket-rozet span{background:var(--se-soft);color:var(--se-muted);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}
.se-paket-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--se-line)}
.se-paket-alt .bitis{color:var(--se-muted);font-size:12.5px}
.se-paket-alt .git{color:var(--se-accent-d);font-weight:700;font-size:14px;white-space:nowrap}

.se-paket-detay-head{margin-bottom:8px}
.se-subtabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--se-line);margin-bottom:20px}
.se-subtab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px 11px 0 0;color:var(--se-muted);font-weight:600;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s,background .15s}
.se-subtab svg{width:18px;height:18px}
.se-subtab:hover{color:var(--se-ink);background:var(--se-soft)}
.se-subtab.active{color:var(--se-accent-d);border-bottom-color:var(--se-accent)}
.se-subcontent{min-height:120px}

@media (max-width:880px){
  .se-subtabs{flex-wrap:nowrap;overflow-x:auto}
  .se-subtab{white-space:nowrap}
}

/* =========================================================
   v1.3.9 — ders listesi yeniden tasarım + footer boşluğu + cila
   ========================================================= */
.se-panel{padding-bottom:64px}

/* Geri linki */
.se-back{display:inline-flex;align-items:center;gap:5px;color:var(--se-muted);font-weight:600;font-size:13.5px;margin-bottom:16px;transition:color .15s}
.se-back:hover{color:var(--se-accent-d)}

/* Konu (ders) kartları */
.se-konu-list{display:flex;flex-direction:column;gap:14px}
.se-konu{background:var(--se-surface);border:1px solid var(--se-line);border-radius:16px;overflow:hidden;box-shadow:var(--se-shadow-sm)}
.se-konu-bas{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(120deg,#f6f8fc 0%,#eef2f8 100%);border-bottom:1px solid var(--se-line)}
.se-konu-no{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--se-ink-grad);color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center}
.se-konu-ad{flex:1;font-family:var(--se-display);font-weight:600;font-size:15.5px;color:var(--se-ink);min-width:0;line-height:1.3}
.se-konu-ilerleme{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.se-konu-ilerleme .bar{width:72px;height:6px;border-radius:99px;background:#dfe5ee;overflow:hidden}
.se-konu-ilerleme .bar i{display:block;height:100%;background:var(--se-accent);border-radius:99px;transition:width .3s}
.se-konu-ilerleme .say{font-size:12.5px;font-weight:700;color:var(--se-muted);white-space:nowrap}
.se-konu-videolar{padding:6px 8px}
.se-konu-bos{padding:16px 18px;color:var(--se-muted);font-size:13px}

/* Video satırı (yeni) */
.se-video-row{display:flex;align-items:center;gap:4px;border-radius:11px;transition:background .15s}
.se-video-row:hover{background:var(--se-soft)}
.se-video-row + .se-video-row{border-top:1px solid var(--se-line)}
.se-check-btn{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid #cdd5e1;background:#fff;cursor:pointer;display:grid;place-items:center;padding:0;margin-left:8px;transition:background .15s,border-color .15s}
.se-check-btn .tik{font-size:13px;color:#fff;line-height:1;font-weight:700;opacity:0;transition:opacity .12s}
.se-video-row.tamam .se-check-btn{background:var(--se-accent);border-color:var(--se-accent)}
.se-video-row.tamam .se-check-btn .tik{opacity:1}
.se-check-btn:hover{border-color:var(--se-accent)}
.se-video-link{flex:1;display:flex;align-items:center;gap:12px;padding:11px 14px 11px 6px;min-width:0}
.se-video-ana{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.se-video-ana .ad{font-weight:500;font-size:14.5px;color:var(--se-ink);line-height:1.3;flex:none}
.se-video-row.tamam .se-video-ana .ad{color:var(--se-muted)}
.se-video-durum{display:flex;align-items:center;gap:8px;font-size:12px;min-height:16px}
.rozet-izlendi{display:inline-flex;align-items:center;gap:4px;color:#15803d;background:#e7f6ec;font-weight:600;padding:2px 9px;border-radius:99px;font-size:11.5px}
.rozet-yeni{color:#9aa4b2;font-size:11.5px}
.mini-bar{width:96px;height:5px;border-radius:99px;background:#e6eaf1;overflow:hidden}
.mini-bar i{display:block;height:100%;background:var(--se-accent);border-radius:99px}
.mini-yuzde{color:var(--se-accent-d);font-weight:700;font-size:11.5px}
.se-play{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--se-soft);color:var(--se-accent-d);display:grid;place-items:center;transition:background .15s,color .15s}
.se-video-link:hover .se-play{background:var(--se-accent);color:#fff}

/* Başlık/alt başlık cila */
.se-content .se-h1{font-family:var(--se-display);font-weight:700;font-size:23px;color:var(--se-ink);margin:0 0 4px;letter-spacing:-.01em}
.se-content .se-sub{color:var(--se-muted);font-size:14px;margin:0 0 22px;line-height:1.5}
.se-section-title{font-family:var(--se-display);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--se-muted);margin:22px 0 12px}
.se-empty{text-align:center;padding:48px 20px;color:var(--se-muted)}
.se-empty .ic{font-size:34px;margin-bottom:10px}

@media (max-width:560px){
  .se-konu-ilerleme .bar{display:none}
  .se-video-durum .mini-bar{width:64px}
}

/* =========================================================
   v1.4.1 — paket kartı cila + alt çizgi kaldır + adres kartı
   ========================================================= */
.se-panel a,.se-panel a:hover,.se-panel a:focus{text-decoration:none}

.se-paket-card{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:18px;padding:22px;box-shadow:var(--se-shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.se-paket-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--se-ink-grad);opacity:0;transition:opacity .18s}
.se-paket-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(22,36,60,.4);border-color:transparent}
.se-paket-card:hover::before{opacity:1}
.se-paket-ikon{width:46px;height:46px;border-radius:13px;background:var(--se-ink-grad);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(22,36,60,.6)}
.se-paket-ad{font-family:var(--se-display);font-weight:700;font-size:17.5px;color:var(--se-ink);line-height:1.3}
.se-paket-rozet{display:flex;flex-wrap:wrap;gap:7px}
.se-paket-rozet span{display:inline-flex;align-items:center;gap:5px;background:var(--se-soft);color:var(--se-muted);font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.se-paket-rozet .r-canli{background:#e8f0fe;color:#1d4ed8}
.se-paket-rozet .r-wa{background:#e7f7ee;color:#1ea952}
.se-paket-alt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--se-line)}
.se-paket-alt .bitis{color:var(--se-muted);font-size:12.5px}
.se-paket-alt .git{color:var(--se-accent-d);font-weight:700;font-size:14px;white-space:nowrap;transition:transform .18s}
.se-paket-card:hover .se-paket-alt .git{transform:translateX(3px)}

.se-card-title{font-family:var(--se-display);font-weight:600;font-size:15px;color:var(--se-ink);margin:0 0 14px}
.se-adres-kart{background:var(--se-surface);border:1px solid var(--se-line);border-radius:16px;padding:22px;box-shadow:var(--se-shadow-sm);margin-bottom:8px}
.se-adres-kart .se-btn{margin-top:4px}

/* v1.5.0 — canlı ders tekrar rozetleri */
.se-tekrar-rozet{display:inline-flex;align-items:center;gap:3px;background:#eef2ff;color:#4f46e5;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-right:6px;vertical-align:middle}
.se-canli-sonraki{color:var(--se-accent-d);font-size:12.5px;margin-top:5px}
.se-canli-sonraki strong{color:var(--se-ink)}
.se-gecmis-etiket{color:var(--se-muted);font-size:12.5px;font-weight:600;background:var(--se-soft);padding:7px 13px;border-radius:9px;white-space:nowrap}

/* v1.5.4 — Zoom "Derse Katıl" butonu (ikon rozetli) */
.se-btn-zoom{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#2d8cff 0%,#0b66e4 100%);color:#fff;font-weight:600;font-size:14px;padding:9px 18px 9px 11px;border-radius:12px;border:0;box-shadow:0 8px 18px -7px rgba(45,140,255,.7);transition:transform .14s ease,box-shadow .14s ease}
.se-btn-zoom:hover{transform:translateY(-2px);box-shadow:0 13px 24px -8px rgba(45,140,255,.85);color:#fff}
.se-btn-zoom:active{transform:translateY(0)}
.se-zoom-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);flex:0 0 auto}
.se-zoom-ic svg{display:block}

/* v1.5.5 — Canlı ders kartı yeniden tasarım: buton SOLDA, yazı beyaz */
.se-canli-card{display:flex;align-items:center;gap:18px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:14px;padding:14px 18px;margin-bottom:12px;box-shadow:var(--se-shadow-sm);flex-wrap:wrap}
.se-canli-card.pasif{background:var(--se-soft)}
.se-canli-aksiyon{flex:0 0 auto}
.se-canli-info{flex:1 1 180px;min-width:0}
.se-canli-baslik{font-family:var(--se-display);font-weight:600;font-size:15.5px;color:var(--se-ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.se-canli-tarih{color:var(--se-muted);font-size:13px;margin-top:5px;display:flex;align-items:center;gap:6px}

.se-btn-zoom,.se-btn-zoom *{color:#fff !important}
.se-btn-zoom{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#2d8cff 0%,#0b66e4 100%);font-weight:600;font-size:14px;padding:10px 18px 10px 11px;border-radius:12px;border:0;box-shadow:0 8px 18px -7px rgba(45,140,255,.7);transition:transform .14s ease,box-shadow .14s ease;white-space:nowrap}
.se-btn-zoom:hover{transform:translateY(-2px);box-shadow:0 13px 24px -8px rgba(45,140,255,.85)}
.se-btn-zoom:active{transform:translateY(0)}

@media (max-width:560px){
  .se-canli-card{gap:12px}
  .se-canli-aksiyon{order:2;flex:1 1 100%}
  .se-canli-info{order:1;flex:1 1 100%}
  .se-btn-zoom{width:100%;justify-content:center}
}

/* v1.5.6 — Zoom buton yazısı kesin beyaz (tema .entry-content a vb. ezmesin) */
.se-content a.se-btn-zoom,
.se-content a.se-btn-zoom span,
.se-content a.se-btn-zoom svg{color:#fff !important;fill:#fff !important}

/* v1.6.0 — Kaldığın yerden devam et bandı */
.se-devam{display:flex;align-items:center;gap:16px;background:var(--se-ink-grad);border-radius:16px;padding:16px 20px;margin:0 0 22px;text-decoration:none;position:relative;overflow:hidden;box-shadow:var(--se-shadow);transition:transform .15s ease,box-shadow .15s ease}
.se-devam,.se-devam *{color:#fff !important}
.se-devam:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 18px 38px -14px rgba(0,0,0,.5)}
.se-devam-ic{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.se-devam-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.se-devam-ust{font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;opacity:.82;font-weight:600}
.se-devam-baslik{font-family:var(--se-display);font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.se-devam-paket{font-size:12.5px;opacity:.85}
.se-devam-git{flex:0 0 auto;font-weight:600;font-size:13.5px;background:rgba(255,255,255,.18);padding:8px 14px;border-radius:10px;white-space:nowrap}
.se-devam-bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:rgba(255,255,255,.18)}
.se-devam-bar span{display:block;height:100%;background:var(--se-accent)}
@media (max-width:560px){.se-devam-git{display:none}.se-devam{padding:14px 16px}}

/* v1.6.0 — Ders önceki/sonraki gezinme */
.se-ders-nav{display:flex;gap:12px;justify-content:space-between;margin:18px 0 6px}
.se-ders-nav>span{flex:1 1 0}
.se-nav-prev,.se-nav-next{flex:1 1 0;display:flex;align-items:center;gap:10px;background:var(--se-surface);border:1px solid var(--se-line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--se-text);transition:border-color .14s ease,transform .14s ease,box-shadow .14s ease;min-width:0}
.se-nav-prev:hover,.se-nav-next:hover{text-decoration:none;border-color:var(--se-accent);transform:translateY(-1px);box-shadow:var(--se-shadow-sm)}
.se-nav-next{justify-content:flex-end;text-align:right}
.se-ders-nav .ok{font-size:24px;line-height:1;color:var(--se-accent);flex:0 0 auto}
.se-nav-meta{display:flex;flex-direction:column;min-width:0}
.se-nav-meta .et{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--se-muted);font-weight:600}
.se-nav-meta .ad{font-weight:600;font-size:14px;color:var(--se-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v1.6.0 — Ders notları */
.se-not{margin-top:26px;background:var(--se-soft);border:1px solid var(--se-line);border-radius:14px;padding:16px 18px}
.se-not-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}
.se-not-alan{width:100%;max-width:none;box-sizing:border-box;border:1px solid var(--se-line);border-radius:10px;padding:12px 14px;font-family:var(--se-font);font-size:14px;line-height:1.6;background:#fff;color:var(--se-text);resize:vertical;min-height:110px}
.se-not-alan:focus{outline:none;border-color:var(--se-accent);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.se-not-aksiyon{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}
.se-not-kaydet,.se-not-kaydet *{color:#fff !important}
.se-not-kaydet{background:var(--se-ink-grad);border:0;border-radius:10px;padding:9px 18px;font-weight:600;font-size:14px;font-family:var(--se-font);cursor:pointer;transition:transform .14s ease,opacity .14s ease}
.se-not-kaydet:hover{transform:translateY(-1px)}
.se-not-kaydet:disabled{opacity:.6;cursor:default;transform:none}
.se-not-ipucu{color:var(--se-muted);font-size:12.5px}
.se-not-durum{font-size:12.5px;font-weight:600}
.se-not-durum.ok{color:#1a7f37}
.se-not-durum.bekle{color:#b26a00}
.se-not-durum.hata{color:var(--se-danger)}
@media (max-width:560px){.se-nav-meta .ad{font-size:13px}.se-not-ipucu{display:none}}

/* ============================================================
   v1.6.1 — BUTON HOVER KONTRASTI (KALICI KURAL)
   Tema, üzerine gelince buton zeminini beyaza çeviriyordu; beyaz yazı
   beyaz zeminde kayboluyordu. Tüm DOLU butonlar normal + :hover + :focus
   durumlarında koyu/renkli zemin ve beyaz yazıyı korur (zıt renkler).
   Yüksek özgüllük + !important ile tema ezemez.
   ============================================================ */

/* Lacivert dolu butonlar: .se-btn, .se-btn-inline, .se-not-kaydet, .se-devam */
.se-auth .se-btn, .se-auth .se-btn:hover, .se-auth .se-btn:focus,
.se-content .se-btn, .se-content .se-btn:hover, .se-content .se-btn:focus,
.se-content .se-btn-inline, .se-content .se-btn-inline:hover, .se-content .se-btn-inline:focus,
.se-content .se-not-kaydet, .se-content .se-not-kaydet:hover, .se-content .se-not-kaydet:focus,
.se-content .se-devam, .se-content .se-devam:hover, .se-content .se-devam:focus{
	background:var(--se-ink-grad) !important;
	color:#fff !important;
	border-color:transparent !important;
	text-decoration:none !important;
}
.se-auth .se-btn *, .se-content .se-btn *,
.se-content .se-btn-inline *, .se-content .se-not-kaydet *{color:#fff !important}

/* Mavi Zoom butonu */
.se-content a.se-btn-zoom, .se-content a.se-btn-zoom:hover, .se-content a.se-btn-zoom:focus{
	background:linear-gradient(135deg,#2d8cff 0%,#0b66e4 100%) !important;
	color:#fff !important;
}
.se-content a.se-btn-zoom *{color:#fff !important;fill:#fff !important}

/* Hover geri bildirimi: kontrastı bozmadan hafif parlaklık */
.se-auth .se-btn:hover, .se-content .se-btn:hover,
.se-content .se-btn-inline:hover, .se-content .se-not-kaydet:hover,
.se-content a.se-btn-zoom:hover{filter:brightness(1.1)}

/* ============================================================
   v1.6.3 — Sayfa başlığı üst bandı + WhatsApp destek hattı
   ============================================================ */
.se-panel-head{max-width:1180px;margin:0 auto 22px;background:var(--se-ink-grad);border-radius:18px;padding:24px 30px;box-shadow:var(--se-shadow);position:relative;overflow:hidden}
.se-panel-title{font-family:var(--se-display);font-weight:700;font-size:25px;margin:0;line-height:1.15;letter-spacing:-.01em;color:#fff !important}
.se-panel-bread{margin:8px 0 0;font-size:14px;font-weight:500;color:rgba(255,255,255,.8) !important;display:flex;align-items:center;gap:8px}
.se-panel-bread::before{content:"";width:18px;height:2px;background:var(--se-accent);border-radius:2px;flex:0 0 auto}

.se-wa-destek{display:flex;align-items:center;gap:11px;background:#25D366;border-radius:16px;padding:12px 14px;margin-top:14px;text-decoration:none;box-shadow:0 10px 22px -10px rgba(37,211,102,.7);transition:transform .14s ease,box-shadow .14s ease}
.se-wa-destek,.se-wa-destek *{color:#fff !important}
.se-wa-destek:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 26px -8px rgba(37,211,102,.85)}
.se-wa-ic{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center}
.se-wa-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.se-wa-ust{font-size:11.5px;font-weight:600;opacity:.92}
.se-wa-no{font-family:var(--se-display);font-weight:700;font-size:15.5px;white-space:nowrap}

@media (max-width:860px){
  .se-panel-head{padding:20px 22px;border-radius:14px;margin-bottom:16px}
  .se-panel-title{font-size:21px}
}