/* Deskia trial modal - definitive mobile layout v4 (2026-09-12)
   Loaded after every legacy/bundled stylesheet so old trial rules cannot re-expand it. */

html body .deskia-trial-modal .deskia-trial-dialog.deskia-trial-dialog-v3{
  box-sizing:border-box!important;
  width:min(420px,calc(100vw - 28px))!important;
  max-width:420px!important;
  min-width:0!important;
  max-height:calc(100vh - 28px)!important;
  max-height:calc(100dvh - 28px)!important;
  margin:auto!important;
  overflow:hidden!important;
}

html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-scroll{
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
}

html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3{
  grid-template-columns:minmax(0,1fr)!important;
  min-width:0!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3>label,
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-wide,
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-input-wrap{
  grid-column:1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (max-width:680px){
  html body .deskia-trial-modal{
    box-sizing:border-box!important;
    top:var(--deskia-trial-viewport-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
    height:var(--deskia-trial-viewport-height,100vh)!important;
    height:var(--deskia-trial-viewport-height,100dvh)!important;
    min-height:0!important;
    padding-top:max(10px,env(safe-area-inset-top))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    place-items:center!important;
    overflow:hidden!important;
  }

  html body .deskia-trial-modal .deskia-trial-dialog.deskia-trial-dialog-v3{
    width:min(390px,calc(100vw - 24px))!important;
    max-width:390px!important;
    max-height:calc(100vh - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:16px!important;
  }

  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
    min-height:0!important;
    padding:12px 42px 12px 14px!important;
  }

  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 .deskia-trial-brand{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border-right:0!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 .deskia-trial-logo{
    width:72px!important;
    height:auto!important;
    max-width:72px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 .deskia-trial-kicker{
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.12em!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 h2{
    margin:0!important;
    font-size:17px!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-close{
    top:10px!important;
    right:10px!important;
    width:30px!important;
    height:30px!important;
    line-height:1!important;
  }

  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-v3{
    padding:12px 13px 14px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-intro{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
    margin:0 0 10px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-intro>div:first-child{
    min-height:0!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-intro .deskia-trial-microproof-v3{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:5px 10px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-intro .deskia-trial-microproof-v3 span{
    min-width:0!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3 label{
    gap:5px!important;
    font-size:11px!important;
  }

  /* 16px prevents iOS Safari from auto-zooming the viewport when an input receives focus. */
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3 input[type=text],
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3 input[type=email],
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-form-v3 input[type=tel]{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 12px 0 40px!important;
    border-radius:10px!important;
    font-size:16px!important;
    line-height:1.2!important;
    -webkit-text-size-adjust:100%!important;
    touch-action:manipulation!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-input-icon{
    left:13px!important;
    width:16px!important;
    height:16px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-channel-note{
    width:100%!important;
    max-width:100%!important;
    margin:1px 0!important;
    font-size:9.5px!important;
    line-height:1.4!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-submit{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin-top:1px!important;
    padding-inline:14px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result-details{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:380px){
  html body .deskia-trial-modal{
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog.deskia-trial-dialog-v3{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3{
    padding:10px 40px 10px 12px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 h2{
    font-size:15.5px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-v3{
    padding:10px 11px 12px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-intro .deskia-trial-microproof-v3 span{
    white-space:normal!important;
  }
}

/* Landscape phones: save vertical space but keep all controls reachable by internal scrolling. */
@media (max-width:760px) and (max-height:560px) and (orientation:landscape){
  html body .deskia-trial-modal .deskia-trial-dialog.deskia-trial-dialog-v3{
    width:min(520px,calc(100vw - 24px))!important;
    max-width:520px!important;
    max-height:calc(100dvh - 12px)!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3{
    grid-template-columns:68px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    padding:8px 40px 8px 11px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-header-v3 .deskia-trial-logo{
    width:62px!important;
  }
  html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-step-v3{
    padding-top:9px!important;
    padding-bottom:10px!important;
  }
}

/* 2026-09-12 · activation confirmation contrast hardening.
   This stylesheet loads after the legacy home bundle, so keep the result state explicit. */
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result{
  background:#fff!important;
  color:#121218!important;
  padding:18px 14px 14px!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result>span{
  color:#168cff!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result h2,
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result h2[data-result-title]{
  color:#121218!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result>p,
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result p[data-result-copy]{
  color:#68717d!important;
  opacity:1!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result-details{
  background:#e2e5e9!important;
  border-color:#e2e5e9!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result-details>div{
  background:#fff!important;
  color:#121218!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result-details small{
  color:#7b828d!important;
  opacity:1!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result-details strong{
  color:#121218!important;
  opacity:1!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result .button-secondary{
  color:#242832!important;
  background:#fff!important;
}
html body .deskia-trial-modal .deskia-trial-dialog-v3 .deskia-trial-result .deskia-trial-form-status{
  color:#68717d!important;
  opacity:1!important;
}