/* Real switch track and predictable thumb positions, based on existing ARIA state. */
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]{box-sizing:border-box!important;position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;flex-shrink:0!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:24px!important;min-height:24px!important;max-height:24px!important;padding:2px!important;border:1px solid #65748c!important;border-radius:999px!important;background:#3a4960!important;background-image:none!important;box-shadow:inset 0 1px 3px #0002!important;vertical-align:middle;overflow:visible!important;cursor:pointer}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state][aria-checked=true]{background:linear-gradient(110deg,#ce438d,#8c59d4)!important;border-color:#b784ca!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{box-sizing:border-box!important;display:block!important;width:18px!important;min-width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;margin:0!important;transform:translateX(0)!important;box-shadow:0 1px 3px #0004!important;transition:transform .16s ease!important;pointer-events:none}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state][aria-checked=true]>span{transform:translateX(18px)!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]:disabled{opacity:.45!important;cursor:not-allowed!important}
body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]:focus-visible{outline:2px solid #d2aeff!important;outline-offset:3px!important}
@media(prefers-reduced-motion:reduce){body[data-vg-admin] :is(.vg-admin-main,[role=dialog]) button[role=switch][aria-checked][data-state]>span{transition:none!important}}

/* Match sidebar brand and page header at their shared border. */
body[data-vg-admin]{--vg-admin-header-height:68px}
body[data-vg-admin] .vg-admin-header,
body[data-vg-admin] .vg-admin-sidebar>aside>div:first-child{
 box-sizing:border-box!important;height:var(--vg-admin-header-height)!important;
 min-height:var(--vg-admin-header-height)!important;max-height:var(--vg-admin-header-height)!important;
 flex-shrink:0!important;display:flex!important;align-items:center!important;
 border-bottom:1px solid #29364b!important;margin-top:0!important;margin-bottom:0!important;
}