/* 1.7: only plugin account controls. No selector changes the theme's menu buttons. */
a.emp-header-account.emp-header-account--guest {
 display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
 width:auto!important;min-width:0!important;max-width:100%;height:46px;min-height:46px;
 padding:0 20px!important;border:1px solid var(--emp-red);border-radius:999px!important;
 color:#fff!important;background:var(--emp-red);font-size:13px!important;line-height:1.15!important;
 font-weight:700;letter-spacing:0!important;text-transform:none!important;white-space:nowrap!important;
 vertical-align:middle;text-decoration:none!important;box-shadow:none;
}
.emp-header-account .emp-account-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;stroke-width:1.7;fill:none}
.emp-header-account .emp-account-label-short{display:none}
.emp-header-account--guest:focus-visible,.emp-header-account--logged summary:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:480px){
 a.emp-header-account.emp-header-account--guest{height:44px;min-height:44px;padding:0 14px!important;font-size:12px!important;gap:7px}
 .emp-header-account .emp-account-label{display:none}
 .emp-header-account .emp-account-label-short{display:inline}
}

/* Shared portal canvas: scoped by the server, not by the presence of an account widget. */
html body.emp-portal-surface.emp-integrated-header,
html body.emp-crm-surface.emp-integrated-header{
 background:radial-gradient(ellipse 1100px 850px at 85% 0,rgba(215,25,32,.14),transparent 78%),#08090a!important;
}
html body.emp-portal-surface.emp-integrated-header:not(.logged-in){background:#08090a!important}
body.emp-integrated-header :is(#page,#content,.site-main,.page-content,.elementor,.e-con,.elementor-section,.elementor-column,.elementor-widget-wrap,.elementor-widget-container):has(.emp-portal-page,.emp-benefits-page,.emp-crm-page,.emp-crm-login,.emp-crm-gate,.emp-mobile-yard),
body.emp-integrated-header .emp-portal-page,
body.emp-integrated-header .emp-shell--customer,
body.emp-integrated-header .emp-shell--guest{background:transparent!important}

/* CRM: join the external header and the navigation canvas, keeping operational contrast. */
body.emp-crm-surface.emp-integrated-header .emp-crm-page,
body.emp-crm-surface.emp-integrated-header .emp-crm-shell,
body.emp-crm-surface.emp-integrated-header .emp-crm-nav{background:transparent!important}
body.emp-crm-surface.emp-integrated-header .emp-crm-shell{border:0;box-shadow:none}
body.emp-crm-surface.emp-integrated-header .emp-crm-nav{border-bottom:0}
body.emp-crm-surface.emp-integrated-header .emp-crm-content{background:#f2f3f5;border:1px solid #27292e;border-radius:20px}
.emp-crm-nav.emp-crm-nav--modules{display:block;padding:18px 0 24px;min-width:0}
.emp-crm-nav--modules nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;min-width:0}
.emp-crm-nav--modules nav a{font-size:13px;line-height:1.3;padding:12px 16px;border:1px solid #ffffff20;border-radius:12px;white-space:normal;text-align:center}
.emp-crm-nav--modules nav a.is-active{box-shadow:0 6px 24px #d7192028}
@media(max-width:600px){.emp-crm-nav--modules nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.emp-crm-nav--modules nav a{padding:12px 8px}}

/* Reset layout backgrounds only. Dropdowns, links, account cards and their widgets retain their styles. */
body.emp-integrated-header :is(.elementor-location-header,.emp-header-integrado),
body.emp-integrated-header .elementor-location-header :is(.e-con,.e-con-inner,.elementor-section,.elementor-container,.elementor-column,.elementor-widget-wrap),
body.emp-integrated-header .emp-header-integrado > :is(.e-con-inner,.elementor-container){background:transparent!important;border-bottom:0!important;box-shadow:none!important}
body.emp-integrated-header .elementor-location-header :is(.e-con,.elementor-section,.elementor-column)::before,
body.emp-integrated-header .elementor-location-header .elementor-background-overlay,
body.emp-integrated-header .emp-header-integrado::before,
body.emp-integrated-header .emp-header-integrado > .elementor-background-overlay{background:transparent!important;box-shadow:none!important}
body.emp-integrated-header .emp-guest-hero{
 background-image:radial-gradient(circle at 82% 12%,rgba(223,37,24,.48),transparent 31%),linear-gradient(180deg,#050505,rgba(5,5,5,0) 240px),linear-gradient(90deg,rgba(0,0,0,.96),rgba(8,8,8,.88) 48%,rgba(12,12,12,.72));
}