.word-import-shell-v3 .word-batch-panel,
.word-import-shell-v3 .word-candidate-card,
.word-import-shell-v3 .word-review-panel,
.word-import-shell-v3 .word-doc-panel {
  box-shadow: 0 18px 42px rgba(31, 95, 77, 0.08);
}

.word-import-shell-v3 .word-batch-grid,
.word-import-shell-v3 .word-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.word-import-shell-v3 .word-editor-grid .field.full,
.word-import-shell-v3 .word-batch-panel .word-multi-field,
.word-import-shell-v3 .word-batch-panel .word-derived-field,
.word-import-shell-v3 .word-review-panel .word-multi-field,
.word-import-shell-v3 .word-review-panel .word-derived-field,
.word-import-shell-v3 .word-image-review {
  grid-column: 1 / -1;
}

.word-multi-field,
.word-derived-field,
.word-validation-panel,
.word-image-review {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(31, 95, 77, 0.1);
  background: #fff;
}

.word-multi-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.word-pill-summary {
  color: #6a716c;
  font-size: 12px;
  line-height: 1.6;
  text-align: right;
}

.field-required {
  margin-left: 6px;
  color: #c5662c;
  font-style: normal;
  font-size: 12px;
}

.word-pill-grid,
.word-derived-chips,
.word-validation-list,
.word-validation-inline,
.word-image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.word-pill {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid #dce7df;
  background: #f7fbf9;
  color: #35554b;
  font-size: 12px;
}

.word-pill.is-selected {
  border-color: #1f5f4d;
  background: #edf8f3;
  color: #124336;
  box-shadow: inset 0 0 0 1px rgba(31, 95, 77, 0.18);
}

.word-derived-field > span,
.word-validation-panel .hint-label,
.word-image-review .hint-label {
  color: #5e665f;
  font-size: 13px;
}

.word-validation-item,
.word-validation-inline span,
.word-candidate-meta span,
.word-candidate-warning-list span {
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
}

.word-validation-item,
.word-validation-inline span {
  background: #f5f3ef;
  color: #7b6551;
}

.word-validation-item.is-missing {
  background: rgba(255, 167, 38, 0.14);
  color: #9a5b14;
}

.word-validation-item.is-ready {
  background: rgba(31, 95, 77, 0.12);
  color: #1f5f4d;
}

.word-import-shell-v3 .word-candidate-meta span {
  background: #f4f5f3;
  color: #616864;
}

.word-import-shell-v3 .word-candidate-warning-list span {
  background: rgba(31, 95, 77, 0.08);
  color: #2a5d4d;
}

.word-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.word-image-card {
  overflow: hidden;
  border: 1px solid rgba(31, 95, 77, 0.12);
  border-radius: 18px;
  background: #fdfefd;
}

.word-image-thumb,
.word-image-placeholder {
  width: 100%;
  aspect-ratio: 16 / 10;
  display: block;
  background: linear-gradient(135deg, #f4faf7, #edf5f2);
}

.word-image-thumb {
  object-fit: cover;
}

.word-image-placeholder {
  display: grid;
  place-items: center;
  color: #6a716c;
  font-size: 13px;
  text-align: center;
  padding: 24px;
}

.word-image-meta {
  display: grid;
  gap: 6px;
  padding: 12px 14px 14px;
}

.word-image-meta strong {
  color: #234b40;
  font-size: 13px;
}

.word-image-meta span,
.word-image-empty {
  color: #66706a;
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 900px) {
  .word-import-shell-v3 .word-batch-grid,
  .word-import-shell-v3 .word-editor-grid {
    grid-template-columns: 1fr;
  }

  .word-multi-head {
    flex-direction: column;
  }

  .word-pill-summary {
    text-align: left;
  }
}