/* 智能写入样式文件：负责 AI 录入页、预览页和手机端确认卡片的展示。 */

.ai-write-page textarea {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 180px;
  padding: 12px 14px;
  box-sizing: border-box;
  border: 1px solid rgba(148, 166, 181, 0.18);
  border-radius: 14px;
  background: rgba(4, 13, 21, 0.76);
  color: #eef4f8;
  resize: vertical;
}

.ai-mode-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.ai-mode-switch .button-secondary.is-active {
  background: linear-gradient(135deg, #0d7f66, #135f74);
  color: #f6fbff;
  border-color: rgba(197, 168, 92, 0.22);
}

.ai-mode-panel {
  display: grid;
  gap: 16px;
}

.ai-mode-panel.is-hidden {
  display: none;
}

.ai-status {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.ai-status--ready {
  background: rgba(24, 101, 75, 0.24);
  color: #9cf0cf;
}

.ai-status--review {
  background: rgba(184, 139, 46, 0.22);
  color: #f1d28c;
}

.ai-status--error {
  background: rgba(161, 64, 64, 0.22);
  color: #ffb9b1;
}

.ai-status--skipped,
.ai-status--duplicate {
  background: rgba(108, 122, 134, 0.22);
  color: #d1dbe2;
}

.ai-checkbox-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ai-checkbox-row input {
  width: 18px;
  min-height: auto;
}

@media (max-width: 768px) {
  .ai-mode-switch {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .ai-write-page textarea {
    min-height: 160px;
  }
}