html { font-size: .8125rem; }
/* ============================================================
 * ENJOYBIZ CRM - Clean Theme
 * Minimal, modern, pure English
 * ============================================================ */

/* ── Sidebar / Brand ── */
.page-logo, .nav-footer, .bg-brand-gradient {
    background: #1a1f36;
}
.page-sidebar {
    background-color: #1a1f36;
    }

/* ── Buttons ── */
.btn-default {
    background-color: #f8f9fa;
    color: #333;
    border: 1px solid #e2e8f0;
}
.btn-default:hover {
    border: 1px solid #cbd5e1;
    background-color: #f1f5f9;
}
.btn-default:focus {
    border-color: #6366f1 !important; }

/* ── Toggle switches ── */
.clx-fixed-header .btn-switch[data-class= clx-fixed-header],
.clx-fixed-navigation .btn-switch[data-class=clx-fixed-navigation],
.nav-function-minify .btn-switch[data-class=nav-function-minify],
.nav-function-hidden .btn-switch[data-class=nav-function-hidden],
.clx-navigation-type-top .btn-switch[data-class=clx-navigation-type-top],
.footer-function-fixed .btn-switch[data-class=footer-function-fixed],
.nav-mobile-push .btn-switch[data-class=nav-mobile-push],
.nav-mobile-no-overlay .btn-switch[data-class=nav-mobile-no-overlay],
.nav-mobile-slide-out .btn-switch[data-class=nav-mobile-slide-out],
.mod-main-boxed .btn-switch[data-class=mod-main-boxed],
.mod-fixed-bg .btn-switch[data-class=mod-fixed-bg],
.mod-clean-page-bg .btn-switch[data-class=mod-clean-page-bg],
.mod-pace-custom .btn-switch[data-class=mod-pace-custom],
.mod-bigger-font .btn-switch[data-class=mod-bigger-font],
.mod-high-contrast .btn-switch[data-class=mod-high-contrast],
.mod-color-blind .btn-switch[data-class=mod-color-blind],
.mod-hide-nav-icons .btn-switch[data-class=mod-hide-nav-icons],
.mod-hide-info-card .btn-switch[data-class=mod-hide-info-card],
.mod-lean-subheader .btn-switch[data-class=mod-lean-subheader],
.mod-disable-animation .btn-switch[data-class=mod-disable-animation],
.mod-nav-link .btn-switch[data-class=mod-nav-link],
.mod-nav-dark .btn-switch[data-class=mod-nav-dark],
.mod-panel-icon .btn-switch[data-class=mod-panel-icon] {
    color: #fff;
    background: #6366f1 !important; }
.clx-fixed-header .btn-switch[data-class=clx-fixed-header]:after,
.clx-fixed-navigation .btn-switch[data-class=clx-fixed-navigation]:after,
.nav-function-minify .btn-switch[data-class=nav-function-minify]:after,
.nav-function-hidden .btn-switch[data-class=nav-function-hidden]:after,
.clx-navigation-type-top .btn-switch[data-class=clx-navigation-type-top]:after,
.footer-function-fixed .btn-switch[data-class=footer-function-fixed]:after,
.nav-mobile-push .btn-switch[data-class=nav-mobile-push]:after,
.nav-mobile-no-overlay .btn-switch[data-class=nav-mobile-no-overlay]:after,
.nav-mobile-slide-out .btn-switch[data-class=nav-mobile-slide-out]:after,
.mod-main-boxed .btn-switch[data-class=mod-main-boxed]:after,
.mod-fixed-bg .btn-switch[data-class=mod-fixed-bg]:after,
.mod-clean-page-bg .btn-switch[data-class=mod-clean-page-bg]:after,
.mod-pace-custom .btn-switch[data-class=mod-pace-custom]:after,
.mod-bigger-font .btn-switch[data-class=mod-bigger-font]:after,
.mod-high-contrast .btn-switch[data-class=mod-high-contrast]:after,
.mod-color-blind .btn-switch[data-class=mod-color-blind]:after,
.mod-hide-nav-icons .btn-switch[data-class=mod-hide-nav-icons]:after,
.mod-hide-info-card .btn-switch[data-class=mod-hide-info-card]:after,
.mod-lean-subheader .btn-switch[data-class=mod-lean-subheader]:after,
.mod-disable-animation .btn-switch[data-class=mod-disable-animation]:after,
.mod-nav-link .btn-switch[data-class=mod-nav-link]:after,
.mod-nav-dark .btn-switch[data-class=mod-nav-dark]:after,
.mod-panel-icon .btn-switch[data-class=mod-panel-icon]:after {
    background: #fff !important;
    color: #6366f1 !important; }
.clx-fixed-header .btn-switch[data-class=clx-fixed-header] + .onoffswitch-title,
.clx-fixed-navigation .btn-switch[data-class=clx-fixed-navigation] + .onoffswitch-title,
.nav-function-minify .btn-switch[data-class=nav-function-minify] + .onoffswitch-title,
.nav-function-hidden .btn-switch[data-class=nav-function-hidden] + .onoffswitch-title,
.clx-navigation-type-top .btn-switch[data-class=clx-navigation-type-top] + .onoffswitch-title,
.footer-function-fixed .btn-switch[data-class=footer-function-fixed] + .onoffswitch-title,
.nav-mobile-push .btn-switch[data-class=nav-mobile-push] + .onoffswitch-title,
.nav-mobile-no-overlay .btn-switch[data-class=nav-mobile-no-overlay] + .onoffswitch-title,
.nav-mobile-slide-out .btn-switch[data-class=nav-mobile-slide-out] + .onoffswitch-title,
.mod-main-boxed .btn-switch[data-class=mod-main-boxed] + .onoffswitch-title,
.mod-fixed-bg .btn-switch[data-class=mod-fixed-bg] + .onoffswitch-title,
.mod-clean-page-bg .btn-switch[data-class=mod-clean-page-bg] + .onoffswitch-title,
.mod-pace-custom .btn-switch[data-class=mod-pace-custom] + .onoffswitch-title,
.mod-bigger-font .btn-switch[data-class=mod-bigger-font] + .onoffswitch-title,
.mod-high-contrast .btn-switch[data-class=mod-high-contrast] + .onoffswitch-title,
.mod-color-blind .btn-switch[data-class=mod-color-blind] + .onoffswitch-title,
.mod-hide-nav-icons .btn-switch[data-class=mod-hide-nav-icons] + .onoffswitch-title,
.mod-hide-info-card .btn-switch[data-class=mod-hide-info-card] + .onoffswitch-title,
.mod-lean-subheader .btn-switch[data-class=mod-lean-subheader] + .onoffswitch-title,
.mod-disable-animation .btn-switch[data-class=mod-disable-animation] + .onoffswitch-title,
.mod-nav-link .btn-switch[data-class=mod-nav-link] + .onoffswitch-title,
.mod-nav-dark .btn-switch[data-class=mod-nav-dark] + .onoffswitch-title,
.mod-panel-icon .btn-switch[data-class=mod-panel-icon] + .onoffswitch-title {
    color: #6366f1; }

/* ── Header icons ── */
.dropdown-icon-menu > ul > li .btn, .header-btn {
    border: 1px solid #e2e8f0;
    color: #64748b; }
.dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover {
    border-color: #6366f1;
    background: #eef2ff;
    color: #6366f1; }

/* ── Base ── */
html body {
    background-color: #f8fafc; }
html body a {
    color: #6366f1;
    background-color: transparent; }
html body a:hover {
    color: #4f46e5; }

.header-icon {
    color: #64748b; }
.header-icon:not(.btn) > [class*='fa-']:first-child,
.header-icon:not(.btn) > .ni:first-child {
    color: #64748b; }
.header-icon:not(.btn):hover > [class*='fa-']:only-child,
.header-icon:not(.btn):hover > .ni {
    color: #6366f1; }
.header-icon:not(.btn)[data-bs-toggle=dropdown][aria-expanded=true] {
    color: #6366f1; }
.header-icon:not(.btn)[data-bs-toggle=dropdown][aria-expanded=true] > [class*='fa-']:first-child,
.header-icon:not(.btn)[data-bs-toggle=dropdown][aria-expanded=true] > .ni:first-child {
    color: #6366f1 !important; }
.header-icon:not(.btn)[data-bs-toggle=dropdown] + .dropdown-menu {
    border-color: #e2e8f0; }

.page-header {
    background-color: #fff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: none; }

#search-field {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 4px; }

.notification li.unread {
    background: #eef2ff; }
.notification li > :first-child {
    border-bottom: 1px solid #f1f5f9; }
.notification li > :first-child:hover {
    background-color: #f8fafc; }
.notification .name { color: #1e293b; }
.notification .msg-a, .notification .msg-b { color: #64748b; }
.notification.notification-layout-2 li { background: #fafafa; }
.notification.notification-layout-2 li.unread { background: #fff; }

.app-list-item { color: #64748b; }
.app-list-item:hover { border: 1px solid #e2e8f0; }
.app-list-item:active { border-color: #6366f1; }

@media (min-width: 595px) {
    .clx-fixed-header.clx-navigation-type-top .page-header {
        box-shadow: 0 1px 3px rgba(0,0,0,.08); } }

/* ── Navigation ── */
.nav-title {
    color: #94a3b8;
    font-size: .5.6remrem;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 0.9remrem 1.2remrem .4remrem;
}
.nav-menu li.open > a { color: #fff; }
.nav-menu li.active > a {
    color: #fff;
    background-color: #6366f1;
    border-radius: .4remrem;
    box-shadow: none;
    margin: 0 .60remrem;
}
.nav-menu li.active .fal { color: #fff; }
.nav-menu li a {
    color: #94a3b8;
    margin: 2px .60remrem;
    padding: .4remrem .60remrem;
    border-radius: .4remrem;
    transition: all .15s ease;
}
.nav-menu li a .dl-ref.label { color: rgba(255,255,255,.7); }
.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni { color: #475569; }
.nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
    transform: rotate(180deg); }
.nav-menu li a:hover {
    color: #fff;
    background-color: rgba(255,255,255,.06); }
.nav-menu li a:hover .badge { color: #fff; }
.nav-menu li a:hover > [class*='fa-'], .nav-menu li a:hover > .ni { color: #fff; }
.nav-menu li a:focus { color: #fff; }

.nav-menu li b.collapse-sign { color: #475569; }

.nav-menu li > ul {
    background-color: rgba(0,0,0,.15);
    border-radius: .4remrem;
    margin: 2px .60remrem; }
.nav-menu li > ul li a {
    color: #94a3b8;
    padding: .3.2remrem .60remrem; }
.nav-menu li > ul li a > [class*='fa-'], .nav-menu li > ul li a > .ni { color: #64748b; }
.nav-menu li > ul li a > .badge { color: #fff; }
.nav-menu li > ul li a:hover {
    color: #fff;
    background-color: rgba(255,255,255,.05); }
.nav-menu li > ul li.active > a {
    color: #fff;
    background-color: rgba(99,102,241,.2); }
.nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
.nav-menu li > ul li.active > a > .nav-link-text > .ni { color: #fff; }

.nav-menu-clean { background: #f8fafc; }
.nav-menu-clean li a { color: #334155 !important; }
.nav-menu-clean li a span { color: #334155 !important; }
.nav-menu-clean li a:hover { background-color: #e2e8f0 !important; }

.nav-menu-bordered { border: 1px solid #e2e8f0; }
.nav-menu-bordered li a { border-bottom: 1px solid #f1f5f9; }

.nav-filter input[type=text] {
    background: rgba(0,0,0,.2);
    color: #fff;
    border-radius: .4remrem; }
.nav-filter input[type=text]:not(:focus) { border-color: rgba(0,0,0,.1); }
.nav-filter input[type=text]:focus { border-color: #6366f1; }

.info-card { color: #fff; }
.info-card .info-card-text { text-shadow: none; }

@media (min-width: 595px) {
    .clx-navigation-type-top #search-field { color: #fff; }
    .clx-navigation-type-top .page-header {
        background-color: #1a1f36;
        box-shadow: none; }
    .clx-navigation-type-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
    .clx-navigation-type-top .page-header .header-icon:not(.btn) > .ni:first-child { color: #94a3b8; }
    .clx-navigation-type-top .page-sidebar {
        background: #fff;
        box-shadow: 0 1px 3px rgba(0,0,0,.08); }
    .clx-navigation-type-top .page-sidebar .primary-nav .nav-menu > li a { color: #334155; }
    .clx-navigation-type-top .page-sidebar .primary-nav .nav-menu > li > ul { background: #1a1f36; }
    .clx-navigation-type-top .page-sidebar .primary-nav .nav-menu > li > ul li a { color: #94a3b8; }
    .clx-navigation-type-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
        background: rgba(255,255,255,.08);
        color: #fff; }
    .nav-function-minify:not(.clx-navigation-type-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
        background-color: #1a1f36; }
    .nav-function-minify:not(.clx-navigation-type-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before { color: #1a1f36; }
    .nav-function-minify:not(.clx-navigation-type-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
        background: rgba(255,255,255,.08);
        color: #fff; }
    .nav-function-minify:not(.clx-navigation-type-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child { background: #1a1f36; }
}

/* ── Nav Footer ── */
.nav-footer .nav-footer-buttons > li > a { color: #64748b; }
.clx-fixed-navigation .nav-footer { background: #1a1f36; }
.clx-fixed-navigation .nav-footer:before { background: transparent; }
@media (min-width: 595px) {
    .nav-function-minify .nav-footer { background-color: #1e293b; }
    .nav-function-minify .nav-footer [data-class=nav-function-minify] { color: #6366f1; }
}

/* ── Content ── */
.page-content-wrapper { background-color: #f8fafc; }
.page-content { background-color: #f8fafc; }
.subheader-icon { color: #94a3b8; }
.subheader-title {
    color: #1e293b;
    text-shadow: none; }
.subheader-title small { color: #64748b; }
.page-footer {
    background: #fff;
    color: #64748b;
    border-top: 1px solid #e2e8f0; }

/* ── Accordion ── */
.accordion .card .card-header { background-color: #f8fafc; }
.accordion .card .card-header .card-title { color: #1e293b; }
.accordion .card .card-header .card-title.collapsed { color: #64748b; }
.accordion.accordion-clean .card-header { background: #fff; }

/* ── Alerts ── */
.alert-primary {
    color: #3730a3;
    background-color: #eef2ff;
    border-color: #c7d2fe; }
.alert-danger {
    color: #991b1b;
    background-color: #fef2f2;
    border-color: #fecaca; }
.alert-warning {
    color: #92400e;
    background-color: #fffbeb;
    border-color: #fde68a; }
.alert-info {
    color: #1e40af;
    background-color: #eff6ff;
    border-color: #bfdbfe; }
.alert-secondary {
    color: #475569;
    background-color: #f1f5f9;
    border-color: #cbd5e1; }
.alert-success {
    color: #166534;
    background-color: #f0fdf4;
    border-color: #bbf7d0; }

/* ── Badges ── */
.badge.badge-icon {
    background-color: #ef4444;
    color: #fff;
    box-shadow: 0 0 0 2px #fff; }

/* ── Buttons (Switch) ── */
.btn-switch {
    background: #475569;
    color: #fff; }
.btn-switch:hover { color: #fff; }
.btn-switch:after { color: #fff; }
.btn-switch.active {
    color: #fff;
    background: #6366f1; }
.btn-switch.active:before { color: #fff; }
.btn-switch.active:after { background: #fff; color: #6366f1; }

.btn-search-close { color: #fff; }
.pull-trigger-btn {
    background: rgba(0,0,0,.3);
    border-color: rgba(0,0,0,.3);
    color: #fff !important;
    box-shadow: none; }
.pull-trigger-btn:hover {
    background: #6366f1;
    border-color: #6366f1; }

/* ── Outline buttons ── */
.btn-outline-default {
    color: #334155;
    border-color: #e2e8f0; }
.btn-outline-default:hover,
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show > .btn-outline-default.dropdown-toggle {
    color: #334155;
    background-color: #f8fafc;
    border-color: #cbd5e1; }

/* ── Button shadows ── */
.btn-primary { box-shadow: none; }
.btn-secondary { box-shadow: 0 2px 4px rgba(100,116,139,.3); }
.btn-success { box-shadow: 0 2px 4px rgba(34,197,94,.3); }
.btn-info { box-shadow: 0 2px 4px rgba(59,130,246,.3); }
.btn-warning { box-shadow: 0 2px 4px rgba(234,179,8,.3); }
.btn-danger { box-shadow: 0 2px 4px rgba(239,68,68,.3); }

.btn-link { color: #6366f1; }
.btn-link:hover { color: #4f46e5; }

/* ── Nav pills ── */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #6366f1;
    box-shadow: none;
    color: #fff; }

/* ── Cards / Panels ── */
.card-header { background-color: #f8fafc; }
.panel {
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: .60remrem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.panel-hdr {
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
    padding: 0.9remrem 1.125remrem; }
.panel-tag { background: #eef2ff; }

/* ── Dropdowns ── */
.dropdown-menu .dropdown-menu { background: #fff; }
.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
    background: #f8fafc;
    color: #4f46e5; }
.dropdown-item:hover, .dropdown-item:focus {
    color: #4f46e5;
    background-color: #f8fafc; }
.dropdown-item.active, .dropdown-item:active {
    color: #4338ca;
    background-color: #eef2ff; }

/* ── Chat ── */
.chat-segment-get .chat-message { background: #f1f5f9; }
.chat-segment-sent .chat-message { background: #6366f1; color: #fff; }

/* ── Modal ── */
.modal-transparent .modal-content {
    background: rgba(15,23,42,.85);
    box-shadow: none; }

/* ── List groups ── */
.list-group-item {
    border: 1px solid #e2e8f0; }
.list-group-item.active {
    background-color: #6366f1;
    border-color: #6366f1; }

/* ── Backgrounds ── */
.bg-white { background-color: #fff; color: #475569; }
.bg-faded { background-color: #f8fafc; }
.bg-subtlelight { background-color: #f1f5f9; }
.bg-highlight { background-color: #eef2ff; }

/* ── Borders ── */
.border-faded { border: 1px solid #f1f5f9; }

/* ── Selection ── */
::selection { background: #6366f1; color: #fff; }
::-moz-selection { background: #6366f1; color: #fff; }

/* ── Pagination ── */
.page-link {
    color: #475569;
    background-color: #fff;
    border: 1px solid #e2e8f0; }
.page-link:hover {
    color: #6366f1;
    background-color: #f8fafc;
    border-color: #cbd5e1; }
.page-item.active .page-link {
    color: #fff;
    background-color: #6366f1; }
.page-item.disabled .page-link { color: #94a3b8; background-color: #fff; }
.pagination .page-item:first-child:not(.active) .page-link,
.pagination .page-item:last-child:not(.active) .page-link,
.pagination .page-item.disabled .page-link { background: #f1f5f9; }
.pagination .page-link:hover {
    background-color: #6366f1 !important;
    color: #fff; }

/* ── Form controls ── */
.form-control:focus {
    border-color: #6366f1;
    box-shadow: none; }
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #6366f1;
    background-color: #6366f1; }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #a5b4fc; }
.custom-range::-webkit-slider-thumb { background-color: #6366f1; }
.custom-range::-moz-range-thumb { background-color: #6366f1; }
.custom-range::-ms-thumb { background-color: #6366f1; }
.custom-select:focus { border-color: #6366f1; }
.custom-file-input:focus ~ .custom-file-label { border-color: #6366f1; }

/* ── Tabs ── */
.nav-tabs-clean .nav-item .nav-link.active {
    border-bottom: 2px solid #6366f1;
    color: #6366f1; }
.nav-tabs-clean .nav-item .nav-link:hover { color: #6366f1; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #6366f1; }

/* ── States ── */
.state-selected { background: #eef2ff !important; }

/* ── SVG icon colors ── */
.nav-menu li a>svg { margin-right: .60remrem; }
.nav-menu li a>svg g [fill] {
    transition: fill .2s ease;
    fill: #475569; }
.nav-menu li:hover a>svg g [fill],
.nav-menu li.active a>svg g [fill] { fill: #fff; }

.btn-icon svg g [fill] {
    transition: fill .2s ease;
    fill: #6366f1 !important; }
.svg-icon.svg-icon-primary svg g [fill] { fill: #6366f1; }
.svg-icon.svg-icon-warning svg g [fill] { fill: #f59e0b; }
.svg-icon.svg-icon-danger svg g [fill] { fill: #ef4444; }
.svg-icon.svg-icon-success svg g [fill] { fill: #22c55e; }

/* ── Light buttons ── */
.btn-info-light {
    color: #6366f1;
    background-color: #eef2ff;
    border-color: #eef2ff; }
.btn-primary-light {
    color: #4f46e5;
    background-color: #eef2ff;
    border-color: #eef2ff; }
.btn-success-light {
    color: #16a34a;
    background-color: #f0fdf4;
    border-color: #f0fdf4; }
.btn-danger-light {
    color: #dc2626;
    background-color: #fef2f2;
    border-color: #fef2f2; }
.btn-secondary-light {
    color: #64748b;
    background-color: #f1f5f9;
    border-color: #f1f5f9; }

/* ── Core button colors ── */
.btn-info {
    color: #fff;
    background-color: #6366f1;
    border-color: #6366f1; }
.btn-primary {
    color: #fff;
    background-color: #6366f1;
    border-color: #6366f1; }
.btn-primary:hover {
    background-color: #4f46e5;
    border-color: #4f46e5;
    transform: translateY(-1px);
}
.btn-danger {
    color: #fff;
    background-color: #ef4444;
    border-color: #ef4444; }
.btn-warning {
    color: #fff;
    background-color: #f59e0b;
    border-color: #f59e0b; }
.btn-success {
    color: #fff;
    background-color: #22c55e;
    border-color: #22c55e; }
.btn-secondary {
    color: #fff;
    background-color: #64748b;
    border-color: #64748b; }

/* ── Badge enhancements ── */
.badge-dot {
    font-size: .700remrem;
    font-weight: 400;
    padding-right: 0;
    padding-left: 0;
    text-transform: none;
    background: 0 0; }
.badge-dot i {
    display: inline-block;
    width: .300remrem;
    height: .300remrem;
    margin-right: .300remrem;
    vertical-align: middle;
    border-radius: 50%; }
.bg-warning { background-color: #f59e0b !important; }
.bg-success { background-color: #22c55e !important; }
.bg-danger { background-color: #ef4444 !important; }

/* ── Minified nav ── */
.nav-function-minify:not(.clx-navigation-type-top) .page-sidebar .primary-nav .nav-menu > li > a svg {
    margin-right: 0; }

/* ── Links ── */
.nav-link { color: #6366f1; }

/* ── Table styling ── */
.table thead th {
    border-bottom: 2px solid #e2e8f0;
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    font-size: .7rem;
    letter-spacing: .05em; }
.table td, .table th {
    border-top: 1px solid #f1f5f9; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fafafa; }
.table-hover tbody tr:hover { background-color: #f8fafc; }

/* ── Progress ── */
.progress { background-color: #f1f5f9; border-radius: .4remrem; }
.progress-bar { background-color: #6366f1; }

/* ── Popover ── */
.popover .arrow { border-color: inherit; }

/* ── Panel toolbar ── */
.panel-toolbar .btn-panel[data-action=panel-collapse],
.panel-toolbar .btn-panel.js-panel-collapse { background: #6366f1; }
.panel-toolbar .btn-panel[data-action=panel-fullscreen],
.panel-toolbar .btn-panel.js-panel-fullscreen { background: #f59e0b; }
.panel-toolbar .btn-panel[data-action=panel-close],
.panel-toolbar .btn-panel.js-panel-close { background: #ef4444; }

/* ── Input group ── */
.has-length .input-group-text {
    border-color: #6366f1; }
.has-length .input-group-text:not([class^=bg-]):not([class*= bg-]) {
    background: #6366f1;
    color: #fff !important; }

/* ── Modal close ── */
.close { color: #475569; }
.close:hover { color: #1e293b; }

/* ── Footer ── */
.page-footer { font-size: .6.4remrem; }

/* ── Preloader ── */
body:not(.mod-pace-custom) .pace .pace-progress { background: #6366f1; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ── Card / Panel enhancements ── */
.card { border: 1px solid #e2e8f0; border-radius: .60remrem; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.card-body { padding: 1.125remrem; }

/* ── Stats cards ── */
.card-stats .card-body { padding: 1.125remrem; }
.card-stats .stat-icon { width: 28px; height: 28px; border-radius: 11px; display: flex; align-items: center; justify-content: center; }

/* ── DataTable ── */
.dataTable { font-size: .8125rem; }
.dataTable .sorting:after, .dataTable .sorting_asc:after, .dataTable .sorting_desc:after { opacity: .4; }

/* ── Mobile ── */
@media only screen and (max-width: 595px) {
    .page-wrapper { background: #fff; }
    .mobile-nav-on .page-sidebar {
        box-shadow: none; }
    .page-content-wrapper { background: #f8fafc; } }