/*
 * Local Arco fallback.
 * The site only uses a small subset of Arco class names; keeping these local
 * prevents external CDN failures from breaking the foreground or admin UI.
 */
:root {
  --arco-primary-6: #2367ff;
  --arco-danger-6: #ef4444;
  --arco-success-6: #10b981;
  --arco-warning-6: #f59e0b;
}

.arco-btn {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid currentColor;
  text-decoration: none;
  user-select: none;
}

.arco-btn[disabled],
.arco-btn-disabled {
  cursor: not-allowed;
  opacity: 0.58;
  transform: none !important;
  box-shadow: none !important;
}

.arco-btn-primary {
  border-color: var(--arco-primary-6);
  background: var(--arco-primary-6);
  color: #fff;
}

.arco-btn-secondary {
  border-color: rgba(35, 103, 255, 0.18);
  background: rgba(35, 103, 255, 0.08);
  color: var(--arco-primary-6);
}

.arco-btn-outline {
  border-color: rgba(35, 103, 255, 0.38);
  background: transparent;
  color: var(--arco-primary-6);
}

.arco-btn-size-large {
  min-height: 42px;
  padding-inline: 20px;
}

.arco-input,
.arco-select,
.arco-textarea {
  width: 100%;
  border: 1px solid #e6ebf3;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  font: inherit;
}

.arco-input,
.arco-select {
  min-height: 38px;
  padding: 0 12px;
}

.arco-textarea {
  min-height: 110px;
  padding: 10px 12px;
}

.arco-tag {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(35, 103, 255, 0.08);
  color: var(--arco-primary-6);
  font-size: 12px;
  font-weight: 800;
}

.arco-alert {
  padding: 12px 14px;
  border: 1px solid #e6ebf3;
  border-radius: 6px;
  background: #f8fafc;
}
