/* V124 Workday full-width source fix */

/* Exact root cause fix: workdayList must behave as a block, not old module-grid. */
#workdayList,
#workdayList.workday-insert-root,
#workdaySection #workdayList{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  grid-template-columns:none!important;
}

/* Workday section should not inherit module grid card width. */
#workdaySection,
#workdaySection.app-section{
  width:100%!important;
  max-width:100%!important;
}

#workdaySection .section-card{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:12px!important;
  border-radius:20px!important;
  overflow:hidden!important;
}

/* Clean duplicate outer heading so Workday does not look like module content stacked above. */
#workdaySection .section-card > .section-head{
  min-height:0!important;
  padding:0!important;
  margin:0 0 8px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}

#workdaySection .section-card > .section-head > div{
  display:none!important;
}

#workdaySection .section-card > .section-head button{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:12px!important;
}

/* Main workday shell full width. */
#workdayList > .workday-v108-academy,
.workday-v108-academy,
.workday-v108-academy.workday-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  align-items:stretch!important;
}

/* Workday hero/header should be full width, not half-left. */
.workday-v108-academy .academy-header{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,36%)!important;
  gap:10px!important;
  padding:11px 12px!important;
  border-radius:18px!important;
}

.workday-v108-academy .academy-header h3{
  font-size:clamp(23px,2.05vw,32px)!important;
  line-height:1.03!important;
  margin:0 0 5px!important;
}

.workday-v108-academy .academy-header > div:first-child > span{
  font-size:12.4px!important;
  line-height:1.32!important;
  max-width:100%!important;
}

/* Summary cards compact. */
.workday-v108-academy .academy-status-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  width:100%!important;
}

.workday-v108-academy .academy-status-grid article{
  min-height:46px!important;
  padding:8px 9px!important;
  border-radius:12px!important;
}

/* Stage rail full-width. */
.workday-v108-academy .academy-rail{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:6px!important;
  padding:6px!important;
  border-radius:16px!important;
}

/* Body full-width; dev tools no longer creates right empty gap. */
.workday-v108-academy .academy-body{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

.workday-v108-academy .academy-stage{
  width:100%!important;
  max-width:100%!important;
}

.workday-v108-academy .academy-side.v118-side-clean{
  width:100%!important;
  max-width:100%!important;
  display:block!important;
}

.workday-v108-academy .academy-side.v118-side-clean .dev-tools{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto auto!important;
  gap:8px!important;
  align-items:center!important;
}

/* Small centered language card inside full-width shell. */
.v118-language-simple{
  width:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
}

.v118-language-card{
  width:min(100%,520px)!important;
  max-width:520px!important;
  margin:0 auto!important;
  text-align:center!important;
  padding:16px!important;
  border-radius:18px!important;
}

/* Time Buy button must look like a separate time action. */
.workday-v108-academy [data-buy-time]{
  background:linear-gradient(135deg,rgba(252,211,77,.24),rgba(245,158,11,.14))!important;
  border:1px solid rgba(252,211,77,.46)!important;
  color:#fff2bd!important;
  box-shadow:0 8px 22px rgba(245,158,11,.14)!important;
}

.workday-v108-academy [data-buy-time]::before{
  content:"⏱ ";
}

/* Make sure Modules content does not bleed into Workday section display. */
body.audit-workday-active #modulesSection.hidden{
  display:none!important;
}

body.audit-workday-active #moduleList.v124-module-list-not-active{
  display:none!important;
}

/* bottom dev helper should stay out of layout */
#v122DevBar{
  z-index:99999!important;
}

/* Mobile */
@media(max-width:1180px){
  .workday-v108-academy .academy-header{
    grid-template-columns:1fr!important;
  }
  .workday-v108-academy .academy-rail{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .workday-v108-academy .academy-side.v118-side-clean .dev-tools{
    grid-template-columns:1fr 1fr!important;
  }
  .workday-v108-academy .academy-side.v118-side-clean .dev-tools span,
  .workday-v108-academy .academy-side.v118-side-clean .developer-employee-select{
    grid-column:1/-1!important;
  }
}

@media(max-width:760px){
  #workdaySection .section-card{
    padding:8px!important;
    border-radius:16px!important;
  }
  .workday-v108-academy .academy-rail{
    grid-template-columns:1fr!important;
  }
  .workday-v108-academy .academy-status-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .v118-language-card{
    width:100%!important;
  }
}