/* ==========================================================================
   MyBGBilling — тема «yeti»: локальный override
   --------------------------------------------------------------------------
   Вендор отдаёт один общий theme/1_0/layout-override.css для всех тем.
   Замена в index.xhtml / login.xhtml / confirm.xhtml на
       <h:outputStylesheet library="theme" name="lighthru/layout-override.css" />
   позволяет держать для каждой темы свой файл, подключаемый ПОСЛЕДНИМ.

   Верхняя часть файла — точная копия вендорского: без неё оформление
   дефолтной темы изменилось бы. Ниже — тёмная вариация.
   ========================================================================== */


/* ==========================================================================
   1. ВЕНДОРСКАЯ ЧАСТЬ (копия theme/1_0/layout-override.css)
   ========================================================================== */

div.login-brand {

	margin-top: -38px;
	height: 60pt;
	width: 120px;
	background: url(../static/images/logo.png) no-repeat left;
	float: left;
}


/* ==========================================================================
   3. КНОПКА ПЕРЕКЛЮЧЕНИЯ ВАРИАЦИИ (светлая/тёмная)
   --------------------------------------------------------------------------
   В теме yeti шапка построена на АБСОЛЮТНОМ позиционировании (логотип
   и название — absolute внутри .navbar-header, блок «баланс/договор» —
   absolute в правом нижнем углу). Вставка кнопки в поток ломала бы эту
   раскладку, поэтому в yeti кнопка тоже absolute и стоит в правом верхнем
   углу шапки, над блоком баланса.
   ========================================================================== */
.ui-mode-toggle-slot {
  position: absolute;
  right: 15px;
  top: 12px;
  z-index: 5;
}
.ui-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #dde7f0;
  border-radius: 16px;
  background: #ffffff;
  color: #4a5b6b;
  font-size: 12px;
  line-height: 1.4;
  white-space: nowrap;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(22, 35, 46, .10);
}
.ui-mode-toggle:hover,
.ui-mode-toggle:focus {
  background: #f0f7fd;
  border-color: #93c3e8;
  color: #145487;
  text-decoration: none;
}
.ui-mode-toggle .fa { font-size: 13px; }

@media (max-width: 991px) {
  .ui-mode-toggle-slot { right: 10px; top: 8px; }
  .ui-mode-toggle { padding: 5px 9px; }
}

@media (max-width: 767px) {
  /* На телефоне шапка короче, а бургер занимает правый верхний угол
     (Bootstrap: .navbar-toggle { position:absolute; right:15px; top:8px }).
     Кнопку вариации отодвигаем левее, чтобы не перекрывать бургер. */
  .ui-mode-toggle-slot { right: 58px; top: 10px; }
  .ui-mode-toggle { font-size: 0; gap: 0; padding: 6px 8px; border-radius: 6px; }
  .ui-mode-toggle .fa { font-size: 14px; }
}

/* Тёмная вариация кнопки — работает и без класса на body,
   потому что именно он переключает эту группу правил. */
body.ui-dark .ui-mode-toggle {
  background: #17222c;
  border-color: #263442;
  color: #b8c6d2;
}
body.ui-dark .ui-mode-toggle:hover,
body.ui-dark .ui-mode-toggle:focus {
  background: #223847;
  border-color: #3d7396;
  color: #ffffff;
}

/* на печать кнопка не нужна */
@media print {
  .ui-mode-toggle-slot { display: none !important; }
}


/* ==========================================================================
   4. ТЁМНАЯ ВАРИАЦИЯ
   --------------------------------------------------------------------------
   Bootswatch yeti хранит цвета «вшитыми», переменных там нет — поэтому
   тёмный режим делается перекрытием тех же селекторов. Класс .ui-dark
   вешается на <body> и ни на что больше не влияет: светлый yeti не
   меняется ни на пиксель.
   ========================================================================== */

body.ui-dark {
  background-color: #0f1820;
  color: #e7eef5;
}

/* --- шапка --- */
body.ui-dark .navbar-static-top,
body.ui-dark .navbar-default {
  background-color: #17222c;
  border-color: #263442;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
body.ui-dark .navbar-default .navbar-brand { color: #e7eef5; }
body.ui-dark a.navbar-brand { color: #b8c6d2 !important; }
body.ui-dark .navbar-default .navbar-toggle {
  border-color: #263442;
}
body.ui-dark .navbar-default .navbar-toggle .icon-bar { background-color: #b8c6d2; }
body.ui-dark .navbar-top-links li a,
body.ui-dark .navbar-default .navbar-nav > li > a { color: #b8c6d2; }
body.ui-dark .navbar-top-links li a:hover,
body.ui-dark .navbar-default .navbar-nav > li > a:hover {
  background-color: #223847;
  color: #e7eef5;
}

/* --- сайдбар --- */
body.ui-dark .sidebar,
body.ui-dark .sidebar-nav { background-color: #17222c; }
body.ui-dark .sidebar a { color: #b8c6d2; }
body.ui-dark .sidebar a:hover,
body.ui-dark .sidebar ul li a.active {
  background-color: #223847;
  color: #ffffff;
}
body.ui-dark #side-menu > li > a:hover,
body.ui-dark #side-menu > li.active > a { background-color: #223847; }
body.ui-dark #side-menu > li > .treeview-menu,
body.ui-dark #side-menu .nav-second-level,
body.ui-dark #side-menu .nav-third-level { background-color: #131e28; border-color: #263442; }
body.ui-dark .sidebar .badge { background-color: #4d97cc; color: #0f1820; }

/* --- карточки и панели --- */
body.ui-dark .panel,
body.ui-dark .well,
body.ui-dark .thumbnail {
  background-color: #17222c;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .panel-heading,
body.ui-dark .panel-footer {
  background-color: #1c2a35;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .panel-primary > .panel-heading {
  background-color: #223847;
  border-color: #263442;
  color: #ffffff;
}
body.ui-dark .panel-primary { border-color: #2d4d61; }

/* --- таблицы --- */
body.ui-dark .table,
body.ui-dark .table > thead > tr > th,
body.ui-dark .table > thead > tr > td,
body.ui-dark .table > tbody > tr > th,
body.ui-dark .table > tbody > tr > td,
body.ui-dark .table > tfoot > tr > th,
body.ui-dark .table > tfoot > tr > td {
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .table > thead > tr > th { background-color: #1c2a35; color: #b8c6d2; }
body.ui-dark .table-striped > tbody > tr:nth-of-type(odd) > td,
body.ui-dark .table-hover > tbody > tr:hover > td { background-color: #1c2a35; }
body.ui-dark .table-bordered,
body.ui-dark .table-bordered > thead > tr > th,
body.ui-dark .table-bordered > tbody > tr > td { border-color: #263442; }

/* --- формы --- */
body.ui-dark .form-control {
  background-color: #131e28;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .form-control:focus {
  background-color: #131e28;
  border-color: #4d97cc;
  color: #ffffff;
}
body.ui-dark .form-control[readonly],
body.ui-dark .form-control[disabled] {
  background-color: #1c2a35;
  color: #8b9aa8;
}
body.ui-dark .input-group-addon {
  background-color: #1c2a35;
  border-color: #263442;
  color: #b8c6d2;
}
body.ui-dark label,
body.ui-dark .help-block,
body.ui-dark .text-muted { color: #8b9aa8; }
body.ui-dark .control-label { color: #b8c6d2; }

/* --- кнопки --- */
body.ui-dark .btn-default {
  background-color: #223847;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .btn-default:hover {
  background-color: #2d4d61;
  border-color: #3d7396;
  color: #ffffff;
}
body.ui-dark .btn-primary {
  background-color: #4d97cc;
  border-color: #4d97cc;
  color: #0f1820;
}
body.ui-dark .btn-primary:hover {
  background-color: #6fb3dd;
  border-color: #6fb3dd;
  color: #0f1820;
}
body.ui-dark .btn-link { color: #6fb3dd; }

/* --- текст и ссылки --- */
body.ui-dark,
body.ui-dark h1, body.ui-dark h2, body.ui-dark h3,
body.ui-dark h4, body.ui-dark h5, body.ui-dark h6 { color: #e7eef5; }
body.ui-dark a { color: #6fb3dd; }
body.ui-dark a:hover, body.ui-dark a:focus { color: #93cbe8; }

/* --- выпадающие списки --- */
body.ui-dark .dropdown-menu {
  background-color: #17222c;
  border-color: #263442;
}
body.ui-dark .dropdown-menu > li > a { color: #b8c6d2; }
body.ui-dark .dropdown-menu > li > a:hover,
body.ui-dark .dropdown-menu > .active > a {
  background-color: #223847;
  color: #ffffff;
}
body.ui-dark .dropdown-menu .divider { background-color: #263442; }
body.ui-dark .dropdown-header { color: #8b9aa8; }

/* --- вкладки, пагинация, список --- */
body.ui-dark .nav-tabs { border-color: #263442; }
body.ui-dark .nav-tabs > li > a { color: #b8c6d2; }
body.ui-dark .nav-tabs > li.active > a {
  background-color: #17222c;
  border-color: #263442 #263442 #17222c;
  color: #6fb3dd;
}
body.ui-dark .pagination > li > a,
body.ui-dark .pagination > li > span {
  background-color: #17222c;
  border-color: #263442;
  color: #b8c6d2;
}
body.ui-dark .pagination > li > a:hover { background-color: #223847; }
body.ui-dark .pagination > .active > a,
body.ui-dark .pagination > .active > span {
  background-color: #4d97cc;
  border-color: #4d97cc;
  color: #0f1820;
}
body.ui-dark .list-group-item {
  background-color: #17222c;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .list-group-item:hover { background-color: #223847; }

/* --- метки, бейджи, алерты --- */
body.ui-dark .label-default { background-color: #2d4d61; color: #e7eef5; }
body.ui-dark .badge { background-color: #4d97cc; color: #0f1820; }
body.ui-dark .alert-info    { background-color: #16222e; border-color: #2d4d61; color: #93cbe8; }
body.ui-dark .alert-success { background-color: #14332a; border-color: #2bbb8b; color: #62d3aa; }
body.ui-dark .alert-warning { background-color: #3a2e18; border-color: #e8b45e; color: #edc982; }
body.ui-dark .alert-danger  { background-color: #3b2020; border-color: #e57373; color: #f09b9b; }

/* --- календарь (bootstrap-datepicker) --- */
body.ui-dark .datepicker {
  background-color: #17222c;
  border-color: #263442;
  color: #e7eef5;
}
body.ui-dark .datepicker table tr td,
body.ui-dark .datepicker table tr th { color: #b8c6d2; }
body.ui-dark .datepicker table tr td:hover,
body.ui-dark .datepicker table tr th:hover { background-color: #223847; color: #ffffff; }
body.ui-dark .datepicker table tr td.active,
body.ui-dark .datepicker table tr td span.active {
  background-color: #4d97cc;
  border-color: #4d97cc;
  color: #0f1820;
}

/* --- пагинация и подвал --- */
body.ui-dark .about { color: #63717d; }
body.ui-dark .about a { color: #8b9aa8; }

/* --- окно подтверждения --- */
body.ui-dark .modal-content {
  background-color: #17222c;
  color: #e7eef5;
}
body.ui-dark .modal-header,
body.ui-dark .modal-footer { border-color: #263442; }

/* --- страница входа (использует вендорскую разметку loginPageBody) --- */
body.loginPageBody.ui-dark {
  background-color: #0f1820;
}
body.loginPageBody.ui-dark .page-header { border-color: #263442; }
body.loginPageBody.ui-dark .panel-primary > .panel-heading {
  background-color: #223847;
  color: #ffffff;
}

/* --- печать: тёмный режим не должен попадать на бумагу --- */
@media print {
  body.ui-dark { background-color: #ffffff !important; color: #000000 !important; }
}