body.user-panel {
    --user-warning-bg: #fff8e6;
    --user-warning-border: #d7b65c;
    --user-warning-text: #694b0c;
    --user-danger-bg: #fff0f0;
    --user-danger-border: #e3a4a4;
    --user-danger-text: #862525;
    --user-input-bg: #ffffff;
    --user-input-text: #253248;
    --user-placeholder: #59677b;
}
html[data-theme="dark"] body.user-panel {
    --user-warning-bg: #3b3321;
    --user-warning-border: #89703a;
    --user-warning-text: #ffe4a3;
    --user-danger-bg: #43272c;
    --user-danger-border: #a26069;
    --user-danger-text: #ffd1d1;
    --user-input-bg: #1c2536;
    --user-input-text: #eaeff4;
    --user-placeholder: #b3c0d4;
}
body.user-panel .dashboard-main-body .alert.alert-warning {
    background: var(--user-warning-bg) !important;
    border: 1px solid var(--user-warning-border);
    color: var(--user-warning-text) !important;
}
body.user-panel .dashboard-main-body .alert.bg-danger,
body.user-panel .dashboard-main-body .alert.alert-danger {
    background: var(--user-danger-bg) !important;
    border: 1px solid var(--user-danger-border);
    color: var(--user-danger-text) !important;
}
body.user-panel .dashboard-main-body .alert.alert-warning *,
body.user-panel .dashboard-main-body .alert.bg-danger *,
body.user-panel .dashboard-main-body .alert.alert-danger * {
    color: inherit !important;
    -webkit-text-fill-color: currentColor;
}
body.user-panel .dashboard-main-body .alert.alert-warning,
body.user-panel .dashboard-main-body .alert.bg-danger,
body.user-panel .dashboard-main-body .alert.alert-danger {
    font-size: 15px;
    line-height: 1.65;
    padding: 16px;
}
body.user-panel .dashboard-main-body .alert :is(p, li, span, strong, b) {
    font-size: inherit;
    line-height: inherit;
}
body.user-panel .dashboard-main-body .alert :is(h1, h2, h3, h4, h5, h6) {
    font-size: 17px !important;
    line-height: 1.4;
    font-weight: 600;
    margin-bottom: 12px;
}
body.user-panel .dashboard-main-body .alert li + li { margin-top: 10px; }
body.user-panel .dashboard-main-body .alert a {
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.user-panel .dashboard-main-body :is(.form-control, .form-select, textarea) {
    background-color: var(--user-input-bg);
    color: var(--user-input-text);
    font-size: 15px;
    line-height: 1.5;
}
body.user-panel .dashboard-main-body :is(input, textarea)::placeholder {
    color: var(--user-placeholder);
    opacity: 1;
}
body.user-panel .dashboard-main-body :is(.form-label, .form-check-label) {
    color: var(--user-input-text) !important;
    font-size: 14px;
    line-height: 1.5;
}
body.user-panel .dashboard-main-body .badge.bg-outline-dark {
    color: var(--user-input-text) !important;
    border-color: var(--ta-border) !important;
}
html[data-theme="dark"] body.user-panel .dashboard-main-body .badge.bg-outline-success { color: #86efac !important; }
html[data-theme="dark"] body.user-panel .dashboard-main-body .badge.bg-outline-info { color: #8bd8ff !important; }
html[data-theme="dark"] body.user-panel .dashboard-main-body .form-check:has(input:checked) {
    background: #2f405f;
    border-color: #8cabff;
}
@media (max-width: 575px) {
    body.user-panel .dashboard-main-body :is(.form-control, .form-select, textarea) { font-size: 16px; }
}

html[data-theme="dark"] body.user-panel .user-order-history {
    --dt-html-background: #253248;
    --order-table-bg: #253248;
    --order-table-stripe: #29374e;
    --order-table-hover: #30415b;
    --order-table-heading: #1c2536;
    --order-table-text: #e2eaf5;
    --order-table-border: #39485f;
}
html[data-theme="dark"] body.user-panel .user-order-history .table {
    --bs-table-bg: var(--order-table-bg);
    --bs-table-color: var(--order-table-text);
    --bs-table-border-color: var(--order-table-border);
    --bs-table-striped-bg: var(--order-table-stripe);
    --bs-table-striped-color: var(--order-table-text);
    --bs-table-hover-bg: var(--order-table-hover);
    --bs-table-hover-color: var(--order-table-text);
    --bs-table-active-bg: var(--order-table-hover);
    --bs-table-active-color: var(--order-table-text);
    background-color: var(--order-table-bg);
    color: var(--order-table-text);
    border-color: var(--order-table-border);
    color-scheme: dark;
}
html[data-theme="dark"] body.user-panel .user-order-history :is(.table-responsive, .dt-container, .dataTables_wrapper, .dt-scroll-head, .dt-scroll-body, .dt-scroll-foot, .dataTables_scrollHead, .dataTables_scrollBody, .dataTables_scrollFoot) {
    background-color: var(--order-table-bg);
    border-color: var(--order-table-border) !important;
    color: var(--order-table-text);
}
html[data-theme="dark"] body.user-panel .user-order-history .table :is(thead, tbody, tfoot, tr) {
    background-color: transparent;
    border-color: var(--order-table-border) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history .table > :is(thead, tfoot) > tr > :is(th, td) {
    background-color: var(--order-table-heading) !important;
    color: var(--order-table-text) !important;
    border-color: var(--order-table-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body.user-panel .user-order-history .table > tbody > tr > :is(th, td) {
    background-color: var(--order-table-bg) !important;
    color: var(--order-table-text) !important;
    border-color: var(--order-table-border) !important;
    box-shadow: none !important;
}
html[data-theme="dark"] body.user-panel .user-order-history .table-striped > tbody > tr:nth-of-type(odd) > :is(th, td) {
    background-color: var(--order-table-stripe) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history .table > tbody > tr:hover > :is(th, td) {
    background-color: var(--order-table-hover) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history :is(input, select, textarea) {
    color-scheme: dark;
    background-color: var(--order-table-heading) !important;
    color: var(--order-table-text) !important;
    border-color: var(--order-table-border) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history select option {
    background-color: var(--order-table-heading);
    color: var(--order-table-text);
}
html[data-theme="dark"] body.user-panel .user-order-history :is(label, .dt-info, .dataTables_info, .dt-empty, .dataTables_empty, .text-muted) {
    color: var(--order-table-text) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history td :is(.text-warning, .text-info, .text-success):not(.badge):not(.btn) {
    color: var(--order-table-text) !important;
}
html[data-theme="dark"] body.user-panel .user-order-history :is(.dt-processing, .dataTables_processing) {
    background: var(--order-table-heading) !important;
    color: var(--order-table-text) !important;
    border-color: var(--order-table-border) !important;
}