/* superuser.css -- added 23 Oct 2026 (Chris). ONE shared look for everything only superusers can see: navy (clearly
   darker than the app's normal blue #0576b9), white text, a small shield-lock icon and a "Superuser only" tooltip.
   The classes are added by su_class() / su_icon() / su_title() in includes/facility_setup.php, which add nothing at all
   when SUPERUSER_STYLE_ON is false - so with the switch off the app looks exactly as before.
   Rule (Chris, 23 Oct 2026): anything superuser-only gets this style. */
:root { --su-navy: #0b2559; --su-navy-dark: #071a40; }

/* buttons and button-like links */
.btn.su-only, a.btn.su-only { background-color: var(--su-navy); border-color: var(--su-navy); color: #fff; }
.btn.su-only:hover, .btn.su-only:focus, a.btn.su-only:hover { background-color: var(--su-navy-dark); border-color: var(--su-navy-dark); color: #fff; }

/* items in a three-dot (dropdown) menu */
.dropdown-item.su-only { background-color: var(--su-navy); color: #fff; }
.dropdown-item.su-only:hover, .dropdown-item.su-only:focus { background-color: var(--su-navy-dark); color: #fff; }

/* the sidebar's Admin item */
#sidebar-menu ul li a.su-only { background-color: var(--su-navy); color: #fff !important; border-radius: 6px; margin: 2px 10px; }
#sidebar-menu ul li a.su-only i, #sidebar-menu ul li a.su-only span { color: #fff !important; }
#sidebar-menu ul li a.su-only:hover { background-color: var(--su-navy-dark); }

/* boxes (cards): navy header strip with white title, navy border */
.card.su-only { border: 2px solid var(--su-navy) !important; }
.card.su-only > .card-header { background-color: var(--su-navy) !important; border-color: var(--su-navy) !important; }
.card.su-only > .card-header .card-title, .card.su-only > .card-header h5 { color: #fff !important; }

/* the small icon */
.su-icon { font-size: 0.95em; margin-right: 4px; vertical-align: -1px; }

/* a tick box (added 30 Oct 2026, Chris: Search's "Include voided reports"): a navy box the height of a button, white label,
   the white tick inside it on the left */
.form-check.su-only { background-color: var(--su-navy); color: #fff; border-radius: 0.25rem; padding: 0.47rem 0.75rem 0.47rem 2.1rem; }
.form-check.su-only .form-check-label { color: #fff; cursor: pointer; }
.form-check.su-only .form-check-input { cursor: pointer; border-color: #fff; }