/**
 * LogicMail — default theme
 * Clean dashboard look: ink sidebar + indigo accents
 * --lm-ink:         #0F172A
 * --lm-primary:     #4F46E5
 * --lm-primary-hover:#4338CA
 * --lm-accent:      #818CF8
 * --lm-tint:        #EEF2FF
 * --lm-tint-strong: #E0E7FF
 * --lm-page:        #F8FAFC
 * --lm-dark-bg:     #0B1220
 * --lm-dark-nav:    #080E18
 */

.theme-default .navbar-main {
    background-color: rgba(15, 23, 42, 0.97) !important;
    border-color: rgba(15, 23, 42, 0.97);
}

.theme-default .btn-info {
    background-color: #818CF8;
    border-color: #818CF8;
    color: #0F172A;
}
.theme-default .btn-info:hover,
.theme-default .btn-info:focus,
.theme-default .btn-info:active {
    background-color: #6366F1;
    border-color: #6366F1;
    color: #ffffff;
}

.theme-default .btn-primary {
    background-color: #4F46E5;
    border-color: #4F46E5;
    color: #ffffff;
}
.theme-default .btn-primary:hover,
.theme-default .btn-primary:focus,
.theme-default .btn-primary:active,
.theme-default .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #4338CA;
    border-color: #4338CA;
    color: #ffffff;
}

.theme-default .btn-secondary {
    background-color: #334155;
    border-color: #334155;
    color: #F8FAFC;
}
.theme-default .btn-secondary:hover,
.theme-default .btn-secondary:focus {
    background-color: #1E293B;
    border-color: #1E293B;
    color: #F8FAFC;
}

.theme-default a:not(.btn, .dropdown-item, .nav-link) {
    color: #4F46E5;
}
.theme-default a:not(.btn, .dropdown-item, .nav-link):hover {
    color: #4338CA;
}

.theme-default .btn.bg-teal,
.theme-default .btn.bg-teal-600,
.theme-default .btn-info.bg-teal-600 {
    background-color: #4F46E5 !important;
    border-color: #4F46E5 !important;
    color: #ffffff !important;
}
.theme-default .btn.bg-teal:hover,
.theme-default .btn.bg-teal-600:hover,
.theme-default .btn-info.bg-teal-600:hover {
    background-color: #4338CA !important;
    border-color: #4338CA !important;
}

.theme-default .progress-bar,
.theme-default .progress-bar-info {
    background-color: #4F46E5;
}

.theme-default .page-item.active .page-link {
    background-color: #EEF2FF;
    border-color: #4F46E5;
    color: #4338CA;
}
.theme-default .page-link:hover {
    color: #4F46E5;
    background-color: #EEF2FF;
    border-color: #C7D2FE;
}

.theme-default .dropdown-menu li:hover > a {
    background-color: #EEF2FF;
}
.theme-default .dropdown-menu > .active > a,
.theme-default .dropdown-menu > .active > a:hover,
.theme-default .dropdown-menu > .active > a:focus {
    background-color: #E0E7FF;
    color: #312E81;
}

.theme-default .nav-tabs > li.active > a,
.theme-default .nav-tabs > li.active > a:hover,
.theme-default .nav-tabs > li.active > a:focus,
.theme-default .nav-tabs > li.active > a.nav-link,
.theme-default .nav-tabs > li > a.nav-link.active,
.theme-default .nav-tabs > li > a.nav-link:hover,
.theme-default .nav-tabs > li > a.nav-link:focus {
    border-bottom-color: #4F46E5;
    color: #4F46E5;
}

.theme-default .select2-results__option[aria-selected=false]:hover {
    background-color: #EEF2FF !important;
}
.theme-default .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #E0E7FF !important;
    color: #312E81 !important;
}

.theme-default .switchery[type="checkbox"]:checked ~ .check-symbol:before,
.theme-default .styled[type="checkbox"]:checked ~ .check-symbol:before {
    background-color: #4F46E5;
    border-color: #4F46E5;
}
.theme-default .styled[type="radio"]:checked ~ .check-symbol:after {
    background-color: #4F46E5;
}

.theme-default .navbar-main .nav-item > .nav-link.active,
.theme-default .navbar-main .nav-item.active > .nav-link {
    background-color: rgba(79, 70, 229, 0.28);
}
.theme-default .navbar-main .nav-item:hover > .nav-link {
    background-color: rgba(79, 70, 229, 0.16);
}
.theme-default .navbar-main .nav-item .dropdown-item:hover,
.theme-default .navbar-main .nav-item .dropdown-item:focus {
    background-color: rgba(79, 70, 229, 0.2);
}
.theme-default .navbar-main .nav-item .dropdown-item:active {
    background-color: rgba(79, 70, 229, 0.32);
}

.theme-default .form-control:focus,
.theme-default .form-select:focus,
.theme-default .select2-container--default.select2-container--focus .select2-selection--single,
.theme-default .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #4F46E5;
    box-shadow: 0 0 0 0.15rem rgba(79, 70, 229, 0.22);
}

.theme-default .badge-primary,
.theme-default .bg-primary {
    background-color: #4F46E5 !important;
    color: #ffffff !important;
}
.theme-default .border-primary {
    border-color: #4F46E5 !important;
}

.theme-default.bg-slate-800 {
    background-color: #0F172A;
    border-color: #0F172A;
}

body.theme-default:not(.mode-dark) {
    background-color: #F8FAFC;
}

/* Dark mode */
body.mode-dark.theme-default,
body.mode-dark.theme-default .modal-content,
body.mode-dark.theme-default .dropdown-menu li,
body.mode-dark.theme-default .select2-dropdown,
body.mode-dark.theme-default .autofill-dropbox-container,
body.mode-dark.theme-default .top-sticky-content,
body.mode-dark.theme-default .search-results,
body.mode-dark.theme-default .template-create-sticky {
    background-color: #0B1220;
}
body.mode-dark.theme-default .navbar-main {
    background-color: rgba(8, 14, 24, 0.97) !important;
}
body.mode-dark.theme-default a:not(.btn, .dropdown-item, .nav-link) {
    color: #A5B4FC;
}
body.mode-dark.theme-default a:not(.btn, .dropdown-item, .nav-link):hover {
    color: #C7D2FE;
}
body.mode-dark.theme-default .btn-primary {
    background-color: #6366F1;
    border-color: #6366F1;
    color: #ffffff;
}
body.mode-dark.theme-default .btn-primary:hover,
body.mode-dark.theme-default .btn-primary:focus {
    background-color: #818CF8;
    border-color: #818CF8;
    color: #0F172A;
}
body.mode-dark.theme-default .btn-info {
    background-color: #818CF8;
    border-color: #818CF8;
    color: #0F172A;
}
body.mode-dark.theme-default .dropdown-menu li:hover > a {
    background-color: rgba(79, 70, 229, 0.22);
}
body.mode-dark.theme-default .page-item.active .page-link {
    background-color: rgba(79, 70, 229, 0.28);
    border-color: #818CF8;
    color: #C7D2FE;
}
body.mode-dark.theme-default .nav-tabs > li > a.nav-link.active,
body.mode-dark.theme-default .nav-tabs > li > a.nav-link:hover {
    border-bottom-color: #818CF8;
    color: #A5B4FC;
}