/* PMD_NOTIFICATION_FLOOR_RANGE_R41
   A small, brand-specific polish layer for the real Admin shell.
   Staff Note: match the proven Create Table card language, without changing
   posting endpoints, suggestion content or Bootstrap modal lifecycle.
   Floor: restore rounded map boundary and deliberate full/row FLIP motion.
   Sales range: a longer, genuinely labeled days/hours control.
*/
html body #notification-panel #notif-note-btn,
html body #notification-panel #notif-history-link {
  box-sizing:border-box!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;min-width:88px!important;
  max-width:none!important;height:42px!important;min-height:42px!important;
  padding:0 14px!important;margin:0!important;vertical-align:middle!important;
  border:1px solid #c9dce8!important;border-radius:13px!important;
  background:#fff!important;background-image:none!important;color:#173c35!important;
  box-shadow:0 2px 7px rgba(32,64,54,.04)!important;
  font-family:inherit!important;font-size:13px!important;font-weight:800!important;
  line-height:1!important;letter-spacing:0!important;text-transform:none!important;
  text-indent:0!important;text-align:center!important;text-decoration:none!important;
  transform:none!important;transition:background-color .13s ease,border-color .13s ease!important;
}
html body #notification-panel #notif-note-btn:hover,
html body #notification-panel #notif-history-link:hover {
  background:#f2f9f6!important;border-color:#9cbfae!important;
  color:#075c47!important;transform:none!important;
}
html body #notification-panel :is(#notif-note-btn,#notif-history-link):focus-visible {
  outline:2px solid #188266!important;outline-offset:2px!important;
}

/* Match the existing 800px Create Table modal's 16px pale-mint shell. */
html body #addGeneralStaffNoteModal.modal.show,
html body #addGeneralStaffNoteModal.modal.in {
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:14px!important;z-index:2147483600!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
}
html body #addGeneralStaffNoteModal.modal.show[style*="display: block"],
html body #addGeneralStaffNoteModal.modal.in[style*="display: block"] {
  display:flex!important;
}
html body:has(#addGeneralStaffNoteModal.modal.show) > .modal-backdrop,
html body:has(#addGeneralStaffNoteModal.modal.in) > .modal-backdrop {
  z-index:2147483590!important;
  background:#17372f!important;
  opacity:.22!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
html body #addGeneralStaffNoteModal .modal-dialog {
  position:relative!important;display:block!important;
  box-sizing:border-box!important;width:min(760px,calc(100vw - 30px))!important;
  max-width:760px!important;margin:auto!important;
  transform:none!important;transition:none!important;
}
html body #addGeneralStaffNoteModal .modal-content {
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:100%!important;max-height:min(90dvh,850px)!important;overflow:hidden!important;
  border:1px solid rgba(202,222,232,.88)!important;border-radius:16px!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(230,248,237,.70) 0,rgba(230,248,237,0) 33%),
    radial-gradient(circle at 65% 8%,rgba(229,244,252,.58) 0,rgba(229,244,252,0) 31%),
    rgba(252,254,253,.99)!important;
  box-shadow:0 26px 62px rgba(21,49,44,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;
  color:#17372f!important;transform:none!important;animation:none!important;
}
html body #addGeneralStaffNoteModal .modal-header {
  box-sizing:border-box!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;min-height:72px!important;
  gap:18px!important;margin:0!important;padding:21px 28px 13px!important;
  background:transparent!important;border:0!important;
}
html body #addGeneralStaffNoteModal .modal-title {
  color:#113d34!important;font-size:23px!important;font-weight:850!important;
  line-height:1.18!important;letter-spacing:-.022em!important;margin:0!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r41 {
  position:static!important;flex:0 0 40px!important;
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;
  display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  border:1px solid #cfe0ed!important;border-radius:13px!important;
  background:#fff!important;background-image:none!important;color:#153c35!important;
  opacity:1!important;box-shadow:none!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r41::before,
html body #addGeneralStaffNoteModal .pmd-note-close-r41::after {
  content:none!important;display:none!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r41 svg {
  display:block!important;width:20px!important;height:20px!important;
  stroke:currentColor!important;flex:0 0 20px!important;
}
html body #addGeneralStaffNoteModal .pmd-note-close-r41:is(:hover,:focus-visible) {
  border-color:#8fbfac!important;background:#f2f9f6!important;color:#075c47!important;
  outline:2px solid transparent!important;box-shadow:0 0 0 3px rgba(7,92,71,.1)!important;
}
html body #addGeneralStaffNoteModal form#addGeneralStaffNoteForm {
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  min-height:0!important;overflow:hidden!important;margin:0!important;
}
html body #addGeneralStaffNoteModal .modal-body {
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  padding:16px 28px 24px!important;background:transparent!important;color:#17372f!important;
}
html body #addGeneralStaffNoteModal .form-group {margin:0 0 18px!important}
html body #addGeneralStaffNoteModal .form-group:last-child{margin-bottom:0!important}
html body #addGeneralStaffNoteModal label {
  display:block!important;margin-bottom:9px!important;
  color:#28463f!important;font-size:13px!important;font-weight:800!important;
}
html body #addGeneralStaffNoteModal #generalStaffNoteText {
  box-sizing:border-box!important;position:relative!important;display:block!important;
  width:100%!important;height:148px!important;min-height:148px!important;max-height:300px!important;
  padding:14px 16px!important;margin:0!important;resize:vertical!important;
  border:1px solid #c9dce8!important;border-radius:14px!important;background:#fff!important;
  color:#102a43!important;font:inherit!important;font-size:14px!important;
  font-weight:550!important;line-height:1.5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.96)!important;
  outline:0!important;transform:none!important;
}
html body #addGeneralStaffNoteModal #generalStaffNoteText:focus {
  border-color:#348b6f!important;box-shadow:0 0 0 3px rgba(47,134,111,.09)!important;
}
html body #addGeneralStaffNoteModal .form-text {
  margin:9px 0 0!important;color:#6f817d!important;
  font-size:12px!important;font-weight:600!important;line-height:1.5!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-container {
  margin-top:22px!important;padding-top:18px!important;
  border-top:1px solid rgba(205,222,229,.75)!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-container > label {
  color:#28463f!important;font-size:13px!important;font-weight:800!important;
  margin:0 0 10px!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-buttons {
  display:flex!important;gap:9px!important;flex-wrap:wrap!important;
  margin:0!important;padding:0!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-buttons button {
  position:static!important;box-sizing:border-box!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:0!important;min-height:40px!important;
  height:auto!important;padding:9px 13px!important;margin:0!important;
  border:1px solid #cfe0ed!important;border-radius:12px!important;
  background:rgba(249,253,251,.92)!important;color:#28463f!important;
  font-size:12px!important;font-weight:740!important;line-height:1.3!important;
  box-shadow:none!important;transform:none!important;
}
html body #addGeneralStaffNoteModal #note-suggestions-buttons button:is(:hover,:focus-visible) {
  border-color:#8fbfac!important;background:#eaf6ef!important;color:#075c47!important;
  outline:2px solid transparent!important;box-shadow:0 0 0 2px rgba(7,92,71,.08)!important;
}
html body #addGeneralStaffNoteModal .modal-footer {
  flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;
  align-items:center!important;gap:10px!important;min-height:72px!important;
  padding:14px 25px!important;margin:0!important;
  border:0!important;border-top:1px solid rgba(205,222,229,.75)!important;
  background:rgba(255,255,255,.82)!important;border-radius:0 0 16px 16px!important;
}
html body #addGeneralStaffNoteModal .modal-footer :is(.btn-secondary,.btn-primary) {
  position:static!important;box-sizing:border-box!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;gap:9px!important;
  width:auto!important;min-width:126px!important;height:44px!important;min-height:44px!important;
  padding:0 18px!important;margin:0!important;
  border-radius:14px!important;font-size:13px!important;font-weight:820!important;
  line-height:1!important;letter-spacing:0!important;
  transform:none!important;animation:none!important;transition:none!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-secondary {
  border:1px solid #c9dce8!important;background:#fff!important;color:#173c35!important;
  box-shadow:0 2px 7px rgba(32,64,54,.04)!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-secondary:is(:hover,:focus-visible) {
  border-color:#8fbfac!important;background:#f2f9f6!important;color:#075c47!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-primary {
  border:1px solid #064b3c!important;
  background:linear-gradient(180deg,#0b765e,#075c47)!important;
  color:#fff!important;box-shadow:0 9px 20px rgba(7,92,71,.15)!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-primary:is(:hover,:focus-visible) {
  border-color:#064b3c!important;
  background:linear-gradient(180deg,#086c56,#064b3c)!important;color:#fff!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn-primary svg {
  display:block!important;width:19px!important;height:19px!important;flex:0 0 19px!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn:focus-visible {
  outline:2px solid #228a70!important;outline-offset:2px!important;
}
html body #addGeneralStaffNoteModal .modal-footer .btn:disabled{opacity:.55!important;cursor:wait!important}

/* Keep the visible Floor border/corners even though the toolbar is outside
   its box and the root itself must remain overflow:visible. */
html body.pmd-dashboard-lab-page #pmd-r2-shared-floor-canvas-v310 {
  position:relative!important;border:1px solid #c7dced!important;
  border-radius:18px!important;background:#f8fbfd!important;overflow:visible!important;
}
html body.pmd-dashboard-lab-page #pmd-r2-shared-floor-canvas-v310 > .pmd-floor-v1__stage {
  border-radius:17px!important;overflow:hidden!important;
  background:#f8fbfd!important;
}
/* PMD_R42_BLUE_OVERLAY_ROOT_CAUSE:
   pmd-floor-v1-native-smart-v20.css gives .pmd-floor-v1::after a blue
   rgba(38,137,232,.72) alignment-guide background. R41 accidentally
   forced that pseudo-element to cover the whole map. The existing real
   root border and clipped inner stage are the ONLY frame authorities. */
html body.pmd-dashboard-lab-page #pmd-r2-shared-floor-canvas-v310::after {
  content:none!important;
  display:none!important;
  background:transparent!important;
}
html body.pmd-dashboard-lab-page #pmd-r2-shared-floor-canvas-v310 [data-floor-guide] {
  z-index:9!important;
}
/* Explicit user transition ONLY. This rule outranks the later SSR
   one-row refresh stability <style>; no resize/first-paint animation. */
html body.pmd-dashboard-lab-page
#pmd-r2-shared-floor-canvas-v310[data-pmd-floor-user-view-transition="true"]
> .pmd-floor-v1__stage,
html body.pmd-dashboard-lab-page
#pmd-r2-shared-floor-canvas-v310[data-pmd-floor-user-view-transition="true"]
[data-floor-scroll] {
  transition:height 360ms cubic-bezier(.2,.8,.2,1),
    min-height 360ms cubic-bezier(.2,.8,.2,1),
    max-height 360ms cubic-bezier(.2,.8,.2,1)!important;
}

/* The real chart window control: fill the available vertical card space and
   display the actual points/day or hour count, not the word "Range". */
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail {
  position:absolute!important;top:63px!important;bottom:20px!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  display:grid!important;grid-template-rows:42px minmax(0,1fr)!important;
  row-gap:8px!important;align-content:stretch!important;
  width:44px!important;min-width:44px!important;
  padding:7px 5px!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;
  flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:3px!important;width:100%!important;height:42px!important;min-height:42px!important;
  margin:0!important;padding:0!important;
  color:#416158!important;font-size:10px!important;font-weight:800!important;
  white-space:nowrap!important;line-height:1!important;letter-spacing:0!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:block!important;font-size:11px!important;line-height:1!important;
  color:#075c47!important;font-weight:850!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-label small {
  display:block!important;color:#677e77!important;
  font-size:9px!important;font-weight:750!important;line-height:1!important;
}
html body.pmd-dashboard-lab-page
#pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail [data-pmd-lab-range-track] {
  height:100%!important;min-height:0!important;max-height:none!important;
  width:22px!important;justify-self:center!important;align-self:stretch!important;
}
@media(max-width:760px){
  html body #addGeneralStaffNoteModal .modal-dialog{
    width:calc(100vw - 18px)!important;margin:auto!important;
  }
  html body #addGeneralStaffNoteModal .modal-header{padding:16px 18px 10px!important}
  html body #addGeneralStaffNoteModal .modal-title{font-size:20px!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 :is(.btn-secondary,.btn-primary) {
    min-width:0!important;flex:1 1 0!important;padding:0 12px!important;
  }
  html body.pmd-dashboard-lab-page
  #pmd-dashboard-lab-analytics-v1 .pmd-r41-range-rail {
    left:9px!important;top:61px!important;bottom:14px!important;
    width:41px!important;min-width:41px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.pmd-dashboard-lab-page
  #pmd-r2-shared-floor-canvas-v310[data-pmd-floor-user-view-transition="true"]
  > .pmd-floor-v1__stage,
  html body.pmd-dashboard-lab-page
  #pmd-r2-shared-floor-canvas-v310[data-pmd-floor-user-view-transition="true"]
  [data-floor-scroll]{transition:none!important}
}