/* houses.css - the Capital Houses tab (1.11.9.69). Picked from the overhaul
   canvas: the board from A ("Exchange Board") for the list of houses, the
   charter room from B ("Charter Room") for a house.

   Same vocabulary as board.css: dark glass, an amber dot-matrix title with a
   green status LED, gold numbers. Colours come from the theme variables, so
   the red and jade skins carry through. Unlike board.css this is NOT scoped
   off body.fm-mobile: the markup is new and phones need it styled too. Narrow
   layouts stack at 760px. */

#guildTab.hx{--hx-line:color-mix(in srgb,var(--amber) 20%,transparent);--hx-faint:color-mix(in srgb,var(--green) 8%,transparent);
  --hx-glass:#000;--hx-blue:#4ecdc4;font-family:'Share Tech Mono',ui-monospace,Menlo,Consolas,monospace;color:var(--pale)}
#guildTab .hx-led{display:inline-block;width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--green);box-shadow:0 0 5px var(--green)}
#guildTab .hx-led-dim{background:var(--amber);box-shadow:0 0 5px var(--amber);opacity:.7}
#guildTab .hx-title{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:18px;letter-spacing:.16em;color:var(--amber);text-transform:uppercase}
#guildTab .hx-rule{flex:1 1 40px;height:1px;background:linear-gradient(90deg,var(--hx-line),transparent)}
#guildTab .hx-meta{font-size:11px;color:var(--muted);opacity:.85;letter-spacing:.04em}
#guildTab .hx-k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
#guildTab .hx-note{font-size:12px;color:var(--muted);line-height:1.5;opacity:.9}
#guildTab .hx-hint{font-size:12px;min-height:14px;margin-top:5px}
#guildTab .hx-empty{text-align:center;padding:24px;color:var(--muted);opacity:.6;font-size:13px}
#guildTab .hx-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0}
#guildTab .hx-sec{display:flex;align-items:center;gap:7px;font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--amber);text-transform:uppercase;margin-bottom:6px}
#guildTab .hx-card{background:var(--hx-glass);border-radius:4px;box-shadow:inset 0 0 12px #000,0 0 0 1px #000;padding:10px 12px;margin-bottom:10px}
#guildTab .hx-field{display:flex;flex-direction:column;gap:3px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:4px 0}
#guildTab .hx-field input,#guildTab .hx-field textarea,#guildTab .hx-field select{font-size:13px;text-transform:none;letter-spacing:0;box-sizing:border-box;width:100%}

#guildTab .hx-btn{font-family:inherit;font-size:12px;letter-spacing:.08em;text-transform:uppercase;min-height:32px;padding:0 12px;cursor:pointer;border-radius:3px;
  background:color-mix(in srgb,var(--green) 6%,#000);border:1px solid color-mix(in srgb,var(--green) 70%,transparent);color:var(--green)}
#guildTab .hx-btn:hover{background:color-mix(in srgb,var(--green) 14%,#000)}
#guildTab .hx-btn:disabled{opacity:.4;cursor:not-allowed}
#guildTab .hx-btn-gold{border-color:var(--amber);color:var(--gold);background:color-mix(in srgb,var(--amber) 7%,#000)}
#guildTab .hx-btn-gold:hover{background:color-mix(in srgb,var(--amber) 16%,#000)}
#guildTab .hx-btn-red{border-color:var(--bad);color:var(--bad);background:color-mix(in srgb,var(--bad) 7%,#000)}
#guildTab .hx-btn-dim{border-color:color-mix(in srgb,var(--muted) 35%,transparent);color:var(--muted);background:transparent}
#guildTab .hx-btn-sm{min-height:28px;font-size:11px;padding:0 9px}

/* ── The board ───────────────────────────────────────────────────────────── */
#guildTab .hx-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 10px}
#guildTab .hx-table{background:var(--hx-glass);border-radius:4px;box-shadow:inset 0 0 12px #000,0 0 0 1px #000;overflow:hidden}
#guildTab .hx-thead,#guildTab .hx-hrow{display:grid;grid-template-columns:30px minmax(0,1fr) 84px 104px 84px 66px;gap:8px;align-items:center;padding:8px 12px}
#guildTab .hx-thead{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid var(--hx-line)}
#guildTab .hx-thead .r,#guildTab .hx-hrow .r{text-align:right}
#guildTab .hx-hrow{width:100%;box-sizing:border-box;background:transparent;border:0;border-bottom:1px solid var(--hx-faint);color:inherit;font:inherit;text-align:left;cursor:pointer}
#guildTab .hx-hrow:hover{background:color-mix(in srgb,var(--amber) 7%,transparent)}
#guildTab .hx-hrow.is-mine{background:color-mix(in srgb,var(--amber) 9%,transparent)}
#guildTab .hx-hrow.is-locked{opacity:.6}
#guildTab .hx-rank{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:14px;color:var(--amber)}
#guildTab .hx-hname{display:flex;flex-direction:column;gap:2px;min-width:0}
#guildTab .hx-hname b{font-weight:400;font-size:14px;color:var(--pale);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guildTab .hx-hname i{font-style:normal;font-size:11px;color:var(--muted);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guildTab .hx-badge{font-size:10px;letter-spacing:.08em;text-align:center;padding:3px 0;border:1px solid currentColor;border-radius:2px}
#guildTab .hx-num{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:15px;color:var(--gold)}
#guildTab .up{color:var(--green)} #guildTab .dn{color:var(--bad)} #guildTab .flat{color:var(--muted)}
#guildTab .ch-exec{color:var(--muted)} #guildTab .ch-vote{color:var(--green)} #guildTab .ch-council{color:var(--hx-blue)}
#guildTab .ch-guild{color:#2ecc71} #guildTab .ch-dev{color:var(--gold)}
#guildTab .hx-invite{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;margin-bottom:10px;border:1px solid var(--hx-blue);border-radius:4px;background:color-mix(in srgb,var(--hx-blue) 6%,#000);font-size:13px}
#guildTab .hx-invite b{color:var(--gold);font-weight:400}

/* ── A house: plate, articles, seats ─────────────────────────────────────── */
#guildTab .hx-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:8px}
#guildTab .hx-plate{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 12px}
#guildTab .hx-name{font-family:'Doto','Share Tech Mono',monospace;font-weight:900;font-size:34px;letter-spacing:.1em;color:var(--green);text-transform:uppercase;
  text-shadow:0 0 10px color-mix(in srgb,var(--green) 35%,transparent);line-height:1.05;overflow-wrap:anywhere}
#guildTab .hx-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
#guildTab .hx-chip{font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid currentColor;border-radius:2px;color:var(--hx-blue)}
#guildTab .hx-chip-gold{color:var(--amber)} #guildTab .hx-chip-dim{color:var(--muted)}
#guildTab .hx-desc{font-size:12px;color:var(--muted);max-width:620px}
#guildTab .hx-articles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:12px}
/* FLSH Capital's books (1.11.9.75): figures run to Ƒ100.00T, so three across */
#guildTab .hx-articles.hx-books{grid-template-columns:repeat(3,minmax(0,1fr))}
#guildTab .hx-art{background:var(--hx-glass);border:1px solid var(--hx-line);border-radius:3px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;min-width:0}
#guildTab .hx-art .v{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:16px;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guildTab .hx-art .d{font-size:11px;color:var(--muted);opacity:.85;line-height:1.35}
#guildTab .hx-seats-wrap{background:var(--hx-glass);border-radius:5px;box-shadow:inset 0 0 16px #000;padding:12px 14px 8px;margin-bottom:12px}
#guildTab .hx-seats-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
#guildTab .hx-seats-head #hx-seats-meta{color:var(--muted);text-transform:none;letter-spacing:.02em;font-size:11px}
#guildTab .hx-seats{display:flex;justify-content:center;align-items:flex-start;gap:8px;flex-wrap:wrap}
#guildTab .hx-seat{width:96px;display:flex;flex-direction:column;align-items:center;gap:3px}
#guildTab .hx-disc{width:50px;height:50px;border-radius:50%;border:2px solid var(--muted);background:color-mix(in srgb,var(--green) 4%,#000);display:flex;align-items:center;justify-content:center;
  font-family:'Doto','Share Tech Mono',monospace;font-weight:900;font-size:17px;color:var(--muted)}
#guildTab .hx-seat .n{font-size:12px;color:var(--pale);max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guildTab .hx-seat .r{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
#guildTab .hx-seat .bar{width:76px;height:5px;background:color-mix(in srgb,var(--green) 6%,#000);border-radius:1px;overflow:hidden}
#guildTab .hx-seat .bar i{display:block;height:5px;background:var(--gold)}
#guildTab .hx-seat .vv{font-size:11px;color:var(--muted)}
#guildTab .hx-seat.s-owner .hx-disc{border-color:var(--gold);color:var(--gold);box-shadow:0 0 9px color-mix(in srgb,var(--gold) 45%,transparent)}
#guildTab .hx-seat.s-owner .r{color:var(--gold)}
#guildTab .hx-seat.s-golden .hx-disc{border-color:var(--amber);color:var(--amber);box-shadow:0 0 8px color-mix(in srgb,var(--amber) 40%,transparent)}
#guildTab .hx-seat.s-golden .r{color:var(--amber)}
#guildTab .hx-seat.s-officer .hx-disc{border-color:var(--hx-blue);color:var(--hx-blue)}
#guildTab .hx-seat.s-officer .r{color:var(--hx-blue)}
#guildTab .hx-seat.s-new{opacity:.55}
#guildTab .hx-seat.s-me .n{color:var(--gold)}
#guildTab .hx-floor{margin:8px auto 0;width:280px;max-width:80%;height:22px;border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);border-bottom:0;border-radius:140px 140px 0 0;
  display:flex;align-items:flex-end;justify-content:center;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}

/* Sub-tabs, as the board strip */
#guildTab .hx-tabs{display:flex;gap:2px;background:#000;border-radius:4px;padding:0 4px;margin-bottom:10px;box-shadow:inset 0 0 10px #000,0 0 0 1px #000;overflow-x:auto}
#guildTab .hx-tab{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;padding:9px 12px 7px;
  background:transparent;border:0;border-bottom:2px solid transparent;color:var(--amber);opacity:.7;cursor:pointer;white-space:nowrap}
#guildTab .hx-tab:hover{opacity:.95}
#guildTab .hx-tab.on{opacity:1;color:var(--gold);border-bottom-color:var(--amber);text-shadow:0 0 6px var(--amber);background:color-mix(in srgb,var(--amber) 9%,transparent)}

/* ── The floor ───────────────────────────────────────────────────────────── */
#guildTab .hx-split{display:flex;gap:12px;align-items:flex-start}
#guildTab .hx-col{flex:1 1 0;min-width:0}
#guildTab .hx-col-side{flex:0 0 360px}
#guildTab .hx-motion-card{border:1px solid var(--hx-line);border-radius:3px;padding:9px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px;background:var(--hx-glass)}
#guildTab .hx-motion-top{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#guildTab .hx-motion-txt{font-size:13px;color:var(--pale)}
#guildTab .hx-motion-why{font-size:11px;color:var(--muted);opacity:.85}
#guildTab .hx-tally{position:relative;height:8px;background:color-mix(in srgb,var(--green) 5%,#000);border-radius:1px;overflow:hidden}
#guildTab .hx-tally .y{position:absolute;left:0;top:0;bottom:0;background:var(--green)}
#guildTab .hx-tally .n{position:absolute;right:0;top:0;bottom:0;background:var(--bad)}
#guildTab .hx-tally .q{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--gold)}
#guildTab .hx-motion-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted)}
#guildTab .hx-motion-btns{display:flex;gap:6px;flex-wrap:wrap}
#guildTab .hx-aye{border-color:var(--green);color:var(--green)}
#guildTab .hx-nay{border-color:var(--bad);color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,#000)}
#guildTab .hx-voted{outline:1px solid currentColor;outline-offset:2px}
#guildTab .k-trade{color:var(--green)} #guildTab .k-liquidate,#guildTab .k-disband{color:var(--bad)} #guildTab .k-payout{color:var(--gold)} #guildTab .k-appoint,#guildTab .k-revoke{color:var(--hx-blue)}
#guildTab .k-expel,#guildTab .k-recall{color:var(--bad)} #guildTab .k-amend{color:var(--amber)}
#guildTab .hx-business{background:var(--hx-glass);border-radius:4px;box-shadow:inset 0 0 12px #000;padding:4px 10px}
#guildTab .hx-biz{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"t st" "x x" "tl tl";gap:3px 8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--hx-faint);font-size:12px}
#guildTab .hx-biz .t{grid-area:t} #guildTab .hx-biz .x{grid-area:x;color:var(--pale)} #guildTab .hx-biz .tl{grid-area:tl} #guildTab .hx-biz .st{grid-area:st}
#guildTab .hx-biz:last-child{border-bottom:0}
#guildTab .hx-biz .t{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
#guildTab .hx-biz .tl{font-size:11px;color:var(--muted)}
#guildTab .hx-biz .st{font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:3px 0;border:1px solid currentColor;border-radius:2px}
#guildTab .st-passed{color:var(--green)} #guildTab .st-rejected,#guildTab .st-vetoed,#guildTab .st-failed_exec{color:var(--bad)}
#guildTab .st-lapsed,#guildTab .st-expired{color:var(--muted)}
#guildTab .hx-sentence{font-size:14px;line-height:2.2;color:var(--pale)}
#guildTab .hx-sentence .input,#guildTab .hx-in{display:inline-block;width:auto;max-width:100%;min-height:30px;font-size:13px;padding:2px 6px;vertical-align:middle;
  border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);color:var(--gold);background:#000}
#guildTab .hx-sentence input.input{width:120px}
#guildTab .hx-sentence input.hx-sym{width:80px;text-transform:uppercase}
#guildTab .hx-owed{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;border-bottom:1px solid var(--hx-faint)}

/* Sector bars: the P&L panel's sb-* rows, which are styled in a sheet this tab
   does not load. */
#guildTab .sb-row{display:grid;grid-template-columns:120px minmax(0,1fr) 130px;gap:8px;align-items:center;font-size:12px}
#guildTab .sb-name{color:var(--muted)}
#guildTab .sb-bg{height:6px;background:color-mix(in srgb,var(--green) 6%,#000);border-radius:1px;overflow:hidden}
#guildTab .sb-fill{height:6px;background:var(--amber)}
#guildTab .sb-val{text-align:right;color:var(--gold)}

/* ── Account ─────────────────────────────────────────────────────────────── */
#guildTab .hx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
#guildTab .hx-stat{background:var(--hx-glass);border-radius:4px;box-shadow:inset 0 0 10px #000,0 0 0 1px #000;padding:10px 12px;min-width:0}
#guildTab .hx-stat .hx-v{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:20px;color:var(--gold);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#guildTab .hx-stat .hx-s{font-size:11px;color:var(--muted);margin-top:2px}
#guildTab .hx-metrics{flex:1;min-width:210px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:center}
#guildTab .hx-metric{text-align:center;padding:6px;border:1px solid var(--hx-faint);border-radius:3px;font-size:13px}
#guildTab .hx-ledger{max-height:220px;overflow:auto;font-size:12px}
#guildTab .hx-lrow{display:grid;grid-template-columns:minmax(0,1fr) 110px 80px auto;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--hx-faint)}
#guildTab .hx-lrow .r{text-align:right}
#guildTab .hx-teletype{font-size:12px;line-height:1.55;max-height:200px;overflow:auto;background:var(--hx-glass);border-radius:4px;box-shadow:inset 0 0 12px #000;padding:8px 10px}
#guildTab .hx-teletype .ts{color:color-mix(in srgb,var(--muted) 55%,transparent);margin-right:6px}

@media (max-width:1200px){
  #guildTab .hx-articles{grid-template-columns:repeat(3,minmax(0,1fr))}
  #guildTab .hx-col-side{flex-basis:320px}
}
@media (max-width:760px){
  #guildTab .hx-thead,#guildTab .hx-hrow{grid-template-columns:24px minmax(0,1fr) 70px 86px;padding:8px}
  #guildTab .hx-thead span:nth-child(5),#guildTab .hx-hrow>span:nth-child(5),
  #guildTab .hx-thead span:nth-child(6),#guildTab .hx-hrow>span:nth-child(6){display:none}
  #guildTab .hx-articles,#guildTab .hx-articles.hx-books{grid-template-columns:repeat(2,minmax(0,1fr))}
  #guildTab .hx-split{flex-direction:column}
  #guildTab .hx-col-side{flex-basis:auto;width:100%}
  #guildTab .hx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #guildTab .hx-name{font-size:24px}
  #guildTab .hx-seat{width:78px}
}