/**
 * HSMS theme tokens — change colors here only.
 * Loaded after Vuexy core/theme CSS so overrides apply.
 */
:root {
    /* Brand — edit these */
    --hsms-primary: #1575b8;
    --hsms-primary-rgb: 21, 117, 184;
    --hsms-primary-hover: #1265a0;
    --hsms-primary-soft: rgba(21, 117, 184, 0.16);
    --hsms-primary-softer: rgba(21, 117, 184, 0.08);

    --hsms-secondary: #6aa7d2;
    --hsms-secondary-rgb: 106, 167, 210;
    --hsms-secondary-hover: #5a97c2;
    --hsms-secondary-soft: rgba(106, 167, 210, 0.16);

    --hsms-secondary-dark: #2f302f;
    --hsms-secondary-dark-rgb: 47, 48, 47;
    --hsms-secondary-dark-soft: rgba(47, 48, 47, 0.12);

    /* Derived Bootstrap bridge */
    --bs-primary: var(--hsms-primary);
    --bs-primary-rgb: var(--hsms-primary-rgb);
    --bs-primary-text-emphasis: #0d466e;
    --bs-primary-bg-subtle: #e3f0f8;
    --bs-primary-border-subtle: #a8cfe6;
    --bs-secondary: var(--hsms-secondary);
    --bs-secondary-rgb: var(--hsms-secondary-rgb);
    --bs-secondary-text-emphasis: #2f5f7d;
    --bs-secondary-bg-subtle: #e8f3fa;
    --bs-secondary-border-subtle: #b7d6eb;
    --bs-link-color: var(--hsms-primary);
    --bs-link-hover-color: var(--hsms-primary-hover);
    --bs-purple: var(--hsms-primary);
}

/* Primary utilities / components */
a,
a:hover,
a:focus,
a:active,
.text-primary,
.text-primary a:not([class]),
a.text-primary {
    color: var(--hsms-primary) !important;
}
.bg-primary,
.btn-primary {
    --bs-btn-bg: var(--hsms-primary);
    --bs-btn-border-color: var(--hsms-primary);
    --bs-btn-hover-bg: var(--hsms-primary-hover);
    --bs-btn-hover-border-color: var(--hsms-primary-hover);
    --bs-btn-active-bg: var(--hsms-primary-hover);
    --bs-btn-active-border-color: var(--hsms-primary-hover);
    --bs-btn-disabled-bg: var(--hsms-primary);
    --bs-btn-disabled-border-color: var(--hsms-primary);
    background-color: var(--hsms-primary) !important;
    border-color: var(--hsms-primary) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-check:checked + .btn-primary {
    background-color: var(--hsms-primary-hover) !important;
    border-color: var(--hsms-primary-hover) !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--hsms-primary);
    --bs-btn-border-color: var(--hsms-primary);
    --bs-btn-hover-bg: var(--hsms-primary);
    --bs-btn-hover-border-color: var(--hsms-primary);
    --bs-btn-active-bg: var(--hsms-primary);
    --bs-btn-active-border-color: var(--hsms-primary);
    color: var(--hsms-primary) !important;
    border-color: var(--hsms-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--hsms-primary) !important;
    color: #fff !important;
}
.bg-label-primary,
.badge.bg-label-primary {
    background-color: var(--hsms-primary-soft) !important;
    color: var(--hsms-primary) !important;
}
.border-primary {
    border-color: var(--hsms-primary) !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--hsms-primary) !important;
    box-shadow: 0 0 0 0.2rem var(--hsms-primary-softer) !important;
}
.form-check-input:checked {
    background-color: var(--hsms-primary) !important;
    border-color: var(--hsms-primary) !important;
}
.page-item.active .page-link,
.pagination .page-item.active .page-link {
    background-color: var(--hsms-primary) !important;
    border-color: var(--hsms-primary) !important;
}
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    color: var(--hsms-primary) !important;
}
.progress-bar {
    background-color: var(--hsms-primary) !important;
}
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--hsms-primary) !important;
}

/* Secondary */
.text-secondary {
    color: var(--hsms-secondary-dark) !important;
}
.bg-secondary,
.btn-secondary {
    background-color: var(--hsms-secondary) !important;
    border-color: var(--hsms-secondary) !important;
    color: #fff !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
    background-color: var(--hsms-secondary-hover) !important;
    border-color: var(--hsms-secondary-hover) !important;
}
.btn-outline-secondary {
    color: var(--hsms-secondary-dark) !important;
    border-color: var(--hsms-secondary) !important;
}
.btn-outline-secondary:hover {
    background-color: var(--hsms-secondary) !important;
    border-color: var(--hsms-secondary) !important;
    color: #fff !important;
}
.bg-label-secondary,
.badge.bg-label-secondary {
    background-color: var(--hsms-secondary-soft) !important;
    color: var(--hsms-secondary-dark) !important;
}

/* Menu / layout accents (Vuexy) — keep hover from theme, recolor active only */
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(
        72.47deg,
        var(--hsms-primary) 22.16%,
        rgba(var(--hsms-primary-rgb), 0.72) 76.47%
    ) !important;
    box-shadow: 0 2px 6px 0 rgba(var(--hsms-primary-rgb), 0.35) !important;
    color: #fff !important;
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon,
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) div {
    color: #fff !important;
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
    background: var(--hsms-primary) !important;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
    background: var(--hsms-primary-softer) !important;
    color: var(--hsms-primary) !important;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover .menu-icon,
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover div {
    color: var(--hsms-primary) !important;
}

.avatar .avatar-initial.bg-label-primary {
    background-color: var(--hsms-primary-soft) !important;
    color: var(--hsms-primary) !important;
}

/* Ink / dark secondary helper */
.text-ink,
.hsms-ink {
    color: var(--hsms-secondary-dark) !important;
}
.bg-ink,
.hsms-bg-ink {
    background-color: var(--hsms-secondary-dark) !important;
    color: #fff !important;
}
.hsms-logo {
  width: auto;
  max-height: unset !important;
  max-width: unset !important;
  height: auto;
  object-fit: contain;
  display: block;
}