/* inboxiz global surfaces. Brand accents are independent from device appearance. */
:root{color-scheme:light dark;--brand-primary:#5D5BC4;--brand-hover:#4E4CAF;--brand-text:#5D5BC4;--brand-surface:#FFFFFF;--brand-selected:#EEEEF1;--brand-border:#DADAE2;--brand-on-primary:#FFFFFF;--brand-tint:#5D5BC433;--brand-subtle:#5D5BC418;--product-page:#FFFFFF;--product-surface:#FFFFFF;--product-raised:#F3F4F6;--product-text:#121330;--product-muted:#626A7D;--product-border:#DADAE2;--status-success:#078963;--status-success-surface:#E5FBF3;--status-error:#DC2626;--status-warning:#D97706}
@media(prefers-color-scheme:dark){:root{--product-page:#111216;--product-surface:#1B1C22;--product-raised:#272830;--product-text:#F4F4F7;--product-muted:#B9BDCB;--product-border:#41434E;--brand-surface:#1B1C22;--brand-selected:#272830;--brand-border:#41434E;--brand-text:#BCBAFF}}
/* Use the established first priority layer to supersede legacy branded surfaces. */
@layer inboxiz-batch2b{
 html:root,html body,html body #root,html body #root .iz-shell{background:var(--product-page)!important;background-image:none!important;color:var(--product-text)!important}
 html body #root .iz-main{background:transparent!important}
 html body #root .iz-topbar,html body #inboxiz-public-footer{background:var(--product-surface)!important;color:var(--product-text)!important;border-color:var(--product-border)!important}
 html body #root .iz-main :is(h1,h2,h3){color:var(--product-text)!important}
 html body[data-public-site],html body[data-public-site] :is(.public-header,.service-header,.service-main,.service-card,.guidance,footer),html body[data-public-site] main{background:var(--product-page)!important;background-image:none!important;color:var(--product-text)!important}
}
@media(prefers-color-scheme:dark){
 @layer inboxiz-batch2b{
 html body #root :is(input,textarea,select,[class*="bg-white"],.iz-dashboard-metrics>div,.iz-inbox-grid,.iz-inbox-grid>div,.iz-email-list,.iz-email-reading-pane,.iz-email-fourth-column,.iz-email-composer,.iz-email-options){background-color:var(--product-surface)!important;color:var(--product-text)!important;border-color:var(--product-border)!important}
 html body #root :is([class*="text-[#1"],[class*="text-[#2"],.iz-main th,.iz-main td){color:var(--product-text)!important}
 html body #root :is([class*="text-[#7"],[class*="text-[#8"],.iz-current-workspace,.iz-secure-label){color:var(--product-muted)!important}
 html body[data-public-site] :is(h1,h2,h3,p,label,li,th,td,.service-header nav a,.public-header nav a){color:var(--product-text)!important}
 html body[data-public-site] :is(input,select,textarea,thead th,.notice){background:var(--product-surface)!important;color:var(--product-text)!important;border-color:var(--product-border)!important}
 }
}
@layer inboxiz-batch2b{
 html body[data-public-site] main>section{background:transparent!important;background-image:none!important}
 html body[data-public-site] .ambient:before,html body[data-public-site] .ambient:after{background:transparent!important}
}
@media(prefers-color-scheme:dark){@layer inboxiz-batch2b{
 html body #root .iz-shell .iz-dashboard-metrics>div>div:last-child{color:var(--product-text)!important}
}}