/*


 * GlomaxGPT — Kapsamlı UI Düzeltme Paketi v2.0


 * ============================================================


 * Sorun: Siyah butonlar, okunmayan metinler, teal renk kalıntıları,


 *        döngüsel CSS değişkenleri, yeşil gradient butonlar.


 * Çözüm: Marka renk sistemine (#818CF8) dayalı merkezi düzeltmeler.


 * ============================================================


 */





/* ============================================================


   1. EKSİK CSS DEĞİŞKENLERİ


============================================================ */


:root,


html,


[data-theme],


[data-theme="dark"],


[data-theme="light"] {


  --accent-grad:   linear-gradient(135deg, #818CF8, #A5B4FC);


  --accent-purple: #818CF8;


  --glow-blue:     0 0 20px rgba(129,140,248,0.25);


}





/* ============================================================


   2. AUTH — Giriş / Kayıt butonları


============================================================ */


.btn-submit {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  box-shadow: 0 4px 16px rgba(129,140,248,0.35) !important;


}


.btn-submit:hover {


  background: #A5B4FC !important;


  color: #FFFFFF !important;


}


.btn-submit:disabled {


  background: #303744 !important;


  color: #6B7A92 !important;


  box-shadow: none !important;


  cursor: not-allowed !important;


}





/* Kayıt butonu — yeşil gradient → marka rengi */


.btn-auth-new {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  box-shadow: 0 4px 20px rgba(129,140,248,0.3) !important;


}


.btn-auth-new:hover {


  background: #A5B4FC !important;


  color: #FFFFFF !important;


}


.btn-auth-new:disabled {


  background: #303744 !important;


  color: #6B7A92 !important;


  opacity: 1 !important;


  cursor: not-allowed !important;


}





/* Input focus — siyah border düzeltme */


.auth-input:focus {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,0.15) !important;


  outline: none !important;


}


.auth-input {


  background: #1D212B !important;


  border: 1.5px solid #303744 !important;


  color: #EEF1F6 !important;


}


.auth-input::placeholder { color: #5A6A82 !important; }





/* Checkbox */


.auth-check input[type="checkbox"],


.auth-field input[type="checkbox"] {


  accent-color: #818CF8 !important;


}





/* Alert stilleri */


.auth-alert.error, .auth-alert-error {


  background: rgba(239,68,68,0.09) !important;


  border: 1px solid rgba(239,68,68,0.25) !important;


  color: #f87171 !important;


}


.auth-alert.success, .auth-alert-success {


  background: rgba(16,185,129,0.09) !important;


  border: 1px solid rgba(16,185,129,0.25) !important;


  color: #34d399 !important;


}





/* Sosyal butonlar */


.btn-social {


  background: #1D212B !important;


  border: 1.5px solid #303744 !important;


  color: #EEF1F6 !important;


}


.btn-social:hover {


  border-color: rgba(129,140,248,0.5) !important;


  background: rgba(129,140,248,0.08) !important;


  color: #EEF1F6 !important;


}





/* X (Twitter) butonu — dark temada okunabilir */


.btn-social-x {


  background: #EEF1F6 !important;


  border-color: #EEF1F6 !important;


  color: #0F1115 !important;


}


.btn-social-x:hover {


  background: #D1D5DB !important;


  border-color: #D1D5DB !important;


  color: #0F1115 !important;


}





/* Auth kart */


.auth-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


}





/* Auth metinleri */


.auth-head-title, .auth-header h1 { color: #EEF1F6 !important; }


.auth-head-sub, .auth-header p   { color: #6B7A92 !important; }


.auth-field label                 { color: #ADB6C5 !important; }


.auth-logo-name                   { color: #EEF1F6 !important; }


.auth-footer                      { color: #6B7A92 !important; }


.auth-footer a, .auth-form-footer a { color: #818CF8 !important; }


.auth-trust-item                  { color: #6B7A92 !important; }


.auth-sep, .auth-divider          { color: #6B7A92 !important; }


.auth-sep::before, .auth-sep::after,


.auth-divider::before, .auth-divider::after { background: #303744 !important; }





/* ============================================================


   3. PRİCİNG SAYFASI


============================================================ */


.popular-badge {


  color: #FFFFFF !important;


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  box-shadow: 0 4px 12px rgba(129,140,248,0.4) !important;


}


.btn-plan.primary {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  border-color: transparent !important;


  box-shadow: 0 4px 16px rgba(129,140,248,0.3) !important;


}


.btn-plan.primary:hover {


  box-shadow: 0 6px 24px rgba(129,140,248,0.45) !important;


  color: #FFFFFF !important;


}


.btn-plan.ultra {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  border-color: transparent !important;


}


.btn-plan.ultra:hover { color: #FFFFFF !important; }


.plan-card { background: #1D212B !important; border: 2px solid #303744 !important; }


.plan-card.popular {


  border-color: #818CF8 !important;


  background: linear-gradient(180deg, #1D212B 0%, rgba(129,140,248,0.05) 100%) !important;


  box-shadow: 0 8px 40px rgba(129,140,248,0.15) !important;


}


.plan-card:hover { border-color: #3D4860 !important; }


.plan-name { color: #EEF1F6 !important; }


.plan-price-num { color: #EEF1F6 !important; }


.plan-tagline, .plan-price-period, .plan-price-currency { color: #6B7A92 !important; }


.plan-features li { color: #ADB6C5 !important; }


.feat-check { color: #818CF8 !important; }


.feat-check-pro { color: #10B981 !important; }


.feat-check-ultra { color: #A5B4FC !important; }


.feat-cross { color: #4A5568 !important; }


.pricing-hero h1 {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  -webkit-background-clip: text !important;


  -webkit-text-fill-color: transparent !important;


  background-clip: text !important;


}


.pricing-hero p { color: #ADB6C5 !important; }


.pricing-hero-eyebrow {


  background: rgba(129,140,248,0.12) !important;


  color: #818CF8 !important;


  border: 1px solid rgba(129,140,248,0.2) !important;


}


.faq-question { color: #EEF1F6 !important; }


.faq-answer { color: #ADB6C5 !important; }


.unlock-card { background: #1D212B !important; border: 1px solid #303744 !important; }





/* ============================================================


   4. OTOMATIK DOLDURMA


============================================================ */


input:-webkit-autofill,


input:-webkit-autofill:hover,


input:-webkit-autofill:focus {


  -webkit-box-shadow: 0 0 0 1000px #1D212B inset !important;


  -webkit-text-fill-color: #EEF1F6 !important;


  caret-color: #EEF1F6 !important;


  border-color: #303744 !important;


}


input:-webkit-autofill:focus {


  -webkit-box-shadow: 0 0 0 1000px #1D212B inset, 0 0 0 2px rgba(129,140,248,0.15) !important;


  border-color: #818CF8 !important;


}


select option { background: #1D212B !important; color: #EEF1F6 !important; }





/* ============================================================


   5. GENEL BUTONLAR


============================================================ */


.btn-primary, .submit-btn {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  border: none !important;


}


.btn-primary:hover, .submit-btn:hover { background: #A5B4FC !important; color: #FFFFFF !important; }


.btn-upgrade-primary {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  border: none !important;


}


.btn-upgrade-primary:hover { opacity: 0.9 !important; color: #FFFFFF !important; }





/* ============================================================


   6. SOHBET ALANI


============================================================ */


.msg-bubble { color: #EEF1F6 !important; }


.msg-model-label { color: #6B7A92 !important; font-size: 11px !important; }


.msg-wrapper.user .msg-bubble {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


}


.msg-wrapper.ai .msg-bubble { background: transparent !important; color: #EEF1F6 !important; }


.gx-work-welcome h1, .gx-welcome-title, .welcome-title { color: #EEF1F6 !important; }


.gx-work-welcome p, .gx-welcome-subtitle, .welcome-subtitle { color: #6B7A92 !important; }





/* Prompt kartlar */


[class*="prompt-card"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #ADB6C5 !important;


}


[class*="prompt-card"]:hover {


  background: #252B36 !important;


  border-color: #818CF8 !important;


  color: #EEF1F6 !important;


}





/* ============================================================


   7. KOD BLOĞU


============================================================ */


:not(pre) > code {


  background: #1D212B !important;


  color: #A5B4FC !important;


  border: 1px solid #303744 !important;


}


.code-lang-label { color: #6B7A92 !important; }


.copy-code-btn { color: #6B7A92 !important; }


.copy-code-btn:hover { color: #ADB6C5 !important; background: #252B36 !important; }


.msg-bubble blockquote {


  border-left-color: #818CF8 !important;


  color: #ADB6C5 !important;


}





/* ============================================================


   8. QUOTA GÖSTERGELER


============================================================ */


.quota-bar-fill, .usage-bar-fill,


[class*="quota-fill"], [class*="usage-fill"] {


  background: linear-gradient(90deg, #818CF8, #A5B4FC) !important;


}


.quota-text, .usage-text { color: #ADB6C5 !important; }





/* ============================================================


   9. MOBİL DÜZELTMELER


============================================================ */


@media (max-width: 768px) {


  .auth-card { padding: 24px 18px !important; border-radius: 16px !important; }


  .pricing-hero h1 { font-size: 1.7rem !important; }


  .btn-plan { min-height: 46px !important; }


  .btn-submit, .btn-auth-new { min-height: 46px !important; }


}





/* ============================================================


   10. ERİŞİLEBİLİRLİK


============================================================ */


.btn-submit:focus-visible,


.btn-auth-new:focus-visible,


.btn-plan:focus-visible,


.btn-social:focus-visible {


  outline: 2px solid #818CF8 !important;


  outline-offset: 2px !important;


}


.sidebar-overlay:not(.active), #sidebar-overlay:not(.active) { pointer-events: none !important; }


/* ============================================================


   IMAGE-GEN SAYFASI — Tasarim Duzeltmeleri


============================================================ */





/* Ana layout — sidebar ile tam yukseklik */


.image-gen-page .main-content,


.image-gen-page #main-content {


  display: flex !important;


  flex-direction: column !important;


  height: 100dvh !important;


  overflow: hidden !important;


}





/* ig-main tam dolu alan */


.ig-main {


  flex: 1 1 0 !important;


  display: flex !important;


  flex-direction: column !important;


  overflow: hidden !important;


  min-height: 0 !important;


  background: var(--bg-main, #0F1115) !important;


}





/* Mesaj alani scrollable */


.ig-messages {


  flex: 1 1 0 !important;


  min-height: 0 !important;


  overflow-y: auto !important;


}





/* Input wrapper sabit alt */


.ig-input-wrapper {


  flex-shrink: 0 !important;


}





/* Send butonu — marka rengi */


[data-theme="dark"] .ig-send-btn,


html:not([data-theme="light"]) .ig-send-btn {


  background: #818CF8 !important;


  color: #FFFFFF !important;


}





.ig-send-btn:not(:disabled):hover {


  background: #A5B4FC !important;


  opacity: 1 !important;


}





/* Input focus ring */


.ig-input-area:focus-within {


  border-color: rgba(129, 140, 248, 0.55) !important;


  box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.1) !important;


}





/* Input placeholder */


#ig-input::placeholder {


  color: #5A6A82 !important;


}





/* Misafir banner */


.ig-guest-banner {


  background: rgba(129, 140, 248, 0.06) !important;


  border-bottom: 1px solid rgba(129, 140, 248, 0.18) !important;


}





.ig-guest-banner p {


  color: var(--text-secondary, #ADB6C5) !important;


}





.ig-guest-banner-btn {


  background: #818CF8 !important;


  color: #FFFFFF !important;


}





.ig-guest-banner-btn:hover {


  background: #A5B4FC !important;


  opacity: 1 !important;


}





/* Template kartlari */


.ig-template-card:hover {


  border-color: rgba(129, 140, 248, 0.45) !important;


}





.ig-template-card.active {


  border-color: #818CF8 !important;


}





/* Aksiyon butonlari */


.ig-action-btn {


  border: 1px solid rgba(129, 140, 248, 0.35) !important;


  background: rgba(129, 140, 248, 0.1) !important;


  color: var(--accent, #818CF8) !important;


}





.ig-action-btn:hover {


  background: rgba(129, 140, 248, 0.22) !important;


  border-color: rgba(129, 140, 248, 0.6) !important;


  color: #A5B4FC !important;


}





/* Aktif bar */


.ig-active-bar {


  background: rgba(129, 140, 248, 0.07) !important;


  border-bottom: 1px solid rgba(129, 140, 248, 0.18) !important;


}





/* Opt pill aktif */


.ig-opt-pill.active {


  background: rgba(129, 140, 248, 0.14) !important;


  color: var(--accent, #818CF8) !important;


  border-color: rgba(129, 140, 248, 0.3) !important;


}





.ig-opt-btn.active {


  background: rgba(129, 140, 248, 0.14) !important;


  color: var(--accent, #818CF8) !important;


}





/* Dropdown secili */


.ig-dropdown-item.selected {


  background: rgba(129, 140, 248, 0.1) !important;


  color: var(--accent, #818CF8) !important;


}





/* Lightbox butonlari hover */


.ig-lightbox-btn:hover {


  background: rgba(129, 140, 248, 0.35) !important;


  border-color: rgba(129, 140, 248, 0.6) !important;


}





/* Mask tool butonu */


.ig-mask-tool-btn:hover,


.ig-mask-tool-btn.active {


  background: rgba(129, 140, 248, 0.14) !important;


  color: var(--accent, #818CF8) !important;


  border-color: rgba(129, 140, 248, 0.32) !important;


}





/* Buble user */


.ig-bubble-user {


  background: var(--user-bubble-bg, #1D212B) !important;


  border: 1px solid var(--user-bubble-border, rgba(129, 140, 248, 0.25)) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





/* Welcome baslik */


.ig-welcome h1 {


  color: var(--text-primary, #EEF1F6) !important;


}





.ig-welcome-sub {


  color: var(--text-secondary, #ADB6C5) !important;


}





/* Öneri kartlari */


.ig-suggestion-card {


  background: var(--bg-surface, #1D212B) !important;


  border: 1px solid var(--border-default, #303744) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





.ig-suggestion-label {


  color: var(--text-primary, #EEF1F6) !important;


}





.ig-suggestion-sub {


  color: var(--text-muted, #6B7A92) !important;


}





/* Mobil header image-gen cakisma onleme */


@media (min-width: 769px) {


  .ig-mobile-header {


    display: none !important;


  }


}





@media (max-width: 768px) {


  .ig-mobile-header {


    display: flex !important;


    position: sticky !important;


    top: 0 !important;


    z-index: 100 !important;


    background: #151820 !important;


    border-bottom: 1px solid #1E2330 !important;


    width: 100% !important;


    flex-shrink: 0 !important;


  }





  .ig-send-btn {


    min-width: 32px !important;


    min-height: 32px !important;


  }


}


/* ============================================================


   IMAGE-GEN WELCOME V2 — Eksik siniflar override


============================================================ */





.ig-welcome-v2-brand {


  display: flex !important;


  align-items: center !important;


  justify-content: center !important;


  gap: 12px !important;


  margin-bottom: 4px !important;


}





.ig-welcome-v2-favicon {


  width: 42px !important;


  height: 42px !important;


  border-radius: 12px !important;


  object-fit: cover !important;


  flex-shrink: 0 !important;


  display: block !important;


}





.ig-welcome-v2-desc {


  font-size: 1rem !important;


  color: #ADB6C5 !important;


  line-height: 1.55 !important;


  max-width: 480px !important;


  margin: 0 !important;


  text-align: center !important;


}





.ig-welcome-v2-sub {


  display: inline-flex !important;


  align-items: center !important;


  gap: 6px !important;


  padding: 5px 13px !important;


  border-radius: 20px !important;


  font-size: 0.78rem !important;


  font-weight: 500 !important;


  color: #ADB6C5 !important;


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  cursor: default !important;


  transition: background 0.15s, color 0.15s, border-color 0.15s !important;


  white-space: nowrap !important;


}





.ig-welcome-v2-sub svg {


  flex-shrink: 0 !important;


  opacity: 0.7 !important;


  width: 13px !important;


  height: 13px !important;


}





.ig-welcome-v2-sub:hover {


  background: #252B36 !important;


  border-color: rgba(129,140,248,0.3) !important;


  color: #EEF1F6 !important;


}





.ig-welcome-v2-sub:hover svg {


  opacity: 1 !important;


  color: #818CF8 !important;


}





.ig-welcome-v2-subs {


  display: flex !important;


  flex-wrap: wrap !important;


  gap: 8px !important;


  justify-content: center !important;


  max-width: 580px !important;


}





.ig-welcome-v2-title {


  font-size: 2.2rem !important;


  font-weight: 700 !important;


  letter-spacing: -0.04em !important;


  color: #EEF1F6 !important;


  margin: 0 !important;


  line-height: 1.15 !important;


}





.ig-welcome-v2 {


  display: flex !important;


  flex-direction: column !important;


  align-items: center !important;


  gap: 14px !important;


  padding: 40px 24px 20px !important;


  text-align: center !important;


  width: 100% !important;


}





@media (max-width: 640px) {


  .ig-welcome-v2 { padding: 28px 16px 14px !important; }


  .ig-welcome-v2-title { font-size: 1.65rem !important; }


  .ig-welcome-v2-favicon { width: 34px !important; height: 34px !important; }


  .ig-welcome-v2-desc { font-size: 0.9rem !important; }


  .ig-welcome-v2-sub { font-size: 0.73rem !important; padding: 3px 10px !important; }


}


/* ============================================================


   EVRENSEL RENK EŞİTLEME — Index.php tarzını tüm sayfalara uygula


   Kaynak: root.css + glomax-redesign.css tasarim sistemi


   #0F1115 zemin | #818CF8 vurgu | #EEF1F6 metin


============================================================ */





/* === ZEMIN & YUZEY === */


html, body {


  background: #0F1115 !important;


  color: #EEF1F6 !important;


}





/* === TUM KARTLAR === */


.card, .panel, [class*="-card"]:not(.ig-template-card):not(.ig-suggestion-card),


[class*="-panel"], [class*="-box"], .widget, .block {


  background: #1D212B !important;


  border-color: #303744 !important;


  color: #EEF1F6 !important;


}





/* === TUM BASLIKLAR === */


h1, h2, h3, h4, h5, h6 {


  color: #EEF1F6 !important;


}





/* === PARAGRAF VE METIN === */


p, span, label, li, td, th {


  color: inherit;


}





/* === LINKLER === */


a { color: #818CF8; }


a:hover { color: #A5B4FC; text-decoration: none; }





/* === TABLO === */


table {


  border-collapse: collapse;


  width: 100%;


}


th {


  background: #1D212B !important;


  color: #6B7A92 !important;


  border-bottom: 1px solid #303744 !important;


  font-weight: 600;


  font-size: 11px;


  text-transform: uppercase;


  letter-spacing: 0.05em;


  padding: 10px 14px;


}


td {


  color: #ADB6C5 !important;


  border-bottom: 1px solid #1E2330 !important;


  padding: 10px 14px;


}


tr:hover td {


  background: #1D212B !important;


  color: #EEF1F6 !important;


}





/* === FORMLAR & INPUTLAR === */


input[type="text"], input[type="email"], input[type="password"],


input[type="number"], input[type="search"], input[type="url"],


textarea, select, .form-input, .form-control, .input {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


  border-radius: 8px !important;


}





input::placeholder, textarea::placeholder, select::placeholder {


  color: #5A6A82 !important;


}





input:focus, textarea:focus, select:focus,


.form-input:focus, .form-control:focus {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,0.12) !important;


  outline: none !important;


}





select option {


  background: #1D212B !important;


  color: #EEF1F6 !important;


}





/* === BUTONLAR === */


.btn, button:not([class*="ig-"]):not([class*="mobile"]):not(.sidebar-toggle-btn):not(.sidebar-icon-btn) {


  cursor: pointer;


  font-family: inherit;


}





.btn-primary, .btn.primary, button.primary {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  border: none !important;


  border-radius: 8px !important;


}


.btn-primary:hover, .btn.primary:hover, button.primary:hover {


  background: #A5B4FC !important;


  color: #FFFFFF !important;


}





.btn-secondary, .btn.secondary, button.secondary,


.btn-outline, .btn.outline {


  background: transparent !important;


  color: #ADB6C5 !important;


  border: 1px solid #303744 !important;


  border-radius: 8px !important;


}


.btn-secondary:hover, .btn.secondary:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


  border-color: #3D4860 !important;


}





.btn-danger, .btn.danger {


  background: rgba(239,68,68,0.12) !important;


  color: #EF4444 !important;


  border: 1px solid rgba(239,68,68,0.25) !important;


}


.btn-danger:hover, .btn.danger:hover {


  background: rgba(239,68,68,0.22) !important;


}





/* === ROZETLER & ETİKETLER === */


.badge, .tag, .label, .pill, .chip {


  border-radius: 20px;


  font-size: 11px;


  font-weight: 600;


  padding: 2px 10px;


}





.badge-accent, .badge-primary, [class*="badge-accent"] {


  background: rgba(129,140,248,0.15) !important;


  color: #818CF8 !important;


  border: 1px solid rgba(129,140,248,0.2) !important;


}





.badge-success, [class*="badge-success"] {


  background: rgba(16,185,129,0.12) !important;


  color: #10B981 !important;


}





.badge-warning, [class*="badge-warning"] {


  background: rgba(245,158,11,0.12) !important;


  color: #F59E0B !important;


}





.badge-danger, .badge-error, [class*="badge-danger"] {


  background: rgba(239,68,68,0.12) !important;


  color: #EF4444 !important;


}





/* === SEPARATORLER === */


hr, .divider {


  border-color: #1E2330 !important;


  opacity: 1 !important;


}





/* === SCROLLBAR === */


::-webkit-scrollbar { width: 6px; height: 6px; }


::-webkit-scrollbar-track { background: transparent; }


::-webkit-scrollbar-thumb { background: #303744; border-radius: 3px; }


::-webkit-scrollbar-thumb:hover { background: #3D4860; }


* { scrollbar-width: thin; scrollbar-color: #303744 transparent; }





/* === SAYFA BASLIK ALANI === */


.page-header, .page-title-wrap, [class*="page-header"] {


  background: transparent !important;


  border-bottom: 1px solid #1E2330 !important;


  color: #EEF1F6 !important;


}





.page-title, [class*="page-title"] {


  color: #EEF1F6 !important;


  font-weight: 700 !important;


}





.page-subtitle, [class*="page-subtitle"] {


  color: #6B7A92 !important;


}





/* === BREADCRUMB === */


.breadcrumb, .breadcrumb-item {


  color: #6B7A92 !important;


}


.breadcrumb-item.active {


  color: #EEF1F6 !important;


}


.breadcrumb-sep { color: #4A5568 !important; }





/* === TABS === */


.tabs, .tab-list, [role="tablist"] {


  border-bottom: 1px solid #303744 !important;


  background: transparent !important;


}





.tab, [role="tab"] {


  color: #6B7A92 !important;


  border-bottom: 2px solid transparent !important;


  padding: 8px 16px !important;


  font-weight: 500 !important;


  cursor: pointer !important;


}





.tab.active, .tab[aria-selected="true"], [role="tab"][aria-selected="true"] {


  color: #EEF1F6 !important;


  border-bottom-color: #818CF8 !important;


}





.tab:hover:not(.active) {


  color: #ADB6C5 !important;


}





/* === MODAL === */


.modal, [class*="-modal"] {


  background: rgba(0,0,0,0.75) !important;


}





.modal-box, .modal-content, .modal-card,


[class*="modal-box"], [class*="modal-content"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 16px !important;


  color: #EEF1F6 !important;


}





.modal-title, [class*="modal-title"] {


  color: #EEF1F6 !important;


  font-weight: 700 !important;


}





.modal-body, [class*="modal-body"] {


  color: #ADB6C5 !important;


}





.modal-close, [class*="modal-close"] {


  color: #6B7A92 !important;


}


.modal-close:hover, [class*="modal-close"]:hover {


  color: #EEF1F6 !important;


  background: #252B36 !important;


}





/* === DROPDOWN === */


.dropdown-menu, .dropdown, [class*="dropdown-menu"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;


}





.dropdown-item, [class*="dropdown-item"] {


  color: #ADB6C5 !important;


  border-radius: 8px !important;


}


.dropdown-item:hover, [class*="dropdown-item"]:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}


.dropdown-item.active, [class*="dropdown-item"].active {


  background: rgba(129,140,248,0.12) !important;


  color: #818CF8 !important;


}





/* === ALERT & BİLDİRİM === */


.alert, .notification, .toast, .notice {


  border-radius: 10px !important;


  padding: 12px 16px !important;


}





.alert-info, .notice-info {


  background: rgba(59,130,246,0.09) !important;


  border: 1px solid rgba(59,130,246,0.22) !important;


  color: #93C5FD !important;


}





.alert-success, .notice-success {


  background: rgba(16,185,129,0.09) !important;


  border: 1px solid rgba(16,185,129,0.22) !important;


  color: #34D399 !important;


}





.alert-warning, .notice-warning {


  background: rgba(245,158,11,0.09) !important;


  border: 1px solid rgba(245,158,11,0.22) !important;


  color: #FCD34D !important;


}





.alert-error, .alert-danger, .notice-error {


  background: rgba(239,68,68,0.09) !important;


  border: 1px solid rgba(239,68,68,0.22) !important;


  color: #F87171 !important;


}





/* === HISTORY SAYFASI === */


.history-card-icon {


  background: rgba(129,140,248,0.12) !important;


  color: #818CF8 !important;


}





/* === EXPLORE SAYFASI === */


[class*="explore-card"], [class*="tool-card"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


}


[class*="explore-card"]:hover, [class*="tool-card"]:hover {


  border-color: rgba(129,140,248,0.35) !important;


  background: #252B36 !important;


}





/* === SETTINGS SAYFASI === */


[class*="setting-group"], [class*="settings-section"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





[class*="setting-label"] { color: #EEF1F6 !important; }


[class*="setting-desc"], [class*="setting-hint"] { color: #6B7A92 !important; }





/* === PROFILE SAYFASI === */


[class*="profile-card"], .profile-header {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


}





.user-avatar-initials, .avatar-initials {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


}





/* === NOTIFICATIONS SAYFASI === */


[class*="notif-item"], [class*="notification-item"] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #ADB6C5 !important;


}


[class*="notif-item"]:hover, [class*="notification-item"]:hover {


  background: #252B36 !important;


}


[class*="notif-item"].unread, [class*="notification-item"].unread {


  background: rgba(129,140,248,0.07) !important;


  border-left: 3px solid #818CF8 !important;


}





/* === EMPTY STATE === */


[class*="empty-state"], [class*="no-data"] {


  color: #6B7A92 !important;


}


[class*="empty-state"] svg, [class*="no-data"] svg {


  color: #303744 !important;


}





/* === PROGRESS BAR === */


[class*="progress-bar"], progress {


  background: #1E2330 !important;


  border-radius: 3px !important;


}


[class*="progress-fill"], progress::-webkit-progress-value {


  background: linear-gradient(90deg, #818CF8, #A5B4FC) !important;


  border-radius: 3px !important;


}





/* === TOGGLE SWITCH === */


input[type="checkbox"] { accent-color: #818CF8 !important; }


Input[type="range"] { accent-color: #818CF8 !important; }





/* === TOPBAR === */


#topbar, .topbar, header.topbar {


  background: transparent !important;


  border-bottom: 1px solid #1E2330 !important;


  color: #EEF1F6 !important;


}





.topbar-title, .tb-page-title {


  color: #EEF1F6 !important;


  font-weight: 600 !important;


}





/* === FOOTER === */


footer, .footer, .site-footer {


  background: #151820 !important;


  border-top: 1px solid #1E2330 !important;


  color: #6B7A92 !important;


}





/* === SEÇİM RENGİ === */


::selection {


  background: rgba(129,140,248,0.3) !important;


  color: #EEF1F6 !important;


}





/* === FOCUS RİNG === */


*:focus-visible {


  outline: 2px solid #818CF8 !important;


  outline-offset: 2px !important;


}





/* === LIGHT TEMA BASE === */


[data-theme="light"] body,


[data-theme="light"] html {


  background: var(--bg-main, #ffffff) !important;


  color: var(--text-primary, #0f172a) !important;


}


/* ============================================================


   SIDEBAR KAPSAMLI EŞİTLEME — Tema Duyarlı Sistem


   Kaynak: var(--sidebar-bg) | var(--sidebar-hover) | var(--accent)


============================================================ */





/* === SIDEBAR KABI === */


#sidebar,


.sidebar,


aside.sidebar,


aside#sidebar {


  background: var(--sidebar-bg, #151820) !important;


  border-right: 1px solid var(--sidebar-border, #1E2330) !important;


}





/* Mobil sidebar açıkken */


.sidebar.open,


body.sidebar-open .sidebar {


  background: var(--sidebar-bg, #151820) !important;


  box-shadow: 4px 0 32px rgba(0,0,0,.5) !important;


}





/* === LOGO & MARKA === */


.sidebar-logo-icon {


  background: linear-gradient(135deg, var(--accent, #818CF8), #A5B4FC) !important;


  box-shadow: 0 2px 8px rgba(129,140,248,.3) !important;


}





.gx-brand-base {


  color: var(--text-primary, #EEF1F6) !important;


  -webkit-text-fill-color: var(--text-primary, #EEF1F6) !important;


}





.gx-brand-gpt {


  background: linear-gradient(135deg, var(--accent, #818CF8), #A5B4FC) !important;


  -webkit-background-clip: text !important;


  -webkit-text-fill-color: transparent !important;


  background-clip: text !important;


}





.sidebar-logo-name,


.sidebar-logo-text,


.mobile-logo-text {


  color: var(--text-primary, #EEF1F6) !important;


  -webkit-text-fill-color: var(--text-primary, #EEF1F6) !important;


}





.sidebar-country-sup { color: var(--text-muted, #6B7A92) !important; }





/* === ÜST ALAN BUTONLAR === */


.sidebar-icon-btn,


.sb-new-chat-btn {


  color: var(--text-muted, #6B7A92) !important;


  background: none !important;


  border: none !important;


}





.sidebar-icon-btn:hover,


.sb-new-chat-btn:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





#sidebar-collapse-btn {


  color: var(--text-muted, #6B7A92) !important;


  opacity: 0.7 !important;


}





#sidebar-collapse-btn:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


  opacity: 1 !important;


}





/* === ARAMA KUTUSU === */


.sb-search-wrap { padding: 0 8px 6px !important; }





.sb-search-box {


  background: var(--bg-input, var(--surface, #1D212B)) !important;


  border: 1px solid var(--border-subtle, transparent) !important;


  border-radius: 9px !important;


}





.sb-search-box:focus-within {


  border-color: rgba(129,140,248,.35) !important;


}





.sb-search-box svg { color: var(--text-muted, #4A5568) !important; }





.sb-search-box input {


  color: var(--text-primary, #EEF1F6) !important;


  background: transparent !important;


  border: none !important;


  font-size: .82rem !important;


}





.sb-search-box input::placeholder { color: var(--text-placeholder, #4A5568) !important; }





/* === NAV ITEMS === */


.sidebar-nav-item {


  color: var(--text-secondary, #ADB6C5) !important;


  background: none !important;


  border-radius: 8px !important;


  font-size: .84rem !important;


}





.sidebar-nav-item svg { color: var(--text-muted, #6B7A92) !important; }





.sidebar-nav-item:hover {


  background: var(--sidebar-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





.sidebar-nav-item:hover svg { color: var(--text-secondary, #ADB6C5) !important; }





.sidebar-nav-item.active {


  background: var(--sidebar-active, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


  font-weight: 500 !important;


}





.sidebar-nav-item.active svg { color: var(--accent, #818CF8) !important; }





/* === BETA BADGE === */


.sb-badge-beta {


  background: rgba(129,140,248,.15) !important;


  color: var(--accent, #818CF8) !important;


  font-size: .58rem !important;


  padding: 1px 6px !important;


  border-radius: 10px !important;


}





/* === KONUŞMA LİSTESİ === */


.conv-list-header {


  color: var(--text-muted, #4A5568) !important;


  background: var(--sidebar-bg, #151820) !important;


  font-size: .63rem !important;


  letter-spacing: .07em !important;


}





.conv-list-header a { color: var(--text-muted, #6B7A92) !important; }


.conv-list-header a:hover { color: var(--text-primary, #EEF1F6) !important; }





.conv-group-label {


  color: var(--text-muted, #4A5568) !important;


  background: var(--sidebar-bg, #151820) !important;


  font-size: .63rem !important;


  letter-spacing: .07em !important;


}





.conv-item {


  border-radius: 8px !important;


  color: var(--text-secondary, #ADB6C5) !important;


}





.conv-item-text { color: var(--text-secondary, #ADB6C5) !important; }





.conv-item:hover {


  background: var(--sidebar-hover, #1D212B) !important;


}





.conv-item:hover .conv-item-text { color: var(--text-primary, #EEF1F6) !important; }





.conv-item.active {


  background: var(--sidebar-active, #252B36) !important;


}





.conv-item.active .conv-item-text {


  color: var(--text-primary, #EEF1F6) !important;


  font-weight: 500 !important;


}





.conv-item-time { color: var(--text-muted, #4A5568) !important; }





.conv-item-actions { background: var(--sidebar-hover, #1D212B) !important; }





.conv-action-btn {


  color: var(--text-muted, #6B7A92) !important;


  background: none !important;


  border: none !important;


}





.conv-action-btn:hover {


  background: var(--bg-active, #2D3441) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





.conv-action-btn.danger:hover { color: #EF4444 !important; }





/* Konuşma yükleme hatası */


.conv-load-error {


  background: rgba(239,68,68,.08) !important;


  border: 1px solid rgba(239,68,68,.18) !important;


  color: #EF4444 !important;


}





/* Sonsuz loader */


.conv-infinite-loader { color: var(--text-muted, #4A5568) !important; }


.conv-infinite-loader .typing-dot { background: var(--text-muted, #4A5568) !important; }





/* === FOOTER === */


.sidebar-footer {


  border-top: 1px solid var(--border-subtle, #1E2330) !important;


  background: transparent !important;


}





/* Kullanım çubuğu */


.sb-usage-bar-label { color: var(--text-muted, #4A5568) !important; }


.sb-usage-bar-nums { color: var(--text-muted, #6B7A92) !important; }


.sb-usage-bar-track { background: var(--surface2, #252B36) !important; }


.sb-usage-bar-fill { background: linear-gradient(90deg, var(--accent, #818CF8), #A5B4FC) !important; }





/* Upgrade butonu */


.sb-upgrade-btn {


  background: rgba(129,140,248,.1) !important;


  border: 1px solid rgba(129,140,248,.2) !important;


  color: var(--accent, #818CF8) !important;


}





.sb-upgrade-btn:hover {


  background: rgba(129,140,248,.18) !important;


  border-color: rgba(129,140,248,.35) !important;


  color: #A5B4FC !important;


}





.sb-upgrade-btn svg { color: var(--accent, #818CF8) !important; }





/* Yenile butonu */


.sb-renew-btn {


  background: rgba(245,158,11,.08) !important;


  border: 1px solid rgba(245,158,11,.2) !important;


  color: #F59E0B !important;


}





.sb-renew-btn.urgent {


  background: rgba(239,68,68,.08) !important;


  border-color: rgba(239,68,68,.2) !important;


  color: #EF4444 !important;


}





/* === KULLANICI ALANI === */


.sidebar-user-item {


  border-radius: 8px !important;


}





.sidebar-user-item:hover { background: var(--sidebar-hover, #1D212B) !important; }





.user-avatar {


  background: var(--surface2, #252B36) !important;


  border-radius: 50% !important;


  overflow: hidden !important;


}





.user-avatar-initials {


  background: linear-gradient(135deg, var(--accent, #818CF8), #A5B4FC) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


  font-size: .72rem !important;


  font-weight: 800 !important;


}





.user-name { color: var(--text-primary, #EEF1F6) !important; }


.user-plan { color: var(--text-muted, #6B7A92) !important; }





/* Kullanıcı menüsü dropdown */


.user-menu {


  background: var(--bg-surface, #1D212B) !important;


  border: 1px solid var(--border-default, #3D4860) !important;


  border-radius: 12px !important;


  box-shadow: 0 -8px 32px rgba(0,0,0,.3) !important;


}





.user-menu-item {


  color: var(--text-secondary, #ADB6C5) !important;


  border-radius: 8px !important;


}





.user-menu-item:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





.user-menu-item.user-menu-danger { color: #EF4444 !important; }


.user-menu-item.user-menu-danger:hover { background: rgba(239,68,68,.08) !important; }





.user-menu-divider { background: var(--border-subtle, #1E2330) !important; }





/* === DAHA FAZLA POPUP === */


.sb-more-btn { color: var(--text-secondary, #ADB6C5) !important; }





.sb-more-popup {


  background: var(--bg-surface, #1D212B) !important;


  border: 1px solid var(--border-default, #303744) !important;


  border-radius: 16px !important;


  box-shadow: 0 20px 60px rgba(0,0,0,.3) !important;


}





.sb-more-item,


.sb-more-popup .sidebar-nav-item {


  color: var(--text-secondary, #ADB6C5) !important;


  border-radius: 8px !important;


}





.sb-more-item:hover,


.sb-more-popup .sidebar-nav-item:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





/* === GUEST CTA === */


.sgcta-wrap {


  background: linear-gradient(135deg, rgba(129,140,248,.1), rgba(165,180,252,.06)) !important;


  border: 1px solid rgba(129,140,248,.18) !important;


  border-radius: 12px !important;


}





.sgcta-icon {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  border-radius: 9px !important;


}





/* === MİSAFİR AUTH BUTONLAR === */


.btn-sidebar-login-sm,


.sidebar-guest-btn {


  background: transparent !important;


  border: 1px solid #303744 !important;


  color: #ADB6C5 !important;


  border-radius: 8px !important;


}





.btn-sidebar-login-sm:hover,


.sidebar-guest-btn:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


  border-color: var(--border2, #3D4860) !important;


}





.btn-sidebar-register-sm,


.sidebar-guest-register {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  border: none !important;


  border-radius: 8px !important;


}





.btn-sidebar-register-sm:hover,


.sidebar-guest-register:hover {


  background: #A5B4FC !important;


  color: #FFFFFF !important;


}





/* === SIDEBAR OVERLAY === */


#sidebar-overlay,


.sidebar-overlay {


  background: rgba(0,0,0,.55) !important;


}





/* === TOPBAR (inner-topbar) === */


#topbar,


.topbar,


header.topbar {


  background: #151820 !important;


  border-bottom: 1px solid #1E2330 !important;


}





.topbar-left, .topbar-right {


  color: #ADB6C5 !important;


}





.tb-brand-name { color: #EEF1F6 !important; }


.tb-page-title, .tb-page-title-mobile { color: #EEF1F6 !important; font-weight: 600 !important; }


.tb-page-back { color: #ADB6C5 !important; }


.tb-page-back:hover { color: #EEF1F6 !important; }





/* Topbar butonlar */


.btn-icon,


.tb-action-btn,


.mobile-header-btn {


  color: #6B7A92 !important;


  background: none !important;


  border: none !important;


  border-radius: 8px !important;


}





.btn-icon:hover,


.tb-action-btn:hover,


.mobile-header-btn:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





/* Topbar profil avatar */


.tb-avatar,


.tb-profile-avatar {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  border-radius: 50% !important;


}





/* Topbar dropdown */


.tb-profile-menu,


.tb-dropdown {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


  box-shadow: 0 8px 32px rgba(0,0,0,.6) !important;


}





.tb-profile-menu a,


.tb-dropdown-item {


  color: #ADB6C5 !important;


  border-radius: 8px !important;


}





.tb-profile-menu a:hover,


.tb-dropdown-item:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





/* Mobile header */


.ig-mobile-header,


.mobile-page-header {


  background: #151820 !important;


  border-bottom: 1px solid #1E2330 !important;


}





.mobile-hamburger {


  color: #ADB6C5 !important;


  background: none !important;


  border: none !important;


}





.mobile-hamburger:hover { color: #EEF1F6 !important; }





/* === SCROLLBAR sidebar === */


.sidebar-conversations::-webkit-scrollbar { width: 4px; }


.sidebar-conversations::-webkit-scrollbar-thumb {


  background: var(--scrollbar-thumb, #252B36) !important;


  border-radius: 2px !important;


}


.sidebar-conversations::-webkit-scrollbar-thumb:hover {


  background: var(--border2, #303744) !important;


}


/* ============================================================


   KAPSAMLI FINAL FIX — Tum sayfalar icin eksik bilesenleri kapsar


   Responsive: 320 / 390 / 768 / 1024 / 1440 / 1920px


============================================================ */





/* === APP SHELL === */


.app-with-sidebar {


  display: flex !important;


  height: 100dvh !important;


  overflow: hidden !important;


  background: #0F1115 !important;


}





.main-content, #main-content, #main {


  flex: 1 !important;


  min-width: 0 !important;


  display: flex !important;


  flex-direction: column !important;


  height: 100dvh !important;


  overflow: hidden !important;


  background: #0F1115 !important;


}





/* === GX-CARD BİLEŞENİ === */


.gx-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


  color: #EEF1F6 !important;


}





.gx-card:hover {


  border-color: #3D4860 !important;


}





/* === PAGE LAYOUT === */


.page-main,


.history-main,


.plugins-main,


.subscription-main,


.notifications-main,


.scheduled-main {


  flex: 1 !important;


  overflow-y: auto !important;


  background: #0F1115 !important;


  color: #EEF1F6 !important;


}





/* === FORM AUTOFILL === */


input:-webkit-autofill,


input:-webkit-autofill:hover,


input:-webkit-autofill:focus,


textarea:-webkit-autofill,


select:-webkit-autofill {


  -webkit-box-shadow: 0 0 0 1000px #1D212B inset !important;


  -webkit-text-fill-color: #EEF1F6 !important;


  caret-color: #EEF1F6 !important;


  border-color: #303744 !important;


}





/* === TOGGLE / CHECKBOX === */


.toggle-wrap, .sp-toggle {


  display: flex;


  align-items: center;


  gap: 8px;


}





.sp-toggle-track,


.toggle-track {


  background: #252B36 !important;


  border: 1px solid #303744 !important;


  border-radius: 100px !important;


  transition: background .2s !important;


}





input[type="checkbox"]:checked + .sp-toggle-track,


input[type="checkbox"]:checked + .toggle-track {


  background: #818CF8 !important;


  border-color: #818CF8 !important;


}





/* === SELECT DROPDOWN === */


select {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


  border-radius: 8px !important;


  padding: 8px 12px !important;


  appearance: none !important;


  -webkit-appearance: none !important;


  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7A92' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;


  background-repeat: no-repeat !important;


  background-position: right 12px center !important;


  padding-right: 36px !important;


}





/* === TEXTAREA === */


textarea {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


  border-radius: 8px !important;


  resize: vertical !important;


  line-height: 1.6 !important;


}





textarea:focus {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,.12) !important;


  outline: none !important;


}





/* === RANGE INPUT === */


input[type="range"] {


  accent-color: #818CF8 !important;


  background: transparent !important;


}





/* === MOBILE PAGE HEADER === */


.mobile-page-header {


  display: flex;


  align-items: center;


  gap: 10px;


  padding: 12px 16px;


  background: #151820 !important;


  border-bottom: 1px solid #1E2330 !important;


  flex-shrink: 0;


}





.mobile-hamburger {


  display: flex;


  align-items: center;


  justify-content: center;


  width: 36px;


  height: 36px;


  border-radius: 8px;


  background: none !important;


  border: none !important;


  color: #ADB6C5 !important;


  cursor: pointer;


}





.mobile-hamburger:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





/* === TABLO RESPONSIVE === */


.table-wrap, .table-container {


  overflow-x: auto !important;


  -webkit-overflow-scrolling: touch !important;


  border-radius: 10px !important;


  border: 1px solid #1E2330 !important;


}





table {


  min-width: 600px;


}





/* === SETTINGS SAYFASI === */


.settings-section {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


  overflow: hidden !important;


}





.settings-section-header {


  padding: 16px 20px !important;


  border-bottom: 1px solid #1E2330 !important;


  background: transparent !important;


}





.settings-section-title {


  color: #EEF1F6 !important;


  font-weight: 600 !important;


  font-size: .95rem !important;


}





.settings-section-desc {


  color: #6B7A92 !important;


  font-size: .82rem !important;


  margin-top: 2px !important;


}





.settings-section-body {


  padding: 16px 20px !important;


}





.settings-row {


  display: flex !important;


  align-items: center !important;


  justify-content: space-between !important;


  gap: 16px !important;


  padding: 12px 0 !important;


  border-bottom: 1px solid #1E2330 !important;


}





.settings-row:last-child { border-bottom: none !important; }





.settings-label { color: #EEF1F6 !important; font-size: .9rem !important; }


.settings-hint { color: #6B7A92 !important; font-size: .8rem !important; }





.danger-zone {


  border-color: rgba(239,68,68,.3) !important;


}





.danger-zone .settings-section-header {


  background: rgba(239,68,68,.05) !important;


}





/* === HISTORY SAYFASI === */


.history-list-wrap {


  display: flex;


  flex-direction: column;


  gap: 8px;


}





.history-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


  color: #ADB6C5 !important;


  transition: border-color .15s, background .15s !important;


}





.history-card:hover {


  border-color: rgba(129,140,248,.3) !important;


  background: #252B36 !important;


}





.history-card-title { color: #EEF1F6 !important; font-weight: 500 !important; }


.history-card-meta { color: #6B7A92 !important; font-size: .78rem !important; }





/* === NOTIFICATIONS SAYFASI === */


.notif-item {


  background: #1D212B !important;


  border: 1px solid #1E2330 !important;


  border-radius: 10px !important;


  color: #ADB6C5 !important;


}





.notif-item:hover { background: #252B36 !important; }





.notif-item.unread {


  background: rgba(129,140,248,.07) !important;


  border-left: 3px solid #818CF8 !important;


}





.notif-title { color: #EEF1F6 !important; font-weight: 500 !important; }


.notif-body { color: #ADB6C5 !important; }


.notif-time { color: #6B7A92 !important; font-size: .78rem !important; }





/* === PROFILE SAYFASI === */


.profile-card, .profile-section {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.profile-avatar-wrap {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  border-radius: 50% !important;


}





.provider-icon.google { background: rgba(234,67,53,.12) !important; color: #ea4335 !important; }


.provider-icon.github { background: rgba(255,255,255,.08) !important; color: #EEF1F6 !important; }


.provider-icon.openai { background: rgba(16,163,127,.12) !important; color: #10a37f !important; }





/* === SUPPORT SAYFASI === */


.support-card, .ticket-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.ticket-status-open    { background: rgba(129,140,248,.12) !important; color: #818CF8 !important; }


.ticket-status-closed  { background: rgba(107,122,146,.12) !important; color: #6B7A92 !important; }


.ticket-status-pending { background: rgba(245,158,11,.12) !important;  color: #F59E0B !important; }





/* === SUBSCRIPTION SAYFASI === */


.plan-current-card {


  background: #1D212B !important;


  border: 1px solid rgba(129,140,248,.3) !important;


  border-radius: 16px !important;


}





.balance-card {


  background: linear-gradient(135deg, rgba(16,185,129,.1), rgba(5,150,105,.05)) !important;


  border: 1px solid rgba(16,185,129,.2) !important;


  border-radius: 12px !important;


}





/* === EXPLORE SAYFASI === */


.exp-section-label { color: #6B7A92 !important; }


.exp-section-label a { color: #818CF8 !important; }





.exp-tool-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


  color: #EEF1F6 !important;


  transition: border-color .15s, background .15s, transform .15s !important;


}





.exp-tool-card:hover {


  border-color: rgba(129,140,248,.35) !important;


  background: #252B36 !important;


  transform: translateY(-2px) !important;


}





.exp-search-wrap input {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


  border-radius: 10px !important;


}





.exp-search-wrap input:focus {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,.12) !important;


}





.exp-quick-chip, .exp-app-chip, .exp-recent-chip {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #ADB6C5 !important;


  border-radius: 20px !important;


}





.exp-quick-chip:hover, .exp-app-chip:hover, .exp-recent-chip:hover {


  background: #252B36 !important;


  border-color: rgba(129,140,248,.3) !important;


  color: #EEF1F6 !important;


}





/* === TOOLS SAYFASI === */


.tool-item, .tool-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


  color: #EEF1F6 !important;


}





.tool-item:hover, .tool-card:hover {


  border-color: rgba(129,140,248,.3) !important;


  background: #252B36 !important;


}





/* === PLUGINS SAYFASI === */


.plg-item {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.plg-item:hover { border-color: rgba(129,140,248,.3) !important; }





.plg-item-action.installed { color: #10B981 !important; }





.plg-search-wrap input {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


}





.plg-search-wrap input:focus {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,.12) !important;


}





/* === SCHEDULED SAYFASI === */


.sched-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


}





.sched-badge-repeat {


  background: rgba(129,140,248,.12) !important;


  color: #818CF8 !important;


  border-radius: 20px !important;


  padding: 2px 8px !important;


  font-size: .72rem !important;


}





/* === PROJECTS SAYFASI === */


.project-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.project-card:hover {


  border-color: rgba(129,140,248,.3) !important;


  background: #252B36 !important;


}





/* === FILES SAYFASI === */


.file-item {


  background: #1D212B !important;


  border: 1px solid #1E2330 !important;


  border-radius: 8px !important;


  color: #ADB6C5 !important;


}





.file-item:hover { background: #252B36 !important; color: #EEF1F6 !important; }





/* === FAVORITES SAYFASI === */


.fav-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


}





.fav-card:hover { border-color: rgba(129,140,248,.3) !important; }





/* === MODELS SAYFASI === */


.model-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.model-card:hover { border-color: rgba(129,140,248,.3) !important; }


.model-card.active { border-color: #818CF8 !important; }





/* === SHARE SAYFASI === */


.share-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





/* === PROMPT LIBRARY === */


.prompt-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


  color: #ADB6C5 !important;


}





.prompt-card:hover {


  border-color: rgba(129,140,248,.3) !important;


  background: #252B36 !important;


}





/* === SECURITY SAYFASI === */


.security-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





/* === STATUS SAYFASI === */


.status-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 10px !important;


}





.status-dot-ok      { background: #10B981 !important; }


.status-dot-warn    { background: #F59E0B !important; }


.status-dot-error   { background: #EF4444 !important; }





/* === IMAGES SAYFASI === */


.image-gallery-item {


  border-radius: 10px !important;


  overflow: hidden !important;


  border: 1px solid #1E2330 !important;


}





.image-gallery-item:hover { border-color: rgba(129,140,248,.3) !important; }





/* === CHANGELOG / HELP / PRIVACY / TERMS === */


.changelog-card, .help-card, .legal-card {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  border-radius: 12px !important;


}





.changelog-version {


  background: rgba(129,140,248,.12) !important;


  color: #818CF8 !important;


  border-radius: 6px !important;


  padding: 2px 8px !important;


  font-size: .72rem !important;


  font-weight: 700 !important;


}





/* === GLOBAL EMPTY STATE === */


.empty-state {


  display: flex !important;


  flex-direction: column !important;


  align-items: center !important;


  justify-content: center !important;


  padding: 48px 24px !important;


  color: #6B7A92 !important;


  text-align: center !important;


}





.empty-state svg { color: #303744 !important; margin-bottom: 16px !important; }


.empty-state h3 { color: #EEF1F6 !important; margin-bottom: 8px !important; }


.empty-state p { color: #6B7A92 !important; max-width: 360px !important; }





/* === LOADING SPINNER === */


.spinner, .loading-spinner {


  border-color: #303744 !important;


  border-top-color: #818CF8 !important;


}





/* === TOOLTIP === */


[class*="tooltip"], .tippy-box, [data-tippy-content] {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #EEF1F6 !important;


  border-radius: 8px !important;


  font-size: .82rem !important;


  box-shadow: 0 4px 16px rgba(0,0,0,.5) !important;


}





/* === COPY BUTTON === */


.copy-btn, .btn-copy {


  background: #252B36 !important;


  border: 1px solid #303744 !important;


  color: #6B7A92 !important;


  border-radius: 6px !important;


}





.copy-btn:hover, .btn-copy:hover {


  background: #2D3441 !important;


  color: #EEF1F6 !important;


}





.copy-btn.copied, .btn-copy.copied {


  background: rgba(16,185,129,.12) !important;


  color: #10B981 !important;


  border-color: rgba(16,185,129,.25) !important;


}





/* === PAGINATION === */


.pagination, .page-nav {


  display: flex !important;


  gap: 4px !important;


  align-items: center !important;


}





.page-btn {


  background: #1D212B !important;


  border: 1px solid #303744 !important;


  color: #ADB6C5 !important;


  border-radius: 8px !important;


  min-width: 36px !important;


  height: 36px !important;


}





.page-btn:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





.page-btn.active {


  background: rgba(129,140,248,.15) !important;


  border-color: rgba(129,140,248,.3) !important;


  color: #818CF8 !important;


}





/* ============================================================


   RESPONSIVE — 1440px ve uzeri


============================================================ */


@media (min-width: 1440px) {


  .page-main, .history-main, .plugins-main,


  .subscription-main, .notifications-main, .scheduled-main {


    padding: 32px 48px !important;


  }


}





/* ============================================================


   RESPONSIVE — 1024px tablet


============================================================ */


@media (max-width: 1024px) {


  .settings-row {


    flex-direction: column !important;


    align-items: flex-start !important;


    gap: 8px !important;


  }


}





/* ============================================================


   RESPONSIVE — 768px mobil


============================================================ */


@media (max-width: 768px) {


  .app-with-sidebar { overflow: hidden !important; }


  


  .mobile-page-header { display: flex !important; }





  /* Tablolar mobilde kaydir */


  .table-wrap, .table-container {


    overflow-x: auto !important;


  }


  table { min-width: 500px !important; }





  /* Kartlar tam genislik */


  .gx-card { border-radius: 8px !important; }





  /* Modal mobilde full-screen */


  .modal-box, .modal-content {


    margin: 0 !important;


    border-radius: 16px 16px 0 0 !important;


    position: fixed !important;


    bottom: 0 !important;


    left: 0 !important;


    right: 0 !important;


    max-height: 90dvh !important;


    overflow-y: auto !important;


  }





  /* Settings stacked */


  .settings-section-body { padding: 12px 16px !important; }





  /* Profile grid tek kolon */


  .profile-grid { grid-template-columns: 1fr !important; }





  /* Pagination compacted */


  .page-btn { min-width: 32px !important; height: 32px !important; font-size: .8rem !important; }





  /* Empty state kompakt */


  .empty-state { padding: 32px 16px !important; }


}





/* ============================================================


   RESPONSIVE — 390px kucuk telefon


============================================================ */


@media (max-width: 390px) {


  .gx-card { padding: 12px !important; }


  .settings-section-header { padding: 12px 14px !important; }


  .settings-section-body { padding: 10px 14px !important; }


  .page-btn { min-width: 28px !important; height: 28px !important; }


  .exp-quick-chip, .exp-app-chip { font-size: .72rem !important; padding: 4px 8px !important; }


}





/* ============================================================


   RESPONSIVE — 320px en kucuk


============================================================ */


@media (max-width: 320px) {


  body { font-size: 14px !important; }


  .gx-card { padding: 10px !important; }


  h1, .page-title { font-size: 1.3rem !important; }


}





/* ============================================================


   OVERFLOW KORREKSIYONU — yatay kayan icerik kaynaklari


============================================================ */


body, html {


  overflow-x: hidden !important;


  max-width: 100vw !important;


}





img, video, iframe, embed, object {


  max-width: 100% !important;


  height: auto !important;


}





pre, code {


  white-space: pre-wrap !important;


  word-break: break-word !important;


  max-width: 100% !important;


  overflow-x: auto !important;


}





/* === TARAYICI FOCUS RING STANDARDIZE === */


*:focus-visible {


  outline: 2px solid #818CF8 !important;


  outline-offset: 2px !important;


  border-radius: 4px !important;


}





button:focus-visible,


a:focus-visible,


input:focus-visible,


textarea:focus-visible,


select:focus-visible {


  outline: 2px solid #818CF8 !important;


  outline-offset: 2px !important;


}





/* === LIGHT TEMA VARIABLES === */


[data-theme="light"] {


  background: var(--bg-main, #ffffff) !important;


  color: var(--text-primary, #0f172a) !important;


}





[data-theme="light"] body {


  background: var(--bg-main, #ffffff) !important;


  color: var(--text-primary, #0f172a) !important;


}


/* ============================================================


   SIDEBAR MOBİL TUTARLILIK — Tüm sayfalarda index.php ile ayni


   Sticky (desktop) + Fixed+Transform (mobil 768px alti)


============================================================ */





/* Desktop: sidebar sticky */


@media (min-width: 769px) {


  .app-with-sidebar > aside.sidebar,


  .app-with-sidebar > .sidebar,


  aside#sidebar {


    position: sticky !important;


    top: 0 !important;


    height: 100dvh !important;


    align-self: flex-start !important;


    flex-shrink: 0 !important;


    overflow-y: auto !important;


    background: var(--sidebar-bg, #151820) !important;


    border-right: 1px solid var(--sidebar-border, #1E2330) !important;


    width: 260px !important;


    min-width: 260px !important;


    display: flex !important;


    flex-direction: column !important;


    transform: none !important;


    visibility: visible !important;


  }





  /* Collapsed */


  .app-with-sidebar > aside.sidebar.collapsed,


  .app-with-sidebar > .sidebar.collapsed,


  aside#sidebar.collapsed {


    width: 60px !important;


    min-width: 60px !important;


  }


}





/* Mobil: sidebar fixed + transform */


@media (max-width: 768px) {


  .app-with-sidebar > aside.sidebar,


  .app-with-sidebar > .sidebar,


  aside#sidebar,


  #sidebar {


    position: fixed !important;


    top: 0 !important;


    left: 0 !important;


    width: 85vw !important;


    max-width: 320px !important;


    height: 100dvh !important;


    z-index: 9999 !important;


    transform: translateX(-100%) !important;


    visibility: hidden !important;


    transition: transform .28s cubic-bezier(.4,0,.2,1), visibility .28s !important;


    display: flex !important;


    flex-direction: column !important;


    overflow-y: auto !important;


    background: var(--sidebar-bg, #151820) !important;


    border-right: 1px solid var(--sidebar-border, #1E2330) !important;


    flex-shrink: 0 !important;


    min-width: 0 !important;


  }





  /* Açık sidebar */


  .app-with-sidebar > aside.sidebar.open,


  .app-with-sidebar > .sidebar.open,


  aside#sidebar.open,


  #sidebar.open,


  body.sidebar-open .app-with-sidebar > aside.sidebar,


  body.sidebar-open .app-with-sidebar > .sidebar,


  body.sidebar-open aside#sidebar,


  body.sidebar-open #sidebar {


    transform: translateX(0) !important;


    visibility: visible !important;


    box-shadow: 4px 0 32px rgba(0,0,0,.6) !important;


  }





  /* Overlay */


  #sidebar-overlay,


  .sidebar-overlay {


    display: none;


    position: fixed !important;


    inset: 0 !important;


    background: rgba(0,0,0,.55) !important;


    z-index: 9998 !important;


  }





  body.sidebar-open #sidebar-overlay,


  body.sidebar-open .sidebar-overlay,


  .sidebar-overlay.active {


    display: block !important;


  }





  /* Mobilde main-content tam genislik */


  .main-content, #main-content, #main {


    width: 100% !important;


    min-width: 0 !important;


    overflow-x: hidden !important;


  }


}





/* ============================================================


   LIGHT TEMA FALLBACK RENKLERİ — Tüm sayfalarda koyu tema zorla


   var(--surface,#f4f4f4) gibi fallbackleri override et


============================================================ */





/* Explore, plugins, prompt-library gibi sayfalarda light fallback */


.exp-search-wrap input,


.plg-search-wrap input,


.exp-quick-chip,


.exp-app-chip,


.exp-recent-chip,


.exp-cat-tab,


.exp-tool-card,


.exp-trend-card,


.exp-prompt-card,


.plg-tab-pill,


.plg-installed-icon,


.plg-item-logo,


.plg-modal-toggle-icon,


.plg-more-icon,


.plg-modal-connect-btn.installed-btn {


  background: #1D212B !important;


  color: #EEF1F6 !important;


  border-color: #303744 !important;


}





.exp-tool-card:hover,


.exp-trend-card:hover,


.exp-prompt-card:hover,


.plg-item:hover,


.plg-more-row:hover,


.exp-quick-chip:hover,


.exp-app-chip:hover,


.exp-recent-chip:hover {


  background: #252B36 !important;


  border-color: rgba(129,140,248,.3) !important;


  color: #EEF1F6 !important;


}





/* Aktif tab — accent rengi */


.exp-cat-tab.active {


  background: #818CF8 !important;


  color: #FFFFFF !important;


  border-color: #818CF8 !important;


}





/* Toast */


.exp-toast {


  background: #1D212B !important;


  color: #EEF1F6 !important;


  border: 1px solid #303744 !important;


  box-shadow: 0 4px 16px rgba(0,0,0,.5) !important;


}





/* Profile light fallback */


[data-theme="light"] .ppd-usage-block,


[data-theme="light"] .ppd-detail-item,


[data-theme="light"] .ppd-reset-note,


.ppd-usage-block, .ppd-detail-item, .ppd-reset-note {


  background: #1D212B !important;


  border-color: #303744 !important;


  color: #ADB6C5 !important;


}





/* var(--surface,#f9f9f9) fallback olan genel bilesenlerde */


[class*="-card"],


[class*="-item"],


[class*="-chip"],


[class*="-tab"] {


  background: var(--bg-surface, #1D212B);


}


/* ============================================================


   CSS TOKEN RESET — app.css + glomax-v3.css override duzeltmesi


   Bu dosya EN SON yuklendigi icin tum yanlis tokenlari ezar.


   Kaynak: root.css + index.php tasarim sistemi


============================================================ */





html[data-theme="dark"],


html:not([data-theme="light"]) {


  /* Ana arkaplanlar */


  --bg:               #0F1115 !important;


  --bg-main:          #0F1115 !important;


  --bg2:              #151820 !important;


  --bg3:              #1D212B !important;


  --bg-sidebar:       #151820 !important;


  --bg-surface:       #1D212B !important;


  --bg-elevated:      #252B36 !important;


  --bg-input:         #1D212B !important;


  --bg-hover:         #252B36 !important;


  --bg-active:        #2D3441 !important;


  --main-bg:          #0F1115 !important;





  /* Surface */


  --surface:          #1D212B !important;


  --surface2:         #252B36 !important;


  --surface3:         #2D3441 !important;


  --card:             #1D212B !important;


  --card2:            #252B36 !important;


  --hover:            #252B36 !important;





  /* Sidebar */


  --sidebar-bg:       #151820 !important;


  --sidebar-hover:    #252B36 !important;


  --sidebar-active:   #2D3441 !important;


  --sidebar-border:   #303744 !important;


  --v3-sidebar-bg:    #151820 !important;


  --v3-sidebar-hover: #252B36 !important;


  --v3-sidebar-active:#2D3441 !important;





  /* Metin */


  --text:             #EEF1F6 !important;


  --text1:            #EEF1F6 !important;


  --text2:            #ADB6C5 !important;


  --text3:            #6B7A92 !important;


  --text4:            #4A5568 !important;


  --v3-text:          #EEF1F6 !important;


  --v3-text2:         #ADB6C5 !important;


  --v3-text3:         #6B7A92 !important;


  --v3-text4:         #4A5568 !important;


  --text-primary:     #EEF1F6 !important;


  --text-secondary:   #ADB6C5 !important;


  --text-muted:       #6B7A92 !important;


  --text-disabled:    #4A5568 !important;


  --text-placeholder: #5A6A82 !important;





  /* Kenarliklar */


  --border:           #303744 !important;


  --border2:          #3D4860 !important;


  --border3:          #252B36 !important;


  --border-subtle:    #1E2330 !important;


  --border-default:   #303744 !important;


  --border-strong:    #3D4860 !important;


  --border-control:   #303744 !important;


  --v3-border:        #303744 !important;


  --v3-border2:       #3D4860 !important;





  /* Vurgu */


  --accent:           #818CF8 !important;


  --accent-hover:     #A5B4FC !important;


  --accent-soft:      rgba(129,140,248,0.12) !important;


  --accent-color:     #818CF8 !important;


  --accent2:          #A5B4FC !important;


  --accent-text:      #FFFFFF !important;


  --accent-purple:    #818CF8 !important;


  --v3-accent:        #818CF8 !important;


  --focus-ring:       #818CF8 !important;


  --primary-bg:       #818CF8 !important;


  --primary-text:     #FFFFFF !important;


  --primary-hover:    #A5B4FC !important;





  /* v3 surface aliaslar */


  --v3-bg:            #0F1115 !important;


  --v3-surface:       #1D212B !important;


  --v3-surface2:      #252B36 !important;


  --v3-input-bg:      #1D212B !important;


  --v3-hover:         #252B36 !important;


  --v3-card:          #1D212B !important;


  --v3-card2:         #252B36 !important;





  /* Input */


  --input-bg:         #1D212B !important;


  --input-border:     #303744 !important;





  /* Mesaj balonlari */


  --user-bubble-bg:     #1D212B !important;


  --user-bubble-border: #303744 !important;


  --msg-user-bg:        #1D212B !important;


  --msg-ai-bg:          transparent !important;





  /* Scrollbar */


  --scrollbar-track:  transparent !important;


  --scrollbar-thumb:  #303744 !important;





  /* Glass */


  --glass-bg:         rgba(15,17,21,0.92) !important;


  --glass-border:     #303744 !important;





  /* Topbar */


  --topbar-bg:        transparent !important;


  --topbar-border:    transparent !important;





  /* Durum renkleri */


  --color-success:    #10B981 !important;


  --color-error:      #EF4444 !important;


  --color-warning:    #F59E0B !important;


  --color-info:       #3B82F6 !important;


}





/* Sidebar arkaplanini kesin olarak zorla */


#sidebar,


.sidebar,


aside.sidebar,


aside#sidebar {


  background-color: var(--bg-sidebar) !important;


  background: var(--bg-sidebar) !important;


}





/* Ana sayfa arkaplanini zorla */


html, body {


  background-color: var(--bg-main) !important;


  background: var(--bg-main) !important;


  color: var(--text-primary) !important;


}





/* Tum kartlarin ve yüzeylerin arkaplanini zorla */


.gx-card,


.card,


[class*="-card"] {


  background-color: var(--bg-surface) !important;


  color: var(--text-primary) !important;


  border-color: var(--border-default) !important;


}


/* ============================================================


   YÜKSEK SPECIFICİTY TOKEN RESET


   app.css ve glomax-v3.css data-theme override'larini yener


============================================================ */





html[data-theme="dark"],


html:not([data-theme="light"]) {


  --bg:               #0F1115 !important;


  --bg-main:          #0F1115 !important;


  --bg2:              #151820 !important;


  --bg3:              #1D212B !important;


  --bg-sidebar:       #151820 !important;


  --bg-surface:       #1D212B !important;


  --bg-elevated:      #252B36 !important;


  --bg-input:         #1D212B !important;


  --bg-hover:         #252B36 !important;


  --bg-active:        #2D3441 !important;


  --main-bg:          #0F1115 !important;


  --surface:          #1D212B !important;


  --surface2:         #252B36 !important;


  --surface3:         #2D3441 !important;


  --card:             #1D212B !important;


  --card2:            #252B36 !important;


  --hover:            #252B36 !important;


  --sidebar-bg:       #151820 !important;


  --sidebar-hover:    #252B36 !important;


  --sidebar-active:   #2D3441 !important;


  --sidebar-border:   #303744 !important;


  --v3-sidebar-bg:    #151820 !important;


  --v3-sidebar-hover: #252B36 !important;


  --v3-sidebar-active:#2D3441 !important;


  --text:             #EEF1F6 !important;


  --text1:            #EEF1F6 !important;


  --text2:            #ADB6C5 !important;


  --text3:            #6B7A92 !important;


  --text4:            #4A5568 !important;


  --v3-text:          #EEF1F6 !important;


  --v3-text2:         #ADB6C5 !important;


  --v3-text3:         #6B7A92 !important;


  --v3-text4:         #4A5568 !important;


  --text-primary:     #EEF1F6 !important;


  --text-secondary:   #ADB6C5 !important;


  --text-muted:       #6B7A92 !important;


  --text-disabled:    #4A5568 !important;


  --text-placeholder: #5A6A82 !important;


  --border:           #303744 !important;


  --border2:          #3D4860 !important;


  --border3:          #252B36 !important;


  --border-subtle:    #1E2330 !important;


  --border-default:   #303744 !important;


  --border-strong:    #3D4860 !important;


  --border-control:   #303744 !important;


  --v3-border:        #303744 !important;


  --v3-border2:       #3D4860 !important;


  --accent:           #818CF8 !important;


  --accent-hover:     #A5B4FC !important;


  --accent-soft:      rgba(129,140,248,0.12) !important;


  --accent-color:     #818CF8 !important;


  --accent2:          #A5B4FC !important;


  --accent-text:      #FFFFFF !important;


  --accent-purple:    #818CF8 !important;


  --v3-accent:        #818CF8 !important;


  --focus-ring:       #818CF8 !important;


  --primary-bg:       #818CF8 !important;


  --primary-text:     #FFFFFF !important;


  --primary-hover:    #A5B4FC !important;


  --v3-bg:            #0F1115 !important;


  --v3-surface:       #1D212B !important;


  --v3-surface2:      #252B36 !important;


  --v3-input-bg:      #1D212B !important;


  --v3-hover:         #252B36 !important;


  --v3-card:          #1D212B !important;


  --v3-card2:         #252B36 !important;


  --input-bg:         #1D212B !important;


  --input-border:     #303744 !important;


  --user-bubble-bg:     #1D212B !important;


  --user-bubble-border: #303744 !important;


  --msg-user-bg:        #1D212B !important;


}





/* ============================================================


   SIDEBAR ARKA PLAN DOGRUDAN ZORLAMA (DARK)


============================================================ */


html[data-theme="dark"] #sidebar,


html[data-theme="dark"] .sidebar,


html[data-theme="dark"] aside.sidebar,


html[data-theme="dark"] aside#sidebar,


html[data-theme="dark"] .app-with-sidebar > aside,


html[data-theme="dark"] .app-with-sidebar > .sidebar,


html:not([data-theme="light"]) #sidebar,


html:not([data-theme="light"]) .sidebar,


html:not([data-theme="light"]) aside.sidebar,


html:not([data-theme="light"]) aside#sidebar,


html:not([data-theme="light"]) .app-with-sidebar > aside,


html:not([data-theme="light"]) .app-with-sidebar > .sidebar {


  background: #151820 !important;


  background-color: #151820 !important;


  border-right: 1px solid #1E2330 !important;


  color: #EEF1F6 !important;


}





/* Sidebar icindeki tum nav itemlar (dark) */


html[data-theme="dark"] #sidebar .sidebar-nav-item,


html[data-theme="dark"] .sidebar .sidebar-nav-item,


html:not([data-theme="light"]) #sidebar .sidebar-nav-item,


html:not([data-theme="light"]) .sidebar .sidebar-nav-item {


  color: #ADB6C5 !important;


}





html[data-theme="dark"] #sidebar .sidebar-nav-item:hover,


html[data-theme="dark"] .sidebar .sidebar-nav-item:hover,


html:not([data-theme="light"]) #sidebar .sidebar-nav-item:hover,


html:not([data-theme="light"]) .sidebar .sidebar-nav-item:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





html[data-theme="dark"] #sidebar .sidebar-nav-item.active,


html[data-theme="dark"] .sidebar .sidebar-nav-item.active,


html:not([data-theme="light"]) #sidebar .sidebar-nav-item.active,


html:not([data-theme="light"]) .sidebar .sidebar-nav-item.active {


  background: #2D3441 !important;


  color: #EEF1F6 !important;


}





/* Sidebar footer (dark) */


html[data-theme="dark"] #sidebar .sidebar-footer,


html[data-theme="dark"] .sidebar .sidebar-footer,


html:not([data-theme="light"]) #sidebar .sidebar-footer,


html:not([data-theme="light"]) .sidebar .sidebar-footer {


  background: #151820 !important;


  border-top: 1px solid #1E2330 !important;


}





/* Sidebar konusma listesi (dark) */


html[data-theme="dark"] #sidebar .sidebar-conversations,


html[data-theme="dark"] .sidebar .sidebar-conversations,


html:not([data-theme="light"]) #sidebar .sidebar-conversations,


html:not([data-theme="light"]) .sidebar .sidebar-conversations {


  background: transparent !important;


}





html[data-theme="dark"] #sidebar .conv-group-label,


html[data-theme="dark"] .sidebar .conv-group-label,


html[data-theme="dark"] #sidebar .conv-list-header,


html[data-theme="dark"] .sidebar .conv-list-header,


html:not([data-theme="light"]) #sidebar .conv-group-label,


html:not([data-theme="light"]) .sidebar .conv-group-label,


html:not([data-theme="light"]) #sidebar .conv-list-header,


html:not([data-theme="light"]) .sidebar .conv-list-header {


  background: #151820 !important;


  color: #4A5568 !important;


}





html[data-theme="dark"] #sidebar .conv-item,


html[data-theme="dark"] .sidebar .conv-item,


html:not([data-theme="light"]) #sidebar .conv-item,


html:not([data-theme="light"]) .sidebar .conv-item {


  color: #ADB6C5 !important;


}





html[data-theme="dark"] #sidebar .conv-item:hover,


html[data-theme="dark"] .sidebar .conv-item:hover,


html:not([data-theme="light"]) #sidebar .conv-item:hover,


html:not([data-theme="light"]) .sidebar .conv-item:hover {


  background: #1D212B !important;


}





html[data-theme="dark"] #sidebar .conv-item.active,


html[data-theme="dark"] .sidebar .conv-item.active,


html:not([data-theme="light"]) #sidebar .conv-item.active,


html:not([data-theme="light"]) .sidebar .conv-item.active {


  background: #252B36 !important;


}





html[data-theme="dark"] #sidebar .conv-item-text,


html[data-theme="dark"] .sidebar .conv-item-text,


html:not([data-theme="light"]) #sidebar .conv-item-text,


html:not([data-theme="light"]) .sidebar .conv-item-text {


  color: #ADB6C5 !important;


}





html[data-theme="dark"] #sidebar .conv-item.active .conv-item-text,


html[data-theme="dark"] .sidebar .conv-item.active .conv-item-text,


html:not([data-theme="light"]) #sidebar .conv-item.active .conv-item-text,


html:not([data-theme="light"]) .sidebar .conv-item.active .conv-item-text {


  color: #EEF1F6 !important;


}





/* Sidebar kullanici alani (dark) */


html[data-theme="dark"] #sidebar .user-name,


html[data-theme="dark"] .sidebar .user-name,


html:not([data-theme="light"]) #sidebar .user-name,


html:not([data-theme="light"]) .sidebar .user-name {


  color: #EEF1F6 !important;


}





html[data-theme="dark"] #sidebar .user-plan,


html[data-theme="dark"] .sidebar .user-plan,


html:not([data-theme="light"]) #sidebar .user-plan,


html:not([data-theme="light"]) .sidebar .user-plan {


  color: #6B7A92 !important;


}





html[data-theme="dark"] #sidebar .user-avatar-initials,


html[data-theme="dark"] .sidebar .user-avatar-initials,


html:not([data-theme="light"]) #sidebar .user-avatar-initials,


html:not([data-theme="light"]) .sidebar .user-avatar-initials {


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  -webkit-text-fill-color: #FFFFFF !important;


}





/* Sidebar arama (dark) */


html[data-theme="dark"] #sidebar .sb-search-box,


html[data-theme="dark"] .sidebar .sb-search-box,


html:not([data-theme="light"]) #sidebar .sb-search-box,


html:not([data-theme="light"]) .sidebar .sb-search-box {


  background: #1D212B !important;


  border-color: transparent !important;


}





html[data-theme="dark"] #sidebar .sb-search-box:focus-within,


html[data-theme="dark"] .sidebar .sb-search-box:focus-within,


html:not([data-theme="light"]) #sidebar .sb-search-box:focus-within,


html:not([data-theme="light"]) .sidebar .sb-search-box:focus-within {


  border-color: rgba(129,140,248,.35) !important;


}





html[data-theme="dark"] #sidebar .sb-search-box input,


html[data-theme="dark"] .sidebar .sb-search-box input,


html:not([data-theme="light"]) #sidebar .sb-search-box input,


html:not([data-theme="light"]) .sidebar .sb-search-box input {


  color: #EEF1F6 !important;


  background: transparent !important;


}





/* Upgrade butonu (dark) */


html[data-theme="dark"] #sidebar .sb-upgrade-btn,


html[data-theme="dark"] .sidebar .sb-upgrade-btn,


html:not([data-theme="light"]) #sidebar .sb-upgrade-btn,


html:not([data-theme="light"]) .sidebar .sb-upgrade-btn {


  background: rgba(129,140,248,.1) !important;


  border-color: rgba(129,140,248,.2) !important;


  color: #818CF8 !important;


}





/* User menu dropdown (dark) */


html[data-theme="dark"] #sidebar .user-menu,


html[data-theme="dark"] .sidebar .user-menu,


html:not([data-theme="light"]) #sidebar .user-menu,


html:not([data-theme="light"]) .sidebar .user-menu {


  background: #1D212B !important;


  border-color: #3D4860 !important;


}





html[data-theme="dark"] #sidebar .user-menu-item,


html[data-theme="dark"] .sidebar .user-menu-item,


html:not([data-theme="light"]) #sidebar .user-menu-item,


html:not([data-theme="light"]) .sidebar .user-menu-item {


  color: #ADB6C5 !important;


}





html[data-theme="dark"] #sidebar .user-menu-item:hover,


html[data-theme="dark"] .sidebar .user-menu-item:hover,


html:not([data-theme="light"]) #sidebar .user-menu-item:hover,


html:not([data-theme="light"]) .sidebar .user-menu-item:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





/* Daha fazla popup (dark) */


html[data-theme="dark"] #sidebar .sb-more-popup,


html[data-theme="dark"] .sidebar .sb-more-popup,


html[data-theme="dark"] .sb-more-popup,


html:not([data-theme="light"]) #sidebar .sb-more-popup,


html:not([data-theme="light"]) .sidebar .sb-more-popup,


html:not([data-theme="light"]) .sb-more-popup {


  background: #1D212B !important;


  border-color: #303744 !important;


}





/* ============================================================


   ANA İÇERİK ALANI DOGRUDAN ZORLAMA (DARK)


============================================================ */


html[data-theme="dark"] .main-content,


html[data-theme="dark"] #main-content,


html[data-theme="dark"] #main,


html:not([data-theme="light"]) .main-content,


html:not([data-theme="light"]) #main-content,


html:not([data-theme="light"]) #main {


  background: #0F1115 !important;


  background-color: #0F1115 !important;


  color: #EEF1F6 !important;


}





/* Topbar */


.topbar, #topbar, header.topbar {


  background: transparent !important;


  background-color: transparent !important;


  border-bottom-color: #1E2330 !important;


}





/* Tum sayfa arkaplan */


html { background: var(--bg-main) !important; }


body { background: var(--bg-main) !important; color: var(--text-primary) !important; }


/* ============================================================


   EKSIK TOKEN TAMAMLAMA — bg-page, button-primary, user-msg vb


============================================================ */


html[data-theme="dark"],


html:not([data-theme="light"]) {


  --bg-page:            #0F1115 !important;


  --page-bg:            #0F1115 !important;


  --main-bg:            #0F1115 !important;


  --button-primary-bg:  var(--accent, #818CF8) !important;


  --button-primary-text:#FFFFFF !important;


  --button-primary-hover:var(--accent-hover, #A5B4FC) !important;


  --user-msg-bg:        #1D212B !important;


  --overlay-bg:         rgba(0,0,0,.65) !important;


  --font:               "DM Sans","Inter",ui-sans-serif,sans-serif !important;


  --selection-bg:       rgba(129,140,248,.2) !important;


  --scrollbar-thumb:    #303744 !important;


  --scrollbar-track:    transparent !important;


}





html[data-theme="light"] {


  --bg:                 #ffffff !important;


  --bg-main:            #ffffff !important;


  --bg-page:            #f8fafc !important;


  --page-bg:            #f8fafc !important;


  --main-bg:            #ffffff !important;


  --bg2:                #f8fafc !important;


  --bg3:                #f1f5f9 !important;


  --bg-sidebar:         #ffffff !important;


  --bg-surface:         #ffffff !important;


  --bg-elevated:        #ffffff !important;


  --bg-input:           #ffffff !important;


  --bg-hover:           rgba(0, 0, 0, 0.04) !important;


  --bg-active:          rgba(0, 0, 0, 0.07) !important;


  --surface:            #ffffff !important;


  --surface2:           #f8fafc !important;


  --surface3:           #f1f5f9 !important;


  --card:               #ffffff !important;


  --card2:              #f8fafc !important;


  --hover:              rgba(0, 0, 0, 0.04) !important;


  --sidebar-bg:         #ffffff !important;


  --sidebar-hover:      rgba(0, 0, 0, 0.04) !important;


  --sidebar-active:     rgba(0, 0, 0, 0.07) !important;


  --sidebar-border:     rgba(0, 0, 0, 0.08) !important;


  --v3-sidebar-bg:      #ffffff !important;


  --v3-sidebar-hover:   rgba(0, 0, 0, 0.04) !important;


  --v3-sidebar-active:  rgba(0, 0, 0, 0.07) !important;


  --v3-bg:              #f8fafc !important;


  --v3-surface:         #ffffff !important;


  --v3-surface2:        #f1f5f9 !important;


  --v3-border:          rgba(0, 0, 0, 0.08) !important;


  --v3-text:            #0f172a !important;


  --v3-text2:           #475569 !important;


  --v3-text3:           #94a3b8 !important;


  --v3-text4:           #cbd5e1 !important;


  --text:               #0f172a !important;


  --text1:              #0f172a !important;


  --text2:              #475569 !important;


  --text3:              #64748b !important;


  --text4:              #94a3b8 !important;


  --text-primary:       #0f172a !important;


  --text-secondary:     #475569 !important;


  --text-muted:         #64748b !important;


  --text-disabled:      #94a3b8 !important;


  --text-placeholder:   #94a3b8 !important;


  --border:             rgba(0, 0, 0, 0.10) !important;


  --border2:            rgba(0, 0, 0, 0.15) !important;


  --border-default:     rgba(0, 0, 0, 0.10) !important;


  --border-subtle:      rgba(0, 0, 0, 0.06) !important;


  --button-primary-bg:  var(--accent, #6366f1) !important;


  --button-primary-text:#FFFFFF !important;


  --button-primary-hover:var(--accent-hover, #4f46e5) !important;


  --user-msg-bg:        #f1f5f9 !important;


  --overlay-bg:         rgba(0,0,0,.35) !important;


  --font:               "DM Sans","Inter",ui-sans-serif,sans-serif !important;


  --selection-bg:       rgba(99,102,241,.18) !important;


  --scrollbar-thumb:    rgba(0,0,0,.15) !important;


  --scrollbar-track:    transparent !important;


}





html {


  background: var(--bg-main) !important;


}





body {


  background: var(--bg-main) !important;


  color: var(--text-primary) !important;


}





/* Kod bloku rengi normalize */


pre, code {


  background: #0D1117 !important;


  color: #C9D1D9 !important;


  border-color: #30363D !important;


}





/* Pre kod blogu - setup, fix_keys, vb utility sayfalar */


.code-block pre,


.pre-wrap pre,


.log-output pre {


  background: #0D1117 !important;


  border: 1px solid #30363D !important;


  color: #C9D1D9 !important;


  border-radius: 8px !important;


}





/* Selection rengi */


::selection {


  background: rgba(129,140,248,.25) !important;


  color: #EEF1F6 !important;


}





/* Scrollbar global */


* {


  scrollbar-width: thin;


  scrollbar-color: #303744 transparent;


}





::-webkit-scrollbar { width: 6px; height: 6px; }


::-webkit-scrollbar-track { background: transparent; }


::-webkit-scrollbar-thumb {


  background: #303744 !important;


  border-radius: 3px;


}


::-webkit-scrollbar-thumb:hover { background: #3D4860 !important; }


/* ============================================================


   MESAJ GIRISI TEXTAREA - DARK TEMA RENK DUZELTME


   Mobil scope icinde #1a1a1a olan rengi override et


============================================================ */


#message-input,


.gx-bar-row #message-input,


#chat-input-container #message-input,


.input-box #message-input,


.composer #message-input,


textarea#message-input {


  color: #EEF1F6 !important;


  -webkit-text-fill-color: #EEF1F6 !important;


  caret-color: #818CF8 !important;


}





#message-input::placeholder,


.gx-bar-row #message-input::placeholder,


#chat-input-container #message-input::placeholder {


  color: #5A6A82 !important;


  -webkit-text-fill-color: #5A6A82 !important;


  opacity: 1 !important;


}





@media (max-width: 768px) {


  #message-input,


  .gx-bar-row #message-input,


  #chat-input-container #message-input {


    color: #EEF1F6 !important;


    -webkit-text-fill-color: #EEF1F6 !important;


    caret-color: #818CF8 !important;


  }


}


/* ============================================================


   EKSIK RESPONSIVE — notifications, models, security, scheduled


   Ve tüm .page-main sayfaları için evrensel mobil düzeltme


============================================================ */





/* === NOTIFICATIONS === */


.notif-main {


  flex: 1 1 0 !important;


  overflow-y: auto !important;


  overflow-x: hidden !important;


  background: #0F1115 !important;


}





@media (max-width: 768px) {


  .notif-main { padding: 12px 14px 80px !important; }


  .notif-item { border-radius: 8px !important; }


  .notif-icon { width: 36px !important; height: 36px !important; }


}





@media (max-width: 390px) {


  .notif-main { padding: 10px 10px 80px !important; }


  .notif-title { font-size: .88rem !important; }


  .notif-body { font-size: .8rem !important; }


}





/* === MODELS === */


.models-main {


  flex: 1 1 0 !important;


  overflow-y: auto !important;


  overflow-x: hidden !important;


  background: #0F1115 !important;


}





@media (max-width: 768px) {


  .models-main { padding: 12px 14px 80px !important; }


  .model-grid, .models-grid {


    grid-template-columns: 1fr !important;


    gap: 10px !important;


  }


  .model-card { border-radius: 10px !important; }


}





@media (max-width: 390px) {


  .models-main { padding: 10px 10px 80px !important; }


  .model-card { padding: 14px !important; }


}





/* === SECURITY === */


.security-main {


  flex: 1 1 0 !important;


  overflow-y: auto !important;


  overflow-x: hidden !important;


  background: #0F1115 !important;


}





@media (max-width: 768px) {


  .security-main { padding: 12px 14px 80px !important; }


  .security-card { border-radius: 10px !important; }


  .security-row {


    flex-direction: column !important;


    gap: 8px !important;


  }


}





@media (max-width: 390px) {


  .security-main { padding: 10px 10px 80px !important; }


}





/* === SCHEDULED === */


.scheduled-main, .sched-main {


  flex: 1 1 0 !important;


  overflow-y: auto !important;


  overflow-x: hidden !important;


  background: #0F1115 !important;


}





@media (max-width: 768px) {


  .scheduled-main, .sched-main { padding: 12px 14px 80px !important; }


  .sched-card { border-radius: 8px !important; }


  .sched-meta { flex-wrap: wrap !important; gap: 6px !important; }


}





/* === EVRENSEL PAGE-MAIN RESPONSIVE === */


.page-main {


  flex: 1 1 0 !important;


  overflow-y: auto !important;


  overflow-x: hidden !important;


  background: #0F1115 !important;


  min-height: 0 !important;


}





@media (max-width: 1440px) {


  .page-main { padding: 28px 32px !important; }


}





@media (max-width: 1024px) {


  .page-main { padding: 24px 24px !important; }


}





@media (max-width: 768px) {


  /* Page main genel */


  .page-main {


    padding: 14px 14px 80px !important;


    width: 100% !important;


  }





  /* Kart grid 2 kolondan 1 kolona */


  .card-grid-2, .grid-2col, [class*="grid-2"] {


    grid-template-columns: 1fr !important;


  }





  /* Table overflow */


  .table-responsive {


    overflow-x: auto !important;


    -webkit-overflow-scrolling: touch !important;


  }





  /* Buton tam genislik */


  .btn-full-mobile {


    width: 100% !important;


    justify-content: center !important;


  }





  /* Baslik font kucult */


  .page-title, h1 { font-size: 1.3rem !important; }


  h2 { font-size: 1.1rem !important; }





  /* Form alanları tam genislik */


  .form-grid { grid-template-columns: 1fr !important; }


  input, select, textarea { font-size: 16px !important; } /* iOS zoom engelle */


}





@media (max-width: 480px) {


  .page-main { padding: 10px 10px 80px !important; }


  .page-title, h1 { font-size: 1.2rem !important; }


}





@media (max-width: 390px) {


  .page-main { padding: 8px 8px 70px !important; }


  .page-title, h1 { font-size: 1.1rem !important; }


}





@media (max-width: 320px) {


  .page-main { padding: 6px 6px 60px !important; }


  body { font-size: 13px !important; }


}





/* === YATAY TASMA ONLEME — tüm sayfalar === */


* { max-width: 100%; }





img, video, iframe, svg {


  max-width: 100% !important;


  height: auto;


}





.app-with-sidebar,


.main-content,


#main-content {


  overflow-x: hidden !important;


  max-width: 100vw !important;


}





/* === iOS SAFARI FIX === */


@supports (-webkit-touch-callout: none) {


  .page-main {


    min-height: -webkit-fill-available !important;


  }


  


  .app-with-sidebar {


    height: -webkit-fill-available !important;


  }


}


/* ============================================================


   TOPBAR LOGO + MARKA — TÜM SAYFALARDA TUTARLI


   inner-topbar.php: logo+isim hem chat hem diger sayfalar


============================================================ */





/* Topbar genel */


.topbar, #topbar, header.topbar {


  background: #151820 !important;


  border-bottom: 1px solid #1E2330 !important;


  height: 52px !important;


  min-height: 52px !important;


  display: flex !important;


  align-items: center !important;


  padding: 0 16px !important;


  gap: 8px !important;


  position: sticky !important;


  top: 0 !important;


  z-index: 200 !important;


  flex-shrink: 0 !important;


  width: 100% !important;


}





/* Logo favicon */


.tb-brand-favicon {


  width: 28px !important;


  height: 28px !important;


  border-radius: 7px !important;


  object-fit: contain !important;


  flex-shrink: 0 !important;


  display: block !important;


}





/* Marka adi - tüm ekranlarda */


.tb-brand-name {


  font-size: 15px !important;


  font-weight: 700 !important;


  letter-spacing: -.03em !important;


  color: #EEF1F6 !important;


  white-space: nowrap !important;


  display: inline !important;


}





/* Logo + isim wrapper */


.tb-brand-logo,


.tb-brand-logo.tb-page-back {


  display: inline-flex !important;


  align-items: center !important;


  gap: 8px !important;


  text-decoration: none !important;


  padding: 4px 8px !important;


  border-radius: 9px !important;


  transition: background .15s !important;


  flex-shrink: 0 !important;


}





.tb-brand-logo:hover,


.tb-brand-logo.tb-page-back:hover {


  background: rgba(255,255,255,.06) !important;


  text-decoration: none !important;


}





/* Hamburger butonu */


.sidebar-toggle-btn, #sidebar-toggle-btn {


  color: #ADB6C5 !important;


  background: none !important;


  border: none !important;


  border-radius: 8px !important;


  width: 36px !important;


  height: 36px !important;


  display: flex !important;


  align-items: center !important;


  justify-content: center !important;


  cursor: pointer !important;


  flex-shrink: 0 !important;


  transition: background .15s, color .15s !important;


}





.sidebar-toggle-btn:hover, #sidebar-toggle-btn:hover {


  background: var(--bg-hover, #252B36) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





/* Desktop: hamburger gizle */


@media (min-width: 769px) {


  .sidebar-toggle-btn, #sidebar-toggle-btn {


    display: none !important;


  }


  .tb-brand-logo,


  .tb-brand-logo.tb-page-back {


    display: inline-flex !important;


  }


  .tb-brand-name {


    display: inline !important;


  }


}





/* Mobil: hamburger göster */


@media (max-width: 768px) {


  .sidebar-toggle-btn, #sidebar-toggle-btn {


    display: flex !important;


  }


  .tb-brand-logo,


  .tb-brand-logo.tb-page-back {


    display: inline-flex !important;


  }


  .tb-brand-name {


    display: inline !important;


    font-size: 14px !important;


    max-width: 140px !important;


    overflow: hidden !important;


    text-overflow: ellipsis !important;


  }


  .tb-brand-favicon {


    width: 24px !important;


    height: 24px !important;


  }


}





@media (max-width: 390px) {


  .tb-brand-name {


    display: none !important;


  }


  .tb-brand-logo,


  .tb-brand-logo.tb-page-back {


    padding: 4px !important;


    gap: 0 !important;


  }


}





/* Topbar sag taraf */


.topbar-right {


  display: flex !important;


  align-items: center !important;


  gap: 6px !important;


  flex-shrink: 0 !important;


  margin-left: auto !important;


}





/* Topbar sol */


.topbar-left {


  display: flex !important;


  align-items: center !important;


  gap: 4px !important;


  flex-shrink: 0 !important;


  min-width: 0 !important;


}





/* Profil avatar butonu */


.tb-profile-btn {


  width: 34px !important;


  height: 34px !important;


  border-radius: 50% !important;


  border: 2px solid rgba(129,140,248,.3) !important;


  background: linear-gradient(135deg, #818CF8, #A5B4FC) !important;


  color: #FFFFFF !important;


  font-size: 12px !important;


  font-weight: 700 !important;


  cursor: pointer !important;


  display: flex !important;


  align-items: center !important;


  justify-content: center !important;


  overflow: hidden !important;


  transition: border-color .15s, box-shadow .15s !important;


  flex-shrink: 0 !important;


}





.tb-profile-btn:hover {


  border-color: #818CF8 !important;


  box-shadow: 0 0 0 3px rgba(129,140,248,.2) !important;


}





/* Bildirim butonu */


.tb-notif-btn, #tb-notif-btn {


  color: #ADB6C5 !important;


  background: none !important;


  border: none !important;


  border-radius: 8px !important;


  width: 36px !important;


  height: 36px !important;


  display: flex !important;


  align-items: center !important;


  justify-content: center !important;


  cursor: pointer !important;


  transition: background .15s, color .15s !important;


  position: relative !important;


}





.tb-notif-btn:hover, #tb-notif-btn:hover {


  background: #252B36 !important;


  color: #EEF1F6 !important;


}





/* Desktop: topbar her zaman tema uyumlu arka plan */


@media (min-width: 769px) {


  .main-content .topbar,


  .main-content #topbar {


    background: var(--bg-sidebar) !important;


    border-bottom: 1px solid var(--border-subtle) !important;


  }


}


/* ============================================================


   TOPBAR GIZLENME SORUNU - KRITIK OVERRIDE


   app.css L840 + L37525: .app-with-sidebar .main-content > .topbar { display:none !important }


   Bu kurali en guclu selector ile eziyoruz


============================================================ */





html body .app-with-sidebar .main-content > header.topbar,


html body .app-with-sidebar .main-content > .topbar,


html body .app-with-sidebar #main-content > header.topbar,


html body .app-with-sidebar #main-content > .topbar,


html body .app-with-sidebar #main > header.topbar,


html body .app-with-sidebar #main > .topbar,


html body .main-content > header#topbar,


html body .main-content > #topbar,


html body header#topbar,


html body #topbar {


  display: flex !important;


  visibility: visible !important;


  opacity: 1 !important;


  height: 52px !important;


  min-height: 52px !important;


  max-height: 52px !important;


  flex-shrink: 0 !important;


  position: sticky !important;


  top: 0 !important;


  z-index: 200 !important;


  width: 100% !important;


  align-items: center !important;


  background: var(--bg-sidebar) !important;


  border-bottom: 1px solid var(--border-subtle) !important;


  padding: 0 16px !important;


  gap: 8px !important;


}





/* Auth sayfalarinda gizli kal */


html body .app-with-sidebar .main-content > header.topbar--auth,


html body .app-with-sidebar .main-content > .topbar--auth,


html body header.topbar--auth,


html body #topbar.topbar--auth {


  display: none !important;


  height: 0 !important;


  min-height: 0 !important;


  visibility: hidden !important;


}





/* Desktop: topbar arka plan seffaf - sidebar gorunurken */


@media (min-width: 769px) {


  html body .app-with-sidebar .main-content > header.topbar:not(.topbar--auth),


  html body .app-with-sidebar .main-content > .topbar:not(.topbar--auth) {


    background: transparent !important;


    border-bottom: none !important;


  }


}





/* Mobil: topbar gozukur ve arka plan tema uyumlu */


@media (max-width: 768px) {


  html body .app-with-sidebar .main-content > header.topbar:not(.topbar--auth),


  html body .app-with-sidebar .main-content > .topbar:not(.topbar--auth) {


    background: var(--bg-sidebar) !important;


    border-bottom: 1px solid var(--border-subtle) !important;


  }


}


/* ============================================================


   TOPBAR KESIN GORUNURLUK - EN SON KURAL


   Tum display:none override'larini ezer


   image-gen haric tum sayfalarda topbar gorunur


============================================================ */





html body:not(.image-gen-page) .app-with-sidebar .main-content > header.topbar:not(.topbar--auth),


html body:not(.image-gen-page) .app-with-sidebar .main-content > #topbar:not(.topbar--auth),


html body:not(.image-gen-page) .app-with-sidebar #main-content > header.topbar:not(.topbar--auth),


html body:not(.image-gen-page) .app-with-sidebar #main-content > #topbar:not(.topbar--auth),


html body:not(.image-gen-page) header#topbar:not(.topbar--auth),


html body:not(.image-gen-page) #topbar:not(.topbar--auth) {


  display: flex !important;


  visibility: visible !important;


  opacity: 1 !important;


  pointer-events: auto !important;


  height: 52px !important;


  min-height: 52px !important;


  flex-shrink: 0 !important;


  align-items: center !important;


  width: 100% !important;


  position: sticky !important;


  top: 0 !important;


  z-index: 200 !important;


  gap: 8px !important;


  padding: 0 14px !important;


  background: var(--bg-sidebar) !important;


  border-bottom: 1px solid var(--border-subtle) !important;


}





/* Mobil: arka plan */


@media (max-width: 768px) {


  html body:not(.image-gen-page) header#topbar:not(.topbar--auth),


  html body:not(.image-gen-page) #topbar:not(.topbar--auth),


  html body:not(.image-gen-page) .main-content > header.topbar:not(.topbar--auth) {


    background: var(--bg-sidebar) !important;


    border-bottom: 1px solid var(--border-subtle) !important;


  }


}





/* Desktop: seffaf topbar (sidebar gorunurken) */


@media (min-width: 769px) {


  html body:not(.image-gen-page) .app-with-sidebar .main-content > header.topbar:not(.topbar--auth),


  html body:not(.image-gen-page) .app-with-sidebar .main-content > #topbar:not(.topbar--auth) {


    background: var(--bg-sidebar) !important;


    border-bottom: 1px solid var(--border-subtle) !important;


  }


}


/* ============================================================


   EVRENSEL KART / PANEL / BOX / WIDGET RENK SISTEMI


   #1d212b00 (seffaf) -> #1D212B (opak) duzeltmesi


============================================================ */





.card,


.panel,


[class*="-card"]:not(.ig-template-card):not(.ig-suggestion-card):not(.auth-card),


[class*="-panel"],


[class*="-box"],


.widget,


.block {


  background: var(--bg-surface, #1D212B) !important;


  border-color: var(--border-default, #303744) !important;


  color: var(--text-primary, #EEF1F6) !important;


}





/* Hover durumu */


.card:hover,


[class*="-card"]:not(.ig-template-card):not(.ig-suggestion-card):not(.auth-card):hover {


  background: var(--bg-hover, #252B36) !important;


  border-color: var(--border2, #3D4860) !important;


}





/* Ic metin hiyerarsisi */


.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,


[class*="-card"] h1,[class*="-card"] h2,[class*="-card"] h3 {


  color: var(--text-primary, #EEF1F6) !important;


}





.card p,.card span,.card label,


[class*="-card"] p,[class*="-card"] span {


  color: var(--text-secondary, #ADB6C5) !important;


}





.card .text-muted,[class*="-card"] .text-muted,


.card .sub,[class*="-card"] .sub,


.card .meta,[class*="-card"] .meta {


  color: var(--text-muted, #6B7A92) !important;


}








/* =============================================================


   GLOMAX FOUC + LOGO FIX — Tema Duyarlı, ChatGPT font


============================================================= */





/* 1. FOUC engeli: dark temada dark baslar */


html[data-theme="dark"],


html:not([data-theme]) {


  background-color: #0F1115 !important;


  color-scheme: dark !important;


}





html[data-theme="light"] {


  background-color: #ffffff !important;


  color-scheme: light !important;


}





/* 2. Topbar brand logo + isim — ChatGPT stilinde */


#tb-brand-name,


.tb-brand-name,


#tb-brand-name span,


span#tb-brand-name {


  font-family: 'Söhne', 'ui-sans-serif', 'system-ui', -apple-system,


               BlinkMacSystemFont, 'Segoe UI', Roboto,


               'Helvetica Neue', Arial, sans-serif !important;


  font-size: 1rem !important;


  font-weight: 600 !important;


  letter-spacing: -0.02em !important;


  color: var(--text-primary, #ececec) !important;


  white-space: nowrap !important;


}





/* 3. Favicon + brand wrapper */


#tb-brand-favicon,


.tb-brand-favicon,


img#tb-brand-favicon {


  width: 22px !important;


  height: 22px !important;


  object-fit: contain !important;


  flex-shrink: 0 !important;


  border-radius: 4px !important;


}





/* 4. Brand container display */


#tb-brand-logo,


.tb-brand-logo,


div.tb-brand-logo {


  display: inline-flex !important;


  align-items: center !important;


  gap: 8px !important;


  text-decoration: none !important;


  color: inherit !important;


}





/* 5. Light tema desteği */


[data-theme="light"] html,


[data-theme="light"] body {


  background-color: var(--bg-main, #ffffff) !important;


  color: var(--text-primary, #0f172a) !important;


  color-scheme: light !important;


}