/*
 * Classes the library's views use on admin and public pages that had no rule (the release class-by-class check,
 * phase 17; RULE 2 point 6). Loaded by both layouts (config/registry.php → admin_styles, public_styles). The Kit's
 * names are .alert-danger, .check and .inline-form; the library's views say .alert-error, .checkbox and .inline, so
 * they get the same look here. Light and dark from the Kit's tokens.
 */
.alert-error {
  background: var(--danger-soft);
  border-color: var(--danger);
}

.alert-error > .icon {
  color: var(--danger);
}

.alert-info {
  background: var(--info-soft);
}

.alert-info > .icon {
  color: var(--info);
}

.checkbox {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-sm);
  cursor: pointer;
}

.checkbox input {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--brand);
}

form.inline,
.inline {
  display: inline;
}

.input-sm {
  height: 2rem;
  padding-block: 0;
  font-size: var(--text-sm);
}

.big {
  font-size: var(--text-2xl);
  font-weight: 700;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums;
}

.h3 { font-size: var(--text-2xl); line-height: 1.2; }
.h4 { font-size: var(--text-xl); line-height: 1.25; }
.h5 { font-size: var(--text-lg); line-height: 1.3; }
.h6 { font-size: var(--text-base); line-height: 1.35; }

.lib-code-digits {
  font-size: clamp(2.5rem, 1.5rem + 6vw, 5rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
  text-align: center;
  overflow-wrap: anywhere;
}

.lib-binder-list .table td {
  overflow-wrap: anywhere;
}

.lib-opac-avail {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
}

.lib-opac-kids h1 {
  color: var(--brand-text, var(--brand));
}

.lib-home {
  overflow-x: clip;
}

.lib-code {
  max-width: 32rem;
  margin-inline: auto;
}