/* Estilos para o shortcode de gerenciamento de permissões */
.permissions-header {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--lm-border);
    max-width: 400px;
}

.permissions-category {
    margin-bottom: 2rem;
    border: 1px solid var(--lm-border-light);
    border-radius: var(--lm-border-radius-lg);
    background-color: var(--lm-bg-subtle, #f8fafc);
}

.permissions-category__title {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--lm-dark);
    margin: 0;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--lm-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--lm-lighter);
    border-top-left-radius: var(--lm-border-radius-lg);
    border-top-right-radius: var(--lm-border-radius-lg);
}

.category-actions {
    display: flex;
    gap: 0.5rem;
}

.permission-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--lm-border-light);
    background-color: var(--lm-background-main, #FFFFFF);
}

.permission-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: var(--lm-border-radius-lg);
    border-bottom-right-radius: var(--lm-border-radius-lg);
}

.permission-info {
    flex-grow: 1;
    padding-right: 1rem;
}

.permission-info__name {
    font-weight: 500;
    color: var(--lm-text);
}

.permission-info__key {
    font-family: monospace;
    font-size: 0.8rem;
    color: var(--lm-text-muted);
    display: block;
    margin-top: 0.25rem;
}

.locamais-toggle-switch { width: 40px; height: 20px; position: relative; flex-shrink: 0; } 
.locamais-toggle-switch input { opacity: 0; width: 0; height: 0; }
.locamais-toggle-slider { background-color: #e5e7eb; border-radius: 999px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.3s ease; cursor: pointer; }
.locamais-toggle-slider:before { content: ""; position: absolute; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; border-radius: 50%; transition: all 0.3s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
input:checked + .locamais-toggle-slider { background-color: var(--lm-success); }
input:checked + .locamais-toggle-slider:before { transform: translateX(20px); }