/* Desk Booking chapter 4: four-week weekday reporting.
   Shared by the main Desk Booking carousel and its paid demo.
   Deliberately distinguishes check-in confirmations from measured occupancy. */
#slide3 .report-checkins .checkin-detail{
  gap:8px;
  padding:13px 15px 12px;
}
#slide3 .report-checkins .checkin-bar-row{
  flex:0 0 auto;
}
#slide3 .report-checkins .checkin-weekdays{
  border-top:1px solid #ece6f2;
  padding-top:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1 1 auto;
  min-height:154px;
}
#slide3 .checkin-weekday-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
#slide3 .checkin-weekday-heading strong{
  font-size:11px;
  color:#463550;
  font-weight:800;
}
#slide3 .checkin-weekday-legend{
  display:flex;
  align-items:center;
  gap:11px;
  color:#80748c;
  font-size:9px;
  white-space:nowrap;
}
#slide3 .checkin-weekday-legend>span{display:inline-flex;align-items:center;gap:5px}
#slide3 .checkin-weekday-legend i{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:2px;
}
#slide3 .checkin-weekday-legend .key-booked{background:#b69ae7}
#slide3 .checkin-weekday-legend .key-checked{background:#31b58b}
#slide3 .checkin-weekday-legend .key-unconfirmed{background:#d7a44b}
#slide3 .checkin-weekday-list{
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:3px;
  min-height:0;
  flex:1 1 auto;
}
#slide3 .checkin-weekday-row{
  display:grid;
  grid-template-columns:35px minmax(0,1fr) 78px 108px;
  align-items:center;
  gap:10px;
  min-width:0;
  min-height:0;
  border-radius:6px;
  padding:3px 8px;
  color:#665a71;
  font-size:9px;
  background:#fff;
}
#slide3 .checkin-weekday-row:nth-child(even){background:#fbf9fe}
#slide3 .checkin-weekday-row>strong{
  font-size:10px;
  color:#52415f;
  font-weight:810;
}
#slide3 .checkin-weekday-track{
  height:15px;
  background:#f3eef9;
  border-radius:5px;
  position:relative;
  overflow:hidden;
}
#slide3 .checkin-weekday-booked{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:var(--booked);
  background:#b69ae7;
  border-radius:5px;
}
#slide3 .checkin-weekday-checked{
  position:absolute;
  top:3px;
  bottom:3px;
  left:0;
  width:var(--checked);
  background:#31b58b;
  border-radius:3px;
}
#slide3 .checkin-weekday-counts{
  white-space:nowrap;
  text-align:right;
  font-variant-numeric:tabular-nums;
  color:#6a5b78;
}
#slide3 .checkin-weekday-counts b{font-size:10px;color:#654893;font-weight:800}
#slide3 .checkin-weekday-counts em{font-size:10px;font-weight:800;font-style:normal;color:#279a73}
#slide3 .checkin-weekday-missing{
  display:block;
  text-align:right;
  font-size:9px;
  color:#9b742a;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#slide3 .checkin-weekday-missing b{font-size:10px;font-weight:800}
#slide3 .report-checkins .checkin-explanation{
  flex:0 0 auto;
  margin-top:0;
  padding-top:8px;
  font-size:9px;
  line-height:1.3;
}
@media(max-width:700px){
  #slide3 .report-checkins .checkin-detail{gap:5px;padding:8px}
  #slide3 .report-checkins .checkin-weekdays{gap:5px;padding-top:6px;min-height:100px}
  #slide3 .checkin-weekday-heading strong{font-size:9px}
  #slide3 .checkin-weekday-legend{font-size:7px;gap:6px}
  #slide3 .checkin-weekday-legend i{height:6px;width:6px}
  #slide3 .checkin-weekday-list{gap:2px}
  #slide3 .checkin-weekday-row{
    grid-template-columns:23px minmax(0,1fr) 53px;
    gap:4px;
    padding:1px 3px;
    font-size:7px;
  }
  #slide3 .checkin-weekday-row>strong{font-size:8px}
  #slide3 .checkin-weekday-track{height:10px}
  #slide3 .checkin-weekday-checked{top:2px;bottom:2px}
  #slide3 .checkin-weekday-counts b,#slide3 .checkin-weekday-counts em{font-size:8px}
  #slide3 .checkin-weekday-missing{display:none}
  #slide3 .report-checkins .checkin-explanation{font-size:8px;padding-top:5px}
}
@media(max-width:400px){
  #slide3 .checkin-weekday-legend>span:last-child{display:none}
  #slide3 .report-checkins .checkin-weekdays{min-height:92px}
}
@media(prefers-reduced-motion:reduce){
  #slide3 .checkin-weekday-track i{transition:none!important}
}


/* Fit the weekday report into the actual dashboard window. The first version
   allowed the five weekday rows to grow beyond the card and cover the footnote. */
#slide3 .report-checkins .checkin-detail {
  display:grid;
  grid-template-rows:18px 23px 23px minmax(0,1fr) 28px;
  align-content:stretch;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  row-gap:5px;
  padding:11px 14px 12px;
}
#slide3 .report-checkins .checkin-detail-heading{
  min-height:0;
  height:18px;
  align-items:center;
}
#slide3 .report-checkins .checkin-bar-row {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 35px;
  gap:12px;
  height:23px;
  min-height:0;
  align-items:center;
}
#slide3 .report-checkins .checkin-weekdays{
  display:grid;
  grid-template-rows:19px minmax(0,1fr);
  align-content:stretch;
  gap:4px;
  flex:initial;
  height:100%;
  min-height:0;
  overflow:hidden;
  border-top:1px solid #ece6f2;
  padding-top:5px;
}
#slide3 .report-checkins .checkin-weekday-heading{
  min-height:0;
  height:19px;
  align-items:center;
}
#slide3 .report-checkins .checkin-weekday-list{
  min-height:0;
  height:100%;
  overflow:hidden;
  grid-template-rows:repeat(5,minmax(0,1fr));
  row-gap:2px;
}
#slide3 .report-checkins .checkin-weekday-row{
  min-height:0;
  height:100%;
  padding:0 6px;
}
#slide3 .report-checkins .checkin-explanation{
  display:flex;
  align-items:center;
  min-height:0;
  height:28px;
  padding-top:5px;
  margin:0;
  line-height:1.25;
  font-size:9px;
  overflow:hidden;
}
#slide3 .report-checkins .checkin-note{
  flex:0 0 auto;
  line-height:1.2;
}
@media(max-width:700px){
  #slide3 .report-checkins .checkin-detail{
    grid-template-rows:16px 19px 19px minmax(0,1fr) 28px;
    row-gap:4px;
    padding:7px 8px 8px;
  }
  #slide3 .report-checkins .checkin-detail-heading{height:16px}
  #slide3 .report-checkins .checkin-bar-row{
    grid-template-columns:58px minmax(0,1fr) 25px;
    gap:5px;
    height:19px;
  }
  #slide3 .report-checkins .checkin-weekdays{
    grid-template-rows:16px minmax(0,1fr);
    gap:2px;
    padding-top:4px;
  }
  #slide3 .report-checkins .checkin-weekday-heading{height:16px}
  #slide3 .report-checkins .checkin-weekday-list{gap:1px}
  #slide3 .report-checkins .checkin-weekday-track{height:9px}
  #slide3 .report-checkins .checkin-explanation{
    height:28px;
    font-size:7.5px;
    padding-top:4px;
  }
}