/* First-batch functional presentation only: preserve existing product theme. */
body[data-active-panel="learning-records"] #personalLearningRecordsBoard {
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 0 48px;
}
#personalLearningRecordsBoard details, #personalProjectAssetsBoard details,
.recruiter-profile-abilities details { margin-top: 12px; overflow-wrap: anywhere; }
#personalLearningRecordsBoard summary, #personalProjectAssetsBoard summary,
.recruiter-profile-abilities summary { cursor: pointer; color: var(--hw-primary, #3267e9); }
.xiaowen-final-coach__card p { line-height: 1.7; overflow-wrap: anywhere; }
.xiaowen-final-coach__card button:disabled { opacity: .55; cursor: default; }
/* A training session owns its flow row. Do not reuse the interview's hidden row. */
html:not(.react-student-embedded) body[data-active-panel="interview"][data-interview-session-kind="engineering-training"].interview-meeting-active #interviewStudio#interviewStudio {
  grid-template-rows: 64px auto minmax(0, 1fr) !important;
}
html:not(.react-student-embedded) body[data-active-panel="interview"][data-interview-session-kind="engineering-training"].interview-meeting-active #interviewStudio#interviewStudio > #engineeringTrainingFlow:not([hidden]) {
  display: grid !important;
  grid-row: 2 !important;
  position: relative !important;
  margin: 0 !important;
  min-height: 0 !important;
}
html:not(.react-student-embedded) body[data-active-panel="interview"][data-interview-session-kind="engineering-training"].interview-meeting-active #interviewStudio#interviewStudio > .interview-main-dashboard {
  grid-row: 3 !important;
}

/* Hidden agent sections must not shift the flexible row onto action buttons. */
html:not(.react-student-embedded) body #companionPanel .companion-agent-workspace {
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto !important;
}
html:not(.react-student-embedded) body #companionPanel .companion-agent-workspace > * {
  flex-shrink: 0;
}
html:not(.react-student-embedded) body #companionPanel #companionMessages.companion-messages {
  flex: 1 1 96px !important;
  align-content: start !important;
  gap: 8px !important;
}
html:not(.react-student-embedded) body #companionPanel #companionActions button {
  min-height: 44px !important;
  height: auto !important;
  padding: 10px 12px !important;
}