/* =====================================================================
   MODERN DARK THEME (color_scheme = 2)
   Подключается ПОСЛЕ style.css (modern overlay). Переопределяем те же
   переменные --m-*, чтобы карточки/тени/формы/активные пункты стали
   тёмными автоматически, плюс правим жёстко заданные светлые цвета.
   ===================================================================== */
:root {
  --m-bg: #131a24;
  --m-bg-2: #222e3f;
  --m-surface: #1b2533;
  --m-text: #e7ecf3;
  --m-muted: #8b97a8;
  --m-border: #2a3749;
  --m-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  --m-shadow-lg: 0 16px 44px rgba(0, 0, 0, 0.55);
}

body {
  background: #131a24;
  background-image:
    radial-gradient(1200px 600px at 100% -10%, #1a2738 0%, rgba(26, 39, 56, 0) 60%),
    radial-gradient(900px 500px at -10% 110%, #16222e 0%, rgba(22, 34, 46, 0) 55%);
  color: var(--m-text);
  font-weight: 400;
}

p { color: #aab3c2; }
.text-muted { color: var(--m-muted); }
h1, h2, h3, h4, h5, h6 { color: var(--m-text); }
a, a:hover, a:focus { color: #cdd6ff; }

/* --- Sidebar --- */
.sidebar { background-color: var(--m-surface); border-right: 1px solid var(--m-border); }
.sidebar ul.nav > li > a { color: #c5cedd; }
.sidebar ul.nav a:hover,
.sidebar ul.nav li.parent ul li a:hover {
  background-color: var(--m-bg-2);
  color: #fff;
}
li.drop-block ul,
.sidebar ul.nav ul.children { background: var(--m-bg-2); }
li.drop-block ul li a { color: #c5cedd !important; }
.sidebar ul.nav ul.children li a { color: #cdd6ff !important; }
.sidebar ul.nav li.divider { border-bottom-color: var(--m-border); }

/* --- Breadcrumbs --- */
.breadcrumb { background: transparent; color: var(--m-muted); }
.breadcrumb > .active { color: #c5cedd; }

/* --- Page header --- */
h1.page-header { color: var(--m-text); }

/* --- Stat cards (цвета берутся из --m-* автоматически) --- */
.row-stat .item-stat { background: var(--m-surface); }

/* --- Panels --- */
.panel, .panel-default { background: var(--m-surface); }
.panel-default .panel-heading {
  background: var(--m-surface);
  border-bottom: 1px solid var(--m-border);
  color: var(--m-text);
}
.panel-footer { background: var(--m-surface); border-top: 1px solid var(--m-border); }

/* --- Tables --- */
.table { background: var(--m-surface); }
.table, .fixed-table-container tbody td,
.table > tbody > tr > td { color: var(--m-text); }
.fixed-table-container {
  background: var(--m-surface);
  border: 1px solid var(--m-border);
}
.fixed-table-container thead th,
.table > thead > tr > th {
  background: var(--m-bg-2);
  border-color: var(--m-border) !important;
  color: #c5cedd;
}
.table-hover > tbody > tr > td,
.table-hover > tbody > tr > th { background-color: var(--m-surface); border-color: var(--m-border); }
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.fixed-table-container tbody tr:hover td { background-color: var(--m-bg-2); }
.fixed-table-container tbody .selected td { background-color: #2f3d52; }
.fixed-table-loading { background-color: var(--m-surface); color: var(--m-text); }

/* --- Buttons --- */
.btn { color: #fff !important; }
.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: var(--m-bg-2) !important;
  border-color: var(--m-border) !important;
  color: #e7ecf3 !important;
}
.btn-default:hover { background-color: #2a3749 !important; }
.btn-select {
  background: #0f1620 !important;
  border: 1px solid var(--m-border) !important;
  color: #fff !important;
}

/* --- Forms --- */
.form-group label { color: var(--m-text); font-weight: 500; }
.form-group label small { color: var(--m-muted); }
.form-control {
  background: #0f1620;
  background-color: #0f1620;
  border: 1px solid var(--m-border);
  color: var(--m-text);
}
.form-control:focus {
  border-color: var(--m-accent);
  box-shadow: 0 0 0 3px rgba(95, 110, 247, 0.25);
}
.form-control::placeholder { color: #6c778a; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #161f2b;
  color: #8b97a8;
}
.bootstrap-select.btn-group .btn {
  background: #0f1620 !important;
  border: 1px solid var(--m-border) !important;
  color: #fff !important;
}
.bootstrap-select .dropdown-menu { background: var(--m-surface); }
.bootstrap-select .dropdown-menu li a { color: #c5cedd; }
.bootstrap-select .dropdown-menu li a:hover { background: var(--m-bg-2); color: #fff; }
.login-panel .form-control { background: #0f1620; }
input.vvod-text { background: #0f1620; color: var(--m-text); }

/* --- Pagination --- */
.pagination > li > a,
.pagination > li > span {
  background-color: var(--m-surface);
  border-color: var(--m-border);
  color: #c5cedd;
}
.pagination > .disabled > span,
.pagination > .disabled > a {
  background-color: var(--m-surface);
  border-color: var(--m-border);
  color: #6c778a;
}

/* --- Tabs --- */
.nav-tabs { background: var(--m-bg-2); }
.nav-tabs li a { color: #c5cedd; }
.nav-tabs li a:hover, .nav-tabs li.active a { background: var(--m-surface); color: #fff; }
.tab-content { color: var(--m-text); }

/* --- Dropdowns --- */
.dropdown-menu { background-color: var(--m-surface); border-color: var(--m-border); }
.dropdown-menu > li > a { color: #c5cedd; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { color: #fff; background-color: var(--m-bg-2); }

/* --- Popups / modals --- */
.popup { background: var(--m-surface); }
.popup header { border-bottom: 1px solid var(--m-border); color: #fff; }
.popup .popup-close { color: #c5cedd; }
.popup .popup-close:hover { color: #fff; }

/* --- Totals / misc --- */
.td-totals th, .td-totals td {
  border-bottom: 1px dashed var(--m-border) !important;
  background: var(--m-surface);
  color: var(--m-text);
}
.div-control-address { background: #0f1620; border-color: var(--m-border); }
.mobile-burger svg { fill: #cdd6ff; }
.preloader { background: var(--m-surface); }
.isloading-overlay .isloading-wrapper { background: var(--m-surface); color: var(--m-text); }
.jconfirm .row .jconfirm-box-container .jconfirm-box .jconfirm-content-pane .jconfirm-content { color: #000; }
.row-plash { box-shadow: var(--m-shadow); }

/* Sidebar nav — dark theme */
.sidebar-head { border-bottom-color: var(--m-border); }
.sidebar-brand-text { color: var(--m-text); }
.sidebar-toggle {
  background: var(--m-bg-2);
  border-color: var(--m-border);
  color: var(--m-muted);
}
.sidebar-toggle:hover { background: #2a3749; color: #cdd6ff; }
.mobile-topbar {
  background: var(--m-surface);
  border-bottom-color: var(--m-border);
}
.mobile-topbar-title { color: var(--m-text); }
.mobile-burger {
  background: var(--m-bg-2);
  border-color: var(--m-border);
  color: #cdd6ff;
}
.mobile-burger:hover { background: #2a3749; }
.sidebar-overlay { background: rgba(0, 0, 0, 0.55); }

.telegram-editor .mce-tinymce { border-color: var(--m-border) !important; }
@media (max-width: 768px) {
  .telegram-editor .mce-toolbar-grp { border-bottom-color: var(--m-border); }
}

/* --- Scrollbars --- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #2a3749; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #34455c; }
::-webkit-scrollbar-track { background: transparent; }