/* =====================================================================
   PrivateDrop 2.0 — payment history window (single owner, scoped to ._modal_pm5ns_2)
   Markup: index bundle, component Ra (rows .pdh-row[data-s], status .pdh-status[data-s],
   operation .pdh-op, ID chip .pdh-id-btn, skeleton .pdh-skel). Tokens: privatedrop-ds-v3.css.

   Performance (iPhone):
   - the shared modal box (Yt) animates `height` with JS on every content resize (layout per
     frame, scroll locked while it runs). Here the layout gets a FIXED height, so skeleton -> data,
     paging and Safari toolbar resizes never trigger that animation;
   - phones: bottom sheet that slides on `transform` only, svh units (no resize while scrolling),
     contained overscroll, no blur, small shadows, no hover / transitions on touch;
   - skeleton = one opacity pulse on its wrapper instead of 25 background-position shimmers.
   ===================================================================== */

._modal_pm5ns_2{
  --pdh-h:min(700px,calc(100svh - 64px));
  --pdh-ok:#4fd98f;--pdh-ok-rgb:63 207 134;
  --pdh-fail:#ff7a70;--pdh-fail-rgb:255 106 95;
  width:min(860px,calc(100vw - 32px))!important;
}
/* fixed frame: the box never re-measures, so it never animates its height */
._modal_pm5ns_2 > [class*="_box_lj1yg"]{border-radius:var(--pd2-r-xl)!important;background:var(--pd2-s1)!important}
._modal_pm5ns_2 [class*="_layout_lj1yg"]{height:var(--pdh-h);max-height:none!important}
._modal_pm5ns_2 [class*="_header_lj1yg"]{background:var(--pd2-raised)!important;border-bottom:1px solid var(--pd2-line)!important}
._modal_pm5ns_2 [class*="_body_lj1yg"]{
  overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:#2a2b31 transparent;
}
._modal_pm5ns_2 [class*="_box_lj1yg"][data-animating=true] [class*="_body_lj1yg"]{overflow-y:auto!important}
._modal_pm5ns_2 [class*="_footer_lj1yg"]{background:var(--pd2-s1)!important;border-top:1px solid var(--pd2-line)!important}

/* ---------- table ---------- */
._modal_pm5ns_2 ._tableWrap_pm5ns_6{padding:0 20px 16px!important}
._modal_pm5ns_2 ._table_pm5ns_6{border-collapse:separate;border-spacing:0;background:transparent!important;overflow:visible!important;table-layout:auto}
._modal_pm5ns_2 ._thead_pm5ns_17 tr{height:44px;border:0!important}
._modal_pm5ns_2 ._th_pm5ns_17{
  position:sticky;top:0;z-index:2;padding:0 12px!important;
  background:var(--pd2-s1);box-shadow:inset 0 -1px 0 var(--pd2-line);
  color:var(--pd2-text-3)!important;font:600 11px/14px var(--pd2-font)!important;letter-spacing:.09em;text-transform:uppercase;
}
._modal_pm5ns_2 .pdh-th-amount{text-align:right!important}
._modal_pm5ns_2 ._tbody_pm5ns_47 tr{border:0!important}
._modal_pm5ns_2 ._td_pm5ns_33{
  height:64px!important;padding:0 12px!important;border-bottom:1px solid var(--pd2-line);
  color:var(--pd2-text)!important;font-family:var(--pd2-font)!important;font-variant-numeric:tabular-nums;vertical-align:middle;
  text-transform:none!important;letter-spacing:0;
}
._modal_pm5ns_2 ._tbody_pm5ns_47 tr:last-child ._td_pm5ns_33{border-bottom:0}

/* operation: icon tile + "Top-up" over the payment method */
._modal_pm5ns_2 .pdh-op{white-space:nowrap}
._modal_pm5ns_2 .pdh-op-ico{
  display:inline-block;vertical-align:middle;width:36px;height:36px;margin-right:12px;border-radius:var(--pd2-r-md);
  background:var(--pd2-gold-wash-2);box-shadow:inset 0 0 0 1px var(--pd2-gold-line);position:relative;
}
._modal_pm5ns_2 .pdh-op-ico::after{
  content:"";position:absolute;inset:9px;background:var(--pd2-gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11m0 0 4.5-4.5M12 14 7.5 9.5M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v11m0 0 4.5-4.5M12 14 7.5 9.5M4 15v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E") center/contain no-repeat;
}
._modal_pm5ns_2 .pdh-op-text{display:inline-flex;flex-direction:column;gap:3px;vertical-align:middle;min-width:0}
._modal_pm5ns_2 .pdh-op-text b{font:600 14px/17px var(--pd2-font);color:var(--pd2-text)}
._modal_pm5ns_2 .pdh-op-text small{font:500 12px/15px var(--pd2-font);color:var(--pd2-text-3);overflow:hidden;text-overflow:ellipsis;max-width:180px}

/* date over time */
._modal_pm5ns_2 .pdh-date{white-space:nowrap}
._modal_pm5ns_2 .pdh-date ._date_pm5ns_55,
._modal_pm5ns_2 .pdh-date ._time_pm5ns_59{display:block!important;margin:0!important}
._modal_pm5ns_2 .pdh-date ._date_pm5ns_55{font:500 14px/17px var(--pd2-font);color:var(--pd2-text-2)}
._modal_pm5ns_2 .pdh-date ._time_pm5ns_59{margin-top:3px!important;font:500 12px/15px var(--pd2-font);color:var(--pd2-text-3)}

/* amount: right-aligned figures, "+" for credited top-ups, muted when it did not go through */
._modal_pm5ns_2 .pdh-amount{text-align:right!important;white-space:nowrap}
._modal_pm5ns_2 .pdh-amount [class*="_root_19r0h"]{display:inline-flex!important;align-items:center;gap:6px;justify-content:flex-end}
._modal_pm5ns_2 .pdh-amount [class*="_root_19r0h"] > span{font:700 15px/18px var(--pd2-font-num)!important;color:var(--pd2-text)!important;letter-spacing:.01em}
._modal_pm5ns_2 .pdh-amount [class*="_root_19r0h"] img{width:16px!important;height:16px!important}
._modal_pm5ns_2 .pdh-row[data-s="ok"] .pdh-amount [class*="_root_19r0h"] > span::before{content:"+";margin-right:1px;color:var(--pdh-ok)}
._modal_pm5ns_2 .pdh-row:is([data-s="fail"],[data-s="cancel"]) .pdh-amount [class*="_root_19r0h"]{opacity:.5}

/* status pill */
._modal_pm5ns_2 .pdh-st{white-space:nowrap}
._modal_pm5ns_2 .pdh-status{
  display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:var(--pd2-r-pill);
  font:600 12px/1 var(--pd2-font);letter-spacing:.01em;white-space:nowrap;
  color:var(--pd2-gold-hi);background:var(--pd2-gold-wash);box-shadow:inset 0 0 0 1px var(--pd2-gold-line);
}
._modal_pm5ns_2 .pdh-status::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}
._modal_pm5ns_2 .pdh-status[data-s="ok"]{color:var(--pdh-ok);background:rgb(var(--pdh-ok-rgb)/.09);box-shadow:inset 0 0 0 1px rgb(var(--pdh-ok-rgb)/.22)}
._modal_pm5ns_2 .pdh-status[data-s="fail"]{color:var(--pdh-fail);background:rgb(var(--pdh-fail-rgb)/.09);box-shadow:inset 0 0 0 1px rgb(var(--pdh-fail-rgb)/.24)}
._modal_pm5ns_2 .pdh-status[data-s="cancel"]{color:var(--pd2-text-2);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--pd2-line-2)}

/* ID: quiet mono chip, tap to copy */
._modal_pm5ns_2 .pdh-id{width:1%;white-space:nowrap}
._modal_pm5ns_2 .pdh-id-btn{
  display:inline-flex;align-items:center;gap:7px;max-width:190px;height:28px;padding:0 9px;border:0;border-radius:var(--pd2-r-sm);
  background:transparent;color:var(--pd2-text-3);cursor:pointer;-webkit-tap-highlight-color:transparent;
  font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
._modal_pm5ns_2 .pdh-id-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
._modal_pm5ns_2 .pdh-id-btn::after{
  content:"";flex:none;width:13px;height:13px;background:currentColor;opacity:.75;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2.5'/%3E%3Cpath d='M16 8V6.5A2.5 2.5 0 0 0 13.5 4h-7A2.5 2.5 0 0 0 4 6.5v7A2.5 2.5 0 0 0 6.5 16H8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='12' height='12' rx='2.5'/%3E%3Cpath d='M16 8V6.5A2.5 2.5 0 0 0 13.5 4h-7A2.5 2.5 0 0 0 4 6.5v7A2.5 2.5 0 0 0 6.5 16H8'/%3E%3C/svg%3E") center/contain no-repeat;
}
._modal_pm5ns_2 .pdh-id-btn[data-copied]{color:var(--pdh-ok)}
._modal_pm5ns_2 .pdh-id-btn[data-copied]::after{
  opacity:1;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;
}
._modal_pm5ns_2 .pdh-id-btn:focus-visible{outline:2px solid var(--pd2-gold-line-2);outline-offset:1px}

/* pointer devices only: row and chip hover */
@media (hover:hover) and (pointer:fine){
  ._modal_pm5ns_2 .pdh-row ._td_pm5ns_33{transition:background-color .12s ease}
  ._modal_pm5ns_2 .pdh-row:hover ._td_pm5ns_33{background:rgba(255,255,255,.018)}
  ._modal_pm5ns_2 .pdh-id-btn:hover{background:var(--pd2-s3);color:var(--pd2-text-2)}
}

/* page switch: rows dim while the next page loads (opacity only) */
._modal_pm5ns_2 .pdh-wrap ._tbody_pm5ns_47{transition:opacity .15s ease}
._modal_pm5ns_2 .pdh-wrap[data-busy] ._tbody_pm5ns_47{opacity:.45}

/* ---------- loading: the row shape, one pulse ---------- */
._modal_pm5ns_2 .pdh-skel{padding:8px 20px!important;animation:pdh-pulse 1.1s ease-in-out infinite alternate}
._modal_pm5ns_2 .pdh-skel-row{display:grid;grid-template-columns:36px minmax(0,1.4fr) minmax(0,1fr) 96px;align-items:center;gap:14px;height:64px;border-bottom:1px solid var(--pd2-line)}
._modal_pm5ns_2 .pdh-skel-row i{display:block;height:12px;border-radius:6px;background:var(--pd2-s3)}
._modal_pm5ns_2 .pdh-skel-row i:first-child{height:36px;border-radius:var(--pd2-r-md)}
._modal_pm5ns_2 .pdh-skel-row i:nth-child(2){width:62%}
._modal_pm5ns_2 .pdh-skel-row i:nth-child(3){width:48%}
._modal_pm5ns_2 .pdh-skel-row i:last-child{height:24px;border-radius:var(--pd2-r-pill)}
@keyframes pdh-pulse{from{opacity:1}to{opacity:.45}}

/* ---------- empty ---------- */
._modal_pm5ns_2 ._empty_pm5ns_96{height:100%;min-height:260px;padding:32px 20px!important}
._modal_pm5ns_2 .pdh-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
._modal_pm5ns_2 .pdh-empty-ico{
  position:relative;width:60px;height:60px;margin-bottom:6px;border-radius:var(--pd2-r-lg);
  background:var(--pd2-gold-wash);box-shadow:inset 0 0 0 1px var(--pd2-gold-line);
}
._modal_pm5ns_2 .pdh-empty-ico::after{
  content:"";position:absolute;inset:15px;background:var(--pd2-gold);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E") center/contain no-repeat;
}
._modal_pm5ns_2 .pdh-empty span[class*="_size-18"]{color:var(--pd2-text)!important;font-family:var(--pd2-font)!important}
._modal_pm5ns_2 .pdh-empty-sub{max-width:280px;color:var(--pd2-text-3);font:500 14px/20px var(--pd2-font)}

/* ---------- pagination ---------- */
._modal_pm5ns_2 ._footer_pm5ns_76{padding:12px 20px!important;gap:8px!important}
._modal_pm5ns_2 ._footer_pm5ns_76 [class*="_btn_11jng_2"]{
  width:40px!important;height:40px!important;padding:0!important;border:0!important;border-radius:var(--pd2-r-md)!important;
  background:var(--pd2-s3)!important;color:var(--pd2-text)!important;box-shadow:inset 0 0 0 1px var(--pd2-line-2)!important;
}
._modal_pm5ns_2 ._footer_pm5ns_76 [class*="_btn_11jng_2"] svg{width:20px;height:20px;color:currentColor!important}
._modal_pm5ns_2 ._footer_pm5ns_76 [class*="_btn_11jng_2"]:disabled{background:transparent!important;color:var(--pd2-text-4)!important;box-shadow:inset 0 0 0 1px var(--pd2-line)!important;opacity:1!important}
@media (hover:hover) and (pointer:fine){
  ._modal_pm5ns_2 ._footer_pm5ns_76 [class*="_btn_11jng_2"]:hover:not(:disabled){color:var(--pd2-gold-hi)!important;box-shadow:inset 0 0 0 1px var(--pd2-gold-line)!important}
}

/* =====================================================================
   phones: bottom sheet + card rows
   ===================================================================== */
@media (max-width:767px){
  ._modal_pm5ns_2{--pdh-h:min(86svh,calc(100svh - 48px))}
  ._content_lj1yg_17._modal_pm5ns_2{
    top:auto!important;bottom:0!important;left:0!important;right:0!important;translate:none!important;
    width:100%!important;max-width:none!important;max-height:none!important;
  }
  ._content_lj1yg_17._modal_pm5ns_2[data-state=open]{animation:pdh-sheet-in .3s cubic-bezier(.2,.8,.2,1) both!important}
  ._content_lj1yg_17._modal_pm5ns_2[data-state=closed]{animation:pdh-sheet-out .2s cubic-bezier(.4,0,1,1) both!important}
  ._modal_pm5ns_2 > [class*="_box_lj1yg"]{
    border-radius:18px 18px 0 0!important;border-bottom:0!important;
    box-shadow:0 -1px 0 var(--pd2-line-2),0 -10px 28px rgba(0,0,0,.45)!important;
  }
  ._modal_pm5ns_2 [class*="_header_lj1yg"]{position:relative;padding:20px 12px 12px 16px!important}
  ._modal_pm5ns_2 [class*="_header_lj1yg"]::before{
    content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:rgba(255,255,255,.16);
  }
  ._modal_pm5ns_2 [class*="_title_lj1yg"] span{font-size:15px!important;line-height:20px!important}
  ._modal_pm5ns_2 [class*="_body_lj1yg"]{touch-action:pan-y}
  ._modal_pm5ns_2 [class*="_footer_lj1yg"]{padding-bottom:env(safe-area-inset-bottom)}
  ._modal_pm5ns_2 ._footer_pm5ns_76{padding:10px 12px!important}

  ._modal_pm5ns_2 ._tableWrap_pm5ns_6{padding:10px 10px 12px!important}
  ._modal_pm5ns_2 ._tbody_pm5ns_47{display:flex!important;flex-direction:column;gap:8px}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 tr.pdh-row{
    display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;
    grid-template-areas:"ico op amount" "ico date status" ". id id";
    column-gap:12px;row-gap:4px;align-items:center;padding:12px 12px 10px!important;
    border-radius:var(--pd2-r-lg);background:var(--pd2-s2);box-shadow:inset 0 0 0 1px var(--pd2-line);
  }
  ._modal_pm5ns_2 ._tbody_pm5ns_47 td.pdh-op{display:contents!important}
  ._modal_pm5ns_2 ._td_pm5ns_33{height:auto!important;padding:0!important;border:0!important;font-size:inherit}
  ._modal_pm5ns_2 .pdh-op-ico{grid-area:ico;align-self:start;margin:0}
  ._modal_pm5ns_2 .pdh-op-text{grid-area:op;display:flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0;overflow:hidden}
  ._modal_pm5ns_2 .pdh-op-text b{flex:none}
  ._modal_pm5ns_2 .pdh-op-text small{flex:1 1 auto;min-width:0;max-width:none;white-space:nowrap}
  ._modal_pm5ns_2 .pdh-op-text small::before{content:"· ";color:var(--pd2-text-4)}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 td.pdh-date{grid-area:date;display:flex!important;gap:6px;align-items:baseline}
  ._modal_pm5ns_2 .pdh-date ._date_pm5ns_55{font-size:12px;line-height:15px;color:var(--pd2-text-3)}
  ._modal_pm5ns_2 .pdh-date ._time_pm5ns_59{margin:0!important;font-size:12px;line-height:15px}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 td.pdh-amount{grid-area:amount;text-align:right!important;font-size:inherit}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 td.pdh-st{grid-area:status;text-align:right!important;font-size:inherit;line-height:1}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 td.pdh-id{grid-area:id;display:block!important;width:auto;margin:4px 0 0 -9px;text-align:left!important}
  ._modal_pm5ns_2 .pdh-status{height:22px;padding:0 9px 0 8px;font-size:11px;gap:6px}
  ._modal_pm5ns_2 .pdh-status::before{width:5px;height:5px}
  ._modal_pm5ns_2 .pdh-id-btn{max-width:100%;height:24px;font-size:11px}
  ._modal_pm5ns_2 .pdh-amount [class*="_root_19r0h"] > span{font-size:15px!important}

  ._modal_pm5ns_2 .pdh-skel{padding:10px!important}
  ._modal_pm5ns_2 .pdh-skel-row{grid-template-columns:36px minmax(0,1fr) 72px;height:84px;margin-bottom:8px;padding:0 12px;border:0;border-radius:var(--pd2-r-lg);background:var(--pd2-s2)}
  ._modal_pm5ns_2 .pdh-skel-row i:nth-child(3){display:none}
}
@media (max-width:360px){
  ._modal_pm5ns_2 ._tbody_pm5ns_47 tr.pdh-row{column-gap:10px;padding:11px 10px 9px!important}
  ._modal_pm5ns_2 .pdh-op-ico{width:32px;height:32px}
  ._modal_pm5ns_2 .pdh-op-ico::after{inset:8px}
  ._modal_pm5ns_2 ._tbody_pm5ns_47 tr.pdh-row{grid-template-columns:32px minmax(0,1fr) auto}
  ._modal_pm5ns_2 .pdh-amount [class*="_root_19r0h"] > span{font-size:14px!important}
}
@keyframes pdh-sheet-in{from{transform:translate3d(0,100%,0)}to{transform:translate3d(0,0,0)}}
@keyframes pdh-sheet-out{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,100%,0)}}
@media (prefers-reduced-motion:reduce){
  ._modal_pm5ns_2 .pdh-skel{animation:none}
  ._content_lj1yg_17._modal_pm5ns_2[data-state]{animation-duration:.01s!important}
}