/* passcard.home 1.0.0 (2026-09-27, GMXPasscard 1.1.7 client patch) - the COLLECTIONS HOME dressing around the shared
   full-launcher 1.0.4 board (the component's own CSS paints the tiles; nothing here restyles a tile's colors).
   FOUNDATIONAL #1: light surface, ink #14171f on pearl #fbf9e4 / white. AA (computed):
     ink #14171f on #ffffff = 17.9:1 · on #fbf9e4 = 17.0:1 · muted #4a5160 on #ffffff = 8.3:1
     count badge: white #ffffff on #14171f = 17.9:1 (a 1-2 digit chrome label, allowed filled-chrome exception)
     no-switch pill keeps the shell's own colors (chrome-hi on chrome-deep), only the pointer/hover change. */

/* home board: a little more room per tile on phone (full-launcher is 3-up at <=380px, 4-up above) */
.pch-home .fl-board { padding-bottom: 24px; }
.pch-home .fl-title { font-family: "Source Serif 4", Georgia, serif; color: #122c4f; }
@media (min-width: 700px) {
  .pch-home .fl-grid { grid-template-columns: repeat(5, 1fr); gap: 18px; }
  .pch-home .fl-glyph { width: 68px; height: 68px; border-radius: 18px; }
  .pch-home .fl-i { font-size: 36px; }
  .pch-home .fl-label { font-size: 13px; }
}
.pch-home .fl-tile { position: relative; min-height: 44px; }
/* full words on phone: the component caps labels at 64px ("Member..."); the kinds need their whole name */
.pch-home .fl-label { max-width: 100%; overflow: visible; text-overflow: clip; overflow-wrap: normal; }
.pch-home .fl-tile:focus-visible { outline: 2px solid #122c4f; outline-offset: 2px; border-radius: 12px; }

/* REAL count badge (shown only when the viewer has real cards of that kind) */
.pch-count {
  position: absolute; top: 0; right: calc(50% - 38px); min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 999px; background: #14171f; color: #ffffff; font: 700 11px/20px system-ui, sans-serif;
  text-align: center; box-shadow: 0 0 0 2px #fbf9e4;
}
@media (min-width: 700px) { .pch-count { right: calc(50% - 44px); } }

/* first-step hint strip (no cards yet) */
.pch-hint {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
  background: #ffffff; border: 1px solid #d9d4b4; border-left: 4px solid #9A7830; border-radius: 12px;
  padding: 12px 14px; margin: 0 2px 16px; color: #14171f;
}
.pch-hint-t { margin: 0; font-size: 15px; line-height: 1.4; flex: 1 1 220px; }
.pch-hint-scan { flex: 0 0 auto; }

/* empty album: a clear first step, not a blank board */
.pch-empty { background: #ffffff; border: 1px solid #d9d4b4; border-radius: 14px; margin: 12px 0; padding: 24px 16px; }
.pch-empty-ic { display: inline-grid; place-items: center; width: 64px; height: 64px; border-radius: 18px;
  background: #eef0f6; color: #122c4f; font-size: 34px; margin-bottom: 6px; }
.pch-empty-h { font-weight: 700; font-size: 17px; color: #14171f; }
.pch-empty-t { color: #4a5160; font-size: 15px; line-height: 1.45; max-width: 34ch; margin: 4px auto 14px !important; }
.pch-empty-a { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

/* C2: env pill with only one lane = a plain badge (no pointer, no hover change) */
.gmxshell-env.pc-no-switch { cursor: default; }
.gmxshell-env.pc-no-switch:hover { background: var(--chrome-deep); }
.gmxshell-env.pc-no-switch.is-sandbox:hover { background: #f2c66b; }

/* DESIGN PASS 2026-09-27 (label 1.1.7) */
/* ART P1-4: the album title is now the short album name; give it room so it never clips to "Col..." */
#gmxshell-root .gmxshell-top .pcx-title { max-width: 150px; }
/* ART note 3: the last tile row must clear the fixed bottom tab bar (nav ~64px + safe area) */
.pch-home .fl-board { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
/* the Make a card tile: same tile, a dashed ring marks it as an action, not a collection (non-text, 3:1 on pearl) */
.pch-home .fl-tile[data-tile="make-card"] .fl-glyph { box-shadow: 0 0 0 2px #fbf9e4, 0 0 0 4px #122c4f; }