/* Livi Wallet / appupdate v64 — authentication layout override.
   This stylesheet is intentionally loaded AFTER all classic UI stylesheets,
   because mobile.css and other legacy files can override style.css.
   It affects only the auth screen and leaves the wallet dashboard unchanged. */

.auth-shell .auth-card label.legal-acceptance{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:12px 10px!important;
  margin:22px 0 0!important;
  border:1px solid rgba(160,199,178,.22)!important;
  border-radius:12px!important;
  background:rgba(115,143,123,.075)!important;
  color:#d1d5d8!important;
  text-align:left!important;
  cursor:pointer;
}

.auth-shell .auth-card label.legal-acceptance input[type="checkbox"]{
  position:static!important;
  appearance:auto!important;
  opacity:1!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  accent-color:#b7ebcb!important;
}

.auth-shell .auth-card label.legal-acceptance .legal-acceptance-text{
  display:block!important;
  min-width:0!important;
  width:max-content;
  max-width:100%;
  white-space:nowrap!important;
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:clamp(10px,2.8vw,12px)!important;
  font-weight:400!important;
  line-height:1.4!important;
  letter-spacing:-.025em!important;
  color:#d1d5d8!important;
}

.auth-shell .auth-card label.legal-acceptance a{
  display:inline!important;
  white-space:nowrap!important;
  font-size:inherit!important;
  font-weight:700!important;
  text-decoration:underline!important;
  text-underline-offset:2px;
  color:#a8ecc6!important;
}

.auth-shell .auth-card label.legal-acceptance a:focus-visible{
  outline:2px solid #a8ecc6;
  outline-offset:2px;
}

/* Keep action buttons clearly separated from mnemonic inputs/word list. */
.auth-shell .auth-card #copyRecoveryPhrase{margin-top:20px!important}
.auth-shell .auth-card #generateWallet{margin-top:12px!important}
.auth-shell .auth-card #loginMnemonic{margin-bottom:14px!important}
.auth-shell .auth-card #createWallet,
.auth-shell .auth-card #loginWallet{margin-top:26px!important}

/* Also suppress leftover legacy helper copy if a previous app.js is cached. */
.auth-shell .auth-card .legal-note,
.auth-shell .auth-card .auth-pin-hint{display:none!important}

@media(max-width:310px){
  .auth-shell .auth-card{padding-left:12px!important;padding-right:12px!important}
  .auth-shell .auth-card label.legal-acceptance{
    padding-left:6px!important;padding-right:6px!important;
    gap:5px!important;
  }
  .auth-shell .auth-card label.legal-acceptance .legal-acceptance-text{
    font-size:9.5px!important;letter-spacing:-.035em!important;
  }
}