/* PTCStation V7.0.2 — wallet shell unification and app CTA contrast */

/* Dashboard and signed-in primary CTAs: force readable text over the navy gradient. */
.pt7-command-copy .pt7-action-primary,
.pt7-command-copy .pt7-action-primary:link,
.pt7-command-copy .pt7-action-primary:visited,
.pt7-wallet-hero .pt7-action-primary,
.pt7-wallet-hero .pt7-action-primary:link,
.pt7-wallet-hero .pt7-action-primary:visited{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(135deg,#07101f 0%,#102d54 58%,#1c4b84 100%)!important;
  color:#fffdf8!important;
  -webkit-text-fill-color:#fffdf8!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34);
  border-color:#07101f!important;
  box-shadow:0 12px 28px rgba(7,16,31,.2),6px 6px 0 rgba(7,16,31,.12)!important;
}
.pt7-command-copy .pt7-action-primary::before,
.pt7-wallet-hero .pt7-action-primary::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,.2) 48%,transparent 58%);
  transform:translateX(-125%);
  transition:transform .58s ease;
}
.pt7-command-copy .pt7-action-primary:hover::before,
.pt7-command-copy .pt7-action-primary:focus-visible::before,
.pt7-wallet-hero .pt7-action-primary:hover::before,
.pt7-wallet-hero .pt7-action-primary:focus-visible::before{transform:translateX(125%)}
.pt7-command-copy .pt7-action-primary span,
.pt7-wallet-hero .pt7-action-primary span{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:10px;
  background:linear-gradient(135deg,#ffe9b2,#d9b260);
  color:#07101f!important;
  -webkit-text-fill-color:#07101f!important;
  text-shadow:none!important;
}
.pt7-command-copy .pt7-action-primary:focus-visible,
.pt7-wallet-hero .pt7-action-primary:focus-visible{
  outline:3px solid #83e8ff;
  outline-offset:4px;
}

/* Wallet now uses the exact same V7 app shell/navigation as Dashboard and Payout. */
.pt7-wallet-hero--unified{background:linear-gradient(145deg,#fffaf2,#f5ecdc)!important}
.pt7-wallet-ticket--readiness{min-height:100%;justify-content:center}
.pt7-wallet-readiness-meter{
  height:9px;
  margin:22px 0 4px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.11);
}
.pt7-wallet-readiness-meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--pt7-red),var(--pt7-brass),var(--pt7-blue));
  box-shadow:0 0 18px rgba(88,126,255,.28);
}
.pt7-wallet-grid--three{
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr) minmax(280px,.8fr);
  align-items:stretch;
}
.pt7-wallet-grid--three>article{min-width:0}
.pt7-wallet-readiness-card{padding:25px}
.pt7-wallet-readiness-card>header{display:block}
.pt7-wallet-readiness-card ul{max-height:265px;overflow:auto;padding-right:3px}
.pt7-wallet-readiness-card li{background:rgba(255,255,255,.82)}

.pt7-timeline-card--advanced>header{flex-wrap:wrap}
.pt7-timeline-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.pt7-timeline-tools button{
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--pt7-line);
  border-radius:999px;
  background:#fff;
  color:var(--pt7-muted);
  font-weight:900;
  cursor:pointer;
}
.pt7-timeline-tools button.active,
.pt7-timeline-tools button.is-active{
  background:var(--pt7-navy);
  color:#fff;
  border-color:var(--pt7-navy);
}
.pt7-timeline-list--advanced article{
  grid-template-columns:48px minmax(240px,1fr) minmax(130px,180px) 110px 135px;
}
.pt7-timeline-list--advanced article>em{
  justify-self:start;
  font-style:normal;
  white-space:nowrap;
}

@media(max-width:1220px){
  .pt7-wallet-grid--three{grid-template-columns:1fr 1fr}
  .pt7-wallet-grid--three .pt7-goal-card{grid-column:1/-1}
}
@media(max-width:980px){
  .pt7-wallet-grid--three{grid-template-columns:1fr}
  .pt7-wallet-grid--three .pt7-goal-card{grid-column:auto}
  .pt7-timeline-list--advanced{overflow:auto}
  .pt7-timeline-list--advanced article{min-width:860px}
}
@media(max-width:680px){
  .pt7-command-copy .pt7-action-primary,
  .pt7-wallet-hero .pt7-action-primary{width:100%;justify-content:space-between}
  .pt7-timeline-tools{width:100%;justify-content:flex-start}
  .pt7-timeline-tools button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){
  .pt7-command-copy .pt7-action-primary::before,
  .pt7-wallet-hero .pt7-action-primary::before{transition:none!important}
}