.workshop-growth { box-sizing:border-box; width:min(1440px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--line); border-radius:14px; background:#fff; color:var(--ink); }
.workshop-growth[open] { display:flex; flex-direction:column; }
.workshop-growth::backdrop { background:#17251dcc; }
.workshop-growth-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:14px 20px; border-bottom:1px solid var(--line); }
.workshop-growth-header h2 { margin:0; font-size:18px; }
.workshop-growth-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.workshop-growth-controls select { width:auto; }
.workshop-growth-body { padding:16px 20px; min-height:0; overflow:auto; }
.workshop-growth-note { margin:0 0 8px; color:var(--muted); font-size:12px; }
.workshop-registration { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 16px; margin:0 0 14px; }
.workshop-registration strong { font-size:22px; color:var(--accent); }
.workshop-registration .workshop-growth-note { margin:0; }
.workshop-growth-plots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.workshop-growth-plots > section { min-width:0; border:1px solid var(--line); border-radius:10px; padding:12px; }
.workshop-metric-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.workshop-metric-heading h3 { margin:0; font-size:15px; }
.workshop-metric-heading strong { font-size:20px; }
.workshop-pace { margin:4px 0; color:var(--muted); font-size:12px; }
.workshop-chart { margin:0; min-height:140px; }
.workshop-chart svg { display:block; width:100%; }
.workshop-chart-path { fill:none; stroke:var(--workshop-color); stroke-width:2; }
.workshop-chart-dot { fill:var(--workshop-color); }
.workshop-edit { margin:16px 0; padding:14px; border:1px solid #b7c9bb; border-radius:8px; background:#f6f9f5; }
.workshop-edit-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.workshop-edit-fields label { display:grid; gap:4px; font-size:12px; }
.workshop-edit-fields input { min-width:0; width:100%; box-sizing:border-box; }
.workshop-edit-actions { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:10px; }
.workshop-history-scroll { overflow:auto; }
.workshop-history-scroll table { min-width:650px; }
@media (max-width:760px) {
  .workshop-growth { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .workshop-growth-header, .workshop-growth-body { padding:12px; }
  .workshop-growth-plots { grid-template-columns:minmax(0,1fr); }
  .workshop-edit-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workshop-edit-fields label:first-child { grid-column:1 / -1; }
}