/* Тема «Классика» (Дима 03.11.2026): строгий старый форум — тёмно-серые панели с двойной рамкой, мелкий шрифт
   Verdana/Tahoma, зелёные ссылки, тонкая радужная полоса над шапкой, никакого неона, свечения и сезонного декора.
   Включается атрибутом <html data-theme="classic"> (UID 1 и те, кому он выдал доступ; см. applyTheme в app.js).
   Всё здесь — только под [data-theme="classic"], обычная тема не меняется. */

.splash { display: none; }

[data-theme="classic"] {
  --bg: #121212;
  --panel: #1c1c1c;
  --raised: #242424;
  --raised-hover: #2c2c2c;
  --edge: #333333;
  --edge-hi: #444444;
  --control: #161616;
  --control-hover: #222222;
  --accent: #95b806;
  --accent-hi: #a6cb1a;
  --accent-ink: #0e0e0e;
  --good: #95b806;
  --warn: #d8b23a;
  --bad: #d9534f;
  --text: #cfcfcf;
  --muted: #8a8a8a;
  --subtle: #b4b4b4;
  --neon-a: #95b806;
  --neon-b: #95b806;
  --glow: transparent;
  --r-panel: 0;
  --r-group: 0;
  --r-ctl: 2px;
  --f-head: Verdana, Tahoma, "DejaVu Sans", Geneva, sans-serif;
  --f-mega: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  --rainbow: linear-gradient(90deg, #3d8ee0 0%, #8e45d6 30%, #d23fc4 55%, #e2a35a 80%, #e8e23e 100%);
}

/* Общее: мелкий плотный шрифт, без анимаций и теней. */
[data-theme="classic"] body { font: 400 12px/1.5 var(--f-head); -webkit-font-smoothing: auto; }
[data-theme="classic"] *, [data-theme="classic"] *::before, [data-theme="classic"] *::after { animation: none !important; text-shadow: none !important; }
[data-theme="classic"] a { color: var(--accent-hi); }
[data-theme="classic"] .backdrop { background: var(--bg); }
[data-theme="classic"] .spooky, [data-theme="classic"] .banner.neon-y { display: none !important; }

/* Заставка «Пожалуйста, подождите…» на чёрном с радужной полосой, гаснет сама. */
[data-theme="classic"] .splash {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
  position: fixed; inset: 0; z-index: 100; background: var(--bg); pointer-events: none;
  animation: splash-out .35s ease .7s forwards !important;
}
[data-theme="classic"] .splash::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--rainbow); }
[data-theme="classic"] .splash-logo { font: 300 52px/1 "Raleway", "Segoe UI", Helvetica, Arial, sans-serif; color: #e8e8e8; letter-spacing: .01em; }
[data-theme="classic"] .splash-logo b { font-weight: 300; color: var(--accent); }
[data-theme="classic"] .splash-wait { font: 13px "Segoe UI", Helvetica, Arial, sans-serif; color: var(--subtle); }
@keyframes splash-out { to { opacity: 0; visibility: hidden; } }

/* Шапка: радужная полоса сверху, логотип в две краски, плоское меню. */
[data-theme="classic"] .top { background: #161616; border-bottom: 1px solid #000; backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: inset 0 -1px 0 #2a2a2a; }
[data-theme="classic"] .top::before { content: ""; display: block; height: 2px; background: var(--rainbow); }
[data-theme="classic"] .top-in { max-width: 1000px; padding: 6px 12px; }
[data-theme="classic"] .brand { font: 400 20px "Segoe UI", Helvetica, Arial, sans-serif; text-transform: lowercase; letter-spacing: 0; color: #e8e8e8; }
[data-theme="classic"] .brand img { width: 22px; height: 22px; filter: none; }
[data-theme="classic"] #nav .btn { height: 26px; padding: 0 9px; font: 700 11px var(--f-head); text-transform: none; letter-spacing: 0; color: var(--text); box-shadow: none; }
[data-theme="classic"] #nav .btn:hover { color: #fff; box-shadow: none; background: #222; }
[data-theme="classic"] #nav .btn.on { color: var(--accent-hi); box-shadow: none; }
[data-theme="classic"] #nav .btn.primary { background: #262626; color: var(--accent-hi); border: 1px solid #3a3a3a; height: 24px; box-shadow: none; }
[data-theme="classic"] #nav .btn.lang { height: 22px; border-color: #3a3a3a; }

[data-theme="classic"] #banners, [data-theme="classic"] main { max-width: 1000px; padding-left: 12px; padding-right: 12px; }
[data-theme="classic"] .foot { font-size: 10px; letter-spacing: 0; text-transform: none; }

/* Объявление о свежем обновлении — простая строка. */
[data-theme="classic"] .banner { min-height: 0; padding: 6px 10px; border: 1px solid #000; border-radius: 0; background: var(--panel);
  box-shadow: inset 0 0 0 1px #2e2e2e; font-weight: 400; font-size: 12px; }
[data-theme="classic"] .banner .shimmer { font-size: 12px; }

/* Перелив и бегущие рамки — выключены, «свежее» — просто жирное зелёное. */
[data-theme="classic"] .shimmer { background: none; color: var(--accent-hi); -webkit-text-fill-color: currentColor; font-weight: 700; }
[data-theme="classic"] .panel-news::before { display: none; }

/* Панели: чёрная внешняя рамка + светлая внутренняя линия, заголовок — полоса, как у старых форумов. */
[data-theme="classic"] .sheet, [data-theme="classic"] .tablebox, [data-theme="classic"] .frow,
[data-theme="classic"] .post, [data-theme="classic"] .wpost, [data-theme="classic"] .card, [data-theme="classic"] .nrow {
  background: var(--panel); border: 1px solid #000; border-radius: 0; box-shadow: inset 0 0 0 1px #2e2e2e;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
[data-theme="classic"] .sheet { padding: 12px 14px; }
[data-theme="classic"] .sheet h1 { font: 700 16px var(--f-head); }
[data-theme="classic"] .sheet h2 { font: 700 12px var(--f-head); text-transform: none; letter-spacing: 0; color: #e0e0e0;
  margin: -12px -14px 10px; padding: 6px 14px; background: #232323; border-bottom: 1px solid #000; box-shadow: inset 0 -1px 0 #2e2e2e; }
[data-theme="classic"] .caps { font: 700 12px var(--f-head); text-transform: none; letter-spacing: 0; color: #e0e0e0; margin: 16px 0 4px; }
[data-theme="classic"] .small { font-size: 11px; }
[data-theme="classic"] .sub { font-size: 12px; }

/* Главная: без огромного неонового заголовка. */
[data-theme="classic"] .mast { text-align: left; padding: 14px 0 10px; }
[data-theme="classic"] .mega { font: 300 34px/1.1 "Segoe UI", Helvetica, Arial, sans-serif; text-transform: lowercase; letter-spacing: 0; color: #e8e8e8; }
[data-theme="classic"] .mast .lead { font-size: 12px; margin: 6px 0 12px; max-width: none; }
[data-theme="classic"] .mast-btns { justify-content: flex-start; }
[data-theme="classic"] .card h3 { font: 700 12px var(--f-head); text-transform: none; letter-spacing: 0; }
[data-theme="classic"] .card p { font-size: 11px; }
[data-theme="classic"] .card:hover, [data-theme="classic"] a.frow:hover, [data-theme="classic"] .nrow:hover { border-color: #000; box-shadow: inset 0 0 0 1px #3a3a3a; background: #202020; }
[data-theme="classic"] .nrow { padding: 6px 10px; }
[data-theme="classic"] .nrow .ntitle { font-size: 12px; }
[data-theme="classic"] .nmark { color: var(--muted); font-size: 12px; }

/* Значки разделов — маленькие квадратики, как в старых форумах. */
[data-theme="classic"] .tile { width: 11px; height: 11px; border-radius: 1px; font-size: 0; border: 1px solid #0b0b0b;
  background: linear-gradient(180deg, #6f9fd8, #3f6fa8); box-shadow: none; }
[data-theme="classic"] .card .tile { display: none; }

/* Кнопки и поля — плоские серые. */
[data-theme="classic"] .btn { height: 24px; padding: 0 10px; font: 400 11px var(--f-head); letter-spacing: 0; text-transform: none;
  background: linear-gradient(180deg, #2c2c2c, #222); border: 1px solid #0c0c0c; border-radius: 2px; color: var(--text); box-shadow: inset 0 1px 0 #383838; }
[data-theme="classic"] .btn:hover { border-color: #0c0c0c; background: #303030; }
[data-theme="classic"] .btn.primary { background: linear-gradient(180deg, #2f2f2f, #252525); color: var(--accent-hi); border-color: #0c0c0c; box-shadow: inset 0 1px 0 #3c3c3c; font-weight: 700; }
[data-theme="classic"] .btn.primary:hover { filter: none; box-shadow: inset 0 1px 0 #3c3c3c; background: #333; }
[data-theme="classic"] .btn.big { height: 28px; font-size: 12px; text-transform: none; letter-spacing: 0; }
[data-theme="classic"] input, [data-theme="classic"] select, [data-theme="classic"] textarea {
  background: #141414; border: 1px solid #000; border-radius: 0; box-shadow: inset 0 0 0 1px #2a2a2a; font: 12px var(--f-head); }
[data-theme="classic"] input:focus, [data-theme="classic"] select:focus, [data-theme="classic"] textarea:focus { border-color: #000; box-shadow: inset 0 0 0 1px var(--accent); }
[data-theme="classic"] .seg { border-radius: 0; background: #141414; border-color: #000; }
[data-theme="classic"] .seg button { font: 400 11px var(--f-head); text-transform: none; letter-spacing: 0; border-radius: 0; height: 22px; }
[data-theme="classic"] .seg button.on { background: #2a2a2a; color: var(--accent-hi); box-shadow: none; }

/* Значки-метки и сообщения. */
[data-theme="classic"] .badge { border-radius: 0; font-size: 9px; padding: 0 5px; letter-spacing: 0; }
[data-theme="classic"] .badge.new { background: var(--accent); color: #0e0e0e; box-shadow: none; }
[data-theme="classic"] .msg { border-radius: 0; font-size: 12px; padding: 6px 10px; }

/* Таблицы: шапка-полоса, тонкие разделители. */
[data-theme="classic"] table { font-size: 11px; }
[data-theme="classic"] th { font-size: 11px; color: #e0e0e0; text-transform: none; letter-spacing: 0; background: #232323; border-bottom: 1px solid #000; padding: 5px 8px; }
[data-theme="classic"] td { padding: 5px 8px; border-top: 1px solid #262626; }
[data-theme="classic"] .stat .n { font: 700 20px var(--f-head); color: var(--accent-hi); }

/* Форум: таблица разделов одним блоком, строки встык. */
[data-theme="classic"] .forum .fhead { box-shadow: inset 0 0 0 1px #2e2e2e; }
[data-theme="classic"] .forum .fhead h1 { font-size: 14px; }
[data-theme="classic"] .ftable { gap: 0; border: 1px solid #000; background: var(--panel); }
[data-theme="classic"] .ftable .frow { border: 0; border-top: 1px solid #262626; box-shadow: none; padding: 6px 10px; gap: 8px; }
[data-theme="classic"] .ftable .frow:first-child { border-top: 0; }
[data-theme="classic"] .frow.fth { background: #232323; color: #e0e0e0; font: 700 11px var(--f-head); text-transform: none; letter-spacing: 0; padding: 5px 10px; border-bottom: 1px solid #000; }
[data-theme="classic"] .ftitle { font-weight: 700; color: var(--accent-hi); }
[data-theme="classic"] .frow .num { font-weight: 400; width: 70px; }
[data-theme="classic"] .ell { color: var(--accent-hi); }
[data-theme="classic"] .post.staff { border-color: #000; }
[data-theme="classic"] .pauthor { background: #191919; }
[data-theme="classic"] .avatar { box-shadow: none; }

/* Чат: строгий лог — время, ник зелёным, текст. */
[data-theme="classic"] .shoutbox, [data-theme="classic"] .onlinebox { padding: 12px 14px; }
[data-theme="classic"] .shoutlist { height: 220px; background: #151515; border: 1px solid #000; box-shadow: inset 0 0 0 1px #262626; padding: 4px 6px; gap: 0; }
[data-theme="classic"] .shout { padding: 1px 2px; gap: 6px; border-radius: 0; }
[data-theme="classic"] .shout .shav { display: none; }
[data-theme="classic"] .shout .grow { font-size: 11px; line-height: 1.5; padding-top: 0; }
[data-theme="classic"] .shout .stext { font-weight: 400; }
[data-theme="classic"] .shout .who { color: var(--accent-hi); font-weight: 700; }
[data-theme="classic"] .shout .when { font-size: 10px; }

/* Архив в админке и уведомления. */
[data-theme="classic"] details.archive > summary { font-size: 11px; }
[data-theme="classic"] .npop { border-radius: 0; border: 1px solid #000; background: var(--panel); box-shadow: inset 0 0 0 1px #2e2e2e; }
[data-theme="classic"] .nitem { border-radius: 0; }
[data-theme="classic"] .nitem.unread { box-shadow: inset 2px 0 0 var(--accent); }

/* Подписи полей и строки-списки — мелко, без капса. */
[data-theme="classic"] label.field span, [data-theme="classic"] div.field > span { font-size: 11px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--subtle); margin-bottom: 3px; }
[data-theme="classic"] label.field, [data-theme="classic"] div.field { margin-bottom: 8px; }
[data-theme="classic"] input, [data-theme="classic"] select { height: 26px; padding: 0 8px; }
[data-theme="classic"] .row { min-height: 0; padding: 5px 10px; border-top-color: #262626; }

/* Логотип в две краски (Дима 03.11): кольцо перекрашено в зелёный, название — белое «ока» + зелёное «лина». */
[data-theme="classic"] .brand img { filter: hue-rotate(48deg) saturate(1.1); }
[data-theme="classic"] .brand b, [data-theme="classic"] .mega b { font-weight: inherit; color: var(--accent); }