.data-connections-page{max-width:76rem;padding:var(--vh-space-5,1.25rem);margin-inline:auto}:is(valuehub-data-connections,valuehub-preview-connections){display:block}.connection-tabs{gap:.5rem;padding-block:1rem;display:flex;overflow-x:auto}.connection-tabs button{background:var(--vh-paper);color:var(--vh-blue-deep);border:1px solid var(--vh-line)}.connection-tabs button[aria-pressed=true]{background:var(--vh-blue-deep);color:#fff;border-color:var(--vh-blue-deep)}.connection-tools{border-block:1px solid var(--vh-line);flex-wrap:wrap;align-items:end;gap:1rem;padding-block:1rem;display:flex}.connection-tools label,.connection-key-form label{gap:.35rem;font-size:.88rem;font-weight:600;display:grid}.connection-tools input,.connection-tools select,.connection-key-form input,.connection-key-form select{max-width:100%;min-height:44px;color:var(--vh-ink);background:var(--vh-paper);border:1px solid var(--vh-line);border-radius:var(--vh-radius);font:inherit;padding:.5rem .75rem}.connection-tools input{width:18rem}.connection-list section>h2{margin-block:1.5rem .5rem;font-size:1.1rem}.connection-row{border-bottom:1px solid var(--vh-line);padding:1.25rem 0}.connection-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.connection-heading h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.connection-row p{max-width:72ch;margin:.5rem 0}.connection-next,.connection-meta dt{color:var(--vh-muted)}.connection-meta{flex-wrap:wrap;gap:1rem 2rem;margin-block:1rem;font-size:.85rem;display:flex}.connection-meta dd{font-variant-numeric:tabular-nums;margin:0}.connection-row summary{cursor:pointer;min-height:44px;color:var(--vh-blue-deep);align-content:center;display:list-item}.connection-row details[open]{padding-bottom:.5rem}.connection-row details button{margin:.5rem .5rem .5rem 0}.connection-key-form{gap:.75rem;max-width:28rem;margin-block:1rem;display:grid}.connection-history{padding-left:1.25rem;font-size:.88rem}.connection-history li{margin-block:.5rem}.connection-notice{color:var(--vh-warning)}.connections-error{color:var(--vh-error)}:is(valuehub-data-connections,valuehub-preview-connections) :is(button,input,select,summary):focus-visible{outline:2px solid var(--vh-blue-deep);outline-offset:3px}:is(valuehub-data-connections,valuehub-preview-connections)[aria-busy=true] .connection-tools button{opacity:.65}@media (width<=600px){.data-connections-page{padding:1rem}.connection-tools{align-items:stretch}.connection-tools label{width:100%}.connection-tools input{box-sizing:border-box;width:100%}.connection-heading{flex-direction:column;align-items:start;gap:.5rem}.connection-meta{gap:.75rem;display:grid}.connection-tabs button{flex-shrink:0}}.connection-flow{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;font-size:.9rem;display:grid}.connection-flow dt{font-weight:600}.connection-flow dd{overflow-wrap:anywhere;margin:.25rem 0 0}:is(valuehub-data-connections,valuehub-preview-connections)[embedded] .connection-row{background:var(--vh-paper);border:1px solid var(--vh-line);border-radius:var(--vh-radius);margin-bottom:.75rem;padding:1rem}.connection-manage>summary{border:1px solid var(--vh-line);border-radius:var(--vh-radius);width:fit-content;padding:.35rem .75rem;font-weight:600}.connection-manage[open]>summary{margin-bottom:.75rem}.connection-detail-tabs{border-bottom:1px solid var(--vh-line);gap:.5rem;margin-bottom:1rem;display:flex;overflow-x:auto}.connection-detail-tabs [role=tab]{white-space:nowrap;color:var(--vh-muted);background:0 0;border:0;border-radius:0}.connection-detail-tabs [aria-selected=true]{color:var(--vh-blue-deep);border-bottom:2px solid}.connection-manage [role=tabpanel]{padding:.25rem}.connection-manage [role=tabpanel][hidden]{display:none}.plan-connections>:is(valuehub-data-connections,valuehub-preview-connections){grid-column:1/-1;min-width:0}.connection-columns,.connection-heading{grid-template-columns:minmax(10rem,1.2fr) minmax(10rem,1.35fr) minmax(8rem,.8fr) 6rem;align-items:center;gap:1rem;display:grid}.connection-columns{background:var(--vh-paper-soft,#f6f8fc);color:var(--vh-muted);letter-spacing:.025em;text-transform:uppercase;padding:.6rem .75rem;font-size:.68rem;font-weight:700}:is(valuehub-data-connections,valuehub-preview-connections)[embedded] .connection-row,.connection-row{border:0;border-bottom:1px solid var(--vh-line);background:var(--vh-paper);border-radius:0;margin:0;padding:0}.connection-heading{box-sizing:border-box;min-height:4.2rem;padding:.75rem}.connection-identity{align-items:center;gap:.7rem;min-width:0;display:flex}.connection-heading h3{font-size:.85rem;line-height:1.4}.connection-source-icon{width:2.2rem;height:2.2rem;color:var(--vh-blue-deep);background:var(--vh-blue-soft,#edf3ff);border-radius:50%;flex-shrink:0;place-items:center;font-size:.7rem;font-weight:700;display:grid}.connection-heading .connection-description{color:var(--vh-muted);margin:0;font-size:.8rem;line-height:1.5}.connection-heading .vh-status{white-space:normal;justify-self:start;font-size:.75rem}.connection-heading .vh-status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem;margin-right:.4rem;display:inline-block}.connection-action{border:1px solid var(--vh-blue,#1762df);width:100%;min-height:2.5rem;color:var(--vh-blue,#1762df);background:var(--vh-paper);border-radius:.35rem;padding:.5rem .6rem;font-size:.8rem}.connection-action--primary{background:var(--vh-blue,#1762df);color:#fff}.connection-row:has(.connection-manage[open]){border:1px solid var(--vh-blue-line,#bbd2f5);background:var(--vh-blue-wash,#f8fbff)}.connection-manage[open]{border:1px solid var(--vh-blue-line,#bbd2f5);background:var(--vh-paper);border-radius:.35rem;margin:0 .5rem .5rem;padding:.85rem}.connection-native-summary{display:none!important}.connection-panel-title{margin:0 0 .75rem;font-size:.9rem}.connection-detail-tabs{gap:.75rem}.connection-detail-tabs [role=tab]{min-height:44px;padding:.5rem .65rem;font-size:.8rem}.connection-manage p{font-size:.82rem;line-height:1.55}@media (width<=700px){.connection-columns{display:none}.connection-heading{grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.connection-identity{grid-column:1}.connection-heading .connection-description{grid-area:2/1/auto/-1}.connection-heading .vh-status{grid-area:3/1}.connection-action{grid-area:1/2;width:auto}.connection-manage[open]{margin:0 .5rem .5rem;padding:.65rem}.connection-detail-tabs{gap:0}}.connection-detail-tabs button{margin:0!important}.connection-account{margin:.25rem 0 1.2rem;font-size:.85rem}.connection-account>div{grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.22rem 0;display:grid}.connection-account dt{color:var(--vh-muted)}.connection-account dd{overflow-wrap:anywhere;color:var(--vh-text);margin:0}.connection-panel-note{border-top:1px solid var(--vh-line);color:var(--vh-blue-deep);background:0 0;border-radius:.35rem;padding:.7rem 0 0;margin-top:1rem!important}.connection-flow-route{grid-template-columns:minmax(0,1fr) 7rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 0;display:grid}.connection-flow-endpoint{background:var(--vh-paper-soft,#f6f8fc);border:1px solid var(--vh-line);overflow-wrap:anywhere;border-radius:.4rem;gap:.4rem;padding:1rem;display:grid}.connection-flow-endpoint small,.connection-flow-direction small{color:var(--vh-muted);font-size:.75rem}.connection-flow-endpoint strong{font-size:.9rem}.connection-flow-direction{text-align:center;color:var(--vh-blue)}.connection-flow-direction svg{width:4rem;height:1.5rem;margin:0 auto .3rem;display:block}.connection-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2rem;margin:1.25rem 0}.connection-flow dt{color:var(--vh-muted);font-size:.78rem;font-weight:400}.connection-flow dd{font-size:.88rem}@media (width<=600px){.connection-account>div{grid-template-columns:7rem minmax(0,1fr);gap:.6rem}.connection-flow-route{grid-template-columns:minmax(0,1fr) 3.5rem minmax(0,1fr);gap:.4rem}.connection-flow-endpoint{padding:.7rem .5rem}.connection-flow-direction svg{width:3rem}.connection-flow{grid-template-columns:1fr}}.connection-heading button.vh-button.connection-action{background:var(--vh-paper)!important;color:var(--vh-blue-deep)!important;border:1px solid var(--vh-blue)!important}.connection-heading button.vh-button.connection-action:hover{background:var(--vh-blue-soft)!important}.connection-heading button.vh-button.connection-action--primary{background:var(--vh-blue)!important;color:#fff!important}.connection-heading button.vh-button.connection-action--primary:hover{background:var(--vh-blue-deep)!important}@media (width<=600px){.connection-flow-route{grid-template-columns:1fr;gap:.7rem}.connection-flow-endpoint{padding:.8rem}.connection-flow-direction{justify-content:center;align-items:center;gap:.5rem;display:flex}.connection-flow-direction svg{width:2rem;height:2rem;margin:0;transform:rotate(90deg)}.connection-detail-tabs{grid-template-columns:1fr 1fr 1fr;display:grid;overflow:visible}.connection-detail-tabs [role=tab]{white-space:normal;padding:.4rem .25rem;font-size:.75rem}}.connection-columns,.connection-heading{grid-template-columns:minmax(10rem,1.2fr) minmax(10rem,1.35fr) minmax(7rem,.8fr) 5rem;gap:.85rem}.connection-panel-title{font-weight:600}.connection-detail-tabs{margin-bottom:.65rem}.connection-detail-tabs [role=tab]{font-weight:500}.connection-heading .vh-status{background:0 0;border:0;padding:0;font-weight:500}.connection-account{margin:.25rem 0 .75rem}.connection-oauth{margin-bottom:.9rem}.connection-oauth h4{margin:.3rem 0;font-size:.85rem}.connection-oauth button:disabled,.connection-key-form button:disabled{opacity:.55;cursor:not-allowed}@media (width<=700px){.connection-heading{grid-template-columns:minmax(0,1fr) auto;gap:.65rem}.connection-columns{display:none}}@media (width>=701px){.connection-account-panel:has(.connection-oauth){grid-template-columns:minmax(0,1fr) 14rem;column-gap:1.5rem;display:grid}.connection-account-panel .connection-oauth{grid-area:1/2;margin:0}.connection-account-panel:has(.connection-oauth) .connection-account{grid-area:1/1}.connection-account-panel .connection-panel-note{grid-column:1/-1}.connection-oauth h4{color:var(--vh-muted);font-size:.75rem;font-weight:500}.connection-oauth p{color:var(--vh-muted);font-size:.75rem}}