Copyright …
--------------------------------------------------------------------------- */
.main-footer{
background:#fff !important; border-top:1px solid var(--bdx-border) !important;
color:var(--bdx-grey) !important; padding:14px 22px !important; font-size:12.5px !important;
}
.main-footer strong{ font-weight:400 !important; color:var(--bdx-grey) !important; }
.main-footer a{ color:var(--bdx-ink-2) !important; font-weight:500 !important; }
.main-footer a:hover{ color:var(--bdx-blue) !important; }
/* ---------------------------------------------------------------------------
P2.8 Buttons: the remaining framework colours
btn-info (Download Sample Excel, table row actions) reads as stock Bootstrap
cyan — demote to a neutral secondary so lime stays the single primary signal.
--------------------------------------------------------------------------- */
.btn-info,.btn-info:not(:disabled):not(.disabled){
background:#fff !important; border:1px solid var(--bdx-border) !important;
color:var(--bdx-ink) !important; font-weight:500 !important;
}
.btn-info:hover{ background:#fafafa !important; border-color:#d5d9de !important; color:var(--bdx-ink) !important; }
.btn-success{
background:var(--bdx-lime) !important; border-color:var(--bdx-lime) !important;
color:var(--bdx-ink) !important; font-weight:600 !important;
}
.btn-success:hover{ background:var(--bdx-lime-hover) !important; border-color:var(--bdx-lime-hover) !important; }
.btn-tool{ color:var(--bdx-grey) !important; background:transparent !important; box-shadow:none !important; }
.btn-tool:hover{ color:var(--bdx-ink) !important; }
.btn-sm{ font-size:12.5px !important; padding:.25rem .65rem !important; }
/* ---------------------------------------------------------------------------
P2.9 Forms (Bulk Upload, AF1/AF2, Site Access)
These use .table-bordered as a layout grid with heavy blue rules.
Soften the rules; keep the structure intact.
--------------------------------------------------------------------------- */
.card-body .table-bordered,
.card-body .table-bordered th,
.card-body .table-bordered td,
form .table-bordered,form .table-bordered th,form .table-bordered td{
border-color:var(--bdx-border) !important;
}
form .table-bordered td,form .table-bordered th{ padding:10px 14px !important; }
/* Label column reads as a label, not a heading.
IMPORTANT: excluded from cells that carry their own inline background or
colour. Several forms use `| `
as a section bar; an !important colour here would beat the inline white and
render the text invisible on navy. */
form .table-bordered td:first-child:not([style*="background"]):not([style*="color"]){
color:var(--bdx-ink-2) !important; font-weight:500 !important;
}
/* the outer double border around embedded forms */
.card .card-body > table,
.card .card-body > div > table{ border:1px solid var(--bdx-border) !important; }
/* file inputs */
input[type="file"]{
font-size:12.5px !important; padding:7px 10px !important;
border:1px solid var(--bdx-border) !important; border-radius:var(--bdx-radius) !important; background:#fff !important;
}
/* the "Dashboard" blue heading inside AF1 */
.card-body h4,.card-body .h4{ font-size:15px !important; font-weight:600 !important; color:var(--bdx-ink) !important; }
/* ---------------------------------------------------------------------------
P2.10 Control sidebar ("Switch Data Center" / "Switch Customer" slide-out)
--------------------------------------------------------------------------- */
.control-sidebar,.control-customer-sidebar,.control-sidebar-dark{
background:var(--bdx-rail) !important; color:var(--bdx-rail-text) !important;
}
.control-customer-sidebar .p-2{ font-size:13px !important; }
.control-sidebar a,.control-customer-sidebar a{ color:var(--bdx-rail-text) !important; }
.control-sidebar a:hover,.control-customer-sidebar a:hover{ color:#fff !important; }
/* ---------------------------------------------------------------------------
P2.11 Permit To Work — DELIBERATELY LEFT LARGELY ALONE
This page is legacy pasted content: Google-Docs export classes (.c51/.c34…)
with hardcoded INLINE styles (background-color:#002060 header bars) and a
colour-coded risk matrix (green/yellow/orange/red).
The matrix colours are FUNCTIONAL SAFETY SIGNAL — they must not be restyled.
We therefore only tidy the container and controls, and leave the document
body as-is. Properly rebranding this page is a template job, not a CSS job.
--------------------------------------------------------------------------- */
.card-body input[type="date"],.card-body input[type="time"]{
border:1px solid var(--bdx-border) !important; border-radius:var(--bdx-radius) !important;
padding:6px 10px !important; font-family:var(--bdx-mono) !important; font-size:13px !important;
}
.card-body textarea{ border:1px solid var(--bdx-border) !important; border-radius:var(--bdx-radius) !important; }
/* ============================================================================
=== v2.1 — REMAINING COMPONENT COVERAGE ==================================
Audit of all 10 captured pages surfaced these unstyled surfaces.
============================================================================ */
/* ---------------------------------------------------------------------------
V21.1 SELECT2 — the largest remaining gap (used on Bulk Upload:
"Select Organization" / "Select Caller"). Select2 replaces the native
|