/*
 * Only what Bootstrap does not already cover. Everything else is left to the
 * framework so the app keeps looking like gg-api rather than developing a
 * private design language.
 */

body {
    /* Clears the fixed navbar. */
    padding-top: 0;
}

.card-header {
    font-weight: 600;
}

/* Permission names are identifiers — keep them readable and unwrapped. */
code.badge {
    font-family: var(--bs-font-monospace);
    font-weight: 400;
    letter-spacing: 0.01em;
}

dl.row dt {
    font-weight: 500;
    color: var(--bs-secondary-color);
}

dl.row dd {
    margin-bottom: 0.5rem;
}

/* Long identifiers (role names, group names) must not force a horizontal
   scrollbar on narrow screens. */
.text-break-anywhere {
    overflow-wrap: anywhere;
}