@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{
 --fg-navy:#061426;--fg-blue:#0a56ff;--fg-gold:#d4af37;--fg-white:#f8fafc;
 --font-sans:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:var(--font-sans);
 --disp:var(--font-sans);--body:var(--font-sans);--display:var(--font-sans);
 --blue-600:#0a56ff;--blue-700:#0742c7;--gold-500:#d4af37;
 --rail-1:#0a1f3f;--rail-2:#061426;--brand:#0a56ff;--brand-strong:#0742c7;
}
html body,html button,html input,html select,html textarea{font-family:var(--font-sans)}
html h1,html h2,html h3,html h4{font-family:var(--font-display)}
html[data-theme=dark]{color-scheme:dark;--fg-surface:#101c2f;--fg-ink:#edf3fb}
html[data-theme=light]{color-scheme:light;--fg-surface:#fff;--fg-ink:#10213d}
html body img.fg-logo{display:block!important;width:206px!important;max-width:100%!important;height:auto!important;aspect-ratio:1690 / 540;object-fit:contain!important;object-position:center!important;background:#061426;border-radius:8px;flex-shrink:0;filter:none!important}
html body img.fg-symbol{width:44px!important;height:44px!important;aspect-ratio:1;object-fit:contain!important;background:#061426;border-radius:10px;flex-shrink:0}
html body .side-head img.fg-logo{width:204px!important;max-width:calc(100% - 16px)!important;max-height:80px!important}
html body .side-head.side-home{height:auto!important;min-height:94px!important;flex-basis:auto!important}
html body .login-card .brand img.fg-logo,html body .gate img.fg-logo{width:240px!important;margin-inline:auto}
html body .top img.fg-logo{width:145px!important}
html body .footBrand img.fg-logo{width:260px!important}
html body .rail .brand{height:auto!important;min-height:94px;justify-content:center;padding:16px 12px}
html body .rail .brand .logo{height:auto;width:100%;display:flex;justify-content:center}
html body .rail .brand img.fg-logo{width:200px!important}
html body .rail .brand>b,html body .rail .brand>.brand-name{display:none}
html body .bmark img.fg-symbol{width:56px!important;height:56px!important}
html body .bhead b{font-family:var(--font-display)}
html body .brand:has(img.fg-logo) .brandTag{font-size:12px;color:inherit}
html body.fg-site .nav{background:#061426}
html body.fg-site .btn-pri,html body .btn-primary:not(.btn-danger),html body .tpn-trial{background:#0a56ff!important;color:#fff!important}
html body.fg-site .btn-pri:hover{background:#0742c7!important}
html body.fg-erp-commercial .choice.on{border-color:#0a56ff;background:#eef4ff}
html body.fg-erp-commercial .choice.on:before{background:#0a56ff;border-color:#0a56ff}
html body.fg-erp-commercial .step-index{background:#eef4ff;color:#0742c7}
html body.fg-erp-commercial .quote .k,html body.fg-erp-commercial .quote .price{color:#e8c77a}
html body.fg-site .nav>.wrap{min-height:78px;height:auto!important;gap:20px;padding-block:10px}
html body.fg-site .nav .brand{min-width:0;flex-shrink:1}
html body.fg-site .nav .brand img.fg-logo{width:210px!important;max-width:100%!important}
html body.fg-site .nav .brandTag{display:none}
html body.fg-site .navActions{margin-left:auto;gap:12px;flex-shrink:0}
html body.fg-site .footBrand img.fg-logo{width:270px!important}
html body.fg-site .heroCopy{min-width:0}
html body.fg-site .segments button{min-width:0;white-space:normal;line-height:1.2}
html body :focus-visible{outline:2px solid #0a56ff;outline-offset:3px}
html[data-theme=dark] body :focus-visible{outline-color:#a2c3ff}
@media(max-width:760px){
 html body.fg-site .nav>.wrap{min-height:72px;padding-block:8px;gap:8px}
 html body.fg-site .nav .brand img.fg-logo{width:154px!important}
 html body.fg-site .navActions{gap:8px}
 html body.fg-site .navActions .btn-sm{padding:0 10px;min-height:42px;font-size:12px}
 html body.fg-site .navToggle{width:44px;min-width:44px;height:44px}
 html body.fg-site .brand{overflow:hidden}
 html body .side-head img.fg-logo{width:205px!important}
}
@media(max-width:380px){html body.fg-site .nav .brand img.fg-logo{width:140px!important}html body.fg-site .navActions .btn-sm{padding-inline:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html body .fg-logo,html body .fg-symbol{animation:none!important;transition:none!important}}

/* Logo follows the surface; defeat legacy rules that hide the sidebar image. */
html:root body .side-head.side-home:has(img.fg-logo){background-image:none!important;box-shadow:none!important}
html:root body .side-head.side-home img.fg-logo{display:block!important;opacity:1!important;visibility:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin-inline:auto;width:196px!important;height:auto!important}
html:root body img.fg-logo{background:transparent!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important}
html:root:not([data-theme="dark"]) body:not(.fg-site) .side-head.side-home:has(img.fg-logo){background-color:#fff!important;border-bottom-color:#dfe6ef!important}
html:root[data-theme="dark"] body .side-head.side-home:has(img.fg-logo){background-color:#061426!important;border-bottom-color:rgba(255,255,255,.08)!important}
html:root body .rail .brand:has(img.fg-logo){background:#061426!important;background-image:none!important}
/* Shared brand palette. Status colors continue to use the native semantic tokens. */
html:root{--navy-900:#061426;--navy-800:#061426;--blue-600:#0a56ff;--blue-700:#0742c7;--gold-500:#d4af37;--gold-600:#b58b21;--brand:#0a56ff;--brand-strong:#0742c7;--brand-tint:#edf3ff;--accent:#d4af37;--accent-strong:#b58b21;--accent-tint:#fbf5df}
html:root:not(:has(body.fg-site)):not([data-theme="dark"]){--bg:#f8fafc;--card:#fff;--panel:#fff;--ink:#1e2937;--ink-2:#334155;--navy:#061426;--muted:#64748b;--line:#dfe6ef;--blue:#0a56ff;--gold:#d4af37}
html:root:not(:has(body.fg-site))[data-theme="dark"]{--bg:#061426;--card:#10243b;--card-2:#142c46;--panel:#10243b;--ink:#f8fafc;--ink-2:#dce6f4;--muted:#a4b5cb;--line:rgba(255,255,255,.12);--blue:#82adff;--gold:#d4af37}
html:root body.fg-site{--bg:#061426;--bg-2:#0b203a;--bg-3:#102d4d;--blue:#0a56ff;--blue-2:#286cff;--blue-hi:#91b6ff;--gold:#d4af37;--gold-hi:#e8c77a;--tx:#f8fafc;--tx-2:#bac9dd}
html:root body .tf-primary,html:root body .tm-primary,html:root body .ta-primary,html:root body .te-primary,html:root body.fg-site .btn-pri{background:#0a56ff!important;border-color:#0a56ff!important;color:#fff!important}
html:root body .tf-assistant{background:#061426;border-top-color:#d4af37}
html:root:not([data-theme="dark"]) body:not(.fg-site) #nav .nav-item.active{background:#edf3ff!important;border-color:#c4d5ff!important;color:#0742c7!important}
html:root[data-theme="dark"] body #nav .nav-item.active{background:#14345c!important;border-color:#325883!important;color:#f8fafc!important}
