/* Shared Apple-inspired outline controls. Cards and the primary navigation orb
   remain visual surfaces; this layer is for action buttons and text controls. */
:where(.btn,.m-primary,.m-profile-plan,.m-history-plan,.history-filter,.account-help-close,.account-help-back,.account-help-list button,.m-account-edit,.m-home-icon,.m-text-button,.m-link){
  background:transparent!important;
  border:1px solid #e8c77c99!important;
  color:#f8d99a!important;
  box-shadow:0 0 0 0 transparent,inset 0 1px #fff4c52b!important;
  transition:color .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease,transform .2s ease;
}
:where(.btn,.m-primary,.m-profile-plan,.m-history-plan,.history-filter,.account-help-close,.account-help-back,.account-help-list button,.m-account-edit,.m-home-icon,.m-text-button,.m-link):hover{
  background:rgba(232,199,124,.08)!important;
  border-color:#f5d899!important;
  box-shadow:0 0 16px rgba(226,181,91,.18),inset 0 1px #fff7d655!important;
}
:where(.btn,.m-primary,.m-profile-plan,.m-history-plan,.history-filter,.account-help-close,.account-help-back,.account-help-list button,.m-account-edit,.m-home-icon,.m-text-button,.m-link):active{transform:scale(.98)}
:where(.btn,.m-primary,.account-help-close){border-radius:14px!important}
:where(.m-profile-plan,.m-history-plan,.history-filter){border-radius:999px!important}
:where(.m-home-icon,.m-account-edit){border-radius:999px!important}
.account-help-list button{color:#fff!important;box-shadow:inset 0 1px #fff4c522!important}
.account-help-list button:hover{color:#fff!important}
.m-primary.small{padding:9px 14px!important}
:where(.btn,.m-primary,.m-profile-plan,.m-history-plan,.history-filter,.account-help-close,.account-help-back,.account-help-list button,.m-account-edit,.m-home-icon,.m-text-button,.m-link):focus-visible{outline:2px solid #f5d899;outline-offset:3px}