/* Bot Requests light UI */
:root {
  --brc-bg: #f6f7fb;
  --brc-surface: #ffffff;
  --brc-border: #dfe3ea;
  --brc-text: #0f172a;
  --brc-muted: #5b6475;
  --brc-accent: #2563eb;
  --brc-accent-2: #4f46e5;
  --brc-success: #16a34a;
  --brc-error: #e11d48;
  --brc-radius: 14px;
  --brc-shadow: 0 10px 30px rgba(2,6,23,.06);
}

.brc-form,
.brc-section {
  background: var(--brc-surface);
  border: 1px solid var(--brc-border);
  border-radius: var(--brc-radius);
  padding: 20px;
  box-shadow: var(--brc-shadow);
  color: var(--brc-text);
  max-width: 640px;
  margin: 18px auto;
}

.brc-field { margin-bottom: 14px; }
.brc-field label {
  display:block;
  font-weight: 600;
  margin-bottom: 6px;
  color: var(--brc-text);
  letter-spacing: .1px;
}
.brc-field small { color: var(--brc-muted); }

.brc-field input[type="text"] {
  width:100%;
  padding:12px 14px;
  border-radius: 12px;
  border: 1px solid var(--brc-border);
  background: #fff;
  color: var(--brc-text);
  outline: none;
  transition: box-shadow .2s, border-color .2s;
  box-sizing: border-box;
}
.brc-field input[type="text"]::placeholder { color: #9aa3b2; }
.brc-field input[type="text"]:focus {
  border-color: var(--brc-accent);
  box-shadow: 0 0 0 4px rgba(37,99,235,.15);
}

.brc-button {
  display:block;
  width:100%;
  padding: 12px 16px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brc-accent), var(--brc-accent-2));
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: transform .05s ease-in-out, filter .2s;
  box-sizing: border-box;
}
.brc-button:hover { filter: brightness(1.02); }
.brc-button:active { transform: translateY(1px); }

.brc-alert {
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 14px;
  font-weight: 600;
}
.brc-alert--success { background: rgba(22,163,74,.08); color: var(--brc-text); border:1px solid rgba(22,163,74,.25); }
.brc-alert--error { background: rgba(225,29,72,.08); color: var(--brc-text); border:1px solid rgba(225,29,72,.25); }

.brc-section__title {
  margin: 0 0 10px 0;
  font-size: 1.1rem;
  color: var(--brc-text);
}

.brc-list { list-style: none; padding: 0; margin: 0; }
.brc-list__item {
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border:1px solid var(--brc-border);
  border-radius: 12px;
  background: #fff;
  margin-bottom: 8px;
}
.brc-list__item::before {
  content: "";
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--brc-success);
}

.brc-muted { color: var(--brc-muted); }

/* Honeypot */
.brc-hidden { position: absolute !important; height: 0; width: 0; overflow: hidden; left: -9999px; }


/* Layout wrapper to standardize widths and spacing */
.brc-wrap { max-width: 720px; margin: 0 auto; padding: 8px; }

/* Force full-width, consistent inputs/buttons within our components */
.brc-form input[type="text"],
.brc-card input[type="text"],
.brc-section input[type="text"] { width: 100% !important; display: block; }

.brc-form .brc-button,
.brc-card .brc-button { width: 100% !important; display: block; }

/* Neutralize aggressive theme styles */
.brc-form input[type="text"],
.brc-section input[type="text"],
.brc-list__item,
.brc-card,
.brc-section {
  box-shadow: var(--brc-shadow) !important;
  border-radius: var(--brc-radius) !important;
  background: var(--brc-surface) !important;
  border-color: var(--brc-border) !important;
}

/* Ensure headings and small text inherit our colors */
.brc-form label,
.brc-section__title,
.brc-muted, .brc-form small { color: var(--brc-text); }
.brc-form small { color: var(--brc-muted); }