/* Shared components after the legacy GameCMS styles. */
.c90-modern .c90-icon svg,.c90-modern .c90-icon svg * { color:inherit; }
.c90-modern .wapper .header { background:#1e2125; border-bottom:1px solid var(--line); }
.c90-modern .header > .container { min-height:80px; gap:18px; }
.c90-modern .header #hidden-menu { order:1; }
.c90-modern .wapper .header .collapsible-menu { gap:4px; flex-wrap:wrap; }
.c90-modern .wapper .header .collapsible-menu > li { position:relative; }
.c90-modern .wapper .header .collapsible-menu > li > a { display:flex; align-items:center; gap:7px; min-height:42px; padding:10px 9px; border-radius:4px; font-size:13px; }
.c90-modern .wapper .header .collapsible-menu > li > a > .c90-icon { margin:0; }
.c90-modern .wapper .header .collapsible-menu > li > a .menu-chevron { margin-left:2px; }
.c90-modern .wapper .header .collapsible-menu > li ul { position:absolute; top:calc(100% + 8px); left:0; z-index:1020; min-width:200px; padding:6px; margin:0; box-shadow:0 12px 28px #0005; }
.c90-modern .wapper .header .collapsible-menu > li ul > li { padding:0; border:0; }
.c90-modern .wapper .header .collapsible-menu > li ul > li > a { display:flex; align-items:center; gap:9px; width:100%; margin:0; padding:10px 12px; min-height:40px; border:0; border-radius:3px; white-space:normal; }
.c90-modern .wapper .header .collapsible-menu.user-menu { position:relative; top:auto; right:auto; width:174px; margin-left:auto; order:2; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li { width:100%; height:auto; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > a { display:grid; grid-template-columns:40px minmax(0,1fr) 12px; grid-template-areas:'avatar name arrow' 'avatar role arrow'; column-gap:10px; row-gap:0; min-height:56px; padding:8px; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > img { grid-area:avatar; float:none; width:40px; height:40px; margin:0; border:1px solid #56616d; border-radius:50%; object-fit:cover; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > h3,.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > p { position:static; width:auto; height:auto; margin:0; text-align:left; line-height:20px; min-width:0; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > h3 { grid-area:name; font-size:13px; font-weight:700; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > p { grid-area:role; font-size:11px; color:var(--muted); }
.c90-modern .wapper .header .collapsible-menu.user-menu .menu-chevron { grid-area:arrow; }
.c90-modern .wapper .header .collapsible-menu.user-menu .point { top:auto; right:auto; left:39px; bottom:7px; width:10px; height:10px; background:var(--positive); border-color:#1e2125; }
.c90-modern .wapper .header .collapsible-menu.user-menu > li > ul { left:auto; right:0; min-width:220px; }
.c90-modern .header #check_mess:empty { display:none; }
.c90-modern .wapper .navigation .breadcrumb { padding:10px 0; }

/* Monitoring includes rows appended by AJAX and the online_line module. */
.c90-modern .monitoring-table > table.table > tbody > tr > td { color:var(--ink); padding:14px 16px; }
.c90-modern .monitoring-table > table > tbody > tr > td:first-child p { display:flex; align-items:center; gap:10px; max-width:none; top:0; line-height:1.5; white-space:normal; overflow:visible; color:var(--ink); }
.c90-modern .monitoring-table > table > tbody > tr > td:first-child p .game-badge { position:static; flex:none; margin:0; }
.c90-modern .monitoring-table > table > tbody > tr > td:nth-child(2) p { max-width:none; color:var(--muted); font-size:13px; line-height:1.5; }
.c90-modern .monitoring-table > table > tbody > tr > td a { color:#a9c9ee; }
.c90-modern .monitoring-table > table > tbody > tr > td a:hover { color:#d9e9ff; }
.c90-modern .monitoring-table > table > tbody > tr > td .servers-online-line,.c90-modern .servers-online-line { position:relative; height:28px; min-width:100px; margin:0; overflow:hidden; background:#2a3038; border:1px solid #46515e; border-radius:4px; }
.c90-modern .servers-online-line .progress-bar { margin:0; border:0; border-radius:0; background:#335b48; }
.c90-modern .servers-online-line .progress-bar.bg-info { background:#2d4d68 !important; border:0; }
.c90-modern .servers-online-line .progress-bar.bg-success { background:#335b48 !important; border:0; }
.c90-modern .servers-online-line .progress-bar.bg-warning { background:#685329 !important; border:0; }
.c90-modern .servers-online-line .progress-bar.bg-danger { background:#763e41 !important; border:0; }
.c90-modern .monitoring-table > table > tbody > tr > td .progress-val,.c90-modern .servers-online-line .progress-val { display:flex; align-items:center; justify-content:center; inset:0; z-index:1; line-height:normal !important; color:#f2f5f8; font-size:12px; font-weight:700; }
.c90-modern .monitoring-table > table > tbody > tr > td:last-child > a { display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; margin:0 2px; background:#2a3038; border:1px solid #46515e; border-radius:4px; }
.c90-modern .monitoring-table > table > tbody > tr > td:last-child > a:hover { background:#38414c; border-color:#7a8797; }
.c90-modern .monitoring-table > table > tbody > tr > td:last-child > a:nth-child(1) > i { color:#9ddebb; }
.c90-modern .monitoring-table > table > tbody > tr > td:last-child > a:nth-child(2) > i { color:#ffa5a0; }
.c90-modern .monitoring-table > table > tbody > tr > td:last-child > a:nth-child(3) > i { color:#e7cc89; }
.c90-modern .monitoring-table > table > tbody > tr:hover > td { background:#252b31; }

/* Noty sets inline colors, so its container needs explicit theme overrides. */
.c90-modern #noty_bottomRight_layout_container > li { width:100% !important; max-width:100%; background:transparent !important; border-color:var(--line) !important; }
.c90-modern .noty_bar { background:var(--surface) !important; border-color:var(--line) !important; color:var(--ink) !important; border-radius:4px !important; box-shadow:0 8px 24px #0004 !important; }
.c90-modern .noty_bar .noty_message { background:#252d36; color:#d6e7fb; border:1px solid #4c6279; border-left:3px solid #95bce8; box-shadow:none; border-radius:4px; line-height:1.5 !important; }
.c90-modern .noty_bar .noty_message .noty_text a { color:inherit; overflow-wrap:anywhere; }
.c90-modern .noty_bar.noty_type_error .noty_message { background:#462b2d; color:#ffc1ba; border-color:#805255; }
.c90-modern .noty_bar.noty_type_success .noty_message { background:#273e32; color:#b7e7cb; border-color:#4a7059; }
.c90-modern .noty_bar.noty_type_warning .noty_message { background:#453e28; color:#f6df9b; border-color:#7c6a3c; }
.c90-modern .noty_bar .noty_buttons { background:var(--surface) !important; border-color:var(--line) !important; }

.c90-modern #chat { border-radius:6px; overflow:hidden; }
.c90-modern #chat #chat_messages { height:520px; padding:6px 18px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-color:#596675 #20242a; scrollbar-width:thin; }
.c90-modern #chat #chat_messages::-webkit-scrollbar { width:8px; }
.c90-modern #chat #chat_messages::-webkit-scrollbar-track { background:#20242a; }
.c90-modern #chat #chat_messages::-webkit-scrollbar-thumb { background:#596675; border-radius:4px; border:2px solid #20242a; }
.c90-modern #chat #chat_messages .chat_message { display:grid; grid-template-columns:36px minmax(0,1fr); gap:12px; min-height:64px; padding:12px 0; overflow:visible; }
.c90-modern #chat #chat_messages .chat_message > a img { float:none; display:block; width:36px; height:36px; margin:0; }
.c90-modern #chat #chat_messages .chat_message .message { min-width:0; overflow:visible; line-height:1.6; }
.c90-modern #chat #chat_messages .chat_message .message .info { display:flex; align-items:center; gap:6px; flex-wrap:wrap; height:auto; min-height:24px; margin:0 0 3px; }
.c90-modern #chat #chat_messages .chat_message .message .info .author { float:none; min-width:0; max-width:100%; line-height:1.5; font-weight:700; overflow-wrap:anywhere; }
.c90-modern #chat #chat_messages .chat_message .message .info .date { float:none; margin-left:auto; line-height:1.5; white-space:nowrap; }
.c90-modern #chat #chat_messages .chat_message .edit_message,.c90-modern #chat #chat_messages .chat_message .dell_message { position:static; display:inline-flex; width:24px; height:24px; padding:4px; color:var(--muted); border-radius:3px; }
.c90-modern #chat #chat_messages .chat_message .edit_message:hover,.c90-modern #chat #chat_messages .chat_message .dell_message:hover { color:var(--ink); background:var(--raised); }
.c90-modern #chat #chat_messages .chat_message .with_code { overflow-wrap:anywhere; }
.c90-modern #chat #chat_messages .chat_message .message img { max-width:min(300px,100%); height:auto; }
.c90-modern #chat #chat_messages .chat_message textarea { width:100%; margin:8px 0 0; min-height:76px; }
.c90-modern #chat .input-group { display:flex; flex-wrap:nowrap; gap:10px; align-items:center; margin:0; padding:14px; }
.c90-modern #chat .input-group .smile_input { flex:1; min-width:0; width:auto; }
.c90-modern #chat .input-group .smile_input input { padding-right:44px; height:44px; }
.c90-modern #chat .input-group #smile_btn { display:inline-flex; top:6px; right:6px; width:32px; height:32px; }
.c90-modern #chat .input-group #smile_btn > svg { width:20px; height:20px; }
.c90-modern #chat .input-group #send_button { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:auto; min-width:44px; height:44px; margin:0; padding:0 14px; }
.c90-modern #chat form > p { margin:0 !important; padding:14px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }

.c90-modern .vertical-navigation { padding:0; }
.c90-modern .vertical-navigation ul { margin:0; padding:0; }
.c90-modern .vertical-navigation ul li { padding:0; margin:0 0 3px; border:0; }
.c90-modern .vertical-navigation ul li:hover,.c90-modern .vertical-navigation ul li.active { border:0; border-radius:4px; }
.c90-modern .vertical-navigation ul li a { display:flex; align-items:center; gap:10px; height:auto; min-height:42px; margin:0; padding:10px 12px; line-height:1.5; border:0; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.c90-modern .vertical-navigation ul li a.active { margin:0; padding:10px 12px; border:0; }
.c90-modern .order-is-last .block_head { margin-bottom:10px; padding-bottom:12px; font-size:14px; }
.c90-modern #users_online_number,.c90-modern #count_of_last_onl_us { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; padding:0 6px; border-radius:4px; background:var(--raised); color:var(--muted); font-size:11px; }
.c90-modern #users_online_number:empty,.c90-modern #count_of_last_onl_us:empty { display:none; }
.c90-modern #online_users > a,.c90-modern #top_users > a { position:relative; display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:12px; row-gap:0; align-items:center; height:auto; min-height:66px; padding:11px 0; border:0; border-bottom:1px solid var(--line); line-height:1.5; }
.c90-modern #online_users > a:last-of-type,.c90-modern #top_users > a:last-of-type { border-bottom:0; }
.c90-modern #online_users > a:hover,.c90-modern #top_users > a:hover { background:#252b31; }
.c90-modern #online_users > a > img,.c90-modern #top_users > a > img { grid-column:1; grid-row:1 / 3; float:none; width:36px; height:36px; margin:0; object-fit:cover; }
.c90-modern #online_users > a > span { float:none; display:block; width:auto; min-width:0; line-height:1.5; }
.c90-modern #online_users > a > span:nth-child(2) { grid-column:2; font-size:13px; font-weight:600; }
.c90-modern #online_users > a > span:nth-child(3) { grid-column:2; font-size:11px; }
.c90-modern #top_users { counter-reset:ranking; }
.c90-modern #top_users > a { counter-increment:ranking; }
.c90-modern #top_users > a::before { content:counter(ranking); position:absolute; left:24px; top:36px; display:grid; place-items:center; width:18px; height:18px; background:#38424e; border:2px solid var(--page); border-radius:50%; color:#e6edf5; font-size:9px; font-weight:700; }
.c90-modern #top_users > a > div { float:none; width:auto; min-width:0; grid-column:2; line-height:1.5; }
.c90-modern #top_users > a > div > span { display:block; width:100%; line-height:1.5; font-size:13px; font-weight:600; }
.c90-modern #top_users > a > div > p { display:flex; gap:10px; flex-wrap:wrap; margin:3px 0 0; overflow:visible; white-space:normal; }
.c90-modern #top_users > a > div > p > span { display:inline-flex; align-items:center; gap:3px; width:auto; font-size:11px; }
.c90-modern #top_users > a > div > p > span > i { width:13px; height:13px; margin:0; }
.c90-modern #last_activity > span { display:block; height:auto; min-height:88px; padding:14px 0; border:0; border-bottom:1px solid var(--line); line-height:1.5; }
.c90-modern #last_activity > span:last-child { border-bottom:0; }
.c90-modern #last_activity > span > p { display:block; width:auto; line-height:1.5; white-space:normal; overflow:visible; overflow-wrap:anywhere; }
.c90-modern #last_activity > span > p:first-child { margin-bottom:5px; font-size:13px; }
.c90-modern #last_activity > span > p:first-child a { color:var(--ink); font-weight:600; }
.c90-modern #last_activity > span > p:nth-child(n+2) { font-size:11px; color:var(--muted); }
.c90-modern #load_last_online { display:flex; flex-wrap:wrap; gap:8px; font-size:0; }
.c90-modern #load_last_online > a { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:6px 9px; border:1px solid var(--line); border-radius:4px; background:var(--surface); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.c90-modern #load_last_online > a > img { width:24px; height:24px; border-radius:50%; object-fit:cover; flex:none; }
.c90-modern #load_last_online > .empty-element { width:100%; font-size:12px; }

.c90-modern #events .event { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) 110px 34px; align-items:center; gap:16px; height:auto; min-height:82px; padding:16px 30px 16px 0; border:0; border-bottom:1px solid var(--line); overflow:visible; }
.c90-modern #events .event > div { display:block; float:none; width:auto; height:auto; min-width:0; }
.c90-modern #events .event > div > a { display:block; height:auto; line-height:1.6; color:var(--ink); overflow-wrap:anywhere; }
.c90-modern #events .event > a:not(.btn) { display:flex; align-items:center; gap:9px; float:none; width:auto; height:auto; min-width:0; font-size:12px; line-height:1.5; }
.c90-modern #events .event > a:not(.btn) img { float:none; flex:none; width:32px; height:32px; margin:0; object-fit:cover; }
.c90-modern #events .event > a:not(.btn) span { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.c90-modern #events .event > span { display:block; float:none; width:auto; height:auto; padding:0; line-height:1.5; font-size:11px; white-space:normal; color:var(--muted); }
.c90-modern #events .event > a.btn { display:inline-flex; align-items:center; justify-content:center; float:none; width:34px; height:34px; margin:0; padding:0; }
.c90-modern #events .event > i { top:50%; right:0; transform:translateY(-50%); width:24px; height:24px; padding:4px; color:var(--muted); }
.c90-modern #events .event:last-child { border-bottom:0; }
.c90-modern #site_stats { margin-top:24px; }
.c90-modern #site_stats .row > div > p { line-height:1.9; font-size:13px; color:var(--muted); }
.c90-modern #site_stats b { color:var(--ink); }
.c90-modern #site_stats small { position:static; display:inline; color:#ff9c90; font-size:10px; vertical-align:super; }
.c90-modern #site_stats small a { color:inherit; }

.c90-modern .profile-page .profile { background:transparent; border:0; border-radius:0; padding:0; overflow:visible; }
.c90-modern .profile-page .profile > img { display:block; width:140px; height:140px; margin:0 auto 20px; object-fit:cover; border:1px solid var(--line); border-radius:8px; }
.c90-modern .profile-page .profile .vertical-navigation span.m-icon { display:inline-flex; }
.c90-modern .profile-page .profile .vertical-navigation a { font-size:12px; }
.c90-modern .profile-page .profile .block_head small { position:static; margin:0; font-size:11px; line-height:1.5; }
.c90-modern .profile-page .profile .block_head .page-heading { font-size:24px; }
.c90-modern .profile-page .profile table { margin:0; background:transparent; table-layout:fixed; }
.c90-modern .profile-page .profile table tbody tr td { padding:11px 0; font-size:13px; line-height:1.6; vertical-align:top; overflow-wrap:anywhere; border:0; border-bottom:1px solid #2f353d; }
.c90-modern .profile-page .profile table tbody tr td:first-child:not([colspan]) { width:38%; padding-right:16px; }
.c90-modern .profile-page .profile table tbody tr td[colspan="2"] { padding:22px 0 10px; border:0; }
.c90-modern .profile-page .profile table tbody tr:first-child td[colspan="2"] { padding-top:0; }
.c90-modern .profile-page .profile table tbody tr td[colspan="2"] h4 { margin:0; padding:0 0 10px; background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; font-size:13px; }
.c90-modern .profile-page .profile table tbody tr td a span { color:#a9c9ee; }
.c90-modern .profile-page #friends { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:none; overflow:visible; }
.c90-modern .profile-page a.small-friend { width:auto; min-width:0; margin:0; padding:0; }
.c90-modern .profile-page a.small-friend img { display:block; width:56px; height:56px; margin:0 auto 6px; object-fit:cover; }
.c90-modern .profile-page a.small-friend span { font-size:11px; line-height:1.5; }

@media (max-width:1199px) {
  .c90-modern .header #hidden-menu { flex-basis:100%; order:4; padding-bottom:10px; }
  .c90-modern .header > .container { gap:10px; }
}
@media (max-width:991px) {
  .c90-modern .wapper .header .collapsible-menu > li > a { display:flex; border:0; }
  .c90-modern .wapper .header .collapsible-menu:not(.user-menu) > li ul { position:static; margin:4px 0; box-shadow:none; }
  .c90-modern .wapper .header .collapsible-menu.user-menu { order:1; }
  .c90-modern #events .event { grid-template-columns:minmax(0,1fr) 34px; gap:10px; padding:14px 30px 14px 0; }
  .c90-modern #events .event > div { grid-column:1; grid-row:1; }
  .c90-modern #events .event > a:not(.btn) { grid-column:1; grid-row:2; }
  .c90-modern #events .event > span { grid-column:1; grid-row:3; }
  .c90-modern #events .event > a.btn { grid-column:2; grid-row:1 / 4; }
  .c90-modern .profile-page > .col-lg-4 { margin-bottom:28px; }
}
@media (max-width:767px) {
  .c90-modern .monitoring-table .table { min-width:0; }
  .c90-modern .monitoring-table > table > thead { display:none; }
  .c90-modern .monitoring-table > table > tbody { display:block; }
  .c90-modern .monitoring-table > table > tbody > tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); padding:12px; gap:10px; border-bottom:1px solid var(--line); }
  .c90-modern .monitoring-table > table > tbody > tr:last-child { border-bottom:0; }
  .c90-modern .monitoring-table > table.table > tbody > tr > td { display:block; padding:0; min-width:0; border:0; text-align:left; background:transparent; }
  .c90-modern .monitoring-table > table > tbody > tr > td:first-child,.c90-modern .monitoring-table > table > tbody > tr > td:nth-child(4),.c90-modern .monitoring-table > table > tbody > tr > td:last-child { grid-column:1 / -1; }
  .c90-modern .monitoring-table > table > tbody > tr > td:nth-child(2) p { text-align:left; }
  .c90-modern .monitoring-table > table > tbody > tr > td:nth-child(4) a { overflow-wrap:anywhere; }
  .c90-modern .monitoring-table > table > tbody > tr > td:last-child { min-width:0; }
}
@media (max-width:575px) {
  .c90-modern .header > .container { min-height:70px; gap:8px; }
  .c90-modern .wapper .header .collapsible-menu.user-menu { width:70px; }
  .c90-modern .wapper .header .collapsible-menu.user-menu > li > a { grid-template-columns:36px 12px; grid-template-areas:'avatar arrow'; padding:6px; column-gap:6px; min-height:48px; }
  .c90-modern .wapper .header .collapsible-menu.user-menu > li > a > img { width:36px; height:36px; }
  .c90-modern .wapper .header .collapsible-menu.user-menu > li > a > h3,.c90-modern .wapper .header .collapsible-menu.user-menu > li > a > p { display:none; }
  .c90-modern .wapper .header .collapsible-menu.user-menu .point { left:34px; bottom:5px; }
  .c90-modern .wapper .header .menu-trigger { order:2; }
  .c90-modern #chat #chat_messages { height:420px; padding:4px 12px; }
  .c90-modern #chat #chat_messages .chat_message { grid-template-columns:32px minmax(0,1fr); gap:10px; }
  .c90-modern #chat #chat_messages .chat_message > a img { width:32px; height:32px; }
  .c90-modern #chat .input-group { padding:10px; gap:8px; }
  .c90-modern #chat .input-group #send_button { padding:0; width:44px; }
  .c90-modern #chat .input-group #send_button > span { display:none; }
  .c90-modern #site_stats .row { row-gap:12px; }
  .c90-modern .profile-page .profile > img { width:120px; height:120px; }
  .c90-modern .profile-page .profile table tbody tr td { font-size:12px; }
  .c90-modern .profile-page .profile table tbody tr td:first-child:not([colspan]) { width:40%; padding-right:12px; }
  .c90-modern #noty_bottomRight_layout_container { right:12px !important; bottom:12px !important; width:calc(100% - 24px) !important; max-width:360px; }
}