.user-theme-switcher {
    padding: 8px 12px 4px;
}

.user-theme-title {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280;
}

.user-theme-current {
    margin: 0 0 10px;
    font-size: 12px;
    color: #4b5563;
}

.user-theme-actions {
    display: flex;
    gap: 8px;
}

.user-theme-form {
    flex: 1 1 0;
    margin: 0;
}

.user-theme-button {
    width: 100%;
    border: 1px solid #d1d5db;
    font-weight: 700;
}

.user-theme-button.is-active,
.user-theme-button:focus,
.user-theme-button:hover {
    background: #605ca8;
    border-color: #605ca8;
    color: #ffffff;
}

body.theme-dark {
    background: #0f172a;
    color: #e5e7eb;
}

body.theme-dark .wrapper,
body.theme-dark .content-wrapper,
body.theme-dark .right-side,
body.theme-dark .main-footer {
    background: #0f172a;
    color: #e5e7eb;
}

body.theme-dark .main-header .navbar,
body.theme-dark .main-header .logo,
body.theme-dark .main-header .logo:hover,
body.theme-dark .main-header .navbar .sidebar-toggle:hover {
    background: #020617;
    color: #f8fafc;
}

body.theme-dark .main-sidebar,
body.theme-dark .left-side,
body.theme-dark .sidebar-menu > li.header,
body.theme-dark .user-panel > .info,
body.theme-dark .sidebar-menu > li > a {
    background: #111827;
    color: #dbe4ee;
}

body.theme-dark .sidebar-menu > li:hover > a,
body.theme-dark .sidebar-menu > li.active > a,
body.theme-dark .sidebar-menu > li.menu-open > a {
    background: #1e293b;
    color: #ffffff;
}

body.theme-dark .treeview-menu,
body.theme-dark .sidebar-form input[type="text"],
body.theme-dark .sidebar-form .btn {
    background: #0f172a;
    color: #e5e7eb;
}

body.theme-dark .box,
body.theme-dark .small-box,
body.theme-dark .info-box,
body.theme-dark .nav-tabs-custom,
body.theme-dark .modal-content,
body.theme-dark .dropdown-menu,
body.theme-dark .callout,
body.theme-dark .info-box-content,
body.theme-dark .user-footer,
body.theme-dark .user-header {
    background: #1f2937;
    color: #e5e7eb;
    border-color: #334155;
}

body.theme-dark .box-header.with-border,
body.theme-dark .nav-tabs-custom > .nav-tabs,
body.theme-dark .modal-header,
body.theme-dark .modal-footer,
body.theme-dark .user-footer,
body.theme-dark .dropdown-menu > li > a {
    border-color: #334155;
}

body.theme-dark .dropdown-menu > li > a,
body.theme-dark .nav-tabs-custom > .nav-tabs > li > a,
body.theme-dark .box-title,
body.theme-dark .breadcrumb > li,
body.theme-dark .content-header > .breadcrumb > li > a,
body.theme-dark .content-header > h1,
body.theme-dark .content-header small,
body.theme-dark .main-footer,
body.theme-dark .main-footer a,
body.theme-dark .user-theme-title,
body.theme-dark .user-theme-current {
    color: #e5e7eb;
}

body.theme-dark .table,
body.theme-dark .table > thead > tr > th,
body.theme-dark .table > tbody > tr > td,
body.theme-dark .table > tbody > tr > th,
body.theme-dark .table > tfoot > tr > td,
body.theme-dark .table > tfoot > tr > th,
body.theme-dark .table > thead > tr > td {
    border-color: #334155;
    color: #e5e7eb;
}

body.theme-dark .table-striped > tbody > tr:nth-of-type(odd),
body.theme-dark .table-hover > tbody > tr:hover,
body.theme-dark .table-bordered {
    background-color: rgba(15, 23, 42, 0.55);
}

body.theme-dark .form-control,
body.theme-dark .input-group-addon,
body.theme-dark .select2-selection,
body.theme-dark .select2-container--default .select2-selection--single,
body.theme-dark .select2-dropdown,
body.theme-dark .pagination > li > a,
body.theme-dark .pagination > li > span {
    background: #0f172a;
    border-color: #334155;
    color: #f8fafc;
}

body.theme-dark .form-control:focus,
body.theme-dark .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #38bdf8;
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.2);
}

body.theme-dark .btn-default,
body.theme-dark .btn-warning,
body.theme-dark .btn-danger,
body.theme-dark .btn-success,
body.theme-dark .btn-primary,
body.theme-dark .btn-info {
    box-shadow: none;
}

body.theme-dark .pagination > .active > a,
body.theme-dark .pagination > .active > span,
body.theme-dark .user-theme-button.is-active,
body.theme-dark .user-theme-button:focus,
body.theme-dark .user-theme-button:hover {
    background: #38bdf8;
    border-color: #38bdf8;
    color: #0f172a;
}

body.theme-dark a {
    color: #7dd3fc;
}

body.theme-dark .skin-black .main-header > .logo,
body.theme-dark .skin-black .main-header > .navbar,
body.theme-dark .skin-black .main-sidebar,
body.theme-dark .skin-black .left-side {
    background-color: #020617;
}