/* 选项行、按钮行、视频卡片来自 assets/common.css，这里只补本页特有的东西 */
.input-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
}

.input-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
}

.input-line label {
  flex: 0 0 auto;
  white-space: nowrap;
}

.short-input {
  width: 9rem;
  font-size: 0.8rem;
  color: #4f586b;
  border-radius: 8px;
  border: 1px solid #ced4da;
  padding: 6px;
}

/* 辅助操作做成描边样式，别和「开始跨房连麦」抢主色 */
.btn-outline {
  background-color: #ffffff;
  border-color: #1c66e5;
}

.btn-outline .btn-text {
  color: #1c66e5;
}

.btn-outline:hover {
  background-color: #f2f5fc;
  border-color: #1c66e5;
}

.btn-outline:disabled {
  background-color: #f2f5fc;
  border-color: #ced4da;
}

.btn-outline:disabled .btn-text {
  color: #b6bbc6;
}

.option-container {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin: 12px 0;
}

.option-item {
  display: flex;
  align-items: center;
}

.option-item label {
  margin-left: 6px;
}

.status-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 6px;
  font-size: 0.85rem;
  color: #4f586b;
}

.status-dot {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #b6bbc6;
}

.status-line.linked .status-dot {
  background-color: #52c41a;
}

.status-line.linked #cross-room-status-text {
  color: #237804;
}