/* A stable section rail with controls beside each connected record. */
.connections-workspace{--connection-line:#e3e6d8;min-width:0}
.connection-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 22px;border-bottom:1px solid var(--connection-line)}
.connection-header .eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;color:#717b45;margin:0 0 6px}
.connection-header h2{font-size:25px;line-height:1.25;margin:0 0 8px}.connection-header p{margin:0;font-size:13px;line-height:1.6;color:#778071}
.connection-totals{display:flex;gap:8px;flex:none}.connection-totals span{display:grid;gap:2px;padding:10px 16px;background:#f1f3e9;border-radius:12px;font-size:11px;color:#697354}.connection-totals strong{font-size:22px;color:#3d4928}
.connection-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;padding-top:24px}
.connections-workspace .onboarding-steps{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;align-items:stretch;margin:0;width:auto;height:fit-content}
.connections-workspace .onboarding-steps button{display:grid;grid-template-columns:26px minmax(0,1fr) 10px;align-items:center;gap:10px;padding:12px 10px;border:1px solid transparent;background:transparent;transition:background .16s ease,transform .16s ease;border-radius:12px;min-width:0}
.connections-workspace .onboarding-steps button:hover{background:#eef0e5;transform:translateX(2px)}
.connections-workspace .onboarding-steps button[aria-current=step]{background:#eef2df;color:#435021;border-color:#d7dfbd;box-shadow:inset 3px 0 #778b3f}
.connection-step-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf0e5;font-size:12px;color:#7b855e}
.connections-workspace [aria-current=step] .connection-step-number{background:#6f813a;color:white}.connections-workspace .onboarding-steps strong{font-size:12px;font-weight:650;line-height:1.35;display:block}.connections-workspace .onboarding-steps small{font-size:11px;color:#788268;margin-top:4px}.connection-step-arrow{color:#7a865a}
.connection-panel{min-width:0;background:#fff;border:1px solid var(--connection-line);border-radius:16px;padding:22px;box-shadow:0 3px 14px #34401e05}
.connection-panel-heading{display:flex;align-items:start;gap:12px;justify-content:space-between;margin-bottom:20px}.connection-panel-heading h3{margin:0 0 6px;font-size:19px}.connection-panel-heading p{font-size:12px;color:#7a8272;line-height:1.6;margin:0;max-width:580px}
.connection-section-state{flex:none;font-size:11px;padding:6px 10px;border-radius:20px;background:#f0f3e7;color:#617334}.connection-section-state[data-ui-tone=attention]{background:#fff1d9;color:#996516}.connection-section-state[data-ui-tone=review]{background:#eef0f4;color:#657387}
.connections-workspace .onboarding-options{display:block}.connection-toolbar{display:flex;gap:10px;justify-content:flex-end;margin-bottom:12px}.connections-workspace .onboarding-options>label{display:block;font-size:12px;margin:12px 0}.connections-workspace input,.connections-workspace select{margin-top:6px}
.connection-records{display:grid;gap:0;min-width:0}.connection-record,.connection-check{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #edf0e5;min-width:0}.connection-record:last-child{border-bottom:0}.connection-record>div:first-child,.connection-check>div{min-width:0}.connection-record strong,.connection-check strong{font-size:13px}.connection-record p,.connection-check p{font-size:12px;line-height:1.55;color:#788171;margin:4px 0 0;overflow-wrap:anywhere}
.connection-record .button,.connection-record .action-link,.connection-check .action-link{flex:none;white-space:nowrap;font-size:12px;padding:8px 12px}.connection-record-actions{display:flex;gap:10px;align-items:center}.connection-note{font-size:11px;color:#97621c;background:#fff3df;padding:5px 8px;border-radius:6px}
.connection-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:11px;color:#818972}.connection-pagination button{font-size:12px}
.connection-empty{padding:22px;background:#f7f8f2;border:1px dashed #dce2cf;border-radius:12px;font-size:13px}.connection-empty h4{margin:0 0 8px}.connection-empty p{line-height:1.6;color:#7a8272}
.connection-checks{margin-top:24px;background:#f9faf5;border-radius:12px;padding:14px}.connection-checks h4{font-size:12px;margin:0 0 4px;color:#6f7b50}.connection-check:last-child{border:0}
.connections-workspace .setup-wizard-actions{border-top:1px solid var(--connection-line);padding-top:16px;margin:20px 0 0;align-items:center;gap:10px}.connections-workspace .setup-wizard-actions button{font-size:12px}.connections-workspace .setup-wizard-actions [data-onboarding-status=skipped]{margin-left:auto}
.connections-workspace .workflow-access{padding:0;border:0;box-shadow:none;background:transparent;margin:0}.connections-workspace .workflow-access-heading{display:none}.connections-workspace [data-access-details]>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.connections-workspace [data-access-details]>summary::-webkit-details-marker{display:none}.connections-workspace [data-access-total-owners]{display:none}.connections-workspace [data-access-summary]{display:flex;flex-wrap:wrap;gap:6px;margin:0}.connections-workspace .workflow-access-content{padding-top:12px}.connections-workspace .workflow-access-content>p{font-size:12px;color:#7a8272}.connections-workspace .workflow-access-content>label{font-size:12px;display:block}.connections-workspace .connected-row{padding:14px 0;gap:16px;border-bottom:1px solid #edf0e5;background:transparent}.connections-workspace .connected-row h3{font-size:13px;margin:0}.connections-workspace .connected-row p{font-size:12px;margin:4px 0 0}.connections-workspace .workflow-access .actions{font-size:11px;justify-content:space-between;margin-top:14px}
.connections-workspace [data-access-filter]{font:inherit;text-align:left;cursor:pointer;border:1px solid transparent;transition:box-shadow .16s ease,border-color .16s ease;background:#f1f3eb;color:#596746;border-radius:10px;padding:9px 12px}
.connections-workspace [data-access-filter][data-tone=positive]{background:#edf6ed;color:#347249}.connections-workspace [data-access-filter][data-tone=warning]{background:#fff5e4;color:#926015}
.connections-workspace [data-access-filter]:hover{border-color:#a5b08f;box-shadow:0 2px 6px #34401e10}.connections-workspace [data-access-filter][aria-pressed=true]{border-color:currentColor;box-shadow:inset 0 -2px currentColor}
.connections-workspace [data-access-filter] strong{display:block;font-size:21px;line-height:1.3}.connections-workspace [data-access-filter]:focus-visible{outline:2px solid #6f813a;outline-offset:3px}
.connections-workspace .connection-show-all{padding:4px 0;border:0;background:transparent;text-decoration:underline;font-size:12px}.connections-workspace .connection-show-all:hover{box-shadow:none}
.connections-workspace [data-access-rows],.connections-workspace .connection-records{max-height:460px;overflow:auto;scrollbar-gutter:stable;padding-right:8px}.connections-workspace .connected-row>div:first-child{min-width:0}.connections-workspace .connected-row p{overflow-wrap:anywhere}
.connection-editor-only>.p-workspace>:not(dialog){display:none}.connection-editor-only>.p-workspace{padding:0;margin:0;min-height:0}
.connection-editor-only dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #dce2cf;border-radius:16px;padding:24px;box-shadow:0 20px 60px #24321425}.connection-editor-only dialog::backdrop{background:#24321455;backdrop-filter:blur(3px)}
@media(max-width:800px){.connection-layout{grid-template-columns:170px minmax(0,1fr);gap:12px}.connection-panel{padding:16px}.connection-header{align-items:start}.connection-totals span{padding:8px 10px}.connection-panel-heading{display:block}.connection-section-state{display:inline-block;margin-top:10px}.connection-record,.connection-check{gap:10px}.connection-record-actions{flex-direction:column;align-items:end}}
@media(max-width:600px){.connection-header{display:block}.connection-header h2{font-size:21px}.connection-totals{margin-top:14px}.connection-layout{display:block;padding-top:16px}.connections-workspace .onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:16px}.connections-workspace .onboarding-steps button{grid-template-columns:22px minmax(0,1fr);gap:7px;padding:9px 6px;min-width:0}.connection-step-number{width:22px;height:22px}.connection-step-arrow{display:none}.connections-workspace .onboarding-steps strong{font-size:11px}.connections-workspace .onboarding-steps small{font-size:10px}.connection-record,.connection-check,.connections-workspace .connected-row{flex-wrap:wrap}.connection-record>div:first-child,.connection-check>div{flex:1 1 100%}.connection-record-actions{flex-direction:row}.connections-workspace .onboarding-options .button{width:auto}.connection-pagination span{max-width:140px;text-align:center}.connections-workspace .setup-wizard-actions [data-onboarding-status=skipped]{margin-left:0}}
@media(prefers-reduced-motion:reduce){.connections-workspace .onboarding-steps button{transition:none}.connections-workspace .onboarding-steps button:hover{transform:none}}
@media(max-width:600px){.connections-workspace [data-access-rows],.connections-workspace .connection-records{max-height:380px}.connection-editor-only dialog{padding:16px}}
@media(prefers-reduced-motion:reduce){.connections-workspace [data-access-filter]{transition:none}}