/* V1413 — Next Shift is a dedicated dashboard summary, not a roster card.
   This stylesheet changes this single panel only. All normal roster cards and
   all upcoming-shift cards keep their existing styling. */
html body #app .hm .er1413-next-panel{
  margin:7px 0 9px!important;padding:0!important;
  background:#fffdfa!important;border:1px solid #d9e4d8!important;
  border-top:3px solid #4c8965!important;border-radius:17px!important;
  box-shadow:0 8px 18px rgba(30,55,36,.065)!important;
  overflow:hidden!important;display:block!important;width:100%!important;box-sizing:border-box!important;
}
html body #app .er1413-next-panel .er1413-next-heading{
  padding:12px 15px 7px!important;display:flex!important;justify-content:space-between!important;
  align-items:center!important;gap:10px!important;
}
html body #app .er1413-next-panel .er1413-next-title{
  font-size:13px!important;font-weight:850!important;color:#2b593c!important;
  line-height:1.2!important;letter-spacing:0!important;
}
html body #app .er1413-next-panel .er1413-next-day{
  flex-shrink:0!important;background:#eaf2e9!important;color:#3d7351!important;
  border-radius:999px!important;padding:5px 10px!important;font-size:10px!important;
  font-weight:800!important;line-height:1.2!important;
}
html body #app .er1413-next-panel .er1413-next-detail{padding:0 15px!important;min-width:0!important}
html body #app .er1413-next-panel .er1413-next-line{display:flex!important;gap:8px!important;align-items:center!important;justify-content:space-between!important}
html body #app .er1413-next-panel .er1413-next-line h3{
  color:#1e3329!important;font-size:19px!important;line-height:1.16!important;
  font-weight:800!important;letter-spacing:-.025em!important;margin:0!important;
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html body #app .er1413-next-panel .er1413-next-state{
  display:inline-flex!important;align-items:center!important;flex-shrink:0!important;
  border-radius:999px!important;padding:5px 9px!important;background:#e7f1e8!important;
  color:#346747!important;font-size:10px!important;font-weight:800!important;
}
html body #app .er1413-next-panel .er1413-next-state.declined{background:#f8e8e5!important;color:#944b3e!important}
html body #app .er1413-next-panel .er1413-next-state.awaiting{background:#f8f0df!important;color:#84662d!important}
html body #app .er1413-next-panel .er1413-next-address{
  margin-top:4px!important;font-size:11.2px!important;font-weight:500!important;
  line-height:1.3!important;color:#778378!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
html body #app .er1413-next-panel .er1413-next-schedule{
  margin:11px 0 0!important;padding:10px 11px!important;border-radius:11px!important;
  background:#f1f5ef!important;border:1px solid #e2e9df!important;
  display:flex!important;align-items:center!important;gap:10px!important;
}
html body #app .er1413-next-panel .er1413-next-clock{
  width:30px!important;height:30px!important;display:grid!important;place-items:center!important;
  border-radius:9px!important;flex:0 0 30px!important;background:#e0eae0!important;
  color:#3b704b!important;font-size:20px!important;line-height:1!important;
}
html body #app .er1413-next-panel .er1413-next-time{
  flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;
}
html body #app .er1413-next-panel .er1413-next-time strong{
  color:#2d523a!important;font-size:14px!important;font-weight:850!important;line-height:1.2!important;
}
html body #app .er1413-next-panel .er1413-next-time small{
  color:#758177!important;font-size:10px!important;line-height:1.2!important;
}
html body #app .er1413-next-panel .er1413-next-duration{
  flex:0 0 auto!important;color:#466c4d!important;font-size:10.5px!important;
  font-weight:800!important;padding:5px 8px!important;border-radius:999px!important;
  background:#fff!important;border:1px solid #dbe6d9!important;
}
html body #app .er1413-next-panel .er1413-next-actions{
  display:grid!important;grid-template-columns:1.15fr 1fr!important;gap:7px!important;
  padding:11px 15px 13px!important;margin:0!important;
}
html body #app .er1413-next-panel .er1413-next-actions button{
  min-height:41px!important;height:41px!important;min-width:0!important;
  border-radius:11px!important;font-size:11.2px!important;font-weight:850!important;
  padding:0 8px!important;border:1px solid #d3e1d4!important;
  color:#2b593e!important;background:#edf3ea!important;
  white-space:nowrap!important;display:flex!important;align-items:center!important;
  justify-content:center!important;gap:4px!important;
}
html body #app .er1413-next-panel .er1413-next-actions button.primary{
  color:#fff!important;background:#285c40!important;border-color:#285c40!important;
}
@media(max-width:350px){
 html body #app .er1413-next-panel .er1413-next-actions{padding-left:11px!important;padding-right:11px!important;gap:6px!important}
 html body #app .er1413-next-panel .er1413-next-actions button{font-size:10.2px!important}
 html body #app .er1413-next-panel .er1413-next-line h3{font-size:16px!important}
}