.connects-control-stack{gap:16px;width:min(100% - 36px,1120px);margin:16px auto 28px;display:grid}.connect-surface{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);border-radius:8px;gap:18px;min-width:0;padding:clamp(16px,2vw,24px);display:grid}.connect-surface-header{grid-template-columns:40px minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.connect-surface-mark,.connect-record-mark,.connect-provider-option .provider-mark,.local-document-bridge-note .provider-mark,.connect-availability-brand{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.connect-surface-mark .provider-mark,.connect-record-mark.provider-mark,.connect-provider-option .provider-mark,.local-document-bridge-note .provider-mark,.connect-availability-brand.provider-mark{width:100%;height:100%}.connect-surface-copy,.connect-record-copy{min-width:0}.connect-surface-eyebrow{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;margin-bottom:3px;font-size:.68rem;font-weight:750;display:block}.connect-surface h3,.connect-surface p{margin:0}.connect-surface h3{color:var(--md-sys-color-on-surface);font-size:.98rem;line-height:1.25}.connect-surface-copy p{color:var(--md-sys-color-on-surface-variant);margin-top:5px;font-size:.78rem;line-height:1.48}.connect-surface-actions{align-items:center;gap:6px;display:inline-flex}.connect-status{border:1px solid var(--md-sys-color-outline-variant);width:fit-content;min-height:25px;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:3px 7px;font-size:.66rem;font-weight:750;line-height:1.2;display:inline-flex}.connect-status.active{border-color:color-mix(in srgb, var(--allyk-color-success) 60%, var(--md-sys-color-outline-variant));color:var(--allyk-color-success)}.connect-status.risk{border-color:color-mix(in srgb, var(--allyk-color-warning) 60%, var(--md-sys-color-outline-variant));color:var(--allyk-color-warning)}.connect-status.paused{color:var(--md-sys-color-outline)}.connect-notice{border:1px solid var(--md-sys-color-outline-variant);border-left:3px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);align-items:flex-start;gap:9px;padding:11px 12px;font-size:.75rem;line-height:1.48;display:flex}.connect-notice.risk{border-left-color:var(--allyk-color-warning)}.connect-notice.success{border-left-color:var(--allyk-color-success)}.connect-notice svg{color:var(--md-sys-color-primary);flex:none;margin-top:1px}.connect-notice.risk svg{color:var(--allyk-color-warning)}.connect-notice.success svg{color:var(--allyk-color-success)}.connect-notice .connect-status svg{color:currentColor}.connect-provider-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.connect-provider-option{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);min-height:56px;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:left;border-radius:6px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.connect-provider-option .provider-mark{width:30px;height:30px}.connect-provider-option strong,.connect-provider-option small{display:block}.connect-provider-option strong{font-size:.75rem}.connect-provider-option small{color:var(--md-sys-color-on-surface-variant);margin-top:2px;font-size:.65rem;line-height:1.3}.connect-provider-option:hover,.connect-provider-option:focus-visible,.connect-provider-option.active{border-color:var(--md-sys-color-primary);outline:0}.connect-provider-option.active{background:var(--md-sys-color-primary-container)}.connect-permission-heading,.connect-records-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.connect-permission-heading h4,.connect-records-heading h4,.connect-permission-heading p,.connect-records-heading p{margin:0}.connect-permission-heading h4,.connect-records-heading h4{color:var(--md-sys-color-on-surface);font-size:.8rem}.connect-permission-heading p,.connect-records-heading p{color:var(--md-sys-color-on-surface-variant);font-size:.69rem;line-height:1.4}.connect-records{gap:8px;display:grid}.connect-record{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);border-radius:7px;min-width:0}.connect-record-static{grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:62px;padding:10px;display:grid}.connect-record>summary{cursor:pointer;grid-template-columns:36px minmax(0,1fr) auto 16px;align-items:center;gap:10px;min-height:62px;padding:10px;list-style:none;display:grid}.connect-record>summary::-webkit-details-marker{display:none}.connect-record>summary:hover{background:var(--md-state-hover)}.connect-record>summary:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.connect-record-copy strong,.connect-record-copy span{display:block}.connect-record-copy strong{overflow-wrap:anywhere;color:var(--md-sys-color-on-surface);font-size:.78rem}.connect-record-copy span{color:var(--md-sys-color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.68rem;line-height:1.38;display:-webkit-box;overflow:hidden}.connect-record-chevron{color:var(--md-sys-color-on-surface-variant);transition:transform .16s}.connect-record[open] .connect-record-chevron{transform:rotate(180deg)}.connect-record-body{border-top:1px solid var(--md-sys-color-outline-variant);gap:14px;padding:0 12px 12px;display:grid}.connect-record-body>.governed-action-form{border:0;margin:0;padding-top:14px}.connect-record-body .settings-note{margin:0}.connect-inline-bridge{border-top:1px solid var(--md-sys-color-outline-variant);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:14px;display:grid}.connect-inline-bridge strong,.connect-inline-bridge span{display:block}.connect-inline-bridge strong{color:var(--md-sys-color-on-surface);font-size:.78rem}.connect-inline-bridge span{color:var(--md-sys-color-on-surface-variant);margin-top:3px;font-size:.69rem;line-height:1.42}.connect-availability-guide{width:min(100% - 36px,1120px);margin:16px auto 0;padding:clamp(16px,2vw,24px)}.connect-availability-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.connect-availability-row{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px}.connect-availability-brand{margin-top:0}.connect-availability-meta{align-items:end;max-width:164px}.connect-availability-state{align-items:center;min-height:25px;padding:3px 7px;display:inline-flex}@media (max-width:720px){.connects-control-stack,.connect-availability-guide{width:min(100% - 24px,1120px)}.connect-surface{gap:14px;padding:14px}.connect-surface-header{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.connect-surface-mark{width:36px;height:36px}.connect-surface-copy p{font-size:.72rem}.connect-provider-picker,.permission-list{grid-template-columns:1fr}.connect-record>summary{grid-template-columns:36px minmax(0,1fr) 16px;align-items:start}.connect-record-static{grid-template-columns:36px minmax(0,1fr) auto;align-items:start}.connect-record-static .connect-status{grid-column:2;justify-self:start;margin-top:-2px}.connect-record-static .icon-button{grid-area:1/3;margin-top:8px}.connect-record>summary .connect-status{grid-column:2;justify-self:start;margin-top:-2px}.connect-record-chevron{grid-area:1/3;margin-top:10px}.connect-inline-bridge{grid-template-columns:36px minmax(0,1fr);align-items:start}.connect-inline-bridge .compact-button{grid-column:2;justify-self:start}.connect-availability-head{gap:12px}.connect-availability-groups{grid-template-columns:1fr}.connect-availability-row{grid-template-columns:36px minmax(0,1fr);align-items:start}.connect-availability-meta{text-align:left;grid-column:2;grid-template-columns:max-content minmax(0,1fr);place-items:center start;max-width:none}}@media (max-width:460px){.connect-surface-header{grid-template-columns:36px minmax(0,1fr)}.connect-surface-actions{grid-column:2;justify-self:start}.connect-permission-heading,.connect-records-heading{flex-direction:column;align-items:flex-start;gap:4px}}