:root {
  --vr-green: #038847;
  --vr-green-dark: #006b38;
  --vr-green-soft: #e6f4ee;
  --vr-ink: #17202a;
  --vr-blue: #2364aa;
  --vr-teal: #2ca6a4;
  --vr-gold: #f2c14e;
  --vr-red: #d94f45;
  --vr-surface: #f7f8fa;
  --vr-border: #d8dee6;
}

body {
  background: var(--vr-surface);
  color: var(--vr-ink);
}

.vr-shell {
  max-width: 1200px;
}

.vr-logo {
  width: 56px;
  height: 56px;
}

.vr-brand-title {
  letter-spacing: 0;
}

.vr-card {
  border: 1px solid var(--vr-border);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(23, 32, 42, 0.06);
}

.btn-voterun {
  --bs-btn-bg: var(--vr-green);
  --bs-btn-border-color: var(--vr-green);
  --bs-btn-hover-bg: var(--vr-green-dark);
  --bs-btn-hover-border-color: var(--vr-green-dark);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.status-panel {
  border-left: 5px solid var(--vr-border);
}

.status-panel.status-active {
  border-left-color: var(--vr-green);
  background: var(--vr-green-soft);
}

.status-panel.status-inactive {
  border-left-color: var(--vr-red);
  background: #fff5f4;
}

.status-panel.status-blocked,
.status-panel.status-ambiguous {
  border-left-color: var(--vr-gold);
  background: #fff9e8;
}

.status-panel.status-pending {
  border-left-color: var(--vr-blue);
  background: #edf4ff;
}

.process-log {
  height: 360px;
  overflow: auto;
  background: #101820;
  color: #d9fbe7;
  border-radius: 6px;
  padding: 1rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.875rem;
}

.process-log div {
  margin-bottom: 0.45rem;
}

.process-log .warn {
  color: #ffe08a;
}

.process-log .error {
  color: #ffb4ad;
}

.process-log .ok {
  color: #9ff7c4;
}

.raw-html-input {
  min-height: 190px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.875rem;
}

.request-pre {
  min-height: 86px;
  white-space: pre-wrap;
  word-break: break-word;
  background: #f2f5f7;
  border: 1px solid var(--vr-border);
  border-radius: 6px;
  padding: 0.75rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.825rem;
}
