/* Pezani platform palette. Keep in sync with Mobile and Profile assets. */
:root {
    --pz-brand-purple: #56226B;
    --pz-brand-purple-hover: #451B57;
    --pz-brand-purple-tint: #F3EAF6;
    --pz-brand-teal: #3EBEB7;
    --pz-brand-teal-strong: #006B66;
    --pz-brand-teal-tint: #E7F6F4;
    --pz-brand-amber: #FAAF40;
    --pz-brand-amber-ink: #493000;
    --pz-brand-amber-tint: #FFF4DE;
    --pz-brand-red: #EE4036;
    --pz-danger: #C62828;
    --pz-danger-tint: #FDECEC;
    --pz-ink: #18253B;
    --pz-muted: #526173;
    --pz-canvas: #F4F6F9;
    --pz-surface: #FFFFFF;
    --pz-control-border: #788493;
    --pz-dashboard-tab-active: #344A63;
    --pz-dashboard-tab-indicator: #FAAF40;
}

body.dashboard-shell .nav-header,
body.dashboard-shell .header {
    background: var(--pz-brand-purple) !important;
}

body.dashboard-shell .dlabnav .metismenu > li.mm-active > a {
    background: var(--pz-brand-purple) !important;
    color: #fff !important;
}

body.dashboard-shell .dlabnav .metismenu > li.mm-active > a .nav-text,
body.dashboard-shell .dlabnav .metismenu > li.mm-active > a > i {
    color: #fff !important;
}

body.dashboard-shell.dashboard-tabs .nav-tabs.nav-justified .nav-link:hover,
body.dashboard-shell.dashboard-tabs .nav-tabs.nav-justified .nav-link:focus-visible,
body.dashboard-shell.dashboard-tabs .nav-tabs.nav-justified .nav-link.active,
body.dashboard-shell .custom-tab-1 > .nav-tabs .nav-link.active,
body.dashboard-shell .billing-page .nav-tabs .nav-link.active {
    border-bottom-color: var(--pz-dashboard-tab-indicator) !important;
    color: var(--pz-dashboard-tab-active) !important;
}

body.dashboard-shell.dashboard-tabs .custom-tab-1 > .nav-tabs.nav-justified .nav-link.active,
body.dashboard-shell.dashboard-tabs .custom-tab-1 > .nav-tabs.nav-justified .nav-link.active:hover,
body.dashboard-shell.dashboard-tabs .custom-tab-1 > .nav-tabs.nav-justified .nav-link.active:focus,
body.dashboard-shell.dashboard-tabs .billing-page .nav-tabs .nav-link.active,
body.dashboard-shell.dashboard-tabs .billing-page .nav-tabs .nav-link.active:hover,
body.dashboard-shell.dashboard-tabs .billing-page .nav-tabs .nav-link.active:focus {
    background: var(--pz-dashboard-tab-active) !important;
    border-color: var(--pz-dashboard-tab-active) !important;
    border-bottom-color: var(--pz-dashboard-tab-indicator) !important;
    color: #fff !important;
}

body.dashboard-shell :is(.btn-primary, .dashboard-primary-button, .dashboard-home-portfolio-add, .billing-primary-button),
body.dashboard-shell .billing-page .billing-action:not(.secondary),
body.dashboard-shell [data-pezani-primary] {
    background: var(--pz-brand-purple) !important;
    border-color: var(--pz-brand-purple) !important;
    color: #fff !important;
}

body.dashboard-shell :is(.btn-primary, .dashboard-primary-button, .dashboard-home-portfolio-add, .billing-primary-button):hover,
body.dashboard-shell .billing-page .billing-action:not(.secondary):hover,
body.dashboard-shell [data-pezani-primary]:hover {
    background: var(--pz-brand-purple-hover) !important;
    border-color: var(--pz-brand-purple-hover) !important;
}

body.dashboard-shell :is(.btn-danger, [data-pezani-destructive]) {
    background: var(--pz-danger) !important;
    border-color: var(--pz-danger) !important;
    color: #fff !important;
}

body.dashboard-shell .dashboard-header-action .nav-link:focus-visible,
body.dashboard-shell :is(button, a, input, select, textarea, [role="button"]):focus-visible {
    outline: 3px solid var(--pz-brand-purple);
    outline-offset: 2px;
}

body.dashboard-shell .dashboard-header-action .nav-link:hover,
body.dashboard-shell .dashboard-header-action .nav-link:focus-visible {
    border-color: var(--pz-brand-purple) !important;
    color: var(--pz-brand-purple) !important;
}

body.dashboard-shell :is(.header, .nav-header) :is(button, a, [role="button"]):focus-visible {
    outline-color: #fff;
}

body.dashboard-shell :is(input, select, textarea, .form-control, .form-select):focus {
    border-color: var(--pz-brand-purple) !important;
    box-shadow: 0 0 0 .2rem rgb(86 34 107 / 22%) !important;
    outline: 0;
}

body.dashboard-shell :is(input, select, textarea, .form-control, .form-select) {
    border-color: var(--pz-control-border) !important;
}

body.dashboard-shell .dashboard-header-search .search-area,
body.dashboard-shell .pezani-money-group {
    border-color: var(--pz-control-border) !important;
}

body.dashboard-shell :is(input[type="checkbox"], input[type="radio"], progress) {
    accent-color: var(--pz-brand-purple);
}

body.dashboard-shell .billing-page {
    --billing-primary: var(--pz-brand-purple);
}