/* Task 1308 — remove empty legacy inputs; keep existing media safely manageable. */
.operator-topic-update-form .lesson-legacy-media-compat {
  background: rgba(255, 253, 248, .8);
  border: 1px solid rgba(80, 47, 35, .16);
  border-radius: 12px;
  margin-top: 1rem;
  padding: .8rem 1rem;
}

.operator-topic-update-form .lesson-legacy-media-compat summary {
  color: #4f453e;
  cursor: pointer;
  font-weight: 700;
  min-height: 28px;
}

.operator-topic-update-form .lesson-legacy-media-compat summary:focus-visible {
  outline: 2px solid #9a5838;
  outline-offset: 3px;
}

.operator-topic-update-form .lesson-legacy-media-compat > .muted {
  margin: .65rem 0;
}

.operator-topic-update-form .lesson-legacy-media-item {
  background: rgba(249, 245, 238, .78);
  border-radius: 10px;
  display: grid;
  gap: .65rem;
  margin-top: .65rem;
  padding: .8rem;
}

.operator-topic-update-form .lesson-legacy-media-item video {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  display: block;
  max-height: 320px;
  max-width: 100%;
  width: 100%;
}

.operator-topic-update-form .lesson-legacy-media-item input[type="file"] {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 720px) {
  .operator-topic-update-form .lesson-legacy-media-compat {
    padding: .75rem;
  }

  .operator-topic-update-form .lesson-legacy-media-item .btn {
    min-height: 44px;
    text-align: center;
  }
}