/* docs/DESIGN.md #8.3 — panneaux de formulaire, panse en haut à droite. */
@layer components {
  .form-panel {
    border-top-right-radius: var(--radius-bowl);
    overflow: hidden;
  }

  .form-panel__band {
    padding: var(--space-5) var(--space-6);
    color: var(--cream);
  }

  .form-panel__band--training { background: var(--terracotta-deep); }
  .form-panel__band--coworking { background: var(--forest); }
  .form-panel__band--event { background: var(--wood); }
  .form-panel__band--meal { background: var(--ochre); color: var(--forest); }

  .form-panel__body {
    background: var(--cream-deep);
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }

  .form-panel--plain {
    border-top-right-radius: var(--radius-bowl-s);
    background: var(--cream-deep);
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
  }
}