/* TRELLAN: the Resources screens. Report 258.

   Boards Resources and m-resources. Decision 6: a folder is a Mist row; an
   open folder's items are white, inset, with a green rule on their left.
   Scoped to `.lib-page` / `.res-page` (resources/index.html). */

/* A collection's heading is a label: caps, gray, its count after a dot. */
.lib-page .lib-folder-name {
  font-family: var(--font-display); font-weight: 500; font-size: 12px;
  letter-spacing: 3px; text-transform: uppercase; color: var(--gray);
}
.lib-page .lib-folder-name .lib-count { font-family: var(--font-display); font-size: 12px; color: var(--gray); }
.lib-page .lib-folder-name .lib-count::before { content: "· "; }

/* Rows: names in their own case, regular weight. */
.lib-page .lib-item-name { font-weight: 400; color: var(--ink); font-size: 15px; }
.lib-page .lib-item-head:hover { background: var(--mist); }
.lib-page .lib-ico { color: var(--charcoal); }

/* A row's kind ("Policy", "NM") is a plain grey tag, not a status. */
.lib-page .lib-item-head .ui-pill--kind {
  background: var(--mist); color: var(--gray); font-weight: 400; min-height: 0; padding: 3px 8px;
}
.lib-page .lib-item-head .ui-pill--kind::before { display: none; }

/* Decision 6. */
.res-page .lib-subfolder { border: 1px solid var(--hairline); background: var(--mist); }
.res-page .lib-subfolder > summary { background: var(--mist); font-weight: 400; color: var(--ink); min-height: 52px; }
.res-page .lib-subfolder > summary:hover { background: #EDEDEB; }
.res-page .lib-subfolder > summary .lib-ico { color: var(--leaf); }
.res-page .lib-subfolder > summary .lib-count { margin-left: auto; color: var(--gray); }
.res-page .lib-subfolder[open] > summary { background: #EEEEEC; border-bottom: 0; }
.res-page .lib-subfolder[open] > .lib-cards.of-list {
  margin: 0 0 0 20px; background: #FFFFFF; border-left: 2px solid var(--green);
}
.res-page .lib-subfolder > summary .ui-pill { background: #FFFFFF; border: 1px solid var(--hairline); }
.res-page .lib-subfolder > summary .ui-pill::before { display: none; }

/* The filter chips are the shared chips. */
.lib-page .lib-filters .filter {
  height: 38px; border: 1px solid var(--edge); background: #FFFFFF; color: var(--ink);
}
.lib-page .lib-filters .filter.active { background: var(--ink); border-color: var(--ink); color: #FFFFFF; }
.lib-page .lib-filters .filter .lib-count { font-weight: 700; }