/* PE-Class v1.16.07 test · calendar subject-lesson controls */
.calendarActivityLinkState{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin-top:6px;
  padding:4px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
}
.calendarActivityLinkState.auto{background:#e8f8ef;color:#178455}
.calendarActivityLinkState.manual{background:#fff3d9;color:#9a6514}
.calendarActivityLinkState button{
  border:0;
  border-left:1px solid currentColor;
  padding:0 0 0 8px;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  white-space:nowrap;
}
.calendarSubjectLessonBadge{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  padding:2px 8px;
  border-radius:999px;
  background:#e8f8ef;
  color:#178455;
  font-size:11px;
  font-weight:900;
  vertical-align:middle;
}
.calendarLinkedEditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendarLinkedEditGrid>label{min-width:0}
.calendarLinkedEditGrid select{width:100%;min-width:0}

@media(max-width:768px){
  .calendarActivityLinkState{
    width:100%;
    justify-content:space-between;
    border-radius:10px;
  }
  .calendarLinkedEditGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:390px){
  .calendarLinkedEditGrid{grid-template-columns:1fr}
}