/*
 * IT ADVISER brand layer — loaded after Sneat core.css/demo.css.
 *
 * Primary brand colour: #379D87 (teal). Wordmark: "IT" black + "ADVISER" teal.
 * Everything Sneat paints with its default violet primary is re-pointed here.
 */

:root {
    --brand-primary: #379D87;
    --brand-primary-dark: #2E8774;
    --brand-primary-darker: #26705F;
    --brand-primary-rgb: 55, 157, 135;
    --brand-black: #111111;
}

/* ------------------------------------------------------------------ */
/* Wordmark + logo                                                     */
/* ------------------------------------------------------------------ */
.brand-wordmark {
    font-size: 1.15rem;
    letter-spacing: 0.04em;
    line-height: 1;
}

.brand-wordmark-it {
    color: var(--brand-black);
}

.brand-wordmark-adviser {
    color: var(--brand-primary);
}

/* Dark navbar / dark backgrounds: keep contrast readable. */
.bg-dark .brand-wordmark-it,
.layout-navbar-dark .brand-wordmark-it {
    color: #ffffff;
}

/* ------------------------------------------------------------------ */
/* Links                                                               */
/* ------------------------------------------------------------------ */
a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.menu-link):not(.app-brand-link) {
    color: var(--brand-primary);
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.page-link):not(.menu-link):not(.app-brand-link):hover {
    color: var(--brand-primary-dark);
}

/* ------------------------------------------------------------------ */
/* Buttons                                                             */
/* ------------------------------------------------------------------ */
.btn-primary {
    --bs-btn-bg: #379D87;
    --bs-btn-border-color: #379D87;
    --bs-btn-hover-bg: #2E8774;
    --bs-btn-hover-border-color: #2E8774;
    --bs-btn-active-bg: #26705F;
    --bs-btn-active-border-color: #26705F;
    --bs-btn-disabled-bg: #379D87;
    --bs-btn-disabled-border-color: #379D87;
    --bs-btn-focus-shadow-rgb: 55, 157, 135;
}

.btn-outline-primary {
    --bs-btn-color: #379D87;
    --bs-btn-border-color: #379D87;
    --bs-btn-hover-bg: #379D87;
    --bs-btn-hover-border-color: #379D87;
    --bs-btn-active-bg: #2E8774;
    --bs-btn-active-border-color: #2E8774;
    --bs-btn-focus-shadow-rgb: 55, 157, 135;
}

.btn-label-primary {
    background-color: rgba(55, 157, 135, 0.12);
    color: #379D87;
    border: none;
}

.btn-label-primary:hover,
.btn-label-primary:focus {
    background-color: rgba(55, 157, 135, 0.2);
    color: #26705F;
}

/* ------------------------------------------------------------------ */
/* Utilities, badges, labels                                           */
/* ------------------------------------------------------------------ */
.bg-primary {
    background-color: #379D87 !important;
}

.text-primary {
    color: #379D87 !important;
}

.border-primary {
    border-color: #379D87 !important;
}

.badge.bg-primary {
    background-color: #379D87 !important;
}

.bg-label-primary {
    background-color: rgba(55, 157, 135, 0.14) !important;
    color: #379D87 !important;
}

.bg-label-dark {
    background-color: rgba(17, 17, 17, 0.08) !important;
    color: #111111 !important;
}

.bg-primary.bg-glow {
    box-shadow: 0 0 0 0.25rem rgba(55, 157, 135, 0.25);
}

/* ------------------------------------------------------------------ */
/* Forms                                                               */
/* ------------------------------------------------------------------ */
.form-control:focus,
.form-select:focus {
    border-color: #379D87;
    box-shadow: 0 0.125rem 0.25rem rgba(55, 157, 135, 0.4);
}

.form-check-input:checked {
    background-color: #379D87;
    border-color: #379D87;
}

.form-check-input:focus {
    border-color: #379D87;
    box-shadow: 0 0 0 0.2rem rgba(55, 157, 135, 0.2);
}

.input-group-text {
    border-color: #d9dee3;
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #379D87;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #379D87;
    border-color: #379D87;
}

/* ------------------------------------------------------------------ */
/* Navigation: menu, tabs, pagination                                  */
/* ------------------------------------------------------------------ */
.menu .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, rgba(55, 157, 135, 0.16) 22.16%, rgba(55, 157, 135, 0.05) 76.47%);
}

.menu .menu-item.active > .menu-link:not(.menu-toggle),
.menu .menu-item.active > .menu-link:not(.menu-toggle) .menu-icon,
.menu .menu-item.active > .menu-link:not(.menu-toggle) .menu-text {
    color: #379D87 !important;
}

.menu .menu-item:not(.active) > .menu-link:hover,
.menu .menu-item:not(.active) > .menu-link:hover .menu-icon,
.menu .menu-item:not(.active) > .menu-link:hover .menu-text,
.menu .menu-item.open > .menu-link .menu-text,
.menu .menu-item.open > .menu-link .menu-icon {
    color: #379D87;
}

.menu-sub .menu-item.active > .menu-link:not(.menu-toggle) {
    color: #379D87 !important;
}

.nav-pills .nav-link.active,
.nav-align-top .nav-pills .nav-link.active,
.card-header-pills.nav-pills .nav-link.active {
    background-color: #379D87;
    color: #fff;
}

.nav-tabs .nav-link.active {
    color: #379D87;
    border-bottom-color: #379D87;
}

.page-item.active .page-link {
    background-color: #379D87;
    border-color: #379D87;
}

.page-link {
    color: #379D87;
}

.page-link:hover {
    color: #26705F;
}

.progress-bar {
    background-color: #379D87;
}

/* ------------------------------------------------------------------ */
/* Third-party chrome                                                  */
/* ------------------------------------------------------------------ */
.swal2-confirm.btn-primary,
.swal2-styled.swal2-confirm {
    background-color: #379D87 !important;
}

.toast-success {
    background-color: #379D87;
}

table.dataTable tbody tr.selected,
table.dataTable tbody td.select-checkbox::before {
    background-color: rgba(55, 157, 135, 0.12);
}

table.dataTable thead th {
    color: #54565f;
}

/* ------------------------------------------------------------------ */
/* Coloured icons                                                      */
/* ------------------------------------------------------------------ */

/* Icon chips (avatars, stat cards, integration cards) become solid
   coloured tiles with white glyphs instead of washed-out label tints. */
.avatar-initial[class*="bg-label-"],
.stat-icon[class*="bg-label-"],
.avatar[class*="bg-label-"] .avatar-initial {
    color: #ffffff !important;
}

.avatar-initial.bg-label-primary,
.stat-icon.bg-label-primary { background-color: #379D87 !important; }

.avatar-initial.bg-label-success,
.stat-icon.bg-label-success { background-color: #28c76f !important; }

.avatar-initial.bg-label-warning,
.stat-icon.bg-label-warning { background-color: #ff9f43 !important; }

.avatar-initial.bg-label-danger,
.stat-icon.bg-label-danger { background-color: #ea5455 !important; }

.avatar-initial.bg-label-info,
.stat-icon.bg-label-info { background-color: #00cfe8 !important; }

.avatar-initial.bg-label-secondary,
.stat-icon.bg-label-secondary { background-color: #82868b !important; }

.avatar-initial.bg-label-dark,
.stat-icon.bg-label-dark { background-color: #3b3b3b !important; }

/* Sidebar navigation: every menu icon carries the brand colour. */
.layout-menu .menu-icon {
    color: #379D87;
}

.layout-menu .menu-item.active > .menu-link .menu-icon,
.layout-menu .menu-item.open > .menu-link .menu-icon {
    color: #26705F;
}

/* Navbar icons (bell, search, toggles) in brand colour. */
.layout-navbar .icon-base {
    color: #379D87;
}

/* Icons inside buttons and badges always follow their own background, so the
   coloured-icon rules above never break contrast on solid buttons/badges. */
.btn .bx,
.btn .icon-base,
.badge .bx {
    color: inherit;
}

/* Statistics / KPI tiles */
.stat-card .stat-icon i {
    color: inherit;
}

/* Charts + timeline accents used across dashboards */
.apexcharts-series[rel="1"] path,
.apexcharts-bar-area[seriesName="primary"] {
    fill: #379D87;
}