/* BestCall Support – custom polish on top of Tailwind */
:root {
  --bc-ring:  #059669; /* emerald-600 */
  --bc-text:  #0f172a; /* slate-900 */
  --bc-muted: #64748b; /* slate-500 */
  --bc-card:  #ffffff;
  --bc-bg:    #f1f5f9; /* slate-100 */
}

html, body { background-color: var(--bc-bg); color: var(--bc-text); }

.bc-card {
  background: var(--bc-card);
  border-radius: 1.25rem; /* rounded-2xl */
  box-shadow: 0 10px 20px rgba(2,6,23,.06), 0 4px 6px rgba(2,6,23,.04);
  border: 1px solid rgba(2,6,23,.06);
}

.bc-input, .bc-select, .bc-textarea {
  width: 100%;
  border: 1px solid rgba(2,6,23,.12);
  border-radius: .75rem; /* rounded-xl */
  padding: .625rem .875rem; /* px-3 py-2.5 */
  background: #fff;
  color: var(--bc-text);
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.bc-input:focus, .bc-select:focus, .bc-textarea:focus {
  border-color: var(--bc-ring);
  box-shadow: 0 0 0 3px rgba(5,150,105,.2);
}
.bc-label {
  font-size: .85rem;
  font-weight: 600;
  color: #0f172a;
}
.bc-helper {
  font-size: .8rem;
  color: var(--bc-muted);
}
.bc-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: #059669;
  color: #fff;
  padding: .65rem 1rem;
  border-radius: .875rem;
  font-weight: 600;
  transition: transform .05s ease, filter .15s ease, box-shadow .15s ease;
  box-shadow: 0 6px 18px rgba(5,150,105,.25);
}
.bc-btn:hover { filter: brightness(0.95); }
.bc-btn:active { transform: translateY(1px); }
.bc-header {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  border-bottom: 1px solid rgba(2,6,23,.06);
}