/* Claude Code buttons on a client Home (Faro desktop 1.1.3 only). Uses the design tokens; no hard coded colors. */
[hidden]{display:none!important}
.fcl{margin:0 0 1.25rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:.75rem}
.fcl-head{display:flex;gap:.75rem;align-items:flex-start}
.fcl-icon{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:10px;background:var(--surface-alt);color:var(--accent);flex:none}
.fcl h2{margin:0;font-size:1rem;line-height:1.3}
.fcl-sub,.fcl-note{margin:.15rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.45}
.fcl-note{margin:0}
.fcl-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.fcl-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-weight:600;font-size:14.5px;line-height:1.25;cursor:pointer;text-align:left}
.fcl-btn:hover{background:var(--hover)}
.fcl-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.fcl-btn-primary:hover{background:color-mix(in srgb,var(--accent) 86%,#000)}
.fcl-btn[aria-disabled="true"]{opacity:.6;cursor:progress}
.fcl-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,#fff);outline-offset:2px}
.fcl-status{margin:0;font-size:.875rem;min-height:1.2em}
.fcl-status:empty{display:none}
@media (max-width:560px){.fcl-actions{flex-direction:column}.fcl-btn{justify-content:center;width:100%}}