/* Softkom palette theme */
:root {
  --so-color-ink: #233e4f;
  --so-color-surface: #e6ebeb;
  --so-color-accent: #2bbbb4;

  /* Primary (brand) scale used by TailAdmin utilities */
  --color-brand-50: #ebf8f7;
  --color-brand-100: #d8f2f0;
  --color-brand-200: #b2e6e2;
  --color-brand-300: #81d7d1;
  --color-brand-400: var(--so-color-accent);
  --color-brand-500: #23a59e;
  --color-brand-600: #1d8b85;
  --color-brand-800: #216a6f;
  --color-brand-950: var(--so-color-ink);

  /* Neutral scale */
  --color-gray-50: #f4f7f7;
  --color-gray-100: var(--so-color-surface);
  --color-gray-200: #d2dbdb;
  --color-gray-300: #bac7c7;
  --color-gray-400: #93a6ad;
  --color-gray-500: #6a7f89;
  --color-gray-600: #526a76;
  --color-gray-700: #3d5663;
  --color-gray-800: #2d4754;
  --color-gray-900: var(--so-color-ink);
  --color-black: var(--so-color-ink);
}

/* Small polish so "Aktivna baza" block follows the new palette */
.header-active-db {
  border-color: var(--color-brand-200);
  background-color: var(--color-brand-50);
}

.header-active-db-label {
  color: var(--color-brand-600);
}

.header-active-db-icon {
  color: var(--color-brand-600);
}

.dark .header-active-db {
  border-color: #2f5566;
  background-color: #1f3442;
  color: #c7d5db;
}

.dark .header-active-db .font-semibold {
  color: #ffffff;
}

.dark .header-active-db-label {
  color: #84d6d2;
}

.dark .header-active-db-icon {
  color: #84d6d2;
}

/* Login right panel image tint */
.login-right-overlay {
  background-color: rgba(35, 62, 79, 0.9);
}

.dark .login-right-overlay {
  background-color: rgba(0, 0, 0, 0.58);
}

.report-submenu-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 500;
  color: var(--color-gray-600);
  transition: background-color 0.2s ease, color 0.2s ease;
}

.report-submenu-link:hover {
  background-color: var(--color-gray-100);
  color: var(--color-gray-800);
}

.report-submenu-link-active {
  background-color: var(--color-brand-50);
  color: var(--color-brand-600);
}

.dark .report-submenu-link {
  color: #9fb0b8;
}

.dark .report-submenu-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #ffffff;
}

.dark .report-submenu-link-active {
  background-color: rgba(43, 187, 180, 0.16);
  color: #84d6d2;
}

.report-filter-popover {
  min-width: 320px;
}

details > summary::-webkit-details-marker {
  display: none;
}

@media (min-width: 1024px) {
  /* Keep items left-aligned when collapsed sidebar auto-expands on hover. */
  #ta-sidebar:hover a.menu-item,
  #ta-sidebar:hover button.menu-item {
    justify-content: flex-start;
  }

  /* Hide report sub-links when sidebar is in compact desktop mode. */
  #ta-sidebar.lg\:w-\[90px\] .report-submenu {
    display: none;
  }

  #ta-sidebar.lg\:w-\[90px\] [data-ta-submenu-toggle] .menu-item-arrow {
    display: none;
  }
}

@media (max-width: 1023.98px) {
  /* On mobile, always hide compact sidebar-only markers. */
  #ta-sidebar .logo-icon,
  #ta-sidebar .menu-group-icon {
    display: none !important;
  }

  .report-filter-popover {
    left: auto;
    right: 0;
    min-width: 280px;
    width: min(92vw, 320px);
  }
}

@media (max-width: 403px) {
  .header-active-db-label {
    display: none !important;
  }
}