/* =====================================================================
   MODERN DARK THEME — AUTO (color_scheme = 3)
   Применяется только если система в тёмном режиме. В светлом режиме
   остаётся светлый modern overlay из style.css.
   ===================================================================== */
@media (prefers-color-scheme: dark) {

: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 { 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); }

.breadcrumb { background: transparent; color: var(--m-muted); }
.breadcrumb > .active { color: #c5cedd; }
h1.page-header { color: var(--m-text); }

.row-stat .item-stat { background: var(--m-surface); }

.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); }

.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); }

.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; }

.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 > 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; }

.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); }

.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); }

.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; }

.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); }
.row-plash { box-shadow: var(--m-shadow); }

.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); }

::-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; }

}