/* Batch 28 - partner program site, calm and strong (owner pick: concept B). Loaded after partners.css and nx-forms.css on
   /partners, /partners/{affiliate,creator,reseller}, /partners/apply and /partners/dashboard (and /ar/ twins).
   Art hero per program (official splash art already in assets/img/hero), program cards with a pointer spotlight
   (partners-hub.js sets --mx/--my), a "what you get" grid, an approval timeline and an FAQ. Logical properties only. */
.nxp5-page { --p5-g: #45f882; --p5-bg: #04100a; --p5-surf: #0a110d; --p5-line: rgba(156, 170, 160, .16); --p5-line-hi: rgba(69, 248, 130, .42); --p5-ink: #f2f5f3; --p5-mute: #aab3ad; --p5-dim: #8d988f; }
.nxp5-page .breadcumb-wrapper { display: none; }
/* the hero sits outside main.nxp, so it gets the partners.css tokens here */
.nxp5-hero { --nxp-g: #45f882; --nxp-g2: #2fd06a; --nxp-ink: #eef2f8; --nxp-mute: #b6b7b6; --nxp-dim: #8f948f; --nxp-line: rgba(156, 157, 156, .18); --nxp-surf: rgba(12, 21, 17, .78); --nxp-surf2: rgba(255, 255, 255, .03); }
.nxp5 .nxp-code { background: #050906; } .nxp5 .nxp-code pre { background: transparent; border: 0; color: #c9f7d9; }

/* hero */
.nxp5-hero { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; min-block-size: clamp(520px, 72vh, 700px);
  padding-block: clamp(130px, 14vw, 180px) clamp(48px, 6vw, 76px); background: var(--p5-bg); color: var(--p5-ink); }
.nxp5-hero-art { position: absolute; inset: 0; z-index: -2; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 68% 28%; filter: saturate(.9) brightness(.62); }
.nxp5-hero::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(5,14,9, .96) 0, rgba(5,14,9, .82) 34%, rgba(5,14,9, .2) 72%, rgba(5,14,9, .45) 100%), linear-gradient(0deg, var(--p5-bg) 0, transparent 38%); }
[dir="rtl"] .nxp5-hero::before { background: linear-gradient(270deg, rgba(5,14,9, .96) 0, rgba(5,14,9, .82) 34%, rgba(5,14,9, .2) 72%, rgba(5,14,9, .45) 100%), linear-gradient(0deg, var(--p5-bg) 0, transparent 38%); }
[dir="rtl"] .nxp5-hero-art { object-position: 32% 28%; transform: scaleX(-1); }
.nxp5-hero-in { position: relative; inline-size: 100%; }
.nxp5-crumbs.breadcumb-menu { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0 0 22px; padding: 0; list-style: none; font-size: 13px; color: var(--p5-dim); }
.nxp5-crumbs li { margin: 0; padding: 0; color: var(--p5-dim); display: inline-flex; align-items: center; min-height: 44px; }
/* B32 QA: only the legacy theme arrows are hidden; the "/" separator below must stay visible (it used to be removed by this rule, and the crumbs sat at different heights) */
.nxp5-crumbs li::after, .nxp5-crumbs li:first-child::before { display: none !important; }
.nxp5-crumbs li + li { gap: 10px; }
.nxp5-crumbs li + li > :first-child::before, .nxp5-crumbs li + li:not(:has(a))::before { content: "/"; display: inline; margin-inline-end: 0; color: rgba(156, 170, 160, .5); }
.nxp5-crumbs a { color: var(--p5-mute); text-decoration: none; }
.nxp5-crumbs a:hover { color: #fff; }
.nxp5-crumbs [aria-current] { color: #dfe6e1; }
.nxp5-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 56px; align-items: end; }
.nxp5-title { margin: 0 0 10px; font: 700 clamp(40px, 5.6vw, 76px)/.98 Rajdhani, Poppins, sans-serif; letter-spacing: -.02em; color: #fff; text-wrap: balance; max-inline-size: 14ch; }
.nxp5-lede { margin: 0 0 14px; font: 600 clamp(18px, 1.8vw, 22px)/1.4 Poppins, sans-serif; color: var(--p5-g); max-inline-size: 36ch; text-wrap: balance; }
.nxp5-hero .nxp-sub { color: #cdd5d0; }
.nxp5-hero .nxp-row-cta { margin-block-start: 28px; }
.nxp5 .nxp-btn, .nxp5-hero .nxp-btn { min-block-size: 50px; padding-inline: 24px; border-radius: 12px; box-shadow: 0 10px 24px -14px rgba(69, 248, 130, .9); }
.nxp5 .nxp-btn--ghost, .nxp5-hero .nxp-btn--ghost { box-shadow: none; color: #fff; border-color: rgba(156, 170, 160, .32); background: rgba(5,14,9, .35); }
.nxp5 .nxp-btn--ghost:hover, .nxp5-hero .nxp-btn--ghost:hover { border-color: var(--p5-line-hi); background: rgba(69, 248, 130, .08); }
.nxp5-terms.nxp-terms { padding: 6px 22px; border-radius: 18px; background: rgba(6, 10, 8, .78); border-color: rgba(156, 170, 160, .2); backdrop-filter: blur(10px); }
.nxp5-terms dd { font-size: 14.5px; }
.nxp5-hero--compact { min-block-size: 0; padding-block: clamp(120px, 12vw, 150px) 36px; }
.nxp5-hero--compact .nxp5-title { font-size: clamp(34px, 4.4vw, 56px); margin: 0; max-inline-size: none; }

/* sections */
.nxp5.nxp { padding-block: 24px 96px; }
.nxp5-sec { margin-block-start: clamp(56px, 7vw, 96px); }
.nxp5-sec:first-child { margin-block-start: 32px; }
.nxp5 .nxp-h { font-size: clamp(26px, 3vw, 38px); letter-spacing: -.01em; margin-block-end: 10px; }
.nxp5-sec > .nxp-h + .nxp5-cards, .nxp5-sec > .nxp-h + .nxp5-flow, .nxp5-sec > .nxp-h + .nxp5-rules, .nxp5-sec > .nxp-h + .nxp5-faq-list { margin-block-start: 26px; }
.nxp5-sec-sub { margin-block-end: 26px; }

/* program cards */
.nxp5-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
[data-nxp5-spot] { --mx: 50%; --my: 0%; }
.nxp5-card { position: relative; display: flex; flex-direction: column; gap: 14px; padding: 28px 26px 24px; border-radius: 18px; border: 1px solid var(--p5-line);
  background: radial-gradient(420px circle at var(--mx) var(--my), rgba(69, 248, 130, .09), transparent 45%), linear-gradient(180deg, #0b140f, #070b09);
  transition: border-color .2s ease-out, transform .25s cubic-bezier(.22, 1, .36, 1); }
.nxp5-card:hover { border-color: var(--p5-line-hi); transform: translateY(-2px); }
.nxp5-card-top { display: flex; align-items: center; gap: 12px; }
.nxp5-card-top h3 { margin: 0; font: 700 26px/1.1 Rajdhani, Poppins, sans-serif; color: #fff; }
.nxp5-ico { display: grid; place-items: center; inline-size: 44px; block-size: 44px; flex: none; border-radius: 12px; color: var(--p5-g); background: rgba(69, 248, 130, .08); border: 1px solid rgba(69, 248, 130, .22); }
.nxp5-ico .nx-i { inline-size: 20px; block-size: 20px; }
.nxp5-card-line { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.5; color: var(--p5-g); }
.nxp5-card-facts { display: grid; gap: 14px; margin: 4px 0 0; padding-block-start: 16px; border-block-start: 1px solid var(--p5-line); }
.nxp5-card-facts dt { margin: 0 0 4px; font-size: 12px; font-weight: 700; color: var(--p5-dim); }
.nxp5-card-facts dd { margin: 0; font-size: 14.5px; line-height: 1.6; color: #d6dcd8; }
.nxp5-card-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-block-start: auto; padding-block-start: 10px; }

/* what you get */
.nxp5-bento { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.nxp5-tile { position: relative; display: flex; align-items: flex-start; gap: 14px; grid-column: span 3; min-block-size: 112px; padding: 22px; border-radius: 16px; border: 1px solid var(--p5-line);
  background: radial-gradient(360px circle at var(--mx) var(--my), rgba(69, 248, 130, .08), transparent 45%), var(--p5-surf); font-size: 15.5px; font-weight: 600; line-height: 1.5; color: #eef2ef; }
.nxp5-tile--lead { grid-column: span 4; min-block-size: 150px; font: 700 clamp(20px, 2vw, 26px)/1.25 Rajdhani, Poppins, sans-serif;
  background: radial-gradient(420px circle at var(--mx) var(--my), rgba(69, 248, 130, .12), transparent 50%), linear-gradient(135deg, rgba(69, 248, 130, .1), rgba(10, 17, 13, .9) 55%); border-color: rgba(69, 248, 130, .26); }
.nxp5-tile:nth-child(2) { grid-column: span 2; }
.nxp5-tick { position: relative; inline-size: 26px; block-size: 26px; flex: none; border-radius: 50%; background: rgba(69, 248, 130, .14); }
.nxp5-tick::after { content: ""; position: absolute; inset-inline-start: 8px; inset-block-start: 7px; inline-size: 10px; block-size: 6px; border-inline-start: 2px solid var(--p5-g); border-block-end: 2px solid var(--p5-g); transform: rotate(-45deg); }
[dir="rtl"] .nxp5-tick::after { transform: rotate(45deg) scaleX(-1); }
.nxp5-ask { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 40px; align-items: start; padding: 32px; border-radius: 20px; border: 1px solid var(--p5-line); background: var(--p5-surf); }
.nxp5-ask .nxp-list { gap: 14px; }

/* timeline */
.nxp5-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: p5; }
.nxp5-flow li { counter-increment: p5; position: relative; display: grid; gap: 6px; align-content: start; padding-block-start: 56px; padding-inline-end: 24px; }
.nxp5-flow li::before { content: counter(p5); position: absolute; inset-block-start: 0; inset-inline-start: 0; display: grid; place-items: center; inline-size: 40px; block-size: 40px; border-radius: 50%;
  border: 1px solid rgba(69, 248, 130, .5); background: #07100b; color: var(--p5-g); font: 700 16px/1 Rajdhani, Poppins, sans-serif; }
.nxp5-flow li:first-child::before { background: var(--p5-g); color: #03140a; border-color: var(--p5-g); }
.nxp5-flow li::after { content: ""; position: absolute; inset-block-start: 20px; inset-inline: 52px 12px; block-size: 1px; background: linear-gradient(90deg, rgba(69, 248, 130, .45), var(--p5-line)); }
[dir="rtl"] .nxp5-flow li::after { background: linear-gradient(270deg, rgba(69, 248, 130, .45), var(--p5-line)); }
.nxp5-flow li:last-child::after { display: none; }
.nxp5-flow b { font: 700 19px/1.25 Rajdhani, Poppins, sans-serif; color: #fff; }
.nxp5-flow span { font-size: 14px; line-height: 1.6; color: var(--p5-mute); max-inline-size: 30ch; }

/* rules + faq */
.nxp5-rules.nxp-rules { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0 40px; }
.nxp5-faq-list { max-inline-size: 880px; border-block-start: 1px solid var(--p5-line); }
.nxp5-q { border-block-end: 1px solid var(--p5-line); }
.nxp5-q summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-block-size: 64px; padding-block: 14px; cursor: pointer; list-style: none;
  font-size: 16.5px; font-weight: 600; line-height: 1.45; color: #fff; }
.nxp5-q summary::-webkit-details-marker { display: none; }
.nxp5-q summary:hover { color: var(--p5-g); }
.nxp5-q summary:focus-visible { outline: 2px solid var(--p5-g); outline-offset: 4px; border-radius: 6px; }
.nxp5-q-mark { position: relative; inline-size: 32px; block-size: 32px; flex: none; border-radius: 50%; border: 1px solid rgba(156, 170, 160, .3); transition: transform .25s cubic-bezier(.22, 1, .36, 1), border-color .2s; }
.nxp5-q-mark::before, .nxp5-q-mark::after { content: ""; position: absolute; inset-block-start: 50%; inset-inline-start: 50%; inline-size: 12px; block-size: 2px; margin: -1px 0 0 -6px; border-radius: 2px; background: var(--p5-g); }
.nxp5-q-mark::after { transform: rotate(90deg); transition: transform .25s cubic-bezier(.22, 1, .36, 1); }
.nxp5-q[open] .nxp5-q-mark { border-color: var(--p5-line-hi); }
.nxp5-q[open] .nxp5-q-mark::after { transform: rotate(0deg); }
.nxp5-q p { margin: 0 0 20px; max-inline-size: 70ch; font-size: 15px; line-height: 1.7; color: var(--p5-mute); }
.nxp5-final { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; padding: clamp(28px, 4vw, 44px); border-radius: 22px; border: 1px solid rgba(69, 248, 130, .26);
  background: radial-gradient(520px circle at var(--mx) var(--my), rgba(69, 248, 130, .12), transparent 50%), linear-gradient(135deg, #0c1a12, #060a08 60%); }
.nxp5-final .nxp-row-cta { margin: 0; }
.nxp5-final .nxp-sub { max-inline-size: 48ch; }

/* apply + dashboard in the same theme */
.nxp5 .nxp-panel { padding: clamp(22px, 3vw, 36px); border-radius: 22px; border-color: var(--p5-line); background: linear-gradient(180deg, #0b140f, #070b09); }
.nxp5 .nxp-steps-rail { padding: 22px 20px; border-radius: 18px; border: 1px solid var(--p5-line); background: var(--p5-surf); }
.nxp5 .nxp-steps li[aria-current="step"]::before { box-shadow: 0 0 0 5px rgba(69, 248, 130, .16); }
.nxp5 .nxp-f > span { font-size: 13.5px; color: #dfe6e1; }
.nxp5 .nxp-type { padding: 22px; border-radius: 16px; background: var(--p5-surf); }
.nxp5 .nxp-type:has(input:checked) { box-shadow: inset 0 0 0 1px var(--p5-g); }
.nxp5 .nxp-chip span { display: inline-flex; align-items: center; min-block-size: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(156, 170, 160, .28); background: #070c09; font-size: 13.5px; font-weight: 600; color: #dfe6e1; transition: border-color .15s, background-color .15s; }
.nxp5 .nxp-chip:hover span { border-color: rgba(160, 205, 175, .5); }
.nxp5 .nxp-chip input:checked + span { border-color: var(--p5-g); background: rgba(69, 248, 130, .12); color: #fff; }
.nxp5 .nxp-chip input:focus-visible + span { outline: 2px solid var(--p5-g); outline-offset: 2px; }
.nxp5 .nxp-nav { padding-block-start: 20px; border-block-start: 1px solid var(--p5-line); }
.nxp5 .nxd-sec { border-radius: 20px; }
.nxp5 .nxd-stat { border-radius: 16px; }

@media (max-width: 991.98px) {
  .nxp5-hero-grid { grid-template-columns: 1fr; gap: 28px; }
  .nxp5-cards { grid-template-columns: 1fr; }
  .nxp5-ask { grid-template-columns: 1fr; gap: 18px; }
  .nxp5-flow { grid-template-columns: 1fr 1fr; row-gap: 28px; }
  .nxp5-flow li:nth-child(2)::after { display: none; }
}
@media (max-width: 640px) {
  .nxp5-hero { min-block-size: 0; padding-block: 116px 36px; }
  .nxp5-hero::before { background: linear-gradient(0deg, var(--p5-bg) 0, rgba(5,14,9, .78) 55%, rgba(5,14,9, .45) 100%); }
  .nxp5-title { font-size: 40px; }
  .nxp5-hero .nxp-row-cta .nxp-btn { flex: 1 1 100%; }
  .nxp5-bento { grid-template-columns: 1fr; }
  .nxp5-tile, .nxp5-tile--lead, .nxp5-tile:nth-child(2) { grid-column: auto; min-block-size: 0; }
  .nxp5-flow { grid-template-columns: 1fr; row-gap: 0; }
  .nxp5-flow li { padding-block: 4px 26px; padding-inline: 58px 0; min-block-size: 64px; }
  .nxp5-flow li::after, .nxp5-flow li:nth-child(2)::after { display: block; inset-block: 46px 4px; inset-inline: 20px auto; inline-size: 1px; block-size: auto; background: var(--p5-line); }
  .nxp5-flow li:last-child::after { display: none; }
  .nxp5-ask { padding: 22px 18px; }
  .nxp5-final .nxp-row-cta .nxp-btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .nxp5-card, .nxp5-q-mark, .nxp5-q-mark::after { transition: none; } .nxp5-card:hover { transform: none; } }

/* batch 34: reseller panel on the dashboard. Green #45f882 on black, one card per question. */
.nxr{display:grid;gap:16px;padding-block:16px}
.nxr-card{background:#0b0f0c;border:1px solid rgba(69,248,130,.18);border-radius:14px;padding:20px}
.nxr-card h2{margin:0 0 10px;font-size:1.05rem;color:#e8fff0}
.nxr-big{font-size:2rem;font-weight:700;color:#45f882;margin:.2em 0}
.nxr-btn{display:inline-block;background:#45f882;color:#04110a;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;border:0;cursor:pointer;margin-inline-end:8px;margin-block:4px}
.nxr-btn.nxr-ghost{background:transparent;color:#45f882;border:1px solid rgba(69,248,130,.45)}
.nxr-stats{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;margin:0;padding:0}
.nxr-stats b{color:#45f882;font-size:1.3rem;margin-inline-end:4px}
.nxr-scroll{overflow-x:auto}
.nxr-pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8rem;border:1px solid rgba(69,248,130,.35);color:#45f882}
.nxr-failed,.nxr-refunded{color:#ffb4a8;border-color:rgba(255,180,168,.4)}
.nxr-pending{color:#f5d77a;border-color:rgba(245,215,122,.4)}
.nxr-form{display:grid;gap:12px;margin-top:12px;max-width:560px}
.nxp-docs{max-width:860px;padding-block:24px}
.nxp-docs section{margin-block:28px}
.nxp-code{background:#04100a;border:1px solid rgba(69,248,130,.2);border-radius:10px;padding:14px;overflow-x:auto;font-size:.85rem}
.nxp-table{width:100%;border-collapse:collapse}
.nxp-table th,.nxp-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:start}

/* batch 34: partner application. Floating labels (placeholder=" "), clear inline errors, mobile-first, sticky actions. */
.nxp-step-intro{grid-column:1/-1;margin:0 0 18px;font:500 14.5px/1.6 Poppins,sans-serif;color:var(--nxp-mute);max-width:60ch}
.nxp-apply .nxp-fl{position:relative;display:block}
.nxp-apply .nxp-fl>span{position:absolute;inset-inline:15px;inset-block-start:17px;z-index:1;max-inline-size:calc(100% - 30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;font:500 15px/1.3 Poppins,sans-serif;color:var(--nxp-dim);transition:inset-block-start .14s ease,font-size .14s ease,color .14s ease}
.nxp-apply .nxp-f.nxp-fl>input:not([type=checkbox]):not([type=radio]),.nxp-apply .nxp-f.nxp-fl>textarea,.nxp-apply .nxp-f.nxp-fl>select{min-block-size:58px;block-size:auto;padding-block:25px 8px;font-size:16px}
.nxp-apply .nxp-f.nxp-fl>textarea{min-block-size:116px}
.nxp .nxp-step legend[tabindex]:focus,.nxp .nxp-step legend[tabindex]:focus-visible{outline:none}
.nxp-apply .nxp-fl:has(>input:focus,>textarea:focus,>select:focus)>span,.nxp-apply .nxp-fl:has(>input:not(:placeholder-shown),>textarea:not(:placeholder-shown))>span,.nxp-apply .nxp-fl:has(>select)>span{inset-block-start:8px;font-size:11.5px;font-weight:600;color:var(--nxp-g)}
.nxp-apply .nxp-fl:has(>[aria-invalid=true])>span{color:#ffb4a8}
.nxp-apply .nxp-fl small{display:block;margin-block-start:6px}
.nxp-apply .nxp-err:empty{display:none}
.nxp-apply em.nxp-err,.nxp-apply p.nxp-err{display:block;margin:6px 0 0;font:600 13px/1.5 Poppins,sans-serif;font-style:normal;color:#ffb4a8}
.nxp-apply .nxp-err:not(:empty)::before{content:"!";display:inline-grid;place-items:center;inline-size:16px;block-size:16px;margin-inline-end:6px;border-radius:50%;background:#ffb4a8;color:#1a0b08;font-size:11px;font-weight:800}
.nxp-apply .nxp-chip,.nxp-apply .nxp-type{min-block-size:44px}
@media (max-width:760px){
  .nxp{padding-block:28px 56px}
  .nxp-apply-grid{grid-template-columns:1fr;gap:18px}
  .nxp-steps-rail{position:static}
  .nxp-steps{display:flex;gap:6px;overflow-x:auto}
  .nxp-steps li{flex:1 0 auto;padding:0;padding-block-start:18px;min-inline-size:78px}
  .nxp-steps li span{display:none}
  .nxp-steps li::before{inset-inline-start:0;inset-block-start:0}
  .nxp-steps li::after{inset-inline-start:12px;inset-inline-end:-6px;inset-block:5px auto;inline-size:auto;block-size:1px;width:auto}
  .nxp-panel{padding:20px 16px}
  .nxp-fields,.nxp-step[data-step="3"]{grid-template-columns:1fr;gap:14px}
  .nxp-nav{position:sticky;inset-block-end:0;display:flex;gap:10px;padding-block:12px;margin-inline:-16px;padding-inline:16px;background:linear-gradient(180deg,rgba(6,18,12,0),#06120c 38%)}
  .nxp-nav .nxp-btn{flex:1;min-block-size:50px}
}
.nxp .nxp-step legend[tabindex]:focus,.nxp .nxp-step legend[tabindex]:focus-visible{outline:0!important;box-shadow:none!important}
.nxp-apply .nxp-f.nxp-fl>select{padding-block:25px 8px!important;min-block-size:58px!important;line-height:1.3}
/* b34: the consent and API-access boxes must always show (a global reset hides bare checkboxes) */
.nxp-apply .nxp-check input[type=checkbox]{display:block!important;appearance:auto;-webkit-appearance:checkbox;opacity:1!important;visibility:visible!important;position:static!important;inline-size:20px;block-size:20px;margin:1px 0 0;accent-color:var(--p5-g,#45f882);flex:none}
.nxp-apply .nxp-f.nxp-fl>select{padding-block:26px 8px!important}
.nxp-apply .nxp-fl>.nx-sel .nx-sel-btn{min-block-size:58px;padding-block:24px 8px;align-items:center}
.nxp-apply .nxp-fl>.nx-sel .nx-sel-btn .nx-sel-chev{align-self:center}
/* batch 67: partner wallet + price list panel */
.nxw{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-block:8px 32px}
.nxw>*{min-inline-size:0}
.nxw .nxr-card h2{margin-block-start:0}
.nxw .nxr-card{padding:20px 16px}
@media (min-width:640px){.nxw .nxr-card{padding:24px}}
.nxw .nxr-btn{color:#04110a}
.nxw .nxr-btn.nxr-ghost{color:#45f882}
.nxw .nxr-card h3{margin:20px 0 8px;font-size:1rem;color:#e8fff0}
.nxw .nxp-f{display:grid;gap:6px}
.nxw .nxw-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-block:8px 4px}
.nxw .nxr-pill.nxr-credited{color:#45f882}
.nxw .nxr-pill.nxr-awaiting_payment,.nxw .nxr-pill.nxr-paid_crediting{color:#f5d77a;border-color:rgba(245,215,122,.4)}
.nxw .nxr-pill.nxr-cancelled{color:#ffb4a8;border-color:rgba(255,180,168,.4)}
.nxw .nxp-table td:nth-child(n+2){white-space:nowrap}