/* Container */
.brf-form {
  max-width: 1100px;
  margin: 24px auto;
  padding: 24px;
  border: 1px solid #e5e5e5;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* Title + sections */
.brf-title { margin: 0 0 18px; font-size: 26px; font-weight: 600; }
.brf-section { margin: 0 0 10px; font-size: 14px; font-weight: 700; text-transform: none; color: #6b7280; }

/* Two-column grid */
.brf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px 40px;
}

.brf-col { min-width: 0; }

/* Field blocks */
.brf-field { margin: 12px 0; }
.brf-label { display: block; font-size: 13px; color: #6b7280; margin-bottom: 6px; }
.req { color: #d13b3b; }

/* Inputs */
.brf-form input[type="text"],
.brf-form input[type="email"],
.brf-form input[type="tel"],
.brf-form input[type="number"],
.brf-form input[type="date"],
.brf-form input[type="url"],
.brf-form select,
.brf-form textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  outline: none;
  transition: box-shadow .15s, border-color .15s;
  box-sizing: border-box;
}
.brf-form input:focus,
.brf-form select:focus,
.brf-form textarea:focus {
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16,185,129,.15);
}

/* Row (two small fields on one line) */
.brf-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Toggle */
.brf-toggle label { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #374151; }

/* Artist add/remove */
.artist-field { display: flex; gap: 8px; margin: 6px 0; }
.artist-field input { flex: 1; }
.remove-artist {
  background: #ef4444;
  color: #fff;
  border: none;
  padding: 6px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.brf-link-btn {
  margin-top: 6px;
  background: transparent;
  color: #2563eb;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
}

/* Actions */
.brf-actions { margin-top: 18px; display: flex; align-items: center; gap: 16px; }
.submit {
  background: #256c41; /* dark green-ish like screenshot */
  color: white;
  border: none;
  padding: 12px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
}
.submit:hover { filter: brightness(0.95); }
#brf-message { font-size: 14px; }

/* Responsive stack */
@media (max-width: 900px) {
  .brf-grid { grid-template-columns: 1fr; }
  .brf-row { grid-template-columns: 1fr; }
}