/*
============================================================
SVS ERP — F15.22.14
COMMAND CENTER ASSIGNMENT RAIL

Approved mock direction:
- compact executive "Team Load & Next Assignment"
- recommendation strip stays primary
- workers become 2-column assignment rows
- no mini cards / no LIGHT / no giant zeros
- attendance indicated by small status badge/dot
- OPEN stays as compact right-aligned value
============================================================
*/

/* ------------------------------------------------------------
   TEAM CARD SHELL
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card{
  position:relative!important;
  height:224px!important;
  min-height:224px!important;
  max-height:224px!important;
  padding:12px!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* guaranteed title/subtitle */
html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card::before{
  content:"Team Load & Next Assignment"!important;
  position:absolute!important;
  left:14px!important;
  top:11px!important;
  display:block!important;
  color:#12324d!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live .ccx-team-card::after{
  content:"Eligible and available for new handoff."!important;
  position:absolute!important;
  left:14px!important;
  top:28px!important;
  display:block!important;
  color:#6f8598!important;
  font-size:6.5px!important;
  line-height:1.15!important;
}

/* hide original heading to prevent duplicates */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-section-label{
  display:none!important;
}

/* inner panel starts under title */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card #commandCfpbTeamLoadPanel{
  height:100%!important;
  padding-top:29px!important;
}

/* ------------------------------------------------------------
   RECOMMENDED NEXT ASSIGNEE STRIP
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-recommended{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:7px!important;

  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0 0 8px!important;
  padding:6px 9px!important;

  border:1px solid #bfe8e2!important;
  border-radius:9px!important;
  background:linear-gradient(90deg,#e9faf7 0%,#f6fffd 100%)!important;
  color:#12324d!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-recommended span{
  color:#0b7f73!important;
  font-size:5.2px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-recommended strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#12324d!important;
  font-size:11px!important;
  font-weight:900!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-recommended small{
  color:#4f7187!important;
  font-size:5px!important;
  white-space:nowrap!important;
}

/* ------------------------------------------------------------
   WORKERS = ASSIGNMENT RAIL ROWS
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  grid-template-rows:repeat(4,31px)!important;
  grid-auto-flow:column!important;
  grid-auto-rows:31px!important;
  gap:5px 10px!important;
  height:auto!important;
}

/* each former card becomes one clean row */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;

  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  padding:5px 8px 5px 24px!important;

  border:1px solid #e1e9ee!important;
  border-radius:8px!important;
  background:#fbfdfe!important;
  color:#38556c!important;
  overflow:hidden!important;
  box-shadow:none!important;
  opacity:1!important;
  font-size:0!important;
}

/* left status dot */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card::before{
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:#9aa9b6!important;
}

/* if PRESENT is inside the card, give the card a green dot */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card:has(.attendance-tag){
  background:#fcfefe!important;
}

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card:has(.attendance-tag:not(:empty))::before{
  background:#22b874!important;
}

/* header dissolves into row */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head{
  display:contents!important;
  font-size:0!important;
  color:transparent!important;
}

/* worker name */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head>strong{
  grid-column:1!important;
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#29485f!important;
  font-size:7.5px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* attendance badge is not shown as a pill anymore; status dot carries it */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .attendance-tag,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-role-badge,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-head>span,
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{
  display:none!important;
}

/* compact OPEN value on right */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card>strong{
  grid-column:2!important;
  justify-self:end!important;
  margin:0!important;
  color:#657b8e!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:800!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:6px!important;
  font-weight:700!important;
}

/* hide mini boxes and verbose notes */
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-mini,
html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card>small{
  display:none!important;
}

/* ------------------------------------------------------------
   SUBTLE PRIORITY / HOVER POLISH
   ------------------------------------------------------------ */

html body:not(.dark) #page-command-center.ccx-layout-live
.ccx-team-card .command-cfpb-load-card:hover{
  border-color:#b9ded9!important;
  background:#f4fcfa!important;
}

/* ------------------------------------------------------------
   RESPONSIVE
   ------------------------------------------------------------ */

@media(max-width:1280px){
  html body:not(.dark) #page-command-center.ccx-layout-live
  .ccx-team-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

@media(max-width:760px){
  html body:not(.dark) #page-command-center.ccx-layout-live
  .ccx-team-card .command-cfpb-load-grid{
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
  }
}