/* ADDED BY CLAUDE ON 27/10/2026 COMPANY THEME: overrides the AdminLTE blue with the company colour.
   Loaded by include/theme_styles.php AFTER style.css. The three variables below default to the original blue; when a company has the
   'branding' flag ON and a colour set, include/theme_styles.php prints a :root block that replaces them (the login page sets them from JS).
   --brand = main colour, --brand-dark = hover/border shade, --brand-text = text on the colour (white or black, picked for contrast). */
:root {
    --brand: #3c8dbc;
    --brand-dark: #367fa9;
    --brand-text: #ffffff;
}

/* Top navbar + logo band */
.skin-blue .main-header .navbar { background-color: var(--brand); }
.skin-blue .main-header .navbar .nav > li > a,
.skin-blue .main-header .navbar .sidebar-toggle,
.main-header .navbar-custom-menu a,
.main-header .user-menu .hidden-xs { color: var(--brand-text) !important; }
.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: var(--brand-dark); }
.skin-blue .main-header .logo { background-color: var(--brand-dark); color: var(--brand-text); }
.skin-blue .main-header .logo:hover { background-color: var(--brand-dark); }
.skin-blue .main-header li.user-header { background-color: var(--brand); }

/* Buttons */
.btn-primary { background-color: var(--brand); border-color: var(--brand-dark); color: var(--brand-text); }
.btn-primary:hover, .btn-primary:active, .btn-primary.hover, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active { background-color: var(--brand-dark); border-color: var(--brand-dark); color: var(--brand-text); }
.summary-action-button.summary-pdf-button,
.summary-action-button.stmt-tree-button { background: var(--brand) !important; border-color: var(--brand-dark) !important; color: var(--brand-text) !important; } /* MODIFIED BY CLAUDE ON 27/10/2026: Expand All / Collapse All follow the brand colour as PDF does */

/* Links, "+" icons, progress, boxes */
a { color: var(--brand); }
.form-group .bi.bi-plus { color: var(--brand); }
.progress-bar-light-blue, .progress-bar-primary { background-color: var(--brand); }
.box.box-primary,
.box.box-info { border-top-color: var(--brand); }   /* ADDED BY CLAUDE ON 27/10/2026: the form/grid boxes use box-info (cyan top line) */
.box.box-solid.box-primary,
.box.box-solid.box-info { border-color: var(--brand); }
.box.box-solid.box-primary > .box-header,
.box.box-solid.box-info > .box-header { background: var(--brand); background-color: var(--brand); color: var(--brand-text); }
#detailform thead.table-dark, #detailform thead.table-dark th { background-color: var(--brand); color: var(--brand-text); }

/* Focus rings, dropdown highlight, pagination */
.form-control:focus { border-color: var(--brand); }
.select2-container--default.select2-container--open,
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus,
.select2-container--default .select2-selection--multiple:focus { border-color: var(--brand); }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--brand); color: var(--brand-text); }
.select2-container--default .select2-selection--multiple .select2-selection__choice { border-color: var(--brand-dark); }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.page-item.active .page-link { background-color: var(--brand); border-color: var(--brand); color: var(--brand-text); }