.library-material-bar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 18px; }
.library-material-bar select { min-height: 44px; max-width: 320px; padding: 0 12px; border: 1px solid #e3e5ea; border-radius: 12px; background: #fff; font: inherit; }
.library-material-list { display: grid; gap: 12px; }
.library-material-card { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding: 16px 18px; border: 1px solid #e9ebef; border-radius: 16px; background: #fff; }
.library-material-card__copy { flex: 1 1 320px; min-width: 0; }
.library-material-card__copy strong { display: block; margin-bottom: 4px; }
.library-material-card__copy p { margin: 0; color: #6b7280; font-size: 14px; }
.library-material-card__tag { display: inline-block; margin-top: 8px; padding: 2px 10px; border-radius: 999px; background: #f3f4f6; font-size: 12px; color: #4b5563; }
.library-material-card__actions { display: flex; flex-wrap: wrap; gap: 8px; }
#library-material-more { margin-top: 16px; }
.library-trajectory-programs { margin-top: 10px; }
.library-trajectory-programs summary { cursor: pointer; font-weight: 600; }
.library-trajectory-programs ol { margin: 8px 0 0; padding-left: 20px; }
.library-trajectory-programs li { margin: 4px 0; }
.library-trajectory-programs span { color: #6b7280; }
#library-program-list, #library-program-empty, #library-program-count { display: none !important; }

/* Валерия 3394038, 3394386: единый вид действий в строках урока и раздела (вкладка «Состав») */
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .button,
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .icon-action {
  box-sizing: border-box; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center;
  width: auto; min-width: 0; height: 36px; min-height: 36px; margin: 0; padding: 0 14px;
  border: 1px solid #e3e5e8; border-radius: 10px; color: #3b4047; background: #fff;
  font-size: 13px; font-weight: 700; line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer;
}
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .icon-action:hover { color: #2d2f33; border-color: #cfd3d8; background: #f5f6f7; }
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > :is(.lesson-content-button, .button--soft) { color: #6e5200; border-color: #f0d777; background: #fff5c7; }
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > :is(.lesson-content-button, .button--soft):hover { color: #2d2f33; background: #ffedaa; }
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .icon-action--danger { color: #b3261e; border-color: #f1c0bc; background: #fff4f3; }
#edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .icon-action--danger:hover { color: #fff; border-color: #c62828; background: #c62828; }
.is-workflow-readonly #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > button { color: #767d86; border-color: #e6e8ea; background: #f3f4f5; cursor: not-allowed; }
@media (max-width: 760px) {
  #edit-outline .edit-chapter-card__head .edit-row-actions { grid-column: 1 / -1; }
  #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions { justify-content: flex-start; }
}
@media (max-width: 480px) {
  #edit-outline .edit-lesson-row { grid-template-columns: 30px minmax(0, 1fr); }
  #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > :last-child:nth-child(odd) { grid-column: 1 / -1; }
  #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .button,
  #edit-outline :is(.edit-lesson-row, .edit-chapter-card__head) .edit-row-actions > .icon-action { width: 100%; padding: 0 8px; }
}
