/* Step 23H: presentation only. Tier comes from the authenticated server-side subscription. */
/* Keep form behavior, link destinations, permissions, and subscription entitlements unchanged. */
body.twp-tier-luxe {
  --tw-button-gold:#c8a674;
  --tw-button-gold-light:#e8c995;
  --tw-button-dark:#151d29;
}
/* Premium / Business: elegant navy, champagne gold, raised tactile surfaces. */
body.twp-tier-luxe main :is(button:not(.tw-password-toggle),.btn,a.btn),
body.twp-tier-luxe .site-header button {
  appearance:none;
  border-radius:13px!important;
  border:1px solid rgba(200,166,116,.55)!important;
  background:linear-gradient(145deg,#293442 0%,#141d2a 100%)!important;
  color:#f8f3eb!important;
  box-shadow:0 7px 18px rgba(11,18,29,.18),inset 0 1px 0 rgba(255,255,255,.10);
  padding:12px 19px;
  font-weight:650;
  letter-spacing:.015em;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  text-decoration:none;
}
body.twp-tier-luxe main :is(button:not(.tw-password-toggle),.btn,a.btn):hover,
body.twp-tier-luxe .site-header button:hover {
  transform:translateY(-2px);
  border-color:#e8c995!important;
  box-shadow:0 12px 24px rgba(11,18,29,.24),0 0 0 1px rgba(200,166,116,.16);
}
body.twp-tier-luxe main :is(button:not(.tw-password-toggle),.btn,a.btn):focus-visible,
body.twp-tier-luxe .site-header button:focus-visible {outline:3px solid #c8a674;outline-offset:3px}
body.twp-tier-luxe main :is(button:not(.tw-password-toggle),.btn,a.btn):disabled {opacity:.5;cursor:not-allowed;transform:none}
/* Preserve gold emphasis on save/primary actions. */
body.twp-tier-luxe main :is(button[type="submit"],button:not([type])) {
  border-color:#b99765!important;
  background:linear-gradient(145deg,#e2c393 0%,#c8a674 100%)!important;
  color:#17202a!important;
}
/* Capture-method buttons keep the 23G look and have the same luxe treatment. */
body.twp-tier-luxe .twc-method-grid button {
  background:linear-gradient(140deg,#293442,#111823)!important;
  color:#f6f1e9!important;
  border-color:rgba(200,166,116,.42)!important;
  border-radius:16px!important;
}
body.twp-tier-luxe .twc-method-grid button[aria-pressed="true"] {
  border-color:#e8c995!important;
  box-shadow:0 0 0 2px rgba(200,166,116,.30),0 9px 24px rgba(11,18,29,.22)!important;
}
/* Basic: still polished and accessible, but simpler and quieter. */
body.twp-tier-basic main :is(button:not(.tw-password-toggle),.btn,a.btn),
body.twp-tier-basic .site-header button {
  appearance:none;
  border-radius:9px!important;
  border:1px solid #cdd4d7!important;
  background:#eef1f2!important;
  color:#18272f!important;
  box-shadow:none!important;
  padding:11px 17px;
  font-weight:600;
  letter-spacing:0;
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease;
}
body.twp-tier-basic main :is(button:not(.tw-password-toggle),.btn,a.btn):hover,
body.twp-tier-basic .site-header button:hover {background:#e1e8e9!important;border-color:#9faeb5!important}
body.twp-tier-basic main :is(button:not(.tw-password-toggle),.btn,a.btn):focus-visible,
body.twp-tier-basic .site-header button:focus-visible {outline:3px solid #537e92;outline-offset:3px}
body.twp-tier-basic main :is(button[type="submit"],button:not([type])) {
  background:#243640!important;color:#fff!important;border-color:#243640!important;
}
body.twp-tier-basic .twc-method-grid button {
  border-radius:11px!important;
  background:#f0f2f2!important;
  border:1px solid #cbd2d4!important;
  color:#243640!important;
  box-shadow:none!important;
}
body.twp-tier-basic .twc-method-grid button::before {
  background:#e2e8e8!important;border-color:#cbd2d4!important;color:#324b58!important;
}
body.twp-tier-basic .twc-method-grid button[aria-pressed="true"] {
  background:#e0e9eb!important;border-color:#638390!important;box-shadow:0 0 0 2px #63839033!important;
}
/* Preserve utility controls and public-facing card buttons. */
body.twp-tier-luxe main .tw-password-toggle,
body.twp-tier-basic main .tw-password-toggle {transform:none}
@media (prefers-reduced-motion:reduce){
  body.twp-tier-luxe main :is(button,.btn,a.btn),body.twp-tier-basic main :is(button,.btn,a.btn){transition:none!important;transform:none!important}
}

/* Step 23K dashboard: tier-aware card actions; preserve route behavior. */
.twp-dashboard-actions {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:stretch}
.twp-dashboard-actions > a {display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;line-height:1.25}
body.twp-tier-luxe .twp-dashboard-actions .twp-dashboard-share {
  background:linear-gradient(145deg,#e8c995 0%,#c8a674 100%)!important;
  border-color:#e8c995!important;color:#17202a!important;
  box-shadow:0 9px 22px rgba(11,18,29,.23),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
body.twp-tier-basic .twp-dashboard-actions .twp-dashboard-share {
  background:#243640!important;color:#fff!important;border-color:#243640!important;
}
@media(max-width:640px){.twp-dashboard-actions{grid-template-columns:1fr 1fr}.twp-dashboard-actions > a:first-child{grid-column:1/-1}}
@media(max-width:360px){.twp-dashboard-actions{grid-template-columns:1fr}.twp-dashboard-actions > a:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.twp-dashboard-actions > a{transition:none!important}}