/*
 * Discord-inspired theme for Zulip 11.x (web).
 * База: https://github.com/botder/zulip-discord-css (MIT), адаптация под dark-theme.
 * Включите Dark в профиле Zulip для лучшего результата.
 */

:root,
.dark-theme {
  --discord-bg-primary: #36393f;
  --discord-bg-secondary: #2f3136;
  --discord-bg-tertiary: #202225;
  --discord-input: #40444b;
  --discord-scrollbar: #202225;
  --discord-accent: #5865f2;
  --discord-text: #dcddde;
  --discord-text-muted: #949ba4;
}

/* --- Layout --- */
.app,
.header-main {
  background-color: var(--discord-bg-secondary) !important;
}

.app-main,
#compose,
#compose-container {
  background-color: unset !important;
}

.app-main > .column-middle,
.header-main > .column-middle,
#message_view_header_underpadding,
.floating_recipient .message-header-wrapper {
  background-color: var(--discord-bg-primary) !important;
}

body > .header {
  padding-bottom: unset !important;
}

#left-sidebar,
#right-sidebar {
  background-color: var(--discord-bg-secondary) !important;
}

#left-sidebar .left-sidebar-title,
#left-sidebar .stream-list-section,
#left-sidebar .top_left_row {
  color: var(--discord-text-muted) !important;
}

/* --- Compose --- */
#compose_controls,
.compose-content {
  border: unset !important;
  background-color: var(--discord-input) !important;
  border-radius: 8px !important;
}

#compose-textarea,
#compose-textarea .ProseMirror {
  color: var(--discord-text) !important;
}

/* --- Messages --- */
.message_list .recipient_row {
  margin-bottom: 1.25rem !important;
  border: 0 !important;
}

.message_row {
  border: 0 !important;
}

.message_row > .messagebox,
.message_row > .date_row {
  box-shadow: unset !important;
}

.messagebox-content,
.message_content {
  color: var(--discord-text) !important;
}

.sender_name {
  color: #fff !important;
  font-weight: 500 !important;
}

.sender_name,
.message_content {
  font-family: "gg sans", "Noto Sans", Whitney, system-ui, sans-serif !important;
  font-size: 1rem !important;
}

.message_content {
  font-weight: 400 !important;
  line-height: 1.375rem !important;
}

/* --- Avatars --- */
.inline_profile_picture,
.avatar {
  border-radius: 50% !important;
}

.inline_profile_picture {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

/* --- Code & embeds --- */
.rendered_markdown .codehilite pre {
  background-color: var(--discord-bg-secondary) !important;
  border: 1px solid var(--discord-bg-tertiary) !important;
  border-radius: 4px !important;
}

.rendered_markdown .codehilite code {
  background-color: unset !important;
}

.message_embed {
  border-radius: 4px;
  padding: 0.75rem !important;
  background-color: var(--discord-bg-secondary) !important;
  border-left: 4px solid var(--discord-accent) !important;
}

.message_embed .data-container {
  padding: 0 0 0 1rem !important;
}

.message_embed .data-container::after {
  background: unset !important;
}

/* --- Scrollbar (WebKit) --- */
::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--discord-scrollbar);
  border: 3px solid transparent;
  background-clip: padding-box;
  border-radius: 8px;
}

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

/* --- Reactions --- */
.message_reactions .emoji,
.add-emoji-popup .emoji {
  filter: none;
}

.rendered_markdown .emoji {
  width: 1.375rem !important;
  height: 1.375rem !important;
}

/* --- Header / search --- */
.header-main .column-middle .header-search-wrapper,
#navbar-container {
  background-color: var(--discord-bg-primary) !important;
}

.header-main .column-middle .header-search-wrapper input {
  background-color: var(--discord-bg-tertiary) !important;
  color: var(--discord-text) !important;
  border-radius: 4px !important;
}