/* 审核备注完整显示；操作紧跟描述，空间不足时自然换行。 */
.mx-hist-card-song .mx-hist-card-exception {
  grid-column: 1 / -1;
  display: block;
  min-width: 0;
  max-height: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  line-height: 1.8;
}

.mx-hist-card-exception-text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

/* 审核备注与操作并排，文字只占剩余空间。 */
.mx-hist-card-song .mx-hist-card-exception.mx-hist-exception-with-actions {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.mx-hist-exception-with-actions .mx-hist-card-exception-text {
  flex: 1 1 0;
  min-width: 0;
}

.mx-hist-exception-with-actions .mx-hist-exception-actions {
  flex: 0 0 auto;
  margin: 0 0 0 auto;
}

@media (max-width: 600px) {
  .mx-hist-card-song .mx-hist-card-exception.mx-hist-exception-with-actions {
    flex-wrap: wrap;
  }

  .mx-hist-exception-with-actions .mx-hist-card-exception-text {
    flex-basis: 100%;
  }
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-handle-btn {
  display: inline-flex;
  width: auto;
  min-height: 32px;
  margin: 4px 0 4px 12px;
  padding: 4px 14px;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #082f49;
  background: #38bdf8;
  border: 1px solid #7dd3fc;
  border-radius: 8px;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-handle-btn:hover {
  background: #7dd3fc;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-handle-btn.is-handled {
  color: #99f6e4;
  background: #134e4a;
  border-color: #2dd4bf;
}

/* 立即处理 / 忽略 并排显示，跟随审核备注换行。 */
.mx-hist-exception-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 4px 12px;
  vertical-align: middle;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-exception-actions .mx-hist-handle-btn {
  margin: 0;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-process-btn {
  display: inline-flex;
  width: auto;
  min-height: 32px;
  padding: 4px 14px;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  color: #052e16;
  background: #4ade80;
  border: 1px solid #86efac;
  border-radius: 8px;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-process-btn:hover {
  background: #86efac;
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-process-btn:focus-visible {
  outline: 2px solid #dcfce7;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .mx-hist-card-song .mx-hist-card-exception .mx-hist-process-btn {
    min-height: 40px;
  }
}

.mx-hist-card-song .mx-hist-card-exception .mx-hist-handle-btn:focus-visible {
  outline: 2px solid #e0f2fe;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .mx-hist-card-song .mx-hist-card-exception .mx-hist-handle-btn {
    min-height: 40px;
  }
}