/* ==========================================================
   INFHOR DESIGN — AUDITBOX
   Styles isolés aux composants AuditBox
   ========================================================== */

.auditbox-page{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}

.auditbox-page *,
.auditbox-page *::before,
.auditbox-page *::after{
  box-sizing:border-box;
}

.auditbox-page .auditbox-scan-card{
  position:relative;
  overflow:hidden;
  padding:30px 26px 24px;
  border-radius:20px;
  color:#fff;
  background:#103f54;
  box-shadow:0 24px 60px rgba(16,63,84,.22);
}

.auditbox-page .auditbox-scan-card::before{
  content:"";
  position:absolute;
  top:-96px;
  right:-88px;
  width:270px;
  height:270px;
  border-radius:50%;
  background:conic-gradient(
    from 0deg,
    rgba(0,208,199,0) 0deg,
    rgba(0,208,199,0) 245deg,
    rgba(0,208,199,.08) 275deg,
    rgba(0,208,199,.34) 315deg,
    rgba(0,208,199,0) 360deg
  );
  animation:auditbox-radar-spin 6s linear infinite;
  pointer-events:none;
}

.auditbox-page .auditbox-scan-card::after{
  content:"";
  position:absolute;
  top:-110px;
  right:-100px;
  width:250px;
  height:250px;
  border-radius:50%;
  border:1px solid rgba(169,211,230,.09);
  box-shadow:
    0 0 0 40px rgba(169,211,230,.025),
    0 0 0 80px rgba(169,211,230,.018);
  pointer-events:none;
}

.auditbox-page .auditbox-scan-head,
.auditbox-page .auditbox-score-zone,
.auditbox-page .auditbox-terminal,
.auditbox-page .auditbox-note,
.auditbox-page .auditbox-home-cta{
  position:relative;
  z-index:2;
}

.auditbox-page .auditbox-scan-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#b7d9e5;
  font-size:.7rem;
  letter-spacing:.11em;
}

.auditbox-page .auditbox-live{
  color:#00d0c7;
  white-space:nowrap;
}

.auditbox-page .auditbox-live i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:5px;
  border-radius:50%;
  background:#00d0c7;
  animation:auditbox-live-pulse 1.6s ease-in-out infinite;
}

.auditbox-page .auditbox-score-zone{
  display:flex;
  align-items:center;
  gap:20px;
  margin:26px 0 20px;
}

.auditbox-page .auditbox-score-ring{
  position:relative;
  width:104px;
  height:104px;
  flex:0 0 104px;
  border-radius:50%;
  background:conic-gradient(#00b9b6 0 73%,rgba(255,255,255,.13) 73% 100%);
}

.auditbox-page .auditbox-score-ring__inner{
  position:absolute;
  inset:9px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#103f54;
}

.auditbox-page .auditbox-score-ring__inner strong{
  color:#00c7c0;
  font-size:1.7rem;
  line-height:1;
}

.auditbox-page .auditbox-score-ring__inner span{
  margin-top:5px;
  color:#a9d3e6;
  font-size:.55rem;
  letter-spacing:.08em;
}

.auditbox-page .auditbox-score-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:5px;
}

.auditbox-page .auditbox-score-copy span{
  color:#b7d9e5;
  font-size:.78rem;
  line-height:1.45;
}

.auditbox-page .auditbox-home-cta{
  margin-top:8px;
}

.auditbox-page .auditbox-home-cta .btn{
  width:100%;
}

.auditbox-page .auditbox-note{
  margin:13px 0 0;
  color:#a9d3e6;
  font-size:.68rem;
}

@keyframes auditbox-radar-spin{
  to{transform:rotate(360deg);}
}

@keyframes auditbox-live-pulse{
  0%,100%{opacity:1;}
  50%{opacity:.45;}
}

@media (max-width:600px){
  .auditbox-page .auditbox-scan-card{
    padding:22px 17px 18px;
    border-radius:16px;
  }

  .auditbox-page .auditbox-score-ring{
    width:86px;
    height:86px;
    flex-basis:86px;
  }

  .auditbox-page .auditbox-scan-head{
    font-size:.61rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .auditbox-page .auditbox-scan-card::before,
  .auditbox-page .auditbox-live i{
    animation:none !important;
  }
}