/* bans.redzone.mn: css-bans dressed like redzone.mn (values from redzone-web src/app/neo.css). Dark only. */
@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");
:root {
  --rz-bg: #0b0b0c; --rz-card: #141415; --rz-button: #1f1f21; --rz-button-hover: #2a2a2d; --rz-input: #1a1a1c;
  --rz-text: #fff; --rz-text-2: #bebebe; --rz-text-3: #838383; --rz-red: #e5192a; --rz-red-text: #ff5a64;
  --rz-red-6: rgb(229 25 42 / .06); --rz-red-10: rgb(229 25 42 / .1); --rz-red-25: rgb(229 25 42 / .25); --rz-w5: rgb(255 255 255 / .05); --rz-w10: rgb(255 255 255 / .1);
  --rz-display: "Chakra Petch", ui-sans-serif, system-ui, sans-serif; --rz-body: Inter, ui-sans-serif, system-ui, sans-serif;
}
html, body, body.dark, body.layout-boxed, .sidebar-wrapper, #content, .main-container, .main-content, .layout-px-spacing, .header-container, .footer-wrapper { background: var(--rz-bg) !important; color: var(--rz-text-2) !important; font-family: var(--rz-body) !important; }
body * { letter-spacing: normal; }
h1, h2, h3, h4, h5, h6, .widget-heading, .card-title, .theme-text a, .w-value { font-family: var(--rz-display) !important; color: var(--rz-text) !important; }

/* rail */
.sidebar-wrapper, .sidebar-wrapper.sidebar-theme, .sidebar-theme, #sidebar, #sidebar .navbar-nav.theme-brand, #sidebar .theme-brand, .sidebar-wrapper .profile-info, .sidebar-wrapper .user-info, .sidebar-wrapper .shadow-bottom { background: var(--rz-bg) !important; box-shadow: none !important; border: 0 !important; }
.sidebar-wrapper { border-right: 1px solid var(--rz-w5) !important; }
#sidebar .theme-brand .nav-logo { align-items: center; }
#sidebar .theme-text a { font-family: var(--rz-display) !important; font-weight: 700 !important; font-size: 20px !important; letter-spacing: .14em !important; }
#sidebar .navbar-logo { width: 40px !important; height: auto !important; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle { background: transparent !important; color: var(--rz-text-2) !important; border-radius: 12px !important; box-shadow: none !important; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle span, #sidebar ul.menu-categories li.menu > .dropdown-toggle svg, #sidebar ul.menu-categories li.menu > .dropdown-toggle i { color: inherit !important; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle svg { stroke: currentColor !important; fill: none !important; }
#sidebar ul.menu-categories li.menu > .dropdown-toggle:hover { background: var(--rz-w5) !important; color: #fff !important; }
#sidebar ul.menu-categories li.menu.active > .dropdown-toggle, #sidebar ul.menu-categories li.menu > .dropdown-toggle[aria-expanded="true"] { background: var(--rz-red-10) !important; color: #fff !important; box-shadow: inset 3px 0 0 var(--rz-red) !important; border: 0 !important; }
#sidebar ul.menu-categories ul.submenu { background: transparent !important; }
#sidebar ul.menu-categories ul.submenu > li > a, #sidebar ul.menu-categories ul.submenu > li.active > a.dropdown-toggle { background: transparent !important; color: var(--rz-text-3) !important; border-radius: 10px !important; }
#sidebar ul.menu-categories ul.submenu > li > a:hover, #sidebar ul.menu-categories ul.submenu > li.active > a { background: var(--rz-red-6) !important; color: #fff !important; }
.sidebar-wrapper .user-info { background: var(--rz-card) !important; border-radius: 14px !important; }

/* top bar: dark only, one site */
.header-container, .header-container.container-xxl { background: var(--rz-bg) !important; box-shadow: none !important; border-radius: 0 !important; }
header.header, .header-container header, .header.navbar { background: var(--rz-bg) !important; border-bottom: 1px solid var(--rz-w5) !important; border-radius: 0 !important; box-shadow: none !important; }
.theme-toggle-item { display: none !important; }
.header-container::before, .header-container::after { display: none !important; }

/* cards */
.card, .widget, .widget-content, .statbox, .widget-header, .card-header, .card-body, .card-footer, .dropdown-menu, .modal-content { background: var(--rz-card) !important; border-color: var(--rz-w5) !important; color: var(--rz-text-2) !important; box-shadow: none !important; border-radius: 16px; }
.card-header, .card-footer, .widget-header { background: transparent !important; }
.dropdown-item { color: var(--rz-text-2) !important; }
.dropdown-item:hover { background: var(--rz-w5) !important; color: #fff !important; }

/* tables: rows are cards, as on the main site */
.table, table.dataTable { background: transparent !important; border-collapse: separate !important; border-spacing: 0 5px !important; color: var(--rz-text-2) !important; }
.table thead, .table thead tr, .table thead th, table.dataTable thead th { background: transparent !important; border: 0 !important; color: var(--rz-text-3) !important; font-size: 12px !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; }
.table tbody tr { background: var(--rz-card) !important; }
.table tbody tr td { background: transparent !important; border: 0 !important; color: var(--rz-text-2) !important; font-size: 14px; vertical-align: middle; }
.table tbody tr td:first-child { border-radius: 12px 0 0 12px; }
.table tbody tr td:last-child { border-radius: 0 12px 12px 0; }
.table tbody tr:hover { background: #1b1b1d !important; }
.table img, .table .avatar img { border-radius: 10px !important; }

/* controls */
.form-control, .form-select, select, input[type="search"], input[type="text"], .dataTables_filter input, .dataTables_length select, .select2-selection { background: var(--rz-input) !important; color: #fff !important; border: 1px solid var(--rz-w10) !important; border-radius: 12px !important; box-shadow: none !important; }
.form-control:focus, .form-select:focus, input:focus { border-color: var(--rz-red) !important; outline: 0 !important; }
label, .dataTables_length, .dataTables_filter, .dataTables_info { color: var(--rz-text-3) !important; }
.btn, .page-link { border-radius: 12px !important; box-shadow: none !important; font-family: var(--rz-body) !important; font-weight: 500 !important; }
.btn-primary, .btn-success, .btn-info { background: var(--rz-red) !important; border-color: var(--rz-red) !important; color: #fff !important; }
.btn-primary:hover, .btn-success:hover, .btn-info:hover { background: #c81423 !important; border-color: #c81423 !important; }
.btn-secondary, .btn-light, .btn-dark, .btn-outline-primary { background: var(--rz-button) !important; border-color: transparent !important; color: var(--rz-text-2) !important; }
.page-link, .paginate_button, .dt-paging .dt-paging-button, div.dt-container .dt-paging .dt-paging-button { background: var(--rz-button) !important; border: 0 !important; color: var(--rz-text-2) !important; }
.page-item.active .page-link, .paginate_button.current, .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current { background: var(--rz-red) !important; color: #fff !important; }
.page-item.disabled .page-link { opacity: .45; }
/* as on redzone.mn: running = red, finished = quiet */
.badge-success, .badge.bg-success { background: var(--rz-red) !important; color: #fff !important; }
.badge-danger, .badge.bg-danger, .badge-warning, .badge.bg-warning, .badge-secondary, .badge.bg-secondary { background: var(--rz-button) !important; color: var(--rz-text-2) !important; }
.progress { background: var(--rz-w10) !important; }
.progress-bar { background: var(--rz-red) !important; }
a { color: var(--rz-red-text); }
a:hover { color: #fff; }
.footer-wrapper, .footer-wrapper p, .footer-wrapper a { color: var(--rz-text-3) !important; border: 0 !important; }
.footer-wrapper a { color: var(--rz-text-2) !important; }
::selection { background: var(--rz-red); color: #fff; }

/* leftovers from the panel's blue dark theme */
body.layout-dark .header-container, body.layout-boxed .header-container, body .header-container.container-xxl { background: var(--rz-bg) !important; box-shadow: none !important; }
body.layout-dark::before, body::before, #content::before, .main-content::before, .main-container::before, .header-container::before { display: none !important; background: none !important; }
.layout-px-spacing .card:first-child svg, .widget svg, .card svg { filter: grayscale(1) brightness(1.15); }
.card .btn svg { filter: none; }
.sidebar-wrapper .profile-img img, .avatar img { border: 2px solid var(--rz-red) !important; box-shadow: none !important; }
.avatar-indicators::before, .avatar-online::before { display: none !important; }
.badge-warning, .bg-warning, .badge-danger, .bg-danger, .alert-light-warning, .alert-light-danger { background: var(--rz-button) !important; color: var(--rz-text-2) !important; border-color: transparent !important; }

/* view only: changes are made at redzone.mn/admin */
.unban-btn, .unmute-btn, .edit-btn, .delete-btn, a[href*="/ban/add"], a[href*="/mute/add"], a[href*="/ban/edit"], a[href*="/mute/edit"], a[href*="/admin/create"], a[href*="/admin/edit"], a[href*="/admin/delete"], a[href*="/admin/groups"], a[href*="/group/"] { display: none !important; }