/* Alvee licence admin: what Bootstrap's classes don't cover. No inline styles anywhere (CSP). */

/* Touch first, as in the app: every control at least 44 px tall. */
.btn,
.form-control,
.form-select {
  min-height: 2.75rem;
}

.navbar-brand {
  font-weight: 600;
}

/* Without JavaScript the collapsed menu would be unreachable on a phone: show it open (admin.js marks the root). */
html:not(.js) .navbar-collapse.collapse {
  display: block;
}

html:not(.js) .navbar-toggler {
  display: none;
}

.login-card {
  max-width: 24rem;
  margin-inline: auto;
}

/* Without JavaScript the Copy button does nothing: hide it (the key box selects with one click). */
html:not(.js) .copy-btn {
  display: none;
}

/* A new licence key, shown once. */
.key-box {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  user-select: all;
}