/* contact pill: bottom-right button that opens a small card. Uses the site tokens (--accent, --surface...), shared by the app sites. */
.cx-pill{position:fixed;right:24px;bottom:24px;z-index:50;display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:15px 24px 15px 20px;
  background:var(--accent,#3557D6);color:#fff;font-family:inherit;font-size:17px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 12px 30px -10px rgba(20,30,70,.45);transition:transform .15s ease,background .15s ease}
.cx-pill:hover{background:var(--accent-ink,#2643B0);transform:translateY(-1px)}
.cx-pill:focus-visible,.cx-card :focus-visible{outline:3px solid var(--accent,#3557D6);outline-offset:3px}
.cx-pill svg{width:22px;height:22px;flex:none}
.cx-card{position:fixed;right:24px;bottom:92px;z-index:51;width:380px;max-width:calc(100vw - 32px);background:var(--surface,#fff);color:var(--ink,#1C1F26);
  border:1px solid var(--line,#DCDCD6);border-radius:var(--radius,22px);box-shadow:var(--shadow,0 24px 60px -24px rgba(20,30,70,.38));padding:24px;font-size:16px;line-height:1.45}
.cx-card[hidden]{display:none}
.cx-card h2{font-size:20px;margin:0 0 4px;letter-spacing:-.01em}
.cx-card p{margin:0;color:var(--muted,#5E6470)}
.cx-card .cx-mail{display:inline-block;margin:6px 0 14px;font-weight:600;overflow-wrap:anywhere}
.cx-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--muted,#5E6470);font-size:22px;line-height:1;cursor:pointer}
.cx-x:hover{background:var(--soft,#E3E8FA);color:var(--ink,#1C1F26)}
.cx-card form{display:grid;gap:8px;border-top:1px solid var(--line,#DCDCD6);padding-top:14px}
.cx-card label{font-size:13px;font-weight:600;color:var(--muted,#5E6470)}
.cx-card input,.cx-card textarea{width:100%;font:inherit;font-size:16px;color:inherit;background:var(--ground,#F5F5F2);border:1px solid var(--line,#DCDCD6);border-radius:12px;padding:9px 12px}
.cx-card textarea{min-height:88px;resize:vertical}
.cx-card .cx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.cx-send{border:0;border-radius:12px;padding:10px 18px;background:var(--accent,#3557D6);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.cx-send:hover{background:var(--accent-ink,#2643B0)}
.cx-send[disabled]{opacity:.6;cursor:default}
.cx-status{font-size:14px;color:var(--muted,#5E6470)}
.cx-status.ok{color:var(--accent,#3557D6);font-weight:600}
@media (prefers-color-scheme:dark){.cx-pill,.cx-send{color:#0E1424}.cx-pill{box-shadow:0 12px 30px -10px rgba(0,0,0,.8)}}
@media (max-width:560px){
  .cx-pill{right:16px;bottom:16px;padding:13px 20px 13px 17px;font-size:16px}
  .cx-card{right:16px;left:16px;bottom:80px;width:auto;max-width:none;max-height:calc(100vh - 90px);overflow:auto}
}
@media print{.cx-pill,.cx-card{display:none}}