html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}
html[data-theme=dark] .theme-sun,html[data-theme=light] .theme-moon{display:none}
html[data-theme=light] .nav,html[data-theme=light] .sidebar,html[data-theme=light] .app-top{border-color:var(--border)}
html[data-theme=light] .side-links a:hover,html[data-theme=light] .side-links a.active{background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--text)}
html[data-theme=light] .badge{background:var(--panel2);color:var(--text)}
html[data-theme=light] .badge.active,html[data-theme=light] .badge.paid{background:#dcf4e8;color:#176b46}
html[data-theme=light] .secret,html[data-theme=light] pre,html[data-theme=light] .address-box{background:var(--panel2);color:var(--text)}
html[data-theme=light] .auth-wrap,html[data-theme=light] .footer{border-color:var(--border)}
html[data-theme=light] .mobile-dock{background:#ffffffed;border-color:var(--border)}
html[data-theme=light] .check input{accent-color:var(--accent)}
button[data-theme-toggle]{display:inline-flex;align-items:center;justify-content:center}
.merchant-auth .nav-inner{justify-content:space-between}.merchant-auth .nav-actions{margin-left:auto}.merchant-auth .auth-wrap{min-height:calc(100dvh - 230px)}
@media(prefers-reduced-motion:no-preference){body,.sidebar,.app-top,.card,.table-card,.settings-card,.footer{transition:background-color .18s ease,color .18s ease,border-color .18s ease}}
@media(max-width:600px){.merchant-auth .nav-inner{gap:12px}.merchant-auth .nav-inner>.badge{display:none}.breadcrumb{display:none}.nav-actions{gap:12px}.auth-wrap{padding-top:42px}.app-top{padding-right:18px;padding-left:18px}}
