/**
 * Permission Groups - Role Management
 * ====================================
 *
 * Styles for the grouped permission UI in role create/edit/view pages.
 * Permissions are organized by resource prefix with visual grouping.
 *
 * @since 1.0.0
 */

/* Permission group fieldset styling */
.is-permission-group {
    margin-bottom: 12px !important;
    border: 1px solid rgb(209 213 219) !important;
    border-radius: 8px !important;
    background: rgb(249 250 251) !important;
    padding: 12px 16px 8px !important;
}

.dark .is-permission-group {
    border-color: rgb(75 85 99) !important;
    background: rgb(31 41 55) !important;
}

/* Fieldset legend (resource name) on border line */
.is-permission-group legend {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: rgb(55 65 81) !important;
    padding: 0 12px !important;
    margin-left: -4px !important;
    background: rgb(249 250 251) !important;
    position: relative !important;
}

.is-permission-group legend::after {
    content: '' !important;
    position: absolute !important;
    right: -60px !important;
    top: 50% !important;
    width: 50px !important;
    height: 1px !important;
    background: rgb(209 213 219) !important;
}

.dark .is-permission-group legend {
    color: rgb(209 213 219) !important;
    background: rgb(31 41 55) !important;
}

.dark .is-permission-group legend::after {
    background: rgb(75 85 99) !important;
}

/* Hide ALL labels inside permission groups */
.is-permission-group .fi-fo-field-wrp-label,
.is-permission-group .fi-fieldset-label,
.is-permission-group label[for^="data.perm_"],
.is-permission-group .fi-fo-checkbox-list > label:first-child {
    display: none !important;
}

/* Checkbox list container - reduce padding */
.is-permission-group .fi-fo-checkbox-list {
    padding: 0 !important;
}

/* Checkbox options grid - compact spacing */
.is-permission-group .fi-fo-checkbox-list-options {
    gap: 4px 24px !important;
    margin-top: 4px !important;
}

/* Individual checkbox styling */
.is-permission-group .fi-fo-checkbox-list-option-label {
    font-size: 13px !important;
    color: rgb(55 65 81) !important;
}

.dark .is-permission-group .fi-fo-checkbox-list-option-label {
    color: rgb(209 213 219) !important;
}

/* Bulk toggle (Select all / Deselect all) styling */
.is-permission-group .fi-fo-checkbox-list-search-input,
.is-permission-group .fi-fo-checkbox-list-actions {
    margin-bottom: 8px !important;
}

.is-permission-group .fi-link {
    font-size: 12px !important;
}

/* View mode - disabled checkboxes styling */
.is-permission-group input[type="checkbox"]:disabled + label {
    opacity: 0.8 !important;
}