/*
 * Night mode fixes shared by every admin page.
 *
 * The Meno theme switches to night mode with <html data-theme-mode="dark">
 * (custom.js / main.js), not Bootstrap's own data-bs-theme. So Bootstrap
 * utilities that read --bs-body-color keep their day-mode colors at night.
 * The rules here only apply in night mode, so day mode is unchanged.
 */

/* `.text-body` stays near-black (#212529) at night while the theme turns
   `.bg-white` dark, so the report-link tiles that the Bana / County /
   Host Organization / Quiz / Workplace list controllers render became
   unreadable. Use the theme's night text color instead. */
[data-theme-mode=dark] .text-body {
    color: var(--default-text-color) !important;
}

/* The Paid QRCode Bana / XA / Quiz edit forms lock Start Code with an inline
   `background-color:#d3d3d3` (legacy gray). At night the theme's light text
   sat on that gray, so the value was unreadable. Inline styles beat
   stylesheets, hence !important. Same tint as the other night read-only
   fields (wizard-vertical.css). */
[data-theme-mode=dark] .form-control[readonly][style*="background-color"] {
    background-color: rgba(255, 255, 255, 0.08) !important;
}