/*
 * Оформление панели кураторов по дизайн-коду админки Majestic.
 *
 * Значения не подобраны на глаз — они сняты с самой админки
 * (admin.majestic-files.net) и перенесены один в один: цвета, рамки,
 * скругления, шрифт, фоновый узор. Подключается ПОСЛЕ majestic-ui.css и
 * переопределяет его токены, поэтому разметка и классы панели не меняются.
 *
 * Что откуда:
 *   --color-background #141414, body #0e0e0e, secondary #181818,
 *   surface-elevated #1e1e1e, control #232323, interactive #2a2a2a,
 *   border #212121, border-elevated #2e2e2e, text-muted #686868,
 *   accent/brand #e81c5a, success #34d399, error #f87171, highlight #f5a623,
 *   radius .625rem, шрифт Proxima Nova.
 *
 * Тема одна — тёмная, как в самой админке. Светлой у неё нет, поэтому
 * переключатель темы в панели убран, а все цвета заданы явно.
 */

/* ---------- шрифт админки, свой, без чужих доменов ---------- */
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/proxima/proxima-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url(/fonts/proxima/proxima-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Proxima Nova';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url(/fonts/proxima/proxima-700.woff2) format('woff2');
}

:root,
:root[data-theme='dark'],
:root[data-theme='light'] {
  --font: 'Proxima Nova', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Геометрия админки: 10px у контролов, 12px у карточек, чип — пилюля. */
  --r-chip: 10px;
  --r-card: 12px;
  --r-sheet: 16px;
  --r-pill: 999px;

  --page: #0e0e0e;
  --surface: #181818;
  --surface-2: #1e1e1e;
  --surface-3: #232323;

  --ink: #ffffff;
  --ink-2: #b3b3b3;
  --ink-3: #686868;

  /* В админке рамка не полупрозрачная, а сплошная: #212121 на всём. */
  --line: #212121;
  --line-strong: #2e2e2e;

  --brand: #e81c5a;
  --brand-strong: #e81c5a;
  --brand-ink: #ffffff;
  --brand-dim: rgba(232, 28, 90, 0.12);
  /* Заливка плоская: градиентов в админке нет нигде. */
  --brand-grad: linear-gradient(#e81c5a, #e81c5a);

  --good: #34d399;
  --good-dim: rgba(52, 211, 153, 0.12);
  --warn: #f5a623;
  --warn-dim: rgba(245, 166, 35, 0.12);
  --bad: #f87171;
  --bad-dim: rgba(248, 113, 113, 0.12);
  --info: #4a9eff;

  /* Боковая панель непрозрачная, размытия под ней нет. */
  --material-panel: #181818;
  --material-bar: #181818;
  --material-blur: none;
  --scrim: rgba(0, 0, 0, 0.72);

  /* Админка держится на рамках, а не на тенях. */
  --shadow-card: none;
  --shadow-sheet: 0 16px 48px -12px rgba(0, 0, 0, 0.6);

  /*
   * Фоновый узор из буквы M — тот же файл, что и в админке.
   * Плитка 49×64, цвет #272727 с прозрачностью 0.1.
   */
  --app-pattern-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249%22%20height%3D%2264%22%20viewBox%3D%220%200%2049%2064%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M18.4226%2016H14.2367L16.5973%205.42129L10.1239%2016H8.27434L6.54646%205.42129L4.18584%2016H0L3.57743%200H9.24779L10.6593%208.85157L16.0376%200H22L18.4226%2016Z%22%20fill%3D%22%23272727%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3Cpath%20d%3D%22M45.4226%2048H41.2367L43.5973%2037.4213L37.1239%2048H35.2743L33.5465%2037.4213L31.1858%2048H27L30.5774%2032H36.2478L37.6593%2040.8516L43.0376%2032H49L45.4226%2048Z%22%20fill%3D%22%23272727%22%20fill-opacity%3D%220.1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

/* Выделение текста — брендовым, как в админке. */
::selection {
  background-color: color-mix(in oklab, var(--brand) 25%, transparent);
}

/* Полоса прокрутки: тонкая, в цвет рамки. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a3a; }