/* ════════════════════════════════════════════════════════════════════════
   discord-skin.css — SVAMI: рестайл glassmorphism → эстетика Discord.
   Грузится ПОСЛЕДНИМ (после edge-glow.css) и переопределяет.
   Стратегия: (1) перекрасить дизайн-токены в Discord-палитру,
   (2) погасить «стекло» (blur/полупрозрачность/блики/свечения) через
   токены + универсальные правила. Разметку НЕ трогаем. Откат: убрать <link>.
   ════════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Поверхности (Discord dark) ── */
  --bg-primary:   #313338;   /* основная область чата */
  --bg-secondary: #2b2d31;   /* сайдбар / панели */
  --bg-tertiary:  #1e1f22;   /* самый тёмный (рейл, разделители) */
  --bg-input:     #383a40;   /* поля ввода */
  --bg-hover:     #35373c;   /* ховер по списку */
  --bg-elevated:  #2b2d31;   /* модалки/поповеры */

  /* ── Сообщения ── */
  --bg-message-own:       linear-gradient(135deg, #5865f2, #4752c4);
  --bg-message-own-solid: #5865f2;
  --bg-message-other:     rgba(255,255,255,0.04);

  /* ── Текст (Discord) ── */
  --text-primary:   #f2f3f5;
  --text-secondary: #b5bac1;
  --text-muted:     #949ba4;
  --text-tertiary:  #949ba4;
  --text-label:     #dbdee1;

  /* ── Акценты (blurple + служебные) ── */
  --accent:        #5865f2;
  --accent-hover:  #4752c4;
  --accent-green:  #23a55a;
  --accent-red:    #f23f43;
  --accent-yellow: #f0b232;
  --accent-orange: #f0883b;
  --accent-purple: #c9a8f5;
  --danger:  #f23f43;
  --success: #23a55a;

  /* ── Границы/тени (Discord — сдержанные) ── */
  --border:    rgba(255,255,255,0.06);
  --shadow:    rgba(0,0,0,0.24);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.20);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.28);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.36);

  /* ── Радиусы (Discord — компактнее) ── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius:    8px;
  --radius-lg: 10px;
  --radius-xl: 16px;

  /* ── Гасим «стекло» на уровне токенов ── */
  --glass-blur:       0px;
  --glass-blur-thin:  0px;
  --glass-blur-thick: 0px;
  --glass-fill:        var(--bg-secondary);
  --glass-fill-strong: var(--bg-elevated);
  --glass-edge:        var(--border);
  --glass-rim:         none;
  --glow-accent:       0 0 0 0 transparent;
  --glow-accent-ring:  0 0 0 1px rgba(88,101,242,0.35);
}

/* ── Универсально убираем backdrop-blur (Discord его не использует) ──
   Остаточная 4-6% полупрозрачность безвредна поверх сплошного фона. */
*, *::before, *::after {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ── Нейтрализуем стеклянные поверхности ── */
.glass, .glass-thin, .glass-thick {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
}
/* специмические блики/переливы стекла — прочь */
.glass::before, .glass-thin::before, .glass-thick::before,
.glass::after,  .glass-thin::after,  .glass-thick::after,
.glass-reactive::after, .glass-sheen::before, .glass-sheen::after,
.edge-glow::before, .edge-glow::after {
  display: none !important;
  content: none !important;
}
/* свечения/подъёмы при hover/выделении — плоско, как в Discord */
.glass-glow, .is-glowing, .glass-interactive,
.glass-interactive:hover, .glass-reactive:hover::after,
.glass-glow:hover, .is-glowing:hover {
  box-shadow: var(--shadow-sm) !important;
  border-color: var(--border) !important;
  transform: none !important;
}

/* ── Discord-скроллбары (тонкие, тёмные) ── */
* {
  scrollbar-width: thin;
  scrollbar-color: #1a1b1e transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb {
  background: #1a1b1e; border-radius: 4px;
  border: 2px solid transparent; background-clip: padding-box;
}
*::-webkit-scrollbar-track { background: transparent; }

/* ── Акцентные кнопки в стиле Discord (blurple, hover темнеет) ── */
.btn-primary, button.primary, .primary-btn, .send-btn, #btn-send {
  background: var(--accent) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
}
.btn-primary:hover, button.primary:hover, .primary-btn:hover,
.send-btn:hover, #btn-send:hover {
  background: var(--accent-hover) !important;
}

/* ── Собственное сообщение: сплошной blurple без градиент-стекла ── */
.message.own .bubble, .msg.own .bubble, .message-own .bubble,
.bubble.own, .own .message-bubble {
  background: var(--accent) !important;
  color: #fff !important;
}

/* ── Ссылки/акценты ── */
a { color: #00a8fc; }

/* Тонкая линия-разделитель как у Discord */
.divider, hr { border-color: var(--border) !important; background: var(--border) !important; }


/* ════════════════════════════════════════════════════════════════════════
   SVAMI — доводка (Фаза 3): убрать «должности», плоская карточка входа,
   фикс «сплющивания» стартовых экранов.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Мессенджер для друзей, не коллег — убираем «должности» везде ── */
#position-input, #profile-position, #positions-list,
.user-pos, .user-pos-inline, .msg-author-pos, .admin-user-pos {
  display: none !important;
}

/* ── Логин/регистрация: плоская Discord-карточка (без стекла/блика/свечения) ── */
.login-container, .auth-container {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.login-container::before, .login-container::after,
.auth-container::before, .auth-container::after {
  display: none !important;
  content: none !important;
}

/* ── Фикс «сплющивания»: стартовые экраны прокручиваются, контент не жмётся ── */
#key-screen, #register-screen {
  overflow-y: auto !important;
  align-items: safe center !important;
  padding: 24px 16px !important;
}
.login-container, .auth-container {
  flex-shrink: 0 !important;
  margin: auto !important;      /* центр + доскролл до верха на низком экране */
  max-height: none !important;
}
/* компактнее вертикальные отступы регистрации, чтобы влезало */
.login-avatar-pick, .avatar-pick, .color-picker,
.login-subtitle { margin-bottom: 1rem !important; }
.login-logo, .auth-logo {
  font-size: 3.4rem !important;
  margin-bottom: 0.25rem !important;
  animation: none !important;   /* убираем «плавание» логотипа — спокойнее */
}
.login-logo [data-lucide], .auth-logo [data-lucide] {
  width: 56px !important; height: 56px !important;
}

/* ── Ретинт фокусов/выделения под blurple (было iOS-синее) ── */
.avatar-btn.selected, #nickname-input:focus,
.register-fields input:focus, .profile-fields input:focus,
#key-input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(88,101,242,0.35) !important;
}
.avatar-btn.selected { background: rgba(88,101,242,0.15) !important; }

/* ── Вордмарк SVAMI — чистый blurple-градиент ── */
.login-container h1 {
  background: linear-gradient(135deg, #8b98ff, #5865f2) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}