/* Shared styles for the public recruitment pages (main page cards, alliance profiles, Kingdom Stats, Transfer Desk).
   Brand tokens only. Alliances are always shown alphabetically; nothing here ranks or compares them. */
.pill{display:inline-block;font:600 .68rem var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:var(--acc-bg);color:var(--gold);white-space:nowrap}
.pill.open{background:var(--ok-bg,var(--acc-bg));color:var(--ok,var(--gold))}
.pill.closed{color:var(--muted)}
.upd{color:var(--muted);font-size:.85rem;margin-top:10px}
.tgl{display:inline-flex;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;font:600 .78rem var(--f-display);letter-spacing:.06em}
.tgl button{border:0;background:none;color:var(--muted);padding:6px 12px;cursor:pointer;min-height:34px;font:inherit}
.tgl button[aria-pressed=true]{background:var(--k-forest);color:var(--k-ivory)}
.field{display:block;font:600 .72rem var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:16px 0 6px}
.in{width:100%;min-height:46px;padding:10px 12px;border-radius:8px;border:1.5px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:1rem}
.in:focus-visible,.tgl button:focus-visible,summary:focus-visible,.card:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px}
textarea.in{min-height:96px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.grid2{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:14px 0 0}
.facts div{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.facts b{display:block;font:600 .68rem var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.facts span{font:600 1.2rem var(--f-display);font-variant-numeric:tabular-nums}
.err{color:var(--err);min-height:1.4em;margin-top:10px}
.ok{color:var(--ok)}
[hidden]{display:none!important}

/* transfer seat card (public): seat counts, phases, windows and power caps only */
.sx-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:20px}
.sx-eyebrow{font:600 .7rem var(--f-display);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.sx-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.sx-big{font:800 clamp(1.7rem,6vw,2.4rem) var(--f-display);letter-spacing:-.03em;margin:6px 0 0;font-variant-numeric:tabular-nums}
.sx-big small{font:600 1rem var(--f-display);letter-spacing:0}
.sx-badge{font:800 .68rem var(--f-display);letter-spacing:.14em;text-transform:uppercase;background:var(--k-gold);color:var(--accent-ink);padding:7px 14px;border-radius:999px;white-space:nowrap}
.sx-sub{color:var(--muted);margin:6px 0 0;font-size:.95rem}
.sx-bar{height:8px;border-radius:4px;background:var(--sunk);margin:14px 0;overflow:hidden}.sx-bar i{display:block;height:100%;background:var(--brand-gold);border-radius:4px}
.sx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 14px}
.sx-steps span{font:800 .6rem var(--f-display);letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:9px 4px;border-radius:4px;background:var(--sunk);color:var(--muted);border:1px solid transparent}
.sx-steps span.on{background:var(--k-forest);color:var(--k-ivory);border-color:var(--brand-gold)}
.sx-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:620px){.sx-boxes{grid-template-columns:1fr}.sx-steps span{font-size:.54rem}}
.sx-box{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--bg);display:flex;flex-direction:column;gap:2px}
.sx-box.hot{border-color:var(--brand-gold)}
.sx-box b{font:800 1.5rem var(--f-display);font-variant-numeric:tabular-nums}.sx-box b small{font:600 .85rem var(--f-body);color:var(--muted)}
.sx-box span{font:600 .62rem var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sx-box.red b{color:var(--err)}
.sx-upd,.sx-src{color:var(--muted);font-size:.8rem;margin:12px 0 0}.sx-src{margin-top:4px}
.sx-src a{color:inherit}
.sx-next{margin:14px 0 0}.sx-next em{color:var(--muted);font-size:.85rem}
.sx-card.full .sx-big{font-size:2.2rem}
.sx-scroll{overflow-x:auto;margin-top:10px}
.sx-table{width:100%;border-collapse:collapse;font-size:.95rem}
.sx-table td{padding:12px 14px 12px 0;border-top:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums}.sx-table tr:first-child td{border-top:0}
.sx-table tr.pred td,.sx-table em{color:var(--muted)}.sx-table em{font-size:.82rem}
.sx-tag{font:800 .6rem var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--k-forest);color:var(--k-ivory);border:1px solid var(--brand-gold)}.sx-tag.p{background:var(--sunk);color:var(--muted);border-color:transparent}
.sx-foot{color:var(--muted);font-size:.8rem;margin:12px 0 0}

/* Transfer Manager contact cards and a few extras for the invitation card */
.sx-box em{font:500 .78rem var(--f-body);font-style:normal;color:var(--muted);line-height:1.35;margin-top:4px}.sx-box em b{color:var(--fg)}
.sx-mlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px}
.sx-mlist li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.sx-mlist .av{position:relative;width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--accent-ink);flex:none;overflow:hidden;display:grid;place-items:center;font:800 1.1rem var(--f-display)}
.sx-mlist .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sx-mlist .mw{min-width:0}.sx-mlist b{display:block;font:800 1rem var(--f-display);overflow-wrap:anywhere}
.sx-mlist small{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}.sx-mlist .pid{font-weight:600;color:var(--fg);font-variant-numeric:tabular-nums}
.sx-copy{margin-left:6px;padding:3px 12px;min-height:28px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--fg);font:600 .72rem var(--f-display);cursor:pointer}
.sx-copy:hover{border-color:var(--brand-gold)}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.chipset label{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;cursor:pointer;min-height:44px;font-weight:600;font-size:.92rem;background:var(--bg)}
.chipset input{width:18px;height:18px;accent-color:var(--accent)}
.chipset label:has(input:checked){background:var(--k-forest);color:var(--k-ivory);border-color:var(--accent)}
.note-box{margin-top:10px;padding:10px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.warn-box{margin-top:10px;padding:10px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--warn);font-size:.92rem}