:root[data-admin-theme="dark"] {
    color-scheme: dark;
}
html[dir="rtl"] body {
    direction: rtl;
    text-align: start;
}
:root[data-admin-theme="dark"] body {
    background-color: #111827 !important;
    color: #e5eaf2 !important;
}
:root[data-admin-theme="dark"] a {
    color: #c8d4ff;
}
:root[data-admin-theme="dark"] input,
:root[data-admin-theme="dark"] textarea,
:root[data-admin-theme="dark"] select,
:root[data-admin-theme="dark"] button:not([data-admin-theme-toggle]) {
    background-color: #202b3b;
    border-color: #46546a;
    color: #edf2fa;
}
:root[data-admin-theme="dark"] table,
:root[data-admin-theme="dark"] th,
:root[data-admin-theme="dark"] td,
:root[data-admin-theme="dark"] [class*="card"],
:root[data-admin-theme="dark"] [class*="panel"],
:root[data-admin-theme="dark"] [class*="header"],
:root[data-admin-theme="dark"] [class*="sidebar"],
:root[data-admin-theme="dark"] [class*="canvas"],
:root[data-admin-theme="dark"] [class*="section"] {
    border-color: #354155 !important;
}
:root[data-admin-theme="dark"] [class*="card"],
:root[data-admin-theme="dark"] [class*="panel"],
:root[data-admin-theme="dark"] [class*="header"],
:root[data-admin-theme="dark"] [class*="sidebar"],
:root[data-admin-theme="dark"] [class*="canvas"],
:root[data-admin-theme="dark"] [class*="section"] {
    background-color: #182232 !important;
    color: #edf2fa !important;
}
:root[data-admin-theme="dark"] [class*="muted"],
:root[data-admin-theme="dark"] small,
:root[data-admin-theme="dark"] label {
    color: #abb8cb;
}
:root[data-admin-theme="dark"] [data-admin-theme-toggle] {
    background: #273449;
    color: #f2f5fb;
}
[data-admin-theme-toggle] {
    position: fixed;
    z-index: 9999;
    right: 16px;
    bottom: 16px;
    padding: 10px 14px;
    border: 1px solid #8691a2;
    border-radius: 999px;
    background: #fff;
    color: #172033;
    box-shadow: 0 3px 15px #0002;
    font: 700 12px/1.2 system-ui, sans-serif;
    cursor: pointer;
}
