.content { background: var(--surface-soft); padding: 0 !important; }
  .form-wrap { max-width: 820px; margin: 0 auto; padding: var(--space-lg) var(--space-xl) var(--space-xxl); }

  .back-link {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 13px; color: var(--muted); text-decoration: none;
    margin-bottom: var(--space-base); cursor: pointer;
  }
  .back-link:hover { color: var(--ink); }
  .back-link svg { width: 14px; height: 14px; }

  h1.page-title { font-size: var(--text-h1); line-height: 1.1; letter-spacing: -0.5px; margin-bottom: 4px; }
  .page-sub { color: var(--body); font-size: 13px; margin-bottom: var(--space-lg); }

  /* Autosave status bar · discret, pas de couleur agressive */
  .save-bar {
    display: flex; align-items: center; gap: 8px;
    font-size: 11px; color: var(--muted);
    margin-bottom: var(--space-base);
    height: 20px;
  }
  .save-bar svg { width: 12px; height: 12px; flex-shrink: 0; }
  .save-bar.saved  { color: var(--semantic-up); }
  .save-bar.saving { color: var(--muted); }
  .save-bar.error  { color: var(--semantic-down); }

  .form-card {
    background: var(--canvas);
    border: 1px solid var(--hairline);
    border-radius: var(--r-xl);
    padding: var(--space-lg) var(--space-xl);
    margin-bottom: var(--space-base);
  }
  .section-row { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
  .section-row svg { width: 16px; height: 16px; color: var(--primary); flex-shrink: 0; }
  .section-title { font-size: var(--text-caption); font-weight: var(--weight-semibold); color: var(--ink);  text-transform: uppercase; letter-spacing: 0.08em;}
  .section-help { font-size: 12px; color: var(--muted); margin-bottom: var(--space-base); margin-left: 26px; }

  .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .field.full { grid-column: 1 / -1; }
  @media (max-width: 600px) {
    .form-grid { grid-template-columns: 1fr; }
    .field.full { grid-column: 1; }
  }

  .field label {
    display: block; font-size: 11px; font-weight: 600;
    color: var(--muted); text-transform: uppercase; letter-spacing: 0.06em;
    margin-bottom: 6px;
  }
  .field label .req { color: var(--semantic-down); }
  .field label .opt { color: var(--muted-soft); font-weight: 500; text-transform: none; letter-spacing: 0; margin-left: 4px; }
  .field input,
  .field select,
  .field textarea {
    width: 100%; border: 1px solid var(--hairline); background: var(--input-bg);
    border-radius: var(--r-sm); padding: 10px 12px;
    font-size: 13px; font-family: inherit; color: var(--ink);
    outline: none; transition: border-color 0.15s; box-sizing: border-box;
  }
  .field input:focus,
  .field select:focus,
  .field textarea:focus { border-color: var(--primary); }
  .field textarea { resize: vertical; min-height: 80px; }
  .helper { font-size: 11px; color: var(--muted); margin-top: 6px; display: flex; align-items: center; gap: 4px; }
  .helper svg { width: 11px; height: 11px; flex-shrink: 0; }

  .chip-group { display: flex; flex-wrap: wrap; gap: 6px; }
  .chip {
    padding: 7px 14px; border-radius: var(--r-pill);
    border: 1px solid var(--hairline); background: var(--canvas);
    font-size: 12px; color: var(--ink); cursor: pointer;
    transition: all 0.15s; user-select: none;
  }
  .chip:hover { border-color: var(--primary); color: var(--primary); }
  .chip.selected { background: var(--primary); border-color: var(--primary); color: #fff; }

  .drop-zone {
    border: 2px dashed var(--hairline); border-radius: var(--r-md);
    padding: var(--space-lg) var(--space-base); text-align: center;
    background: var(--surface-soft); cursor: pointer; transition: all 0.15s;
  }
  .drop-zone:hover, .drop-zone.dragging {
    border-color: var(--primary); background: var(--primary-soft); color: var(--primary);
  }
  .drop-zone .drop-icon { display: inline-flex; margin-bottom: 8px; }
  .drop-zone .drop-icon svg { width: 28px; height: 28px; color: var(--muted); }
  .drop-zone:hover .drop-icon svg { color: var(--primary); }
  .drop-zone .drop-text { font-size: 13px; font-weight: 600; color: var(--ink); margin-bottom: 2px; }
  .drop-zone .drop-sub { font-size: 11px; color: var(--muted); }

  .actions-bar {
    display: flex; justify-content: space-between; align-items: center;
    padding: var(--space-base) var(--space-xl);
    background: var(--canvas); border: 1px solid var(--hairline);
    border-radius: var(--r-xl); flex-wrap: wrap; gap: var(--space-base);
  }
  .actions-bar .left { font-size: 12px; color: var(--muted); display: flex; flex-direction: column; gap: 4px; }
  .actions-bar .right { display: flex; gap: var(--space-xs); }
  .actions-bar .btn { height: 40px; padding: 0 18px; font-size: 13px; display: inline-flex; align-items: center; gap: 6px; }

  @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  .spin { animation: spin 1s linear infinite; }

  @media (max-width: 768px) {
    .form-wrap { padding: var(--space-base); }
    .form-card { padding: var(--space-base); }
    h1.page-title { font-size: 22px; }
    .actions-bar { flex-direction: column; align-items: stretch; }
    .actions-bar .right .btn { flex: 1; justify-content: center; }
  }