.vb-card {
  background: #fff;
  border: 1px solid #d7e0eb;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px rgba(13, 42, 72, 0.07);
}

.vb-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.vb-list li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px dashed #d5dfea;
}

.vb-list li:last-child {
  border-bottom: 0;
}

.vb-breadcrumb {
  margin: 8px 0 14px;
  font-size: 13px;
  color: #53677d;
}

.vb-breadcrumb a {
  color: #0a5ba9;
}

.vb-btn,
.vb-lookup-form button,
.vb-topic-form button,
.vb-report-form button {
  background: linear-gradient(140deg, #0a4b88, #0f67ba);
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  cursor: pointer;
}

.vb-vote-btn.is-active,
.vb-bookmark-btn.is-active {
  background: linear-gradient(140deg, #16745e, #189378);
}

.vb-topic-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #586e83;
}

.vb-topic-form,
.vb-lookup-form,
.vb-report-form {
  display: grid;
  gap: 10px;
}

.vb-topic-form input,
.vb-topic-form textarea,
.vb-topic-form select,
.vb-lookup-form input,
.vb-report-form input {
  border: 1px solid #c2cfe0;
  border-radius: 8px;
  padding: 10px;
}

.vb-admin-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}