/* ============================================================
   Mega-menu sync — native (fast, no-React) menu styling for the
   Hosting column ghost cluster, the live security window, and
   the compliance badge cluster.
   ============================================================ */

/* Hosting — scattered platform-logo cluster */
.ms-ghost{position:relative;width:170px;height:170px;flex-shrink:0;align-self:flex-end;
  -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);
  mask-image:linear-gradient(180deg,#000 55%,transparent 98%);}
.ms-ghost img{position:absolute;display:block;}
.ms-ghost .gwp{width:96px;top:4px;right:2px;opacity:.13;}
.ms-ghost .gmg{width:70px;top:64px;left:0;opacity:.10;}
.ms-ghost .gnd{width:62px;bottom:4px;right:38px;opacity:.08;}
.ms-ghost .gps{width:44px;top:2px;left:10px;opacity:.06;}

/* Compliance — badge cluster */
.ms-ghost.ms-comp .ggdpr2{width:84px;top:4px;right:4px;opacity:.22;}
.ms-ghost.ms-comp .gsoc{width:60px;top:72px;left:6px;opacity:.12;}
.ms-ghost.ms-comp .ggdpr{width:60px;bottom:6px;right:42px;opacity:.12;}

/* Security — mini live edge-security window (vertically centered) */
.border-r-2:has(.ms-secwin){min-width:26rem !important;}
.ms-secwin{width:196px;flex-shrink:0;align-self:flex-end;
  background:#0d0d10;border:1px solid rgba(255,255,255,.1);border-radius:8px;
  box-shadow:0 14px 36px rgba(0,0,0,.5);overflow:hidden;
  font-family:"Google Sans Code",Menlo,monospace;}
.ms-secwin .msw-head{display:flex;align-items:center;gap:6px;padding:8px 11px;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa;}
.ms-secwin .msw-dot{width:6px;height:6px;border-radius:99px;background:#6cefce;
  animation:ms-pulse 2.2s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes ms-pulse{0%,100%{box-shadow:0 0 0 0 rgba(108,239,206,.45);}55%{box-shadow:0 0 0 7px rgba(108,239,206,0);}}
.ms-secwin .msw-row{display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:7px 11px;border-bottom:1px solid rgba(255,255,255,.04);
  font-size:10px;letter-spacing:0;color:#a1a1aa;
  animation:ms-row 7s cubic-bezier(.4,0,.2,1) infinite;}
.ms-secwin .msw-row:last-child{border-bottom:none;}
.ms-secwin .msw-row:nth-child(2){animation-delay:.2s;}
.ms-secwin .msw-row:nth-child(3){animation-delay:1.6s;}
.ms-secwin .msw-row:nth-child(4){animation-delay:3s;}
.ms-secwin .msw-row:nth-child(5){animation-delay:4.4s;}
.ms-secwin .pill{font-size:8.5px;font-weight:500;padding:1.5px 7px;border-radius:99px;flex-shrink:0;}
.ms-secwin .pill.block{background:rgba(246,120,143,.1);border:1px solid rgba(246,120,143,.3);color:#f6788f;}
.ms-secwin .pill.chal{background:rgba(246,170,80,.1);border:1px solid rgba(246,170,80,.3);color:#f6aa50;}
.ms-secwin .pill.allow{background:rgba(108,239,206,.08);border:1px solid rgba(108,239,206,.25);color:#6cefce;}
@keyframes ms-row{0%{opacity:0;transform:translateY(4px);}5%{opacity:1;transform:none;}94%{opacity:1;}100%{opacity:0;}}
@media (prefers-reduced-motion: reduce){
  .ms-secwin .msw-row{animation:none;}
  .ms-secwin .msw-dot{animation:none;}
}