/*
============================================================
SVS ERP — F15.22.11
COMMAND CENTER FINAL SURGICAL LOCK

Only the remaining screenshot issues:
1. Team Load title/subtitle must stay visible and readable.
2. Remove raw LIGHT text completely.
3. Give worker names enough width.
4. Give all four Operations Pulse cards one consistent icon system.
5. Remove final legacy Operations Pulse/supporting-indicators residue.
============================================================
*/

/* ------------------------------------------------------------
   TEAM LOAD HEADER — guaranteed visible
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card{
  position:relative!important;
  padding-top:12px!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-section-label{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  min-height:25px!important;
  margin:0 0 8px!important;
  overflow:visible!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-section-label strong{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#12324d!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-section-label span{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin-top:2px!important;
  color:#6f8598!important;
  font-size:6.5px!important;
  line-height:1.2!important;
}

/* ------------------------------------------------------------
   TEAM LOAD CARDS — remove LIGHT, widen names
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  height:19px!important;
  min-height:19px!important;
  margin:0 0 8px!important;
  font-size:0!important;
  color:transparent!important;
}

/* Explicitly hide any non-attendance span / role fragment. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-head>span:not(.attendance-tag),
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-role-badge{
  display:none!important;
}

/* Worker name gets the full first grid column. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-head>strong{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#38556c!important;
  font-size:8px!important;
  line-height:1!important;
}

/* Attendance stays compact in the second column. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .attendance-tag{
  display:inline-flex!important;
  justify-self:end!important;
  max-width:80px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#557085!important;
  font-size:4.7px!important;
  line-height:1!important;
}

/* Hide any raw orphan text by zeroing the parent card typography,
   then restore only intended visible children. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-card{
  font-size:0!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-card>strong{
  display:inline-block!important;
  color:#667e91!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card .command-cfpb-load-card>strong::after{
  content:"  OPEN"!important;
  color:#8194a4!important;
  font-size:5px!important;
  font-weight:850!important;
}

/* ------------------------------------------------------------
   OPERATIONS PULSE — one consistent icon system
   ------------------------------------------------------------ */

/* Kill every inherited ::before icon first. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > *::before{
  content:none!important;
  display:none!important;
}

/* Shared bubble */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > *::after{
  position:absolute!important;
  right:11px!important;
  top:11px!important;
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
}

/* Staff Online */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(1)::after{
  content:"●"!important;
  color:#0f9a63!important;
  background:#d8f3e6!important;
}

/* Due Today */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(2)::after{
  content:"▣"!important;
  color:#277fcf!important;
  background:#dcecff!important;
}

/* Overdue */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(3)::after{
  content:"!"!important;
  color:#d94350!important;
  background:#ffdde2!important;
}

/* Needs Attention */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(4)::after{
  content:"◷"!important;
  color:#cf8300!important;
  background:#ffebbf!important;
}

/* More obvious semantic tone for each card. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(1){
  background:linear-gradient(135deg,#eafaf3,#f8fffb)!important;
  border-left:4px solid #18a66f!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(2){
  background:linear-gradient(135deg,#edf6ff,#fafcff)!important;
  border-left:4px solid #3b95ee!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(3){
  background:linear-gradient(135deg,#fff0f2,#fffafa)!important;
  border-left:4px solid #e65360!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-pulse-grid > :nth-child(4){
  background:linear-gradient(135deg,#fff6e6,#fffdf9)!important;
  border-left:4px solid #e89b18!important;
}

/* ------------------------------------------------------------
   REMOVE FINAL LEGACY RESIDUE
   ------------------------------------------------------------ */

/* Exact footer class from diagnosis */
html body:not(.dark) #page-command-center.ccx-layout-live .command-system-footer{
  display:none!important;
}

/* Any section label placed after the reconstructed bottom grid is legacy
   supporting-indicator labeling and not part of the approved mock. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid ~ .command-section-label{
  display:none!important;
}

/* Same for a direct trailing system/status footer after bottom grid. */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid ~ .command-system-footer,
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid ~ .command-status-footer,
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid ~ .command-health-footer{
  display:none!important;
}

/* The original content source shell is already empty after adapter moves
   live panels. Keep it hidden. */
html body:not(.dark) #page-command-center.ccx-layout-live #commandTodayView .ccx-source-shell,
html body:not(.dark) #page-command-center.ccx-layout-live #commandTodayView .ccx-online-suppressed{
  display:none!important;
}

/* ------------------------------------------------------------
   LAST SPACING PASS — keep it airy
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-overview-grid{
  gap:13px!important;
  margin-bottom:13px!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid{
  gap:13px!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-card{
  padding:12px!important;
}

/* Responsive fallback */
@media(max-width:1280px){
  html body:not(.dark) #page-command-center.ccx-layout-live .ccx-overview-grid,
  html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid{
    grid-template-columns:1fr!important;
  }
}