/* Activity workspace uses existing design tokens and original brand imagery. */
.activity-tabs { display:flex; gap:8px; overflow:auto; margin:0 0 24px; padding:0 0 10px; border-bottom:1px solid var(--outline-var); }
.activity-tabs a { white-space:nowrap; color:var(--on-var); border-radius:999px; padding:10px 16px; }
.activity-tabs a[aria-current=page] { background:var(--sc); color:var(--on); font-weight:600; }
.activity-body { display:grid; gap:20px; }
.activity-body > * { min-width:0; }
.activity-workspace { max-width:1180px;margin-inline:auto;min-width:0; }
.activity-next { display:flex;align-items:center;justify-content:space-between;gap:24px; }
.activity-next > div { flex:1;min-width:0; }
.activity-next .activity-summary { margin:12px 0 0; }
.activity-next > .activity-action { flex:none; }
.activity-overview .activity-missing { margin-top:20px;border-radius:10px;padding:16px 20px; }
.activity-overview .activity-missing h2 { font-size:calc(16px * var(--type-scale,1));line-height:1.5; }
.activity-overview .activity-cover { margin:20px 0 0; }
.activity-related,.activity-management { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.activity-related { border-bottom:1px solid var(--outline-var);padding-bottom:12px; }
.activity-management { padding-block:12px; }
.activity-proposal { max-width:920px;min-width:0; }
.activity-proposal > .card { border-radius:10px; }
.activity-proposal > .card > .card-title { font-size:calc(18px * var(--type-scale,1));font-weight:650; }
.activity-proposal textarea { min-height:150px;line-height:1.8; }
.activity-proposal :is(input,textarea) { scroll-margin-block:100px 180px; }
.activity-proposal > [role=status] { scroll-margin-block:100px; }
@media(max-width:599px) { .activity-next { align-items:stretch;flex-direction:column;gap:16px; }.activity-next > .activity-action { align-self:flex-start; }.activity-overview .activity-missing { padding:16px 12px; }.activity-overview .activity-missing li span { display:block;margin-left:0;margin-top:4px; } }
.activity-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr)); gap:18px; margin-top:20px; }
.activity-card { display:grid; gap:12px; align-content:start; color:var(--on); border:1px solid var(--outline-var); border-radius:24px; padding:22px; background:var(--sc-low); transition:background .15s; }
.activity-card:hover { background:var(--sc); text-decoration:none; }
.activity-card h2 { font-size:20px; line-height:1.5; font-weight:500; }
.activity-card img { width:100%; height:160px; object-fit:cover; border-radius:16px; }
.activity-card-state { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.activity-tags { display:flex; flex-wrap:wrap; gap:8px; }
.activity-tags .chip { display:inline-flex; align-items:center; font-size:12px; min-height:28px; }
.activity-cover { width:100%; max-height:320px; object-fit:cover; border-radius:20px; margin-bottom:20px; }
.activity-action { display:inline-grid; gap:4px; max-width:100%; }
.activity-summary { margin:20px 0; color:var(--on-var); }
.activity-phase-track { list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:10px; padding:0; }
.activity-phase-track li { display:grid; align-content:start; gap:6px; border-top:4px solid var(--outline-var); padding:14px 6px; }
.activity-phase-track li[data-state=in_progress] { border-color:var(--brand); background:var(--sc-low); border-radius:0 0 12px 12px; }
.activity-phase-track li[data-state=completed] { border-color:var(--success); }
.activity-phase-track small { color:var(--on-ter); }
.activity-phase-link, .activity-link { color:var(--on); }
.activity-missing { background:var(--sc-low); border-radius:18px; padding:18px; margin-top:20px; }
.activity-missing h3 { font-size:14px; }
.activity-missing ul { padding-left:20px; margin-bottom:0; }
.activity-missing li { margin:10px 0; }
.activity-missing li span { margin-left:10px; color:var(--on-ter); }
.activity-feed { list-style:none; padding:0; display:grid; gap:16px; }
.activity-feed li { border-left:2px solid var(--outline-var); padding-left:16px; }
.activity-prose { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; }
.activity-form, .activity-wizard, .activity-proposal { display:grid; gap:20px; }
.experience-filter { display:flex; align-items:end; gap:20px; flex-wrap:wrap; }
.experience-filter .field { flex:1; min-width:160px; margin:0; }
.experience-entries { display:grid; gap:24px; min-width:0; }
.experience-entry { border:1px solid var(--outline-var); border-radius:20px; padding:20px; min-width:0; display:grid; gap:16px; }
.experience-entry legend { padding:0 8px; color:var(--on-ter); font-size:13px; }
.experience-entry .field { margin:0; }
.experience-card { min-width:0; display:grid; gap:14px; }
.experience-card h2 { font-size:19px; line-height:1.6; }
.activity-form > .field, .activity-wizard .field { margin:0; }
.activity-proposal .card { margin:0; }
.activity-steps { list-style:none; padding:0; display:flex; gap:16px; color:var(--on-ter); flex-wrap:wrap; font-size:13px; }
.activity-steps li { padding:8px 0; border-bottom:2px solid var(--outline-var); }
.activity-steps li[aria-current=step] { color:var(--on); border-color:var(--brand); }
.activity-wizard { max-width:820px; }
.activity-gates { display:grid; gap:16px; }
.activity-gate { padding:16px 0; border-bottom:1px solid var(--outline-var); display:grid; gap:12px; }
.activity-gate:last-child { border:0; }
.activity-gate h3 { font-size:15px; font-weight:500; }
.activity-person-row { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:20px; }
.person-picker { display:grid; gap:6px; }
.person-picker .field { margin:0; }
.person-picker > input { padding:10px 14px; border:1px solid var(--outline-var); border-radius:12px; background:var(--surface); width:100%; }
.activity-member { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:14px 0; }
.activity-table-scroll { overflow:auto; max-width:100%; }
.activity-table { width:100%; border-collapse:collapse; min-width:640px; text-align:left; }
.activity-table th, .activity-table td { padding:14px 12px; border-bottom:1px solid var(--outline-var); vertical-align:top; }
.activity-table th { font-weight:500; }
.activity-table small { display:block; color:var(--on-ter); }
.error-text { color:var(--error); white-space:pre-wrap; }
.activity-body .card, .activity-body .activity-form { margin:0; }
@media(max-width:720px) { .activity-card { padding:18px; } .activity-tabs { margin-bottom:16px; } .activity-tabs a { padding:8px 12px; } .activity-phase-track { grid-template-columns:repeat(2,minmax(0,1fr)); } }