/* Фон по умолчанию: сплошная заливка на весь экран */
html,
body {
  background-color: #141626 !important;
  min-height: 100vh !important;
}

/* Дым — только на странице входа */
html.login-page,
body.login-page,
.wrapper-full-page,
.full-page.login-page {
  background-color: #141626 !important;
  background-image: url('/static/login-smoke-bg.png') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

/* Панель и api-docs: прозрачные обёртки, цвет идёт с body */
.wrapper,
.main-panel,
.main-panel .content,
#main {
  background-color: transparent !important;
  background-image: none !important;
}

/* Контентные блоки с полупрозрачным фоном 0.62 */
.navbar,
.main-panel .content .card,
.card,
.card.card-login.card-white,
#nav,
#body,
.tables-list,
.objects-search,
.current-database,
.table-information,
.ui.segment,
.ui.card,
.ui.menu,
.ui.table,
.dataTables_wrapper,
.dataTables_scroll,
.query-results,
.results {
  background-color: rgba(24, 26, 40, 0.62) !important;
}

/* Немного более плотный фон в хедерах и областях управления */
.card .card-header,
.table-information .wrap,
.tables-list .wrap {
  background-color: rgba(24, 26, 40, 0.72) !important;
}

/* Кнопки в стиле сайдбара (градиент как у выкатывающегося сайдбара) */
.btn-sidebar-style {
  background: linear-gradient(0deg, #ba54f5, #e14eca) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
}
.btn-sidebar-style:hover {
  background: linear-gradient(0deg, #c369f7, #e660d4) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
}

/* Читаемость шрифтов во всём контенте панели */
.main-panel .content,
.main-panel .content .card,
.main-panel .content .card-body {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eef2f8;
}
.main-panel .content .card-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #f4f7fc;
}
.main-panel .content .form-control {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #eef2f8;
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.25);
}
.main-panel .content .form-control::placeholder {
  color: rgba(238, 242, 248, 0.5);
}
.main-panel .content label {
  font-weight: 500;
  color: #eef2f8;
}
.sidebar .nav .nav-link p,
.sidebar .nav .nav-link .sidebar-normal {
  font-size: 1.02rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
}

/* Единый стиль подсказок (кнопка выхода, таблицы и др.) */
.tooltip.show {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  background: rgba(38, 40, 57, 0.96) !important;
  color: #eef2f8 !important;
  border: 1px solid rgba(218, 158, 255, 0.48) !important;
  border-radius: 6px !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  padding: 6px 10px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
  max-width: 360px;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: rgba(38, 40, 57, 0.96) !important;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: rgba(38, 40, 57, 0.96) !important;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: rgba(38, 40, 57, 0.96) !important;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: rgba(38, 40, 57, 0.96) !important;
}

/* Мобильная версия: фиксированная шапка и доступ к сайдбару */
@media (max-width: 991px) {
  .main-panel .navbar,
  .main-panel nav.navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1032 !important;
  }
  .main-panel .content {
    padding-top: 60px !important;
  }
  .main-panel .navbar .navbar-toggle,
  .main-panel nav.navbar .navbar-toggle {
    display: inline-flex !important;
    align-items: center;
  }
  .main-panel .navbar .navbar-toggle .navbar-toggler,
  .main-panel nav.navbar .navbar-toggle .navbar-toggler {
    display: block !important;
    cursor: pointer;
  }

  /* Таблицы: горизонтальный скролл вместо выхода за экран */
  .main-panel .content,
  .main-panel .content .container-fluid {
    overflow-x: hidden !important;
  }
  .main-panel .content .card-body,
  .main-panel .content .row,
  .main-panel .content .col-12 {
    min-width: 0 !important;
  }
  .main-panel .content .container-fluid {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .db-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
  }
  .card .table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}