.users-panel{margin-top:18px}
.user-list{display:flex;flex-direction:column;gap:9px}
.user-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line);border-radius:8px}
.user-info{display:flex;min-width:0;flex-direction:column;gap:3px}
.user-info strong,.user-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-info span{font-size:12px;color:var(--muted)}
.user-info small{font-size:10px;color:var(--muted)}
.user-actions{display:flex;flex-shrink:0;gap:7px}
.user-actions button{padding:7px 9px}
.user-delete{border:0;border-radius:5px;background:#fff0ed;color:#c43720;padding:7px 9px;font-size:11px;font-weight:700}
.user-delete:hover{background:#ffe0d9}
.user-editor{flex-basis:100%;padding:16px;border-top:1px solid var(--line);background:#fcfbf8;border-radius:7px}
.user-editor h3{font:600 15px 'IBM Plex Sans',Arial,sans-serif;margin:18px 0 9px}
.editor-form,.admin-playlist-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.editor-field{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600}
.editor-field input,.editor-field textarea,.editor-field select{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;padding:8px;background:white;color:var(--ink);font:12px Arial,sans-serif}
.editor-field textarea{min-height:72px;resize:vertical}
.editor-field select[multiple]{grid-column:span 2;height:auto;min-height:90px}
.editor-check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink)}
.editor-check input{accent-color:var(--orange)}
.editor-actions{grid-column:span 2;display:flex;gap:8px;align-items:center}
.editor-actions button{padding:8px 11px}
.user-editor .message{grid-column:span 2}
@media(max-width:540px){.user-item{align-items:flex-start;flex-direction:column}.user-actions{width:100%;flex-wrap:wrap}.editor-form,.admin-playlist-form{grid-template-columns:1fr}.editor-field select[multiple],.editor-actions,.user-editor .message{grid-column:span 1}}

.users-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.users-heading .sub{font-size:12px;margin:0}
.user-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 20px}
.user-kpis article{min-width:0;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fcfbf8}
.user-kpis article span{display:block;color:var(--muted);font-size:11px;line-height:1.4}.user-kpis article strong{display:block;margin-top:8px;font:600 25px 'Space Grotesk',Arial,sans-serif}
.user-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) minmax(130px,170px) minmax(120px,150px) auto;align-items:end;gap:10px;margin-bottom:12px}
.user-toolbar label,.bulk-bar label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:#50514c}
.user-toolbar input,.user-toolbar select,.bulk-bar select,.user-pagination select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d9d7d0;border-radius:6px;background:#fff;color:var(--ink);font:12px Arial,sans-serif}
.user-toolbar input:focus,.user-toolbar select:focus,.bulk-bar select:focus,.user-pagination select:focus{outline:3px solid #ff593833;border-color:var(--orange)}
.user-search{min-width:0}.user-toolbar>.quiet{min-height:39px}
.bulk-bar{display:flex;align-items:center;gap:9px;padding:10px 12px;margin-bottom:10px;border-radius:7px;background:#f2f5e9;font-size:12px}.bulk-bar[hidden]{display:none}.bulk-bar select{width:auto;min-width:135px;min-height:34px}.bulk-bar .quiet{padding:7px 10px}
.user-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.user-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.user-table th{padding:11px 10px;background:#f7f6f2;color:#5b5d57;font-size:10px;letter-spacing:.2px;white-space:nowrap}.user-table td{padding:11px 10px;border-top:1px solid var(--line);vertical-align:middle}.user-table tbody tr:hover{background:#fffdfa}.user-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange)}
.user-identity{display:flex;align-items:center;gap:9px;min-width:150px}.user-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#eaf2dc;color:#38531c;font-size:11px;font-weight:700}.user-identity strong,.user-identity small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity small{margin-top:3px;color:var(--muted);font-size:10px}
.role-chip,.status-chip{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;white-space:nowrap}.role-chip{background:#f0eee8;color:#55564f}.status-active{background:#edf6e2;color:#3c671d}.status-inactive{background:#f1f0ec;color:#696a63}.status-blocked{background:#fff0ed;color:#ae3725}
.user-actions{display:flex;flex-wrap:wrap;gap:5px}.user-actions button{padding:6px 8px;font-size:10px;white-space:nowrap}
.user-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;font-size:11px;color:var(--muted)}.user-pagination label{display:flex;align-items:center;gap:7px}.user-pagination select{width:auto;min-height:32px}.user-pagination>div{display:flex;gap:6px}.user-pagination button{padding:7px 9px}.user-pagination button:disabled{cursor:not-allowed;opacity:.45}
.user-empty{margin-top:10px}.user-empty[hidden]{display:none}.user-editor-row>td{padding:0!important}.user-editor{margin:8px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fcfbf8}.role-note{font-weight:400;color:var(--muted);line-height:1.4}.skeleton-row td{padding:12px}.skeleton-row span{display:block;height:34px;border-radius:5px;background:linear-gradient(90deg,#f1f0ec 25%,#f8f7f4 40%,#f1f0ec 65%);background-size:300% 100%;animation:users-shimmer 1.3s ease infinite}@keyframes users-shimmer{to{background-position:-150% 0}}
@media(max-width:900px){.user-toolbar{grid-template-columns:minmax(180px,1fr) 1fr 1fr}.user-toolbar>.quiet{grid-column:3;justify-self:end}.user-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.user-table{min-width:850px}}
@media(max-width:600px){.users-heading{align-items:flex-start}.users-heading h2{font-size:18px}.user-toolbar{grid-template-columns:1fr 1fr}.user-toolbar .user-search{grid-column:span 2}.user-toolbar>.quiet{grid-column:span 2;justify-self:stretch}.bulk-bar{align-items:stretch;flex-wrap:wrap}.bulk-bar>span{width:100%}.bulk-bar select{flex:1}.user-pagination{align-items:flex-start;flex-wrap:wrap}.user-pagination>span{width:100%}.user-pagination label{order:1}.user-pagination>div{order:2;margin-left:auto}.user-table{min-width:800px}}
@media(prefers-reduced-motion:reduce){.skeleton-row span{animation:none}}

/* Música y playlists comparten la tabla compacta del módulo de usuarios. */
.music-table,.playlist-table{min-width:760px}
.music-table th,.music-table td,.playlist-table th,.playlist-table td{padding:9px 10px}
.music-identity,.playlist-identity{min-width:190px}
.music-identity strong,.music-identity small,.playlist-identity strong,.playlist-identity small{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.music-identity small,.playlist-identity small{margin-top:3px;color:var(--muted);font-size:10px}
.music-thumb,.playlist-thumb{display:grid;flex:0 0 42px;width:42px;height:42px;overflow:hidden;place-items:center;border-radius:6px;background:#ff5938;color:white;object-fit:cover;font-size:22px;font-weight:700}
.playlist-thumb{background:linear-gradient(145deg,#ff704c,#6c2924)}.playlist-thumb img{width:100%;height:100%;object-fit:cover}
.music-table audio{display:block;width:min(100%,300px);height:34px}
.music-actions,.playlist-actions{flex-wrap:wrap;align-items:center;gap:5px}
.music-actions button,.playlist-actions button{padding:6px 8px;font-size:10px;white-space:nowrap}
.music-actions [aria-pressed="true"],.playlist-actions [aria-pressed="true"]{border-color:#f3b4a7;background:#fff2ee;color:#bd422c}
.track-editor-row>td,.playlist-editor-row>td{padding:0!important}
.track-editor-row .track-editor,.playlist-editor-row .admin-playlist-editor{display:grid;margin:8px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fcfbf8}
.track-editor-row .track-editor[hidden],.playlist-editor-row[hidden],.track-editor-row[hidden]{display:none}
.music-pagination,.playlist-pagination{margin-top:12px;padding-top:12px}
.music-pagination[hidden],.playlist-pagination[hidden]{display:none}
@media(max-width:600px){.music-pagination,.playlist-pagination{align-items:flex-start;flex-wrap:wrap}.music-pagination>span,.playlist-pagination>span{width:100%}.music-pagination label,.playlist-pagination label{order:1}.music-pagination>div,.playlist-pagination>div{order:2;margin-left:auto}}