/* Lists view (lists.js) */
.plist-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 16px; }
.plist-bar h4 { margin: 0; color: var(--text-primary); }
.plist-bar h4 i { color: var(--purple-primary); }
.plist-bar-gap { width: 100px; }

.plist { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(168, 85, 247, 0.25); border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: border-color 0.2s ease; }
.plist:hover, .plist.open { border-color: var(--purple-primary); }
.plist-head { display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; }
.plist-chev { color: var(--purple-light); transition: transform 0.2s ease; }
.plist.open .plist-chev { transform: rotate(90deg); }
.plist-title { flex: 1; min-width: 0; font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plist-badge { background: rgba(168, 85, 247, 0.2); color: var(--purple-light); padding: 3px 10px; border-radius: 20px; font-size: 0.8rem; white-space: nowrap; }
.plist-body { padding: 4px 14px 14px; background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.08); }

.plist-add { display: flex; gap: 8px; margin: 12px 0 4px; }
.plist-add input { flex: 1; min-width: 0; border-color: rgba(168, 85, 247, 0.3); }
.plist-add select { width: auto; border-color: rgba(168, 85, 247, 0.3); }
.plist-group { color: var(--purple-light); font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin: 14px 0 8px; }
.plist-note { color: rgba(255, 255, 255, 0.5); font-size: 0.85rem; padding: 10px 0 0; }

.plist-user { display: flex; align-items: center; gap: 12px; padding: 10px 12px; margin-bottom: 8px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; transition: all 0.2s ease; }
#listItems > .plist-user { background: rgba(255, 255, 255, 0.05); }
.plist-user:hover { background: rgba(168, 85, 247, 0.1); border-color: rgba(168, 85, 247, 0.3); }
.plist-avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; background: rgba(168, 85, 247, 0.15); }
.plist-info { flex: 1; min-width: 0; }
.plist-name { font-weight: 600; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plist-verified { background: linear-gradient(135deg, var(--purple-primary), var(--pink-accent)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.plist-actions { display: flex; gap: 6px; flex-shrink: 0; }

@media (max-width: 576px) {
    .plist-bar h4 { font-size: 1.1rem; }
    .plist-bar-gap { width: 0; }
    .plist-user { flex-wrap: wrap; }
    .plist-info { flex-basis: calc(100% - 60px); }
    .plist-actions { width: 100%; justify-content: flex-end; }
    .plist-add { flex-wrap: wrap; }
}