/* SG Link • approved blue/teal identity, 16 October 2026.
   Shared by every server-rendered page. Semantic status colours remain distinct. */
:root{--brand-blue:#0646c8;--brand-blue-dark:#0037b0;--brand-teal:#007f7a;--brand-mint:#b8eee3;--brand-ink:#07294b;--brand-paper:#f5f9fc;--brand-line:#dce7ee;--navy:var(--brand-ink);--blue:var(--brand-blue);--green:var(--brand-teal);--purple:var(--brand-blue)}
body{accent-color:var(--brand-teal)}
body.trade-home{--ht-ink:var(--brand-ink);--ht-purple:var(--brand-blue);--ht-lime:var(--brand-mint);--ht-line:var(--brand-line);background:#f7fafc}
body img[src*="sglink-logo.png"]{object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
body .ht-brand img,body .brand-logo,body .sg-home-brand img{width:196px;height:66px;max-width:100%}
.ht-brand>span,.sg-home-brand>span{display:none}
body .sidebar-brand img,body .crm-brand img{width:190px;height:68px;max-width:100%}
body .auth-story>a img,body .crm-login-brand img{width:230px;max-width:100%;height:auto;background:#fff;border-radius:12px;padding:8px}
body footer img[src*="sglink-logo.png"],body .ht-footer img[src*="sglink-logo.png"]{width:240px;max-width:100%;height:auto;background:#fff;padding:10px;border-radius:12px}
body .sg-loader-logo{background:#fff;border-radius:16px}
body .sg-loader-logo img{width:210px;height:auto;max-width:100%}
.brand-discovery-logo{display:block;width:200px;height:auto}
.ht-announcement{background:#e9f1ff;color:#16468d}
.ht-hero-visual{background:linear-gradient(135deg,#e7f0ff,#dff5f0)}
.ht-products-band{background:#eef5fa;border-color:var(--brand-line)}
.ht-icon-tile.ht-lilac{background:#e7efff;color:var(--brand-blue)}
.trade-home .ht-lime{background:var(--brand-mint);color:var(--brand-ink)}
.trade-home .ht-dark{background:var(--brand-ink);color:#fff}
.ht-search button{background:var(--brand-blue)}
.account-mode #auth-form button[type=submit]{background:linear-gradient(105deg,#0646c8,#007f7a);box-shadow:0 8px 20px #0646c820}
body .crm-hero.violet{background:linear-gradient(120deg,#07294b,#096b78)}
.trade-home .ht-header{background:#f9fcfff5;border-color:var(--brand-line)}
body .crm-sidebar nav button.active{background:#e8f0ff;color:#0646c8}
body .crm-sidebar-note{background:linear-gradient(135deg,#edf3ff,#e3f5f0)}
body .crm-login{background:linear-gradient(135deg,#eef4ff,#e9f8f3)}
body .admin-sidebar .side-links button.active{border-left-color:var(--brand-teal)}
@media(max-width:760px){
 body .ht-brand img,body .brand-logo,body .sg-home-brand img{width:155px;height:52px}
 body .ht-header-inner{gap:12px}
 body footer img[src*="sglink-logo.png"]{width:220px}
}
@media(max-width:380px){body .ht-brand img,body .brand-logo,body .sg-home-brand img{width:138px;height:47px}}