/* 视频库、平台设置、新建课程，以及目录页管理入口。 */

.vc-catalog__admin {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 28px;
}

.vc-platform {
  --vc-text: #1a1a1a;
  --vc-text-2: #5c5c5c;
  --vc-line: #e6e6e6;
  --vc-card: #fff;
  --vc-accent: #3370ff;
  max-width: 880px;
  margin: 0 auto;
  padding: 28px 8px 64px;
  color: var(--vc-text);
}

.theme--dark .vc-platform {
  --vc-text: #e6edf3;
  --vc-text-2: #8b949e;
  --vc-line: #30363d;
  --vc-card: #161b22;
}

.vc-platform__back {
  display: inline-block;
  margin-bottom: 16px;
  color: var(--vc-text-2);
  text-decoration: none;
}

.vc-platform h1 {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 600;
}

.vc-platform__lede {
  margin: 0 0 24px;
  color: var(--vc-text-2);
  line-height: 1.6;
}

.vc-platform form,
.vc-platform__card {
  display: grid;
  gap: 14px;
  padding: 20px;
  background: var(--vc-card);
  border: 1px solid var(--vc-line);
  border-radius: 12px;
}

.vc-platform label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
}

.vc-platform input,
.vc-platform textarea,
.vc-platform select {
  font: inherit;
  font-weight: 400;
  width: 100%;
  box-sizing: border-box;
}

.vc-platform__actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.vc-platform__msg {
  color: var(--vc-text-2);
  font-size: 13px;
}

.vc-platform__msg.is-err { color: #cf222e; }
.vc-platform__msg.is-ok { color: #1a7f37; }

.vc-lib-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 14px 0;
  border-top: 1px solid var(--vc-line);
}

.vc-lib-title {
  font-weight: 600;
}

.vc-lib-meta,
.vc-lib-uses {
  margin: 4px 0 0;
  color: var(--vc-text-2);
  font-size: 13px;
  line-height: 1.5;
}

.vc-lib-ops {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.vc-platform__upload {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}