/*
 * E11-1.14 AI right rail final fold and overlap fix.
 * Scope: right-side patient reference and AI assist panels only.
 * It keeps E11-1.12 middle workspace width and prescription detail layout untouched.
 */
:root {
  --e1114-blue: #2563eb;
  --e1114-blue-soft: #eff6ff;
  --e1114-border: #d7e7ff;
  --e1114-border-strong: #bfdbfe;
  --e1114-text: #12324f;
  --e1114-muted: #64748b;
  --e1114-green: #059669;
}

/* Keep only the native buttons produced by spring-workbench.js. */
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e1112-fold-control,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e1112-fold-btn,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e1113-single-fold-btn,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e1113-hidden-duplicate-fold-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e11-panel-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 54px !important;
  height: 32px !important;
  padding: 0 13px !important;
  border: 1px solid var(--e1114-border-strong) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1d4ed8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .e11-panel-toggle:hover {
  background: var(--e1114-blue-soft) !important;
}

/* Right rail cards share a stable box model. */
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Collapsed state: only header remains; no large blank area. */
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.is-collapsed,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.e1114-collapsed,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel[data-e1114-collapsed="true"],
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.is-collapsed,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.e1114-collapsed,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder[data-e1114-collapsed="true"] {
  flex: 0 0 86px !important;
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  padding-bottom: 12px !important;
  overflow: hidden !important;
}

body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.is-collapsed > :not(.clinical-reference-header),
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.e1114-collapsed > :not(.clinical-reference-header),
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.is-collapsed > :not(.ai-assist-header),
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.e1114-collapsed > :not(.ai-assist-header) {
  display: none !important;
}

/* Header rows: compact, single line title, two-line status at most. */
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-header,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-header {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 4 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-header > div,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-header > div {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-header strong,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-header strong {
  display: block !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: var(--e1114-text) !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-header p,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-header p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-width: 205px !important;
  margin: 2px 0 0 !important;
  line-height: 1.45 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-panel.is-collapsed .clinical-reference-header p,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .clinical-reference-panel.e1114-collapsed .clinical-reference-header p,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder.is-collapsed .ai-assist-header p,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder.e1114-collapsed .ai-assist-header p {
  -webkit-line-clamp: 1 !important;
}

/* Expanded patient reference: show the full list inside its own scroll area. */
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.e1114-expanded,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel.is-expanded,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-panel[data-e1114-collapsed="false"] {
  flex: 0 0 auto !important;
  min-height: 128px !important;
  max-height: 36vh !important;
}

body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .clinical-reference-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 5px !important;
  scrollbar-gutter: stable !important;
}

/* Expanded AI: the card contains header/actions/meta and a single internal scroll body. */
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.e1114-expanded,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder.is-expanded,
body.e11-1-14-ai-right-rail-final-fix.e1112-consult-active .e10-flow-side .ai-assist-placeholder[data-e1114-collapsed="false"] {
  flex: 1 1 auto !important;
  min-height: 280px !important;
  max-height: calc(100vh - 196px) !important;
  height: auto !important;
  overflow: hidden !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-actions,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-meta,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-inline-tip,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-error,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-loading-card {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 2 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  margin: 8px 0 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-actions .e10-ai-diagnosis-button {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-actions .iw-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 6px 0 8px !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
  padding: 0 5px 10px 0 !important;
  margin: 0 !important;
  position: relative !important;
  scrollbar-gutter: stable !important;
}

/* Neutralize historical auto-card classes applied to wrappers by E11-1.12. */
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e1112-ai-module-card:not(.e11-ai-module-card) {
  display: block !important;
  position: static !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: normal !important;
  clear: both !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-group {
  display: block !important;
  position: relative !important;
  clear: both !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-group > h5 {
  display: block !important;
  position: static !important;
  clear: both !important;
  margin: 10px 0 8px !important;
  padding: 0 !important;
  color: var(--e1114-text) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-card {
  display: block !important;
  position: relative !important;
  clear: both !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  border: 1px solid #e2ebf6 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(25, 58, 91, 0.05) !important;
  white-space: normal !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-card + .e11-ai-module-card {
  margin-top: 10px !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-head,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-head.compact {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  position: static !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-content-row,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-main-row {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  position: static !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-content {
  display: block !important;
  margin: 0 !important;
  color: #304b65 !important;
  font-size: 12px !important;
  line-height: 1.62 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  overflow: visible !important;
  position: static !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-actions,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-actions-inline {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  position: static !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-accept-button,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-actions .iw-btn,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-actions-inline .iw-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 100px !important;
  min-height: 32px !important;
  white-space: nowrap !important;
  position: static !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-accepted {
  display: block !important;
  width: 100% !important;
  margin-top: 2px !important;
  color: var(--e1114-green) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-align: left !important;
  line-height: 1.45 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-extra-row {
  display: block !important;
  clear: both !important;
  min-height: 0 !important;
  height: auto !important;
  margin-top: 8px !important;
  position: static !important;
  overflow: visible !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-module-detail,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-warning-detail,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-wuyun-card,
body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-boundary {
  display: block !important;
  position: static !important;
  clear: both !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 8px 0 0 !important;
  white-space: normal !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-wuyun-card {
  padding: 10px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 13px !important;
  background: #f8fbff !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder .e11-ai-warning-detail {
  padding: 8px 10px !important;
  border: 1px solid #fde7bd !important;
  border-radius: 10px !important;
  background: #fffaf0 !important;
}

body.e11-1-14-ai-right-rail-final-fix .e10-flow-side .ai-assist-placeholder * {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
