/* Customer portal branding. Compact marks remain symbols; linked headers use the wordmark. */
:root, .light { --se-wordmark:url("/shadowedge/brand-horizontal-black.svg"); --se-brand-base:transparent; --se-api:#000; }
.dark { --se-wordmark:url("/shadowedge/brand-horizontal-orange.svg"); --se-brand-base:transparent; --se-api:#f5a73b; }
a:has(:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"])) { display:inline-flex; align-items:center; gap:6px!important; flex-shrink:0; overflow:visible!important; background:var(--se-brand-base)!important; padding:4px 7px!important; border-radius:6px; }
a:has(:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]))>div:has(>:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"])) { width:auto!important; height:auto!important; overflow:visible!important; aspect-ratio:auto!important; border-radius:0!important; }
a :is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]) { content:var(--se-wordmark); width:112px!important; height:23px!important; max-width:none!important; object-fit:contain!important; border-radius:0!important; display:block; }
a:has(:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]))>:is(span,h1) { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
a:has(:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]))::after { content:"API"; font:600 13px/1 system-ui,sans-serif; letter-spacing:.045em; color:var(--se-api); }
header a :is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]) { width:96px!important; height:20px!important; }
@media(max-width:480px){header a :is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]) {width:83px!important;height:17px!important} a:has(:is(img[src$="/shadowedge/logo.png"],img[src$="/shadowedge/brand-symbol-v3.svg"]))::after{font-size:12px} }