:root{
  --wp-wallet-orange:#ff7b32;
  --wp-wallet-orange-hi:#ff9a42;
  --wp-wallet-bg:#070809;
  --wp-wallet-surface:#111315;
  --wp-wallet-raised:#17191c;
  --wp-wallet-text:#f7f7f5;
  --wp-wallet-muted:#aaa39d;
  --wp-wallet-soft:#8f8984;
  --wp-wallet-line:rgba(255,255,255,.10);
  --wp-wallet-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
body.payments-v7-page,
body.messages-page,
body.profile-hub-page{
  font-family:var(--wp-wallet-font);
  background:
    radial-gradient(circle at 88% 1%,rgba(255,123,50,.14),transparent 22rem),
    radial-gradient(circle at 0 28%,rgba(255,154,66,.045),transparent 18rem),
    #070809;
  color:var(--wp-wallet-text);
  -webkit-font-smoothing:antialiased;
}
.payments-v7-shell,
.messages-shell,
.profile-shell{
  width:min(100%,430px);
  min-height:100svh;
  margin:0 auto;
  padding:calc(env(safe-area-inset-top) + 10px) 16px calc(122px + env(safe-area-inset-bottom));
  background:radial-gradient(circle at 96% 3%,rgba(255,123,50,.07),transparent 22rem),#070809;
}
.payments-v7-titlebar,
.messages-header,
.profile-header{
  position:sticky;
  top:0;
  z-index:20;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  gap:10px;
  min-height:62px;
  margin:0 -4px 12px;
  padding:7px 4px;
  background:linear-gradient(180deg,rgba(7,8,9,.98),rgba(7,8,9,.91));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.payments-v7-back,
.payments-v7-home,
.messages-header-action,
.profile-back,
.profile-home{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--wp-wallet-line);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#fff;
  text-decoration:none;
}
.payments-v7-back svg,
.payments-v7-home svg,
.messages-header-action svg,
.profile-back svg,
.profile-home svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.payments-v7-home,
.messages-header-action:last-child,
.profile-home{color:#fff}
.payments-v7-titlebar h1,
.messages-header h1,
.profile-header-copy strong{
  margin:0;
  color:#fff;
  text-align:center;
  font-size:18px;
  line-height:1.08;
  font-weight:850;
  letter-spacing:0;
}
.messages-header-copy,
.profile-header-copy{text-align:center;min-width:0;display:block}
.messages-header-copy>span,
.profile-header-copy span{display:none}
.payments-v7-intro .eyebrow,
.messages-eyebrow,
.profile-eyebrow,
.messages-empty-copy>span,
.messages-section-heading>span,
.profile-section-heading>div>span,
.profile-kicker,
.payments-v7-section-label{
  color:var(--wp-wallet-orange);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.payments-v7-intro h2,
.messages-intro h2,
.profile-intro h1{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:0;
}
.payments-v7-intro p:last-child,
.messages-intro p,
.profile-intro>p:last-child{
  color:var(--wp-wallet-muted);
  font-size:13px;
  line-height:1.5;
}
.messages-intro-row{display:block}
.messages-unread{display:inline-flex;margin-top:18px}
.payments-v7-row,
.profile-menu-card,
.messages-info-card{
  border:1px solid var(--wp-wallet-line);
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),var(--wp-wallet-surface);
  box-shadow:inset 0 1px rgba(255,255,255,.03);
}
.payments-v7-row{border-radius:20px;min-height:82px}
.profile-menu-card{border-radius:20px}
.payments-v7-icon,
.messages-empty-icon,
.messages-info-icon,
.profile-row-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,123,50,.24);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(255,123,50,.14),rgba(255,123,50,.065));
  color:var(--wp-wallet-orange);
  font-size:0;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.payments-v7-icon svg,
.messages-empty-icon svg,
.messages-info-icon svg,
.profile-row-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.payments-v7-copy strong,
.messages-info-row strong,
.profile-row-copy strong{
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:0;
}
.payments-v7-copy small,
.messages-info-row small,
.profile-row-copy small{
  color:var(--wp-wallet-soft);
  font-size:11px;
  line-height:1.38;
}
.payments-v7-tail,
.profile-chevron{color:#fff;stroke:#fff}
.messages-empty{
  border-color:rgba(255,123,50,.20);
  border-radius:24px;
  background:radial-gradient(circle at 104% -10%,rgba(255,123,50,.18),transparent 45%),linear-gradient(145deg,#17191c 0%,#101214 76%);
}
.messages-empty h2,
.messages-section-heading h2,
.profile-section-heading h2{letter-spacing:0}
.profile-identity-card{border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(255,123,50,.18),transparent 43%),linear-gradient(145deg,#17191c,#101214)}
.profile-avatar{font-family:var(--wp-wallet-font)}
.wp-shared-bottom-nav .approved-nav-item svg{stroke-width:2!important}
.wp-shared-bottom-nav .approved-nav-pay-icon{background:linear-gradient(135deg,#ff6818,#ff8d2f)!important;color:#fff!important}
.wp-shared-bottom-nav .approved-nav-pay-icon svg{color:#fff!important}
@media(max-width:370px){
  .payments-v7-shell,.messages-shell,.profile-shell{padding-inline:13px}
  .payments-v7-intro h2,.messages-intro h2,.profile-intro h1{font-size:28px}
}
