/* Only active after an authenticated platform-frame theme message. */
:root[data-mx-theme=dark] {
 --mx-canvas:#21171e; --mx-surface:#2c2028; --mx-surface-alt:#342630; --mx-ink:#f5e8ef; --mx-muted:#bcaab4; --mx-line:#483440;
 --bg:var(--mx-canvas); --surface-alt:var(--mx-surface-alt); --solid-ink:#f28ebe; --paper:var(--mx-surface); --panel:var(--mx-surface); --surface:var(--mx-surface); --card:var(--mx-surface);
 --line:var(--mx-line); --line-soft:#3c2b35; --border:var(--mx-line); --border-soft:#3c2b35;
 --ink:var(--mx-ink); --ink-2:#dfcbd6; --text:var(--mx-ink); --text-primary:var(--mx-ink); --text-secondary:var(--mx-muted); --muted:var(--mx-muted);
 --dark:var(--mx-ink); --cream:#342630;
 --gray-50:var(--mx-canvas); --gray-100:#3c2b35; --gray-200:var(--mx-line); --gray-400:var(--mx-muted); --gray-500:var(--mx-muted); --gray-700:#dfcbd6;
 --rose-50:#3d2634; --rose-100:#4c2d3f; --rose-200:#855970; --mx-rose-700:#ff8fbc; --mx-rose-800:#ffafd0; --mx-rose-900:#ffd0e3; --mx-rose-950:#fce6ef;
 --mx-green:#83d6bb; --green-bg:#16372f; --mx-amber:#edc879; --amber-bg:#3c3019; --mx-red:#ffaaa5; --red-bg:#48252b; --mx-blue:#a6c8ff; --blue-bg:#20334b;
 --shadow:0 4px 20px #0002; --shadow-lg:0 24px 70px #0008;
 color-scheme:dark;
}
:root[data-mx-theme=dark] body { background:var(--mx-canvas); color:var(--mx-ink); }
:root[data-mx-theme=dark] :is(input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea) { background-color:var(--mx-surface-alt); color:var(--mx-ink); border-color:var(--mx-line); }
:root[data-mx-theme=dark] :is(input,textarea)::placeholder { color:var(--mx-muted); }
:root[data-mx-theme=dark] dialog { background:var(--mx-surface); color:var(--mx-ink); border-color:var(--mx-line); }

:root[data-mx-theme=dark] .bg-white{background-color:var(--mx-surface)}
:root[data-mx-theme=dark] .bg-gray-50,:root[data-mx-theme=dark] .hover\:bg-gray-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-gray-100,:root[data-mx-theme=dark] .hover\:bg-gray-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-gray-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-gray-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-gray-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-gray-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-gray-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-gray-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-slate-50,:root[data-mx-theme=dark] .hover\:bg-slate-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-slate-100,:root[data-mx-theme=dark] .hover\:bg-slate-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-slate-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-slate-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-slate-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-slate-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-slate-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-slate-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-zinc-50,:root[data-mx-theme=dark] .hover\:bg-zinc-50:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .bg-zinc-100,:root[data-mx-theme=dark] .hover\:bg-zinc-100:hover{background-color:var(--mx-surface-alt)}
:root[data-mx-theme=dark] .border-zinc-200{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .border-zinc-300{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .text-zinc-400{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-500{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-600{color:var(--mx-muted)}
:root[data-mx-theme=dark] .text-zinc-700{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-zinc-800{color:var(--mx-ink)}
:root[data-mx-theme=dark] .text-zinc-900{color:var(--mx-ink)}
:root[data-mx-theme=dark] .bg-brand-50{background-color:var(--rose-50)}
:root[data-mx-theme=dark] .bg-brand-100{background-color:var(--rose-50)}
:root[data-mx-theme=dark] .text-brand-700{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-800{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-900{color:var(--mx-rose-700)}
:root[data-mx-theme=dark] .text-brand-950{color:var(--mx-rose-700)}

:root[data-mx-theme=dark] .border-gray-100{border-color:var(--mx-line)}
:root[data-mx-theme=dark] .divide-gray-100> :not([hidden])~ :not([hidden]){border-color:var(--mx-line)}
:root[data-mx-theme=dark] :is(.text-brand-500,.text-brand-600){color:#f28ebe}
:root[data-mx-theme=dark] :is(.text-green-500,.text-green-600,.text-green-700,.text-green-800,.text-emerald-700){color:#9dd5b9}
:root[data-mx-theme=dark] :is(.bg-green-100,.bg-emerald-100){background:#243e32}
:root[data-mx-theme=dark] :is(.border-green-300,.border-emerald-300){border-color:#476f59}
:root[data-mx-theme=dark] :is(.text-amber-500,.text-amber-600,.text-amber-700,.text-amber-800,.text-amber-900){color:#e8c382}
:root[data-mx-theme=dark] :is(.bg-amber-50,.bg-amber-100){background:#423421}
:root[data-mx-theme=dark] :is(.border-amber-200,.border-amber-300){border-color:#735a32}
:root[data-mx-theme=dark] :is(.text-red-500,.text-red-600,.text-red-700,.text-red-800){color:#f1aaa9}
:root[data-mx-theme=dark] .bg-red-100{background:#4b2b30}
:root[data-mx-theme=dark] .border-red-300{border-color:#8b4b52}
:root[data-mx-theme=dark] :is(.text-blue-500,.text-blue-600,.text-blue-700,.text-blue-800){color:#aac8ef}
:root[data-mx-theme=dark] .bg-blue-100{background:#2c364d}
:root[data-mx-theme=dark] .border-blue-300{border-color:#536887}
:root[data-mx-theme=dark] .ci-login-brand{background:#432b38}
:root[data-mx-theme=dark] .ci-login-brand h2{color:#f5dce9}
:root[data-mx-theme=dark] .ci-login-brand p{color:#dab6c9}
:root[data-mx-theme=dark] .ci-login-brand img,:root[data-mx-theme=dark] .mx-brand img{filter:brightness(0) invert(1)}
:root[data-mx-theme=dark] .ci-login-art>span{background:#614152;border-color:#775065;color:#f5dce9}
:root[data-mx-theme=dark] .ci-login-art>span:nth-child(2){background:#f28ebe;color:#4a1d35}