/* roles.css */
.perm-check{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 10px;background:#f9fafb;border-radius:6px;cursor:pointer}
.perm-check input[type=checkbox]{width:auto;margin:0}

.role-badge{font-size:11px;padding:2px 8px;border-radius:6px;background:#dbeafe;color:#1e40af}
.role-badge.superadmin{background:#2a5298;color:#fff}

.role-row{background:#f9fafb;border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e5e7eb}
.role-row-name{font-size:13px;font-weight:600}
.role-row-perms{font-size:11px;color:#6b7280;margin-top:3px}

/* ── BBDD CSS ── */

/* ── Sub-permisos por seccion (modal de roles) ───────────────────────────── */
#rm-perms{display:flex;flex-direction:column;gap:10px;max-height:55vh;overflow-y:auto;overflow-x:hidden;padding:4px 6px 4px 2px}
.perm-section-block{flex-shrink:0;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}
.perm-section-toggle{background:transparent;border-radius:0;padding:10px 14px;display:flex;align-items:center;gap:8px}
.perm-section-toggle:hover{background:#f3f4f6}
.perm-expand{margin-left:auto;font-size:10px;color:#9ca3af;cursor:pointer;padding:4px 6px;transition:transform .15s}
.perm-section-block.expanded .perm-expand{transform:rotate(180deg)}
.perm-subgrid{display:none;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 14px 14px 32px;width:100%;box-sizing:border-box}
.perm-section-block.expanded .perm-subgrid{display:grid}
.perm-subcheck{background:transparent;padding:4px 8px;font-size:12.5px;color:#4b5563}
.perm-subcheck:hover{background:#eef2ff;border-radius:4px}
.perm-badge small{font-weight:400}
body[data-theme="dark"] .perm-section-block{background:#0f172a;border-color:#334155}
body[data-theme="dark"] .perm-section-toggle:hover{background:#1e293b}
body[data-theme="dark"] .perm-subcheck{color:#94a3b8}
body[data-theme="dark"] .perm-subcheck:hover{background:#1e293b}