html {
  font-size: 14px;
}

body {
  font-size: 0.85rem;
}

table {
  color: white !important;
}

a.dropdown-item {
  font-size: 0.75rem !important;
}

td {
  padding: 0.45rem !important;
}

hr.dropdown-divider {
  border-top: 1px solid white;
  margin: 8px 12px;
}

.page-wrap {
  max-width: 980px;
  margin: 0 auto;
  padding: 1.25rem 1rem 3rem;
}

.intro {
  text-align: center;
}

.bot-mark {
  width: 72px;
  height: 72px;
  image-rendering: auto;
}

.thin-rule {
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  margin: 1.25rem 0;
}

.compact-list {
  max-width: 780px;
  margin: 0 auto;
}

.request-box {
  max-width: 560px;
  margin: 1rem auto 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  padding: 1rem;
  background: rgba(0, 0, 0, 0.12);
}

.wide-box {
  max-width: 900px;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.command-form {
  margin-bottom: 0.75rem;
}

.inline-edit,
.inline-delete {
  display: inline;
}

.inline-edit .form-control {
  min-width: 260px;
}

.form-control,
.custom-select {
  font-size: 0.85rem;
}

.agreement-row {
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
  margin: 0.75rem 0;
}

.agreement-row input {
  margin-top: 0.18rem;
}

.status-line {
  min-height: 1.5rem;
  margin-top: 0.75rem;
}

.mini-muted {
  color: #aaa;
  font-size: 0.78rem;
}

.policy-section {
  max-width: 760px;
  margin: 0 auto;
}

.policy-section h6 {
  margin-top: 1.1rem;
}

@media (max-width: 575px) {
  .navbar-brand {
    font-size: 1rem;
  }

  .page-wrap {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .inline-edit .form-control {
    min-width: 180px;
  }
}