fix(admin): layout 3 columnas en invite form, banner de confirmación visible

Email/Organización/botón en una fila en desktop, apilado en mobile.
El mensaje de éxito/error ahora es un banner (no texto inline) visible
al menos 4s o hasta que el usuario vuelva a tocar el formulario.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/globals.css

@@ -1164,6 +1164,33 @@ body {
 .login-submit:hover:not(:disabled) { background: var(--color-primary-hover); }
 .login-submit:disabled { opacity: 0.6; cursor: not-allowed; }
 
+/* ── Invite form (/admin/usuarios) ── */
+.invite-form { display: flex; flex-direction: column; gap: 12px; }
+.invite-form-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr auto;
+  gap: 12px;
+  align-items: end;
+}
+.invite-banner {
+  margin: 0;
+  padding: 10px 14px;
+  border-radius: var(--radius);
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+.invite-banner-success {
+  background: var(--color-primary-light);
+  color: var(--color-primary-hover);
+}
+.invite-banner-error {
+  background: var(--color-error-bg);
+  color: var(--color-error);
+}
+@media (max-width: 768px) {
+  .invite-form-row { grid-template-columns: 1fr; }
+}
+
 /* ── Admin sign-out ── */
 .admin-header-actions { display: flex; align-items: center; gap: 12px; }
 .admin-signout {