/* =========================================================================
   ADD USER
   ========================================================================= */
.type-toggle { display: flex; gap: var(--sp-3); margin-bottom: var(--sp-6); }
.type-toggle__option {
  flex: 1;
  padding: var(--sp-5);
  border-radius: var(--r-md);
  border: 2px solid var(--paper-100);
  background: var(--paper-0);
  cursor: pointer;
  text-align: left;
  transition: all var(--dur-fast) var(--ease-out);
}
.type-toggle__option:hover { border-color: var(--brass-300); }
.type-toggle__option.is-active { border-color: var(--brass-500); background: var(--brass-100); }
.type-toggle__option strong { display: block; font-size: 15px; color: var(--ink-950); margin-bottom: 4px; }
.type-toggle__option span { font-size: 12.5px; color: var(--ink-600); }

.flat-mode-toggle { display: flex; gap: var(--sp-2); margin-bottom: var(--sp-5); }
.flat-mode-toggle button {
  padding: 8px 16px;
  border-radius: var(--r-pill);
  border: 1px solid var(--paper-100);
  background: var(--paper-0);
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-600);
  cursor: pointer;
}
.flat-mode-toggle button.is-active { background: var(--ink-950); color: var(--paper-0); border-color: var(--ink-950); }

.conditional-section { display: none; }
.conditional-section.is-visible { display: block; animation: fieldOpen var(--dur-med) var(--ease-out); }

.privilege-note {
  padding: var(--sp-4);
  border-radius: var(--r-md);
  background: var(--amber-100);
  color: var(--amber-600);
  font-size: 12.5px;
  margin-bottom: var(--sp-5);
}