.heading-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.heading-actions .primary-button,.flow-footer .primary-button,.invite-fields .primary-button{min-height:42px;font-size:14px;padding:10px 16px}
.onboarding-layout{display:grid;grid-template-columns:230px minmax(0,800px);gap:60px;border-top:1px solid var(--line);padding-top:32px;align-items:start}
.onboarding-steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}
.onboarding-steps li{display:flex;align-items:flex-start;gap:12px;color:var(--muted)}
.onboarding-steps li>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:12px;background:#fff}
.onboarding-steps li>span svg{width:15px;height:15px}
.onboarding-steps strong{display:block;font-size:14px;font-weight:550;margin-top:4px}
.onboarding-steps small{display:block;font-size:12px;margin-top:5px}
.onboarding-steps li[aria-current]{color:var(--blue-ink)}
.onboarding-steps li[aria-current]>span{background:var(--blue);color:#fff;border-color:var(--blue)}
.onboarding-steps li.complete>span{background:var(--mint);color:var(--mint-ink);border-color:transparent}
.onboarding-form{min-width:0}
.flow-content{min-height:450px}
.flow-content h2,.settings-section h2,.connection-settings h2{font-size:20px;line-height:1.5}
.flow-content h2{scroll-margin-top:48px}.flow-content h2:focus{outline:none}
.flow-section-heading{margin-bottom:28px}.flow-section-heading p,.connect-heading p{font-size:14px;color:var(--muted);margin-top:8px}
.connect-heading{display:flex;align-items:center;gap:18px;margin-bottom:28px}
.connect-mark{display:inline-grid;place-items:center;flex-shrink:0;width:56px;height:56px;background:var(--wash);border:1px solid var(--line);border-radius:8px}
.connect-mark svg{width:30px;height:30px;stroke-width:1.6}
.flow-notice{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;background:#f4f7fc;border-left:3px solid #9daecb;padding:14px 16px;color:#50627d}
.flow-notice svg{width:17px;flex-shrink:0;margin-top:3px}
.permission-list{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px;font-size:14px}
.permission-list li{display:flex;align-items:flex-start;gap:10px;line-height:1.7}
.permission-list svg{width:17px;flex-shrink:0;color:var(--mint-ink);margin-top:3px}
.permission-list .muted svg{color:var(--muted)}
.connection-account{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:22px 0;border-block:1px solid var(--line);margin:30px 0}
.connection-account>div{flex:1;min-width:130px}.connection-account small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.connection-account button{font-size:14px;min-height:42px;padding:10px 14px}.connection-account .badge{display:flex;align-items:center;gap:6px}.connection-account .badge svg{width:14px}
.flow-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:24px 0;margin-top:28px}
.flow-footer>span{font-size:12px;color:var(--muted);white-space:nowrap}.flow-footer>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
button:disabled{opacity:.45;cursor:not-allowed}
.repo-search{width:100%;margin-bottom:16px}
.repository-option{display:flex;align-items:flex-start;gap:12px;padding:20px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.repository-option:has(input:checked){background:var(--blue-wash)}
.repository-option input{margin-top:5px;accent-color:var(--blue)}
.repository-copy{flex:1;min-width:0}.repository-copy strong{font-size:15px;overflow-wrap:anywhere;display:block}
.repository-copy>span{display:block;color:var(--muted);margin-top:6px;font-size:13px}
.repository-copy small{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:12px}
.repository-visibility{display:flex;align-items:center;gap:5px}.repository-visibility svg{width:13px;height:13px}
.repository-option>svg{color:var(--muted);width:20px;flex-shrink:0}.repository-option.unavailable{opacity:.5;cursor:not-allowed}
.field-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.8;color:var(--muted);margin:18px 0}
.field-note svg{width:15px;flex-shrink:0;margin-top:3px}
.form-field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550;margin:20px 0;min-width:0}
.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;padding:11px 12px;border:1px solid #cdd5e0;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:400;line-height:1.6}
.form-field textarea{resize:vertical;min-height:96px;max-height:260px;font-size:14px;line-height:1.7}
.direction-fields,.visibility-field{border:0;padding:0;margin:24px 0;min-width:0}
.direction-fields legend,.visibility-field legend{font-weight:550;font-size:13px;margin-bottom:12px}
.direction-fields{display:flex;gap:22px;flex-wrap:wrap}.direction-fields label{display:flex;align-items:center;gap:8px;font-size:14px}
.direction-fields input,.scope-options input{accent-color:var(--blue)}
.scope-options{display:grid;gap:14px;margin:16px 0 24px}
.scope-options label{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:12px 0 18px;cursor:pointer}
.scope-options input{margin-top:5px}.scope-options strong{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:550}.scope-options strong svg{width:16px;flex-shrink:0}
.scope-options small{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.creation-summary{display:grid;gap:6px;padding:16px 0 20px;border-block:1px solid var(--line);margin-bottom:20px}
.creation-summary strong{font-size:18px;overflow-wrap:anywhere}.creation-summary span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.invite-fields{display:grid;grid-template-columns:minmax(120px,1fr) 130px auto;gap:12px;align-items:end}
.invite-fields .form-field{margin:10px 0}.invite-fields button{margin-bottom:10px}
.draft-invitations{margin:18px 0}.draft-invitations>div{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}
.draft-invitations>div>span:first-child{flex:1;overflow-wrap:anywhere}.draft-invitations>p{font-size:13px}
.role-explanation{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:20px}
.role-explanation strong{display:block;font-size:13px}.role-explanation span{display:block;font-size:12px;color:var(--muted);line-height:1.8;margin-top:6px}
#flow-error,#task-form-error{color:#a62b50;font-size:13px;line-height:1.7;margin:16px 0;scroll-margin:120px}
.flow-empty{padding:24px 0;color:var(--muted);font-size:13px}
.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:56px;border-top:1px solid var(--line);padding-top:26px}
.settings-section{padding:0 0 30px;margin-bottom:28px;border-bottom:1px solid var(--line);min-width:0}
.settings-section h2{margin-bottom:14px}.settings-section .count{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px}
.member-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.member-row:last-child{border-bottom:0}.member-row>div{flex:1;min-width:0}.member-row strong{font-size:14px;font-weight:550;overflow-wrap:anywhere}.member-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.invitation-row{padding:18px 0;border-top:1px solid var(--line)}.invitation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.invitation-heading strong{font-size:14px;overflow-wrap:anywhere}.invitation-row p{font-size:12px;color:var(--muted);margin:8px 0 12px}
.invitation-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.invitation-actions .text-link{font-size:12px}
.danger-link{color:var(--rose-ink)}.connection-settings{border-left:1px solid var(--line);padding-left:28px;min-width:0}
.connection-settings h2{font-size:16px}.repo-identity{display:flex;align-items:flex-start;gap:9px;margin:24px 0 16px;font-size:14px;overflow-wrap:anywhere}.repo-identity svg{flex-shrink:0;width:19px}
.connection-settings .permission-list{font-size:12px}.connection-settings .field-note{margin-top:24px}
.authority-note{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.authority-note svg{flex-shrink:0;width:16px;margin-top:3px}
.disconnect-confirm{font-size:13px;line-height:1.8}.disconnect-confirm .secondary{margin:14px 12px 0 0}
.invitation-preview{max-width:600px;margin:24px auto 60px;text-align:center;padding:20px 0}
.invitation-eyebrow{font-size:12px;color:var(--muted);margin:20px 0 14px}.invitation-preview h1{font-size:28px}
.invitation-preview h2{font-size:20px;overflow-wrap:anywhere;margin:20px 0 8px}.invitation-preview>p{color:var(--muted);font-size:14px}
.invitation-scope{border-block:1px solid var(--line);padding:24px 0;margin:28px 0;font-size:14px;line-height:1.8}.invitation-scope p+p{margin-top:10px;color:var(--muted);font-size:12px}
.invitation-preview>.text-link{display:flex;justify-content:center;margin:24px auto}.invitation-preview>.field-note{display:block;font-size:12px}
.local-project-intro{border-block:1px solid var(--line);padding:24px 0;margin-bottom:26px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.local-project-intro p{line-height:1.8;max-width:700px;font-size:14px;overflow-wrap:anywhere}.local-project-intro small{display:block;color:var(--muted);margin-top:10px;font-size:12px}
.local-project-intro .heading-actions{flex-shrink:0}.local-empty-delivery{padding:48px 0;border-block:1px solid var(--line)}
.local-empty-delivery h2{font-size:20px}.local-empty-delivery p{font-size:14px;color:var(--muted);margin:14px 0 24px}
.local-stage-list{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:22px 0;margin-top:28px;border-top:1px solid var(--line);list-style:none;color:var(--muted);font-size:13px}.local-stage-list li{display:flex;gap:8px;align-items:center}.local-stage-list svg{width:17px}
@media(max-width:1100px){.onboarding-layout{grid-template-columns:190px minmax(0,1fr);gap:30px}.settings-layout{grid-template-columns:minmax(0,1fr) 260px;gap:24px}.connection-settings{padding-left:20px}.invite-fields{grid-template-columns:minmax(0,1fr) 120px}.invite-fields button{grid-column:1/-1;justify-self:start}.local-project-intro{flex-direction:column;align-items:flex-start}}
@media(max-width:650px){
  .onboarding-layout{grid-template-columns:1fr;gap:28px;padding-top:22px}.onboarding-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .onboarding-steps li{flex-direction:column;gap:6px;align-items:center;text-align:center}.onboarding-steps strong{font-size:11px}.onboarding-steps small{display:none}
  .flow-content{min-height:0}.flow-content h2{font-size:20px}.connect-heading{align-items:flex-start;gap:12px}.connect-mark{width:44px;height:44px}.connect-mark svg{width:25px;height:25px}
  .flow-footer{gap:10px}.flow-footer>span{display:none}.flow-footer>div{width:100%;justify-content:space-between;gap:8px}.flow-footer .primary-button{margin-left:auto}
  .connection-account button{width:100%;justify-content:center}.direction-fields{gap:14px}.invite-fields{gap:8px;grid-template-columns:minmax(0,1fr) 110px}
  .role-explanation{grid-template-columns:1fr;gap:16px}.repository-option{padding:18px 6px;gap:8px}.repository-option>svg{display:none}
  .settings-layout{grid-template-columns:1fr;gap:10px}.connection-settings{border-left:0;border-top:1px solid var(--line);padding:26px 0}
  .invitation-actions{gap:14px}.invitation-heading{align-items:flex-start}.invitation-preview{margin-top:0}.invitation-preview h1{font-size:24px}
  .local-project-intro .heading-actions{flex-shrink:1}.form-field input,.form-field textarea,.form-field select{font-size:16px}
}