/* ─────────────────────────────────────────
   App icon placeholder glyphs

   The greyscale file-type glyph rendered by partials/_app_icon.html wherever an
   application has no extracted icon. Loaded unconditionally from base.html
   rather than a css/pages/ sheet, because the icon slots it styles appear on
   catalogue, discover, detail and dial pages alike — a per-page sheet would
   leave the glyph unstyled on whichever page nobody remembered.

   The glyph draws its own frame, so it fills more of a slot than the old 16px
   cube did; each slot below sizes it to sit inside its chip rather than rattle
   around in the middle of one.
───────────────────────────────────────── */

.ft-glyph {
  color: var(--cs-neutral-400);
  flex-shrink: 0;
}

/* Catalogue rows — 28px chip. */
.catalog-item__icon .ft-glyph {
  width: 24px;
  height: 24px;
}

/* Item detail header — 64px tile. */
.item-header__logo .ft-glyph {
  width: 44px;
  height: 44px;
}

/* Discover rows, cards and tables. .disc-icon carries the box metrics for both
   the <img> and the glyph; only the colour is glyph-specific. */
svg.disc-icon {
  color: var(--cs-neutral-400);
}

/* Pools dial legend and any bare inline use. */
.ft-glyph--sm {
  width: 20px;
  height: 20px;
}

/* Related Apps rows — icon slot added alongside the name. */
.related-app__icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
  margin-right: 8px;
}