#ops-pane-qcportal { font-size: var(--fs-body); color: var(--motm-grey-900); }


.qcp-empty { padding: 26px 18px; text-align: center; color: var(--motm-grey-700); }
.qcp-empty .h { font: 600 15px Fraunces, Georgia, serif; color: var(--canopy); }
.qcp-empty .b { font-size: var(--fs-micro); line-height: 1.55; margin-top: 6px;
  max-width: 68ch; margin-left: auto; margin-right: auto; }
.qcp-empty code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #306844; }









.qcp-room { background: var(--bg, #f7f8f7); }

.qcp-room-bar {
  flex: 0 0 auto; display: flex; align-items: center; gap: 9px;
  padding: 14px 24px 12px 152px;                 
  border-bottom: 1px solid var(--motm-grey-300); background: #fff;
}


.qcp-crumb {
  display: inline-flex; align-items: center; gap: 6px;
  font: 600 var(--fs-label) Inter, system-ui, sans-serif;
  color: var(--canopy, #1e3b2f); background: transparent;
  border: 1px solid var(--motm-grey-300); border-radius: 8px;
  padding: 6px 12px; cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}
.qcp-crumb:hover { background: var(--motm-grey-100, #f1f3f2); border-color: var(--canopy, #1e3b2f); }
.qcp-crumb:focus-visible { outline: 2px solid var(--canopy, #1e3b2f); outline-offset: 2px; }
.qcp-crumb-ar { font-size: 16px; line-height: 1; }
.qcp-crumb-sep { color: var(--motm-grey-400, #9aa39b); font-size: var(--fs-label); }
.qcp-crumb-here { font: 700 var(--fs-label) Inter, system-ui, sans-serif; color: var(--motm-grey-700); }

.qcp-room-esc {
  margin-left: auto; font: 400 var(--fs-micro) Inter, system-ui, sans-serif;
  color: var(--motm-grey-500, #6b7280);
}


.qcp-room-scroll {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 20px 24px 40px;
}

@media (max-width: 780px) {
  
  .qcp-room-bar { padding: 56px 16px 12px 16px; flex-wrap: wrap; }
  .qcp-room-esc { margin-left: 0; flex: 1 0 100%; }
  .qcp-room-scroll { padding: 16px 16px 32px; }
}