/* Integrations v2 */
.integrationToolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.integrationToolbar h2{margin:4px 0 5px;font-size:22px;letter-spacing:.01em}.integrationToolbar p{margin:0;max-width:680px}.securityPill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(116,255,195,.24);background:rgba(28,77,66,.15);color:#aefad5;border-radius:999px;padding:8px 11px;font-size:10px;letter-spacing:.12em;white-space:nowrap}.integrationLayout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start}.connectionsPane,.connectPane{min-width:0}.paneLabel{display:flex;align-items:center;gap:8px;color:#7aa8b4;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 9px 2px}.paneLabel span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:6px;color:#d5f7fd;font-size:10px}.providerChooser{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.providerChoice{display:flex;align-items:center;gap:10px;position:relative;text-align:left;border:1px solid rgba(102,178,198,.18);background:rgba(5,14,23,.64);border-radius:12px;color:#e9fbff;padding:11px;cursor:pointer;transition:.18s ease}.providerChoice:hover{border-color:rgba(77,232,255,.4);transform:translateY(-1px)}.providerChoice.selected{border-color:rgba(77,232,255,.62);background:linear-gradient(135deg,rgba(25,111,132,.22),rgba(7,20,31,.78));box-shadow:0 0 0 1px rgba(77,232,255,.08),0 10px 25px rgba(0,0,0,.16)}.providerChoice span:not(.providerIcon){display:grid;gap:2px;min-width:0}.providerChoice b{font-size:12px}.providerChoice small{font-size:9px;color:#6f98a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.providerChoice i{font-style:normal;color:#5f8995;margin-left:auto}.providerIcon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(255,255,255,.12);font-weight:900;font-size:12px;flex:0 0 auto;box-shadow:inset 0 1px rgba(255,255,255,.08)}.providerIcon.large{width:42px;height:42px;border-radius:12px;font-size:15px}.providerIcon.xl{width:48px;height:48px;border-radius:14px;font-size:17px}.providerIcon.stripe{background:linear-gradient(145deg,#7067ff,#5046df);color:white;box-shadow:0 8px 24px rgba(97,87,255,.18)}.providerIcon.shopify{background:linear-gradient(145deg,#9ccb58,#76a93a);color:#081009;box-shadow:0 8px 24px rgba(145,194,75,.14)}.providerIcon.nmi{background:linear-gradient(145deg,#1b637b,#0d394c);color:#bcefff}.providerIcon.authnet{background:linear-gradient(145deg,#3b8cb0,#1a4968);color:white}.providerForm{padding:18px;background:linear-gradient(180deg,rgba(9,23,36,.9),rgba(5,13,22,.8));border-color:rgba(75,205,235,.28)}.providerFormHead{display:flex;gap:13px;align-items:flex-start;padding-bottom:15px;margin-bottom:14px;border-bottom:1px solid rgba(82,199,225,.12)}.providerFormHead h3{margin:3px 0 4px;font-size:17px;letter-spacing:0;text-transform:none;color:#effdff}.providerFormHead p{margin:0;color:#79a5b1;font-size:11px;line-height:1.5}.polishedField{margin:13px 0}.fieldTop{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.fieldTop label{margin:0!important;color:#9ec5cf!important;font-size:10px!important;letter-spacing:.04em}.polishedField .input{padding:11px 12px;border-radius:10px;background:rgba(2,9,15,.72);border-color:rgba(93,171,190,.25)}.fieldHelp{font-size:9.5px;color:#648d98;line-height:1.45;margin-top:5px}.requiredTag,.optionalTag,.recommendedTag{display:inline-flex;align-items:center;border-radius:999px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px}.requiredTag{color:#a5eefb;background:rgba(38,130,151,.12);border:1px solid rgba(77,232,255,.18)}.optionalTag{color:#a0abb2;background:rgba(105,118,128,.08);border:1px solid rgba(120,143,151,.16)}.recommendedTag{color:#b9ffd8;background:rgba(34,126,90,.13);border:1px solid rgba(116,255,195,.24)}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(84,169,190,.22);padding:3px;border-radius:10px;background:rgba(2,8,13,.5);margin-bottom:14px}.segmented button{border:0;background:transparent;color:#6f9aa6;padding:8px 9px;border-radius:7px;cursor:pointer;font-size:10px;font-weight:750}.segmented button.on{color:#eaffff;background:linear-gradient(180deg,rgba(42,161,187,.24),rgba(24,91,107,.18));box-shadow:inset 0 0 0 1px rgba(77,232,255,.18)}.providerInfo,.scopeBox,.authModeCard{border:1px solid rgba(77,232,255,.15);background:rgba(13,38,50,.22);border-radius:11px;padding:11px 12px;margin:13px 0}.providerInfo{display:grid;gap:4px}.providerInfo b,.authModeCard b{font-size:10px;color:#c7f4fa;letter-spacing:.04em}.providerInfo span,.authModeCard span{font-size:9.5px;color:#7099a4;line-height:1.45}.warningInfo{border-color:rgba(255,211,106,.2);background:rgba(94,71,18,.11)}.authModeCard{display:flex;justify-content:space-between;align-items:center;gap:10px}.authModeCard>div{display:grid;gap:3px}.scopeTitle{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.scopeTitle b{font-size:10px;color:#c7f4fa}.scopeTitle span{font-size:8px;color:#628a95;text-transform:uppercase;letter-spacing:.08em}.scopeChips{display:flex;gap:6px;flex-wrap:wrap}.scopeChips span{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#9defff;border:1px solid rgba(77,232,255,.19);background:rgba(30,113,132,.11);padding:4px 7px;border-radius:6px}.scopeBox p{margin:8px 0 0;color:#658d97;font-size:9.5px;line-height:1.48}.scopeBox code{color:#9ceafa}.advanced{border-top:1px solid rgba(80,180,202,.12);padding-top:10px;margin-top:10px}.advanced summary{cursor:pointer;color:#86b4bf;font-size:9.5px}.advanced p{font-size:9.5px;color:#648d98;line-height:1.5}.primaryConnect{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:11px 13px;background:linear-gradient(180deg,rgba(38,173,201,.27),rgba(17,98,116,.22))}.primaryConnect i{font-style:normal;font-size:15px}.shopifyConnect{border-color:rgba(141,196,78,.32);background:linear-gradient(180deg,rgba(115,164,59,.18),rgba(57,94,27,.17))}.premiumConnection{padding:14px 15px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-color:rgba(83,173,194,.16);transition:.18s ease}.premiumConnection:hover{border-color:rgba(77,232,255,.3);background:linear-gradient(180deg,rgba(12,28,43,.9),rgba(7,17,28,.8))}.connectionIdentity{display:flex;align-items:center;gap:12px;min-width:0}.connectionTitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.connectionTitle b{font-size:12px}.connectionMeta{margin-top:3px}.connectionError{font-size:9.5px;color:#ff8ba0;margin-top:5px}.connectionActions{display:flex;gap:6px}.iconBtn{width:32px;height:32px;border-radius:9px;border:1px solid rgba(91,174,194,.18);background:rgba(4,13,21,.55);color:#9bd0da;cursor:pointer}.iconBtn:hover{border-color:rgba(77,232,255,.45);color:white}.dangerBtn:hover{border-color:rgba(255,115,140,.4);color:#ff9daf}.premiumEmpty{min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.premiumEmpty b{color:#c9edf3}.premiumEmpty span{font-size:10px;max-width:310px}.emptyOrb{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(77,232,255,.22);border-radius:50%;color:#69dbee;box-shadow:0 0 25px rgba(77,232,255,.08)}.premiumNotice{display:grid;gap:3px}.successNotice{display:grid;gap:3px;border-color:rgba(116,255,195,.3);background:rgba(26,106,77,.15)}.notice span{font-size:10px;opacity:.8}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.28);border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.65;cursor:wait}
@media(max-width:1180px){.integrationLayout{grid-template-columns:1fr}.connectPane{max-width:none}.providerChooser{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.integrationToolbar{align-items:flex-start;flex-direction:column}.providerChooser{grid-template-columns:1fr 1fr}.securityPill{display:none}}