/* JUNIQ V337 — SHARP · SIMPLE · DEVICE-FIRST INSTALL PANEL */

.juniq-v337-install-dialog[hidden]{display:none!important}
.juniq-v337-install-dialog{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:grid!important;place-items:center!important;
  padding:14px!important;
  background:rgba(2,11,34,.82)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  box-sizing:border-box!important;
}
.juniq-v337-install-card{
  position:relative!important;
  width:min(760px,100%)!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  box-sizing:border-box!important;
  padding:22px!important;
  border:1px solid rgba(245,184,46,.72)!important;
  border-radius:22px!important;
  background:#020B22!important;
  background-image:linear-gradient(180deg,#041332 0%,#020B22 100%)!important;
  color:#FFFFFF!important;
  box-shadow:0 26px 80px rgba(0,0,0,.46)!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.45) transparent!important;
}
.juniq-v337-install-card *{box-sizing:border-box!important}
.juniq-v337-install-card button{font-family:Arial,Helvetica,sans-serif!important}

.juniq-v337-close{
  position:absolute!important;right:16px!important;top:16px!important;
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  margin:0!important;padding:0!important;
  border:1px solid #4B79FF!important;border-radius:12px!important;
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font-size:27px!important;font-weight:800!important;line-height:1!important;
  cursor:pointer!important;box-shadow:none!important;
}
.juniq-v337-close:hover,.juniq-v337-close:focus-visible{
  outline:3px solid rgba(34,89,253,.28)!important;
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}

.juniq-v337-title-block{padding-right:56px!important;margin-bottom:14px!important}
.juniq-v337-eyebrow{
  display:block!important;margin:0 0 6px!important;
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 10px/1.2 Arial,Helvetica,sans-serif!important;
  letter-spacing:.15em!important;text-transform:uppercase!important;
}
.juniq-v337-title-block h2{
  margin:0 0 7px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 clamp(30px,5vw,42px)/1.03 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.035em!important;
}
.juniq-v337-title-block p{
  margin:0!important;max-width:630px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 14px/1.45 Arial,Helvetica,sans-serif!important;
  opacity:.92!important;
}

.juniq-v337-current{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;align-items:center!important;
  margin:0 0 10px!important;padding:14px!important;
  border:1px solid rgba(245,184,46,.52)!important;border-radius:15px!important;
  background:#071B44!important;
}
.juniq-v337-current>div{display:grid!important;gap:3px!important;min-width:0!important}
.juniq-v337-current>div>span{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 9px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.13em!important;
}
.juniq-v337-current strong{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 18px/1.15 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-current small{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 11px/1.35 Arial,Helvetica,sans-serif!important;opacity:.85!important;
}
.juniq-v337-primary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-width:220px!important;min-height:46px!important;
  margin:0!important;padding:9px 16px!important;
  border:1px solid #4B79FF!important;border-radius:11px!important;
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  box-shadow:none!important;cursor:pointer!important;
}
.juniq-v337-primary span,.juniq-v337-primary b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}
.juniq-v337-primary b{font:900 13px/1.1 Arial,Helvetica,sans-serif!important}
.juniq-v337-primary:hover,.juniq-v337-primary:focus-visible{
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  outline:3px solid rgba(34,89,253,.25)!important;
}
.juniq-v337-primary:disabled{opacity:.68!important;cursor:default!important}

.juniq-v337-status{
  margin:8px 0 10px!important;padding:9px 11px!important;border-radius:10px!important;
  border:1px solid rgba(245,184,46,.42)!important;
  background:#071B44!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:700 11px/1.4 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-status[data-state="success"]{border-color:#249BFE!important}
.juniq-v337-status[data-state="working"]{border-color:#4B79FF!important}

.juniq-v337-benefits{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
  margin:0 0 14px!important;
}
.juniq-v337-benefits span{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:32px!important;padding:6px 8px!important;
  border:1px solid #4DA6FF!important;border-radius:9px!important;
  background:#4DA6FF!important;color:#000000!important;-webkit-text-fill-color:#000000!important;
  font:900 9.5px/1.2 Arial,Helvetica,sans-serif!important;text-align:center!important;
}

.juniq-v337-device-heading{
  display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;
  margin:0 0 8px!important;
}
.juniq-v337-device-heading b{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 15px/1.2 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-device-heading span{
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 10.5px/1.3 Arial,Helvetica,sans-serif!important;opacity:.76!important;text-align:right!important;
}

.juniq-v337-device-tabs{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  margin:0 0 10px!important;
}
.juniq-v337-device-tab{
  position:relative!important;
  display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;
  min-height:72px!important;margin:0!important;padding:10px 12px!important;
  border:1px solid #4B79FF!important;border-radius:12px!important;
  background:#2259FD!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  text-align:left!important;cursor:pointer!important;box-shadow:none!important;
}
.juniq-v337-device-tab *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v337-device-icon{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;
  border-radius:8px!important;background:rgba(255,255,255,.12)!important;
  font:900 17px/1 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-device-copy{display:grid!important;gap:3px!important;min-width:0!important}
.juniq-v337-device-copy b{font:900 13px/1.15 Arial,Helvetica,sans-serif!important}
.juniq-v337-device-copy small{font:650 9.5px/1.35 Arial,Helvetica,sans-serif!important;opacity:.86!important}
.juniq-v337-device-arrow{font:900 18px/1 Arial,Helvetica,sans-serif!important}
.juniq-v337-device-tab:hover,.juniq-v337-device-tab:focus-visible{
  outline:3px solid rgba(34,89,253,.24)!important;
  background:#2259FD!important;
}
.juniq-v337-device-tab.is-selected{
  background:#4DA6FF!important;border-color:#249BFE!important;
  color:#000000!important;-webkit-text-fill-color:#000000!important;
}
.juniq-v337-device-tab.is-selected *{
  color:#000000!important;-webkit-text-fill-color:#000000!important;
}
.juniq-v337-device-tab.is-selected .juniq-v337-device-icon{background:rgba(0,0,0,.08)!important}
.juniq-v337-device-tab[data-current-device="true"]::after{
  content:"THIS DEVICE"!important;
  position:absolute!important;right:8px!important;top:7px!important;
  padding:3px 5px!important;border-radius:999px!important;
  background:#020B22!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 7px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.05em!important;
}
.juniq-v337-device-tab[data-current-device="true"] .juniq-v337-device-arrow{margin-top:18px!important}

.juniq-v337-guide{
  margin:0!important;padding:13px 14px!important;
  border:1px solid rgba(245,184,46,.64)!important;border-radius:14px!important;
  background:#071B44!important;color:#FFFFFF!important;
  outline:none!important;
}
.juniq-v337-guide-head{display:grid!important;gap:4px!important;margin-bottom:9px!important}
.juniq-v337-guide-head>span{
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:900 9px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.12em!important;
}
.juniq-v337-guide h3{
  margin:0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:900 20px/1.15 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-guide ol{
  margin:0!important;padding-left:22px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
}
.juniq-v337-guide li{
  margin:0 0 6px!important;padding-left:3px!important;
  color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:650 11.5px/1.45 Arial,Helvetica,sans-serif!important;
}
.juniq-v337-guide li::marker{color:#249BFE!important;font-weight:900!important}
.juniq-v337-guide-note{
  margin:9px 0 0!important;padding-top:9px!important;
  border-top:1px solid rgba(245,184,46,.24)!important;
  color:#249BFE!important;-webkit-text-fill-color:#249BFE!important;
  font:750 10px/1.4 Arial,Helvetica,sans-serif!important;
}

.juniq-v337-secondary{
  display:flex!important;justify-content:flex-end!important;gap:8px!important;
  margin:10px 0 0!important;
}
.juniq-v337-secondary button{
  min-height:34px!important;margin:0!important;padding:7px 11px!important;
  border:1px solid rgba(245,184,46,.62)!important;border-radius:9px!important;
  background:#020B22!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:800 10px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important;
}
.juniq-v337-secondary button *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
.juniq-v337-secondary button:hover,.juniq-v337-secondary button:focus-visible{
  outline:2px solid rgba(245,184,46,.25)!important;
}
.juniq-v337-footnote{
  margin:8px 0 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;
  font:600 9.5px/1.35 Arial,Helvetica,sans-serif!important;opacity:.7!important;text-align:right!important;
}

@media(max-width:700px){
  .juniq-v337-install-dialog{padding:8px!important;place-items:stretch!important}
  .juniq-v337-install-card{
    width:100%!important;max-height:calc(100dvh - 16px)!important;
    margin:auto!important;padding:17px 14px!important;border-radius:18px!important;
  }
  .juniq-v337-close{right:12px!important;top:12px!important;width:38px!important;height:38px!important}
  .juniq-v337-title-block{padding-right:46px!important}
  .juniq-v337-title-block h2{font-size:31px!important}
  .juniq-v337-current{grid-template-columns:1fr!important;gap:10px!important}
  .juniq-v337-primary{width:100%!important;min-width:0!important}
  .juniq-v337-benefits{grid-template-columns:1fr!important;gap:5px!important}
  .juniq-v337-device-heading{display:grid!important;gap:3px!important}
  .juniq-v337-device-heading span{text-align:left!important}
  .juniq-v337-device-tabs{grid-template-columns:1fr!important}
  .juniq-v337-device-tab{min-height:66px!important}
  .juniq-v337-secondary{justify-content:stretch!important}
  .juniq-v337-secondary button{flex:1!important}
  .juniq-v337-footnote{text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
  .juniq-v337-install-card,.juniq-v337-install-card *{scroll-behavior:auto!important;transition:none!important}
}