/* perm-locks.css — permisos manuales en User Management (2026-10-26) */
.pl-bar { background: #fff7ed; border: 1px solid #fed7aa; border-radius: 10px; padding: 9px 12px; margin: -6px 0 14px; font-size: 12.5px; color: #9a3412; }
.pl-bar[hidden] { display: none !important; }
.pl-bar-main { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pl-bar-main b { font-weight: 800; }
.pl-sp { flex: 1; }
.pl-reset { width: auto !important; margin: 0 !important; border: 1px solid #fdba74; background: #fff; color: #c2410c; border-radius: 7px; padding: 5px 10px; font-size: 12px; font-weight: 700; cursor: pointer; min-height: 30px; }
.pl-reset:hover { background: #ffedd5; }
.pl-legend { font-size: 11.5px; color: #78716c; margin-top: 6px; }
.um-perm-row.pl-manual .um-perm-label { color: #c2410c; font-weight: 700; }
.pl-lock { display: inline-flex; align-items: center; gap: 3px; margin: 0 0 0 6px !important; width: auto !important; font-size: 10.5px; font-weight: 700; color: #c2410c; background: #ffedd5; border: none; border-radius: 999px; padding: 1px 7px 1px 6px; vertical-align: middle; cursor: pointer; line-height: 1.5; font-family: inherit; }
.pl-lock:hover { background: #fed7aa; }
.pl-lock:focus-visible { outline: 2px solid #c2410c; outline-offset: 1px; }
.pl-lock.pl-static { cursor: default; margin-left: 0 !important; }
.pl-x { opacity: .65; margin-left: 2px; }
.pl-tline { display: block; font-size: 10.5px; color: #94a3b8; font-weight: 400; margin-top: 1px; }

body.dark-mode .pl-bar { background: rgba(251,146,60,.1); border-color: rgba(251,146,60,.35); color: #fdba74; }
body.dark-mode .pl-reset { background: transparent; border-color: rgba(251,146,60,.5); color: #fdba74; }
body.dark-mode .pl-reset:hover { background: rgba(251,146,60,.15); }
body.dark-mode .pl-legend { color: #a0a4ab; }
body.dark-mode .um-perm-row.pl-manual .um-perm-label { color: #fdba74; }
body.dark-mode .pl-lock { background: rgba(251,146,60,.18); color: #fdba74; }
body.dark-mode .pl-lock:hover { background: rgba(251,146,60,.28); }
body.dark-mode .pl-tline { color: #6b7280; }