:root {
  --tblr-font-sans-serif: var(--adm-font);
  --tblr-primary: var(--adm-brand);
  --tblr-primary-rgb: 91, 79, 245;
  --tblr-body-bg: var(--adm-canvas);
  --tblr-body-color: var(--adm-text);
  --tblr-border-color: var(--adm-border);
}

body {
  min-width: 0;
  background: var(--adm-canvas);
  color: var(--adm-text);
  font-family: var(--adm-font);
}

.navbar-vertical {
  background: #101725;
  color: #dce3ef;
}

.navbar-vertical .nav-link {
  border-radius: var(--adm-radius-sm);
  color: #aeb9ca;
  font-weight: 600;
}

.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link.active {
  background: rgb(117 95 255 / 18%);
  color: #fff;
}

.page-wrapper {
  background: var(--adm-canvas);
}

.page-wrapper > .container-fluid,
.page-body > .container-fluid {
  width: 100%;
  max-width: 90rem;
  margin-inline: auto;
}

.card {
  border-color: var(--adm-border);
  border-radius: var(--adm-radius-lg);
  box-shadow: var(--adm-shadow-sm);
}

.card-header {
  min-height: 3.5rem;
  border-bottom-color: var(--adm-border);
}

.card-title {
  color: var(--adm-text);
  font-size: var(--adm-text-lg);
  font-weight: 700;
}

.btn {
  min-height: var(--adm-control);
  border-radius: var(--adm-radius-sm);
  font-weight: 600;
}

.btn-primary {
  border-color: var(--adm-brand);
  background: var(--adm-brand);
}

.btn-primary:hover,
.btn-primary:focus-visible {
  border-color: var(--adm-brand-hover);
  background: var(--adm-brand-hover);
}

.form-control,
.form-select {
  min-height: var(--adm-control);
  border-color: var(--adm-border-strong);
  border-radius: var(--adm-radius-sm);
  color: var(--adm-text);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--adm-focus);
  box-shadow: 0 0 0 .2rem rgb(119 95 255 / 18%);
}

.adm-sqladmin-form {
  width: min(100%, 52rem);
}

.adm-sqladmin-form-grid {
  display: grid;
  gap: 1rem;
}

.adm-sqladmin-field {
  display: grid;
  gap: .4rem;
}

.adm-sqladmin-field .form-label {
  margin: 0;
  color: var(--adm-text);
  font-weight: 600;
}

.adm-sqladmin-field--check {
  padding-block: .25rem;
}

.adm-sqladmin-required {
  margin-inline-start: .15rem;
  color: var(--adm-danger);
  font-weight: 700;
}

.adm-sqladmin-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--adm-border);
}

@media (max-width: 767px) {
  .page-body {
    overflow-x: clip;
  }

  .card-body {
    padding: 1rem;
  }

  .adm-sqladmin-actions,
  .adm-sqladmin-actions .btn-group {
    width: 100%;
  }

  .adm-sqladmin-actions .btn,
  .adm-sqladmin-actions .btn-group .btn {
    flex: 1 1 100%;
    width: 100%;
  }
}

.navbar-vertical .navbar-brand-logo {
  width: 2.5rem;
  height: 2.5rem;
}

.navbar-vertical .dropdown-menu.show {
  background: transparent;
}

.navbar-vertical .nav-link.active {
  box-shadow: inset 3px 0 0 #8b78ff;
}