/* S586 owner-portal Connect panel (connect.js). S598: Zapier card + choice. S600: one card for every Zapier shop. */
#cx-card h3{font-size:1.02rem;color:var(--navy);margin:0 0 6px}
#cx-card .cx-sec{border-top:1px solid var(--line);padding:14px 0 4px;margin-top:12px}
#cx-card .cx-copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
#cx-card .cx-val{flex:1 1 200px;min-width:0;overflow-wrap:anywhere;background:#f6f4ee;border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:.88rem}
#cx-card .cx-copy-btn{min-width:72px}
#cx-card .cx-badge{display:inline-block;font-size:.82rem;font-weight:600;padding:3px 9px;border-radius:999px;background:#eef2f8;color:var(--navy)}
#cx-card .cx-ok{background:var(--ok-bg);color:#0a4d38}
#cx-card .cx-warn{background:var(--amber-bg);color:var(--amber)}
#cx-card .cx-head{margin:0 0 6px}
#cx-card .cx-mt{margin-top:10px}
#cx-card a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
#cx-card .cx-steps{margin:6px 0 10px;padding-left:20px}
#cx-card .cx-steps li{margin:0 0 4px}
#cx-card .cx-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0;cursor:pointer}
#cx-card .cx-check input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0}
#cx-card .cx-people,#cx-card .cx-skip{margin:6px 0 10px;padding-left:18px}
#cx-card .cx-people li,#cx-card .cx-skip li{margin:0 0 4px}
#cx-card .cx-links a{margin-right:14px}
#cx-card .cx-confirm{border-top:1px dashed var(--line);padding-top:6px;margin-top:6px}
#cx-card .cx-off{margin:6px 0 10px}
#cx-card [hidden]{display:none!important}
#cx-card select.in{min-height:48px}
#cx-card .cx-zap-card{background:#EEFBF4;border:1px solid #cfe8db;border-radius:12px;padding:14px;margin:4px 0 8px}
#cx-card .cx-zap-card h3{margin:0 0 6px}
#cx-card .cx-zap-line{margin:0 0 10px;font-size:.92rem;color:var(--ink)}
#cx-card .cx-zap-line+.btn{margin-top:4px}
#cx-card .cx-zap-help{margin:-6px 0 8px 32px;color:var(--muted)}
#cx-card .cx-zap-out{margin:0 0 8px;min-height:1.2em;color:var(--muted)}
#cx-card .cx-zap-out:empty{min-height:0;margin:0}
#cx-card #cx-zap-need{accent-color:var(--green)}
#cx-card .cx-zap-ok{color:#0a4d38;font-weight:600}
#cx-card .cx-zap-err{color:var(--amber);font-weight:600}
@media(max-width:480px){#cx-card .cx-zap-card .btn{width:100%}}
.cx-hide{position:fixed;left:-9999px;top:0;opacity:0}
/* S600d connect_path card (Mindbody / Clover / Toast / Booksy) */
#cx-card .cx-path-lab{margin:2px 0 4px;color:var(--muted);font-weight:600}
#cx-card .cx-path-card .cx-copy{margin:0 0 10px}
#cx-card .cx-path-card .cx-val{background:#fff;word-break:break-all}
#cx-card .cx-path-alt{margin:12px 0 0;padding-top:10px;border-top:1px solid #cfe8db;color:var(--ink)}
#cx-card .cx-path-alt p{margin:0 0 8px}
#cx-card .cx-path-steps{font-weight:600}
#vu-card{scroll-margin-top:96px}
#vu-card.cx-flash{box-shadow:0 0 0 3px #0B6E4F;transition:box-shadow .3s}
@media(max-width:480px){#cx-card .cx-path-card>.btn{width:100%}}
/* S600e approved senders + confirm queue */
#cx-card .cx-senders{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--line)}
#cx-card .cx-sub{margin:0 0 2px;font-weight:700;color:var(--navy)}
#cx-card .cx-snd{list-style:none;margin:8px 0 10px;padding:0}
#cx-card .cx-snd li{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
#cx-card .cx-snd-a{flex:1 1 180px;min-width:0;overflow-wrap:anywhere;font-size:.92rem}
#cx-card .cx-snd-you{flex:0 0 auto}
#cx-card .cx-snd-row{display:flex;gap:8px}
#cx-card .cx-snd-row .in{flex:1 1 auto;min-width:0}
#cx-card .cx-snd-row .btn{flex:0 0 auto;min-height:48px}
#cx-card .cx-snd-out{margin:6px 0 0;min-height:1.2em}
#cx-card .cx-snd-out:empty{min-height:0;margin:0}
#cx-card h2 .cx-q-jump{border:0;cursor:pointer;vertical-align:middle;margin-left:6px;font-family:Inter,system-ui,sans-serif}
#cx-card .cx-q{list-style:none;margin:8px 0 0;padding:0}
#cx-card .cx-q-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;background:#fff}
#cx-card .cx-q-item p{margin:0 0 4px}
#cx-card .cx-q-name{font-weight:700;color:var(--navy)}
#cx-card .cx-q-contact,#cx-card .cx-q-meta,#cx-card .cx-q-subj{overflow-wrap:anywhere}
#cx-card .cx-q-why{color:var(--amber);font-weight:600;margin-top:6px!important}
#cx-card .cx-q-item label.f{margin-top:8px}
#cx-card .cx-q-acts{display:flex;gap:8px;margin-top:10px}
#cx-card .cx-q-acts .btn{min-width:96px}
#cx-card .cx-q-out{margin:6px 0 0!important;min-height:1.2em}
#cx-card .cx-q-out:empty{min-height:0}
.tabs .cx-tab-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:var(--amber-bg);color:var(--amber);font-size:.75rem;font-weight:800;vertical-align:middle}
@media(max-width:480px){#cx-card .cx-q-acts .btn{flex:1 1 0}}
/* S600f direct Toast / Clover */
#cx-card .cx-pos-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px}
#cx-card .cx-pos-head h3{margin:0}
#cx-card .cx-sync{background:#eef2f8;color:var(--navy)}
#cx-card .cx-pos-loc{font-weight:700;color:var(--navy);margin:0 0 2px;overflow-wrap:anywhere}
#cx-card .cx-pos-status p{margin:0 0 6px}
#cx-card .cx-pos-status .note{margin:8px 0}
#cx-card .cx-pos-acts{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
#cx-card .cx-pos-form label.f{margin-top:12px}
#cx-card .cx-pos-form .in{background:#fff}
#cx-card .cx-pos-hint{margin:4px 0 0}
#cx-card .cx-pos-docs{margin:0 0 8px}
#cx-card .cx-pos-docs a{font-weight:600}
#cx-card .in.cx-bad{border-color:var(--red);box-shadow:0 0 0 3px #a4262c22}
#cx-card .cx-pos-out{margin:8px 0 0;min-height:1.2em}
#cx-card .cx-pos-out:empty{min-height:0;margin:0}
#cx-card .cx-pos-pick{margin:6px 0 0}
#cx-card .cx-pos-pick .cx-check{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 8px}
#cx-card .cx-pos-confirm{margin:10px 0 0;padding:10px 12px;border:1px solid #e7c3c5;border-radius:10px;background:#fff}
#cx-card .cx-pos-confirm p{margin:0}
#cx-card .cx-pos .cx-path-alt{margin-top:14px}
@media(max-width:480px){#cx-card .cx-pos-form .cx-pos-acts .btn{flex:1 1 100%}#cx-card .cx-pos-status .cx-pos-acts .btn{flex:1 1 auto}}
/* S601 Shopmonkey / Acuity / Vagaro / Zapier platform lines */
#cx-card .cx-pos-hook{margin:12px 0 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
#cx-card .cx-pos-hook p{margin:0 0 8px}
#cx-card .cx-pos-tok-form{margin:12px 0 0}
#cx-card .cx-pos-wait{margin:8px 0}
#cx-card .cx-pos-req{margin:0 0 10px}
#cx-card .cx-zap-plat{padding:8px 10px;border-left:3px solid var(--line);background:#fff;border-radius:6px}
#cx-card .cx-zap-card .cx-pos-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#cx-card .cx-path-alt .cx-copy,#cx-card .cx-pos-hook code{word-break:break-all}