/* Lions Color Override - Azul para Verde */

/* Classes Tailwind padrão blue-* */
.bg-blue-50 { background-color: #f0fdf4 !important; }
.bg-blue-100 { background-color: #dcfce7 !important; }
.bg-blue-200 { background-color: #bbf7d0 !important; }
.bg-blue-500 { background-color: #22c55e !important; }
.bg-blue-600 { background-color: #16a34a !important; }
.border-blue-200 { border-color: #bbf7d0 !important; }
.from-blue-50 { --tw-gradient-from: #f0fdf4 !important; }
.to-blue-100 { --tw-gradient-to: #dcfce7 !important; }
.to-blue-600 { --tw-gradient-to: #16a34a !important; }
.text-blue-600 { color: #16a34a !important; }
.text-blue-700 { color: #15803d !important; }
.text-blue-800 { color: #166534 !important; }
.text-blue-900 { color: #14532d !important; }
.ring-blue-500 { --tw-ring-color: #22c55e !important; }
.hover\:bg-blue-600:hover { background-color: #16a34a !important; }
.hover\:bg-blue-700:hover { background-color: #15803d !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: #22c55e !important; }

/* Classes Tailwind arbitrárias com #0d1b4b (azul escuro) -> #133225 (verde escuro Lions) */
.bg-\[\#0d1b4b\] { background-color: #133225 !important; }
.text-\[\#0d1b4b\] { color: #133225 !important; }
.border-\[\#0d1b4b\] { border-color: #133225 !important; }
.from-\[\#0d1b4b\] { --tw-gradient-from: #133225 !important; }
.to-\[\#0d1b4b\] { --tw-gradient-to: #133225 !important; }
.hover\:bg-\[\#0d1b4b\]:hover { background-color: #133225 !important; }

/* Classes Tailwind arbitrárias com #162260 -> #134d2e (verde médio escuro) */
.bg-\[\#162260\] { background-color: #134d2e !important; }
.hover\:bg-\[\#162260\]:hover { background-color: #134d2e !important; }

/* Classes Tailwind arbitrárias com #1a2f6e -> #1a5c3a (verde médio) */
.bg-\[\#1a2f6e\] { background-color: #1a5c3a !important; }
.hover\:bg-\[\#1a2f6e\]:hover { background-color: #1a5c3a !important; }

/* Classes Tailwind arbitrárias com #1a2d6b -> #1a5c3a */
.bg-\[\#1a2d6b\] { background-color: #1a5c3a !important; }

/* Classes Tailwind arbitrárias com #213880 -> #1e6b44 */
.bg-\[\#213880\] { background-color: #1e6b44 !important; }

/* Hover states para sidebar e menus */
.hover\:bg-\[\#162260\]:hover { background-color: #1a5c3a !important; }
.hover\:bg-\[\#1a2f6e\]:hover { background-color: #1e6b44 !important; }

/* Dark mode / variantes */
.dark .bg-\[\#0d1b4b\] { background-color: #0d2618 !important; }
.dark .text-\[\#0d1b4b\] { color: #0d2618 !important; }

/* Gradientes */
.bg-gradient-to-r.from-\[\#0d1b4b\] { --tw-gradient-from: #133225 !important; }
.bg-gradient-to-b.from-\[\#0d1b4b\] { --tw-gradient-from: #133225 !important; }
.bg-gradient-to-r.to-\[\#0d1b4b\] { --tw-gradient-to: #133225 !important; }

/* Override de oklch azuis no CSS principal */
[style*="oklch"] { }

/* ===== FIX: Sidebar mobile - evitar sobreposição de itens ===== */

/* Garantir que cada item do sidebar tenha altura mínima e não sobreponha */
@media (max-width: 1024px) {
  /* Itens de navegação do sidebar */
  [data-sidebar="menu"] a,
  [data-sidebar="menu"] button,
  [data-sidebar="menu-item"] a,
  [data-sidebar="menu-item"] button,
  aside a,
  aside button {
    min-height: 40px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.4 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  /* Labels de categoria (PONTO, ADMINISTRAÇÃO) */
  [data-sidebar] .text-xs.font-semibold,
  aside .text-xs.font-semibold,
  [data-sidebar] span[class*="foreground/40"],
  aside span[class*="foreground/40"] {
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    padding-top: 8px !important;
    display: block !important;
    position: relative !important;
    clear: both !important;
  }

  /* Container do sidebar - garantir scroll e sem overflow hidden */
  [data-sidebar="content"],
  aside > div {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  /* Itens da lista do sidebar */
  [data-sidebar="menu"] > li,
  [data-sidebar="menu-item"],
  aside nav li,
  aside ul li {
    min-height: 38px !important;
    margin-bottom: 2px !important;
    position: relative !important;
    display: block !important;
  }

  /* Texto dos itens - garantir que não sobreponha */
  [data-sidebar] a span,
  [data-sidebar] button span,
  aside a span,
  aside button span {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Sidebar container */
  aside,
  [data-sidebar="sidebar"] {
    overflow-y: auto !important;
  }
}