/* --- PERFORMANCE DARK STYLE FOR PUNBB --- */

/* 1. Базовые цвета (палитра) */
:root {
  --perf-bg: #151515;          /* Почти чёрный фон страницы */
  --perf-panel: #1e1e1e;      /* Цвет панелей и карточек */
  --perf-text: #e0e0e0;       /* Светлый текст */
  --perf-muted: #999;         /* Приглушённый текст (даты, статусы) */
  --perf-border: #333;        /* Цвет границ */
  --perf-accent: #ff2e2e;     /* Ярко-красный акцент */
  --perf-hover: #2a2a2a;      /* Цвет при наведении */
}

/* 2. Фон и общие настройки */
body {
  background-color: var(--perf-bg);
  color: var(--perf-text);
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* 3. Шапка (Header) и навигация */
.punbb #brdheader h1 a, 
.punbb #brdheader h2 a {
  color: var(--perf-text);
  text-shadow: 0 0 10px rgba(255, 46, 46, 0.4); /* Свечение логотипа */
}
.punbb #brdmenu a {
  color: var(--perf-muted);
}
.punbb #brdmenu a:hover {
  color: var(--perf-accent);
  text-decoration: none;
}

/* 4. Основной контейнер (карточки категорий и тем) */
.punbb #brdmain {
  background: var(--perf-panel);
  border: 1px solid var(--perf-border);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

/* 5. Заголовки таблиц и списки тем */
.punbb .blocktable th, 
.punbb .blocktable td {
  border-color: var(--perf-border);
}
.punbb .blocktable th {
  background: #252525;
  color: var(--perf-muted);
  text-transform: uppercase;
  font-size: 0.85em;
}
.punbb .blocktable tr:hover td {
  background: var(--perf-hover);
}

/* 6. Ссылки в темах и постах */
.punbb a, 
.punbb .postlink {
  color: var(--perf-text);
  text-decoration: none;
}
.punbb a:hover, 
.punbb .postlink:hover {
  color: var(--perf-accent);
  text-decoration: underline;
}

/* 7. Ники пользователей (Акцент!) */
.punbb .username, 
.punbb .usernames {
  color: var(--perf-text);
  font-weight: 600;
}
/* Красный цвет для обычных пользователей */
.punbb .username:not(.admin):not(.moderator) {
  color: var(--perf-accent);
}
/* Золотой цвет для админов и модераторов */
.punbb .username.admin, 
.punbb .username.moderator {
  color: #f1c40f;
}

/* 8. Контент поста (текст сообщения) */
.punbb .post-content {
  color: #ddd; /* Чуть темнее основного текста для контраста с фоном */
  line-height: 1.7;
}
.punbb .post-content p {
  margin-bottom: 15px;
}

/* 9. Дата и время (приглушённые) */
.punbb .post-info, 
.punbb .post-date {
  color: var(--perf-muted);
  font-size: 0.85em;
}

/* 10. Кнопки (Ответить, Цитировать и т.д.) */
.punbb .buttons a, 
.punbb input[type="submit"], 
.punbb button {
  background-color: var(--perf-accent);
  color: white;
  border: none;
  padding: 8px 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: background 0.2s;
}
.punbb .buttons a:hover, 
.punbb input[type="submit"]:hover, 
.punbb button:hover {
  background-color: #cc1c1c; /* Тёмно-красный при наведении */
  color: white;
}

/* 11. Поля ввода (текст, поиск) */
.punbb input[type="text"], 
.punbb input[type="password"], 
.punbb textarea, 
.punbb select {
  background-color: #111;
  color: white;
  border: 1px solid #444;
  padding: 8px;
}
.punbb input:focus, 
.punbb textarea:focus {
  outline: 1px solid var(--perf-accent);
}

/* 12. Статусы и бейджи (New, Hot) */
.punbb .status-new, 
.punbb .status-hot {
  background-color: var(--perf-accent);
  color: white;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.75em;
  text-transform: uppercase;
}

/* 13. Адаптив (для мобильных) */
@media (max-width: 768px) {
  .punbb #brdmain {
    border: none;
    box-shadow: none;
  }
}