/* ===========================================================================
   06-COMPONENTS / COLLECTION  (c-collection)  — chunk 08 (the Library)
   The three "keep, don't act on" surfaces — People · Reference · Journal — are one
   calm collection instrument built from the shared partials in
   app/views/app/collections/. This holds the only bespoke styling those partials
   need that the existing components don't already provide: the DEMOTED create form.
   Fast capture is shell-owned (the chunk-01 capture bar), so a page's own create
   form sits in a quiet, collapsible slot below the list — the looking-back payoff
   leads. Token-only, both themes, no hardcoded rgba.
   =========================================================================== */

/* The collapsible wrapper: a hairline rule sets it apart as a secondary slot. */
.c-collection__add {
  border-top: 1px solid var(--color-border);
  padding-top: var(--space-4);
}

/* The disclosure control reads as quiet chrome, not a primary call to action — and
   stays a comfortable touch target on a phone (C4). */
.c-collection__add-summary {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  padding-block: var(--space-2);
  font-family: var(--font-plaque);
  font-size: var(--fs-2xs);
  letter-spacing: var(--ls-widest);
  text-transform: uppercase;
  color: var(--color-text-muted);
  cursor: pointer;
  list-style: none; /* drop the native disclosure triangle; we draw our own glyph */
}
.c-collection__add-summary::-webkit-details-marker { display: none; }

/* A small +/– glyph in the accent hue signals expand/collapse without a JS hook. */
.c-collection__add-summary::before {
  content: "+";
  font-family: var(--font-data);
  color: var(--color-accent);
}
.c-collection__add[open] > .c-collection__add-summary::before { content: "–"; }

.c-collection__add-summary:hover,
.c-collection__add-summary:focus-visible { color: var(--color-text); }