/* Page group A: dashboard, orders, payments, refunds, order forms, search.
   Email-Alerts look: white cards, icon-chip headers, underline tabs, roomy tables. Loaded after panel.css. */

/* ---------- Card headers (icon chip + title + one-line subtitle) ---------- */
.pgA{overflow:hidden}
.pgA>.ea-card-h{padding:18px 22px}
.pgA>.ea-card-h>div:not(.ea-h-right){flex:1 1 200px;min-width:0}
.pgA>.ea-card-h h2{font-size:17px;font-weight:800;line-height:1.25}
.pgA>.ea-card-h p{margin:2px 0 0;color:var(--mute);font-size:13px;line-height:1.4}
.pgA>.ea-card-h .ea-h-right{gap:10px;flex-wrap:wrap}
.pgA>.ea-card-h+:is(.table-wrap,.list,.toolbar,.tabs,.empty,.panel-b,form,.pgA-chart,.pgA-statuslist){border-top:1px solid var(--line)}
.pgA>.ea-card-h .btn-sm{min-height:36px}
.ea-card.pgA.empty{padding:38px 22px}
.ink{color:var(--ink)}
.link.ink{color:var(--ink)}
a.kpi{text-decoration:none;color:inherit}
a.kpi:hover{border-color:var(--brand-line)}

/* ---------- Tables ---------- */
.pgA table{min-width:680px}
.pgA th{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding:11px 22px}
.pgA td{padding:14px 22px}
.pgA tbody tr:hover{background:var(--brand-soft)}
.pgA .tabs .c{background:var(--surface-2);border:1px solid var(--line);color:var(--mute);font-weight:700;padding:1px 8px;margin-left:2px}
.pgA .tabs [aria-selected="true"] .c{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
.pgA .tfoot{justify-content:flex-end;border-top:1px solid var(--line)}
.pager a:hover{border-color:var(--brand-2);color:var(--brand)}
.pager .cur{box-shadow:0 1px 2px rgb(15 31 27/.18)}

/* ---------- Filter bars ---------- */
.pgA-filters{gap:10px;padding:16px 22px}
.pgA-filters .search{height:42px;flex:1 1 260px;max-width:420px}
.pgA-filters select.input,.pgA-filters input.input{height:42px;width:auto;flex:0 1 auto;min-width:150px}
.pgA-filters input[type=date]{min-width:140px}
.pgA-filters .btn{min-height:42px}
.pgA-searchbar{padding:14px 22px;gap:12px;flex-wrap:nowrap}
.pgA-searchbar .search{flex:1 1 auto;max-width:none;height:44px}
.pgA-searchbar .btn{min-height:44px}
.search-results a.row:hover{background:var(--brand-soft)}
.list a.row{text-decoration:none}
.pgA-statuslist a.row:hover{background:var(--surface-2)}
.pgA-note{gap:10px;padding:14px 22px}
.pgA-note .input{flex:1 1 220px;height:42px;min-width:0}

/* ---------- Dashboard ---------- */
.pgA-split{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr)}
.pgA-split.pgA-sd{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.pgA-side .form-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.pgA-side .form-grid .full{grid-column:1/-1}
/* other pages' .ea-card>.list rules (pg-c) must not leak into these lists */
.ea-card.pgA>.list .row{flex-wrap:nowrap;padding:14px 22px}
.ea-card.pgA>.list .row .grow{min-width:0}
.pgA-chart{padding:16px 22px 22px}
.pgA-chart .chart{min-height:180px}
.pgA-kpis .kpi{min-width:0}
.pgA-kpis .kpi .l{line-height:1.3}
.pgA-kpis .kpi .v{overflow-wrap:anywhere}
.pgA-latest table{min-width:600px}
.pgA-latest th,.pgA-latest td{padding-left:12px;padding-right:12px}
.pgA td .link.num,.pgA td .tag{white-space:nowrap}
.pgA-latest th:first-child,.pgA-latest td:first-child{padding-left:22px}
.pgA-latest th:last-child,.pgA-latest td:last-child{padding-right:22px}
.pgA-statuslist .row{gap:12px}

/* ---------- Payments ---------- */
.pgA-sechead{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pgA-sechead>div:nth-child(2){flex:1 1 220px;min-width:0}
.pgA-sechead h2{font-size:18px;font-weight:800}
.pgA-sechead p{margin:2px 0 0;color:var(--mute);font-size:13px}
.pgA-sechead .ea-h-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.pgA-pend{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:18px}
.pgA-pend .panel-h{padding:16px 22px}
.pgA-pend-b{gap:16px}
.pgA-pend-in{display:grid;grid-template-columns:minmax(0,130px) minmax(0,1fr);gap:16px;align-items:start}
.pgA-pend .doc-thumb{max-height:160px}
.pgA-amt{font-family:var(--display);font-size:20px;font-weight:800;color:var(--ink)}
.pgA-noproof{padding:14px 8px;border:1px dashed var(--line);border-radius:10px;font-size:12.5px}
.pgA-grow{flex:1 1 170px;min-width:0}
.pgA-grow>.btn{width:100%}
.pgA-pend .row-actions{align-items:stretch}
.pgA-pend .row-actions .btn{min-height:42px}
.pgA-file{padding:8px 10px;height:auto;min-height:44px}

/* ---------- New order ---------- */
.pgA-side{align-content:start;min-width:0}
/* The right-hand card (overflow:hidden) sits in a flex column with a capped height (.pgE-sticky). Without this the card shrinks and clips its own
   content (Verify tick + Place button). Keep it full height: the aside scrolls instead, so every control stays reachable with the wheel. */
.pgE-sticky.pgA-side>*{flex:none}
.pgA-pay{gap:16px}
.pgA-gap{gap:12px}
.pgA-gap-s{gap:8px}
.pgA-tot,.pgA-tot b{color:var(--ink)}
dd.pgA-tot{font-size:18px}
.pgA-fg{margin-top:14px}
.pgA-docs{margin-top:16px}
.pgA-up{text-transform:uppercase}
.pgA-doc-t{min-width:0}
.pgA-doc-t input[type=file]{display:block;margin-top:6px;max-width:100%;font-size:12px}
.upload.purpose-block{cursor:pointer}
.upload{border-radius:12px}

/* ---------- Order detail ---------- */
.pgA-track{padding:22px}
.pgA-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0}
.pgA-steps li{padding:30px 10px 0 0;min-height:0;font-size:12.5px;line-height:1.35}
.pgA-steps li::before{left:20px;right:2px;top:7px;bottom:auto;width:auto;height:2px}
.pgA-steps li::after{top:0;left:0;width:16px;height:16px}
.pgA-steps li:last-child{padding-bottom:0}
.pgA-steps li b{font-size:14px}
.pgA-pre{white-space:pre-line}
.pgA-blk{display:block}
.pgA-hr{margin:18px 0}
.pgA-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pgA-payrow{gap:12px;border-bottom:1px solid var(--line)}
.pgA-payrow:last-child{border-bottom:0}
.pgA-reason{flex:1 1 140px;min-width:0;height:40px}
.pgA-mt{margin-top:12px}
.pgA-self{align-self:flex-start}
.pgA-dims{display:flex;gap:6px}
.pgA-dims .input{min-width:0}
.pgA-bline{border-bottom:1px solid var(--line)}
.pgA-tline{border-top:1px solid var(--line)}
.pgA .dl dt{font-size:13px}
.pgA .dl dd{overflow-wrap:anywhere}
.pay-check{border-radius:12px}

/* ---------- Order form builder ---------- */
.pgA-builder .builder-row{padding:14px 22px;gap:10px 12px;align-items:center;border-bottom:1px solid var(--line)}
.pgA-builder .builder-row .input{height:40px}
.pgA-builder .builder-row .opts .input{height:40px}
.pgA-builder .builder-row .req-l{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--mute);white-space:nowrap}
.pgA-builder .builder-row .purposes{align-items:center}
.pgA-builder .builder-row .purposes input{accent-color:var(--brand)}
.pgA-builder .panel-b.row-wrap{padding:16px 22px}
.pgA .list .row.is-on{background:var(--brand-soft)}
.pgA-newform{gap:10px;border-top:1px solid var(--line)}
.pgA-tags{display:flex;flex-wrap:wrap;gap:6px}
@media (min-width:641px){
  .pgA-builder .builder-row{grid-template-columns:28px minmax(0,1.5fr) minmax(0,1fr) auto auto}
  .pgA-builder .builder-row .moves{grid-column:1;grid-row:1/span 2}
  .pgA-builder .builder-row>.input{grid-column:2;grid-row:1}
  .pgA-builder .builder-row>select.input{grid-column:3;grid-row:1}
  .pgA-builder .builder-row .req-l{grid-column:4;grid-row:1}
  .pgA-builder .builder-row>.btn{grid-column:5;grid-row:1}
  .pgA-builder .builder-row .purposes{grid-column:2/-1;grid-row:2}
  .pgA-builder .builder-row .opts{grid-column:2/-1;grid-row:3}
}

/* ---------- Tablet ---------- */
@media (max-width:1180px){
  .pgA-split,.pgA-split.pgA-sd{grid-template-columns:minmax(0,1fr)}
}

/* ---------- Phone ---------- */
@media (max-width:640px){
  .pgA>.ea-card-h{padding:16px}
  .ea-card.pgA>.list .row{padding:12px 16px}
  .pgA>.ea-card-h .ea-ic{width:36px;height:36px}
  .pgA>.ea-card-h .ea-h-right{width:100%;margin-left:0}
  .pgA .panel-b,.pgA .panel-h{padding-left:16px;padding-right:16px}
  .pgA th{padding:10px 14px}
  .pgA td{padding:12px 14px}
  .pgA-latest th,.pgA-latest td,.pgA-latest th:first-child,.pgA-latest td:first-child,.pgA-latest th:last-child,.pgA-latest td:last-child{padding-left:14px;padding-right:14px}
  .pgA .tabs a{padding:12px 10px}
  .pgA .tfoot{justify-content:center;padding:12px 14px}
  .pgA-filters{padding:14px 16px}
  .pgA-filters .search,.pgA-filters select.input,.pgA-filters input.input,.pgA-filters .btn{flex:1 1 100%;width:100%;max-width:none}
  .pgA-filters input[type=date]{flex:1 1 calc(50% - 10px);width:auto;min-width:0}
  .pgA-searchbar{padding:12px 16px;flex-wrap:wrap}
  .pgA-searchbar .search{flex:1 1 100%}
  .pgA-searchbar .btn{width:100%}
  .pgA-note{padding:12px 16px}
  .pgA-note .btn{width:100%}
  .pgA-sechead .ea-h-right{width:100%;margin-left:0}
  .pgA-pend{grid-template-columns:minmax(0,1fr)}
  .pgA-pend .panel-h{padding:14px 16px}
  .pgA-pend-in{grid-template-columns:minmax(0,1fr)}
  .pgA-pend .doc-thumb{max-height:200px}
  .pgA-chart{padding:12px 14px 18px}
  .pgA-track{padding:18px 14px}
  .pgA-steps li{padding-right:4px;font-size:11.5px}
  .pgA-steps li b{font-size:12.5px}
  .pgA-builder .builder-row{padding:14px 16px}
  .pgA-builder .panel-b.row-wrap .btn{flex:1 1 100%}
  .pgA-builder .panel-b.row-wrap .sp{display:none}
  .pgA-gap .row-wrap>form,.pgA-gap .row-wrap>.btn{flex:1 1 100%}
  .pgA-gap .row-wrap .btn{width:100%}
  .pgA-dims{flex-wrap:wrap}
  .pgA-dims .input{flex:1 1 70px}
  .kpi{padding:14px}
  .kpi .v{font-size:20px}
  .pgA-amt{font-size:18px}
  dialog.modal .panel-b{padding:16px}
  dialog.modal .modal-foot .btn{flex:1}
}

/* W4: wallet statement, referral money, UPI QR */
.pgW-seg{margin:10px 18px 6px}
.pgW-table td.pgW-ref small{display:block;color:var(--mute);font-size:12px}
.pgW-badge{font-size:11px;padding:1px 8px;margin-left:6px;vertical-align:1px}
.pgW-kpis .pgW-main{border-color:var(--brand);box-shadow:inset 0 3px 0 var(--brand),var(--shadow)}
.pgW-kpis .pgW-main .v{font-size:34px}
a.pgW-ref-card{text-decoration:none;color:inherit}
a.pgW-ref-card:hover{border-color:var(--brand)}
.pgW-payto .pgW-acct{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;width:100%}
.pgW-acct-t{flex:1 1 220px;min-width:0}
.pgW-qr{display:inline-flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--mute);font-size:12px}
.pgW-qr img{width:150px;height:150px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px}
.pgW-qr-cur{display:flex;align-items:center;gap:14px;margin-bottom:8px}
.pgW-qr-cur img{width:96px;height:96px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px}
.pgW-rate{border-bottom:1px solid var(--line);flex-wrap:wrap}
@media (max-width:640px){
  .pgW-seg{margin:10px 12px 6px}
  .pgW-kpis .pgW-main .v{font-size:28px}
  .pgW-qr img{width:132px;height:132px}
}

/* W9: admin order pages (Token orders / DSC orders / Bulk DSC) and their "New order" forms */
.pgA-ktabs{margin:0 0 -4px;padding:0}
.pgA-ktabs a svg{width:16px;height:16px}
.pgA-ktabs .c{background:var(--surface-2);border:1px solid var(--line);color:var(--mute);font-weight:700;padding:1px 8px;border-radius:999px;font-size:11px}
.pgA-ktabs [aria-selected="true"] .c{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}

/* "New order" button with the three kinds underneath */
.pgA-newmenu{position:relative;display:inline-block}
.pgA-newmenu>summary{list-style:none;cursor:pointer;user-select:none}
.pgA-newmenu>summary::-webkit-details-marker{display:none}
.pgA-newmenu>summary .chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 4px;display:inline-block}
.pgA-newmenu[open]>summary .chev{transform:rotate(-135deg);margin-top:3px}
.pgA-newmenu-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:290px;max-width:min(92vw,340px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgb(15 31 27/.16);padding:6px;display:grid;gap:2px}
.pgA-newmenu-pop a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:9px;text-decoration:none;color:var(--ink)}
.pgA-newmenu-pop a:hover{background:var(--brand-soft)}
.pgA-newmenu-pop a svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--brand)}
.pgA-newmenu-pop b{display:block;font-weight:700}
.pgA-newmenu-pop small{display:block;color:var(--mute);font-size:12.5px;line-height:1.35;margin-top:1px}

/* Customer field (first card of the admin order forms) */
.pgA-cust .ea-card-h .ea-h-right{margin-left:auto}
.pgA-cchip{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--brand-line);background:var(--brand-soft);border-radius:12px;min-width:0}
.pgA-cchip .avatar{flex:none}
.pgA-cchip-t{min-width:0;flex:1 1 auto}
.pgA-cchip-t b{display:block;color:var(--ink);overflow-wrap:anywhere}
.pgA-cchip small{display:block;color:var(--mute);font-size:12.5px}
.pgA-cchip-w{text-align:right;flex:none}
.pgA-cchip-w b{display:block;color:var(--ink);font-size:16px}
.pgA-cchip-w b.down{color:var(--bad)}
.pgA-cpick{display:grid;gap:10px}
.pgA-cpick .search{height:44px;max-width:none}
.pgA-clist{display:grid;max-height:292px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;overscroll-behavior:contain}
.pgA-clist .empty{padding:18px}
.pgA-crow{display:flex;flex-direction:column;gap:1px;padding:11px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);min-width:0}
.pgA-crow:last-child{border-bottom:0}
.pgA-crow:hover,.pgA-crow:focus-visible{background:var(--brand-soft);outline:none}
.pgA-crow b{overflow-wrap:anywhere}
.pgA-crow small{color:var(--mute);font-size:12.5px}

/* The portal order forms inside the admin panel: same look as the portal, light spacing on phones */
.pgA-sd .pgE-aside{min-width:0}
.pgA-sd .pgE-sum,.pgA-sd .pgE-line-n{min-width:0}
.pgA-sd .ea-card .field{min-width:0}
@media (max-width:640px){
  .pgA-newmenu{display:block}
  .pgA-newmenu>summary{width:100%;justify-content:center}
  .pgA-newmenu-pop{left:0;right:0;min-width:0;max-width:none}
  .pgA-cchip{flex-wrap:wrap;gap:10px}
  .pgA-cchip-w{flex:1 1 100%;text-align:left;display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--brand-line);padding-top:8px}
  .pgA-cust .ea-card-h .ea-h-right{width:100%;margin-left:0}
  .pgA-cust .ea-card-h .ea-h-right .btn{width:100%}
  .pgA-sd .ea-card .panel-b{padding-left:16px;padding-right:16px}
  .pgA-ktabs{padding:0}
}
/* W9: card headers of the order forms keep the icon at the top when the subtitle runs to several lines */
.pgA-sd .ea-card-h{align-items:flex-start}
.pgA-sd .ea-card-h .ea-h-right{align-self:center}

/* W13: partner sign-up (A1-A3), refer & earn rewards (B13), support tickets (B14) */
/* "I am a" choice: the free-text box opens beside it for Other */
.pgA13-prof{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.pgA13-prof.has-other{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
/* Mobile verification block: greyed out until the SMS gateway is connected */
.pgA13-sms.is-off{padding:12px 14px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-2)}
.pgA13-sms.is-off>label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--mute)}
.pgA13-sms.is-off .input,.pgA13-sms.is-off .btn{opacity:.6;cursor:not-allowed}
/* The sign-up card makes every primary button full width; inside a code row the buttons keep their own size */
.auth-card .otp-row .btn{width:auto;min-height:46px;flex:none}
.auth-card .otp-row .input{flex:1 1 120px;min-width:0}
.pgA13-sms .otp-btn{min-width:104px}
@media (max-width:560px){
  .pgA13-prof.has-other{grid-template-columns:minmax(0,1fr)}
  .pgA13-sms .otp-row{flex-wrap:wrap}
  .pgA13-sms .otp-row .input{flex:1 1 100%}
  .pgA13-sms .otp-row .otp-btn{flex:1 1 0}
}
/* "Partner with Us" side panel of the sign-up page */
.pgA13-partner{display:grid;gap:14px;align-content:center}
.auth-art .pgA13-partner h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;max-width:none}
.pgA13-partner p{margin:0;max-width:46ch;font-size:16px;line-height:1.65;color:var(--side-ink);opacity:.82}
.pgA13-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;padding-top:26px;border-top:1px solid rgb(255 255 255/.16)}
.pgA13-stats dt{font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.1;color:#fff}
.pgA13-stats dd{margin:4px 0 0;font-size:14px;color:var(--side-ink);opacity:.8}
@media (max-width:860px){
  .pgA13-partner p{display:none}
  .auth-art .pgA13-partner h2{font-size:22px}
  .pgA13-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:12px}
  .pgA13-stats dt{font-size:18px}
  .pgA13-stats dd{font-size:11.5px;line-height:1.25}
}
/* Admin referrals: tabs, rewards table */
.pgA13-tabs{margin:0 0 14px}
.pgA13-tabs a .pill{padding:1px 8px;font-size:11.5px}
.pgA13-rw td small,.pgA13-pp td small{display:block;color:var(--mute);font-size:12px;line-height:1.35}
.pgA13-rw td.right small{white-space:nowrap}
.pgA13-act{white-space:nowrap}
select.input.pgA13-st{height:34px;min-width:132px;width:auto;padding:0 8px;font-size:13px}
.pgA13-snip{min-width:220px;max-width:340px;overflow-wrap:anywhere}
.pgA13-switch{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.pgA13-switch input{margin-top:4px;width:18px;height:18px;accent-color:var(--brand);flex:none}
.pgA13-switch small{display:block;color:var(--mute);font-size:12.5px;line-height:1.45;font-weight:400;margin-top:2px}
.pgA13-switch b{color:var(--ink)}
/* Support tickets */
a.pgA13-tk-row{text-decoration:none;color:inherit}
a.pgA13-tk-row:hover{background:var(--brand-soft)}
.pgA13-tk-row small{display:block;overflow-wrap:anywhere}
.pgA13-thread{min-width:0}
.pgA13-msgs{display:flex;flex-direction:column;gap:12px}
.pgA13-msg{max-width:min(640px,92%);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);min-width:0}
.pgA13-msg p{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere;color:var(--ink)}
.pgA13-msg.is-cust{align-self:flex-end;background:var(--brand-soft);border-color:var(--brand-line)}
.pgA13-msg.is-team{align-self:flex-start}
.pgA13-msgs.rev .is-cust{align-self:flex-start}
.pgA13-msgs.rev .is-team{align-self:flex-end;background:var(--brand-soft);border-color:var(--brand-line)}
.pgA13-who{display:flex;gap:10px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.pgA13-who small{color:var(--mute);font-size:12px}
.pgA13-replybox{display:grid;gap:12px;padding:16px 18px;border-top:1px solid var(--line)}
@media (max-width:640px){.pgA13-msg{max-width:100%}.pgA13-replybox{padding:14px 16px}}

/* S1a: the shared wallet statement (admin/partials/statement.blade.php) - wide table, phone cards */
.pgAs-bar{gap:10px 14px}
.pgAs-seg{max-width:100%;overflow-x:auto}
.pgAs-help{min-width:0}
.pgAs-t{min-width:980px}
.pgAs-t th,.pgAs-t td{padding:11px 14px}
.pgAs-t td{vertical-align:top}
.pgAs-t tbody tr{cursor:default}
.pgAs-t td.num,.pgAs-t th.right{text-align:right}
.pgAs-t td.num{white-space:nowrap}
.pgAs-t td.c-what{min-width:260px}
.pgAs-t td small{margin-top:2px}
.pgAs-t tr.info td{background:#f1f7ff}
.pgAs-t tr.wait td{background:var(--surface-2);color:var(--mute)}
.pgAs-t tr.wait td b{color:var(--mute)}
.pgAs-t tr.open td{background:var(--surface-2)}
.pgAs-t tr.struck .pgAs-title,.pgAs-t tr.struck td.c-win,.pgAs-t tr.struck td.c-wout{text-decoration:line-through;color:var(--mute)}
.pgAs-t tr.g-s td:first-child,.pgAs-t tr.g-m td:first-child,.pgAs-t tr.g-e td:first-child{box-shadow:inset 3px 0 0 var(--ok)}
.pgAs-t tr.g-s td{border-bottom-style:dashed}
.pgAs-t .c-in{color:var(--ok);font-weight:700}
.pgAs-t .c-out{color:var(--bad);font-weight:700}
.pgAs-t .c-rec small{color:var(--mute);font-size:11.5px}
.pgAs-t .m-only{display:none}
.pgAs-t.v-wallet .th-rec,.pgAs-t.v-wallet .th-pend,.pgAs-t.v-wallet td.c-rec,.pgAs-t.v-wallet td.c-pend{display:none}
.pgAs-t .posted{color:var(--mute);font-size:12px}
.pgAs-t tfoot td{background:var(--surface-2);font-weight:600;color:var(--ink);border-top:1px solid var(--line)}
.pgAs-t tfoot td b{color:var(--ink)}
.pgAs-t tfoot td b.down{color:var(--bad)}
.pgAs-t tfoot td b.up{color:var(--ok)}
.pgAs-t-rc{min-width:1020px}
.pgAs-t-rc td small{margin-top:3px}
.pgAs-chip{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--mute);margin:0 4px 3px 0;white-space:nowrap}
.pgAs-chip.gold{background:var(--gold-soft);color:var(--gold-ink);border-color:#f1d58a}
.pgAs-chip.info{background:var(--info-soft);color:var(--info);border-color:#c3d7f2}
.pgAs-chip.ok{background:var(--ok-soft);color:var(--ok);border-color:#b8e0c8}
.pgAs-chip.bad{background:var(--bad-soft);color:var(--bad);border-color:#f0c6c0}
.pgAs-legend{border-top:0;padding-top:10px}
@media (max-width:640px){
  .pgAs-bar{padding:10px 12px}
  .pgAs-cards table{min-width:0}
  .pgAs-cards thead{display:none}
  .pgAs-cards tbody,.pgAs-cards tr,.pgAs-cards td,.pgAs-cards tfoot{display:block}
  .pgAs-cards tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;padding:12px 14px;border-bottom:1px solid var(--line)}
  .pgAs-cards tbody tr:last-child{border-bottom:0}
  .pgAs-cards td{padding:0;border:0;min-width:0;text-align:left!important}
  .pgAs-t td.c-date{grid-column:1/3;grid-row:1;font-size:12px;color:var(--mute)}
  .pgAs-t td.c-amt{display:block;grid-column:3;grid-row:1/3;text-align:right!important;font-weight:800;font-size:15px}
  .pgAs-t td.c-what{grid-column:1/3;grid-row:2;min-width:0}
  .pgAs-t td.c-win,.pgAs-t td.c-wout{display:none}
  .pgAs-t td.c-bal,.pgAs-t td.c-rec,.pgAs-t td.c-pend{grid-row:3;font-size:13px;margin-top:4px}
  .pgAs-t td.c-bal::before,.pgAs-t td.c-rec::before,.pgAs-t td.c-pend::before{content:attr(data-l);display:block;font-size:11px;color:var(--mute);font-weight:500}
  .pgAs-t td.c-st{grid-column:1/-1;grid-row:4}
  .pgAs-t td.c-st:empty,.pgAs-t td.c-st .posted{display:none}
  .pgAs-t tr.info td,.pgAs-t tr.wait td,.pgAs-t tr.open td{background:transparent}
  .pgAs-t tr.info{background:#f1f7ff}
  .pgAs-t tr.wait,.pgAs-t tr.open{background:var(--surface-2)}
  .pgAs-t tr.g-s td:first-child,.pgAs-t tr.g-m td:first-child,.pgAs-t tr.g-e td:first-child{box-shadow:none}
  .pgAs-t tr.g-s,.pgAs-t tr.g-m,.pgAs-t tr.g-e{box-shadow:inset 3px 0 0 var(--ok)}
  .pgAs-t tfoot td{padding:12px 14px}
  .pgAs-rc tbody tr{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgAs-rc td{grid-column:auto}
  .pgAs-rc td.c-date{grid-column:1/-1;grid-row:auto}
  .pgAs-rc td.full{grid-column:1/-1}
  .pgAs-rc td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--mute);font-weight:500}
}

/* S1a: customer page money section (admin/customers/partials/money-live.blade.php) */
.pgAw-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px}
.pgAw-secondary{display:contents}
.pgAw-ord{order:5}
.pgAw-more,.pgAw-sum3{display:none}
.pgAw-kpis .kpi .d{line-height:1.45}
.pgAw-kpis .kpi .d .pill{margin-left:4px}
.pgAw-hero{background:var(--brand);border-color:var(--brand);color:#cfe9e1}
.pgAw-hero .l,.pgAw-hero .d{color:#bfe0d6}
.pgAw-hero .v{color:#fff}
.pgAw-hero .l i{background:rgb(255 255 255/.14);color:#fff}
.pgAw-adv.on{background:var(--ok-soft);border-color:#b8e0c8}
.pgAw-adv.dim{opacity:.62}
.pgAw-adv .d a{color:var(--brand);font-weight:700}
.pgAw-note{margin:0}
.pgAw-eq{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.pgAw-eq .eq-h{font-weight:700;color:var(--ink);margin-right:6px}
.pgAw-eq .term{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 12px;min-width:104px}
.pgAw-eq .term small{color:var(--mute);font-size:11.5px}
.pgAw-eq .term b{font-family:var(--display);font-size:17px;color:var(--ink)}
.pgAw-eq .term.res{border-color:var(--gold);background:var(--gold-soft)}
.pgAw-eq .term.res.ok{border-color:#b8e0c8;background:var(--ok-soft)}
.pgAw-eq .term.res.zero{border-color:var(--line);background:#fff}
.pgAw-eq .op{font-size:20px;color:var(--mute);font-weight:700}
.pgAw-eq p{flex-basis:100%;margin:2px 0 0;font-size:12.5px;color:var(--mute)}
.pgAw-prog{padding:14px 18px}
.pgAw-prog-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.pgAw-prog-h b{color:var(--ink)}
.pgAw-bar{height:10px;border-radius:99px;background:#e8eeec;overflow:hidden}
.pgAw-bar i{display:block;height:100%;background:var(--ok);border-radius:99px}
.pgAw-bar.over i{background:linear-gradient(90deg,var(--ok),#17b26a)}
.pgAw-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pgAw-chips:empty{display:none}
.pgAw-chips a.pill{text-decoration:none}
.pgAw-actbar{display:none}
.pgAs-m2r .pgAs-t-cg,.pgAs-t-cg{min-width:760px}
.pgAs-t-pay{min-width:1000px}
.pgAs-void{text-decoration:line-through;color:var(--mute)}
.pgAs-t tr.struck td{color:var(--mute)}
.pgAs-a-in{color:var(--ok)}.pgAs-a-out{color:var(--bad)}.pgAs-a-info{color:var(--info)}.pgAs-a-mute{color:var(--mute)}
@media (max-width:640px){
  .pgAw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pgAw-secondary{display:none;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;order:5}
  .pgAw-kpis.open .pgAw-secondary{display:grid}
  .pgAw-hero{order:1}
  .pgAw-pend{order:2}
  .pgAw-adv{order:3}
  .pgAw-adv.dim{display:none}
  .pgAw-more{display:flex;grid-column:1/-1;order:4}
  .pgAw-kpis .kpi .v{font-size:22px}
  .pgAw-sum3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:sticky;top:56px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
  .pgAw-sum3>div{padding:7px 10px;border-right:1px solid var(--line);min-width:0}
  .pgAw-sum3>div:last-child{border-right:0}
  .pgAw-sum3 small{display:block;font-size:11px;color:var(--mute)}
  .pgAw-sum3 b{font:800 15px var(--display);color:var(--ink)}
  .pgAw-sum3 b.bad{color:var(--bad)}.pgAw-sum3 b.ok{color:var(--ok)}
  .pgAw-eq{padding:12px;gap:8px 6px}
  .pgAw-eq .eq-h{flex-basis:100%}
  .pgAw-eq .term{min-width:0;flex:1 1 0;padding:6px 6px}
  .pgAw-eq .term small{font-size:10.5px;line-height:1.2}
  .pgAw-eq .term b{font-size:13.5px;white-space:nowrap}
  .pgAw-eq .op{font-size:16px}
  .pgAs-m2r tbody tr,.pgAs-cards.pgAs-m2r tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
  .pgAs-m2r td[data-l]::before{content:attr(data-l);display:block;font-size:11px;color:var(--mute);font-weight:500}
  .pgAs-m2r td.full{grid-column:1/-1}
  /* the head buttons of the wallet move to a bar at the bottom of the screen */
  .pgAw-hd{display:none!important}
  .pgAw-page{padding-bottom:70px}
  .pgAw-actbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgb(0 0 0/.1)}
  .pgAw-actbar>.btn,.pgAw-actbar>details>summary{flex:1;padding:0 6px;min-width:0;white-space:normal;text-align:center;font-size:13px;line-height:1.15;min-height:44px}
  .pgAw-actbar>details{flex:1;min-width:0;position:static}
  .pgAw-actbar>details>summary{display:flex;width:100%}
  .pgAw-actbar .w10-menu{position:fixed;left:12px;right:12px;bottom:70px;top:auto;min-width:0}
}

/* S1a: dialogs of the customer page (Add wallet money, Add bonus, Receive payment, More menu) */
dialog.pgAw-modal{max-width:min(640px,calc(100% - 24px))}
.pgAw-modal .panel-h h2{font-size:17px;min-width:0}
.pgAw-modal .panel-h h2 small{font-weight:500;font-size:12.5px}
.pgAw-words{font-size:12px;color:var(--brand);font-weight:600;min-height:16px}
.pgAw-words:empty{display:none}
.pgAw-prev{border:1px dashed var(--brand-line);background:var(--surface-2);border-radius:12px;padding:12px 14px;display:grid;gap:6px;font-size:13px;color:var(--text)}
.pgAw-prev .row{display:flex;flex-wrap:wrap;gap:6px 18px}
.pgAw-prev .row span{white-space:nowrap}
.pgAw-prev b{color:var(--ink);display:inline}
.pgAw-prev .bad{color:var(--bad);font-weight:600}
.pgAw-prev .up{color:var(--ok);font-weight:700}
.pgAw-prev .down{color:var(--bad);font-weight:700}
.pgAw-lock{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--mute);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px;white-space:nowrap;vertical-align:middle}
.pgAw-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.pgAw-now .dl{gap:6px 12px}
.pgAw-now .down{color:var(--bad)}
.pgAw-quick{gap:6px}
.pgAw-quick:empty{display:none}
.pgAw-chk{display:flex;gap:10px;align-items:flex-start;font-weight:500!important;cursor:pointer}
.pgAw-chk input{margin-top:3px;accent-color:var(--brand)}
.pgAw-modal .choice label.off{opacity:.55;cursor:not-allowed;background:var(--surface-2)}
.pgAw-modal .choice label.off:has(input:checked){border-color:var(--line);background:var(--surface-2)}
.pgAw-modal .choice small b{display:inline}
.pgAw-undo{border-top:1px solid var(--line)}
.w10-more .w10-menu button{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pgAw-tag{font-style:normal;font-size:10.5px;font-weight:700;color:var(--mute);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:0 6px;white-space:nowrap}
.w10-more .w10-menu{min-width:300px}
@media (max-width:640px){
  dialog.pgAw-modal .panel-b{max-height:72vh}
  .pgAw-prev .row span{white-space:normal}
}
.grid.split.pgAw-wide{grid-template-columns:minmax(0,1fr)}
.tabs a .c{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:700;padding:0 7px;color:var(--mute)}
.tabs a[aria-selected="true"] .c{background:var(--brand-soft);border-color:var(--brand-line);color:var(--brand)}
.pgAs-t .posted{white-space:nowrap}
@media (max-width:640px){
  .pgAs-t td.c-amt{white-space:nowrap}
  .pgAw-sum3{top:60px}
}
.page-head .row-actions:has(.pgAw-hd){justify-content:flex-end}
.pgAw-modal .panel-h{flex-wrap:nowrap}
.pgAw-modal .panel-h h2{overflow-wrap:anywhere}