.integration-hub{margin:0 0 28px;color:var(--text,#263147)}.integration-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line,#e3e7ee);margin-bottom:24px;padding-bottom:12px}.integration-tabs button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;padding:10px 16px;border-radius:9px;font:inherit;font-size:13px}.integration-tabs button[aria-selected=true]{background:#ecebff;color:#5547bd}.integration-intro,.power-dialer>header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:18px 0 24px}.integration-hub h2{font-size:25px;letter-spacing:-.6px;line-height:1.2;margin:8px 0 12px}.integration-hub h3{font-size:16px;margin:12px 0}.integration-hub p{font-size:13px;line-height:1.65;color:var(--muted,#6b7485)}.integration-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#7364bc}.integration-count{font-size:42px;letter-spacing:-2px;text-align:right;color:#6253c2}.integration-count small{display:block;font-size:11px;letter-spacing:0;white-space:nowrap;color:#788196}.integration-filters{display:flex;gap:10px}.integration-filters label{display:flex;align-items:center;gap:10px;flex:1;padding-left:12px;border:1px solid #e0e4ed;border-radius:9px;background:var(--surface,#fff)}.integration-filters label input{border:0}.integration-hub input:not([type=checkbox]),.integration-hub select,.integration-hub textarea{width:100%;background:var(--surface,#fff);color:inherit;border:1px solid #dde2eb;border-radius:8px;padding:10px 12px;font:inherit;font-size:13px;box-sizing:border-box}.integration-filters select{width:auto}.integration-caption{font-size:12px!important;margin:10px 0 18px}.integration-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:12px;max-height:560px;overflow:auto;padding:2px 3px 16px}.integration-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;border:1px solid #e1e5ec;border-radius:12px;background:var(--surface,#fff);padding:18px;min-height:164px;color:inherit;font:inherit;cursor:pointer}.integration-tile:hover{border-color:#b6addf;box-shadow:0 4px 14px #262d4810}.integration-tile.selected{border-color:#7866d0;box-shadow:0 0 0 2px #7866d026}.integration-monogram{display:grid;place-items:center;height:34px;min-width:34px;padding:0 5px;border-radius:10px;background:#f1effa;color:#6253a6;font-size:11px;font-weight:700}.integration-tile strong{font-size:14px}.integration-tile small{font-size:11px;color:#8990a1}.integration-badge{display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;border-radius:5px;padding:4px 7px;background:#f2f3f6;color:#6e7789;font-size:10px;line-height:1.4}.integration-badge.direct{background:#e8f5ee;color:#27754d}.integration-badge.bridge{background:#f1edfc;color:#70529c}.integration-arrow{position:absolute;top:23px;right:18px;color:#a8adba}.integration-configured{display:flex;gap:5px;align-items:center;font-size:10px;color:#378568}.integration-detail{margin-top:24px;background:var(--surface,#fff);border:1px solid #e1e5ec;border-radius:14px;padding:24px}.integration-detail>header{display:flex;justify-content:space-between;align-items:center}.bridge-steps{padding-left:22px}.bridge-steps>li{padding:16px 0;border-top:1px solid #ebedf2;margin:12px 0}.bridge-setup code,.bridge-setup pre{font-family:monospace;font-size:12px;background:#f4f5fa;border-radius:7px;padding:8px;overflow-wrap:anywhere;color:#52617b}.bridge-setup pre{padding:16px;overflow:auto}.bridge-setup label,.dialer-panel>label,.dialer-active label{display:block;font-size:12px;margin:12px 0}.bridge-setup input,.dialer-panel label input,.dialer-panel label select,.dialer-active textarea{margin-top:7px}.dialer-layout{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(280px,1.15fr);gap:20px}.dialer-panel{border:1px solid #e0e4ed;border-radius:14px;padding:22px;background:var(--surface,#fff)}.dialer-contacts{max-height:300px;overflow:auto;border:1px solid #e8ebf1;border-radius:8px;margin:15px 0}.dialer-contacts label{display:flex;gap:10px;align-items:center;padding:10px;font-size:12px;border-bottom:1px solid #edf0f5}.dialer-contacts small,.dialer-history small{display:block;color:#8993a3;font-size:11px;margin-top:3px}.dialer-active{background:#f6f4fc;border-radius:12px;padding:18px;margin:18px 0}.dialer-active textarea{min-height:90px;resize:vertical}.dialer-auto{font-size:12px;line-height:1.6;margin-top:18px;display:block}.dialer-history{margin-top:20px;max-height:280px;overflow:auto}.dialer-history>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0f5;font-size:12px}.power-dialer progress{width:100%;height:6px;accent-color:#7866d0}.integration-hub button:disabled{opacity:.5;cursor:not-allowed}.integration-hub :focus-visible{outline:2px solid #7866d0;outline-offset:3px}@media(max-width:760px){.integration-intro,.power-dialer>header{align-items:flex-start}.integration-count{font-size:32px}.integration-filters{flex-wrap:wrap}.integration-filters label{flex-basis:100%}.integration-filters select{flex:1;min-width:0}.dialer-layout{grid-template-columns:1fr}.integration-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-tile{padding:13px}.integration-detail,.dialer-panel{padding:16px}.integration-hub h2{font-size:21px}.integration-tile .integration-badge{white-space:normal}}

.integration-hub .integration-filters label input{border:0;background:transparent}

.threecx-migration fieldset{border:0;padding:0;margin:20px 0}.threecx-migration legend{font-size:16px;font-weight:600}.threecx-scope-note{padding:16px;background:#f6f4fc;border:1px solid #e4def5;border-radius:10px}.threecx-scope-note p{margin-bottom:0}.threecx-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.threecx-fields label{display:grid;gap:7px;font-size:13px}.threecx-scopes{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.threecx-scopes label{display:flex;align-items:center;gap:8px;font-size:13px}.threecx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.threecx-summary>div{display:grid;gap:6px;padding:16px;border:1px solid #e3e7ee;border-radius:10px}.threecx-summary strong{font-size:25px;color:#6253c2}.threecx-summary span{font-size:13px}.threecx-summary small{font-size:12px;color:#6b7485}.threecx-migration details{margin:18px 0}.threecx-migration summary{cursor:pointer;font-size:13px}.threecx-records{max-height:360px;overflow:auto;margin:14px 0}.threecx-records table{width:100%;border-collapse:collapse;font-size:13px}.threecx-records th,.threecx-records td{text-align:left;padding:10px;border-bottom:1px solid #e3e7ee;overflow-wrap:anywhere}.threecx-migration .button{display:inline-flex;align-items:center;gap:8px;margin:8px 8px 0 0}.threecx-complete h3{display:flex;align-items:center;gap:8px}.threecx-history>div{display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:13px;padding:8px 0}.threecx-spinner{animation:threecx-spin 1s linear infinite}@keyframes threecx-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.threecx-spinner{animation:none}}@media(max-width:760px){.threecx-fields{grid-template-columns:1fr}.threecx-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.threecx-history>div{align-items:flex-start;flex-direction:column}.threecx-migration>header{align-items:flex-start;gap:12px}.threecx-records th,.threecx-records td{min-width:90px}}