@charset "UTF-8";

/* =========================================================
   BASE
========================================================= */
body {
    font-feature-settings: "salt";
}

:root {
    --bs-body-bg: #f4f7fa;
    --bs-body-bg-rgb: 244, 247, 250;

    --pc-heading-color: #1d2630;
    --pc-active-background: #f3f5f7;

    --pc-sidebar-background: #263544;
    --pc-sidebar-color: #a9b7d0;
    --pc-sidebar-color-rgb: 169, 183, 208;
    --pc-sidebar-active-color: #4680ff;
    --pc-sidebar-active-background: rgba(0, 0, 0, 0.1);
    --pc-sidebar-main-active-color: #fff;
    --pc-sidebar-shadow: 1px 0 20px 0 #263544;
    --pc-sidebar-caption-color: #e8edf7;
    --pc-sidebar-border: none;

    --pc-header-background: rgba(var(--bs-body-bg-rgb), 0.7);
    --pc-header-color: #5b6b79;
    --pc-header-shadow: none;
    --pc-header-submenu-background: #fff;
    --pc-header-submenu-color: #5b6b79;

    --pc-card-box-shadow: 0 1px 3px 0 rgba(69, 90, 100, 0.03);

    /* active preset tokens */
    --pc-primary: #4680ff;
    --pc-primary-rgb: 70, 128, 255;
    --pc-primary-light: #edf2ff;
    --pc-primary-dark: #3866cc;
    --pc-primary-soft: rgba(70, 128, 255, 0.2);
    --pc-on-primary: #fff;
    --pc-on-light-primary: #4680ff;

    --bs-blue: var(--pc-primary);
    --bs-primary: var(--pc-primary);
    --bs-primary-rgb: var(--pc-primary-rgb);
    --bs-link-color: var(--pc-primary);
    --bs-link-color-rgb: var(--pc-primary-rgb);
    --bs-link-hover-color: var(--pc-primary-dark);

    --dt-row-selected: var(--pc-primary-rgb);
}

/* =========================================================
   SIDEBAR THEME
========================================================= */
[data-pc-sidebar_theme="true"] {
    --pc-sidebar-background: #fff;
    --pc-sidebar-color: #3f4d67;
    --pc-sidebar-color-rgb: 63, 77, 103;
    --pc-sidebar-active-color: var(--pc-primary);
    --pc-sidebar-active-background: rgba(0, 0, 0, 0.04);
    --pc-sidebar-main-active-color: #3f4d67;
    --pc-sidebar-shadow: 7px 0 15px 0 rgba(69, 90, 100, 0.09);
    --pc-sidebar-caption-color: #3f4d67;
}

/* =========================================================
   PRESET MAPS ONLY
========================================================= */
[data-pc-preset="preset-1"] {
    --pc-primary: #4680ff;
    --pc-primary-rgb: 70, 128, 255;
    --pc-primary-light: #edf2ff;
    --pc-primary-dark: #3866cc;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #4680ff;
}

[data-pc-preset="preset-2"] {
    --pc-primary: #7c4dff;
    --pc-primary-rgb: 124, 77, 255;
    --pc-primary-light: #f2edff;
    --pc-primary-dark: #633ecc;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #7c4dff;
}

[data-pc-preset="preset-3"] {
    --pc-primary: #e91e63;
    --pc-primary-rgb: 233, 30, 99;
    --pc-primary-light: #fde9ef;
    --pc-primary-dark: #ba184f;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #e91e63;
}

[data-pc-preset="preset-4"] {
    --pc-primary: #dc2626;
    --pc-primary-rgb: 220, 38, 38;
    --pc-primary-light: #fce9e9;
    --pc-primary-dark: #b01e1e;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #dc2626;
}

[data-pc-preset="preset-5"] {
    --pc-primary: #ff9800;
    --pc-primary-rgb: 255, 152, 0;
    --pc-primary-light: #fff5e6;
    --pc-primary-dark: #cc7a00;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #ff9800;
}

[data-pc-preset="preset-6"] {
    --pc-primary: #ffd54f;
    --pc-primary-rgb: 255, 213, 79;
    --pc-primary-light: #fffbed;
    --pc-primary-dark: #ccaa3f;
    --pc-on-primary: #131920;
    --pc-on-light-primary: #ffd54f;
}

[data-pc-preset="preset-7"] {
    --pc-primary: #07A241;
    --pc-primary-rgb: 76, 175, 80;
    --pc-primary-light: #edf7ee;
    --pc-primary-dark: #3d8c40;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #07A241;
}

[data-pc-preset="preset-8"] {
    --pc-primary: #00bcd4;
    --pc-primary-rgb: 0, 188, 212;
    --pc-primary-light: #e6f8fb;
    --pc-primary-dark: #0096aa;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #00bcd4;
}

[data-pc-preset="preset-9"] {
    --pc-primary: #131920;
    --pc-primary-rgb: 19, 25, 32;
    --pc-primary-light: #e7e8e9;
    --pc-primary-dark: #0f141a;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #131920;
}

[data-pc-preset="preset-10"] {
    --pc-primary: #34495e;
    --pc-primary-rgb: 52, 73, 94;
    --pc-primary-light: #ebedef;
    --pc-primary-dark: #2a3a4b;
    --pc-on-primary: #fff;
    --pc-on-light-primary: #34495e;
}

/* sync common bootstrap tokens */
[data-pc-preset] {
    --pc-sidebar-active-color: var(--pc-active-background);
    --bs-blue: var(--pc-primary);
    --bs-primary: var(--pc-primary);
    --bs-primary-rgb: var(--pc-primary-rgb);
    --bs-link-color: var(--pc-primary);
    --bs-link-color-rgb: var(--pc-primary-rgb);
    --bs-link-hover-color: var(--pc-primary-dark);
    --dt-row-selected: var(--pc-primary-rgb);
}

/* =========================================================
   GENERIC PRESET COMPONENTS
========================================================= */
[data-pc-preset] .bg-light-primary {
    background: var(--pc-primary-light);
    color: var(--pc-on-light-primary);
}

[data-pc-preset] .link-primary {
    color: var(--pc-primary) !important;
}

[data-pc-preset] .link-primary:hover,
[data-pc-preset] .link-primary:focus {
    color: var(--pc-primary-dark) !important;
}

[data-pc-preset] .btn-primary {
    --bs-btn-color: var(--pc-on-primary);
    --bs-btn-bg: var(--pc-primary);
    --bs-btn-border-color: var(--pc-primary);
    --bs-btn-hover-color: var(--pc-on-primary);
    --bs-btn-hover-bg: var(--pc-primary-dark);
    --bs-btn-hover-border-color: var(--pc-primary-dark);
    --bs-btn-focus-shadow-rgb: var(--pc-primary-rgb);
    --bs-btn-active-color: var(--pc-on-primary);
    --bs-btn-active-bg: var(--pc-primary-dark);
    --bs-btn-active-border-color: var(--pc-primary-dark);
    --bs-btn-disabled-color: var(--pc-on-primary);
    --bs-btn-disabled-bg: var(--pc-primary);
    --bs-btn-disabled-border-color: var(--pc-primary);
}

[data-pc-preset] .btn-link {
    --bs-btn-color: var(--pc-primary);
    --bs-btn-hover-color: var(--pc-primary-dark);
    --bs-btn-active-color: var(--pc-primary-dark);
}

[data-pc-preset] .text-bg-primary {
    color: var(--pc-on-primary) !important;
    background-color: rgba(var(--pc-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

[data-pc-preset] .accordion {
    --bs-accordion-btn-focus-border-color: var(--pc-primary);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--pc-primary-rgb), 0.25);
    --bs-accordion-active-color: var(--pc-primary);
    --bs-accordion-active-bg: var(--pc-primary-light);
}

[data-pc-preset] .list-group {
    --bs-list-group-active-bg: var(--pc-primary);
    --bs-list-group-active-border-color: var(--pc-primary);
}

[data-pc-preset] .nav {
    --bs-nav-link-hover-color: var(--pc-primary-dark);
}

[data-pc-preset] .nav-pills {
    --bs-nav-pills-link-active-bg: var(--pc-primary);
}

[data-pc-preset] .pagination {
    --bs-pagination-hover-color: var(--pc-primary-dark);
    --bs-pagination-focus-color: var(--pc-primary-dark);
    --bs-pagination-focus-box-shadow: 0 0 0 0.2rem rgba(var(--pc-primary-rgb), 0.25);
    --bs-pagination-active-bg: var(--pc-primary);
    --bs-pagination-active-border-color: var(--pc-primary);
}

[data-pc-preset] .progress {
    --bs-progress-bar-bg: var(--pc-primary);
}

[data-pc-preset] .btn-light-primary {
    background: var(--pc-primary-light);
    color: var(--pc-primary);
    border-color: var(--pc-primary-light);
}

[data-pc-preset] .btn-light-primary:hover,
[data-pc-preset] .btn-light-primary:focus,
[data-pc-preset] .btn-light-primary:active,
[data-pc-preset] .btn-light-primary.active,
[data-pc-preset] .btn-check:checked + .btn-light-primary,
[data-pc-preset] .btn-check:active + .btn-light-primary {
    background: var(--pc-primary);
    color: var(--pc-on-primary);
    border-color: var(--pc-primary);
}

[data-pc-preset] .btn-link-primary {
    background: transparent;
    color: var(--pc-primary);
    border-color: transparent;
}

[data-pc-preset] .btn-link-primary:hover,
[data-pc-preset] .btn-link-primary:focus,
[data-pc-preset] .btn-link-primary:active,
[data-pc-preset] .btn-link-primary.active,
[data-pc-preset] .btn-check:checked + .btn-link-primary,
[data-pc-preset] .btn-check:active + .btn-link-primary {
    background: var(--pc-primary-light);
    color: var(--pc-primary);
    border-color: var(--pc-primary-light);
}

[data-pc-preset] .form-check .form-check-input.input-primary:checked {
    border-color: var(--pc-primary);
    background-color: var(--pc-primary);
}

[data-pc-preset] .form-check .form-check-input.input-light-primary:checked {
    border-color: var(--pc-primary-light);
    background-color: var(--pc-primary-light);
}

[data-pc-preset] .form-check .form-check-input.input-primary:focus,
[data-pc-preset] .form-check .form-check-input.input-light-primary:focus {
    border-color: var(--pc-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--pc-primary-rgb), 0.25);
}

[data-pc-preset] .table-primary {
    --bs-table-color: var(--pc-on-primary);
    --bs-table-bg: var(--pc-primary);
    color: var(--bs-table-color);
}

[data-pc-header^="preset-"] {
    --pc-header-color: #fff;
}

[data-pc-navbar^="preset-"] {
    --pc-sidebar-color: #fff;
}

[data-pc-logo^="preset-"] {
    --pc-logo-bg: var(--pc-primary);
}

[data-pc-caption^="preset-"] {
    --pc-sidebar-caption-color: var(--pc-primary);
}

/* =========================================================
   HEADER / NAVBAR / LOGO PRESET HOOKS
========================================================= */
[data-pc-header="preset-1"],
[data-pc-navbar="preset-1"],
[data-pc-logo="preset-1"],
[data-pc-caption="preset-1"] { --pc-primary: #4680ff; }

[data-pc-header="preset-2"],
[data-pc-navbar="preset-2"],
[data-pc-logo="preset-2"],
[data-pc-caption="preset-2"] { --pc-primary: #7c4dff; }

[data-pc-header="preset-3"],
[data-pc-navbar="preset-3"],
[data-pc-logo="preset-3"],
[data-pc-caption="preset-3"] { --pc-primary: #e91e63; }

[data-pc-header="preset-4"],
[data-pc-navbar="preset-4"],
[data-pc-logo="preset-4"],
[data-pc-caption="preset-4"] { --pc-primary: #dc2626; }

[data-pc-header="preset-5"],
[data-pc-navbar="preset-5"],
[data-pc-logo="preset-5"],
[data-pc-caption="preset-5"] { --pc-primary: #ff9800; }

[data-pc-header="preset-6"],
[data-pc-navbar="preset-6"],
[data-pc-logo="preset-6"],
[data-pc-caption="preset-6"] { --pc-primary: #ffd54f; }

[data-pc-header="preset-7"],
[data-pc-navbar="preset-7"],
[data-pc-logo="preset-7"],
[data-pc-caption="preset-7"] { --pc-primary: #07A241; }

[data-pc-header="preset-8"],
[data-pc-navbar="preset-8"],
[data-pc-logo="preset-8"],
[data-pc-caption="preset-8"] { --pc-primary: #00bcd4; }

[data-pc-header="preset-9"],
[data-pc-navbar="preset-9"],
[data-pc-logo="preset-9"],
[data-pc-caption="preset-9"] { --pc-primary: #131920; }

[data-pc-header="preset-10"],
[data-pc-navbar="preset-10"],
[data-pc-logo="preset-10"],
[data-pc-caption="preset-10"] { --pc-primary: #34495e; }

[data-pc-header^="preset-"] {
    --pc-header-background: rgba(var(--pc-primary-rgb), 0.85);
}

[data-pc-navbar^="preset-"] {
    --pc-sidebar-background: var(--pc-primary);
}

[data-pc-logo^="preset-"] {
    --pc-logo-bg: var(--pc-primary);
}

[data-pc-caption^="preset-"] {
    --pc-sidebar-caption-color: var(--pc-primary);
}

/* =========================================================
   DROPDOWN ICON PRESETS
========================================================= */
[data-pc-drp-menu-icon="preset-1"] { --pc-sidebar-drp-menu-icon: ""; }
[data-pc-drp-menu-icon="preset-2"] { --pc-sidebar-drp-menu-icon: ""; }
[data-pc-drp-menu-icon="preset-3"] { --pc-sidebar-drp-menu-icon: ""; }
[data-pc-drp-menu-icon="preset-4"] { --pc-sidebar-drp-menu-icon: ""; }
[data-pc-drp-menu-icon="preset-5"] { --pc-sidebar-drp-menu-icon: ""; }

[data-pc-drp-menu-link-icon="preset-1"] { --pc-sidebar-drp-menu-link-icon: ""; }
[data-pc-drp-menu-link-icon="preset-2"] { --pc-sidebar-drp-menu-link-icon: ""; }
[data-pc-drp-menu-link-icon="preset-3"] { --pc-sidebar-drp-menu-link-icon: ""; }
[data-pc-drp-menu-link-icon="preset-4"] { --pc-sidebar-drp-menu-link-icon: ""; }
[data-pc-drp-menu-link-icon="preset-5"] { --pc-sidebar-drp-menu-link-icon: ""; }
[data-pc-drp-menu-link-icon="preset-6"] { --pc-sidebar-drp-menu-link-icon: ""; }

/* =========================================================
   DARK THEME CORE
========================================================= */
[data-pc-theme="dark"] {
    color-scheme: dark;

    --bs-body-bg: #212224;
    --bs-body-bg-rgb: 33, 34, 36;
    --bs-heading-color: #fafafa;
    --bs-body-color: #bfbfbf;
    --pc-heading-color: rgba(255, 255, 255, 0.8);

    --pc-sidebar-background: #2b2c2f;
    --pc-sidebar-color: rgba(255, 255, 255, 0.7);
    --pc-sidebar-color-rgb: 255, 255, 255;
    --pc-sidebar-shadow: none;
    --pc-sidebar-border: 1px dashed #242d39;
    --pc-sidebar-main-active-color: #fff;
    --pc-sidebar-caption-color: rgba(255, 255, 255, 0.8);

    --pc-header-background: rgba(var(--bs-body-bg-rgb), 0.7);
    --pc-header-color: #6f747f;
    --pc-header-shadow: none;

    --pc-active-background: #292a2c;
    --pc-card-box-shadow: 0 0 2px 0 rgba(69, 90, 100, 0.5);
    --pc-header-submenu-background: #393b3f;
    --pc-header-submenu-color: var(--bs-body-color);
}

[data-pc-theme="dark"] .text-muted {
    color: #748892 !important;
}

[data-pc-theme="dark"] .card {
    --bs-card-bg: #2b2c2f;
    --bs-card-border-color: #393b3f;
}

[data-pc-theme="dark"] .form-control,
[data-pc-theme="dark"] .form-select,
[data-pc-theme="dark"] .custom-select,
[data-pc-theme="dark"] .datatable-selector,
[data-pc-theme="dark"] .datatable-input {
    background-color: #393b3f;
    color: var(--bs-body-color);
    border-color: #46484c;
}

[data-pc-theme="dark"] .dropdown-menu,
[data-pc-theme="dark"] .modal,
[data-pc-theme="dark"] .toast,
[data-pc-theme="dark"] .offcanvas {
    background-color: #2b2c2f;
    color: var(--bs-body-color);
}

[data-pc-theme="dark"] .table,
[data-pc-theme="dark"] .datatable-table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-border-color: #46484c;
}

[data-pc-theme="dark"] .table thead th,
[data-pc-theme="dark"] .datatable-table thead th {
    background: #46484c;
    border-color: #46484c;
}

/* preset-aware dark light-primary */
[data-pc-theme="dark"][data-pc-preset] .bg-light-primary,
[data-pc-theme="dark"][data-pc-preset] .btn-light-primary:not(:hover),
[data-pc-theme="dark"][data-pc-preset] .badge.bg-light-primary {
    background: rgba(var(--pc-primary-rgb), 0.2) !important;
    color: var(--pc-primary);
    border-color: rgba(var(--pc-primary-rgb), 0.2);
}

[data-pc-theme="dark"][data-pc-preset] .btn-light-primary:hover,
[data-pc-theme="dark"][data-pc-preset] .btn-light-primary:focus,
[data-pc-theme="dark"][data-pc-preset] .btn-light-primary:active,
[data-pc-theme="dark"][data-pc-preset] .btn-light-primary.active {
    background: var(--pc-primary);
    color: var(--pc-on-primary);
    border-color: var(--pc-primary);
}

[data-pc-theme="dark"][data-pc-preset] .btn-link-primary:hover,
[data-pc-theme="dark"][data-pc-preset] .btn-link-primary:focus,
[data-pc-theme="dark"][data-pc-preset] .btn-link-primary:active,
[data-pc-theme="dark"][data-pc-preset] .btn-link-primary.active {
    background: rgba(var(--pc-primary-rgb), 0.2);
    border-color: rgba(var(--pc-primary-rgb), 0.2);
    color: var(--pc-primary);
}