/* Standard lists library in the Lists panel. Kept apart from loot-lists.css on purpose. */
.sl-library { margin: 10px 0; padding: 10px 12px; border: 1px solid var(--rule); border-radius: 6px; background: var(--gold-tint-3); }
.sl-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.sl-title { margin: 0; font-size: 16px; flex: 0 0 auto; }
.sl-search { flex: 1 1 220px; display: block; }
.sl-search .le-input { width: 100%; }
.sl-scroll { max-height: 60vh; overflow: auto; margin-top: 4px; }
.sl-have:focus { outline: 1px solid var(--ok); outline-offset: 2px; border-radius: 3px; }
.sl-group { margin-top: 12px; }
.sl-group-title { margin: 0 0 4px; font-size: 12px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: 0.04em; }
.sl-entries { list-style: none; margin: 0; padding: 0; }
.sl-entry { border-top: 1px solid var(--rule); padding: 4px 0; }
.sl-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.sl-label { flex: 1 1 220px; font-weight: 600; }
.sl-count { flex: 0 0 auto; color: var(--muted); font-size: 13px; min-width: 70px; }
.sl-have { flex: 0 0 auto; color: var(--ok); font-size: 13px; }
.sl-names { margin: 4px 0 2px; max-height: 96px; overflow: auto; padding: 4px 8px; border: 1px solid var(--rule); border-radius: 4px; font-size: 13px; line-height: 1.45; background: var(--bg, transparent); }
.le-list-row.is-selected { background: var(--gold-tint-3); box-shadow: inset 3px 0 0 var(--ok); }
.sl-note { margin: 2px 0 0; font-size: 13px; }