/* ============================================
   Pasteur Laboratory - Blue Theme (2026)
   Primary: #1565c0 (lab blue)
   Dark   : #0d47a1
   Light  : #42a5f5 / #e3f2fd
   Accent : #0288d1
   ============================================ */
:root {
    --lab-blue: #1565c0;
    --lab-blue-dark: #0d47a1;
    --lab-blue-light: #42a5f5;
    --lab-blue-lighter: #e3f2fd;
    --lab-blue-accent: #0288d1;
    --lab-blue-gradient: linear-gradient(135deg, #0d47a1 0%, #1565c0 50%, #1e88e5 100%);
}

/* ----- Navbar / Horizontal Menu ----- */
.navbar-inverse {
    background: var(--lab-blue-gradient) !important;
    border-color: var(--lab-blue-dark) !important;
}
.navbar .navbar-nav > li > a {
    background-color: transparent !important;
    color: #fff !important;
}
.navbar .navbar-nav > li {
    border-right: solid 1px rgba(255,255,255,.15) !important;
}
.navbar .navbar-nav > li + li {
    border-left: solid 1px rgba(0,0,0,.15) !important;
}
.navbar .navbar-nav > li.dropdown:hover a.dropdown-toggle,
.navbar .navbar-nav > li.nav-item:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    background-color: var(--lab-blue-dark) !important;
}
.dropdown-menu {
    background-color: #e3f2fd !important;
    border-top: 3px solid var(--lab-blue) !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
ul.dropdown-menu.open li a.active {
    background-color: var(--lab-blue) !important;
    color: #fff !important;
}
.mega-dropdown-menu .dropdown-header {
    color: var(--lab-blue) !important;
}

/* ----- Buttons - primary blue ----- */
.btn-primary, .btn-info, .btn.btn-primary, .btn.btn-info,
a.btn.btn-primary, button.btn-primary {
    background-color: var(--lab-blue) !important;
    border-color: var(--lab-blue) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-info:hover,
.btn-primary:focus, .btn-info:focus,
.btn-primary:active, .btn-info:active {
    background-color: var(--lab-blue-dark) !important;
    border-color: var(--lab-blue-dark) !important;
}
.btn-success {
    background-color: #1b8a5a !important;
    border-color: #1b8a5a !important;
}
.btn-danger { background-color: #e53935 !important; border-color: #e53935 !important; }
.btn-warning { background-color: #fb8c00 !important; border-color: #fb8c00 !important; }
/* Purple buttons → teal (#00838f) to stay distinct from primary blue */
.btn-purple { background-color: #00838f !important; border-color: #00838f !important; color: #fff !important; }
.btn-purple:hover, .btn-purple:active, .btn-purple:focus,
.open > .btn-purple.dropdown-toggle { background-color: #006064 !important; border-color: #006064 !important; }
.btn-purple.active { background-color: #00695c !important; border-color: #00695c !important; }

/* Ace btn-* overrides that still use purple */
.btn-purple, .btn-inverse { background: #00838f !important; border-color: #00838f !important; color: #fff !important; }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse:focus { background: #006064 !important; border-color: #006064 !important; }

/* Widget header / page header */
.widget-header, .page-header h1 { color: var(--lab-blue) !important; }
.widget-box .widget-header { background: var(--lab-blue) !important; border-color: var(--lab-blue) !important; color: #fff !important; }
.widget-box .widget-header a, .widget-box .widget-header a.btn-xs,
.widget-box .widget-header .widget-title, .widget-box .widget-header span { color: #fff !important; }
.widget-box .widget-header a.btn-xs { border-color: rgba(255,255,255,.4) !important; }

/* Tables */
table.tab-chiTieu thead tr { background-color: var(--lab-blue) !important; }
.tab-chiTieu .title { color: var(--lab-blue) !important; }
.tab-chiTieu .title.children { color: var(--lab-blue-dark) !important; }
.tab-chiTieu .tr-group-title { background-color: #bbdefb !important; }
.table thead th, .table thead tr th, .table > thead > tr > th {
    background: var(--lab-blue) !important;
    color: #fff !important;
    font-weight: 600;
}
.table thead th a, .table thead th span, .table thead th label { color: #fff !important; }

/* Links & accents */
a { color: var(--lab-blue); }
a:hover { color: var(--lab-blue-dark); }
.pagination > .active > a { background: var(--lab-blue) !important; border-color: var(--lab-blue) !important; }

/* Controls */
.bootstrap-dialog-header { color: var(--lab-blue) !important; }
input.password + i.fa-gear { color: var(--lab-blue) !important; }

/* DataTable filter / search */
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--lab-blue) !important; color: #fff !important; }

/* Scrollbar accent */
::-webkit-scrollbar-thumb { background: var(--lab-blue-light); }
::-webkit-scrollbar-thumb:hover { background: var(--lab-blue); }

/* ----- Login page overrides ----- */
.login-box .widget-header, .login-box .header.blue { color: var(--lab-blue) !important; }
.login-box .widget-header .ace-icon { color: var(--lab-blue) !important; }
#btnLogin, .login-box .btn-info, .login-box .btn-primary { background: var(--lab-blue) !important; border-color: var(--lab-blue) !important; }
#btnLogin:hover { background: var(--lab-blue-dark) !important; }