/* PMD_FLOOR_NOTE_RANGE_R42
 * Fix photographed R41 defects without changing the backend, Floor
 * coordinates, reservations, tenancy or the shared admin theme.
 * Every rule is scoped to the actual Owner/Manager Floor or Note surfaces.
 */

/* The notification dropdown is an operational header, not a giant CTA row. */
html body #notification-panel {
  box-sizing:border-box!important;
  width:480px!important;
  max-width:calc(100vw - 28px)!important;
  border:1px solid #dbe8e4!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(13,44,36,.12)!important;
  overflow:hidden!important;
}
html body #notification-panel > .d-flex.border-bottom {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:60px!important;
  padding:11px 16px!important;
  margin:0!important;
  border-color:#e4eeeb!important;
}
html body #notification-panel > .d-flex.border-bottom strong {
  margin:0!important;
  color:#163a31!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body #notification-panel > .d-flex.border-bottom > .d-flex:last-child {
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
html body #notification-panel #notif-note-btn,
html body #notification-panel #notif-history-link {
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex:0 0 88px!important;
  align-items:center!important;
  justify-content:center!important;
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #c9dce8!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  color:#173c35!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  text-indent:0!important;
  transform:none!important;
}
html body #notification-panel #notif-note-btn:is(:hover,:focus-visible),
html body #notification-panel #notif-history-link:is(:hover,:focus-visible) {
  background:#f2f9f6!important;
  border-color:#9cbfae!important;
  color:#075c47!important;
  transform:none!important;
}
html body #notification-panel #notification-empty,
html body #notification-panel #notification-error,
html body #notification-panel #notification-loading {
  min-height:56px!important;
  padding:18px!important;
  color:#657872!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.45!important;
}

/* Note uses the same simple card/surface language as Create Table.
   Avoid .btn-close: older Bootstrap styles hide the R41 SVG on Safari. */
html body #addGeneralStaffNoteModal .modal-dialog {
  box-sizing:border-box!important;
  width:min(710px,calc(100vw - 26px))!important;
  max-width:710px!important;
}
html body #addGeneralStaffNoteModal .modal-content {
  border:1px solid #cfe0ed!important;
  border-radius:16px!important;
  background:#fcfefd!important;
  box-shadow:0 24px 64px rgba(21,49,44,.15)!important;
}
html body #addGeneralStaffNoteModal .modal-header {
  gap:16px!important;
  min-height:68px!important;
  padding:18px 24px 12px!important;
  border:0!important;
  background:transparent!important;
}
html body #addGeneralStaffNoteModal .modal-title {
  color:#113d34!important;
  font-size:22px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r42 {
  position:static!important;
  display:inline-grid!important;
  flex:0 0 38px!important;
  place-items:center!important;
  box-sizing:border-box!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #cfe0ed!important;
  border-radius:12px!important;
  background:#fff!important;
  background-image:none!important;
  color:#173c35!important;
  box-shadow:none!important;
  cursor:pointer!important;
  opacity:1!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r42 > span {
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  color:#173c35!important;
  font-family:Arial,sans-serif!important;
  font-size:27px!important;
  font-weight:400!important;
  line-height:1!important;
  text-indent:0!important;
  text-align:center!important;
  visibility:visible!important;
  opacity:1!important;
  transform:translateY(-1px)!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r42:is(:hover,:focus-visible) {
  background:#f2f9f6!important;
  border-color:#8fbfac!important;
  outline:2px solid #228a70!important;
  outline-offset:2px!important;
}
html body #addGeneralStaffNoteModal .modal-body {
  padding:13px 24px 23px!important;
}
html body #addGeneralStaffNoteModal #generalStaffNoteText {
  min-height:145px!important;
  height:145px!important;
  max-height:270px!important;
  border-radius:14px!important;
  background:#fff!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-container {
  margin-top:18px!important;
  padding-top:15px!important;
  border-top:1px solid #e2ece8!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-buttons button {
  min-height:36px!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  font-weight:700!important;
  transform:none!important;
  box-shadow:none!important;
}
html body #addGeneralStaffNoteModal .modal-footer {
  min-height:68px!important;
  padding:12px 22px!important;
  gap:10px!important;
  background:#fff!important;
  border-top:1px solid #e2ece8!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-secondary,
html body #addGeneralStaffNoteModal .modal-footer #generalStaffNoteSubmitBtn {
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  min-width:126px!important;
  width:auto!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:0 18px!important;
  margin:0!important;
  border-radius:13px!important;
  font-size:13px!important;
  font-weight:820!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
  transform:none!important;
}
html body #addGeneralStaffNoteModal .modal-footer #generalStaffNoteSubmitBtn {
  min-width:144px!important;
  border:1px solid #075c47!important;
  background:#075c47!important;
  color:#fff!important;
}
html body #addGeneralStaffNoteModal .modal-footer #generalStaffNoteSubmitBtn > .pmd-note-save-label-r42 {
  display:inline!important;
  flex:0 0 auto!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  color:#fff!important;
  white-space:nowrap!important;
  font:inherit!important;
  line-height:1!important;
}
html body #addGeneralStaffNoteModal .modal-footer #generalStaffNoteSubmitBtn:is(:hover,:focus-visible) {
  background:#064b3c!important;
  border-color:#064b3c!important;
}

/* PMD_FLOOR_NATIVE_TRANSLATE_R43
   R42's temporary copied table overlay was removed. All Floor controls,
   status colors, IDs and original real table DOM remain visible throughout
   the switch. The actual table's CSS translate is animated in JavaScript.
   Keep the R41 blue pseudo-guide explicitly disabled.
*/
html body.pmd-dashboard-lab-page #pmd-r2-shared-floor-canvas-v310::after {
  content:none!important;
  display:none!important;
  background:transparent!important;
}

/* PMD_R44_DISABLE_STALE_GHOST
   If an older R42 script is still cached for one refresh, do not
   display detached copies with broken circle/number styles. Real
   table elements always remain visible and their saved state is safe. */
html body > .pmd-r42-floor-flight,
html body > .pmd-r42-floor-flight .pmd-r42-floor-ghost {
  display:none!important;
  visibility:hidden!important;
}

/* Range: current real value at the TOP, then one tall bare vertical track.
   No frame, background fill, label caption, card or outer pill. */
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail {
  position:absolute!important;
  left:15px!important;
  top:68px!important;
  bottom:20px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:19px minmax(0,1fr)!important;
  align-content:stretch!important;
  justify-items:center!important;
  row-gap:10px!important;
  width:36px!important;
  min-width:36px!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail > .pmd-r41-range-label {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  width:100%!important;
  min-height:19px!important;
  height:19px!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-label b {
  display:inline!important;
  color:#075c47!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  line-height:1!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-label small {
  display:none!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail [data-pmd-lab-range-track] {
  width:24px!important;
  min-width:24px!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  justify-self:center!important;
  align-self:stretch!important;
}
@media(max-width:760px){
  html body #notification-panel > .d-flex.border-bottom {
    gap:8px!important;
    padding:10px 12px!important;
  }
  html body #notification-panel #notif-note-btn,
  html body #notification-panel #notif-history-link {
    flex:0 0 72px!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    font-size:11px!important;
    padding:0 8px!important;
  }
  html body #addGeneralStaffNoteModal .modal-header {
    padding:16px 18px 10px!important;
  }
  html body #addGeneralStaffNoteModal .modal-body {
    padding:12px 18px 18px!important;
  }
  html body #addGeneralStaffNoteModal .modal-footer {
    padding:12px 16px!important;
  }
  html body #addGeneralStaffNoteModal .modal-footer .btn-secondary,
  html body #addGeneralStaffNoteModal .modal-footer #generalStaffNoteSubmitBtn {
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    padding:0 10px!important;
  }
  html body.pmd-dashboard-lab-page
  #pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail {
    left:11px!important;
    top:65px!important;
    bottom:15px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body > .pmd-r42-floor-flight {display:none!important;}
}