body.dark .login-hero {

    background:

        radial-gradient(1200px 600px at 80% -10%, rgba(59, 130, 246, .20), transparent 60%),

        radial-gradient(1000px 500px at -10% 110%, rgba(16, 185, 129, .18), transparent 60%),

        linear-gradient(180deg, #0b1220 0%, #0f172a 100%);

}

body.dark .login-card {

    background: rgba(2, 6, 23, .55);

    border-color: rgba(148, 163, 184, .3);

    box-shadow: 0 20px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05)
}

body.dark .input-icon {

    color: #94a3b8;

    opacity: .95
}

body.dark {

    --bubble-me: #223154;

    --bubble-you: #151b27;

    --bubble-me-border: #2b3b66;

    --bubble-you-border: #242b38;

    --col-user: #e6edf6;

    --col-founder: #f59e0b;

    --col-admin: #a78bfa;

    --col-op: #60a5fa;

    --col-halfop: #34d399;

    --col-voice: #7dd3fc;

}

body.dark .pm-bubbles .msg-row.me .bubble {

    background: linear-gradient(180deg, #25395f 0%, #1f2f52 100%);

    box-shadow: 0 8px 20px rgba(0, 0, 0, .35)
}

body.dark .pm-bubbles .msg-row.you .bubble {

    background: var(--bubble-you);

    box-shadow: 0 8px 18px rgba(0, 0, 0, .3)
}

body.dark .pm-bubbles .bubble .time,

body.dark .pm-bubbles .bubble .nick {

    color: #a7b6d9
}

body.dark .pm-bubbles .bubble .sep {

    color: #7e8fb0
}

body.dark .svc-nickserv {

    background: rgba(14, 165, 233, .18);

    border-color: rgba(14, 165, 233, .38)
}

body.dark .svc-chanserv {

    background: rgba(124, 58, 237, .18);

    border-color: rgba(124, 58, 237, .38)
}

body.dark .svc-operserv {

    background: rgba(239, 68, 68, .18);

    border-color: rgba(239, 68, 68, .40)
}

body.dark .svc-memoserv {

    background: rgba(245, 158, 11, .20);

    border-color: rgba(245, 158, 11, .42)
}

body.dark .svc-hostserv {

    background: rgba(34, 197, 94, .20);

    border-color: rgba(34, 197, 94, .40)
}

body.dark .svc-global {

    background: rgba(244, 63, 94, .20);

    border-color: rgba(244, 63, 94, .42)
}

body.dark .nice-modal .modal-content {

    background: #0f1420;

    border-color: rgba(255, 255, 255, .06)
}

body.dark .nice-modal .modal-header {

    background: linear-gradient(180deg, rgba(11, 87, 208, .15), rgba(11, 87, 208, .08));

    border-bottom-color: rgba(255, 255, 255, .06)
}

body.dark {

    /* Temel renkler */

    --bg: #0f1420;

    --panel: #0b1220;

    --soft: #121a28;

    --text: #e6edf6;

    --muted: #94a3b8;

    --border: #1f2a3a;

    --shadow: 0 8px 28px rgba(0, 0, 0, .35);

    /* İstersen bir tık koyu bir primary seçebilirsin */

    /* --primary: #3b82f6; (aynen kalabilir) */



    /* Balonlar zaten yukarıda override ediliyor, burada hatırlatma: */

    /* --bubble-me, --bubble-you vs. set edilmiş durumda */

}

body.dark #messages {

    background: linear-gradient(180deg, #0f172a 0%, #0a0f1a 100%) !important;

    background-image: none !important;

    /* açık temadaki filigran/gradienti kapat */

    color: var(--text);

}

body.dark .chat-card,

body.dark .topbar,

body.dark #userlist-sidebar,

body.dark .dropdown-menu,

body.dark .modal-content {

    background: var(--panel);

    color: var(--text);

    border-color: var(--border);

}

body.dark .inputbar,

body.dark .chat-toolbar {

    background: var(--panel);

    border-color: var(--border);

}

body.dark .inputbar input {

    background: #0f1725;

    border-color: var(--border);

    color: var(--text);

}

body.dark #tabs {

    background: var(--panel);

    border-color: var(--border);

}

body.dark #tabs button {

    background: var(--soft);

    border-color: var(--border);

    color: var(--text);

}

body.dark #tabs button.active {

    color: #fff;

}

body.dark .login-card {

    background: rgba(2, 6, 23, .55);

    border-color: rgba(148, 163, 184, .22);

    box-shadow: 0 20px 60px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .05);

}

body.dark .alt-link {

    border-color: var(--border);

    color: var(--text);

}

body.dark .theme-btn-img {

    background-image: url('https://cdn-icons-png.flaticon.com/512/6714/6714985.png');

}

body.dark .nice-modal .modal-content {
    background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.96));
    color: #e5e7eb;
    border-color: rgba(51, 65, 85, 0.9);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.8);
}

body.dark .nice-modal .modal-subtitle {
    color: #9ca3af;
}

body.dark .nice-modal .modal-title-icon {
    background: rgba(56, 189, 248, 0.2);
    color: #38bdf8;
}

body.dark .nice-modal .btn-close {
    background-color: rgba(30, 64, 175, 0.85);
}

body.dark .nice-modal .btn-close:hover {
    background-color: rgba(30, 64, 175, 1);
}

body.dark .nice-modal .form-control,
body.dark .nice-modal .form-select {
    background-color: rgba(15, 23, 42, 0.96);
    border-color: #1f2937;
    color: #e5e7eb;
}

body.dark .nice-modal .form-control::placeholder,
body.dark .nice-modal .form-select::placeholder {
    color: #6b7280;
}

body.dark .nice-modal .sticker-grid button:hover {
    background: rgba(55, 65, 81, 0.7);
}

body.dark .disconnect-card {
    background: var(--panel, #1f2937);
    color: var(--text, #e5e7eb);
}

body.dark .disconnect-text {
    color: var(--muted, #9ca3af);
}

body.dark .user-action-menu {
    background: var(--panel, #0b1220);
    border-color: var(--border, #1f2937);
}

body.dark .user-action-menu .uam-item:hover {
    background: rgba(31, 41, 55, .9);
}

body.dark {
    --bg: #020617;
    --panel: #020617;
    --soft: #0b1120;
    --text: #e5e7eb;
    --muted: #9ca3af;
    --border: #1e293b;
    --shadow: 0 18px 48px rgba(0, 0, 0, .8);
    --primary: #60a5fa;

    --bubble-me: #1d2a4a;
    --bubble-you: #020617;
    --bubble-me-border: #2c3e72;
    --bubble-you-border: #111827;
}

body.dark {
    background:
        radial-gradient(1200px 700px at 0% 0%, rgba(37, 99, 235, .22), transparent 60%),
        radial-gradient(1000px 600px at 100% 100%, rgba(45, 212, 191, .18), transparent 60%),
        linear-gradient(180deg, #020617 0%, #020617 100%);
}

body.dark .topbar,
body.dark .chat-card,
body.dark #userlist-sidebar,
body.dark #channel-sidebar {
    background: rgba(15, 23, 42, .92);
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .06);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .65);
    backdrop-filter: blur(6px);
}

body.dark .chat-toolbar,
body.dark .inputbar {
    background: #020617;
    border-color: var(--border);
}

body.dark #tabs button {
    background: #020617;
    border-color: transparent;
    color: var(--muted);
}

body.dark #tabs button.active {
    background: linear-gradient(135deg, #2563eb, #38bdf8);
    color: #f9fafb;
}

body.dark .chat-toolbar {
    background: #020617;
    /* alt bar koyu */
    border-top: 1px solid #1e293b;
}

body.dark .icon-btn {
    background: #0b1220;
    /* koyu lacivert */
    color: #e5e7eb;
    /* açık gri ikon rengi */
    border: 1px solid #1f2937;
    /* ince koyu kenar */
    box-shadow: 0 2px 6px rgba(0, 0, 0, .55);
}

body.dark .icon-btn i {
    color: inherit;
}

body.dark .icon-btn:hover {
    background: #111827;
    border-color: #334155;
}

body.dark .chat-toolbar {
    background: linear-gradient(180deg, #020617 0%, #020617 45%, #020617 100%);
    border-top: 1px solid #020617;
    box-shadow: 0 -8px 20px rgba(0, 0, 0, .8);
}

body.dark .icon-btn {
    border-color: rgba(15, 23, 42, .9);
    background:
        radial-gradient(circle at 20% 0%, rgba(148, 163, 184, .28), transparent 55%),
        radial-gradient(circle at 80% 120%, rgba(56, 189, 248, .18), rgba(15, 23, 42, .95));
    color: #e5e7eb;
    box-shadow:
        0 12px 30px rgba(0, 0, 0, .80),
        inset 0 0 0 0 rgba(148, 163, 184, .3);
}

body.dark .icon-btn:hover {
    box-shadow:
        0 16px 40px rgba(0, 0, 0, .9),
        0 0 0 1px rgba(59, 130, 246, .55);
    border-color: rgba(59, 130, 246, .85);
}

body.dark .icon-btn.active {
    background:
        radial-gradient(circle at 15% 0%, rgba(59, 130, 246, .75), transparent 55%),
        radial-gradient(circle at 80% 120%, rgba(56, 189, 248, .35), #020617);
    border-color: rgba(96, 165, 250, 1);
    color: #dbeafe;
}

body.dark {
    --toast-bg: #0b1220;
    --toast-text: #e5e7eb;
    --toast-border: rgba(255, 255, 255, .06);
    --toast-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

body.dark #messages {
    background-image:
        url("https://harabe.org/hchatv4/assets/icons/HCHAT.png"),
        url("https://harabe.org/hchatv4/assets/icons/arka.png"),
        linear-gradient(180deg, #0f172a 0%, #0a0f1a 100%) !important;

    background-repeat: no-repeat, repeat, no-repeat !important;
    background-position: right 24px top 16px, center center, center top !important;
    background-size: 110px auto, 420px auto, cover !important;
    opacity: 1 !important;
}

body.dark #messages {
    /* darkta biraz daha silik olsun */
    background-blend-mode: normal !important;
}

body.dark #messages {
    /* logoya hafif solukluk */
    filter: none !important;
}

body.dark .modal.nice-modal .modal-content {
    background: #0f172a;
    color: #e5e7eb;
}

body.dark .modal.nice-modal .modal-header {
    background: linear-gradient(135deg,
            rgba(59, 130, 246, .22),
            rgba(16, 185, 129, .18));
}

body.dark #userlist-sidebar,
body.dark #channel-sidebar,
body.dark .chat-card {
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, .06),
        0 10px 26px rgba(0, 0, 0, .55) !important;
}

body.dark .avatar-sidebar {
    background: var(--panel, #0b1220);
    border-color: var(--border);
}

body.dark .avatar-chip {
    background: rgba(15, 23, 42, 0.9);
}

body.dark #tabs button,
body.dark #tabs button *{
  color:#e5e7eb !important;
}

body.dark #tabs button.tab-pm.new-message,
body.dark #tabs button.tab-pm.new-message *{
  color:#a78bfa !important;
}

body.dark #tabs button.active:not(.tab-pm),
body.dark #tabs button.active:not(.tab-pm) *{
  color:#fff !important;
}

body.dark #tabs button.active.tab-pm,
body.dark #tabs button.active.tab-pm *{
  color:#fff !important;
}

body.dark #mobile-top-switcher .mts-btn{
  color:#e5e7eb !important;
}

body.dark #mobile-top-switcher #mt-btn-privs.new-message{
  color:#a78bfa !important;
}

body.dark #mobile-tab-btn{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.14) !important;
  color: #e5e7eb !important;
}

body.dark #mobile-list-panel .mlp-item.tab-new-msg .mlp-name { color:#ff6b6b !important; }

body.dark #mobile-list-panel .mlp-item.new-message .mlp-name { color:#a78bfa !important; }

body.dark #mobile-list-panel .mlp-item.mention .mlp-name     { color:#22c55e !important; }