/* ============================================================
   LiData — fallback-утилиты.
   style.css шаблона — скомпилированный Tailwind: классов, которых
   нет в исходниках WowDash, там нет. Здесь дублируются нужные
   утилиты (дубли с шаблоном безвредны).
   ============================================================ */

/* .dashboard-main — flex-колонка; без min-width:0 её дети не сжимаются
   под контент шире вьюпорта (таблица с min-width:max-content) и растягивают
   страницу горизонтально на мобильных. Скролл должен жить в .table-responsive. */
.dashboard-main > * { min-width: 0; max-width: 100%; width: 100%; }

.inset-0 { inset: 0; }
.top-full { top: 100%; }
.top-6 { top: 1.5rem; }
.right-6 { right: 1.5rem; }
.start-4 { inset-inline-start: 1rem; }
.end-0 { inset-inline-end: 0; }

.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-\[60\] { z-index: 60; }

.bg-black\/50 { background-color: rgba(0, 0, 0, .5); }
.bg-white\/10 { background-color: rgba(255, 255, 255, .1); }
.bg-white\/15 { background-color: rgba(255, 255, 255, .15); }
.hover\:bg-white\/30:hover { background-color: rgba(255, 255, 255, .3); }
.bg-\[\#3D4A68\] { background-color: #3D4A68; }
.bg-\[\#0E2A55\] { background-color: #0E2A55; }

.w-\[240px\] { width: 240px; }
.w-\[260px\] { width: 260px; }
.max-w-\[420px\] { max-width: 420px; }
.max-w-\[480px\] { max-width: 480px; }
.max-w-\[520px\] { max-width: 520px; }
.max-w-\[640px\] { max-width: 640px; }
.max-w-\[760px\] { max-width: 760px; }
.max-w-\[900px\] { max-width: 900px; }
.max-w-\[1200px\] { max-width: 1200px; }
.max-w-\[560px\] { max-width: 560px; }
.top-5 { top: 1.25rem; }
.end-6 { inset-inline-end: 1.5rem; }
.pt-6 { padding-top: 1.5rem; }
.pt-4 { padding-top: 1rem; }
.max-h-\[220px\] { max-height: 220px; }
.max-h-\[260px\] { max-height: 260px; }
.h-\[44px\] { height: 44px; }
.w-\[44px\] { width: 44px; }
.w-12 { width: 3rem; }
.w-\[18px\] { width: 18px; }
.w-20 { width: 5rem; }
.h-20 { height: 5rem; }
.w-1\.5 { width: .375rem; }
.h-1\.5 { height: .375rem; }
.min-w-0 { min-width: 0; }

.ps-10 { padding-inline-start: 2.5rem; }
.py-\[10px\] { padding-top: 10px; padding-bottom: 10px; }
.py-\[12px\] { padding-top: 12px; padding-bottom: 12px; }
.py-\[13px\] { padding-top: 13px; padding-bottom: 13px; }
.py-\[14px\] { padding-top: 14px; padding-bottom: 14px; }
.py-\[56px\] { padding-top: 56px; padding-bottom: 56px; }
.py-\[72px\] { padding-top: 72px; padding-bottom: 72px; }
.py-\[80px\] { padding-top: 80px; padding-bottom: 80px; }
.mt-\[64px\] { margin-top: 64px; }

/* Адаптивные утилиты лендинга */
@media (min-width: 640px) {
  .sm\:inline-block { display: inline-block; }
}
@media (min-width: 768px) {
  .md\:flex { display: flex; }
}
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.pt-5 { padding-top: 1.25rem; }
.pt-2 { padding-top: .5rem; }
.pb-6 { padding-bottom: 1.5rem; }
.mb-5 { margin-bottom: 1.25rem; }
.my-8 { margin-top: 2rem; margin-bottom: 2rem; }
.mx-auto { margin-left: auto; margin-right: auto; }
.\!p-4 { padding: 1rem !important; }
.gap-1\.5 { gap: .375rem; }

.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.leading-tight { line-height: 1.25; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.text-start { text-align: start; }

.rounded-xl { border-radius: .75rem; }
.border-purple-300 { border-color: #d8b4fe; }
.text-primary-400 { color: #7ca2ff; }
.hover\:border-primary-600:hover { border-color: #487fff; }

/* Карточка формата отчета: подсветка выбранного варианта */
.report-format:has(input:checked) { border-color: #487fff; }

/* Свёрнутый сайдбар (десктоп): переключатель проекта -> только иконка,
   иначе широкий блок распирает сайдбар (width:auto) и наезжает на контент.
   При наведении сайдбар разворачивается — показываем блок полностью. */
@media (min-width: 1200px) {
  .sidebar.active:not(:hover) .project-switcher {
    padding-left: 0;
    padding-right: 0;
    justify-content: center;
    gap: 0;
    border-color: transparent;
  }
  .sidebar.active:not(:hover) .project-switcher .grow,
  .sidebar.active:not(:hover) .project-switcher > iconify-icon {
    display: none;
  }
  .sidebar.active:not(:hover) #project-dropdown { display: none !important; }
  .sidebar.active:not(:hover) .sidebar-menu-area > .px-4.pt-4 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* Хлебная крошка в шапке — прячем на мобильных, чтобы не ломала верстку.
   На узком экране остаётся только бургер-меню. */
.breadcrumb-nav { display: none; }
@media (min-width: 768px) {
  .breadcrumb-nav { display: flex; }
}

/* Раскрытый дропдаун сайдбара НЕ красим в синюю «пилюлю» —
   активным (синим) остаётся только текущая страница. У раскрытого
   пункта лишь поворачивается стрелка (транзформация из шаблона). */
.sidebar-menu li.dropdown.open > a,
.sidebar-menu li.dropdown.dropdown-open > a {
  background-color: transparent !important;
  color: rgb(39 42 51) !important;
}
.dark .sidebar-menu li.dropdown.open > a,
.dark .sidebar-menu li.dropdown.dropdown-open > a {
  color: #fff !important;
}
.sidebar-menu li.dropdown.open > a span,
.sidebar-menu li.dropdown.dropdown-open a span {
  color: inherit !important;
}
.sidebar-menu li.dropdown.open > a:hover,
.sidebar-menu li.dropdown.dropdown-open > a:hover {
  color: rgb(72 127 255) !important;
}

/* Лого на страницах авторизации: переключение light/dark версии */
.auth-logo-dark { display: none; }
.dark .auth-logo-light { display: none; }
.dark .auth-logo-dark { display: inline-block; }