/* Frame 4 — exact OCR-success bottom sheet from Figma node 1:519. */
html body #recognition-result-sheet.recognition-result-sheet {
  position: fixed !important;
  inset: auto auto 0 50% !important;
  display: none;
  width: min(390px, 100vw) !important;
  height: 504px !important;
  min-height: 504px !important;
  max-height: 504px !important;
  margin: 0 !important;
  padding: 24px 24px 32px !important;
  overflow: hidden !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet[open] {
  display: block;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-content {
  display: flex !important;
  width: 342px !important;
  height: 448px !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 16px 0 !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-check {
  display: grid !important;
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  place-items: center !important;
  margin: 0 0 16px !important;
  border-radius: 50% !important;
  background: #00bc7d !important;
  box-shadow: 0 10px 7.5px rgba(0, 188, 125, 0.3), 0 4px 3px rgba(0, 188, 125, 0.3) !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-check img {
  width: 32px !important;
  height: 32px !important;
}

html body #recognition-result-sheet.recognition-result-sheet h2 {
  display: block !important;
  width: auto !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body #recognition-result-sheet.recognition-result-sheet #recognition-result-message {
  display: block !important;
  width: auto !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  color: #64748b !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet #recognition-result-message strong {
  color: #0f172a !important;
  font-weight: 700 !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-items {
  display: flex !important;
  width: 342px !important;
  height: 216px !important;
  flex: 0 0 216px !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 0 16px !important;
  overflow: hidden !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item {
  display: flex !important;
  width: 342px !important;
  height: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border-radius: 20px !important;
  background: #ecfdf5 !important;
  color: #0f172a !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item::before {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 6px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #00bc7d !important;
  content: "" !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item-title {
  display: block !important;
  width: 286px !important;
  min-width: 0 !important;
  flex: 0 0 286px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item-check {
  display: block !important;
  width: 10px !important;
  height: 16px !important;
  flex: 0 0 10px !important;
  margin: 0 !important;
  color: #009966 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html body #recognition-result-sheet.recognition-result-sheet .recognition-result-more {
  display: block !important;
  width: 342px !important;
  height: 24px !important;
  min-height: 24px !important;
  flex: 0 0 24px !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

html body #recognition-result-sheet.recognition-result-sheet .modal-actions {
  display: block !important;
  width: 342px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #recognition-result-sheet.recognition-result-sheet .modal-actions .btn {
  appearance: none !important;
  display: flex !important;
  width: 342px !important;
  height: 48px !important;
  min-height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #2563eb !important;
  color: #fff !important;
  font-family: "Manrope", sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  box-shadow: 0 10px 7.5px rgba(43, 127, 255, 0.25), 0 4px 3px rgba(43, 127, 255, 0.25) !important;
}

html body #recognition-result-sheet.recognition-result-sheet .modal-actions img {
  width: 16px !important;
  height: 16px !important;
}

html body #recognition-result-sheet.recognition-result-sheet .modal-actions .btn:focus,
html body #recognition-result-sheet.recognition-result-sheet .modal-actions .btn:focus-visible {
  outline: none !important;
}

@media (max-width: 389px) {
  html body #recognition-result-sheet.recognition-result-sheet .recognition-result-content,
  html body #recognition-result-sheet.recognition-result-sheet .recognition-result-items,
  html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item,
  html body #recognition-result-sheet.recognition-result-sheet .recognition-result-more,
  html body #recognition-result-sheet.recognition-result-sheet .modal-actions,
  html body #recognition-result-sheet.recognition-result-sheet .modal-actions .btn {
    width: 100% !important;
  }

  html body #recognition-result-sheet.recognition-result-sheet .recognition-result-item-title {
    width: auto !important;
    flex: 1 1 auto !important;
  }
}