/* ============================================================================
   TGPlug Consent — registration checkbox styling ONLY.
   Scoped to the new .tgp-consent row. Inherits the frozen Auth UI design
   tokens + checkbox styling; adds nothing that touches the rest of the card.
   ========================================================================== */

/* the consent row: a little breathing room from the email field above and
   the "confirmation will be emailed" line / submit button below */
.login .tgp-consent{
  margin:4px 0 14px !important;
  text-align:left;
}

/* label becomes a flex row: checkbox top-aligned with the first line of copy.
   Override Auth UI's bold field-label weight — this is body copy, not a label. */
.login .tgp-consent .tgp-consent-label{
  display:flex !important;
  align-items:flex-start;
  gap:10px;
  margin:0 !important;
  font-weight:400 !important;
  cursor:pointer;
}

/* keep the (already Auth-UI-styled) checkbox crisp + aligned, never squashed */
.login .tgp-consent input[type=checkbox]{
  flex:0 0 auto;
  margin-top:1px;
}

/* the consent copy: matches the card's muted secondary text */
.login .tgp-consent .tgp-consent-text{
  font-size:12.5px;
  line-height:1.5;
  color:var(--tgp-muted, #6b7280);
  font-weight:400;
}

/* privacy policy link picks up the accent, sits inline after the copy */
.login .tgp-consent .tgp-consent-privacy a{
  color:var(--tgp-accent-600, #d8412f) !important;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
.login .tgp-consent .tgp-consent-privacy a:hover{
  color:var(--tgp-accent-700, #bf3624) !important;
  text-decoration:underline;
}

/* desktop condensed screens: keep the row compact like the rest of the card */
@media (min-width:1024px){
  .login .tgp-consent{ margin:2px 0 10px !important; }
  .login .tgp-consent .tgp-consent-text{ font-size:12px; line-height:1.45; }
}