.connection-panel { margin: 26px 0; border: 1px solid #accfe42c; border-radius: 14px; background: linear-gradient(140deg,#142337ee,#0c1726f5); box-shadow: inset 0 1px #deefff08,0 12px 36px #00000012; overflow: hidden; }
.connection-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:27px 28px 23px; }
.connection-heading h2 { color:#edf5fc; font-size:23px; font-weight:450; letter-spacing:-.035em; margin:11px 0 10px; }
.connection-heading p { max-width:660px; color:#aabed2; font-size:11px; line-height:1.8; margin:0; }
.connection-heading .eyebrow { font-size:8px; color:#afd6de; }
.connection-heading-actions { display:flex; gap:8px; flex-shrink:0; margin-top:5px; }
.connection-heading-actions .btn { font-size:9px; min-height:35px; padding:9px 12px; }
.connection-overview { display:grid; grid-template-columns:repeat(3,minmax(90px,1fr)) 1.75fr; gap:20px; padding:19px 28px; border-block:1px solid #b9d6ed1b; background:linear-gradient(100deg,#a9d6e609,#a6baff03); }
.connection-overview>div { display:grid; gap:7px; }
.connection-overview strong { color:#e0eef7; font-size:25px; font-weight:400; letter-spacing:-.04em; }
.connection-overview span { color:#a1b8cd; font-size:9px; line-height:1.5; }
.connection-overview p { border-left:1px solid #bad5e924; padding-left:24px; align-self:center; margin:0; font-size:10px; color:#a9bccf; line-height:1.75; }
.connection-email { padding:23px 28px; border-bottom:1px solid #b9d6ed1b; }
.connection-email-heading { display:flex; align-items:center; gap:13px; }
.connection-email-heading>div { flex:1; min-width:0; }
.connection-email-heading h3 { margin:0 0 6px; font-size:13px; font-weight:550; color:#e0edf6; }
.connection-email-heading p { margin:0; font-size:10px; color:#a5bdd0; line-height:1.6; }
.connection-email-heading .btn { font-size:9px; min-height:34px; padding:9px 12px; }
.connection-email-icon { flex-shrink:0; height:38px; width:38px; display:grid; place-items:center; border:1px solid #b6e4dc35; border-radius:10px; background:#b8e8d90b; color:#bce9df; }
.connection-email-icon svg { width:18px; height:18px; }
.connection-email-empty { padding:15px 0 0 51px; font-size:10px; color:#92adc4; line-height:1.8; }
.connection-email-accounts { margin-top:13px; padding-left:51px; }
.connection-account { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:15px 0; border-top:1px solid #a2c7df1a; }
.connection-account>div:first-child { min-width:0; flex:1; }
.connection-account strong { display:block; font-size:11px; color:#d6e7f4; font-weight:500; margin-bottom:6px; overflow-wrap:anywhere; }
.connection-account span { display:block; color:#9eb8cd; font-size:10px; overflow-wrap:anywhere; line-height:1.7; }
.connection-account small { display:block; color:#7894ad; font-size:8px; margin-top:7px; }
.connection-account p { color:#a9bdd0; font-size:10px; line-height:1.7; margin:7px 0; white-space:pre-wrap; overflow-wrap:anywhere; }
.connection-account-actions { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.connection-account-actions .btn { min-height:29px; padding:7px 10px; font-size:9px; }
.connection-account-actions .text-link { font-size:9px; }
.connection-account-actions svg { width:12px; height:12px; }
.connection-account.compact { padding:12px 0 0; margin-top:9px; }
.connection-stages { padding:7px 28px 0; }
.connection-panel details>summary { list-style:none; cursor:pointer; user-select:none; }
.connection-panel details>summary::-webkit-details-marker { display:none; }
.connection-panel summary:focus-visible { outline:2px solid #d8f8f2; outline-offset:3px; border-radius:5px; }
.connection-stage { border-bottom:1px solid #b2d1e41d; }
.connection-stage>summary { display:flex; gap:16px; align-items:center; min-height:76px; padding:18px 0; }
.connection-stage-number { width:28px; height:31px; display:grid; place-items:center; border:1px solid #b1cfe329; border-radius:7px; color:#a5c4d8; font-size:10px; font-variant-numeric:tabular-nums; background:#adcde905; }
.connection-stage-title { flex:1; min-width:0; display:grid; gap:6px; }
.connection-stage-title strong { color:#e1edf5; font-size:12px; font-weight:500; }
.connection-stage-title small { color:#8ea9c2; font-size:10px; line-height:1.5; }
.connection-stage-count { color:#91b1c9; font-size:9px; padding:5px 8px; border:1px solid #b7d1e123; border-radius:20px; white-space:nowrap; }
.connection-chevron { color:#a5c9df; font-size:18px; display:inline-block; line-height:1; transition:transform .2s; }
.connection-stage[open]>summary>.connection-chevron,.connection-item[open]>summary>.connection-chevron,.connection-operations[open]>summary>.connection-chevron { transform:rotate(180deg); }
.connection-stage>summary:hover .connection-stage-title strong { color:#c8f6eb; }
.connection-stage-body { padding:0 0 19px 44px; }
.connection-group + .connection-group { margin-top:20px; }
.connection-group>h3 { margin:0 0 10px; color:#90b2c8; font-size:8px; text-transform:uppercase; letter-spacing:.16em; }
.connection-item { border:1px solid #a6c7df22; border-radius:9px; background:#07132363; overflow:hidden; margin-top:8px; }
.connection-item>summary { display:flex; gap:14px; align-items:center; padding:16px 17px; }
.connection-item-title { flex:1; min-width:0; display:grid; gap:7px; }
.connection-item-title strong { font-size:11px; color:#d9e9f6; font-weight:500; }
.connection-item-title small { font-size:10px; color:#93afc8; line-height:1.65; max-width:600px; }
.connection-state { font-size:8px; color:#a3b5c8; border:1px solid #a2b7cf30; background:#9bb1c805; padding:5px 7px; border-radius:5px; white-space:nowrap; }
.connection-state.recorded { color:#ead4a9; background:#d9bd7a09; border-color:#d9bd7a37; }
.connection-item-body { padding:18px; border-top:1px solid #b0cce31b; }
.connection-item-facts { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.connection-item-facts>div>span { color:#b8cede; font-size:9px; font-weight:550; }
.connection-item-facts ul { margin:9px 0 0; padding-left:16px; color:#9fb7cd; font-size:10px; line-height:1.8; }
.connection-item-facts p { margin:8px 0 14px; color:#9fb7cd; font-size:10px; line-height:1.8; }
.connection-account-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:17px 0 14px; margin-top:9px; border-top:1px solid #b1cce31d; }
.connection-account-heading strong { color:#b8cfe0; font-weight:500; font-size:10px; }
.connection-account-heading .btn { min-height:30px; padding:8px 11px; font-size:9px; }
.connection-operations { margin:0 28px; border-bottom:1px solid #b2d1e41d; }
.connection-operations>summary { display:flex; justify-content:space-between; gap:15px; align-items:center; padding:21px 0; }
.connection-operations>summary>span:first-child { display:grid; gap:7px; }
.connection-operations summary strong { color:#d4e4ef; font-size:12px; font-weight:500; }
.connection-operations summary small { color:#8ba9c2; font-size:9px; line-height:1.6; }
.connection-operations-body { display:grid; grid-template-columns:1fr 1.2fr; gap:30px; padding:0 0 22px; }
.connection-operations-body h3 { color:#9dbad0; font-size:9px; letter-spacing:.05em; margin-bottom:15px; }
.connection-operations-body article { padding:14px 0; border-top:1px solid #a5c5df17; }
.connection-operations-body article strong { font-size:11px; color:#d2e5f2; font-weight:500; }
.connection-operations-body article p,.connection-operations-body article ol { color:#9ab2cb; font-size:10px; line-height:1.85; margin:8px 0 0; }
.connection-operations-body ol { padding-left:17px; }
.connection-foot { display:flex; justify-content:space-between; gap:15px; padding:19px 28px 5px; color:#88a2b9; font-size:8px; line-height:1.8; }
.connection-feedback { color:#c1e7d5; padding:0 28px 16px; min-height:16px; font-size:10px; line-height:1.75; }
.connection-loading,.connection-load-error { padding:28px; color:#abc2d5; font-size:11px; line-height:1.8; }
.connection-load-error h2 { font-size:19px; color:#deebf5; font-weight:450; }
.connection-load-error p { color:#e4b7ac; font-size:11px; }
.connection-account-dialog { width:min(620px,calc(100vw - 30px)); }
.connection-account-dialog .dialog-head { align-items:flex-start; }
.connection-account-dialog .eyebrow { font-size:8px; }
.connection-account-dialog h2 { margin-top:10px; }
.connection-account-dialog .connection-form-context { color:#a6bad0; font-size:11px; line-height:1.8; margin-bottom:22px; }
.connection-account-dialog label { font-size:11px; }
.connection-account-dialog input,.connection-account-dialog textarea { font-size:12px; }
.connection-account-dialog textarea { min-height:84px; }
.connection-account-dialog .form-row>label { min-width:0; }
.connections-systems-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:29px 0 -8px; }
.connections-systems-heading h2 { color:#dfeaf6; font-size:17px; font-weight:450; margin:0 0 7px; }
.connections-systems-heading p { margin:0; font-size:10px; color:#99b2c8; }
.connections-systems-heading label { margin:0; min-width:220px; font-size:9px; }
.connections-systems-heading select { padding:10px 12px; margin-top:6px; font-size:11px; }
@media(max-width:1100px){.connection-heading{display:block}.connection-heading-actions{margin-top:18px}.connection-overview{grid-template-columns:repeat(3,1fr)}.connection-overview p{grid-column:1/-1;border-left:0;border-top:1px solid #bad5e918;padding:12px 0 0}.connection-stage-body{padding-left:0}.connection-item>summary{gap:10px}.connection-item-title small{font-size:9px}.connection-item-facts{gap:18px}}
@media(max-width:650px){.connection-panel{margin:20px 0;border-radius:12px}.connection-heading{padding:22px 20px 20px}.connection-heading h2{font-size:21px}.connection-heading p{font-size:10px}.connection-heading-actions{flex-wrap:wrap}.connection-overview{padding:17px 20px;gap:17px 10px}.connection-overview strong{font-size:24px}.connection-overview span{font-size:8px}.connection-email{padding:20px}.connection-email-heading{flex-wrap:wrap;gap:11px}.connection-email-heading>div{flex-basis:calc(100% - 53px)}.connection-email-heading>.btn{margin-left:49px}.connection-email-heading h3{font-size:12px}.connection-email-empty,.connection-email-accounts{padding-left:0}.connection-email-empty{padding-top:15px}.connection-stages{padding:4px 20px 0}.connection-stage>summary{gap:10px}.connection-stage-number{width:25px;flex-shrink:0}.connection-stage-title strong{font-size:11px}.connection-stage-title small{font-size:9px}.connection-stage-count{font-size:8px;padding:4px 6px}.connection-item>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:14px}.connection-item-title{grid-column:1/-1}.connection-item-title small{font-size:10px}.connection-state{justify-self:start;white-space:normal;line-height:1.5}.connection-chevron{justify-self:end}.connection-item-body{padding:14px}.connection-item-facts{grid-template-columns:1fr;gap:15px}.connection-account-heading{align-items:flex-start}.connection-account{gap:10px}.connection-account-actions{flex-direction:column;align-items:flex-end;gap:9px}.connection-operations{margin:0 20px}.connection-operations-body{grid-template-columns:1fr;gap:18px}.connection-foot{display:block;padding:18px 20px 5px}.connection-foot span{display:block;margin-bottom:4px}.connection-feedback{padding-inline:20px}.connection-account-dialog .form-row{grid-template-columns:1fr;gap:0}.connection-account-dialog input,.connection-account-dialog textarea{font-size:16px}.connections-systems-heading{display:block}.connections-systems-heading label{display:block;margin-top:16px}.connection-load-error,.connection-loading{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.connection-chevron{transition:none}}

.business-systems{margin:24px 0;padding:24px;border:1px solid #47d7d840;border-radius:18px;background:linear-gradient(125deg,#102231b0,#17162cb0)}
.business-systems h3{font-size:25px;margin:10px 0}.business-systems p,.business-systems li{color:#b6c4d3;line-height:1.6}.business-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin:16px 0}.business-system-card{min-width:0;padding:16px;background:#07111d99;border:1px solid #ffffff15;border-radius:12px}.business-system-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.business-system-card p{font-size:13px}.business-system-card small{display:block;color:#879bae;overflow-wrap:anywhere}.business-check-state{font-size:11px;border-radius:20px;padding:4px 8px;background:#ffffff12;color:#d1d8e5}.state-verified,.state-reachable{background:#44d3aa18;color:#78e8c7}.state-access_required,.state-attention{background:#ffc56818;color:#e8bf7c}.business-system-card pre{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;color:#9ab7c7}.business-systems summary{cursor:pointer;padding:12px 0}.business-portfolio>details{border-top:1px solid #ffffff18}.business-portfolio>details>summary{display:flex;justify-content:space-between;gap:15px}.business-portfolio summary span{font-size:12px;color:#9baabc}@media(max-width:600px){.business-systems{padding:16px}.business-portfolio>details>summary{flex-direction:column;gap:6px}}

.business-register{margin:24px 0;padding:20px;border:1px solid #ffffff20;border-radius:16px}.business-register summary{cursor:pointer;padding:14px 0}.business-register .business-system-card{margin:12px 0}.business-register dt{font-size:12px;color:#7fa1b7;margin-top:12px}.business-register dd{margin:3px 0;overflow-wrap:anywhere;font-size:13px;line-height:1.5}

.connection-diagnostics{padding:24px 28px;border-top:1px solid #b9d6ed1b;background:#0b19243b}.connection-diagnostics>header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.connection-diagnostics h3{font-size:23px;font-weight:450;letter-spacing:-.035em;color:#e1f0f4;margin:10px 0}.connection-diagnostics>header p,.connection-diagnostics>p{color:#9fb8cc;font-size:12px;line-height:1.7;max-width:650px}.connection-diagnostics>header>span{font-size:11px;white-space:nowrap;color:#d9c7a6;border:1px solid #d5b77a30;border-radius:20px;padding:7px 11px}.connection-diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px}.connection-diagnostic-card{min-width:0;padding:19px;border:1px solid #a7cad52b;border-radius:12px;background:linear-gradient(135deg,#172a37a6,#101d2dd9);display:flex;flex-direction:column}.connection-diagnostic-card>header{display:flex;justify-content:space-between;gap:13px;align-items:flex-start;flex-wrap:wrap}.connection-diagnostic-card>header>div{min-width:0;flex:1}.connection-diagnostic-card strong{display:block;font-size:14px;color:#e1eff5;font-weight:550;overflow-wrap:anywhere}.connection-diagnostic-card small{display:block;font-size:10px;line-height:1.6;color:#91acc1;overflow-wrap:anywhere;margin-top:6px}.connection-diagnostic-state{font-size:9px;line-height:1.5;border-radius:20px;padding:4px 8px;border:1px solid #b6c4d324;color:#b0c4d3;background:#acbec709}.connection-diagnostic-state.state-verified,.connection-diagnostic-state.state-ready{color:#98e5d3;border-color:#7ce0c62c;background:#65d7bb0c}.connection-diagnostic-state.state-error,.connection-diagnostic-state.state-missing,.connection-diagnostic-state.state-needs_authorization{color:#e8c49c;border-color:#e3b87730;background:#d5aa7e0a}.connection-diagnostic-card>p{font-size:12px;line-height:1.7;color:#b4c9d8;margin:13px 0 4px}.connection-diagnostic-card dl{display:grid;gap:13px;margin:16px 0 20px;border-top:1px solid #b0cde019;padding-top:14px}.connection-diagnostic-card dt{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d3e4ed}.connection-diagnostic-card dt span{color:#90b9c1;font-size:9px}.connection-diagnostic-card dd{margin:5px 0 0;font-size:10px;color:#97b2c7;line-height:1.7}.connection-diagnostic-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.connection-diagnostic-actions .btn{font-size:10px;min-height:34px;padding:8px 10px}.connection-diagnostics-note{margin:18px 0 0}.connection-repair-steps{margin:20px 0;padding-left:21px;color:#c1d3e1;font-size:13px;line-height:1.8}.connection-repair-steps li{padding-left:5px;margin-bottom:15px;overflow-wrap:anywhere}@media(max-width:650px){.connection-diagnostics{padding:20px}.connection-diagnostics>header{flex-direction:column;gap:8px}.connection-diagnostic-grid{grid-template-columns:minmax(0,1fr)}.connection-diagnostic-card{padding:16px}.connection-diagnostic-card>header{gap:10px}.connection-diagnostic-actions .btn{min-height:40px}}