/* Agora Contabilidade - Custom Admin Styles */

/* ====================================================================
   TABLE ROW HOVER & CLICKABLE IMPROVEMENTS
   ==================================================================== */

/* Efeito hover nas linhas da tabela */
.change-list table tbody tr {
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.change-list table tbody tr:hover {
    background-color: rgba(212, 175, 55, 0.08) !important;
    transform: translateX(2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Tornar toda a linha clicável - o JavaScript faz o trabalho */
.change-list table tbody tr.clickable-row {
    cursor: pointer;
}

/* Melhorar visual do checkbox quando hover na linha */
.change-list table tbody tr:hover td input[type="checkbox"] {
    transform: scale(1.1);
}

/* Estilo para linhas selecionadas */
.change-list table tbody tr.selected {
    background-color: rgba(212, 175, 55, 0.15) !important;
}

.change-list table tbody tr.selected:hover {
    background-color: rgba(212, 175, 55, 0.2) !important;
}

/* ====================================================================
   UNFOLD SPECIFIC IMPROVEMENTS
   ==================================================================== */

/* Melhorar hover para o tema Unfold (Tailwind-based) */
.dark .change-list table tbody tr:hover {
    background-color: rgba(212, 175, 55, 0.12) !important;
}

/* Smooth transition para todos os elementos interativos */
.change-list table tbody tr td a,
.change-list table tbody tr td button {
    transition: all 0.15s ease-in-out;
}

/* Destacar texto na linha hover */
.change-list table tbody tr:hover td {
    color: inherit;
}

/* ====================================================================
   RESPONSIVE IMPROVEMENTS
   ==================================================================== */

/* Em telas menores, manter o comportamento */
@media (max-width: 768px) {
    .change-list table tbody tr:hover {
        transform: none;
        box-shadow: none;
    }
}

/* ====================================================================
   ACCESSIBILITY
   ==================================================================== */

/* Garantir que o foco do teclado seja visível */
.change-list table tbody tr:focus-within {
    outline: 2px solid rgb(212, 175, 55);
    outline-offset: -2px;
}

/* Melhorar indicação visual de elemento focado */
.change-list table tbody tr td a:focus {
    outline: 2px solid rgb(212, 175, 55);
    outline-offset: 2px;
    border-radius: 2px;
}

/* ====================================================================
   ENVIRONMENT BADGE - CLICKABLE CHANGELOG
   ==================================================================== */

/* Tornar qualquer badge que contenha "Development" ou "Production" clicável */
[class*="badge"]:has-text("Development"),
[class*="badge"]:has-text("Production"),
span:has-text("Development"),
span:has-text("Production") {
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
}

/* Estilo genérico para badges clicáveis */
.clickable-badge {
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.clickable-badge:hover {
    opacity: 0.85;
    transform: scale(1.02);
}

.clickable-badge:active {
    transform: scale(0.98);
}

/* Indicador visual removido - apenas hover effect */

/* ====================================================================
   LOGO SIDEBAR - DYNAMIC COLOR
   ==================================================================== */

/* Aplicar cor dourada ao logo da sidebar */
.sidebar-logo img,
.sidebar-logo svg,
[class*="sidebar"] img[src*="logo"],
[class*="sidebar"] svg,
img[src*="app_logo_sidebar"],
/* Unfold specific selectors */
.bg-primary-600 img,
.bg-primary-600 svg,
aside img[src*="logo"],
aside svg {
    filter: brightness(0) saturate(100%) invert(60%) sepia(42%) saturate(806%) hue-rotate(7deg) brightness(95%) contrast(87%);
}

/* Alternativa: usar currentColor se o SVG suportar */
.sidebar-logo svg path,
aside svg path {
    fill: #D4AF37 !important;
}

/* Para garantir que funciona em modo claro e escuro */
.dark .sidebar-logo svg path,
.dark aside svg path {
    fill: #D4AF37 !important;
}