
/* alpha.PAED · B05-F01 / 071
   Header contract:
   left = Site/Desk identity
   middle = Holo controls + app alerts
   right = CONTACT · THEMES · INFORMATION · BURGER
*/
body#alphaDesktop.alpha-desktop .alpha-header{
  display:grid;
  grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;
  align-items:center;
}
body#alphaDesktop.alpha-desktop .alpha-actions{
  display:contents;
}
body#alphaDesktop.alpha-desktop .alpha-signal-zone{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(6px,1vw,14px);
}
body#alphaDesktop.alpha-desktop .alpha-holo-zone,
body#alphaDesktop.alpha-desktop .alpha-alert-strip,
body#alphaDesktop.alpha-desktop .alpha-main-actions,
body#alphaDesktop.alpha-desktop .alpha-generic-alert-strip{
  display:flex;
  align-items:center;
  gap:clamp(4px,.7vw,10px);
}
body#alphaDesktop.alpha-desktop .alpha-alert-strip{
  min-width:0;
  justify-content:flex-end;
  flex-wrap:wrap;
}
body#alphaDesktop.alpha-desktop .alpha-main-actions{
  justify-content:flex-end;
  white-space:nowrap;
}
body#alphaDesktop.alpha-desktop .alpha-main-actions > .alpha-contact-anchor,
body#alphaDesktop.alpha-desktop .alpha-main-actions > .alpha-info-anchor,
body#alphaDesktop.alpha-desktop .alpha-main-actions > .alpha-desks-anchor{
  display:flex;
  align-items:center;
}
body#alphaDesktop.alpha-desktop #contactShortcut,
body#alphaDesktop.alpha-desktop #themesShortcut,
body#alphaDesktop.alpha-desktop #infoShortcut,
body#alphaDesktop.alpha-desktop #burger{
  flex:0 0 auto;
}
/* Future B05 generic app-alerts render only when actual backend events exist. */
body#alphaDesktop.alpha-desktop .alpha-generic-alert-strip[hidden]{display:none!important}

@media(max-width:1050px){
  body#alphaDesktop.alpha-desktop .alpha-header{
    grid-template-columns:minmax(180px,auto) 1fr auto;
    gap:8px;
  }
  body#alphaDesktop.alpha-desktop .alpha-holo-zone{
    max-width:240px;
  }
}
@media(max-width:760px){
  body#alphaDesktop.alpha-desktop .alpha-header{
    display:flex;
    flex-wrap:wrap;
  }
  body#alphaDesktop.alpha-desktop .alpha-brand-block{
    flex:1 1 100%;
  }
  body#alphaDesktop.alpha-desktop .alpha-signal-zone{
    order:2;
    flex:1 1 auto;
    justify-content:flex-start;
  }
  body#alphaDesktop.alpha-desktop .alpha-main-actions{
    order:3;
    margin-left:auto;
  }
}

.alpha-generic-alert-strip{display:flex;align-items:center;gap:6px}
.alpha-generic-alert-button{position:relative;width:42px;height:42px;border-radius:13px;border:1px solid color-mix(in srgb,var(--alert-ci,#8a837b) 42%,transparent);background:color-mix(in srgb,var(--alert-ci,#8a837b) 10%,rgba(255,255,255,.86));color:var(--alert-ci,#6f6963);display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(25,30,35,.08),inset 0 1px 0 rgba(255,255,255,.82)}
.alpha-generic-alert-button:hover{transform:translateY(-1px)}
.alpha-generic-alert-icon{width:25px;height:25px;display:grid;place-items:center}
.alpha-generic-alert-icon svg{width:24px;height:24px}
.alpha-generic-alert-count{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#27323b;color:#fff;font-size:11px;font-weight:900;display:grid;place-items:center}
.alpha-generic-alert-open{font-weight:900;color:#8e4b43}
