/* Whale account: uniform tactile actions, 2026-11-05.
   Loaded after all general and account styles. */
html:not([data-theme="dark"]) #shareReferralLink.btn--outline{
  background-color:#fff!important;
  border-color:#b9c0c9!important;
}
html:not([data-theme="dark"]) #shareReferralLink.btn--outline:hover,
html:not([data-theme="dark"]) #shareReferralLink.btn--outline:focus-visible{
  background-color:#f3f4f6!important;
  border-color:#b9c0c9!important;
  box-shadow:none!important;
}
/* Other light outlined actions use the same neutral hover palette. */
html:not([data-theme="dark"]) .account-main .btn--outline:hover,
html:not([data-theme="dark"]) .account-main .btn--outline:focus-visible,
html:not([data-theme="dark"]) .renew-dialog .btn--outline:hover{
  background-color:#f3f4f6!important;
  border-color:#b9c0c9!important;
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  /* Include buttons, account navigation, receipt/download links and text actions. */
  html .account-main button:not(:disabled):not([aria-disabled="true"]),
  html .account-nav button:not(:disabled):not([aria-disabled="true"]),
  html .account-nav a:not([aria-disabled="true"]),
  html .account-main :is(.download-links a,.order-receipt,.order-state a),
  html .account-main :is(.telegram-link-action,.text-button),
  html .renew-dialog button:not(:disabled):not([aria-disabled="true"]),
  html .renew-dialog a.btn:not([aria-disabled="true"]){
    transition:transform .29s cubic-bezier(.22,1,.36,1),
               background-color .2s ease,border-color .2s ease,
               color .2s ease!important;
    transform:translate3d(0,0,0)!important;
  }
  html .account-main button:not(:disabled):not([aria-disabled="true"]):hover,
  html .account-nav button:not(:disabled):not([aria-disabled="true"]):hover,
  html .account-nav a:not([aria-disabled="true"]):hover,
  html .account-main :is(.download-links a,.order-receipt,.order-state a):hover,
  html .account-main :is(.telegram-link-action,.text-button):hover,
  html .renew-dialog button:not(:disabled):not([aria-disabled="true"]):hover,
  html .renew-dialog a.btn:not([aria-disabled="true"]):hover{
    transform:translate3d(0,-3px,0) scale(1.012)!important;
  }
  html .account-main button:not(:disabled):not([aria-disabled="true"]):active,
  html .account-nav button:not(:disabled):not([aria-disabled="true"]):active,
  html .account-nav a:not([aria-disabled="true"]):active,
  html .account-main :is(.download-links a,.order-receipt,.order-state a):active,
  html .account-main :is(.telegram-link-action,.text-button):active,
  html .renew-dialog button:not(:disabled):not([aria-disabled="true"]):active,
  html .renew-dialog a.btn:not([aria-disabled="true"]):active{
    transform:translate3d(0,0,0) scale(.985)!important;
    transition-duration:.12s!important;
  }
}

/* Fix: the globally animated eye button must retain vertical centering
   inside the subscription URL field. This is an icon control, not a CTA. */
html .account-main .access-url-field button.access-visibility,
html .account-main .access-url-field button.access-visibility:hover,
html .account-main .access-url-field button.access-visibility:active{
  transform:translateY(-50%)!important;
}
html .account-main .access-url-field.is-expanded button.access-visibility,
html .account-main .access-url-field.is-expanded button.access-visibility:hover,
html .account-main .access-url-field.is-expanded button.access-visibility:active{
  transform:none!important;
}