/* Customer wallet, memberships, offers, tracking & rate comparison (includes/ext/promos.php). Prefix pwpr-. Mobile first. */

/* ---------- Shared ---------- */
.pwpr-fine{font-size:12.5px;margin:14px 2px;line-height:1.5}
.pwpr-ticks{list-style:none;margin:10px 0;padding:0;display:grid;gap:6px}
.pwpr-ticks li{position:relative;padding-left:24px;font-size:14px;line-height:1.4}
.pwpr-ticks li::before{content:"";position:absolute;left:2px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--pw-success-50,#E7F8EF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23118A4E' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.pwpr-ticks li small{color:var(--pw-muted)}
.pwpr-bonus{color:var(--pw-success,#12A150);font-weight:700}
.pwpr-seg{display:flex;flex-wrap:wrap;gap:6px}
.pwpr-seg label{display:flex;align-items:center;gap:6px;border:1px solid var(--pw-line);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:13.5px;background:#fff}
.pwpr-seg label:has(input:checked){border-color:var(--pw-primary);background:var(--pw-primary-50);color:var(--pw-primary-700,#9F1239);font-weight:600}
.pwpr-manual{margin-top:8px}
.pw-was{color:var(--pw-muted);font-size:12.5px;display:block}
.pw-member-note{color:var(--pw-indigo-ink,#3730A3)!important;font-weight:600}

/* Member badge */
.pwpr-mbadge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#E11D48,#9F1239);box-shadow:0 4px 12px rgba(225,29,72,.25);white-space:nowrap}
.pwpr-mbadge.is-sky{background:linear-gradient(135deg,#0369A1,#075985)}
.pwpr-mbadge.is-amber{background:linear-gradient(135deg,#B45309,#92400E)}
.pwpr-mbadge.is-indigo{background:linear-gradient(135deg,#4F46E5,#3730A3)}
.pwpr-mbadge.is-teal{background:linear-gradient(135deg,#0F766E,#115E59)}

/* ---------- Dashboard strip ---------- */
.pwpr-dash-strip{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 18px}
.pwpr-dash-mem,.pwpr-dash-offer{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-decoration:none;color:var(--pw-ink);background:#fff;border:1px solid var(--pw-line);box-shadow:var(--pw-shadow)}
.pwpr-dash-mem span,.pwpr-dash-offer span{display:flex;flex-direction:column;min-width:0}
.pwpr-dash-mem small,.pwpr-dash-offer small{color:var(--pw-muted);font-size:12.5px}
.pwpr-dash-mem{color:#fff;border:0;background:linear-gradient(135deg,#E11D48,#9F1239)}
.pwpr-dash-mem small{color:rgba(255,255,255,.88)!important}
a.pwpr-dash-mem,a.pwpr-dash-mem b,a.pwpr-dash-mem .pw-i{color:#fff!important}
.pwpr-dash-offer small .pw-mono{display:inline}
.pwpr-dash-mem.is-sky{background:linear-gradient(135deg,#0369A1,#075985)}
.pwpr-dash-mem.is-amber{background:linear-gradient(135deg,#B45309,#92400E)}
.pwpr-dash-mem.is-indigo{background:linear-gradient(135deg,#4F46E5,#3730A3)}
.pwpr-dash-mem.is-teal{background:linear-gradient(135deg,#0F766E,#115E59)}
.pwpr-dash-mem.is-upsell{background:linear-gradient(135deg,#4F46E5,#9F1239)}
.pwpr-dash-offer .pw-i{color:var(--pw-primary)}
.pwpr-dash-offer b{color:var(--pw-primary-700,#9F1239)}
.pwpr-quickrate{display:grid;grid-template-columns:1fr;gap:10px;align-items:end}
.pwpr-quickrate .pw-field{margin:0}
@media (min-width:720px){
  .pwpr-dash-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .pwpr-quickrate{grid-template-columns:2fr 1fr auto}
}

/* ---------- Wallet ---------- */
.pwpr-wallet-hero{display:grid;gap:16px;padding:20px;border-radius:18px;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#4F46E5 0%,#9F1239 70%,#E11D48 100%);box-shadow:var(--pw-shadow-lg)}
.pwpr-wh-main{display:flex;flex-direction:column;gap:4px}
.pwpr-wh-lbl{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.9}
.pwpr-wh-bal{font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
.pwpr-wh-sub{font-size:12.5px;opacity:.85}
.pwpr-wh-offers,.pwpr-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.pwpr-tier{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;text-align:left;font:inherit;text-decoration:none}
.pwpr-tier:hover{background:rgba(255,255,255,.22)}
.pwpr-tier small{font-size:11.5px;opacity:.85}
.pwpr-tier b{font-size:18px}
.pwpr-tier span{font-size:12.5px;font-weight:700;color:#FDE68A}
.pwpr-tiers .pwpr-tier{background:var(--pw-amber-50,#FFFBEB);border-color:var(--pw-amber-100,#FEF3C7);color:var(--pw-ink)}
.pwpr-tiers .pwpr-tier span{color:var(--pw-amber-ink,#92400E)}
.pwpr-txns,.pwpr-reqs{display:flex;flex-direction:column}
.pwpr-txn,.pwpr-req{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--pw-line)}
.pwpr-txn:first-child,.pwpr-req:first-child{border-top:0}
.pwpr-txn > div:nth-child(2),.pwpr-req > div:first-child{flex:1;min-width:0;display:flex;flex-direction:column}
.pwpr-txn small,.pwpr-req small{color:var(--pw-muted);font-size:12px;overflow-wrap:anywhere}
.pwpr-txn-ic{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:var(--pw-success-50,#E7F8EF);color:var(--pw-success,#12A150)}
.pwpr-txn.is-dr .pwpr-txn-ic{background:var(--pw-primary-50);color:var(--pw-primary)}
.pwpr-txn-amt{text-align:right;display:flex;flex-direction:column}
.pwpr-txn.is-cr .pwpr-txn-amt b{color:var(--pw-success,#12A150)}
.pwpr-req-r{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.pwpr-rej{color:var(--pw-danger)!important}
@media (min-width:720px){
  .pwpr-wallet-hero{grid-template-columns:1fr 1.3fr;align-items:center;padding:24px 28px}
}

/* ---------- Checkout box ---------- */
.pwpr-checkout{display:flex;flex-direction:column;gap:10px;margin:10px 0}
.pwpr-co-member{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;padding:10px 12px;border-radius:12px;background:var(--pw-indigo-50,#EEF2FF);color:var(--pw-indigo-ink,#3730A3)}
.pwpr-co-coupon label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.pwpr-co-row{display:flex;gap:6px}
.pwpr-co-row input{flex:1;min-width:0}
.pwpr-co-msg{font-size:13px;padding:8px 10px;border-radius:10px;margin-top:6px}
.pwpr-co-msg.is-ok{background:var(--pw-success-50,#E7F8EF);color:#0B6B3A}
.pwpr-co-msg.is-bad,.pwpr-co-msg.is-warn{background:var(--pw-warn-50,#FFF7E6);color:#8A4B00}
.pwpr-co-sum{margin:8px 0 0;padding:10px 12px;border:1px dashed var(--pw-line);border-radius:12px;font-size:13px;display:grid;gap:4px}
.pwpr-co-sum div{display:flex;justify-content:space-between;gap:10px}
.pwpr-co-sum dt{color:var(--pw-muted)}
.pwpr-co-sum dd{margin:0;font-weight:600;white-space:nowrap}
.pwpr-co-sum .is-note dt{color:#8A4B00;font-size:12px}
.pwpr-co-sum .is-tot{border-top:1px solid var(--pw-line);padding-top:6px;margin-top:2px}
.pwpr-co-sum .is-tot dt{color:var(--pw-ink);font-weight:700}
.pwpr-co-wallet{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--pw-line);background:#fff;font-size:14px;cursor:pointer}
.pwpr-co-wallet span{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pwpr-co-wallet:has(input:checked){border-color:var(--pw-success,#12A150);background:var(--pw-success-50,#E7F8EF)}
.pwpr-co-wallet.is-empty{opacity:.8;cursor:default}

/* ---------- Membership ---------- */
.pwpr-mem-hero{display:grid;gap:16px;padding:20px;border-radius:18px;margin-bottom:18px;color:#fff;background:linear-gradient(135deg,#E11D48,#9F1239);box-shadow:var(--pw-shadow-lg)}
.pwpr-mem-hero.is-sky{background:linear-gradient(135deg,#0369A1,#0C4A6E)}
.pwpr-mem-hero.is-amber{background:linear-gradient(135deg,#B45309,#78350F)}
.pwpr-mem-hero.is-indigo{background:linear-gradient(135deg,#4F46E5,#312E81)}
.pwpr-mem-hero.is-teal{background:linear-gradient(135deg,#0F766E,#134E4A)}
.pwpr-mem-hero h2{margin:4px 0;font-size:28px;color:#fff}
.pwpr-mem-hero p{margin:0 0 6px;opacity:.92}
.pwpr-mem-hero .pwpr-ticks li::before{background-color:rgba(255,255,255,.95)}
.pwpr-mem-hero .pwpr-ticks li small{color:rgba(255,255,255,.8)}
.pwpr-mem-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.pwpr-mem-stat{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.14)}
.pwpr-mem-stat b{font-size:28px}
.pwpr-renew-hint{font-size:12.5px;color:#FDE68A;font-weight:600}
.pwpr-plans{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}
.pwpr-plan{--pc:#E11D48;--pc2:#FFF1F2;position:relative;display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--pw-line);box-shadow:var(--pw-shadow);border-top:5px solid var(--pc)}
.pwpr-plan.is-sky{--pc:#0369A1;--pc2:#F0F9FF}
.pwpr-plan.is-amber{--pc:#B45309;--pc2:#FFFBEB}
.pwpr-plan.is-indigo{--pc:#4F46E5;--pc2:#EEF2FF}
.pwpr-plan.is-teal{--pc:#0F766E;--pc2:#F0FDFA}
.pwpr-plan.is-current{box-shadow:0 0 0 2px var(--pc),var(--pw-shadow-lg)}
.pwpr-plan.is-off{opacity:.6}
.pwpr-plan header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pwpr-plan h3{display:flex;align-items:center;gap:6px;margin:0;font-size:19px;color:var(--pc)}
.pwpr-plan-tag{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:99px;background:var(--pc2);color:var(--pc)}
.pwpr-plan-price b{font-size:30px;font-weight:800;letter-spacing:-.02em}
.pwpr-plan-price small{color:var(--pw-muted);margin-left:4px}
.pwpr-plan-desc{margin:0;color:var(--pw-muted);font-size:13.5px}
.pwpr-plan-buy{margin-top:auto}
.pwpr-plan-buy > summary{list-style:none;cursor:pointer;justify-content:center}
.pwpr-plan-buy > summary::-webkit-details-marker{display:none}
.pwpr-plan-buy[open] > summary{margin-bottom:10px}
.pwpr-plan-buy .pw-form{display:flex;flex-direction:column;gap:10px}
.pwpr-paychoice{display:grid;gap:6px}
.pwpr-paychoice label{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--pw-line);border-radius:10px;font-size:13.5px;cursor:pointer}
.pwpr-paychoice label span{display:flex;align-items:center;gap:6px;flex:1}
.pwpr-paychoice label small{margin-left:auto;color:var(--pw-muted)}
.pwpr-paychoice label:has(input:checked){border-color:var(--pc);background:var(--pc2)}
.pwpr-paychoice label:has(input:disabled){opacity:.55;cursor:not-allowed}
.pwpr-grant > summary{list-style:none;cursor:pointer;padding:14px 18px;display:flex;align-items:center;gap:8px}
.pwpr-mrow-acts{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:720px){
  .pwpr-mem-hero{grid-template-columns:1.6fr 1fr;align-items:center;padding:24px 28px}
  .pwpr-plans{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
}

/* ---------- Offers ---------- */
.pwpr-offers{display:grid;grid-template-columns:1fr;gap:12px}
.pwpr-offer{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;border:1px dashed var(--pw-primary);background:linear-gradient(180deg,var(--pw-primary-50),#fff 60%)}
.pwpr-offer.is-na{opacity:.7;border-color:var(--pw-line)}
.pwpr-offer-val{font-size:24px;font-weight:800;color:var(--pw-primary-700,#9F1239)}
.pwpr-offer p{margin:0;font-size:14px}
.pwpr-offer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.pwpr-offer ul li{font-size:11.5px;padding:2px 8px;border-radius:99px;background:#fff;border:1px solid var(--pw-line);color:var(--pw-ink-2,#334155)}
.pwpr-offer-na{color:#8A4B00;font-size:12px}
.pwpr-offer-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.pwpr-code{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;padding:9px 12px;border-radius:10px;border:2px dashed var(--pw-primary);background:#fff;color:var(--pw-primary-700,#9F1239);cursor:pointer}
.pwpr-upsell p{margin:0 0 8px}
.pwpr-upsell.is-member{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
@media (min-width:720px){ .pwpr-offers{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))} }

/* ---------- Track ---------- */
.pwpr-trackbox{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;margin:0 0 16px;border-radius:14px;background:#fff;border:1px solid var(--pw-line);box-shadow:var(--pw-shadow)}
.pwpr-trackbox > .pw-i{color:var(--pw-muted);flex:0 0 auto}
.pwpr-trackbox input{flex:1;min-width:0;border:0!important;box-shadow:none!important;font-size:16px;padding:8px 4px;background:transparent}
.pwpr-trks{display:grid;grid-template-columns:1fr;gap:12px}
.pwpr-trk-result{margin-bottom:18px}
.pwpr-trk{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:#fff;border:1px solid var(--pw-line);box-shadow:var(--pw-shadow);border-left:5px solid var(--pw-primary)}
.pwpr-trk.is-done{border-left-color:var(--pw-success,#12A150)}
.pwpr-trk.is-bad{border-left-color:var(--pw-muted)}
.pwpr-trk header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pwpr-trk header div{display:flex;flex-direction:column}
.pwpr-trk header small{font-size:11px;color:var(--pw-muted);text-transform:uppercase;letter-spacing:.05em}
.pwpr-trk header b{font-size:16px;overflow-wrap:anywhere}
.pwpr-trk-route{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}
.pwpr-trk-route .pw-i{color:var(--pw-primary);flex:0 0 auto}
.pwpr-trk-route span:last-child{text-align:right;margin-left:auto}
.pwpr-trk-bar{height:8px;border-radius:99px;background:var(--pw-line-2,#EEF0F4);overflow:hidden}
.pwpr-trk-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#E11D48,#F97316)}
.pwpr-trk.is-done .pwpr-trk-bar span{background:linear-gradient(90deg,#12A150,#0F766E)}
.pwpr-trk-bar.is-bad span{background:var(--pw-muted)}
.pwpr-trk-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;font-size:10.5px;color:var(--pw-muted);text-align:center}
.pwpr-trk-steps li.is-done{color:var(--pw-ink);font-weight:600}
.pwpr-trk-steps li.is-cur{color:var(--pw-primary)}
.pwpr-trk-last{margin:0;font-size:13px;color:var(--pw-ink-2,#334155)}
.pwpr-trk-more summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--pw-primary)}
.pwpr-trk-more .pw-timeline{margin-top:10px}
.pwpr-trk footer{display:flex;flex-wrap:wrap;gap:6px}
@media (min-width:900px){ .pwpr-trks{grid-template-columns:repeat(2,1fr)} }

/* ---------- Rate comparison ---------- */
.pwpr-lanes{display:grid;gap:10px}
.pwpr-lane{display:grid;grid-template-columns:auto minmax(0,1fr) 96px 36px;gap:8px;align-items:end}
.pwpr-lane[hidden]{display:none}
.pwpr-lane .pw-field{margin:0}
.pwpr-lane-n{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:var(--pw-primary);margin-bottom:7px}
.pwpr-lane-x{margin-bottom:4px}
.pwpr-cmp-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.pwpr-cmp-actions > .pw-btn-lg{align-self:stretch;justify-content:center}
.pwpr-dims summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--pw-primary)}
.pwpr-dimgrid{grid-template-columns:repeat(2,1fr);margin-top:8px}
.pwpr-cmp{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.pwpr-cmp-col{background:#fff;border:1px solid var(--pw-line);border-radius:16px;box-shadow:var(--pw-shadow);overflow:hidden}
.pwpr-cmp-col > header{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;background:linear-gradient(135deg,var(--pw-primary-50),#fff)}
.pwpr-cmp-col > header .pwpr-lane-n{margin:0;flex:0 0 28px}
.pwpr-cmp-col h3{margin:0;font-size:16px}
.pwpr-cmp-col header small{color:var(--pw-muted);font-size:12px;line-height:1.4;display:block}
.pwpr-cmp-col .pw-empty{padding:20px}
.pwpr-rate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:12px 16px;border-top:1px solid var(--pw-line);border-left:4px solid transparent}
.pwpr-rate[data-tier="economy"]{border-left-color:#0F766E}
.pwpr-rate[data-tier="express"]{border-left-color:#E11D48}
.pwpr-rate[data-tier="documents"]{border-left-color:#4F46E5}
.pwpr-rate-svc{display:flex;gap:10px;align-items:flex-start;min-width:0}
.pwpr-rate-svc > div{display:flex;flex-direction:column;min-width:0}
.pwpr-rate-svc b{font-size:14.5px}
.pwpr-rate-svc .pw-svc-tag{margin-left:6px}
.pwpr-rate-svc small{color:var(--pw-muted);font-size:12px}
.pwpr-rate-ic{font-size:22px;line-height:1}
.pwpr-rate-price{display:flex;flex-direction:column;align-items:flex-end;text-align:right;max-width:150px}
.pwpr-rate-price b{font-size:18px}
.pwpr-rate-price s{color:var(--pw-muted);font-size:12px}
.pwpr-rate-price small{color:var(--pw-muted);font-size:11.5px}
.pwpr-rate-price .pwpr-mp{color:var(--pw-indigo-ink,#3730A3);font-weight:600}
.pwpr-rate > .pw-btn{grid-column:1 / -1;justify-content:center}
@media (min-width:720px){
  .pwpr-cmp-actions{flex-direction:row;flex-wrap:wrap;align-items:center}
  .pwpr-cmp-actions .pwpr-dims{flex:1 1 100%;order:2}
  .pwpr-cmp-actions > .pw-btn-lg{align-self:auto;margin-left:auto}
  .pwpr-dimgrid{grid-template-columns:repeat(5,1fr)}
  .pwpr-cmp-2{grid-template-columns:repeat(2,1fr)}
  .pwpr-cmp-3{grid-template-columns:repeat(2,1fr)}
  .pwpr-rate{grid-template-columns:minmax(0,1fr) auto auto}
  .pwpr-rate > .pw-btn{grid-column:auto}
}
@media (min-width:1200px){ .pwpr-cmp-3{grid-template-columns:repeat(3,1fr)} .pwpr-cmp-3 .pwpr-rate{grid-template-columns:minmax(0,1fr) auto} .pwpr-cmp-3 .pwpr-rate > .pw-btn{grid-column:1 / -1} }

/* ---------- Console ---------- */
.pwpr-tier-grid{display:grid;grid-template-columns:1fr;gap:6px;max-width:640px}
.pwmg-rules{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#FFF1F2,#EEF2FF);border:1px solid var(--pw-primary-100,#FFE4E6);font-size:13.5px}
.pwmg-rules > b{display:flex;align-items:center;gap:6px;color:var(--pw-primary-700,#9F1239)}
.pwmg-rule{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:99px;background:#fff;border:1px solid var(--pw-line);font-weight:600}
.pwmg-rule i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--pw-primary);color:#fff;font-size:12px}
.pwmg-rules small{flex-basis:100%;color:var(--pw-muted)}
.pwpb-floor-rule{margin:0 0 10px}
.pw-svc-price:has(.pw-was){display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.pw-svc-price .pw-member-note{max-width:150px}
.pwmg-col{min-width:0}
.pwmg-col .pw-grid > *,.pwmg-g3 input{min-width:0}
@media (max-width:880px){.pwmg-wrap{grid-template-columns:minmax(0,1fr)}}