/* agent-cta.css: shared "Need an AI agent?" call to action. Pairs with /assets/agent-cta.js.
   Glass look per the Apex brand locks: 16px radius, shadow, lime glow. Logical properties only (RTL-ready). */
[data-agent-cta~=paired] [data-agent-cta-scope]{display:none!important}
[data-agent-cta~=dismissed] [data-agent-cta-scope=banner]{display:none!important}
/* signed-in hint, pairing not known yet (agent-cta.js 'pending'): banner stays hidden until known */
[data-agent-cta~=pending] [data-agent-cta-scope=banner]{display:none!important}
/* No signed-in hint yet: account state unknown. The banner keeps its space (no layout jump) but is not shown until the check answers. */
[data-agent-cta~=checking] [data-agent-cta-scope=banner]{visibility:hidden}

.agent-banner{width:100%;max-width:1440px;margin-inline:auto;padding:12px 4%;box-sizing:border-box}
.agent-banner-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon text link close";align-items:center;gap:12px 18px;
  padding-block:12px;padding-inline:16px 12px;border-color:color-mix(in srgb,var(--lime) 45%,transparent);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 0 0 1px var(--glow),0 18px 44px -26px rgba(0,0,0,.7),0 0 36px -10px var(--glow)}
.agent-banner-card:hover{transform:none}
.agent-banner-icon{grid-area:icon;display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--lime);
  background:color-mix(in srgb,var(--lime) 14%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lime) 35%,transparent)}
.agent-banner-icon svg{width:22px;height:22px}
.agent-banner-text{grid-area:text;margin:0;font-size:17px;line-height:1.4;font-weight:600;color:var(--ink);min-width:0}
.agent-banner-eyebrow{display:inline-block;margin-inline-end:10px;padding:3px 9px;border-radius:999px;background:var(--lime);color:var(--on-lime);
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;vertical-align:2px}
.agent-banner-link{grid-area:link;display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;padding:10px 18px;border:1px solid var(--lime);
  border-radius:999px;color:var(--lime);font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,box-shadow .25s}
.agent-banner-link:hover{background:color-mix(in srgb,var(--lime) 14%,transparent);box-shadow:0 0 0 4px var(--glow)}
.agent-banner-link:focus-visible,.agent-banner-close:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:999px}
.agent-banner-close{grid-area:close;display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;
  background:transparent;color:var(--muted);border-radius:999px}
.agent-banner-close:hover{border-color:var(--lime);color:var(--ink);transform:none}
.agent-banner-close[hidden]{display:none}
.agent-banner-close svg{width:18px;height:18px}
@media (max-width:640px){
  .agent-banner{padding-block:10px}
  .agent-banner-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon text close" "link link link";gap:10px 12px;padding:12px}
  .agent-banner-text{font-size:16px}
  .agent-banner-link{justify-self:start;white-space:normal}
}
@media (prefers-reduced-motion:reduce){.agent-banner-link,.agent-banner-card{transition:none}}