/* Evaluation-station header only. Keep all existing sizing and navigation. */
@layer peLocalTypography {
  body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-launcher-open] {
    border-color: #ddb42a !important;
    background: linear-gradient(180deg, #ffdf67, #f5c944) !important;
    color: #513d00 !important;
    box-shadow: 0 8px 18px rgba(188, 143, 13, .2) !important;
  }
  body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-exit] {
    border-color: #efc4d1 !important;
    background: #fff0f4 !important;
    color: #86455c !important;
    box-shadow: 0 4px 12px rgba(134, 69, 92, .08) !important;
  }
  @media (hover: hover) {
    body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-launcher-open]:hover {
      background: linear-gradient(180deg, #ffe681, #f7cf53) !important;
    }
    body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-exit]:hover {
      background: #ffe5ed !important;
    }
  }
  body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-launcher-open]:focus-visible {
    outline: 3px solid rgba(181, 127, 0, .34) !important;
    outline-offset: 3px !important;
  }
  body #app .classroomFlow[data-classroom-view="station"] > .classroomFlowHead .classroomFlowHeadActions > [data-classroom-exit]:focus-visible {
    outline: 3px solid rgba(134, 69, 92, .36) !important;
    outline-offset: 3px !important;
  }
}