:root{
  --forum-bg:#07111d;
  --forum-panel:#0d1b2a;
  --forum-panel2:#101f30;
  --forum-line:rgba(112,163,204,.14);
  --forum-blue:#37a8ff;
  --forum-text:#e8f2fb;
  --forum-muted:#8fa7bc;
  --forum-green:#58dd91;
  --forum-gold:#ffc85b;
}

.forum-page{
  width:min(1460px,calc(100% - 34px));
  margin:26px auto 60px;
  color:var(--forum-text);
}

.forum-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:18px;
}

.forum-hero h1{
  margin:0 0 6px;
  color:#fff;
  font-size:34px;
}

.forum-hero p{
  margin:0;
  color:var(--forum-muted);
}

.forum-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(74,174,255,.48);
  border-radius:9px;
  color:#fff;
  background:linear-gradient(180deg,#289ef3,#1477d8);
  text-decoration:none;
  font-weight:800;
  cursor:pointer;
}

.forum-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:18px;
}

.forum-group,
.forum-side-card,
.forum-topic-card,
.forum-form-card{
  border:1px solid var(--forum-line);
  background:
    linear-gradient(180deg,rgba(17,34,51,.98),rgba(9,22,35,.98));
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}

.forum-group{
  margin-bottom:14px;
  border-radius:7px;
  overflow:hidden;
}

.forum-group-title{
  padding:14px 17px;
  border-bottom:1px solid var(--forum-line);
  color:#e9f4ff;
  font-size:14px;
  font-weight:900;
  text-transform:uppercase;
}

.forum-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 90px 105px minmax(260px,.75fr);
  align-items:center;
  min-height:82px;
  border-bottom:1px solid var(--forum-line);
}

.forum-row:last-child{border-bottom:0}

.forum-main-cell{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:13px;
  padding:13px 16px;
}

.forum-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#d9efff;
  background:linear-gradient(145deg,#254c6e,#112a42);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
}

.forum-title-link{
  color:var(--forum-blue);
  font-weight:800;
  text-decoration:none;
}

.forum-desc{
  margin-top:5px;
  color:var(--forum-muted);
  font-size:13px;
  line-height:1.45;
}

.forum-stat{
  color:#dbeafb;
  text-align:center;
  font-size:13px;
}

.forum-stat small{
  display:block;
  margin-bottom:5px;
  color:var(--forum-muted);
}

.forum-last{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px 15px;
}

.forum-avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  object-fit:cover;
  background:#183047;
}

.forum-last a,
.forum-side-card a{
  color:var(--forum-blue);
  text-decoration:none;
}

.forum-small{
  margin-top:3px;
  color:var(--forum-muted);
  font-size:12px;
  line-height:1.35;
}

.forum-sidebar{
  display:grid;
  align-content:start;
  gap:12px;
}

.forum-side-card{
  padding:15px;
  border-radius:7px;
}

.forum-side-card h3{
  margin:0 0 14px;
  color:#fff;
  font-size:15px;
}

.forum-side-item{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:9px;
  margin-bottom:13px;
}

.forum-side-item:last-child{margin-bottom:0}

.forum-side-avatar{
  width:30px;
  height:30px;
  border-radius:50%;
  object-fit:cover;
  background:#17314a;
}

.forum-bottom-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:12px;
  border:1px solid var(--forum-line);
  border-radius:7px;
  background:#0d1b2a;
}

.forum-bottom-stat{
  padding:17px;
  text-align:center;
}

.forum-bottom-stat b{
  display:block;
  color:#fff;
  font-size:20px;
}

.forum-bottom-stat span{
  color:var(--forum-muted);
  font-size:12px;
}

.forum-topic-card{
  margin-bottom:14px;
  padding:18px;
  border-radius:8px;
}

.forum-topic-head{
  display:flex;
  justify-content:space-between;
  gap:15px;
}

.forum-topic-author{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:13px;
}

.forum-topic-author .forum-avatar{
  width:50px;
  height:50px;
}

.forum-author-name{
  color:#fff;
  font-weight:900;
}

.forum-badge{
  display:inline-flex;
  margin-left:7px;
  padding:3px 7px;
  border-radius:999px;
  color:#bfe4ff;
  background:rgba(55,168,255,.12);
  border:1px solid rgba(55,168,255,.22);
  font-size:10px;
  font-weight:900;
  vertical-align:middle;
}

.forum-post-text{
  margin-top:17px;
  color:#d7e5f1;
  line-height:1.7;
}

.forum-form-card{
  padding:20px;
  border-radius:9px;
}

.forum-field{
  display:grid;
  gap:8px;
  margin-bottom:15px;
}

.forum-field label{
  color:#dcecff;
  font-weight:800;
}

.forum-field input,
.forum-field select,
.forum-field textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(105,168,218,.22);
  border-radius:9px;
  color:#eef7ff;
  background:#081522;
  outline:none;
}

.forum-field textarea{
  min-height:170px;
  resize:vertical;
}

.forum-topic-list-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 90px 100px 190px;
  align-items:center;
  min-height:74px;
  padding:0 16px;
  border-bottom:1px solid var(--forum-line);
}

.forum-topic-list-item:last-child{border-bottom:0}

.forum-empty{
  padding:35px;
  color:var(--forum-muted);
  text-align:center;
}

@media(max-width:1050px){
  .forum-grid{grid-template-columns:1fr}
  .forum-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .forum-page{width:min(100% - 20px,1460px)}
  .forum-hero{align-items:flex-start;flex-direction:column}
  .forum-row{grid-template-columns:1fr}
  .forum-stat{display:none}
  .forum-last{border-top:1px solid var(--forum-line)}
  .forum-topic-list-item{grid-template-columns:1fr;padding:14px}
  .forum-topic-list-item > .forum-stat,
  .forum-topic-list-item > .forum-small{display:none}
  .forum-sidebar{grid-template-columns:1fr}
  .forum-bottom-stats{grid-template-columns:repeat(2,1fr)}
}

/* CS2_FORUM_SUBNAV_STYLE */

.forum-subnav {
    width: min(1460px, calc(100% - 34px));
    min-height: 54px;
    margin: 18px auto 0;
    padding: 7px 10px;

    display: flex;
    align-items: center;
    gap: 8px;

    border: 1px solid rgba(112, 163, 204, .14);
    border-radius: 9px;

    background:
        linear-gradient(
            180deg,
            rgba(16, 33, 49, .98),
            rgba(8, 20, 32, .98)
        );

    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.forum-subnav a {
    min-height: 38px;
    padding: 0 13px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    color: #a9c4da;
    text-decoration: none;

    font-size: 13px;
    font-weight: 800;
}

.forum-subnav a:hover,
.forum-subnav a.active {
    color: #fff;

    background: rgba(55, 168, 255, .14);

    box-shadow:
        inset 0 0 0 1px rgba(55, 168, 255, .22);
}

.forum-subnav-search {
    margin-left: auto;

    display: flex;
    align-items: center;
    gap: 7px;
}

.forum-subnav-search input {
    width: 230px;
    height: 38px;
    padding: 0 12px;

    border: 1px solid rgba(112, 163, 204, .18);
    border-radius: 8px;

    color: #e9f5ff;
    background: #07131f;
    outline: none;
}

.forum-subnav-search button {
    width: 40px;
    height: 38px;

    border: 1px solid rgba(55, 168, 255, .24);
    border-radius: 8px;

    color: #fff;
    background: rgba(55, 168, 255, .14);

    cursor: pointer;
}

body:has(.forum-page) .support-widget,
body:has(.forum-page) #supportWidget,
body:has(.forum-page) .cs2-support-widget {
    bottom: 14px !important;

    transform: scale(.84);
    transform-origin: right bottom;
}

@media (max-width: 760px) {
    .forum-subnav {
        width: min(100% - 20px, 1460px);
        overflow-x: auto;
    }

    .forum-subnav-search {
        display: none;
    }

    .forum-subnav a {
        white-space: nowrap;
    }
}

/* CS2_FORUM_COMPLETE_LAYOUT_2026 */

.cs2-forum-scope .support-widget,
.cs2-forum-scope #supportWidget,
.cs2-forum-scope .cs2-support-widget,
.cs2-forum-scope [class*="support-widget"],
.cs2-forum-scope [id*="support-widget"],
.cs2-forum-scope .support-fab,
.cs2-forum-scope .support-button {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.forum-page {
    width: min(1520px, calc(100% - 48px));
    margin-top: 30px;
}

.forum-subnav {
    width: min(1520px, calc(100% - 48px));
    min-height: 58px;
    margin-top: 20px;
    padding: 8px 11px;
    border-radius: 10px;
}

.forum-subnav a {
    min-height: 40px;
    padding: 0 16px;
    font-size: 13px;
}

.forum-subnav-search input {
    width: 245px;
    height: 40px;
}

.forum-subnav-search button {
    height: 40px;
}

.forum-hero {
    margin-bottom: 20px;
}

.forum-hero h1 {
    margin-bottom: 7px;
    font-size: 37px;
    line-height: 1.15;
}

.forum-hero p {
    font-size: 15px;
}

.forum-grid {
    grid-template-columns:
        minmax(0, 1fr)
        330px;
    gap: 18px;
}

.forum-group {
    margin-bottom: 15px;
    border-radius: 8px;
}

.forum-group-title {
    min-height: 52px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.forum-row {
    grid-template-columns:
        minmax(0, 1fr)
        82px
        100px
        minmax(285px, .74fr);

    min-height: 88px;
}

.forum-main-cell {
    grid-template-columns:
        50px
        minmax(0, 1fr);

    gap: 14px;
    padding: 15px 17px;
}

.forum-icon {
    width: 44px;
    height: 44px;
}

.forum-title-link {
    font-size: 16px;
    line-height: 1.35;
}

.forum-desc {
    margin-top: 6px;
    font-size: 13px;
}

.forum-last {
    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 11px;
    padding: 13px 16px;
}

.forum-avatar {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(103, 174, 232, .3);
}

.forum-side-card {
    padding: 17px;
    border-radius: 8px;
}

.forum-side-card h3 {
    margin-bottom: 15px;
    font-size: 15px;
}

.forum-side-item {
    grid-template-columns:
        36px
        minmax(0, 1fr);

    gap: 10px;
    margin-bottom: 15px;
}

.forum-side-avatar {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(103, 174, 232, .28);
}

.forum-online-card h3 {
    display: flex;
    align-items: center;
    gap: 8px;
}

.forum-online-dot {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #58dd91;
    box-shadow: 0 0 12px rgba(88, 221, 145, .7);
}

.forum-online-users {
    display: grid;
    gap: 11px;
}

.forum-online-user {
    display: grid;
    grid-template-columns:
        36px
        minmax(0, 1fr);

    align-items: center;
    gap: 10px;
}

.forum-online-name {
    color: #eaf5ff;
    font-size: 13px;
    font-weight: 800;
}

.forum-online-summary {
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid rgba(112, 163, 204, .13);
    color: #8fa7bc;
    font-size: 12px;
    line-height: 1.6;
}

.forum-online-summary b {
    color: #e8f4ff;
}

.forum-search-results {
    width: 100%;
    margin-bottom: 18px;
}

.forum-search-row {
    min-height: 70px;
    padding: 13px 17px;
    display: grid;
    grid-template-columns:
        42px
        minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid rgba(112, 163, 204, .13);
}

.forum-search-row:last-child {
    border-bottom: 0;
}

.forum-bottom-stats {
    margin-top: 16px;
}

@media (max-width: 1220px) {
    .forum-page,
    .forum-subnav {
        width: min(100% - 30px, 1520px);
    }

    .forum-grid {
        grid-template-columns:
            minmax(0, 1fr)
            300px;
    }

    .forum-row {
        grid-template-columns:
            minmax(0, 1fr)
            68px
            82px
            minmax(235px, .68fr);
    }
}

@media (max-width: 1050px) {
    .forum-grid {
        grid-template-columns: 1fr;
    }

    .forum-sidebar {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .forum-page,
    .forum-subnav {
        width: min(100% - 20px, 1520px);
    }

    .forum-page {
        margin-top: 20px;
    }

    .forum-hero h1 {
        font-size: 29px;
    }

    .forum-row {
        min-height: 0;
    }

    .forum-main-cell {
        padding: 14px;
    }

    .forum-sidebar {
        grid-template-columns: 1fr;
    }
}

/* CS2_FORUM_REAL_ROLE_BADGES */

.forum-role-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 30px;
    margin-left: 10px;
    padding: 0 13px;

    border: 1px solid;
    border-radius: 999px;

    font-size: 11px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: .04em;

    vertical-align: middle;
    text-transform: uppercase;
}

/* Модератор — жёлтый */
.forum-role-moderator {
    color: #ffd83d;
    border-color: rgba(255, 208, 0, .85);

    background:
        linear-gradient(
            180deg,
            rgba(255, 204, 0, .16),
            rgba(255, 204, 0, .06)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09),
        0 0 18px rgba(255, 204, 0, .14);

    text-shadow:
        0 0 10px rgba(255, 208, 0, .28);
}

/* Администратор — красный */
.forum-role-admin {
    color: #ff4b55;
    border-color: rgba(255, 48, 61, .9);

    background:
        linear-gradient(
            180deg,
            rgba(255, 41, 55, .18),
            rgba(255, 41, 55, .06)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 0 19px rgba(255, 41, 55, .16);

    text-shadow:
        0 0 10px rgba(255, 48, 61, .3);
}

@media (max-width: 640px) {
    .forum-role-badge {
        min-height: 25px;
        margin-left: 6px;
        padding: 0 9px;
        font-size: 9px;
    }
}

/* CS2_FORUM_MODERATION_STYLES_2026 */

.forum-mod-toolbar {
  margin-bottom: 16px;
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  border: 1px solid rgba(255, 205, 54, .22);
  border-radius: 10px;
  background: rgba(255, 205, 54, .05);
}

.forum-mod-toolbar form,
.forum-post-mod-actions form {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
}

.forum-mod-toolbar select,
.forum-mod-comment-input {
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(112, 163, 204, .22);
  border-radius: 8px;
  color: #eaf5ff;
  background: #07131f;
}

.forum-mod-panel-link,
.forum-mod-button {
  min-height: 38px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 208, 0, .42);
  border-radius: 8px;
  color: #ffe26a;
  background: rgba(255, 208, 0, .08);
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.forum-mod-danger {
  color: #ff7c84;
  border-color: rgba(255, 67, 78, .46);
  background: rgba(255, 67, 78, .08);
}

.forum-post-mod-actions {
  margin-top: 16px;
  padding-top: 13px;
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(112, 163, 204, .12);
}

.forum-mod-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
  gap: 16px;
}

.forum-mod-topic-row,
.forum-mod-log-row {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(112, 163, 204, .12);
}

.forum-mod-log-comment {
  margin-top: 7px;
  color: #cbdce9;
  line-height: 1.5;
}

.forum-mod-alert {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 8px;
}

.forum-mod-error {
  color: #ff9ca2;
  background: rgba(255, 68, 80, .08);
  border: 1px solid rgba(255, 68, 80, .25);
}

@media(max-width: 900px) {
  .forum-mod-grid {
    grid-template-columns: 1fr;
  }
}

/* CS2_FORUM_PUNISHMENT_STYLES_2026 */

.forum-punishment-card,
.forum-notification-card {
  padding: 16px;
  border-bottom: 1px solid rgba(112, 163, 204, .12);
}

.forum-punishment-card:last-child,
.forum-notification-card:last-child {
  border-bottom: 0;
}

.forum-punishment-card > b,
.forum-notification-card > b {
  color: #ffffff;
  font-size: 15px;
}

.forum-punishment-comment {
  margin-top: 10px;
  color: #d5e4ef;
  line-height: 1.6;
}

.forum-mod-success {
  color: #89efb5;
  background: rgba(65, 211, 128, .08);
  border: 1px solid rgba(65, 211, 128, .25);
}

.forum-author-punish-link {
  display: inline-block;
  margin-top: 6px;
  color: #ffcf58;
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
}

.forum-author-punish-link:hover {
  text-decoration: underline;
}

/* CS2_FORUM_PUNISH_USER_SEARCH_STYLES */

.forum-user-search-wrap {
    position: relative;
}

.forum-user-search-results {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    left: 0;
    z-index: 100;

    max-height: 390px;
    overflow-y: auto;

    border: 1px solid rgba(81, 154, 219, .28);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            #102035,
            #091522
        );

    box-shadow:
        0 22px 55px rgba(0, 0, 0, .45);
}

.forum-user-search-item {
    width: 100%;
    min-height: 62px;
    padding: 11px 14px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    border: 0;
    border-bottom:
        1px solid rgba(112, 163, 204, .12);

    color: #ffffff;
    background: transparent;

    text-align: left;
    cursor: pointer;
}

.forum-user-search-item:last-child {
    border-bottom: 0;
}

.forum-user-search-item:hover,
.forum-user-search-item:focus {
    background:
        rgba(55, 168, 255, .12);
    outline: none;
}

.forum-user-search-item strong {
    color: #ffffff;
    font-size: 14px;
}

.forum-user-search-item span {
    margin-top: 4px;

    color: #8fb1cc;
    font-size: 12px;
}

.forum-user-search-empty {
    padding: 16px;

    color: #91a8bc;
    font-size: 13px;
    text-align: center;
}

.forum-selected-user {
    margin-top: 10px;
    padding: 12px 14px;

    display: flex;
    flex-direction: column;
    gap: 4px;

    border: 1px solid rgba(61, 198, 127, .24);
    border-radius: 10px;

    background:
        rgba(61, 198, 127, .07);
}

.forum-selected-user b {
    color: #ffffff;
    font-size: 14px;
}

.forum-selected-user span {
    color: #91cbae;
    font-size: 12px;
}

/* CS2_FORUM_SOCIAL_APPEALS_STYLES_2026 */

.forum-subscribe-form {
  margin: 0 0 14px;
  display: flex;
  justify-content: flex-end;
}

.forum-social-actions {
  margin-top: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.forum-social-actions form {
  margin: 0;
}

.forum-reaction-button,
.forum-quote-button {
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid rgba(112, 163, 204, .22);
  border-radius: 8px;
  color: #b8cde0;
  background: rgba(48, 76, 103, .12);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.forum-reaction-button.active {
  color: #ffffff;
  border-color: rgba(61, 168, 255, .48);
  background: rgba(61, 168, 255, .18);
}

.forum-quote-button {
  color: #8fc8ff;
}

.forum-appeal-card {
  padding: 18px;
  border-bottom: 1px solid rgba(112, 163, 204, .12);
}

.forum-appeal-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.forum-appeal-link {
  display: inline-flex;
  margin-top: 12px;
  color: #70baff;
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

/* CS2_FORUM_ACCOUNT_TITLE_STYLES_2026 */

.forum-account-title {
  width: fit-content;
  margin-top: 5px;
  padding: 4px 9px;

  display: inline-flex;
  align-items: center;
  gap: 4px;

  border-radius: 999px;

  font-size: 10px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .02em;
}

.forum-account-title-common {
  color: #8ecbff;
  border: 1px solid rgba(70, 168, 255, .25);
  background: rgba(70, 168, 255, .08);
}

.forum-account-title-rare {
  color: #ffd45c;
  border: 1px solid rgba(255, 190, 50, .30);
  background: rgba(255, 190, 50, .08);

  box-shadow:
    0 0 14px rgba(255, 190, 50, .05);
}

.forum-account-title-epic {
  color: #d891ff;
  border: 1px solid rgba(190, 83, 255, .32);
  background: rgba(190, 83, 255, .09);

  box-shadow:
    0 0 16px rgba(190, 83, 255, .07);
}

/*
 * Служебная роль и игровой статус
 * намеренно остаются разными сущностями.
 */
.forum-role-badge + .forum-account-title {
  margin-left: 0;
}


/* CS2_FORUM_ACCOUNT_TITLE_STYLE_2026 */

.forum-account-title {
    width: fit-content;
    margin-top: 5px;
    padding: 4px 9px;

    display: inline-flex;
    align-items: center;
    gap: 4px;

    border-radius: 999px;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 900;
}

.forum-account-title-common {
    color: #8ecbff;
    border:
        1px solid
        rgba(70,168,255,.25);

    background:
        rgba(70,168,255,.08);
}

.forum-account-title-rare {
    color: #ffd45c;

    border:
        1px solid
        rgba(255,190,50,.30);

    background:
        rgba(255,190,50,.08);
}

.forum-account-title-epic {
    color: #d891ff;

    border:
        1px solid
        rgba(190,83,255,.32);

    background:
        rgba(190,83,255,.09);

    box-shadow:
        0 0 15px
        rgba(190,83,255,.07);
}


/* CS2_FORUM_MEMBER_DIRECTORY_STYLES_2026 */

.forum-members-hero {
  margin-bottom: 18px;
}

.forum-members-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.forum-members-stats > div {
  padding: 17px 18px;
  border: 1px solid rgba(112,163,204,.15);
  border-radius: 12px;
  background:
    linear-gradient(
      180deg,
      rgba(20,40,61,.96),
      rgba(10,24,38,.96)
    );
}

.forum-members-stats b {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.forum-members-stats span {
  display: block;
  margin-top: 7px;
  color: #88a4bc;
  font-size: 12px;
}

.forum-members-toolbar {
  margin-bottom: 16px;
}

.forum-members-search {
  display: grid;
  grid-template-columns:
    minmax(220px,1fr)
    240px
    auto;
  gap: 10px;
}

.forum-members-search input,
.forum-members-search select {
  min-height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(92,151,203,.24);
  border-radius: 10px;
  color: #e9f4ff;
  background: #081522;
  outline: none;
}

.forum-members-grid {
  display: grid;
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );
  gap: 14px;
}

.forum-member-card {
  min-height: 150px;
  padding: 18px;
  display: grid;
  grid-template-columns: 72px minmax(0,1fr);
  gap: 15px;
  border: 1px solid rgba(112,163,204,.15);
  border-radius: 13px;
  background:
    linear-gradient(
      180deg,
      rgba(20,40,61,.96),
      rgba(9,23,36,.96)
    );
}

.forum-member-avatar {
  width: 68px;
  height: 68px;
  display: block;
  object-fit: cover;
  border: 1px solid rgba(86,169,241,.45);
  border-radius: 50%;
}

.forum-member-name-line {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.forum-member-name {
  color: #fff;
  text-decoration: none;
  font-size: 17px;
  font-weight: 950;
}

.forum-member-name:hover {
  color: #59b4ff;
}

.forum-member-numbers {
  margin-top: 12px;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  color: #8ea8bd;
  font-size: 11px;
}

.forum-member-numbers b {
  color: #fff;
}

.forum-member-last {
  margin-top: 9px;
  color: #718ca2;
  font-size: 11px;
}

.forum-profile-card {
  padding: 25px;
  display: grid;
  grid-template-columns: 115px minmax(0,1fr);
  gap: 23px;
  border: 1px solid rgba(112,163,204,.16);
  border-radius: 15px;
  background:
    linear-gradient(
      180deg,
      rgba(20,40,61,.97),
      rgba(9,23,36,.97)
    );
}

.forum-profile-avatar {
  width: 110px;
  height: 110px;
  object-fit: cover;
  border: 2px solid rgba(78,166,245,.45);
  border-radius: 50%;
}

.forum-profile-name-line {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.forum-profile-name-line h1 {
  margin: 0;
  color: #fff;
  font-size: 28px;
}

.forum-profile-stats {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.forum-profile-stats > div {
  min-width: 105px;
  padding: 12px;
  border: 1px solid rgba(112,163,204,.14);
  border-radius: 10px;
  background: rgba(27,57,84,.16);
}

.forum-profile-stats b {
  display: block;
  color: #fff;
  font-size: 19px;
}

.forum-profile-stats span {
  color: #829db5;
  font-size: 11px;
}

.forum-profile-meta {
  margin-top: 10px;
  color: #88a2b9;
  font-size: 12px;
}


@media(max-width:850px) {

  .forum-members-grid {
    grid-template-columns: 1fr;
  }

  .forum-members-search {
    grid-template-columns: 1fr;
  }

}


@media(max-width:600px) {

  .forum-members-stats {
    grid-template-columns: 1fr;
  }

  .forum-member-card {
    grid-template-columns: 55px minmax(0,1fr);
  }

  .forum-member-avatar {
    width: 52px;
    height: 52px;
  }

  .forum-profile-card {
    grid-template-columns: 1fr;
  }

}


/* CS2_FORUM_NEW_POPULAR_FULL_PAGES_2026 */
.forum-topic-list-page{display:flex;flex-direction:column;gap:14px}
.forum-topic-list-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;background:#101d2d;border:1px solid #21354c;border-radius:14px}
.forum-topic-list-head>div:first-child{display:flex;flex-direction:column;gap:4px}
.forum-topic-list-head strong{font-size:17px}
.forum-topic-list-head span{color:#8da7c4;font-size:13px}
.forum-topic-list-count{color:#8fb7df;font-size:13px;white-space:nowrap}
.forum-topic-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;background:#0f1d2c;border:1px solid #20364d;border-radius:14px}
.forum-topic-card:hover{border-color:#315777;background:#112236}
.forum-topic-card-avatar{width:50px;height:50px;object-fit:cover;border-radius:50%;border:1px solid #3b6385}
.forum-topic-card-main{min-width:0}
.forum-topic-card-title{color:#42a5ff;font-size:17px;font-weight:800;text-decoration:none}
.forum-topic-card-title:hover{color:#72bcff}
.forum-topic-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px;color:#88a6c4;font-size:13px}
.forum-topic-card-meta a{color:#83bfff;text-decoration:none}
.forum-topic-card-stats{display:flex;align-items:center;gap:24px}
.forum-topic-card-stats>div{min-width:70px;text-align:center}
.forum-topic-card-stats strong,.forum-topic-card-stats span{display:block}
.forum-topic-card-stats strong{color:#fff;font-size:16px}
.forum-topic-card-stats span{margin-top:3px;color:#7f9dbc;font-size:11px}
@media(max-width:900px){.forum-topic-card{grid-template-columns:44px minmax(0,1fr)}.forum-topic-card-avatar{width:44px;height:44px}.forum-topic-card-stats{grid-column:1/-1;justify-content:flex-start;padding-left:60px}}
@media(max-width:600px){.forum-topic-list-head{align-items:flex-start;flex-direction:column}.forum-topic-card{padding:15px}.forum-topic-card-stats{padding-left:0;gap:16px}.forum-topic-card-title{font-size:15px}}

/* CS2_FORUM_TOPIC_CARD_LAYOUT_FIX_2026 */

.forum-topic-card {
    position: relative;
    display: block;
    margin-bottom: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(83, 145, 198, .24);
    border-radius: 12px;
    background:
        linear-gradient(
            180deg,
            rgba(17, 34, 51, .98),
            rgba(13, 28, 42, .98)
        );
}

.forum-topic-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.forum-topic-author {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.forum-topic-author .forum-avatar {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    margin: 0;
}

.forum-topic-author > div {
    min-width: 0;
}

.forum-author-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    min-height: 24px;

    color: #fff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
}

.forum-author-name .forum-role-badge {
    margin-left: 0;
}

.forum-account-title {
    width: auto !important;
    max-width: 100%;
    margin-top: 5px !important;

    display: inline-flex !important;
    align-items: center;
    gap: 4px;

    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;

    font-size: 10px;
    line-height: 1.2;
}

.forum-topic-author .forum-small {
    margin-top: 5px;
    display: block;
    clear: both;
}

.forum-author-punish-link {
    display: block;
    width: fit-content;
    margin-top: 6px;
}

.forum-post-text {
    position: relative;

    margin-top: 18px;
    padding-top: 0;

    color: #d7e5f1;
    font-size: 15px;
    line-height: 1.65;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.forum-social-actions {
    margin-top: 16px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
}

.forum-social-actions form {
    margin: 0;
}

.forum-post-mod-actions {
    margin-top: 16px !important;
    padding-top: 12px !important;

    display: flex !important;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;

    border-top: 1px solid rgba(112, 163, 204, .12);
}

.forum-post-mod-actions > form {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.forum-post-mod-actions .forum-mod-comment-input {
    width: 180px;
    min-width: 180px;
}

@media (max-width: 700px) {
    .forum-topic-card {
        padding: 15px;
    }

    .forum-topic-head {
        gap: 10px;
    }

    .forum-topic-author {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
    }

    .forum-topic-author .forum-avatar {
        width: 44px;
        height: 44px;
    }

    .forum-author-name {
        font-size: 13px;
    }

    .forum-account-title {
        font-size: 9px;
    }

    .forum-post-text {
        margin-top: 15px;
        font-size: 14px;
    }

    .forum-post-mod-actions .forum-mod-comment-input {
        width: 100%;
        min-width: 0;
    }
}