/* ===========================================================================
   Ecranul de scanare și rezultat
   --------------------------------------------------------------------------
   Overlay-ul care rulează peste pagină: etapele scanării, profilul companiei,
   componentele scorului și lista de verificări cu dovezi.
   =========================================================================== */

/* --- Overlay de scanare -------------------------------------------------- */
.overlay{position:fixed;inset:0;z-index:100;background:var(--bg);display:none;overflow-y:auto}
.overlay.on{display:block}
.overlay-inner{max-width:900px;margin:0 auto;padding:70px 32px 100px}
.scan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.scan-title{font-size:15px;color:var(--muted)}
.scan-title b{color:var(--text);font-family:var(--mono);font-weight:500}
.close-btn{color:var(--dim);font-size:13px}
.close-btn:hover{color:var(--text)}
.identified{
  border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:22px 24px;
  margin:28px 0 34px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;
  opacity:0;transition:opacity .5s;
}
.identified.in{opacity:1}
.identified .id-label{
  font-family:var(--mono);font-size:10.5px;color:var(--violet-hi);display:block;margin-bottom:10px;
  text-transform:uppercase;letter-spacing:.2em;
}
.identified .id-name{font-size:21px;font-weight:600;letter-spacing:-.02em}
.identified .id-meta{color:var(--muted);font-size:14px;margin-top:6px}
.identified .correct{font-size:13px;color:var(--violet-hi);white-space:nowrap}
.progress-track{height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden;margin-bottom:34px}
.progress-fill{height:100%;width:0;background:var(--grad);transition:width .5s cubic-bezier(.22,1,.36,1)}
.stage{
  display:grid;grid-template-columns:34px 1fr auto;gap:18px;align-items:center;
  padding:15px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--dim);transition:color .3s;
}
.stage .sn{font-family:var(--mono);font-size:12px;color:var(--dim)}
.stage.active{color:var(--text)}
.stage.active .sn{color:var(--violet-hi)}
.stage.done{color:var(--muted)}
.stage-status{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}
.stage.active .stage-status{color:var(--violet-hi)}
.stage.done .stage-status{color:var(--good)}
.spinner{
  display:inline-block;width:10px;height:10px;border-radius:50%;
  border:1.5px solid var(--violet);border-top-color:transparent;
  animation:spin .7s linear infinite;vertical-align:-1px;margin-right:8px;
}
@keyframes spin{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
}