/* Per-site brand palette — LOGO-MATCHED 2026-08-23
   Each --brand pair now matches the PNG dominant hues (PIL audit):
   group deep navy #001863, megaglobal royal #1e40af/#3b82f6, megacargo navy-slate #182c66,
   gta navy #021e63, megacapital muted gold #a57838, megalog slate+orange. */

[data-site="megaglobal"]  { --brand:#133A68; --brand-rgb:19,58,104; --brand-2:#1e4a8a; --brand-2-rgb:30,74,138; }
[data-site="group"]       { --brand:#0f2040; --brand-rgb:15,32,64; --brand-2:#1e3a8a; --brand-2-rgb:30,58,138; }
[data-site="megacargo"]   { --brand:#182c66; --brand-rgb:24,44,102; --brand-2:#2a3d6a; --brand-2-rgb:42,61,106; }
[data-site="gta"]         { --brand:#021e63; --brand-rgb:2,30,99; --brand-2:#1e3a8a; --brand-2-rgb:30,58,138; }
[data-site="megacapital"] { --brand:#a57838; --brand-rgb:165,120,56; --brand-2:#c49a6c; --brand-2-rgb:196,154,108; }
[data-site="megalog"]     { --brand:#183050; --brand-rgb:24,48,80; --brand-2:#f99d1d; --brand-2-rgb:249,157,29; }

/* Logo chip — shared for portal/accounts (public site copy lives in _sites/base.html) */
.logo-chip{ display:inline-flex; align-items:center; justify-content:center; flex:none; border-radius:16px; background:rgba(255,255,255,.96); padding:6px; border:1px solid rgba(0,0,0,.06); transition:transform .32s cubic-bezier(.2,.7,.2,1), box-shadow .32s ease, border-color .32s ease; position:relative; overflow:hidden; will-change:transform; }
.logo-chip img{ display:block; transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.logo-chip::after{ content:""; position:absolute; inset:0; border-radius:16px; background:linear-gradient(135deg,rgba(255,255,255,.44) 0%,rgba(255,255,255,.10) 38%,transparent 58%); mix-blend-mode:overlay; pointer-events:none; opacity:0; }
.logo-chip:hover{ transform:translateY(-2px) scale(1.02); }
.logo-chip:hover img{ transform:scale(1.04); }
.logo-chip:hover::after{ animation:logo-shine .9s ease-out; opacity:1; }
.logo-chip--animated{ animation:logo-float 6s ease-in-out infinite; }
@keyframes logo-float{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-4px) } }
@keyframes logo-shine{ 0%{ opacity:0; transform:translateX(-40%) skewX(-20deg) } 60%{ opacity:1 } 100%{ opacity:0; transform:translateX(40%) skewX(-20deg) } }
[data-site="megaglobal"] .logo-chip{ background:rgba(255,255,255,.96); border-color:rgba(30,64,175,.34); box-shadow:0 0 0 1px rgba(30,64,175,.18), 0 6px 24px rgba(30,64,175,.22), 0 0 28px rgba(30,64,175,.14); }
[data-site="group"] .logo-chip{ border-color:rgba(59,130,246,.30); box-shadow:0 0 0 1px rgba(59,130,246,.16), 0 6px 24px rgba(59,130,246,.22), 0 0 28px rgba(15,32,64,.18); }
[data-site="megacargo"] .logo-chip{ border-color:rgba(24,44,102,.32); box-shadow:0 0 0 1px rgba(24,44,102,.14), 0 6px 24px rgba(24,44,102,.20), 0 0 26px rgba(24,44,102,.14); }
[data-site="gta"] .logo-chip{ border-color:rgba(2,30,99,.30); box-shadow:0 0 0 1px rgba(2,30,99,.14), 0 6px 24px rgba(2,30,99,.20), 0 0 26px rgba(59,130,246,.14); }
[data-site="megacapital"] .logo-chip{ background:#0b0f1a; border-color:rgba(165,120,56,.32); box-shadow:0 0 0 1px rgba(165,120,56,.16), 0 6px 24px rgba(165,120,56,.22), 0 0 28px rgba(196,154,108,.14); }
[data-site="megalog"] .logo-chip{ border-color:rgba(249,157,29,.32); box-shadow:0 0 0 1px rgba(249,157,29,.14), 0 6px 24px rgba(249,157,29,.20), 0 0 26px rgba(24,48,80,.14); }
.logo-chip--center{ padding:8px; border-radius:18px; }