/* ---- Folders (folders.js, 2 Oct) ----------------------------------------
   One row of word pills above the cards: All, each folder, New folder. The
   chosen one is filled with ink; the rest are drawn outlines, like the
   recorder bar's pills. A card dragged over a folder lights it. */
.rv-folders{ display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 2px 0 14px; }
.rv-folders:empty{ display: none; }
.rv-fwrap{ display: inline-flex; align-items: center; gap: 4px; }
.rv-fpill{
  display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 13px;
  border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--ink);
  font: inherit; font-size: 12.5px; font-weight: 600; line-height: 1; cursor: pointer; white-space: nowrap;
  transition: background var(--fast, .14s) ease, border-color var(--fast, .14s) ease;
}
.rv-fpill:hover{ background: var(--wash); }
.rv-fpill.on{ background: var(--ink); border-color: var(--ink); color: var(--paper, var(--card)); }
.rv-fpill.drop{ border-color: var(--ink); background: var(--wash); box-shadow: inset 0 0 0 1px var(--ink); }
.rv-fpill.rv-fadd{ color: var(--mut); border-style: dashed; }
.rv-fpill.rv-fadd:hover{ color: var(--ink); }
.rv-fcount{ font-size: 11.5px; font-weight: 500; opacity: .7; font-variant-numeric: tabular-nums; }
.rv-fmore{ width: 28px; height: 28px; padding: 0; display: inline-grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--ink); cursor: pointer; }
.rv-fmore:hover, .rv-fmore.open{ background: var(--wash); }
.lib-card.dragging{ opacity: .5; }
.rv-fmenu{ min-width: 230px; max-width: 290px; padding: 6px; }
.rv-fmenu .menu-item{ width: 100%; text-align: left; }
.rv-fmenu .menu-item.on{ font-weight: 600; opacity: .55; }
.rv-fmenu .menu-item.danger{ color: var(--red); }
.rv-fmenu .rv-fhead{ font-size: 13px; font-weight: 600; color: var(--ink); padding: 8px 10px 4px; }
.rv-fnew{ display: flex; gap: 6px; padding: 6px 4px 4px; align-items: center; }
.rv-fnew input{ flex: 1; min-width: 0; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--ink);
  font: inherit; font-size: 13px; padding: 6px 12px; outline: none; }
.rv-fnew input:focus{ border-color: var(--ink); }
.rv-fnew .btn-quiet{ padding: 6px 12px; font-size: 12.5px; }