/* Simplified right-aligned header: Attendance sits directly beside status/logout. */
@media(min-width:1101px){
  body .wlcrm-app .wlcrm-header{
    grid-template-columns:minmax(260px,1fr) 714px 150px!important;
    justify-content:stretch!important;
    gap:10px!important;
  }
  body .wlcrm-app .wlcrm-attendance{justify-self:end!important}
}

/* Only connection state and logout remain in the right control stack. */
body .wlcrm-app .wlcrm-user{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:38px 38px!important;
  align-content:center!important;
  gap:6px!important;
}
body .wlcrm-app .wlcrm-followup-bell,
body .wlcrm-app .wlcrm-followup-notifications{display:none!important}
body .wlcrm-app .wlcrm-connection,
body .wlcrm-app .wlcrm-logout{
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:850!important;
}
body .wlcrm-app .wlcrm-connection{border:1px solid #ffffff80!important;background:#102044d9!important}
body .wlcrm-app .wlcrm-logout{
  border:1px solid #ff9a9a!important;
  background:linear-gradient(120deg,#dc2626,#b91c1c)!important;
  color:#fff!important;
  box-shadow:0 5px 13px #7f1d1d42!important;
}
body .wlcrm-app .wlcrm-logout:hover,
body .wlcrm-app .wlcrm-logout:focus{
  border-color:#fecaca!important;
  background:linear-gradient(120deg,#b91c1c,#991b1b)!important;
  color:#fff!important;
}

/* Urgent count now belongs to the My Follow-ups navigation item. */
body .wlcrm-app .wlcrm-tabs button[data-tab="followups"]{overflow:visible!important}
body .wlcrm-app .wlcrm-followup-menu-badge{
  position:absolute!important;
  top:5px!important;
  right:7px!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 5px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#dc2626!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 3px 8px #991b1b4d!important;
}
body .wlcrm-app .wlcrm-followup-menu-badge[hidden]{display:none!important}
body .wlcrm-app .wlcrm-tabs button[data-tab="followups"].has-urgent-followups{border-color:#fca5a5!important}

@media(max-width:1100px){
  body .wlcrm-app .wlcrm-user{grid-template-rows:36px 36px!important}
  body .wlcrm-app .wlcrm-connection,
  body .wlcrm-app .wlcrm-logout{height:36px!important;min-height:36px!important;max-height:36px!important}
}
