/* fcl-shared.css -- classes shared by the FCL Navigator and FCL Readiness tools.
   Extracted from the previously-duplicated inline <style> blocks in
   fcl-navigator.html and fcl-readiness.html. Tool-specific CSS (.fnav-*, .im-*)
   stays inline in fcl-navigator.html. Depends on tokens from inner-page.css
   (--cyan-rgb, --gold, --crimson, --bone-soft, --bone-dim, --hairline). */
/* Answer-first capsule */
.fcl-capsule{margin:18px 0 0;padding:16px 18px;background:linear-gradient(180deg,rgba(var(--cyan-rgb),.06),rgba(var(--cyan-rgb),.02));border:1px solid rgba(var(--cyan-rgb),.28);border-radius:2px}
.fcl-capsule p{font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.65;color:var(--bone-soft);margin:0}
.fcl-capsule p+p{margin-top:10px}
.fcl-capsule .gold{color:var(--gold)}
/* KMP roster */
.kmp-list{display:flex;flex-direction:column;gap:8px}
.kmp-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:center}
@media(max-width:560px){.kmp-row{grid-template-columns:1fr 1fr}}
.kmp-row select{min-height:42px;padding:9px 11px}
.kmp-rm{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--crimson,#ff6680);background:transparent;border:1px solid rgba(255,80,110,.4);border-radius:2px;padding:8px 10px;cursor:pointer;white-space:nowrap}
.kmp-rm:hover{background:rgba(255,80,110,.12)}
.kmp-add{margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);background:rgba(var(--cyan-rgb),.08);border:1px solid rgba(var(--cyan-rgb),.4);border-radius:2px;padding:10px 14px;cursor:pointer;width:100%;-webkit-appearance:none;appearance:none}
.kmp-add:hover{background:rgba(var(--cyan-rgb),.16)}
/* Readiness gauge band */
.ro-band.blocked{color:var(--crimson,#ff6680)}
/* Scorecard */
.fcl-scorecard{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:2px}
.fcl-chk{display:flex;gap:11px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--hairline)}
.fcl-chk:last-child{border-bottom:none}
.fcl-ico{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#05030a;margin-top:1px}
.fcl-ico.good{background:var(--cyan)}
.fcl-ico.warn{background:var(--gold)}
.fcl-ico.bad{background:var(--crimson,#ff6680)}
.fcl-chk-body{display:flex;flex-direction:column;gap:3px}
.fcl-chk-t{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.02em;color:var(--bone-soft);font-weight:500}
.fcl-chk-d{font-family:'JetBrains Mono',monospace;font-size:10.5px;line-height:1.5;color:var(--bone-dim)}
/* FOCI Yes/No toggle pills (one-click binary answers). "Yes" = foreign interest
   present -> gold attention accent rather than neutral cyan. */
.foci-toggle{display:inline-flex;gap:0;border:1px solid var(--hairline);border-radius:2px;overflow:hidden;margin-top:2px}
.foci-toggle label{margin:0;display:block}
.foci-toggle input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.foci-toggle span{display:flex;align-items:center;min-height:44px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:10px 20px;cursor:pointer;color:var(--bone-dim);transition:background .16s,color .16s}
.foci-toggle label+label span{border-left:1px solid var(--hairline)}
.foci-toggle input:checked+span{background:rgba(var(--cyan-rgb),.18);color:var(--cyan)}
.foci-toggle label.yes input:checked+span{background:rgba(var(--gold-rgb),.20);color:var(--gold)}
.foci-toggle input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:-2px}