/*
============================================================
SVS ERP — F15.22.12
COMMAND CENTER FINAL MICRO POLISH

Screenshot-only final fixes:
- remove remaining LIGHT text inside Team Load worker cards
- give worker names more width
- slightly improve Team Load card breathing room
- restore clear Top Disputers / Top CFPB headings
- keep Operations Pulse / Alerts untouched except spacing
============================================================
*/

/* ------------------------------------------------------------
   TEAM LOAD: eliminate remaining raw role text
   ------------------------------------------------------------ */

/* Zero all direct text-bearing descendants first... */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head{
  font-size:0!important;
  color:transparent!important;
}

/* ...then restore only the two elements we actually want visible. */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head>strong{
  display:block!important;
  color:#38556c!important;
  font-size:8px!important;
  line-height:1!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head .attendance-tag{
  display:inline-flex!important;
  color:#557085!important;
  font-size:4.6px!important;
  line-height:1!important;
}

/* Hide any other direct child spans, smalls, ems or labels in the worker header. */
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-cfpb-load-head>small,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head>em,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head>label,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-role-badge{
  display:none!important;
}

/* Give names more usable width by letting attendance take only what it needs. */
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) max-content!important;
  align-items:center!important;
  gap:4px!important;
}

/* Slightly larger worker cards so names no longer feel cramped. */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-grid{
  grid-template-rows:repeat(2,71px)!important;
  grid-auto-rows:71px!important;
  gap:7px!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card{
  height:71px!important;
  min-height:71px!important;
  max-height:71px!important;
  padding:9px 10px!important;
}

/* ------------------------------------------------------------
   BOTTOM ROW: restore clear section headings
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-disputer::before{
  content:"🏆  Top Disputers"!important;
  display:block!important;
  margin:0 0 9px!important;
  color:#12324d!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-cfpb::before{
  content:"🏆  Top CFPB"!important;
  display:block!important;
  margin:0 0 9px!important;
  color:#12324d!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

/* Avoid duplicate native headings if present. */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-disputer>.command-section-label,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-cfpb>.command-section-label,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-disputer>header,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-rank-cfpb>header{
  display:none!important;
}

/* Give five rows room after the restored heading. */
@media(min-width:1281px){
  html body:not(.dark) #page-command-center.ccx-layout-live .ccx-bottom-grid{
    height:252px!important;
    max-height:252px!important;
  }

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

/* Slightly more comfortable final spacing */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-overview-grid{
  margin-bottom:14px!important;
}

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