/* PiCiviQ — Library (compact filter bar, prototype v26) */
.libtools{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;margin:6px 0 12px}
.js .libtools{grid-template-columns:minmax(0,1fr) auto auto}
.js .lt-go{display:none}
.lt-go{height:48px;justify-content:center}
.lt-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .15s}
.lt-search:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%,transparent)}
.lt-search svg{width:18px;height:18px;color:var(--muted);flex:none}
.lt-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--text)}
.lt-search input::placeholder{color:var(--faint)}
.lt-sel{position:relative;display:flex;align-items:center;height:48px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding-left:14px;transition:border-color .15s}
.lt-sel:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 18%,transparent)}
.lt-lbl{font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap}
.lt-sel select{appearance:none;-webkit-appearance:none;border:0;outline:0;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:var(--text);height:100%;padding:0 38px 0 8px;cursor:pointer;min-width:150px}
.lt-sel select option{background:var(--surface);color:var(--text)}
.lt-sel::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.libbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;min-height:32px}
.libcount{font-size:14px;color:var(--muted)}
.libcount b{color:var(--text)}
.lb-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lb-pills{display:flex;gap:6px;flex-wrap:wrap}
.lb-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 12px;border-radius:999px;border:0;background:color-mix(in srgb,var(--purple) 12%,transparent);color:var(--purple);font-size:13px;font-weight:600;cursor:pointer}
.lb-pill:hover{background:color-mix(in srgb,var(--purple) 20%,transparent)}
.lb-pill svg{width:12px;height:12px}
.lb-clear{font-size:13.5px;font-weight:600;color:var(--purple);padding:6px 4px;white-space:nowrap}
.lb-clear:hover{text-decoration:underline}
.lb-clear[hidden],.libmore[hidden]{display:none}
.libgrid{padding-top:0;transition:opacity .15s}
.libgrid.busy{opacity:.55}
.lib-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}
.libmore{display:flex;justify-content:center;margin:0 0 8px}
.libmore .btn{min-width:220px;justify-content:center}
@media (max-width:760px){
  .libtools,.js .libtools{grid-template-columns:1fr 1fr}
  .lt-search{grid-column:1/-1}
  .lt-go{grid-column:1/-1}
  .lt-sel select{min-width:0;width:100%}
}
@media (max-width:420px){.lt-lbl{display:none}.lt-sel{padding-left:4px}}