/* PINOSS Azure OCR UI v1 */
.gocr-result{
  margin-top:14px;
  padding:16px;
  border:1px solid #f1d3dc;
  border-radius:16px;
  background:#fffafb;
}
.gocr-result[hidden]{display:none!important}
.gocr-result__status{
  display:flex;
  align-items:center;
  gap:10px;
  color:#53657b;
  font-size:13px;
  font-weight:800;
}
.gocr-result__spinner{
  width:18px;
  height:18px;
  border:2px solid #ffd0dc;
  border-top-color:#ff4f78;
  border-radius:50%;
  animation:gocrSpin .8s linear infinite;
}
@keyframes gocrSpin{to{transform:rotate(360deg)}}
.gocr-result__title{
  margin:0 0 10px;
  color:#18314f;
  font-size:15px;
  font-weight:900;
}
.gocr-candidates{
  display:grid;
  gap:8px;
}
.gocr-candidate{
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 12px;
  border:1px solid #e4eaf1;
  border-radius:13px;
  background:#fff;
  color:#18314f;
  font:inherit;
  cursor:pointer;
}
.gocr-candidate strong{
  font-size:15px;
  letter-spacing:.025em;
}
.gocr-candidate span{
  color:#ff4f78;
  font-size:12px;
  font-weight:900;
}
.gocr-raw{
  margin-top:12px;
}
.gocr-raw summary{
  cursor:pointer;
  color:#718096;
  font-size:12px;
  font-weight:800;
}
.gocr-raw pre{
  max-height:150px;
  overflow:auto;
  margin:8px 0 0;
  padding:10px;
  border-radius:10px;
  background:#f7f9fc;
  color:#4f6074;
  font-size:11px;
  white-space:pre-wrap;
}
.gocr-error{
  padding:12px;
  border-radius:12px;
  background:#fff0f3;
  color:#c6425f;
  font-size:13px;
  font-weight:800;
  line-height:1.55;
}
@media(max-width:760px){
  .gocr-result{padding:13px}
  .gocr-candidate{min-height:50px}
}