/* wgf-home-forever-ah.css - the homepage's Forever Auction House frame (wgf_home_forever_ah.py).
   The in-game browse frame, clean: one window, tabs, a facts line, two columns of most-listed
   items with quality-coloured names and coin prices. Scoped to .hm-fah; tokens from _tokens.css. */
.hm-fah{--fah-line:rgba(255,255,255,.08);--fah-gold:#f0c040}
.hm-fah__title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.hm-fah__title-sub{font-size:.8em;font-weight:400;opacity:.75}
.hm-fah__tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 12px;border-bottom:1px solid var(--fah-line)}
.hm-fah__tab{padding:8px 14px;border:1px solid var(--fah-line);border-bottom:0;border-radius:6px 6px 0 0;
  text-decoration:none;font-family:var(--font-game,inherit);font-size:.9rem;background:rgba(0,0,0,.25)}
.hm-fah__tab.is-on{background:rgba(240,192,64,.12);border-color:rgba(240,192,64,.5);color:var(--fah-gold)}
.hm-fah__prov{margin:0 0 10px;font-size:.92rem;opacity:.85}
.hm-fah__facts{display:flex;gap:6px 18px;flex-wrap:wrap;list-style:none;margin:0 0 14px;padding:0;font-size:.9rem;opacity:.9}
.hm-fah__facts b{color:var(--fah-gold);font-variant-numeric:tabular-nums}
.hm-fah__panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.hm-fah__pane-h{margin:0 0 6px;font-size:1rem;font-family:var(--font-game,inherit)}
.hm-fah__pane-h span{font-weight:400;opacity:.7;font-size:.85em}
.hm-fah__table{width:100%;border-collapse:collapse;background:rgba(0,0,0,.28);border:1px solid var(--fah-line)}
.hm-fah__table th{text-align:left;font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;
  opacity:.7;padding:7px 10px;border-bottom:1px solid var(--fah-line)}
.hm-fah__table td{padding:6px 10px;border-bottom:1px solid var(--fah-line);vertical-align:middle;font-size:.95rem}
.hm-fah__table tbody tr:hover{background:rgba(240,192,64,.06)}
.hm-fah__item a{display:flex;align-items:center;gap:10px;text-decoration:none}
.hm-fah__icon{width:32px;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.6);flex:none;background:#111}
.hm-fah__icon--empty{display:inline-block}
.hm-fah__lvl,.hm-fah__qty,.hm-fah__buyout{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.hm-fah__table th:not(:first-child){text-align:right}
.hm-fah__empty,.hm-fah__updating{opacity:.75;font-size:.92rem}
.hm-fah__more{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0 0}
.hm-fah__link{font-size:.92rem}
/* Quality colours (same keys as forever_ah_render.QUALITY_CLASS). */
.hm-fah .q-poor{color:#9d9d9d}.hm-fah .q-common{color:#fff}.hm-fah .q-uncommon{color:#1eff00}
.hm-fah .q-rare{color:#0070dd}.hm-fah .q-epic{color:#a335ee}.hm-fah .q-legendary{color:#ff8000}
@media (max-width:640px){.hm-fah__table th:nth-child(2),.hm-fah__table td:nth-child(2){display:none}
  .hm-fah__tab{padding:7px 10px;font-size:.85rem}}
.hm-fah__sel{display:flex;gap:6px 8px;flex-wrap:wrap;align-items:center;margin:0 0 6px;font-size:.9rem}
.hm-fah__sel-l{opacity:.7;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;margin:0 4px 0 2px}
.hm-fah__sel-l+.hm-fah__chip{margin-left:0}
.hm-fah__sel-l:not(:first-child){margin-left:10px}
.hm-fah__chip{padding:5px 10px;border:1px solid var(--fah-line);border-radius:6px;color:inherit;text-decoration:none;line-height:1.2}
.hm-fah__chip span{opacity:.75;font-size:.8em;margin-left:3px}
.hm-fah__chip:hover{border-color:rgba(240,192,64,.5)}
.hm-fah__chip.is-on{background:rgba(240,192,64,.12);border-color:rgba(240,192,64,.5);color:var(--fah-gold)}
.hm-fah__sel-note{margin:0 0 12px;font-size:.8rem;opacity:.7}
@media (max-width:640px){.hm-fah__sel-l:not(:first-child){margin-left:0;flex-basis:100%;margin-top:4px}}