/* =========================================================
   REALBOYS MODERN COLORS 2026
   Только цветовой слой для твоего рабочего шаблона.
   Структура, PHP, TPL, меню, профиль, мониторинг и модули НЕ переписаны.
   ========================================================= */

:root {
  --rb-bg-0: #060910;
  --rb-bg-1: #0b111c;
  --rb-bg-2: #101827;
  --rb-panel: rgba(17, 23, 35, .94);
  --rb-panel-2: rgba(24, 31, 45, .92);
  --rb-border: rgba(111, 135, 170, .24);
  --rb-border-hot: rgba(255, 65, 94, .55);
  --rb-red: #ff334f;
  --rb-red-2: #ff6a7f;
  --rb-blue: #4aa8ff;
  --rb-cyan: #19d7c6;
  --rb-violet: #9b5cff;
  --rb-gold: #ffd34c;
  --rb-green: #38e57b;
  --rb-text: #eef4ff;
  --rb-muted: #aab8ca;
  --rb-soft: #d3ddec;
  --rb-shadow: 0 16px 38px rgba(0,0,0,.34);
  --rb-glow-red: 0 0 22px rgba(255,51,79,.22);
  --rb-glow-blue: 0 0 22px rgba(74,168,255,.16);
}

/* Base */
html,
body {
  background:
    radial-gradient(circle at 12% 12%, rgba(255,51,79,.16), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(74,168,255,.18), transparent 28%),
    radial-gradient(circle at 52% 72%, rgba(155,92,255,.10), transparent 34%),
    linear-gradient(135deg, var(--rb-bg-0) 0%, #0b1422 48%, #111527 100%) !important;
  color: var(--rb-text) !important;
}

body,
td,
th,
p,
li,
span,
small,
label,
.form-control,
.dropdown-menu {
  color: var(--rb-soft);
}

a,
a[onclick] {
  color: #83beff;
}

a:hover,
a[onclick]:hover {
  color: #bee0ff;
  text-decoration-color: rgba(255,51,79,.55);
}

/* Header / menu colors only */
.header {
  background:
    linear-gradient(180deg, rgba(9,13,20,.96), rgba(8,11,18,.92)) !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.28);
}

.collapsible-menu > li > a,
.header .btn,
.menu-trigger {
  background:
    linear-gradient(180deg, rgba(31,36,50,.98), rgba(22,27,39,.98)) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: var(--rb-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.22);
}

.collapsible-menu > li > a:hover,
.collapsible-menu > li.open > a,
.collapsible-menu > li.active > a {
  border-color: var(--rb-border-hot) !important;
  background:
    linear-gradient(180deg, rgba(53,30,42,.98), rgba(28,25,38,.98)) !important;
  box-shadow: var(--rb-glow-red), 0 14px 30px rgba(0,0,0,.30);
}

.collapsible-menu li ul,
.collapsible-menu .dropdown-menu,
.dropdown-menu {
  background: rgba(14,20,31,.98) !important;
  border-color: rgba(96,123,160,.28) !important;
  box-shadow: 0 22px 52px rgba(0,0,0,.48), 0 0 0 1px rgba(255,255,255,.04);
}

.collapsible-menu li ul li a,
.dropdown-menu a {
  color: var(--rb-soft) !important;
}

.collapsible-menu li ul li a:hover,
.dropdown-menu a:hover {
  color: #fff !important;
  background: rgba(255,51,79,.14) !important;
}

/* Breadcrumb/navigation */
.navigation {
  background:
    linear-gradient(90deg, rgba(255,51,79,.13), rgba(74,168,255,.08), rgba(10,14,22,.70)) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.breadcrumb,
.breadcrumb a {
  color: var(--rb-muted) !important;
}

/* Blocks / panels */
.block,
.card,
.modal-content,
.popover,
.ticket-item,
.forum,
.profile,
.table-responsive,
.monitoring,
.monitoring-table,
.server,
.alert,
.vertical-navigation,
#notifications_line,
#site_stats,
#chat,
#forum,
#new_news,
#events,
#load_last_online {
  background:
    linear-gradient(180deg, rgba(18,25,38,.95), rgba(13,19,30,.95)) !important;
  border-color: var(--rb-border) !important;
  box-shadow: var(--rb-shadow), inset 0 1px 0 rgba(255,255,255,.035);
}

.block_head,
.card-header,
.modal-header,
.panel-heading {
  background:
    linear-gradient(90deg, rgba(255,51,79,.16), rgba(74,168,255,.09), rgba(255,255,255,.02)) !important;
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
}

.block_head i,
.card-header i {
  color: var(--rb-red-2);
}

/* Tables */
.table,
table {
  color: var(--rb-soft) !important;
}

.table td,
.table th,
table.table-bordered td,
table.table-bordered th {
  border-color: rgba(255,255,255,.07) !important;
}

.table thead td,
.table thead th,
thead td,
thead th {
  background: rgba(16,24,38,.96) !important;
  color: var(--rb-gold) !important;
}

.table tbody tr,
tbody tr {
  background: rgba(13,19,30,.42);
}

.table tbody tr:hover td,
tbody tr:hover td {
  background: rgba(74,168,255,.055) !important;
}

.table > tbody > tr.primary > td {
  background: rgba(74,168,255,.10) !important;
  border-color: rgba(74,168,255,.20) !important;
}

.table > tbody > tr.success > td {
  background: rgba(56,229,123,.10) !important;
  border-color: rgba(56,229,123,.18) !important;
}

.table > tbody > tr.warning > td {
  background: rgba(255,211,76,.11) !important;
  border-color: rgba(255,211,76,.20) !important;
}

.table > tbody > tr.danger > td {
  background: rgba(255,51,79,.11) !important;
  border-color: rgba(255,51,79,.22) !important;
}

/* Inputs */
.form-control,
input,
select,
textarea {
  background: rgba(8,13,22,.90) !important;
  border-color: rgba(116,142,176,.25) !important;
  color: var(--rb-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: rgba(74,168,255,.70) !important;
  box-shadow: 0 0 0 .2rem rgba(74,168,255,.14) !important;
  background: rgba(9,16,27,.96) !important;
}

::placeholder {
  color: rgba(199,211,228,.55) !important;
}

/* Buttons */
.btn-primary,
button.btn-primary,
input.btn-primary {
  background:
    linear-gradient(180deg, #ff526b, #de2441) !important;
  border-color: #ff7587 !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(255,51,79,.22);
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
  background:
    linear-gradient(180deg, #ff6378, #ec314a) !important;
  border-color: #ff8b9a !important;
  box-shadow: 0 16px 32px rgba(255,51,79,.30);
}

.btn-outline-primary,
.btn-secondary,
.btn-default,
button.btn-outline-primary {
  background:
    linear-gradient(180deg, rgba(28,36,52,.96), rgba(17,24,36,.96)) !important;
  border-color: rgba(116,142,176,.28) !important;
  color: var(--rb-text) !important;
}

.btn-outline-primary:hover,
.btn-secondary:hover,
.btn-default:hover {
  background: rgba(74,168,255,.13) !important;
  border-color: rgba(74,168,255,.46) !important;
  color: #fff !important;
}

.btn-success {
  background: linear-gradient(180deg, #42e68a, #1dbb67) !important;
  border-color: #68f2a2 !important;
  color: #06100b !important;
}

.btn-info {
  background: linear-gradient(180deg, #4cb7ff, #2187dd) !important;
  border-color: #76c8ff !important;
  color: #fff !important;
}

.btn-warning {
  background: linear-gradient(180deg, #ffd85e, #e5a82c) !important;
  border-color: #ffe58f !important;
  color: #17110a !important;
}

.btn-danger {
  background: linear-gradient(180deg, #ff546f, #d91f3d) !important;
  border-color: #ff7c91 !important;
  color: #fff !important;
}

/* Monitoring */
.monitoring,
.monitoring-table {
  box-shadow: 0 0 0 1px rgba(155,92,255,.20), 0 0 26px rgba(155,92,255,.25), var(--rb-shadow) !important;
}

.monitoring .server,
.server {
  background:
    radial-gradient(circle at 85% 0%, rgba(255,51,79,.16), transparent 36%),
    linear-gradient(180deg, rgba(18,25,38,.98), rgba(10,16,26,.98)) !important;
  border-color: rgba(74,168,255,.30) !important;
}

.server h3,
.server h4,
.server .server-name {
  color: #fff !important;
}

.server a[href^="steam://"],
td a[href^="steam://"] {
  color: var(--rb-gold) !important;
  font-weight: 800;
}

.progress,
.progress-bar-wrap {
  background: rgba(255,255,255,.10) !important;
}

.progress-bar {
  background:
    linear-gradient(90deg, var(--rb-red), var(--rb-gold), var(--rb-green), var(--rb-blue)) !important;
}

/* Forum/news/profile */
.forum_section,
.forum_topic,
.topic,
.comment,
.message,
.chat-message,
.news,
.new,
.new_new,
.profile-page .block,
.user,
.user-card {
  background: rgba(16,23,36,.82) !important;
  border-color: rgba(255,255,255,.07) !important;
}

.forum_section:hover,
.forum_topic:hover,
.topic:hover,
.new:hover,
.new_new:hover {
  background: rgba(74,168,255,.07) !important;
}

/* Sidebar navigation */
.vertical-navigation ul li a,
.nav.flex-column a,
.list-group-item {
  background: transparent !important;
  color: var(--rb-soft) !important;
  border-color: rgba(255,255,255,.06) !important;
}

.vertical-navigation ul li a:hover,
.nav.flex-column a:hover,
.list-group-item:hover {
  background: rgba(255,51,79,.11) !important;
  color: #fff !important;
}

/* Modules extra / custom modules */
[class*="cases"],
[class*="activity_rewards"],
[class*="digital_store"],
[class*="donation"],
[class*="rcon_shop"],
[class*="roulette"],
[class*="playground"],
[class*="store"],
[class*="shop"] {
  --rb-module-accent: var(--rb-red);
}

[class*="cases"] .block,
[class*="activity_rewards"] .block,
[class*="digital_store"] .block,
[class*="donation"] .block,
[class*="rcon_shop"] .block,
[class*="roulette"] .block,
[class*="playground"] .block,
[class*="store"] .block,
[class*="shop"] .block {
  border-color: rgba(255,51,79,.24) !important;
}

/* Alerts */
.alert-primary,
.alert-info {
  background: rgba(74,168,255,.12) !important;
  border-color: rgba(74,168,255,.30) !important;
  color: #dceeff !important;
}

.alert-success {
  background: rgba(56,229,123,.12) !important;
  border-color: rgba(56,229,123,.28) !important;
  color: #dfffea !important;
}

.alert-warning {
  background: rgba(255,211,76,.13) !important;
  border-color: rgba(255,211,76,.30) !important;
  color: #fff0bd !important;
}

.alert-danger {
  background: rgba(255,51,79,.13) !important;
  border-color: rgba(255,51,79,.32) !important;
  color: #ffdce2 !important;
}

/* Footer */
.footer {
  background:
    linear-gradient(180deg, rgba(8,12,18,.96), rgba(5,8,13,.98)) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 -16px 36px rgba(0,0,0,.25);
}

.footer strong {
  color: #fff !important;
}

.footer p,
.footer li,
.footer a {
  color: var(--rb-muted) !important;
}

.footer a:hover {
  color: #fff !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #07101b;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--rb-red), var(--rb-blue));
  border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--rb-red-2), #75bdff);
}

/* Keep Google Translate visible and independent */
.goog-te-gadget,
.goog-te-menu-frame,
#google_translate_element {
  color: initial !important;
}

/* Small safety for bright old images/cards */
img {
  border-color: rgba(255,255,255,.08);
}

hr {
  border-color: rgba(255,255,255,.08) !important;
}