/* ==========================================================================
   MODÜL 5: 2 SATIRLI ÖZEL SOHBET ÜST BARI VE ÖZEL ÇEKMECESİ (.ozeller)
   Dosya Yolu: css/kb-ozel.css
   ========================================================================== */

.kb-pm-topbar { display: none; }
.kb-mob-story-strip { display: none; }

/* Özel Mesajlar Çekmecesi Üst Başlığı, Boş Durum Mesajı ve Odak Efekti */
.kb-dm-drawer-head {
    display: none;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 4px 4px 8px 4px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #312e81 !important;
}
.kb-dm-drawer-head button {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 1px solid #fecaca !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.kb-dm-empty-msg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 5px !important;
    padding: 18px 10px !important;
    color: #64748b !important;
}
.kb-dm-empty-msg i {
    font-size: 22px !important;
    color: #818cf8 !important;
}
.kb-dm-empty-msg b {
    font-size: 12px !important;
    color: #334155 !important;
}
.kb-dm-empty-msg small {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    color: #64748b !important;
}

.pencereler .ozeller:has(.ozel) .kb-dm-empty-msg,
.pencereler .ozeller:not(:has(.ozel)) .mobilkapat {
    display: none !important;
}

.pencereler .ozeller.kb-dm-focus-ring {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.28) !important;
}

/* Özel sohbet üst barı (.kb-pm-topbar) ve özel çekmecesi (.ozeller) Web ve Mobil tasarımları kb-web.css ve kb-mobil.css dosyalarına ayrıldı */

/* ==========================================================================
   FAZ 3: ELİT KULLANICI (USER) PROFİL KARTI MODALI
   ========================================================================== */
.kb-ucard-header {
    background: linear-gradient(135deg, #1e1b4b 0%, #4f46e5 50%, #db2777 100%) !important;
    margin: -18px -18px 14px -18px !important;
    padding: 20px 16px 16px 16px !important;
    border-radius: 21px 21px 0 0 !important;
    color: #ffffff !important;
    text-align: center !important;
    position: relative !important;
}

.kb-ucard-avatar-wrap {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 8px auto !important;
    border-radius: 50% !important;
    padding: 3px !important;
    background: linear-gradient(135deg, #fde047, #ec4899, #38bdf8) !important;
    position: relative !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35) !important;
}

.kb-ucard-avatar-wrap img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    background: #ffffff !important;
}

.kb-ucard-online-dot {
    position: absolute !important;
    bottom: 2px !important;
    right: 2px !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background: #22c55e !important;
    border: 2.5px solid #ffffff !important;
}

.kb-ucard-nick {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    margin: 0 0 4px 0 !important;
}

.kb-ucard-role {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #fde047 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.kb-ucard-actions-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

.kb-ucard-act-btn {
    height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    color: #1e293b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    cursor: pointer !important;
    transition: transform 0.12s ease, background 0.15s ease !important;
}

.kb-ucard-act-btn:hover {
    background: #eef2ff !important;
    border-color: #a5b4fc !important;
    transform: translateY(-1px) !important;
}

.kb-ucard-act-btn.primary {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
    border: none !important;
}
.kb-ucard-act-btn.call {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    color: #ffffff !important;
    border: none !important;
}
.kb-ucard-act-btn.game {
    background: linear-gradient(135deg, #d97706, #f59e0b) !important;
    color: #ffffff !important;
    border: none !important;
}
.kb-ucard-act-btn.danger {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

/* ==========================================================================
   FAZ 4: 24 SAATLİK YORUMLU DURUM (STORY) VE SOHBET İÇİ MEDYA BALONCUKLARI
   ========================================================================== */
.kb-chat-media-box {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    padding: 6px 10px !important;
    margin: 3px 0 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    max-width: 280px !important;
    vertical-align: middle !important;
}

.kb-chat-media-box img,
.kb-chat-media-box video {
    max-width: 255px !important;
    max-height: 190px !important;
    border-radius: 9px !important;
    object-fit: cover !important;
}

.kb-chat-media-box audio {
    width: 240px !important;
    height: 34px !important;
}

.kb-story-viewer-box {
    width: 100% !important;
    max-width: 420px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.65) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: 90vh !important;
}

.kb-sv-top {
    padding: 12px 14px !important;
    background: rgba(15, 23, 42, 0.9) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.kb-sv-stage {
    position: relative !important;
    width: 100% !important;
    min-height: 230px !important;
    max-height: 320px !important;
    background: linear-gradient(135deg, #1e1b4b, #311042) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
    text-align: center !important;
    overflow: hidden !important;
}

.kb-sv-stage img,
.kb-sv-stage video {
    max-width: 100% !important;
    max-height: 260px !important;
    border-radius: 12px !important;
    object-fit: contain !important;
}

.kb-sv-stats-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 14px !important;
    background: #1e293b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

.kb-sv-stat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    color: #f8fafc !important;
    border: none !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.kb-sv-comments-area {
    padding: 10px 14px !important;
    background: #0f172a !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    max-height: 170px !important;
}

/* ==========================================================================
   FAZ 5: OK İÇİNDE AÇILIR / KÜÇÜLTÜLEBİLİR OYUN MERKEZİ PANELİ
   ========================================================================== */
.kb-game-drawer {
    position: fixed !important;
    top: calc(var(--kb-header-h) + 6px) !important;
    right: 12px !important;
    width: 390px !important;
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - var(--kb-header-h) - var(--kb-editor-h) - 16px) !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.35) !important;
    z-index: 99990 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.kb-game-drawer.kb-collapsed .kb-gd-body {
    display: none !important;
}

.kb-gd-head {
    padding: 10px 14px !important;
    background: linear-gradient(135deg, #065f46 0%, #059669 55%, #0d9488 100%) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

.kb-gd-head h4 {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #ffffff !important;
}

.kb-gd-head-btns {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.kb-gd-head-btn {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.kb-gd-body {
    padding: 12px !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    color: #0f172a !important;
}

.kb-game-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    margin-bottom: 10px !important;
}

.kb-game-tab {
    height: 31px !important;
    padding: 0 3px !important;
    border-radius: 9px !important;
    border: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
}

.kb-game-tab.active {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    color: #ffffff !important;
    border-color: #4338ca !important;
}

/* ==========================================================================
   MODÜL 6: BİRLEŞTİRİLMİŞ TEMA SİSTEMİ, RENK UYUMU & GECE MODU INPUT DÜZELTMESİ
   ========================================================================== */

/* Eski dağınık tema butonlarını gizle ve mesaj yazma (input) alanını tema değişkenlerine bağla */
#theme-toggle,
.mobileditor :is(li:has(.mobilgece), li:has(.tema1), li:has(.tema2), li:has(.tema3), li:has(.tema4), li:has(.tema5), .mobilgece, .tema1, .tema2, .tema3, .tema4, .tema5) { display: none !important; }

html body :is(#inputmsg, .editor #inputmsg, .emojionearea-editor, .emojionearea.emojionearea-inline > .emojionearea-editor) {
    background-color: transparent !important; color: var(--kb-ed-inp-text, #0f172a) !important;
    -webkit-text-fill-color: var(--kb-ed-inp-text, #0f172a) !important; caret-color: var(--kb-ed-inp-text, #0f172a) !important; font-weight: 600 !important;
}
html body .emojionearea.emojionearea-inline { background: var(--kb-ed-inp-bg, #ffffff) !important; }
html body #inputmsg::placeholder,
html body .emojionearea.emojionearea-inline > .emojionearea-editor:empty:before {
    color: #64748b !important; -webkit-text-fill-color: #64748b !important; opacity: 1 !important;
}
html body:is(.kb-theme-dark, .kb-theme-night) #inputmsg::placeholder,
html body:is(.kb-theme-dark, .kb-theme-night) .emojionearea.emojionearea-inline > .emojionearea-editor:empty:before {
    color: #94a3b8 !important; -webkit-text-fill-color: #94a3b8 !important;
}

/* 1. FERAH MAVİ (popcorn) - Mavi-Beyaz Uyumsuzlukları Giderildi */
body.popcorn {
    --kb-bg: #f0f7ff !important;
    --kb-border: #bae6fd !important;
    --kb-text: #0f172a !important;
}
body.popcorn .header {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 52%, #1d4ed8 100%) !important;
    border-bottom: 1px solid #0ea5e9 !important;
}
body.popcorn .pencereler,
body.popcorn .msg,
body.popcorn .nickler,
body.popcorn .nickler ul.nactive {
    background: #f0f7ff !important;
    border-color: #bae6fd !important;
}
body.popcorn .topicbolum {
    background: linear-gradient(90deg, #e0f2fe 0%, #f0f9ff 100%) !important;
    border-bottom: 1px solid #bae6fd !important;
}
body.popcorn .topicbolum .baslik { color: #0369a1 !important; }
body.popcorn .pencereler .kanallar .kanal.kactive {
    background: linear-gradient(135deg, #0284c7, #2563eb) !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
}

/* 2. ELİT İNDİGO (bluestyle) - Mavi-Beyaz Uyumsuzlukları Giderildi */
body.bluestyle {
    --kb-bg: #eef2ff !important;
    --kb-border: #c7d2fe !important;
    --kb-text: #1e1b4b !important;
}
body.bluestyle .header {
    background: linear-gradient(135deg, #312e81 0%, #4338ca 52%, #6366f1 100%) !important;
    border-bottom: 1px solid #818cf8 !important;
}
body.bluestyle .pencereler,
body.bluestyle .msg,
body.bluestyle .nickler,
body.bluestyle .nickler ul.nactive {
    background: #eef2ff !important;
    border-color: #c7d2fe !important;
}
body.bluestyle .topicbolum {
    background: linear-gradient(90deg, #e0e7ff 0%, #eef2ff 100%) !important;
    border-bottom: 1px solid #c7d2fe !important;
}
body.bluestyle .topicbolum .baslik { color: #3730a3 !important; }

/* 3. MOR'DAN AÇIK LİLA'YA GEÇİŞLİ / GRADIENT TEMA (kb-theme-lilac) */
body.kb-theme-lilac {
    --kb-bg: #faf5ff !important;
    --kb-border: #e9d5ff !important;
    --kb-text: #3b0764 !important;
}
body.kb-theme-lilac .header {
    background: linear-gradient(135deg, #581c87 0%, #7e22ce 45%, #a855f7 78%, #d8b4fe 100%) !important;
    border-bottom: 1px solid #c084fc !important;
}
body.kb-theme-lilac .pencereler {
    background: linear-gradient(180deg, #f3e8ff 0%, #faf5ff 100%) !important;
    border-bottom: 1px solid #e9d5ff !important;
}
body.kb-theme-lilac .topicbolum {
    background: linear-gradient(90deg, #ede9fe 0%, #f3e8ff 55%, #fae8ff 100%) !important;
    border-bottom: 1px solid #d8b4fe !important;
}
body.kb-theme-lilac .topicbolum .baslik,
body.kb-theme-lilac .topicbolum .kb-topic-caret {
    color: #6b21a8 !important;
}
body.kb-theme-lilac .msg,
body.kb-theme-lilac .msg .kanal.mactive {
    background: linear-gradient(180deg, #faf5ff 0%, #f5f3ff 60%, #fdf4ff 100%) !important;
}
body.kb-theme-lilac .nickler,
body.kb-theme-lilac .nickler ul.nactive {
    background: linear-gradient(180deg, #f3e8ff 0%, #faf5ff 100%) !important;
    border-color: #e9d5ff !important;
}
body.kb-theme-lilac .nickler ul li.nick {
    background: rgba(255, 255, 255, 0.88) !important;
    border-color: #e9d5ff !important;
}
body.kb-theme-lilac .pencereler .kanallar .kanal {
    background: #ffffff !important;
    border-color: #d8b4fe !important;
    color: #581c87 !important;
}
body.kb-theme-lilac .pencereler .kanallar .kanal.kactive {
    background: linear-gradient(135deg, #6b21a8 0%, #9333ea 55%, #c084fc 100%) !important;
    border-color: #581c87 !important;
    color: #ffffff !important;
}

/* 4. TAM KOYU TEMA (kb-theme-dark) & YENİLENMİŞ GECE MODU LACİVERT (kb-theme-night) */
body.kb-theme-dark {
    --kb-bg: #0b1120 !important; --kb-border: #1e293b !important; --kb-text: #e2e8f0 !important;
    background: #0b1120 !important; color: #e2e8f0 !important;
}
body.kb-theme-night {
    --kb-bg: #111a2e !important; --kb-border: #293856 !important; --kb-text: #e2e8f0 !important;
    background: #111a2e !important; color: #e2e8f0 !important;
}
body.kb-theme-dark .header { background: linear-gradient(135deg, #060913 0%, #0f172a 55%, #1e1b4b 100%) !important; border-bottom: 1px solid #1e293b !important; }
body.kb-theme-night .header { background: linear-gradient(135deg, #0f172a 0%, #1e293b 52%, #1d4ed8 100%) !important; border-bottom: 1px solid #334155 !important; }
body.kb-theme-dark :is(.pencereler, .msg, .msg .kanal.mactive, .nickler, .nickler ul.nactive) { background: #0b1120 !important; border-color: #1e293b !important; color: #e2e8f0 !important; }
body.kb-theme-night :is(.pencereler, .msg, .msg .kanal.mactive, .nickler, .nickler ul.nactive) { background: #111a2e !important; border-color: #293856 !important; color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .topicbolum { background: linear-gradient(90deg, #162036 0%, #1e293b 100%) !important; border-bottom: 1px solid #293856 !important; color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .topicbolum .baslik { color: #60a5fa !important; }
body:is(.kb-theme-dark, .kb-theme-night) .topicbolum .topic { color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .pencereler .kanallar { background: transparent !important; border-color: #293856 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .pencereler .kanallar .kanal { background: #1e293b !important; border-color: #334155 !important; color: #cbd5e1 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .pencereler .kanallar .kanal.kactive { background: var(--kb-accent-grad) !important; border-color: #60a5fa !important; color: #ffffff !important; }
body:is(.kb-theme-dark, .kb-theme-night) .nickler ul li.nick { background: #19243b !important; border-color: #293856 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .nickler .nicktara { background: #1e293b !important; border-color: #334155 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .nickler .nicktara input[type="text"] { color: #f1f5f9 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .msg .kanal :is(.mesaj, .mesajsekil, .notice, .action) { background: transparent; color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .msg .kanal :is(.time, .saatspan) { color: #94a3b8 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .msg .kanal :is(.mesaj .nick, .mesajsekil .nick) { color: #93c5fd !important; }
body:is(.kb-theme-dark, .kb-theme-night) .msg :is(.mesajsekil .text, .kanal .mesaj .text) { color: #e2e8f0 !important; }
/* mIRC siyah/koyu lacivert metinleri koyu temada göz yormayan açık tonlara dönüştür */
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color:#000000"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color: #000000"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="rgb(0, 0, 0)"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color:black"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color: black"] { color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color:#00007f"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="color: #00007f"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="rgb(0, 0, 127)"],
body:is(.kb-theme-dark, .kb-theme-night) :is(.msg, .topicbolum) [style*="rgb(29, 78, 216)"] { color: #93c5fd !important; }
body:is(.kb-theme-dark, .kb-theme-night) :is(.emojionearea-picker, .emojionearea-picker .emojionearea-filters, .emojionearea-picker .emojionearea-scroll-area, .kb-game-drawer, .kb-chat-media-box, .kb-elite-modal-card, .jconfirm .jconfirm-box) {
    background: #19243b !important; border-color: #334155 !important; color: #e2e8f0 !important;
}
body:is(.kb-theme-dark, .kb-theme-night) :is(.kb-gd-body, .jconfirm .jconfirm-box div.jconfirm-title-c, .jconfirm .jconfirm-box div.jconfirm-content-pane) { color: #e2e8f0 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .kb-game-tab:not(.active) { background: #0f172a !important; border-color: #334155 !important; color: #cbd5e1 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .kb-pm-topbar { background: linear-gradient(135deg, #111a2e 0%, #1e1b4b 100%) !important; border-bottom-color: #334155 !important; }
body:is(.kb-theme-dark, .kb-theme-night) .kb-pm-user-info #kbPmNick { color: #f8fafc !important; }

/* 5. ZÜMRÜT YEŞİLİ UYUMLU TEMA (kb-theme-emerald) */
body.kb-theme-emerald {
    --kb-bg: #ecfdf5 !important;
    --kb-border: #a7f3d0 !important;
    --kb-text: #064e3b !important;
}
body.kb-theme-emerald .header {
    background: linear-gradient(135deg, #064e3b 0%, #047857 52%, #10b981 100%) !important;
    border-bottom: 1px solid #34d399 !important;
}
body.kb-theme-emerald .pencereler,
body.kb-theme-emerald .msg,
body.kb-theme-emerald .msg .kanal.mactive,
body.kb-theme-emerald .nickler,
body.kb-theme-emerald .nickler ul.nactive {
    background: #f0fdf4 !important;
    border-color: #a7f3d0 !important;
}
body.kb-theme-emerald .topicbolum {
    background: linear-gradient(90deg, #d1fae5 0%, #ecfdf5 100%) !important;
    border-bottom: 1px solid #a7f3d0 !important;
}
body.kb-theme-emerald .topicbolum .baslik { color: #047857 !important; }
body.kb-theme-emerald .pencereler .kanallar .kanal.kactive {
    background: linear-gradient(135deg, #047857, #10b981) !important;
    border-color: #065f46 !important;
    color: #ffffff !important;
}

/* 6. MERCAN & ROSE UYUMLU TEMA (kb-theme-sunset) */
body.kb-theme-sunset {
    --kb-bg: #fff1f2 !important;
    --kb-border: #fecdd3 !important;
    --kb-text: #4c0519 !important;
}
body.kb-theme-sunset .header {
    background: linear-gradient(135deg, #881337 0%, #be123c 50%, #f43f5e 100%) !important;
    border-bottom: 1px solid #fb7185 !important;
}
body.kb-theme-sunset .pencereler,
body.kb-theme-sunset .msg,
body.kb-theme-sunset .msg .kanal.mactive,
body.kb-theme-sunset .nickler,
body.kb-theme-sunset .nickler ul.nactive {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}
body.kb-theme-sunset .topicbolum {
    background: linear-gradient(90deg, #ffe4e6 0%, #fff1f2 100%) !important;
    border-bottom: 1px solid #fecdd3 !important;
}
body.kb-theme-sunset .topicbolum .baslik { color: #be123c !important; }
body.kb-theme-sunset .pencereler .kanallar .kanal.kactive {
    background: linear-gradient(135deg, #be123c, #f43f5e) !important;
    border-color: #9f1239 !important;
    color: #ffffff !important;
}

/* 7 TEMANIN TAMAMI İÇİN MESAJ BARI (.editor) VE (+ A -) PALET DEĞİŞKENLERİ */
body.popcorn {
    --kb-bg: #f0f9ff !important;
    --kb-border: #bae6fd !important;
    --kb-text: #0f172a !important;
    --kb-accent-grad: linear-gradient(135deg, #0284c7 0%, #0ea5e9 55%, #38bdf8 100%) !important;
    --kb-accent-solid: #0284c7 !important;
    --kb-accent-shadow: 0 3px 10px rgba(2, 132, 199, 0.28) !important;
    --kb-accent-ring: rgba(14, 165, 233, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #f0f9ff 0%, #e0f2fe 100%) !important;
    --kb-ed-inp-bg: #ffffff !important;
    --kb-ed-inp-border: #bae6fd !important;
    --kb-ed-inp-text: #0f172a !important;
}
body.bluestyle {
    --kb-bg: #eef2ff !important;
    --kb-border: #c7d2fe !important;
    --kb-text: #1e1b4b !important;
    --kb-accent-grad: linear-gradient(135deg, #4338ca 0%, #6366f1 55%, #8b5cf6 100%) !important;
    --kb-accent-solid: #4f46e5 !important;
    --kb-accent-shadow: 0 3px 10px rgba(79, 70, 229, 0.28) !important;
    --kb-accent-ring: rgba(99, 102, 241, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #eef2ff 0%, #ede9fe 100%) !important;
    --kb-ed-inp-bg: #ffffff !important;
    --kb-ed-inp-border: #c7d2fe !important;
    --kb-ed-inp-text: #1e1b4b !important;
}
body.kb-theme-lilac {
    --kb-accent-grad: linear-gradient(135deg, #7e22ce 0%, #a855f7 55%, #ec4899 100%) !important;
    --kb-accent-solid: #9333ea !important;
    --kb-accent-shadow: 0 3px 10px rgba(147, 51, 234, 0.28) !important;
    --kb-accent-ring: rgba(168, 85, 247, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #f5f3ff 0%, #fae8ff 100%) !important;
    --kb-ed-inp-bg: #ffffff !important;
    --kb-ed-inp-border: #e9d5ff !important;
    --kb-ed-inp-text: #3b0764 !important;
}
body.kb-theme-emerald {
    --kb-accent-grad: linear-gradient(135deg, #047857 0%, #10b981 55%, #14b8a6 100%) !important;
    --kb-accent-solid: #059669 !important;
    --kb-accent-shadow: 0 3px 10px rgba(16, 185, 129, 0.28) !important;
    --kb-accent-ring: rgba(16, 185, 129, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #ecfdf5 0%, #d1fae5 100%) !important;
    --kb-ed-inp-bg: #ffffff !important;
    --kb-ed-inp-border: #a7f3d0 !important;
    --kb-ed-inp-text: #064e3b !important;
}
body.kb-theme-sunset {
    --kb-accent-grad: linear-gradient(135deg, #be123c 0%, #e11d48 55%, #fb7185 100%) !important;
    --kb-accent-solid: #e11d48 !important;
    --kb-accent-shadow: 0 3px 10px rgba(225, 29, 72, 0.28) !important;
    --kb-accent-ring: rgba(244, 63, 94, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #fff1f2 0%, #ffe4e6 100%) !important;
    --kb-ed-inp-bg: #ffffff !important;
    --kb-ed-inp-border: #fecdd3 !important;
    --kb-ed-inp-text: #4c0519 !important;
}
body.kb-theme-night {
    --kb-accent-grad: linear-gradient(135deg, #2563eb 0%, #3b82f6 55%, #6366f1 100%) !important;
    --kb-accent-solid: #60a5fa !important;
    --kb-accent-shadow: 0 3px 12px rgba(59, 130, 246, 0.32) !important;
    --kb-accent-ring: rgba(96, 165, 250, 0.22) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #0f172a 0%, #19243b 100%) !important;
    --kb-ed-inp-bg: #1e293b !important;
    --kb-ed-inp-border: #334155 !important;
    --kb-ed-inp-text: #f1f5f9 !important;
}
body.kb-theme-dark {
    --kb-accent-grad: linear-gradient(135deg, #312e81 0%, #6366f1 55%, #8b5cf6 100%) !important;
    --kb-accent-solid: #a5b4fc !important;
    --kb-accent-shadow: 0 3px 12px rgba(99, 102, 241, 0.35) !important;
    --kb-accent-ring: rgba(129, 140, 248, 0.24) !important;
    --kb-ed-bar-bg: linear-gradient(90deg, #070b14 0%, #111827 100%) !important;
    --kb-ed-inp-bg: #151f32 !important;
    --kb-ed-inp-border: #26354d !important;
    --kb-ed-inp-text: #f1f5f9 !important;
}

/* ==========================================================================
   MODÜL 7: FAZ 2 - ADMIN BİLGİ BANDI, SEPULTURA PM FİLİGRANI, ŞİMŞEK & TİTREŞİM
   ========================================================================== */
.kb-admin-pm-banner {
    display: none; align-items: center !important; justify-content: center !important; gap: 6px !important;
    width: 100% !important; height: 22px !important; padding: 0 8px !important; border-radius: 6px !important;
    background: linear-gradient(90deg, #7c2d12 0%, #b91c1c 50%, #4c1d95 100%) !important;
    border: 1px solid #fde047 !important; color: #fef08a !important; font-size: 10.5px !important; font-weight: 800 !important;
    white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; box-shadow: 0 2px 6px rgba(185, 28, 28, 0.3) !important;
}
.kb-admin-pm-banner i { color: #fde047 !important; font-size: 11px !important; }
body.kb-private-mode.kb-pm-is-admin { --kb-pm-header-h: 110px !important; }
body.kb-private-mode.kb-pm-is-admin #kbAdminPmBanner { display: flex !important; }

/* "SepuLtura" Özel (PM) Penceresi 3D Derinlikli Kraliyet Arması ve Özel Filigranı (Arapça Yazısız) */
.kb-sepultura-pm-watermark {
    display: none; position: absolute !important; inset: 0 !important; pointer-events: none !important;
    user-select: none !important; z-index: 1 !important; align-items: center !important; justify-content: center !important; overflow: hidden !important;
}
body.kb-pm-sepultura #kbSepulturaPmWatermark { display: flex !important; }
body.kb-pm-sepultura .msg {
    background: radial-gradient(circle at 50% 46%, rgba(251, 191, 36, 0.10) 0%, rgba(99, 102, 241, 0.08) 42%, rgba(15, 23, 42, 0.09) 100%), var(--kb-bg, #f8fafc) !important;
    box-shadow: inset 0 0 65px rgba(15, 23, 42, 0.12) !important;
}
body.kb-pm-sepultura:is(.kb-theme-dark, .kb-theme-night) .msg {
    background: radial-gradient(circle at 50% 46%, rgba(245, 158, 11, 0.14) 0%, rgba(88, 28, 135, 0.18) 45%, rgba(2, 6, 23, 0.78) 100%), #0b1120 !important;
    box-shadow: inset 0 0 85px rgba(0, 0, 0, 0.62) !important;
}
body.kb-pm-sepultura .msg .kanal.mactive { position: relative !important; z-index: 3 !important; background: transparent !important; }

.kb-sepultura-pm-watermark .kb-sep-depth-aura {
    position: absolute !important; width: min(390px, 78vw) !important; height: min(390px, 78vw) !important; border-radius: 50% !important;
    border: 1.5px solid rgba(217, 119, 6, 0.22) !important;
    box-shadow: 0 0 65px rgba(245, 158, 11, 0.16), inset 0 0 55px rgba(99, 102, 241, 0.14) !important;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.12) 0%, rgba(124, 58, 237, 0.08) 55%, transparent 74%) !important;
}
.kb-sepultura-pm-watermark .kb-sep-emblem {
    position: relative !important; display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; gap: 12px !important;
    transform: perspective(700px) translateZ(0) !important; opacity: 0.48 !important;
}
body.kb-pm-sepultura:is(.kb-theme-dark, .kb-theme-night) .kb-sepultura-pm-watermark .kb-sep-emblem { opacity: 0.56 !important; }
.kb-sepultura-pm-watermark .kb-sep-crest-ring {
    width: min(210px, 48vw) !important; height: min(210px, 48vw) !important; border-radius: 50% !important; padding: 6px !important;
    background: linear-gradient(145deg, rgba(253, 224, 71, 0.9), rgba(180, 83, 9, 0.8), rgba(30, 27, 75, 0.92)) !important;
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.42), 0 0 32px rgba(245, 158, 11, 0.30), inset 0 2px 6px rgba(255, 255, 255, 0.6) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
}
.kb-sepultura-pm-watermark .kb-sep-crest-img {
    width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important;
    border: 2px solid rgba(15, 23, 42, 0.7) !important; box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.55) !important;
}
.kb-sepultura-pm-watermark .kb-sep-royal-plate {
    padding: 6px 18px !important; border-radius: 999px !important; text-align: center !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(49, 46, 129, 0.90)) !important;
    border: 1.5px solid rgba(253, 224, 71, 0.62) !important; box-shadow: 0 12px 28px rgba(15, 23, 42, 0.36) !important;
}
.kb-sepultura-pm-watermark .kb-sep-hat { font-size: 17px !important; line-height: 1.25 !important; }
.kb-sepultura-pm-watermark .kb-sep-sub {
    font-family: 'Cinzel Decorative', Georgia, serif !important; font-size: 9.5px !important; font-weight: 800 !important;
    color: #fde047 !important; margin-top: 2px !important; letter-spacing: 1.3px !important;
}

/* SepuLtura 7 Saniyelik Üst Gökyüzü Thor Şimşek & Yıldırım Şovu (#kbThunderOverlay — Kullanıcıları Rahatsız Etmez) */
.kb-thunder-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    height: 168px !important;
    pointer-events: none !important;
    z-index: 99990 !important;
    overflow: hidden !important;
    display: flex;
    align-items: flex-start !important;
    justify-content: center !important;
    -webkit-mask-image: linear-gradient(to bottom, #000000 62%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(to bottom, #000000 62%, rgba(0, 0, 0, 0) 100%) !important;
}
html.kb-view-mobil .kb-thunder-overlay { height: 128px !important; }

.kb-thor-sky-clouds {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(ellipse 45% 75% at 20% 0%, rgba(15, 23, 42, 0.88), transparent 75%),
        radial-gradient(ellipse 50% 85% at 50% 0%, rgba(30, 27, 75, 0.92), transparent 80%),
        radial-gradient(ellipse 45% 75% at 82% 0%, rgba(15, 23, 42, 0.88), transparent 75%) !important;
}
.kb-thunder-flash {
    position: absolute !important;
    inset: 0 !important;
    background: radial-gradient(ellipse 75% 90% at 50% 8%, rgba(224, 242, 254, 0.88), rgba(56, 189, 248, 0.42), transparent 78%) !important;
    animation: kbThunderFlashAnim 1.15s ease-out infinite !important;
}
.kb-thunder-svg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    filter: drop-shadow(0 0 8px #38bdf8) drop-shadow(0 0 18px #60a5fa) !important;
}
.kb-bolt {
    fill: none !important;
    stroke: #f0f9ff !important;
    stroke-width: 3.2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: 0;
    animation: kbBoltStrike 1.4s linear infinite !important;
}
.kb-bolt-branch { stroke-width: 1.7 !important; stroke: #7dd3fc !important; }
.kb-bolt-1 { animation-delay: 0.04s !important; }
.kb-bolt-2 { stroke: #fef08a !important; animation-delay: 0.42s !important; }
.kb-bolt-3 { stroke: #bae6fd !important; animation-delay: 0.78s !important; }
.kb-bolt-4 { stroke: #e9d5ff !important; animation-delay: 1.08s !important; }

.kb-thunder-banner {
    margin-top: 12px !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(9, 13, 26, 0.94), rgba(30, 27, 75, 0.94), rgba(69, 10, 10, 0.92)) !important;
    border: 1.5px solid #38bdf8 !important;
    color: #f8fafc !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 4px 20px rgba(56, 189, 248, 0.55), 0 0 12px rgba(250, 204, 21, 0.35) !important;
    z-index: 2 !important;
}
html.kb-view-mobil .kb-thunder-banner {
    margin-top: 8px !important;
    padding: 4px 12px !important;
    font-size: 11.5px !important;
}
.kb-thor-hammer {
    color: #fde047 !important;
    font-size: 15px !important;
    filter: drop-shadow(0 0 6px #38bdf8) !important;
}
@keyframes kbThunderFlashAnim {
    0%, 100% { opacity: 0.04; }
    8%       { opacity: 0.85; }
    16%      { opacity: 0.12; }
    24%      { opacity: 0.62; }
    38%      { opacity: 0.06; }
    68%      { opacity: 0.48; }
    78%      { opacity: 0.05; }
}
@keyframes kbBoltStrike {
    0%, 34%, 100% { opacity: 0; }
    6%, 18%       { opacity: 1; }
    12%           { opacity: 0.25; }
    24%           { opacity: 0.82; }
}

/* ==========================================================================
   MODÜL 8: STORY HALKALARI VE WEBRTC YÜZEN DOCK STİLLERİ
   ========================================================================== */
.kb-nick-story-bar {
    display: flex !important; align-items: center !important; gap: 8px !important;
    flex: 0 0 auto !important; flex-shrink: 0 !important; min-height: 64px !important;
    padding: 7px 8px 6px 8px !important; overflow-x: auto !important; overflow-y: hidden !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.22) !important;
    background: rgba(248, 250, 252, 0.75) !important; scrollbar-width: none !important;
}
.kb-nick-story-bar::-webkit-scrollbar { display: none !important; }
body.kb-theme-dark .kb-nick-story-bar,
body.blackwhite .kb-nick-story-bar { background: rgba(15, 23, 42, 0.75) !important; }

.kb-story-bubble {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    gap: 2px !important; cursor: pointer !important; flex-shrink: 0 !important; width: 46px !important; user-select: none !important;
}
.kb-story-ring {
    width: 38px !important; height: 38px !important; border-radius: 50% !important; padding: 2px !important;
    background: linear-gradient(135deg, #f43f5e, #a855f7, #f59e0b) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: transform 0.18s ease !important;
}
.kb-story-ring:hover { transform: scale(1.08) !important; }
.kb-story-ring.add { background: linear-gradient(135deg, #0ea5e9, #2563eb) !important; }
.kb-story-ring img,
.kb-story-ring .kb-story-txt-thumb {
    width: 100% !important; height: 100% !important; border-radius: 50% !important; object-fit: cover !important;
    border: 2px solid #ffffff !important; display: flex !important; align-items: center !important;
    justify-content: center !important; font-size: 11px !important; font-weight: 800 !important; color: #ffffff !important;
}
.kb-story-label {
    font-size: 9.5px !important; font-weight: 700 !important; color: var(--kb-text, #334155) !important;
    max-width: 46px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
}

.kb-webrtc-dock {
    position: fixed !important; left: 16px !important; bottom: calc(var(--kb-editor-h) + 12px) !important;
    width: min(340px, 92vw) !important;
    background: linear-gradient(145deg, #0f172a, #1e1b4b) !important; color: #ffffff !important;
    border-radius: 16px !important; border: 1.5px solid rgba(99, 102, 241, 0.55) !important;
    box-shadow: 0 18px 45px rgba(2, 6, 23, 0.65) !important; z-index: 99992 !important;
    padding: 12px !important; display: flex !important; flex-direction: column !important; gap: 8px !important;
}

/* ==========================================================================
   MODÜL 9: HAREKETLİ EMOJİLER & 12 YAZI KARAKTERİ KOYU TEMA / CANLI ÖNİZLEME
   ========================================================================== */
.msg .kanal .text .emojione.kb-anim-emoji,
.msg .mesajsekil .text .emojione.kb-anim-emoji {
    width: 24px !important; height: 24px !important; vertical-align: middle !important;
    top: -1px !important; margin: 0 2px !important; object-fit: contain !important;
    transition: transform 0.16s ease !important;
}
.msg .mesajsekil .text .emojione.kb-anim-emoji:hover { transform: scale(1.28) !important; }
.emojionearea-editor img.emojione.kb-anim-emoji {
    width: 22px !important; height: 22px !important; vertical-align: middle !important; margin: 0 2px !important;
}
.kb-react-emoji-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
.kb-react-emoji-btn img.kb-anim-emoji { width: 22px !important; height: 22px !important; object-fit: contain !important; pointer-events: none !important; }
.kb-msg-react-pill img.kb-anim-emoji { width: 16px !important; height: 16px !important; object-fit: contain !important; vertical-align: middle !important; }

@keyframes kbLiveEmojiPulse {
    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
    35% { transform: translateY(-2px) scale(1.1) rotate(-5deg); }
    70% { transform: translateY(0) scale(1.06) rotate(5deg); }
}
img.kb-css-live-emoji { animation: kbLiveEmojiPulse 2.1s ease-in-out infinite !important; will-change: transform; }

body .editor { background: var(--kb-ed-bar-bg) !important; border-top-color: var(--kb-ed-inp-border) !important; }
body .emojionearea.emojionearea-inline { background: var(--kb-ed-inp-bg) !important; border: 1.5px solid var(--kb-ed-inp-border) !important; }
body .emojionearea.emojionearea-inline > .emojionearea-editor { background: transparent !important; border: none !important; box-shadow: none !important; }

.emojionearea .emojionearea-button > div.emojionearea-button-close {
    display: none !important;
}
.emojionearea .emojionearea-button.active > div.emojionearea-button-open {
    opacity: 1 !important;
    transform: scale(1.08) !important;
    filter: none !important;
}
.emojionearea .emojionearea-picker {
    border-radius: 16px !important; border: 1.5px solid var(--kb-ed-inp-border, #cbd5e1) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.26) !important; overflow: hidden !important; z-index: 100020 !important;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
    transition: transform 0.14s ease, background-color 0.14s ease !important; border-radius: 7px !important;
}
.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
    transform: scale(1.22) !important; background-color: #ede9fe !important;
}

/* Koyu Temalarda 12 Yazı Karakteri Okunabilir Parlak Renk Uyumu */
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-comfortaa { color: #38bdf8 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-playfair  { color: #2dd4bf !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-caveat    { color: #a5b4fc !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-mono      { color: #cbd5e1 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-comic     { color: #fbbf24 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-pacifico  { color: #f472b6 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-lobster   { color: #fb7185 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-script    { color: #c4b5fd !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-hat       { color: #fcd34d !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-orbitron  { color: #60a5fa !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-italic    { color: #34d399 !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-bold      { color: #f8fafc !important; }
:is(body.kb-theme-dark, body.kb-theme-night) .kb-style-royal     { color: #d8b4fe !important; }

/* Mesaj Barı İçi 'Aa' Yazı Stili Butonu & Seçili Karakter Canlı Önizlemesi */
.editor #kbBarStyleBtn.kb-bar-style-btn {
    height: 36px !important; padding: 0 11px !important; margin: 0 !important; border-radius: 999px !important;
    border: 1.5px solid var(--kb-ed-inp-border) !important; background: var(--kb-ed-inp-bg) !important;
    color: var(--kb-accent-solid) !important; font-size: 13.5px !important; font-weight: 800 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important; cursor: pointer !important;
    transition: transform 0.14s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}
.editor #kbBarStyleBtn.kb-bar-style-btn .kb-bs-caret { font-size: 10px !important; opacity: 0.75 !important; }
.editor #kbBarStyleBtn.kb-bar-style-btn:hover { border-color: var(--kb-accent-solid) !important; transform: translateY(-1px) !important; }
.editor #kbBarStyleBtn.kb-bar-style-btn.kb-style-active {
    background: var(--kb-accent-grad) !important; color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.7) !important; box-shadow: var(--kb-accent-shadow) !important;
}
#kbRightStyleBtn.kb-style-active { text-decoration: underline !important; transform: scale(1.08) !important; }
body[data-kb-input-style="comfortaa"] :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Comfortaa', sans-serif !important; }
body[data-kb-input-style="playfair"]  :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; }
body[data-kb-input-style="caveat"]    :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Caveat', cursive !important; font-size: 17px !important; }
body[data-kb-input-style="mono"]      :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; }
body[data-kb-input-style="comic"]     :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Fredoka', sans-serif !important; }
body[data-kb-input-style="pacifico"]  :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Pacifico', cursive !important; }
body[data-kb-input-style="lobster"]   :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Lobster', cursive !important; }
body[data-kb-input-style="script"]    :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Dancing Script', cursive !important; font-size: 16.5px !important; }
body[data-kb-input-style="hat"]       :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Aref Ruqaa', 'Amiri', serif !important; }
body[data-kb-input-style="orbitron"]  :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Orbitron', sans-serif !important; font-size: 13px !important; }
body[data-kb-input-style="italic"]    :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: Georgia, serif !important; font-style: italic !important; }
body[data-kb-input-style="royal"]     :is(#inputmsg, .emojionearea-editor, #kbBarStyleBtn .kb-bs-aa) { font-family: 'Cinzel Decorative', Georgia, serif !important; }