/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout styles - usando Tailwind CSS */
.container-main[b-0ds998mzgh] {
    padding:0 10%;
}
/* /Pages/Admin/Permissions/Edit.razor.rz.scp.css */
/* Estilos customizados para a página de edição */

/* Scrollbar customizada para os cards */
.overflow-y-auto[b-q1letfkfwm]::-webkit-scrollbar {
    width: 6px;
}

.overflow-y-auto[b-q1letfkfwm]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
}

.overflow-y-auto[b-q1letfkfwm]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.overflow-y-auto[b-q1letfkfwm]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Animação suave para os cards compactos */
.card-hover-effect[b-q1letfkfwm] {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-hover-effect:hover[b-q1letfkfwm] {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.05);
}

/* Estilo para checkbox customizado compacto */
input[type="checkbox"][b-q1letfkfwm] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid #d1d5db;
    border-radius: 0.25rem;
    background-color: white;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

input[type="checkbox"]:checked[b-q1letfkfwm] {
    background-color: #000000;
    border-color: #000000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
    background-size: 0.75rem 0.75rem;
    background-position: center;
    background-repeat: no-repeat;
}

input[type="checkbox"]:hover[b-q1letfkfwm] {
    border-color: #171717;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

input[type="checkbox"]:focus[b-q1letfkfwm] {
    outline: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

/* Animação para labels dos checkboxes */
label:hover[b-q1letfkfwm] {
    transform: translateX(1px);
}

/* Select customizado */
select[b-q1letfkfwm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25em 1.25em;
    padding-right: 2.5rem;
}

select:focus[b-q1letfkfwm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000000'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
}
/* /Pages/Admin/Permissions/List.razor.rz.scp.css */
/* Estilos customizados para o select moderno */
select[b-1siwleecqi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25em 1.25em;
    padding-right: 2.5rem;
}

select:focus[b-1siwleecqi] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%0006b6d7'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");
}

select:hover[b-1siwleecqi] {
    border-color: #d1d5db;
}

/* Animação suave para os cards */
.card-hover[b-1siwleecqi] {
    transition: all 0.3s ease;
}

.card-hover:hover[b-1siwleecqi] {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Estilo para badges de permissões */
.permission-badge[b-1siwleecqi] {
    transition: all 0.2s ease;
}

.permission-badge:hover[b-1siwleecqi] {
    transform: scale(1.05);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
/* /Pages/Admin/Usuarios/List.razor.rz.scp.css */
/* Estilos para o formulário lateral */
.side-form-enter[b-fw3pjqikff] {
    animation: slideInRight-b-fw3pjqikff 0.3s ease-out;
}

.side-form-exit[b-fw3pjqikff] {
    animation: slideOutRight-b-fw3pjqikff 0.3s ease-in;
}

@keyframes slideInRight-b-fw3pjqikff {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@keyframes slideOutRight-b-fw3pjqikff {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(100%);
    }
}

/* Estilos para a tabela */
table[b-fw3pjqikff] {
    border-collapse: separate;
    border-spacing: 0;
}

tbody tr[b-fw3pjqikff] {
    transition: background-color 0.15s ease;
}

tbody tr:hover[b-fw3pjqikff] {
    background-color: #f9fafb;
}

/* Estilos para inputs */
input:focus[b-fw3pjqikff],
select:focus[b-fw3pjqikff] {
    outline: none;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
}

/* Scrollbar customizada para o formulário */
.overflow-y-auto[b-fw3pjqikff]::-webkit-scrollbar {
    width: 6px;
}

.overflow-y-auto[b-fw3pjqikff]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.overflow-y-auto[b-fw3pjqikff]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

.overflow-y-auto[b-fw3pjqikff]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}