html {
    position: relative;
    min-height: 100%;
}

.break-word {
    word-wrap: break-word;
}

input[readonly].readonly-text {
    cursor: text;
}

/*
 * The brand logo is a single-colour dark-navy graphic on a transparent
 * background, so it nearly disappears in dark mode. Inverting it to white
 * (brightness(0) makes it solid black first, invert(1) flips to white)
 * keeps it crisp and legible without needing a separate light-mode asset.
 */
[data-bs-theme="dark"] .navbar-brand img {
    filter: brightness(0) invert(1);
}