/* ============================================================
   J.B. Pharmaceuticals (Pvt) Ltd. — HRM brand theme
   Recolors the Apple/HUD admin template primary (#007aff blue)
   to brand green (#0e5a34 / #14713f) with red (#d62828) accents.
   ============================================================ */

:root {
    --jb-green: #0e5a34;
    --jb-green-2: #14713f;
    --jb-green-light: #34d17f;
    --jb-red: #d62828;
    --jb-red-dark: #a31f1f;
}

/* --- Primary buttons --- */
html body .btn-primary,
html body .btn-primary:disabled {
    background-color: var(--jb-green-2) !important;
    border-color: var(--jb-green-2) !important;
    color: #fff !important;
}
html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:active,
html body .btn-primary.active {
    background-color: var(--jb-green) !important;
    border-color: var(--jb-green) !important;
    color: #fff !important;
}

/* --- Links & text-primary --- */
html body a { color: var(--jb-green-2); }
html body a:hover { color: var(--jb-green); }
html body .text-primary { color: var(--jb-green-2) !important; }
html body .bg-primary { background-color: var(--jb-green-2) !important; }

/* --- Header (top navbar) intentionally left untouched --- */

/* --- Sidebar active/hover states --- */
.app-sidebar .menu .menu-item.active > .menu-link,
.app-sidebar .menu .menu-item.expand > .menu-link {
    color: #ffffff !important;
    background: rgba(20, 113, 63, 0.9) !important;
}
.app-sidebar .menu .menu-item > .menu-link:hover {
    color: var(--jb-green-light) !important;
    background: rgba(255, 255, 255, 0.04) !important;
}
.app-sidebar .menu .menu-item.active > .menu-link .menu-icon {
    color: #ffffff !important;
}

/* --- Nav pills / tabs --- */
html body .nav-pills .nav-link.active,
html body .nav-pills .show > .nav-link {
    background-color: var(--jb-green-2) !important;
    color: #fff !important;
}

/* --- Form focus rings --- */
html body .form-control:focus,
html body .form-select:focus {
    border-color: var(--jb-green-2) !important;
    box-shadow: 0 0 0 0.2rem rgba(20, 113, 63, 0.18) !important;
}

/* --- Checkboxes / radios / switches --- */
html body .form-check-input:checked {
    background-color: var(--jb-green-2) !important;
    border-color: var(--jb-green-2) !important;
}

/* --- Pagination --- */
html body .page-item.active .page-link {
    background-color: var(--jb-green-2) !important;
    border-color: var(--jb-green-2) !important;
}
html body .page-link { color: var(--jb-green-2) !important; }

/* --- Progress bars --- */
html body .progress-bar { background-color: var(--jb-green-2) !important; }

/* --- Badges commonly used as primary --- */
html body .badge.bg-primary,
html body .badge.badge-primary {
    background-color: var(--jb-green-2) !important;
}

/* --- Danger / logout accents stay red (already red, reinforce) --- */
html body .btn-danger {
    background-color: var(--jb-red) !important;
    border-color: var(--jb-red) !important;
}
html body .btn-danger:hover {
    background-color: var(--jb-red-dark) !important;
    border-color: var(--jb-red-dark) !important;
}

/* --- Login page brand accents --- */
.login .login-header .brand small {
    color: #ffffff !important;
}
.login .login-content .btn-primary {
    background-color: var(--jb-green-2) !important;
    border-color: var(--jb-green-2) !important;
}