/* ===== Injection 010: exact paid-hours row alignment ===== */

/*
Each Normal / Saturday / Sunday cell is forced into the same four-row rhythm:
1. heading
2. total hours
3. start-finish time
4. pay chips
*/
.page-production-10-4 .paid-body{
  align-items:stretch !important;
}

.page-production-10-4 .paid-cell:not(.restday){
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:
    48px
    42px
    32px
    38px !important;
  align-content:start !important;
  align-items:start !important;
  min-height:196px !important;
  padding:18px 16px !important;
}

.page-production-10-4 .paid-cell:not(.restday) > *{
  min-width:0 !important;
}

.page-production-10-4 .paid-cell .slot-label{
  grid-row:1 !important;
  align-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:38px !important;
  margin:0 !important;
}

.page-production-10-4 .paid-cell .slot-hours{
  grid-row:2 !important;
  align-self:start !important;
  display:flex !important;
  align-items:flex-start !important;
  min-height:0 !important;
  margin:0 !important;
  line-height:1 !important;
}

.page-production-10-4 .paid-cell .slot-time{
  grid-row:3 !important;
  align-self:start !important;
  display:flex !important;
  align-items:flex-start !important;
  min-height:0 !important;
  margin:0 !important;
}

.page-production-10-4 .paid-cell .slot-rates{
  grid-row:4 !important;
  align-self:start !important;
  display:flex !important;
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-height:0 !important;
  margin:0 !important;
}

/* Keep all text baselines and chips consistent. */
.page-production-10-4 .paid-cell:not(.restday) h4{
  min-height:38px !important;
  margin:0 !important;
  line-height:1.15 !important;
}

.page-production-10-4 .paid-cell:not(.restday) .hours{
  min-height:0 !important;
  margin:0 !important;
  font-size:28px !important;
  line-height:1 !important;
}

.page-production-10-4 .paid-cell:not(.restday) .chip{
  min-height:25px !important;
  height:25px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px 8px !important;
  line-height:1 !important;
}

/* Neutralise older flexible rules that caused vertical drift. */
.page-production-10-4 .paid-cell:not(.restday) .line{
  margin-top:0 !important;
}

.page-production-10-4 .paid-cell:not(.restday)[data-aligned-paid-cell="true"]{
  min-height:196px !important;
}

/* Rest-day notes remain one full-width band but align across cards. */
.page-production-10-4 .paid-cell.restday{
  display:grid !important;
  grid-template-rows:42px minmax(62px,auto) !important;
  align-content:start !important;
  min-height:142px !important;
  padding:20px 16px !important;
}

.page-production-10-4 .paid-cell.restday h4{
  align-self:start !important;
  min-height:38px !important;
  margin:0 !important;
}

.page-production-10-4 .paid-cell.restday .note-text,
.page-production-10-4 .paid-cell.restday p{
  align-self:start !important;
  margin:6px 0 0 !important;
}

/* Header titles and shift labels line up too. */
.page-production-10-4 .paid-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:start !important;
  min-height:108px !important;
}

.page-production-10-4 .paid-head h3{
  min-height:48px !important;
  margin:0 !important;
  line-height:1.15 !important;
}

.page-production-10-4 .shift-pill{
  align-self:start !important;
  min-width:168px !important;
  justify-content:center !important;
  text-align:center !important;
}

@media(max-width:760px){
  .page-production-10-4 .paid-head{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }

  .page-production-10-4 .paid-head h3{
    min-height:0 !important;
  }

  .page-production-10-4 .shift-pill{
    min-width:0 !important;
  }

  .page-production-10-4 .paid-cell:not(.restday){
    grid-template-rows:auto auto auto auto !important;
    min-height:0 !important;
  }

  .page-production-10-4 .paid-cell.restday{
    grid-template-rows:auto auto !important;
    min-height:0 !important;
  }
}