/* ====================================================================
   KUZEN — AURORA TEMASI
   Cam efektli (glassmorphism) koyu tema, mor → turkuaz gradyan vurgular.
   Sadece <body class="theme-aurora"> altında etkilidir.
   Ayar sunucuda hesap bazında saklanır (update_profile → theme).
   ==================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body.theme-aurora {
  --brand: #8b5cf6;
  --brand-hover: #7c3aed;
  --brand-active: #6d28d9;
  --brand-glow: rgba(139, 92, 246, 0.45);
  --brand-subtle: rgba(139, 92, 246, 0.18);
  --text-link: #67e8f9;
  --text-positive: #34d399;

  --bg-tertiary: rgba(9, 11, 26, 0.55);
  --bg-secondary: rgba(22, 24, 48, 0.72);
  --bg-secondary-alt: rgba(17, 19, 40, 0.8);
  --bg-primary: rgba(14, 16, 34, 0.6);
  --bg-floating: #181b38;
  --bg-input: rgba(255, 255, 255, 0.06);

  --bg-modifier-hover: rgba(255, 255, 255, 0.07);
  --bg-modifier-active: rgba(255, 255, 255, 0.11);
  --bg-modifier-selected: rgba(139, 92, 246, 0.2);

  --text-normal: #e3e5f7;
  --text-muted: #8f94bb;
  --text-header: #ffffff;

  --radius-xs: 10px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;

  --font-main: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --shadow-elevation: 0 24px 60px rgba(0, 0, 0, 0.55);
  font-family: var(--font-main);
}

body.theme-aurora {
  background:
    radial-gradient(900px 560px at 8% -8%, rgba(139, 92, 246, 0.38), transparent 60%),
    radial-gradient(800px 560px at 108% 108%, rgba(34, 211, 238, 0.26), transparent 60%),
    radial-gradient(600px 400px at 60% 40%, rgba(236, 72, 153, 0.08), transparent 70%),
    #090b1a;
  background-attachment: fixed;
}

body.theme-aurora ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.12); border-radius: 10px; }
body.theme-aurora ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.22); }

/* Uygulama kabuğu: paneller arasında boşluk, yuvarlatılmış cam kartlar */
body.theme-aurora #app-main { padding: 12px; gap: 12px; }
body.theme-aurora .server-sidebar,
body.theme-aurora .channels-sidebar,
body.theme-aurora .main-chat-wrapper,
body.theme-aurora .members-sidebar {
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
body.theme-aurora .server-sidebar { background: rgba(12, 14, 30, 0.6); width: 76px; }
body.theme-aurora .channels-sidebar { background: rgba(22, 24, 48, 0.62); }
body.theme-aurora .main-chat-wrapper { background: rgba(14, 16, 34, 0.5); }
body.theme-aurora .members-sidebar { background: rgba(22, 24, 48, 0.62); }

/* Sunucu rayı */
body.theme-aurora .server-icon-btn {
  width: 50px; height: 50px; border-radius: 18px;
  background: rgba(255, 255, 255, 0.07);
  transition: border-radius 0.25s, background 0.25s, box-shadow 0.25s;
}
body.theme-aurora .server-icon-btn:hover,
body.theme-aurora .server-item-wrapper.active .server-icon-btn {
  border-radius: 14px;
  background: linear-gradient(135deg, #8b5cf6, #22d3ee);
  box-shadow: 0 8px 22px rgba(139, 92, 246, 0.4);
}
body.theme-aurora .server-pill { background-color: #c4b5fd; border-radius: 0 6px 6px 0; }
body.theme-aurora .server-item-wrapper.active .server-pill { background: linear-gradient(#8b5cf6, #22d3ee); }
body.theme-aurora .server-separator { background-color: rgba(255, 255, 255, 0.08); border-radius: 2px; }

/* Üst başlıklar */
body.theme-aurora .sidebar-header,
body.theme-aurora .chat-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: none;
  height: 60px;
}
body.theme-aurora .sidebar-header-title,
body.theme-aurora .chat-header-title { font-weight: 800; letter-spacing: -0.2px; }
body.theme-aurora .dm-search-btn,
body.theme-aurora .dm-search-container { border-radius: 12px; }
body.theme-aurora .dm-search-btn { background: rgba(255, 255, 255, 0.06); }

/* Kanal ve DM öğeleri: hap (pill) şeklinde */
body.theme-aurora .channel-item,
body.theme-aurora .dm-item {
  margin: 2px 10px;
  border-radius: 12px;
  transition: background 0.2s, color 0.2s, transform 0.15s;
}
body.theme-aurora .channel-item:hover,
body.theme-aurora .dm-item:hover { transform: translateX(2px); }
body.theme-aurora .channel-item.active,
body.theme-aurora .dm-item.active {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.32), rgba(34, 211, 238, 0.08));
  box-shadow: inset 3px 0 0 #a78bfa;
}
body.theme-aurora .category-header { letter-spacing: 0.8px; font-size: 11px; }
body.theme-aurora .dm-avatar,
body.theme-aurora .message-avatar-box,
body.theme-aurora .member-avatar-box,
body.theme-aurora .user-avatar-sm { border-radius: 14px; }
body.theme-aurora .dm-avatar { border-radius: 14px; }

/* Kullanıcı şeridi */
body.theme-aurora .user-panel-bottom {
  background: rgba(10, 12, 28, 0.7);
  margin: 8px;
  border-radius: 16px;
  height: 60px;
  padding: 0 10px;
}
body.theme-aurora .user-panel-left:hover { background-color: rgba(255, 255, 255, 0.06); border-radius: 12px; }
body.theme-aurora .control-btn { border-radius: 12px; }

/* Mesajlar */
body.theme-aurora .messages-container { padding: 18px 20px; }
body.theme-aurora .message-row {
  margin: 0 -8px;
  padding: 8px 12px;
  border-radius: 14px;
}
body.theme-aurora .message-row:hover { background-color: rgba(255, 255, 255, 0.035); }
body.theme-aurora .message-avatar-box {
  width: 42px; height: 42px;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.35);
}
body.theme-aurora .message-text { font-size: 14.5px; line-height: 1.55; }
body.theme-aurora .message-text code,
body.theme-aurora .message-text pre { background: rgba(0, 0, 0, 0.35); border: 1px solid rgba(255, 255, 255, 0.06); }
body.theme-aurora .message-actions-bar {
  background: rgba(22, 24, 48, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
body.theme-aurora .reaction-chip.me-reacted { background: rgba(139, 92, 246, 0.22); border-color: rgba(167, 139, 250, 0.7); }
body.theme-aurora .message-attachment-img,
body.theme-aurora .message-attachment-file { border-radius: 14px; }

/* Giriş alanı: yüzen cam kutu */
body.theme-aurora .chat-input-wrapper { padding: 0 18px 18px; }
body.theme-aurora .chat-input-box {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  padding: 4px 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
body.theme-aurora .chat-input-box:focus-within { border-color: rgba(167, 139, 250, 0.6); }

/* Düğmeler */
body.theme-aurora .btn-primary,
body.theme-aurora .auth-btn-primary {
  background: linear-gradient(135deg, #8b5cf6, #22d3ee);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(139, 92, 246, 0.35);
}
body.theme-aurora .btn-primary:hover,
body.theme-aurora .auth-btn-primary:hover { filter: brightness(1.08); }
body.theme-aurora .btn-secondary { border-radius: 12px; background: rgba(255, 255, 255, 0.07); }
body.theme-aurora .btn-secondary:hover { text-decoration: none; background: rgba(255, 255, 255, 0.12); }

/* Kartlar, modallar, menüler */
body.theme-aurora .auth-card,
body.theme-aurora .modal-card,
body.theme-aurora .settings-modal-card,
body.theme-aurora .settings-content-pane,
body.theme-aurora .incoming-call-modal {
  background: rgba(20, 22, 46, 0.86);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
  box-shadow: var(--shadow-elevation);
}
body.theme-aurora .modal-overlay { backdrop-filter: blur(6px); background: rgba(5, 6, 16, 0.6); }
body.theme-aurora .auth-card { border: 1px solid rgba(167, 139, 250, 0.25); }
body.theme-aurora .context-menu,
body.theme-aurora .user-popout-card {
  background: rgba(18, 20, 42, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  backdrop-filter: blur(16px);
}
body.theme-aurora .context-menu-item { border-radius: 10px; }
body.theme-aurora .context-menu-item:hover { background: linear-gradient(90deg, #8b5cf6, #6366f1); }
body.theme-aurora .user-popout-banner { background: linear-gradient(135deg, #7c3aed, #0ea5e9) !important; }
body.theme-aurora .user-popout-avatar { border-color: rgba(18, 20, 42, 0.96); border-radius: 22px; }
body.theme-aurora .role-pill { border-radius: 999px; background: rgba(255, 255, 255, 0.06); }

/* Arkadaşlar sekmesi */
body.theme-aurora .friend-item-row {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.04);
  margin-bottom: 8px;
}
body.theme-aurora .friend-item-row:hover { background: rgba(139, 92, 246, 0.08); }
body.theme-aurora .friend-circle-btn { background: rgba(255, 255, 255, 0.06); border-radius: 12px; }
body.theme-aurora .friends-tab-btn.active { background: linear-gradient(135deg, #8b5cf6, #22d3ee); }
body.theme-aurora .friends-tab-btn.add-friend { background: linear-gradient(135deg, #22d3ee, #8b5cf6); }

/* Ses sahnesi */
body.theme-aurora .voice-stage-container { background: radial-gradient(900px 500px at 50% 0%, rgba(139, 92, 246, 0.18), #0a0c1d 70%); }
body.theme-aurora .video-tile { border-radius: 20px; background: rgba(22, 24, 48, 0.9); }
body.theme-aurora .video-tile.speaking { border-color: #a78bfa; box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.35); }
body.theme-aurora .voice-stage-controls { background: rgba(10, 12, 28, 0.8); border-radius: 20px; margin: 0 16px 16px; height: 76px; }
body.theme-aurora .stage-btn { border-radius: 18px; }

/* Bağlantı çubuğu */
body.theme-aurora .voice-connected-bar { background: rgba(139, 92, 246, 0.12); border-top: 1px solid rgba(167, 139, 250, 0.2); }
body.theme-aurora .voice-label-title { color: #c4b5fd; }