/* Шрифт оригинальной панели (скачан с mcl-organizer.ru) */
@font-face { font-family: 'Majestic Font'; src: url('../fonts/MajesticFont-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Majestic Font'; src: url('../fonts/MajesticFont-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Majestic Font'; src: url('../fonts/MajesticFont-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Majestic Font'; src: url('../fonts/MajesticFont-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; }

/* Токены из CSS оригинала */
:root {
  --color-bg: #0e0e0e;
  --color-surface: #141414;
  --color-border: #212121;
  --color-text: #fff;
  --color-muted: #686868;
  --color-accent: #f62a2a;
  --color-hover: #1d1d1d;
  --color-control: #232323;
  --color-error: #f87171;
  --color-position-junior: #fb923c;
  --color-position-organizer: #4ade80;
  --color-success: #34d399;
  --color-stat-accent: #e8c547;
  --color-on-accent: #fff;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Majestic Font', system-ui, sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
  min-height: 100vh;
  display: flex;
  gap: 24px;
  padding: 16px 16px 16px 15px;
}

button { font: inherit; color: inherit; background: none; border: none; }

/* Пока сервер не ответил, кто вошёл, панель не показываем (js/session.js) */
html.booting body { visibility: hidden; }
.boot-error { margin: auto; padding: 24px; text-align: center; font-size: 14px; font-weight: 600; color: var(--color-muted); }

/* Интерфейс, а не документ: текст не выделяется, мигающего курсора нет.
   Печатать и выделять можно только в полях ввода. */
body {
  user-select: none;
  -webkit-user-select: none;
  cursor: default;
  caret-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
input, textarea, [contenteditable="true"] {
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
  caret-color: auto;
}
/* В таблице участников текст можно выделять и копировать (Discord, имя, статик) */
.table-body {
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
}
button, [role="button"] { cursor: pointer; }
:focus { outline: none; }

/* Тёмные тонкие скроллбары вместо системных белых */
* { scrollbar-width: thin; scrollbar-color: #2c2c2c transparent; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2c2c2c; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: #3a3a3a; }