/* Private staff quote: a compact summary remains visible while scrolling. */
.dcpf-quote {
  position: fixed;
  z-index: 80;
  right: max(18px, env(safe-area-inset-right));
  bottom: calc(max(18px, env(safe-area-inset-bottom)) + var(--dcpf-keyboard-offset, 0px));
  width: min(280px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 15px 17px 12px;
  border: 1px solid #96baa5;
  border-radius: 14px;
  background: #f6fcf8;
  color: #153b29;
  box-shadow: 0 8px 32px #0b33272e;
  font-family: inherit;
  text-align: left;
}
.dcpf-quote[hidden], .dcpf-quote [hidden] { display: none !important; }
.dcpf-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.dcpf-heading > span { font-size: 12px; line-height: 1.3; font-weight: 650; }
.dcpf-quote .dcpf-toggle, .dcpf-quote .dcpf-adjust {
  flex-shrink: 0;
  width: auto;
  min-height: 32px;
  margin: -5px -4px -5px 0;
  padding: 6px 4px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #315a45;
  text-decoration: underline;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
}
.dcpf-quote .dcpf-toggle:focus-visible, .dcpf-quote .dcpf-adjust:focus-visible { outline: 2px solid #087650; outline-offset: 2px; }
.dcpf-current { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 8px; margin-top: 7px; }
.dcpf-current > strong { grid-column: 1 / -1; font-size: 34px; line-height: 1.15; font-weight: 750; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.dcpf-current > span { font-size: 11px; line-height: 1.4; }
.dcpf-quote .dcpf-adjust { margin: -6px -4px -6px 0; white-space: nowrap; }
.dcpf-quote > p { margin: 8px 0 0; font-size: 11px; line-height: 1.5; color: #536b60; }
.dcpf-needs-checks .dcpf-current > span { color: #75430c; }
.dcpf-quote.dcpf-compact { width: min(250px, calc(100vw - 24px)); padding: 10px 13px; }
.dcpf-compact .dcpf-current { margin-top: 4px; }
.dcpf-compact .dcpf-current > strong { font-size: 28px; }
#staff-root .dcp-host.dcpf-with-quote { padding-bottom: var(--dcpf-quote-space, 170px); }
@media (max-width: 600px) {
  .dcpf-quote {
    right: max(10px, env(safe-area-inset-right));
    bottom: calc(max(10px, env(safe-area-inset-bottom)) + var(--dcpf-keyboard-offset, 0px));
    width: min(260px, calc(100vw - 24px));
    padding: 12px 14px;
  }
  .dcpf-quote .dcpf-toggle, .dcpf-quote .dcpf-adjust { min-height: 36px; padding: 8px 4px; }
  .dcpf-current > strong { font-size: 30px; }
}
@media print { .dcpf-quote { display: none !important; } }