/* TCFF QR HUNTER V2 - Full frame visual overrides */

/* The old yellow center box is NOT a scan area anymore. Hide it so staff
   don't waste time aiming the card into the middle. */
.scan-frame{
  display:none!important;
}

#scannerStage,
.scanner-stage{
  position:relative;
}

/* Full-frame soft guide */
#scannerStage::after,
.scanner-stage::after{
  content:"";
  position:absolute;
  inset:18px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(235,200,100,.25);
  border-radius:24px;
  box-shadow:
    inset 0 0 60px rgba(10,58,41,.14),
    0 0 0 1px rgba(255,255,255,.02);
}

.scan-hint{
  z-index:6!important;
  max-width:min(90%,520px)!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(7,44,31,.58)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  font-weight:800!important;
  font-size:11px!important;
  text-align:center!important;
}

.qr-hunter-v2-mode{
  position:absolute;
  z-index:7;
  top:14px;
  left:14px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#eafbf0;
  background:rgba(7,46,32,.55);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}

.qr-hunter-v2-mode i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4cdf88;
  box-shadow:0 0 0 4px rgba(76,223,136,.13);
}

.qr-hunter-v2-badge{
  position:absolute;
  z-index:7;
  top:14px;
  right:14px;
  max-width:55%;
  padding:6px 10px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#f4fff8;
  background:rgba(7,46,32,.55);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  font-size:9px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.qr-hunter-v2-badge[data-mode="locked"]{
  background:rgba(23,110,67,.78);
}

.qr-hunter-v2-badge[data-mode="error"]{
  background:rgba(153,58,47,.78);
}

.qr-hunter-v2-extra{
  margin-left:auto;
}

.qr-hunter-v2-extra button{
  min-height:32px;
  padding:0 10px;
  border:1px solid rgba(16,79,56,.18);
  border-radius:9px;
  color:#134c38;
  background:rgba(255,255,255,.72);
  font-family:inherit;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

@media (max-width:700px){
  #scannerStage::after,
  .scanner-stage::after{
    inset:10px;
    border-radius:17px;
  }

  .qr-hunter-v2-mode{
    top:9px;
    left:9px;
    font-size:7px;
  }

  .qr-hunter-v2-badge{
    top:9px;
    right:9px;
    max-width:58%;
    font-size:7px;
  }

  .scan-hint{
    font-size:8px!important;
    padding:6px 9px!important;
  }

  .qr-hunter-v2-extra button{
    min-height:29px;
    font-size:7.5px;
  }
}