/* Mobile compact complete popup cards v10.6.96
 * Phone only:
 * - complete KYC card stays fully visible
 * - KYC description is preserved (not hidden)
 * - no internal scrollbars
 * - install card remains very small
 * - both cards remain centered and can stack without overlap
 */
@media(max-width:599px){

  /* COMPLETE KYC CARD — compact, centered, no scroll */
  .gt-kyc-alert.gt-kyc-popup-v10651{
    width:min(292px,calc(100vw - 16px))!important;
    max-width:292px!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding:9px 32px 9px 9px!important;
    border-radius:11px!important;
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    grid-template-areas:
      "icon copy"
      "action action"!important;
    align-items:center!important;
    column-gap:7px!important;
    row-gap:7px!important;
  }

  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-icon{
    grid-area:icon!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    margin:0!important;
    font-size:12px!important;
  }

  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-copy{
    grid-area:copy!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-copy strong{
    display:block!important;
    margin:0 0 2px!important;
    font-size:10.5px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }

  /* Keep the complete KYC message visible. */
  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-copy span{
    display:block!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-btn{
    grid-area:action!important;
    width:100%!important;
    height:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0 8px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
    line-height:1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-popup-close-v10651{
    position:absolute!important;
    top:5px!important;
    right:5px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    margin:0!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1!important;
    z-index:2!important;
  }

  /* INSTALL CARD — extra-small, centered, no scroll */
  .gt-mini-install,
  .gt-mini-install.gt-admin-mini-install{
    width:min(258px,calc(100vw - 20px))!important;
    max-width:258px!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    grid-template-columns:30px minmax(0,1fr) 24px!important;
    gap:6px!important;
    padding:6px 7px!important;
    border-radius:10px!important;
  }

  .gt-mini-install .gt-mini-install-logo{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border-radius:7px!important;
  }

  .gt-mini-install .gt-mini-install-btn{
    height:31px!important;
    min-height:31px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:10.5px!important;
    line-height:1.05!important;
    white-space:normal!important;
  }

  .gt-mini-install .gt-mini-install-close{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    padding:0!important;
    font-size:17px!important;
    line-height:1!important;
  }

  /* Two visible cards: keep the complete KYC card above the small install card,
     with the pair centered as one group. */
  body:has(.gt-kyc-alert.gt-kyc-popup-v10651.gt-kyc-popup-show):has(.gt-mini-install.is-open)
  .gt-kyc-alert.gt-kyc-popup-v10651{
    top:calc(50% - 48px)!important;
  }

  body:has(.gt-kyc-alert.gt-kyc-popup-v10651.gt-kyc-popup-show):has(.gt-mini-install.is-open)
  .gt-mini-install.is-open{
    top:calc(50% + 48px)!important;
  }
}

/* Narrow phones still show the whole card without a scroll container. */
@media(max-width:360px){
  .gt-kyc-alert.gt-kyc-popup-v10651{
    width:calc(100vw - 12px)!important;
    padding:8px 30px 8px 8px!important;
  }
  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-copy strong{
    font-size:10px!important;
  }
  .gt-kyc-alert.gt-kyc-popup-v10651 .gt-kyc-alert-copy span{
    font-size:8.6px!important;
  }
  .gt-mini-install,
  .gt-mini-install.gt-admin-mini-install{
    width:min(248px,calc(100vw - 14px))!important;
  }
}