/* Entry and Space governance use existing system tokens. */
.space-heading-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.entry-hero { max-width: 760px; margin: 10px auto 28px; }.entry-hero h1 { max-width: 620px; margin:0; font-size:clamp(32px,4vw,48px); line-height:1.18; letter-spacing:-.055em; }.entry-hero > p:not(.eyebrow) { margin:13px 0 0; color:var(--text-soft); font-size:15px; line-height:1.7; }.entry-hero__note { max-width:600px; padding:10px 12px; color:var(--text-faint) !important; background:var(--surface-subtle); border-radius:var(--radius-sm); font-size:var(--type-meta) !important; }
.product-space-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; max-width:1120px; padding:12px 0 26px; margin:0 auto; }.product-space-heading > div { min-width:0; }.product-space-heading h1 { max-width:740px; margin:4px 0 0; font-size:clamp(30px,4vw,46px); letter-spacing:-.055em; line-height:1.15; }.product-space-heading p:not(.eyebrow) { max-width:660px; margin:11px 0 0; color:var(--text-soft); font-size:14px; line-height:1.65; }.product-space-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1120px; margin:0 auto 16px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }.product-space-summary > div { min-width:0; padding:17px 19px; border-right:1px solid var(--border); }.product-space-summary > div:last-child { border-right:0; }.product-space-summary strong,.product-space-summary span { display:block; }.product-space-summary strong { overflow:hidden; color:var(--violet-deep); font-size:21px; line-height:1.15; white-space:nowrap; text-overflow:ellipsis; }.product-space-summary span { margin-top:5px; color:var(--text-faint); font-size:11px; }.product-space-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1120px; gap:16px; margin:0 auto 16px; }.product-space-section { min-width:0; padding:20px; }.product-space-section h2 { margin:2px 0 0; font-size:18px; letter-spacing:-.035em; }.card__heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid var(--border); }.product-pointer-list,.product-member-list,.product-reference-list { display:grid; gap:0; padding:0; margin:0; list-style:none; }.product-pointer { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:9px; align-items:center; padding:12px 0; border-bottom:1px solid var(--border); color:var(--text-soft); font-size:12px; line-height:1.45; }.product-pointer:last-child { border-bottom:0; }.product-pointer__actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; white-space:nowrap; }.product-pointer__actions .btn { min-width:0; }.product-member-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; border-bottom:1px solid var(--border); }.product-member-list li:last-child { border-bottom:0; }.product-member-list span { overflow:hidden; color:var(--text); font-size:13px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }.product-member-list small { flex:0 0 auto; color:var(--text-faint); font-size:11px; }.product-task-section { max-width:1120px; margin:0 auto; }.product-task-list { display:grid; gap:0; }.product-task-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; width:100%; padding:15px 0; color:var(--text); background:none; border:0; border-bottom:1px solid var(--border); cursor:pointer; text-align:left; }.product-task-row:last-child { border-bottom:0; }.product-task-row b,.product-task-row small { display:block; }.product-task-row b { overflow:hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis; }.product-task-row small { margin-top:4px; color:var(--text-faint); font-size:11px; }.product-task-row__open { color:var(--violet-deep); font-size:11px; font-weight:750; }.product-task-row:hover b,.product-task-row:focus-visible b { color:var(--violet-deep); }.product-task-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1120px; gap:10px; margin:0 auto 16px; }.product-task-facts > div { padding:15px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius-sm); }.product-task-facts span,.product-task-facts strong { display:block; }.product-task-facts span { color:var(--text-faint); font-size:11px; }.product-task-facts strong { margin-top:5px; overflow:hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis; }.product-reference { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid var(--border); }.product-reference:last-child { border-bottom:0; }.product-reference b,.product-reference small { display:block; }.product-reference b { font-size:13px; }.product-reference small { margin-top:4px; color:var(--text-faint); font-size:11px; line-height:1.5; }.product-policy-copy { margin:12px 0 0; color:var(--text-soft); font-size:13px; line-height:1.65; }
@media (max-width:760px) { .product-space-heading { display:block; }.product-space-heading .btn { margin-top:14px; }.product-space-summary,.product-task-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }.product-space-summary > div:nth-child(2) { border-right:0; }.product-space-summary > div:nth-child(-n+2) { border-bottom:1px solid var(--border); }.product-space-grid { grid-template-columns:minmax(0,1fr); }.product-pointer { grid-template-columns:auto minmax(0,1fr); }.product-pointer__actions { grid-column:2; justify-self:end; margin-top:2px; }.product-reference { align-items:flex-start; flex-direction:column; gap:8px; } }
.entry-flow { display:grid; max-width:760px; gap:14px; margin:0 auto; }.entry-card { display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; padding:26px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); }.entry-card__index { color:var(--violet-deep); font:700 11px/1 var(--font-mono); letter-spacing:.08em; }.entry-card h2 { max-width:560px; margin:0; font-size:19px; letter-spacing:-.035em; }.entry-card p { max-width:600px; margin:8px 0 17px; color:var(--text-soft); font-size:13px; line-height:1.6; }.entry-field { display:grid; gap:6px; max-width:600px; margin:12px 0; }.entry-field > span { color:var(--text-faint); font-size:var(--type-label); font-weight:700; }.entry-field input, .entry-field textarea { width:100%; min-width:0; padding:10px 11px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; line-height:1.45; resize:vertical; }.entry-field input:focus, .entry-field textarea:focus { border-color:var(--violet); box-shadow:var(--focus-ring); }.entry-confirmation { margin:12px 0 0 !important; color:var(--green) !important; font-size:12px !important; font-weight:700; }.entry-space-list { display:grid; gap:8px; }.entry-space-option { display:grid; grid-template-columns:22px minmax(0,1fr) auto; gap:10px; align-items:center; width:100%; padding:12px; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); cursor:pointer; text-align:left; transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease); }.entry-space-option:hover, .entry-space-option[aria-pressed='true'] { background:var(--violet-wash); border-color:var(--violet); }.entry-space-option:disabled { color:var(--text-faint); cursor:not-allowed; }.entry-space-option__mark { display:grid; place-items:center; width:20px; height:20px; color:#fff; background:var(--violet); border-radius:50%; font-size:11px; }.entry-space-option[aria-pressed='false'] .entry-space-option__mark { color:transparent; background:var(--surface-subtle); border:1px solid var(--border-strong); }.entry-space-option b, .entry-space-option small { display:block; }.entry-space-option b { font-size:13px; }.entry-space-option small { overflow:hidden; margin-top:3px; color:var(--text-faint); font-size:11px; white-space:nowrap; text-overflow:ellipsis; }.entry-or { display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin:18px 0 10px; color:var(--text-ghost); font-size:11px; }.entry-or::before, .entry-or::after { height:1px; background:var(--border); content:''; }.entry-create { padding-top:2px; }.entry-footer { position:sticky; bottom:16px; display:flex; align-items:center; justify-content:space-between; max-width:760px; gap:16px; padding:13px 14px 13px 18px; margin:18px auto 0; background:color-mix(in srgb, var(--surface) 92%, transparent); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-float); backdrop-filter:blur(12px); }.entry-footer > span { color:var(--text-soft); font-size:12px; }

.governance-heading__actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }.governance-notice { padding:11px 13px; margin:-8px 0 16px; color:#5144bd; background:var(--violet-wash); border:1px solid #dedafa; border-radius:var(--radius-sm); font-size:12px; }.governance-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-bottom:16px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }.governance-summary > div { min-width:0; padding:16px 18px; border-right:1px solid var(--border); }.governance-summary > div:last-child { border-right:0; }.governance-summary span, .governance-summary small { display:block; }.governance-summary span { overflow:hidden; font-size:18px; font-weight:750; white-space:nowrap; text-overflow:ellipsis; }.governance-summary small { margin-top:4px; color:var(--text-faint); font-size:11px; }.governance-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:16px; }.governance-section { padding:18px; }.governance-section__note { margin:11px 0 4px; color:var(--text-soft); font-size:12px; line-height:1.6; }.governance-request { padding:16px 0; border-top:1px solid var(--border); }.governance-request:first-of-type { margin-top:14px; }.governance-request__identity { display:flex; align-items:center; gap:9px; }.governance-request__identity b, .governance-request__identity span { display:block; }.governance-request__identity b { font-size:13px; }.governance-request__identity span { margin-top:2px; color:var(--text-faint); font-size:11px; }.governance-request > p { margin:9px 0 12px; color:var(--text-soft); font-size:12px; line-height:1.55; }.governance-actions { display:flex; flex-wrap:wrap; gap:7px; align-items:center; }.governance-empty { padding:23px 0 7px; margin:0; color:var(--text-faint); font-size:12px; }.governance-member-list { margin-top:12px; }.governance-member { display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:9px; align-items:center; padding:11px 0; border-top:1px solid var(--border); }.governance-member[data-state='revoked'] { opacity:.55; }.governance-member__identity { min-width:0; }.governance-member__identity b, .governance-member__identity span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }.governance-member__identity b { font-size:12px; }.governance-member__identity span { margin-top:3px; color:var(--text-faint); font-size:10px; }.governance-member__right { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px; max-width:240px; }.governance-link { padding:4px 2px; background:none; border:0; cursor:pointer; font-size:10px; font-weight:700; }.governance-link--danger { color:var(--danger); }.governance-link--danger:hover { text-decoration:underline; }.governance-archive { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:20px; margin-top:16px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius); }.governance-archive > div { max-width:680px; }.governance-archive h2 { margin:0; font-size:15px; }.governance-archive p:not(.eyebrow) { margin:7px 0 0; color:var(--text-soft); font-size:12px; line-height:1.6; }.governance-archive--confirm { display:block; border-color:#e4d6d6; background:var(--danger-wash); }.governance-archive--confirm .entry-field { max-width:340px; }.governance-archive--done { display:block; background:var(--surface-subtle); }.governance-archive--done .eyebrow { color:var(--text-faint); }
@media (max-width:760px) { .entry-card { grid-template-columns:1fr; gap:12px; padding:20px; }.entry-card__index { display:none; }.entry-footer { bottom:8px; align-items:stretch; flex-direction:column; }.entry-footer .btn { width:100%; }.space-heading-actions, .governance-heading__actions { justify-content:flex-start; margin-top:12px; }.governance-summary, .governance-grid { grid-template-columns:1fr; }.governance-summary > div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:8px; align-items:baseline; border-right:0; border-bottom:1px solid var(--border); }.governance-summary > div:last-child { border-bottom:0; }.governance-summary small { margin:0; }.governance-member { grid-template-columns:30px minmax(0,1fr); }.governance-member__right { grid-column:2; justify-content:flex-start; max-width:none; }.governance-archive { display:block; }.governance-archive > .btn { width:100%; margin-top:14px; } }

/* Product Adapter source-read surface: request-time rendering only, no local copy. */
.entry-onboarding-form { display:grid; max-width:560px; gap:10px; margin-top:18px; }
.entry-onboarding-form .field-label { display:grid; gap:7px; color:var(--text-soft); font-size:12px; font-weight:700; }
.entry-onboarding-form input,.entry-onboarding-form textarea { box-sizing:border-box; width:100%; min-width:0; padding:0 13px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; }
.entry-onboarding-form input { height:44px; }
.entry-onboarding-form textarea { min-height:82px; padding-top:11px; line-height:1.55; resize:vertical; }
.entry-onboarding-form input:focus,.entry-onboarding-form textarea:focus { border-color:var(--violet); box-shadow:var(--focus-ring); }
.entry-onboarding-form .field-note { margin:0; color:var(--text-faint); font-size:12px; line-height:1.55; }
.entry-onboarding-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:4px; }
.entry-join-request-list { display:grid; gap:0; margin-top:22px; border-top:1px solid var(--border); }.entry-join-request-list > .eyebrow { margin:14px 0 2px; }.entry-join-request { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--border); }.entry-join-request__head { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }.entry-join-request__head b { font-size:13px; }.entry-join-request p { margin:5px 0 0; font-size:12px; }.entry-join-request__reason { color:var(--text-faint) !important; }.entry-request-error,.product-request-error { margin:12px 0 0; color:var(--danger); font-size:12px; line-height:1.55; }.product-request-error { display:flex; align-items:center; justify-content:space-between; gap:10px; }.product-request-error > p { margin:0; }.product-request-error .btn { flex:0 0 auto; margin:0; }
.product-join-request-list { display:grid; gap:0; }.product-join-request { display:grid; gap:8px; padding:14px 0; border-bottom:1px solid var(--border); }.product-join-request:last-child { border-bottom:0; }.product-join-request__identity { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }.product-join-request__identity b { min-width:0; overflow:hidden; font-size:13px; white-space:nowrap; text-overflow:ellipsis; }.product-join-request__identity small { flex:0 0 auto; color:var(--text-faint); font-size:11px; }.product-join-request > p { margin:0; color:var(--text-soft); font-size:12px; line-height:1.55; white-space:pre-wrap; }.product-join-request__quiet { color:var(--text-faint) !important; }.product-join-request__actions { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:end; gap:8px; }.product-join-request__actions label { display:grid; gap:5px; min-width:0; }.product-join-request__actions label > span { color:var(--text-faint); font-size:10px; font-weight:700; }.product-join-request__actions textarea { box-sizing:border-box; width:100%; min-width:0; padding:8px 9px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; font-size:12px; line-height:1.45; resize:vertical; }.product-join-request__actions textarea:focus { border-color:var(--violet); box-shadow:var(--focus-ring); }
.product-conversation-section { max-width:1120px; margin:16px auto 0; }
.product-conversation-section .btn { margin-top:14px; }
.product-source-notice { display:flex; align-items:center; flex-wrap:wrap; gap:8px; max-width:1120px; padding:11px 13px; margin:0 auto 16px; color:var(--text-soft); background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius-sm); font-size:12px; }
.product-message-list { display:grid; max-width:820px; gap:10px; margin:0 auto; }
.product-message { padding:16px 18px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.product-message > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.product-message header small { color:var(--text-faint); font:11px/1 var(--font-mono); }
.product-message > p { margin:12px 0 0; color:var(--text-soft); font-size:14px; line-height:1.7; white-space:pre-wrap; }
.product-action-row { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.product-space-address__field { display:grid; gap:7px; margin-top:14px; color:var(--text-faint); font-size:11px; font-weight:700; }.product-space-address__field input { width:100%; min-width:0; padding:10px 11px; color:var(--text-soft); font:500 12px/1.3 var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace); background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius-sm); }.product-space-address .product-action-row small { align-self:center; color:var(--text-faint); font-size:11px; }
.product-composer { display:grid; max-width:760px; gap:18px; padding:24px; margin:0 auto; }
.product-composer .entry-field { max-width:none; margin:0; }
.product-composer small { color:var(--text-faint); font-size:11px; line-height:1.5; }
.product-composer__foot,.product-message-composer > footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:14px; border-top:1px solid var(--border); }
.product-composer__foot > span,.product-message-composer > footer small { color:var(--text-faint); font-size:11px; line-height:1.5; }
.product-message-composer { display:grid; max-width:820px; gap:10px; padding:16px; margin:16px auto 0; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.product-message-composer label { display:grid; gap:8px; }
.product-message-composer label > span { color:var(--text); font-size:13px; font-weight:750; }
.product-message-composer textarea { box-sizing:border-box; width:100%; min-height:112px; padding:11px 12px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; line-height:1.6; resize:vertical; }
.product-message-composer textarea:focus { border-color:var(--violet); box-shadow:var(--focus-ring); }
.product-conversation-actions { max-width:1120px; margin:0 auto 16px; align-items:center; }.product-conversation-actions small { color:var(--text-faint); font-size:11px; line-height:1.5; }
.product-origin-notice { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 10px; max-width:1120px; padding:14px 16px; margin:0 auto 16px; background:var(--violet-wash); border:1px solid #dedafa; border-radius:var(--radius); }.product-origin-notice strong { overflow:hidden; align-self:center; color:var(--text); font-size:13px; white-space:nowrap; text-overflow:ellipsis; }.product-origin-notice small { grid-column:1 / -1; color:var(--text-soft); font-size:11px; line-height:1.55; }
.product-task-composer { max-width:820px; }.product-participant-picker { display:grid; gap:9px; padding:0; margin:0; border:0; }.product-participant-picker legend { padding:0; color:var(--text); font-size:13px; font-weight:750; }.product-participant-picker > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.product-participant-option { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:center; min-width:0; padding:11px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius-sm); cursor:pointer; }.product-participant-option:has(input:checked) { background:var(--violet-wash); border-color:var(--violet); }.product-participant-option input { width:16px; height:16px; accent-color:var(--violet); }.product-participant-option span { overflow:hidden; color:var(--text); font-size:12px; font-weight:700; white-space:nowrap; text-overflow:ellipsis; }.product-participant-option small { color:var(--text-faint); font-size:10px; }
@media (max-width:760px) { .product-composer__foot,.product-message-composer > footer { align-items:stretch; flex-direction:column; }.product-composer__foot .btn,.product-message-composer > footer .btn { width:100%; }.product-participant-picker > div { grid-template-columns:1fr; }.product-origin-notice { grid-template-columns:1fr; }.product-origin-notice strong { white-space:normal; } }
.product-task-actions { max-width:1120px; padding:20px; margin:16px auto 0; }.product-task-actions h2 { margin:2px 0 0; font-size:18px; letter-spacing:-.035em; }.product-task-action-grid,.product-open-work { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding-top:16px; }.product-inline-form,.product-open-work > section { display:grid; align-content:start; gap:9px; min-width:0; padding:16px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius-sm); }.product-inline-form h3,.product-open-work h3 { margin:0; color:var(--text); font-size:14px; letter-spacing:-.02em; }.product-inline-form > p { margin:0; color:var(--text-soft); font-size:11px; line-height:1.55; }.product-inline-form textarea,.product-inline-form select,.product-answer-form textarea,.product-proposal-actions textarea,.product-handoff-transition textarea { box-sizing:border-box; width:100%; min-width:0; padding:9px 10px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; font-size:12px; line-height:1.5; resize:vertical; }.product-inline-form textarea:focus,.product-inline-form select:focus,.product-answer-form textarea:focus,.product-proposal-actions textarea:focus,.product-handoff-transition textarea:focus { border-color:var(--violet); box-shadow:var(--focus-ring); }.product-inline-form select { min-height:38px; }.product-recipient-options { display:grid; gap:6px; }.product-recipient-options label { display:flex; align-items:center; gap:7px; color:var(--text-soft); font-size:12px; }.product-recipient-options input { width:15px; height:15px; accent-color:var(--violet); }.product-inline-form small { color:var(--text-faint); font-size:11px; line-height:1.5; }.product-open-item { display:grid; gap:8px; padding:12px 0; border-bottom:1px solid var(--border); }.product-open-item:last-child { border-bottom:0; }.product-open-item > p { margin:0; color:var(--text); font-size:13px; line-height:1.55; white-space:pre-wrap; }.product-open-item > small { color:var(--text-faint); font-size:11px; line-height:1.5; }.product-answer-form,.product-proposal-actions,.product-handoff-transition { display:grid; gap:7px; }.product-handoff-transition label { display:grid; gap:5px; color:var(--text-faint); font-size:11px; font-weight:700; }.product-answer { padding:9px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-sm); }.product-answer small { color:var(--text-faint); font-size:10px; }.product-answer p { margin:4px 0 0; color:var(--text-soft); font-size:12px; line-height:1.5; white-space:pre-wrap; }
@media (max-width:900px) { .product-task-action-grid,.product-open-work { grid-template-columns:1fr; } }

/* Product entry and Task actions are deliberately single-purpose surfaces. The
   web product must not render setup, selection and participation as one stack
   of giant cards, nor expose the provider locator contract as a user form. */
.product-onboarding {
  display:grid;
  grid-template-columns:minmax(0, .88fr) minmax(340px, 1.12fr);
  gap:clamp(28px, 5vw, 72px);
  align-items:start;
  width:min(1080px, 100%);
  margin:clamp(34px, 9vh, 112px) auto 24px;
  padding:clamp(26px, 4vw, 58px);
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}
.product-onboarding--status { grid-template-columns:minmax(0, 640px); justify-content:center; }
.product-onboarding__copy { min-width:0; }
.product-onboarding__copy h1 {
  max-width:14ch;
  margin:6px 0 0;
  color:var(--text);
  font-size:clamp(32px, 4.4vw, 58px);
  line-height:1.1;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.product-onboarding__copy > p:not(.eyebrow) { max-width:48ch; margin:18px 0 0; color:var(--text-soft); font-size:15px; line-height:1.72; }
.product-onboarding__content { min-width:0; padding:22px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius); }
.product-onboarding--status .product-onboarding__copy { padding:8px; }
.product-onboarding--status .product-onboarding__copy h1 { max-width:18ch; }
.product-onboarding__actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.product-onboarding__pending {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:min(1080px, 100%);
  padding:16px 18px;
  margin:0 auto 48px;
  color:var(--text-soft);
  background:var(--violet-wash);
  border:1px solid #dcd7ff;
  border-radius:var(--radius);
}
.product-onboarding__pending strong,.product-onboarding__pending p { display:block; margin:0; }
.product-onboarding__pending strong { color:var(--text); font-size:13px; }
.product-onboarding__pending p { margin-top:4px; font-size:12px; line-height:1.5; }
.product-onboarding__secondary-action { display:flex; align-items:center; justify-content:center; gap:10px; width:min(1080px, 100%); margin:0 auto 48px; color:var(--text-faint); font-size:13px; }
.product-onboarding .entry-onboarding-form { max-width:none; margin-top:0; }
.product-onboarding .entry-space-list { gap:9px; }
.product-onboarding .entry-join-request-list { margin-top:18px; }

.product-task-action-launcher { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.product-open-work { grid-template-columns:1fr; max-width:760px; margin:0 auto; }
.product-task-action-launcher .btn[aria-pressed='true'] { color:var(--violet-deep); background:var(--violet-wash); border-color:var(--violet); }
.product-task-action-empty { margin:17px 0 0; color:var(--text-faint); font-size:13px; }
.product-action-composer { display:grid; max-width:720px; gap:14px; padding:18px; margin-top:18px; background:var(--surface-subtle); border:1px solid var(--border); border-radius:var(--radius); }
.product-action-composer h3 { margin:0; color:var(--text); font-size:16px; letter-spacing:-.03em; }
.product-action-composer p { margin:5px 0 0; color:var(--text-soft); font-size:12px; line-height:1.55; }
.product-action-composer > label { display:grid; gap:7px; color:var(--text-soft); font-size:12px; font-weight:700; }
.product-action-composer textarea,.product-action-composer select { box-sizing:border-box; width:100%; min-width:0; padding:11px 12px; color:var(--text); background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--radius-sm); outline:0; font:inherit; line-height:1.55; resize:vertical; }
.product-action-composer textarea:focus-visible,.product-action-composer select:focus-visible { border-color:var(--violet); box-shadow:var(--focus-ring); }
.product-action-composer fieldset { min-width:0; padding:0; margin:0; border:0; }
.product-action-composer legend { margin-bottom:8px; color:var(--text-soft); font-size:12px; font-weight:700; }
.product-recipient-options { display:flex; flex-wrap:wrap; gap:8px; }
.product-recipient-options label { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:0 10px; color:var(--text-soft); background:var(--surface); border:1px solid var(--border); border-radius:999px; font-size:12px; cursor:pointer; }
.product-recipient-options label:has(input:checked) { color:var(--violet-deep); background:var(--violet-wash); border-color:var(--violet); }
.product-recipient-options input { width:15px; height:15px; margin:0; accent-color:var(--violet); }
.product-task-action-note { margin:0; color:var(--text-faint); font-size:12px; }
.product-action-composer footer { display:flex; justify-content:flex-end; gap:8px; padding-top:14px; border-top:1px solid var(--border); }
.product-space-management { width:min(1120px, 100%); padding:0; margin:16px auto 0; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.product-space-management > summary { display:flex; align-items:center; min-height:58px; padding:0 20px; color:var(--text); cursor:pointer; font-size:14px; font-weight:750; list-style:none; }
.product-space-management > summary::-webkit-details-marker { display:none; }
.product-space-management > summary::after { width:8px; height:8px; margin-left:auto; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; content:''; transform:rotate(45deg) translateY(-2px); transition:transform var(--duration-fast) var(--ease); }
.product-space-management[open] > summary { border-bottom:1px solid var(--border); }
.product-space-management[open] > summary::after { transform:rotate(225deg) translate(-2px, -2px); }
.product-space-management > p { max-width:720px; padding:16px 20px 0; margin:0; color:var(--text-soft); font-size:13px; line-height:1.6; }
.product-space-management .product-space-grid { max-width:none; padding:16px 20px 20px; margin:0; }

@media (max-width:760px) {
  .product-onboarding { grid-template-columns:1fr; gap:26px; margin:24px auto; padding:24px 20px; }
  .product-onboarding__copy h1 { max-width:16ch; font-size:36px; }
  .product-onboarding__content { padding:16px; }
  .product-onboarding__pending,.product-onboarding__secondary-action { align-items:stretch; flex-direction:column; margin:0 auto 24px; }
  .product-onboarding__secondary-action { align-items:flex-start; }
  .product-onboarding__actions .btn { flex:1 1 auto; }
  .product-action-composer footer { align-items:stretch; flex-direction:column-reverse; }
  .product-action-composer footer .btn { width:100%; }
  .product-space-management > summary { padding:0 16px; }
  .product-space-management > p { padding:14px 16px 0; }
  .product-space-management .product-space-grid { padding:14px 16px 16px; }
}