/* Final UI overrides loaded after the main stylesheet. */

.interactive-check-card {
  width: min(520px, 92%) !important;
  min-height: 0 !important;
  max-height: calc(100vh - 140px) !important;
  display: block !important;
  grid-template-columns: none !important;
  padding: 18px 20px 20px !important;
  overflow-y: auto;
}

.interactive-check-card .interactive-check-preview {
  display: none !important;
}

.interactive-check-card .inspection-modal-tag,
.interactive-check-card h3,
.interactive-check-card p,
.interactive-check-card .interactive-check-options,
.interactive-check-card .feedback,
.interactive-check-card .interactive-check-submit {
  grid-column: auto;
}

.interactive-check-card .inspection-modal-tag {
  display: none !important;
}

.interactive-check-card h3 {
  margin: 0 0 14px !important;
  font-size: 18px !important;
}

.interactive-check-card p,
.interactive-check-card .interactive-check-observation {
  display: none !important;
}

.interactive-check-card .interactive-check-options {
  margin-top: 0 !important;
  gap: 10px !important;
}

.interactive-check-card .interactive-check-option {
  min-height: 46px !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
}

.interactive-check-card .interactive-check-submit {
  width: 100% !important;
  height: 46px !important;
  margin-top: 14px !important;
  border-radius: 8px !important;
}

.interactive-check-card .inspection-modal-close {
  top: 10px !important;
  right: 10px !important;
}