/*
body.custom-color {
    background: linear-gradient(141.55deg, rgba(240, 244, 243, 0) 3.46%, #f0f4f3 99.86%);
}
*/

body.custom-color {
    --color-primary-deep: #1E3A8A;
    --color-accent: #20C997;
    --color-surface: #F7F8FB;
    --color-border: #E3E7EF;
    --color-border-soft: #EEF2F7;
    --color-text: #0F172A;
    --color-primary-soft: color-mix(in srgb, var(--color-customColor) 12%, #ffffff);
    --color-primary-soft-2: color-mix(in srgb, var(--color-customColor) 20%, #ffffff);
    --bs-primary: var(--color-customColor);
}

body.custom-color .bg-primary {
    background: linear-gradient(141.55deg, var(--color-customColor) 3.46%, var(--color-customColor) 99.86%), var(--color-customColor) !important;
}

/* Header/menu taste overrides live in public/assets/css/customizer.css (global). */
/* Header/menu taste overrides live in public/assets/css/customizer.css (global). */

body.custom-color a:not([class]) {
    color: var(--color-customColor);
}

body.custom-color a:not([class]):hover {
    color: var(--color-customColor);
}

body.custom-color .text-primary {
    color: var(--color-customColor) !important;
}

body.custom-color .list-group-item.active {
    background: linear-gradient(141.55deg, var(--color-customColor) 3.46%, var(--color-customColor) 99.86%), var(--color-customColor) !important;
}

body.custom-color .progress-bar:not([class*="bg-"]),
body.custom-color .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--color-customColor);
    --bs-btn-border-color: var(--color-customColor);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--color-customColor);
    --bs-btn-hover-border-color: var(--color-customColor);
    --bs-btn-focus-shadow-rgb: 43, 107, 245;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--color-customColor);
    --bs-btn-active-border-color: var(--color-customColor);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--color-customColor);
    ;
    --bs-btn-disabled-border-color: var(--color-customColor);
}

body.custom-color .btn-outline-primary {
    --bs-btn-color: var(--color-customColor);
    --bs-btn-border-color: var(--color-customColor);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--color-customColor);
    --bs-btn-hover-border-color: var(--color-customColor);
    --bs-btn-focus-shadow-rgb: 43, 107, 245;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--color-customColor);
    --bs-btn-active-border-color: var(--color-customColor);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-customColor);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-customColor);
    --bs-gradient: none;
}

body.custom-color .btn-light-primary {
    background: var(--color-primary-soft);
    color: var(--color-customColor);
    border-color: var(--color-primary-soft);
}

body.custom-color .btn-light-primary:hover {
    background: var(--color-customColor);
    color: #fff;
    border-color: var(--color-customColor);
}

body.custom-color .btn-light-primary.focus,
body.custom-color .btn-light-primary:focus {
    background: var(--color-customColor);
    color: #fff;
    border-color: var(--color-customColor);
}

body.custom-color .btn-light-primary:not(:disabled):not(.disabled).active,
body.custom-color .btn-light-primary:not(:disabled):not(.disabled):active,
.show>body.custom-color .btn-light-primary.dropdown-toggle {
    background: var(--color-customColor);
    color: #fff;
    border-color: var(--color-customColor);
}

body.custom-color .btn-check:active+.btn-light-primary,
body.custom-color .btn-check:checked+.btn-light-primary {
    background: var(--color-customColor);
    color: #fff;
    border-color: var(--color-customColor);
}

body.custom-color .alert-primary {
    --bs-alert-color: var(--color-customColor);
    --bs-alert-bg: var(--color-primary-soft);
    --bs-alert-border-color: var(--color-primary-soft-2);
}

body.custom-color .alert-primary .alert-link {
    color: var(--color-primary-deep);
}

body.custom-color .badge.bg-light-primary {
    background: var(--color-primary-soft);
    color: var(--color-customColor);
    border-color: var(--color-primary-soft);
}

body.custom-color .page-item.active .page-link {
    background: var(--color-customColor);
    border-color: var(--color-customColor);
}

body.custom-color .nav-link {
    color: var(--color-customColor);
}

body.custom-color .nav-link:hover,
body.custom-color .nav-link:focus {
    color: var(--color-customColor);
}

body.custom-color .nav-tabs .nav-link {
    background: none;
}

body.custom-color .nav-pills .nav-link {
    background: none;
}

body.custom-color .nav-pills .nav-link:focus,
body.custom-color .nav-pills .nav-link.active,
body.custom-color .nav-pills .show>.nav-link {
    color: #ffffff;
    background: linear-gradient(141.55deg, var(--color-customColor) 3.46%, var(--color-customColor) 99.86%), var(--color-customColor);
}

body.custom-color .form-check-input:focus,
body.custom-color .form-select:focus,
body.custom-color .form-control:focus,
body.custom-color .custom-select:focus,
body.custom-color .dataTable-selector:focus,
body.custom-color .dataTable-input:focus {
    border-color: var(--color-customColor);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-customColor) 15%, #ffffff);
}

body.custom-color .form-check-input:checked {
    background-color: var(--color-customColor);
    border-color: var(--color-customColor);
}

body.custom-color .form-range::-webkit-slider-thumb {
    background: var(--color-customColor);
}

body.custom-color .form-range::-webkit-slider-thumb:active {
    background: var(--color-customColor);
}

body.custom-color .form-range::-moz-range-thumb {
    background: var(--color-customColor);
}

body.custom-color .form-range::-moz-range-thumb:active {
    background: var(--color-customColor);
}

body.custom-color .form-check-input:checked {
    background-color: var(--color-customColor);
    border-color: var(--color-customColor);
}

body.custom-color .form-check-input[type="checkbox"]:indeterminate {
    background-color: var(--color-customColor);
    border-color: var(--color-customColor);
}

body.custom-color .form-check .form-check-input.input-primary:checked {
    background-color: var(--color-customColor);
    border-color: var(--color-customColor);
}

body.custom-color pre[class*="language-"]>code {
    border-left-color: var(--color-customColor);
    background-image: linear-gradient(transparent 50%, rgba(43, 107, 245, 0.04) 50%);
}

/* Card header h5:after removal is global (see public/assets/css/customizer.css). */

/* Minimal + flat visual mode for admin panel (custom-color only) */
body.custom-color .card,
body.custom-color .dropdown-menu,
body.custom-color .modal-content,
body.custom-color .list-group-item,
body.custom-color .table,
body.custom-color .table thead th,
body.custom-color .table tbody td {
    box-shadow: none !important;
    border-color: var(--color-border) !important;
}

body.custom-color .card,
body.custom-color .dropdown-menu,
body.custom-color .modal-content {
    border-radius: 10px;
}

body.custom-color .card .card-header,
body.custom-color .card .card-footer {
    background: transparent;
    border-color: var(--color-border);
}

/* Minimal + flat visual mode for admin panel (custom-color only) */
body.custom-color {
    background: var(--color-surface);
}

body.custom-color .card,
body.custom-color .dropdown-menu,
body.custom-color .modal-content,
body.custom-color .list-group-item,
body.custom-color .table,
body.custom-color .table thead th,
body.custom-color .table tbody td {
    box-shadow: none !important;
    border-color: var(--color-border-soft) !important;
}

body.custom-color .card,
body.custom-color .dropdown-menu,
body.custom-color .modal-content {
    border-radius: 10px;
    background: #ffffff;
}

body.custom-color .card .card-header,
body.custom-color .card .card-footer {
    background: transparent;
    border-color: var(--color-border-soft);
}

/* Card header title "tab" taste is global (see public/assets/css/customizer.css). */

body.custom-color .btn,
body.custom-color .btn:focus,
body.custom-color .btn:active {
    box-shadow: none !important;
}

body.custom-color .btn-primary,
body.custom-color .btn-outline-primary,
body.custom-color .btn-light-primary {
    border-radius: 8px;
}

body.custom-color .form-control,
body.custom-color .form-select,
body.custom-color .input-group-text {
    box-shadow: none !important;
    border-color: var(--color-border-soft);
    border-radius: 8px;
}

body.custom-color .form-control:focus,
body.custom-color .form-select:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-customColor) 15%, #ffffff) !important;
    border-color: var(--color-customColor);
}

body.custom-color .table thead th {
    background: var(--color-surface);
}

body.custom-color .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-bg-type: color-mix(in srgb, var(--color-surface) 60%, #ffffff);
}

body.custom-color .list-group-item {
    border-color: var(--color-border-soft) !important;
}

body.custom-color .list-group-item-action:hover,
body.custom-color .list-group-item-action:focus {
    background: var(--color-primary-soft);
}

body.custom-color .choose-files div {
    background: var(--color-customColor) !important;
}

body.custom-color .file-icon {
    background: var(--color-customColor);
}