/* Final polish layer for the account portal: shared button alignment, subscription form, plan hierarchy. */

/* Links styled as buttons ("Explore studios", "Review access") center their label like real buttons. */
.portal-button, .portal-button-secondary, .portal-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  white-space: nowrap;
}
.portal-button .portal-icon, .portal-button-secondary .portal-icon { margin-left: 0; vertical-align: 0; flex: 0 0 auto; }
.portal-button-secondary { padding-inline: 20px; }
.portal-button { padding-inline: 22px; }

.trial-reminder { gap: 24px; padding: 18px 22px; }
.trial-reminder > div { min-width: 0; }
.trial-reminder strong { display: block; font-size: 15px; line-height: 1.3; }
.trial-reminder p { margin-top: 4px; font-size: 13px; line-height: 1.5; }
.trial-reminder a { min-width: 148px; border-color: rgb(104 78 232 / 28%); color: #4a35b3; font-weight: 650; }
.trial-reminder--three-days a, .trial-reminder--last-day a, .trial-reminder--expired a { border-color: #dcb477; color: #65400f; }
.trial-reminder--scheduled a { border-color: #aecba1; color: #294221; }
@media (max-width: 700px) { .trial-reminder a { width: 100%; } }

.integration-header { margin-bottom: 20px; }
.integration-manage { padding: 8px 4px; }
.integration-manage:hover { text-decoration: underline; text-underline-offset: 3px; }