/* ═══════════════════════════════════════════════════════════
   Affinity Atlas - demo-only styles
   Deck progress, end-of-deck actions, explore prompts,
   "What we hold" inventory. Uses the tokens from ../styles.css.
   ═══════════════════════════════════════════════════════════ */

.deck-progress{font-family:var(--font-mono);font-size:12px;color:var(--text-3);margin:0 0 10px;text-align:center}
.deck-keys{display:none}
@media (hover:hover) and (pointer:fine){.deck-keys{display:inline}}

.empty-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}

.mc-open{margin-top:14px}
.link-btn{background:none;border:none;padding:0;color:var(--accent);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link-btn:hover{color:var(--text)}

.explore-prompts{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.explore-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.explore-row:last-of-type{border-bottom:none}
.explore-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}
.explore-text{flex:1;min-width:0;font-size:13px;line-height:1.45;color:var(--text-2)}
.explore-text strong{color:var(--text)}
.explore-score{font-family:var(--font-mono);color:var(--text);white-space:nowrap}
.explore-delta{font-family:var(--font-mono);font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);white-space:nowrap}
.explore-delta.up{color:var(--success);border-color:rgba(34,197,94,.4)}
.explore-delta.down{color:var(--secondary);border-color:rgba(212,120,140,.4)}
.explore-delta.same{color:var(--text-3)}
.explore-btn{flex-shrink:0}
.explore-note{font-size:12px;color:var(--text-3);line-height:1.5;margin:8px 0 0}

.pref-count{font-size:12px;margin:10px 0 0}

.inventory .inv-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.inventory .inv-row:last-of-type{border-bottom:none}
.inv-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}
.inv-info{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;line-height:1.4}
.inv-info .text-secondary{font-size:12px}
.inv-forget{flex-shrink:0}
.inv-meta{font-size:12px;margin:10px 0}

.profile-card:focus-visible,.match-row:focus-visible,.ob-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media (max-width:420px){
  .explore-row{flex-wrap:wrap}
  .explore-text{flex-basis:calc(100% - 34px)}
  .explore-btn{margin-left:34px}
}