/* Functionality 77 — authoritative Clinical Opportunities layout.
   The worklist is intentionally wider than the viewport and has a real
   horizontal scrollbar. Do not squeeze or hide Status / Action columns. */

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-stats {
  display: none !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-flow {
  margin-bottom: 10px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-panel {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-tabs {
  margin-bottom: 10px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-toolbar {
  display: grid !important;
  grid-template-columns: minmax(280px, 1.4fr) minmax(180px, .8fr) 150px 150px auto !important;
  gap: 8px !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-toolbar input,
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-toolbar select {
  min-width: 0 !important;
  width: 100% !important;
}


/* Always-visible top scrollbar. The worklist is not resized to the viewport. */
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-scrollbar-top {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 18px !important;
  overflow-x: scroll !important;
  overflow-y: hidden !important;
  margin: 4px 0 6px !important;
  scrollbar-gutter: stable !important;
}
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-scrollbar-top-inner {
  width: 1460px !important;
  min-width: 1460px !important;
  height: 1px !important;
}
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-scrollbar-top::-webkit-scrollbar {
  height: 14px !important;
}
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-scrollbar-top::-webkit-scrollbar-track {
  background: #eef4f3 !important;
  border-radius: 999px !important;
}
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-scrollbar-top::-webkit-scrollbar-thumb {
  background: #5f9691 !important;
  border: 3px solid #eef4f3 !important;
  border-radius: 999px !important;
}

/* This is the actual scrolling viewport. */
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: scroll !important;
  overflow-y: visible !important;
  padding-bottom: 9px !important;
  scrollbar-gutter: stable !important;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll::-webkit-scrollbar {
  height: 14px;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll::-webkit-scrollbar-track {
  background: #eef4f3;
  border-radius: 999px;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll::-webkit-scrollbar-thumb {
  background: #7ca8a4;
  border: 3px solid #eef4f3;
  border-radius: 999px;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll::-webkit-scrollbar-thumb:hover {
  background: #4f8d88;
}

/* Header and rows use exactly the same fixed desktop grid. The deliberate
   min-width creates horizontal overflow instead of shrinking readable text. */
body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-columns,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-row {
  display: grid !important;
  width: 1400px !important;
  min-width: 1400px !important;
  max-width: 1400px !important;
  grid-template-columns: 55px 150px 285px 660px 95px 118px !important;
  gap: 7px !important;
  box-sizing: border-box !important;
}

body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-columns {
  padding: 0 7px 8px !important;
  margin-top: 8px !important;
  color: #506b70 !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .035em !important;
  border-bottom: 1px solid #dfe9e7 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-row {
  padding: 9px 7px !important;
  align-items: stretch !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-priority,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-patient,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-opportunity,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-pathway,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-status,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-actions {
  grid-column: auto !important;
  min-width: 0 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-row strong {
  color: #123941 !important;
  font-size: 12px !important;
  line-height: 1.24 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-row span,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-row small {
  color: #405e64 !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-opportunity > strong,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-patient > strong {
  font-size: 12.5px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-pathway {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check {
  min-width: 0 !important;
  min-height: 86px !important;
  padding: 9px 10px !important;
  border-radius: 7px !important;
  cursor: pointer !important;
  overflow-wrap: anywhere !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check-label {
  display: block !important;
  margin: 0 0 4px !important;
  color: #47656b !important;
  font-size: 8px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check > strong {
  color: #123941 !important;
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check-summary {
  display: block !important;
  margin-top: 5px !important;
  color: #264c54 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
}

/* Detail is created only after the user clicks the box. */
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check-detail {
  display: block !important;
  margin-top: 7px !important;
  padding-top: 6px !important;
  border-top: 1px solid rgba(55, 90, 93, .14) !important;
  color: #294b53 !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-check-source,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-resolution-link,
body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-resolution-note {
  font-size: 9.5px !important;
  line-height: 1.2 !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-status {
  width: 90px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 5px !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-status-badge {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 5px 6px !important;
  border-radius: 6px !important;
  background: #e7f2f8 !important;
  color: #246788 !important;
  font-size: 9px !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  text-align: left !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-status small {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  color: #49656c !important;
  font-size: 9px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-actions {
  width: 112px !important;
  display: grid !important;
  gap: 5px !important;
  align-content: start !important;
}

body.clinical-opportunities-active #page-clinical-opportunities #opportunity-queue .opportunity-report-actions button {
  width: 100% !important;
  min-width: 0 !important;
  padding: 7px 6px !important;
  font-size: 10.5px !important;
  line-height: 1.12 !important;
  border-radius: 6px !important;
}

@media screen and (max-width: 900px) {
  body.clinical-opportunities-active #page-clinical-opportunities .opportunity-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
  }
}

@media print {
  body.clinical-opportunities-active #page-clinical-opportunities .opportunity-report-scroll {
    overflow: visible !important;
    padding-bottom: 0 !important;
  }
}