/* Shared active-theme presentation; screen only. */
@media screen{
body:is(.native-app,.m2m,.min2-theme-app,.min2-hub-page){font-family:var(--min2-theme-font);background:var(--min2-theme-bg);color:var(--min2-theme-ink)}
body:is(.native-app,.m2m,.min2-theme-app){--accent:var(--min2-theme-accent);--ui-accent:var(--min2-theme-accent);--ui-nav:var(--min2-theme-nav);--ui-ink:var(--min2-theme-ink);--ui-muted:var(--min2-theme-muted);--ui-line:var(--min2-theme-line);--ui-radius:var(--min2-theme-radius);--bg:var(--min2-theme-bg);--paper:var(--min2-theme-surface);--ink:var(--min2-theme-ink);--text:var(--min2-theme-ink);--muted:var(--min2-theme-muted);--line:var(--min2-theme-line);--green:var(--min2-theme-accent-ink);--dark:var(--min2-theme-nav);--navy:var(--min2-theme-nav);--yellow:var(--min2-theme-accent);--font:var(--min2-theme-font);--heading:var(--min2-theme-heading);--soft:color-mix(in srgb,var(--min2-theme-accent) 5%,var(--min2-theme-surface))}
body:is(.native-app,.m2m,.min2-theme-app) :is(h1,h2,h3,h4,h5,h6){font-family:var(--min2-theme-heading);color:var(--min2-theme-ink)}
body:is(.native-app,.m2m,.min2-theme-app) :is(button,input,select,textarea){font-family:var(--min2-theme-font)}
body:is(.native-app,.m2m,.min2-theme-app) :is(.btn.primary,.button:not(.secondary),.button-primary){background:var(--min2-theme-accent-strong);border-color:var(--min2-theme-accent-strong);color:#fff;border-radius:var(--min2-theme-button-radius)}
body:is(.native-app,.m2m,.min2-theme-app) :is(.btn.secondary,.button.secondary){background:var(--min2-theme-surface);border-color:var(--min2-theme-line);color:var(--min2-theme-ink);border-radius:var(--min2-theme-button-radius)}
body:is(.native-app,.m2m,.min2-theme-app) :is(.card,.panel,.native-panel){background:var(--min2-theme-surface);border-color:var(--min2-theme-line);border-radius:var(--min2-theme-radius)}
body.native-app #native-nav,body.m2m .sidebar,body.min2-theme-app .sidebar{background:var(--min2-theme-nav);color:#fff}
body.native-app #native-nav :is(a,.nav-caption),body.m2m .sidebar :is(a,.nav-group),body.min2-theme-app .sidebar :is(a,button,.navlabel,.sidecopy){color:#e9e9ee}
body.native-app #native-nav [aria-current=page],body.m2m .sidebar a.selected,body.min2-theme-app .navbutton.active{box-shadow:inset 3px 0 var(--min2-theme-accent);background:rgba(255,255,255,.08);color:#fff}
body.min2-theme-app :is(.hero,.period-banner){background:var(--soft);border-color:var(--line);color:var(--ink)}
body.min2-theme-app .topbar{border-radius:0;border-color:var(--line)}
body.min2-theme-app :is(.sub,.text-muted,.card-head p,.doccard p,.workspace-help,.field small){color:var(--min2-theme-muted)}
body.min2-hub-page .m2h,.min2-themed-admin .m2h{--ink:var(--min2-theme-ink);--muted:var(--min2-theme-muted);--green:var(--min2-theme-accent-ink);--border:var(--min2-theme-line);font-family:var(--min2-theme-font);background:var(--min2-theme-bg);color:var(--min2-theme-ink)}
.m2h :is(h1,h2,h3){font-family:var(--min2-theme-heading)}
.m2h :is(.m2h-card,.m2h-stat,.m2h-top){background:var(--min2-theme-surface);border-color:var(--min2-theme-line)}
.m2h :is(.m2h-sidebar,.m2h-side){background:var(--min2-theme-nav);color:#fff}
.m2h :is(.m2h-sidebar,.m2h-side) :is(a,small,p){color:#e9e9ee}
.m2h :is(.m2h-open,.m2h-card>a:last-child){background:var(--min2-theme-accent-strong);border-color:var(--min2-theme-accent-strong);color:#fff;border-radius:var(--min2-theme-button-radius)}
body.login{background:var(--min2-theme-bg);font-family:var(--min2-theme-font)}
body.login #loginform{background:var(--min2-theme-surface);border-color:var(--min2-theme-line);border-radius:var(--min2-theme-radius)}
body.login #login .button-primary{background:var(--min2-theme-accent-strong);border-color:var(--min2-theme-accent-strong);color:#fff;border-radius:var(--min2-theme-button-radius)}
body.min2-themed-admin #wpbody-content>.wrap,body.min2-themed-admin .wrap :is(input,select,textarea,button){font-family:var(--min2-theme-font)}
body.min2-themed-admin .wrap :is(h1,h2,h3){font-family:var(--min2-theme-heading)}
body.min2-themed-admin .wrap .button-primary{background:var(--min2-theme-accent-strong);border-color:var(--min2-theme-accent-strong);color:#fff}
}

/* Retire the former multicolor dashboard palette in favor of the active theme. */
@media screen{
body.min2-hub-page .m2h,body.min2-themed-admin .m2h{--vp-ink:var(--min2-theme-ink);--vp-line:var(--min2-theme-line);--vp-orange:var(--min2-theme-accent-strong);--vp-blue:var(--min2-theme-accent-strong);--vp-lavender:color-mix(in srgb,var(--min2-theme-accent) 7%,var(--min2-theme-surface));--vp-pink:var(--vp-lavender);--vp-lemon:var(--vp-lavender);background:var(--min2-theme-bg)!important}
body.min2-hub-page .m2h-top{background:var(--min2-theme-surface)!important;border-color:var(--min2-theme-line)!important;backdrop-filter:none;box-shadow:none}
body.min2-hub-page .m2h-side{background:var(--min2-theme-nav)!important;border-color:var(--min2-theme-line)!important;box-shadow:none}
body.min2-hub-page .m2h-side nav>a,body.min2-hub-page .m2h-side nav span{color:#eee!important}
body.min2-hub-page .m2h-side nav>a:hover{background:rgba(255,255,255,.08)!important;transform:none}
body.min2-hub-page .m2h-side nav>a.m2h-nav-active{background:var(--min2-theme-accent-strong)!important;color:#fff!important;box-shadow:none}
body.min2-hub-page .m2h :is(.m2h-card,.m2h-summary,.m2h-hero,.m2h-integrations){background:var(--min2-theme-surface)!important;border-color:var(--min2-theme-line)!important;border-radius:var(--min2-theme-radius)!important;box-shadow:none}
body.min2-hub-page .m2h-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--min2-theme-accent)!important}
body.min2-hub-page .m2h-card .m2h-icon{background:var(--vp-lavender)!important;color:var(--min2-theme-accent-ink)!important;box-shadow:none!important}
body.min2-hub-page .m2h-card-footer>a{background:var(--min2-theme-accent-strong)!important;color:#fff!important;font-weight:600!important;border-radius:var(--min2-theme-button-radius)}
body.min2-hub-page .m2h-card-footer>a:hover{transform:none}
}

/* Semantic foregrounds also follow themes with light buttons or dark surfaces. */
@media screen{
body.native-app .native-header{background:var(--min2-theme-surface);border-color:var(--min2-theme-line);color:var(--min2-theme-ink)}
body.native-app :is(.native-brand,.header-tools,.header-tools a){color:var(--min2-theme-ink)}
body:is(.native-app,.m2m,.min2-theme-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),select,textarea){background-color:var(--min2-theme-surface);color:var(--min2-theme-ink);border-color:var(--min2-theme-line)}
body:is(.native-app,.m2m,.min2-theme-app) :is(.btn.primary,.button:not(.secondary),.button-primary),body.min2-hub-page .m2h-card-footer>a,body.login #login .button-primary,body.min2-themed-admin .wrap .button-primary{color:var(--min2-theme-on-accent,#fff)!important}
body.native-app #native-nav :is(a,.nav-caption),body.m2m .sidebar :is(a,.nav-group),body.min2-theme-app .sidebar :is(a,button,.navlabel,.sidecopy),body.min2-hub-page .m2h-side :is(a,small,p),body.min2-hub-page .m2h-side nav span{color:var(--min2-theme-on-nav,#eee)!important}
body.native-app :is(.table-wrap,.native-panel,main table){background-color:var(--min2-theme-surface);color:var(--min2-theme-ink);border-color:var(--min2-theme-line)}
body.native-app main th{background:color-mix(in srgb,var(--min2-theme-ink) 5%,var(--min2-theme-surface));color:var(--min2-theme-ink);border-color:var(--min2-theme-line)}
body.native-app main td{border-color:var(--min2-theme-line)}
}