/* V1452.5 — targeted fixes for screenshots/video captured 22 October 2026.
   No data or authorization behaviour is encoded in this stylesheet. */
@media (max-width:1023px) {
  /* Day cards on staff and admin roster share the same independent card model.
     Remove the inherited separator that looks like the dates are joined. */
  html body.ww-roster-active #page .ww521-roster-controls .rst-days,
  html body.ww-roster-active #page .ww522-roster-controls .rst-days,
  html body.ww-roster-active #page .ww521-roster-controls .rst-days-admin {
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  html body.ww-roster-active #page .ww521-roster-controls .rst-days::before,
  html body.ww-roster-active #page .ww521-roster-controls .rst-days::after,
  html body.ww-roster-active #page .ww522-roster-controls .rst-days::before,
  html body.ww-roster-active #page .ww522-roster-controls .rst-days::after {content:none!important;display:none!important;}
  html body.ww-roster-active #page .ww521-roster-controls .rst-day,
  html body.ww-roster-active #page .ww522-roster-controls .rst-day {
    box-sizing:border-box!important;
    min-width:0!important;
    margin:0!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    padding:7px 1px 5px!important;
    border-radius:12px!important;
    border:1px solid #d6ded4!important;
    box-shadow:none!important;
    background:#fffdf8!important;
    position:relative!important;
    isolation:isolate!important;
  }
  html body.ww-roster-active #page .ww521-roster-controls .rst-day.sel,
  html body.ww-roster-active #page .ww522-roster-controls .rst-day.sel {
    background:#2e6045!important;border-color:#2e6045!important;color:#fff!important;
  }
  html body.ww-roster-active #page .ww521-roster-controls .rst-day.sel :is(.rd-dow,.rd-num),
  html body.ww-roster-active #page .ww522-roster-controls .rst-day.sel :is(.rd-dow,.rd-num) {color:#fff!important;-webkit-text-fill-color:#fff!important;}
  html body.ww-roster-active #page .ww521-roster-controls .rst-day.today:not(.sel),
  html body.ww-roster-active #page .ww522-roster-controls .rst-day.today:not(.sel) {
    outline:2px solid #4e9274!important;outline-offset:-2px!important;
  }
  html body.ww-roster-active #page .ww521-roster-controls.is-employee .rst-day-head,
  html body.ww-roster-active #page .ww522-roster-controls.is-employee .rst-day-head {
    margin:11px 0 0!important;padding:8px 0 1px!important;
    border:0!important;border-top:0!important;box-shadow:none!important;
    background:transparent!important;
  }
  html body.ww-roster-active #page .ww521-roster-controls.is-employee .rst-day-head::before,
  html body.ww-roster-active #page .ww521-roster-controls.is-employee .rst-day-head::after {content:none!important;display:none!important;}
  /* Bottom dock retains its existing size; current tab has a gold label only. */
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active) {
    position:relative!important;
    border-radius:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(226,234,220,.70)!important;
  }
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active) .wwnav-lbl {
    color:#f1cb74!important;-webkit-text-fill-color:#f1cb74!important;
    background:transparent!important;font-weight:750!important;
  }
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active) :is(.wwnav-ic,.wwnav-ic svg) {
    color:rgba(226,234,220,.70)!important;
    stroke:currentColor!important;background:transparent!important;
  }
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active)::before,
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active)::after {
    content:none!important;display:none!important;
  }
  html body #app nav.wwnav .wwnav-item:focus-visible {
    outline:2px solid #ffdfa0!important;outline-offset:-2px!important;
  }
  /* Top Bookings actions are two aligned independent buttons, not a bulky bar. */
  html body #page .bookings-page .v919-booking-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:stretch!important;
    padding:8px!important;gap:8px!important;
    margin:0 0 10px!important;
    border-radius:13px!important;
    border:1px solid rgba(29,69,45,.12)!important;
    background:#fdfcf8!important;
    box-shadow:none!important;
  }
  html body #page .bookings-page .v919-booking-actions .btn {
    box-sizing:border-box!important;width:100%!important;min-width:0!important;
    height:43px!important;min-height:43px!important;
    padding:7px 5px!important;gap:5px!important;
    font-size:12px!important;line-height:1.15!important;
    border-radius:9px!important;box-shadow:none!important;
  }
  html body #page .bookings-page .v919-booking-actions .btn.btn-primary{background:#2d6546!important;color:#fff!important;}
  html body #page .bookings-page .v919-booking-actions .btn.btn-soft{background:#eef3e9!important;color:#2b5d42!important;border:1px solid #dae4d5!important;}

  /* The V1394 bookings theme uses seven repeated #app selectors; match that
     context so its oversized folder buttons cannot override the final layout. */
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v919-booking-actions {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;padding:8px!important;margin:0 0 10px!important;
    background:#fdfcf8!important;border:1px solid #dfe7dc!important;
    border-radius:13px!important;box-shadow:none!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v919-booking-actions .btn {
    width:100%!important;min-width:0!important;height:43px!important;min-height:43px!important;
    padding:7px 5px!important;gap:5px!important;border-radius:9px!important;
    font:750 12px/1.15 system-ui,sans-serif!important;box-shadow:none!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v919-booking-actions .btn.btn-primary{background:#2d6546!important;color:#fff!important;}
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v919-booking-actions .btn.btn-soft{background:#eef3e9!important;color:#2b5d42!important;border:1px solid #dae4d5!important;}
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter-row,
  html body #page .bookings-page .v213-filter-row {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-rows:minmax(43px,auto)!important;align-items:stretch!important;
    gap:6px!important;overflow:visible!important;width:100%!important;
    margin:0!important;padding:0!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter,
  html body #page .bookings-page .v213-filter-row .v213-filter {
    display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;
    gap:4px!important;width:100%!important;min-width:0!important;
    min-height:43px!important;height:auto!important;
    padding:6px 3px!important;border-radius:9px!important;
    background:#fff!important;border:1px solid #dce5dc!important;
    color:#4b6356!important;box-shadow:none!important;
    font:650 10px/1.12 system-ui,sans-serif!important;
    text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
  }
  html.er1394-refined body #app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter b,
  html body #page .bookings-page .v213-filter-row .v213-filter b {
    flex:0 0 auto!important;min-width:16px!important;padding:2px 3px!important;
    border-radius:6px!important;background:#ecf1ec!important;color:#2c5840!important;
    font:750 10px/1.2 system-ui,sans-serif!important;
  }
  html.er1394-refined body #app#app#app#app#app#app#app #page .bookings-page.v213-bookings.er1394-bookings .v213-filter.active,
  html body #page .bookings-page .v213-filter-row .v213-filter.active {
    background:#e7f2e8!important;border-color:#80a98e!important;
    color:#20563a!important;box-shadow:inset 0 0 0 1px #c3deca!important;
  }
  html body #page .bookings-page .v213-stats {gap:7px!important;margin-bottom:10px!important;}
  html body #page .bookings-page .v213-toolbar {margin-top:0!important;}
}
@media(max-width:360px) {
  html body #app nav.wwnav .wwnav-item:is(.active,.is-active){border-radius:8px!important;}
  html body.ww-roster-active #page .ww521-roster-controls .rst-days,
  html body.ww-roster-active #page .ww522-roster-controls .rst-days{gap:4px!important;}
}

/* V1452.6: wrapper-independent mobile rules */
@media(max-width:1023px){
body.ww-roster-active #page .rst-days,body.ww-roster-active #page .rst-days-admin{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;border-bottom:0!important;box-shadow:none!important;background:transparent!important;padding-bottom:0!important}
body.ww-roster-active #page .rst-days::after,body.ww-roster-active #page .rst-days-admin::after{display:none!important;content:none!important}
body.ww-roster-active #page .rst-days .rst-day,body.ww-roster-active #page .rst-days-admin .rst-day{min-width:0!important;box-shadow:none!important;border-radius:12px!important}
#app .wwnav .wwnav-item.is-active,#app .wwnav .wwnav-item.active{background:transparent!important;color:rgba(226,234,220,.70)!important;border-radius:0!important;outline:0!important;box-shadow:none!important;border:0!important}
#app .wwnav .wwnav-item.is-active .wwnav-lbl,#app .wwnav .wwnav-item.active .wwnav-lbl{color:#f1cb74!important;-webkit-text-fill-color:#f1cb74!important;font-weight:750!important}
#page .bookings-page .v213-filter-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
#page .bookings-page .v213-filter-row .v213-filter{width:100%!important;min-width:0!important;white-space:normal!important;padding:7px 3px!important;min-height:43px!important}
}