/* Sadra724 Suite — mobile wallet app */
body.pm-mode{background:var(--c-bg,#eef2f9)}
body.pm-mode .site-header,body.pm-mode .site-footer,body.pm-mode footer.footer,body.pm-mode #wpadminbar{display:none!important}
body.pm-mode .page-wrap,body.pm-mode .container.page-wrap{max-width:none;padding:0;margin:0}
body.pm-mode html{margin-top:0!important}
.sm-app[data-view=app],.pm-sheet-bg,.pm-toast{--n1:#0e3a70;--n2:#1d5a9e;--n3:#2a6cc0;--ink:#10233f;--mut:#6b7a90;--ln:#e6ecf5;--bg:#f4f7fc;--ok:#20b26b;--er:#e5484d;--wn:#f5a623;font-family:inherit;color:var(--ink)}
.pm-phone{position:relative;max-width:460px;min-height:100vh;margin:0 auto;background:var(--bg);box-shadow:0 0 0 1px rgba(16,35,63,.06),0 30px 80px -30px rgba(14,58,112,.45);overflow:hidden}
@media(min-width:700px){body.pm-mode{background:radial-gradient(1200px 600px at 20% -10%,#c9dcf6 0,transparent 60%),radial-gradient(900px 500px at 90% 110%,#b9d0f1 0,transparent 55%),#dfe8f5}.pm-phone{margin:28px auto;min-height:860px;max-height:92vh;border-radius:38px;overflow:auto;scrollbar-width:none}.pm-phone::-webkit-scrollbar{display:none}}
.pm{padding-bottom:104px}.pm .pad,.pm.pad{padding-inline:18px}.pm-card{background:var(--c-card,#fff);border-radius:22px;box-shadow:0 10px 30px -18px rgba(14,58,112,.35);margin:14px 18px}.pm-card.pad{padding:18px}
.pm-hero{background:linear-gradient(160deg,var(--n1),var(--n2) 70%,var(--n3));color:#fff;padding:20px 18px 70px;border-radius:0 0 34px 34px;position:relative;overflow:hidden}
.pm-hero::before,.pm-hero::after{content:"";position:absolute;border-radius:50%;border:26px solid rgba(255,255,255,.06)}.pm-hero::before{width:230px;height:230px;inset:-60px auto auto -70px}.pm-hero::after{width:160px;height:160px;inset:auto -50px -70px auto}
.pm-hero-bar{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.pm-ibtn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff}.pm-ibtn i{position:absolute;top:9px;inset-inline-end:10px;width:9px;height:9px;border-radius:50%;background:#ff7a00;border:2px solid var(--n2)}
.pm-logo{font-weight:800;font-size:20px;letter-spacing:-.3px}.pm-logo b{color:#ffb15c;font-weight:800;margin-inline-start:3px}.pm-logo.big{font-size:34px;color:var(--n1);margin-bottom:18px}.pm-logo.big b{color:#ff7a00}
.pm-bal{text-align:center;margin:22px 0 16px;position:relative;z-index:1}.pm-bal small{opacity:.85;font-size:13px;display:inline-flex;align-items:center;gap:6px}.pm-bal small button{background:none;border:0;color:#fff;cursor:pointer;padding:2px;display:grid;opacity:.9}
.pm-bal .v{font-size:38px;font-weight:800;margin:6px 0;letter-spacing:.5px}.pm-bal .v span{font-size:14px;font-weight:600;opacity:.8;margin-inline-start:8px}.pm-bal .hi{opacity:.8;font-size:13px}
.pm-hero-act{display:flex;gap:10px;justify-content:center;position:relative;z-index:1}
.pm-chip{display:inline-flex;align-items:center;gap:6px;background:var(--c-card,#fff);color:var(--n1);padding:11px 20px;border-radius:14px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.pm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px;padding:0 16px;margin-top:-38px;position:relative;z-index:2}.pm-grid.pad{margin-top:14px}
.pm-grid::before{content:"";position:absolute;inset:-14px 10px -8px;background:var(--c-card,#fff);border-radius:26px;box-shadow:0 14px 40px -22px rgba(14,58,112,.5);z-index:-1}.pm-grid.pad::before{display:none}
.pm-tile{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--ink);position:relative;padding:6px 0}
.pm-tile span{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(180deg,#fff,#eef3fb);box-shadow:0 6px 14px -6px rgba(14,58,112,.35),inset 0 -2px 0 #dfe8f5;color:var(--n1);transition:.15s}
.pm-tile:active span{transform:scale(.94)}.pm-tile b{font-size:12.5px;font-weight:700}.pm-tile.soon{opacity:.6}.pm-tile em{position:absolute;top:0;inset-inline-start:4px;background:#ff7a00;color:#fff;font-size:9px;font-style:normal;padding:2px 6px;border-radius:99px}
.pm-banner{display:flex;align-items:center;gap:12px;margin:30px 18px 6px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,var(--n1),var(--n3));color:#fff;text-decoration:none}.pm-banner.alt{background:linear-gradient(135deg,#fff,#eaf1fc);color:var(--ink);box-shadow:0 8px 24px -16px rgba(14,58,112,.5)}
.pm-banner>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.18)}.pm-banner.alt>span{background:var(--n1);color:#fff}.pm-banner div{flex:1}.pm-banner b{display:block;font-size:14.5px}.pm-banner small{opacity:.8;font-size:12px}
.pm-sec{margin:18px 0 0;padding:0 18px}.pm-sec.pad{padding:0 18px}.pm-sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pm-sec-h b{font-size:15px}.pm-sec-h a{font-size:12.5px;color:var(--n3);text-decoration:none}
.pm-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.pm-list.pad{padding-top:6px}
.pm-tx{display:flex;align-items:center;gap:12px;background:var(--c-card,#fff);border-radius:18px;padding:12px 14px;box-shadow:0 6px 18px -14px rgba(14,58,112,.45)}
.pm-tx .ico{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c-cloud,#f4f7fc);color:var(--n2);flex:none}.pm-tx .ico.neg{background:#fdeeee;color:var(--er)}.pm-tx .ico.pos{background:#e6f6ee;color:var(--ok)}
.pm-tx>div:nth-child(2){flex:1;min-width:0}.pm-tx b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-tx small{color:var(--mut);font-size:11.5px}
.pm-tx .amt{text-align:left;font-weight:800;font-size:14px;direction:ltr;white-space:nowrap}.pm-tx .amt small{display:block;font-weight:500}.pm-tx .amt.neg{color:var(--er)}.pm-tx .amt.pos{color:var(--ok)}
.pm-tx .st{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--c-cloud,#f4f7fc);color:var(--n2)}.pm-tx .st.active{background:#e6f6ee;color:var(--ok)}.pm-tx .st.rejected,.pm-tx .st.defaulted{background:#fdeeee;color:var(--er)}.pm-tx .st.pending{background:#fff4e0;color:#9a5b00}
.pm-empty{background:var(--c-card,#fff);border-radius:18px;padding:26px 16px;text-align:center;color:var(--mut);font-size:13.5px}.pm-skel{height:180px;border-radius:18px;background:linear-gradient(90deg,#e8eef8,#f4f7fc,#e8eef8);background-size:200% 100%;animation:pmsk 1.2s infinite}@keyframes pmsk{to{background-position:-200% 0}}
.pm-nav{position:sticky;bottom:14px;margin:-84px auto 0;width:min(86%,360px);height:64px;display:flex;justify-content:space-around;align-items:center;background:var(--n1);border-radius:32px;padding:0 8px;box-shadow:0 18px 36px -12px rgba(14,58,112,.7);z-index:20}
.pm-nav a{position:relative;display:flex;align-items:center;gap:6px;color:#b9cdea;text-decoration:none;padding:10px 12px;border-radius:24px;font-size:12.5px;font-weight:700;transition:.2s}.pm-nav a span{display:none}.pm-nav a.act{background:var(--c-card,#fff);color:var(--n1)}.pm-nav a.act span{display:inline}
.pm-nav a i{position:absolute;top:2px;inset-inline-end:4px;background:#ff7a00;color:#fff;font-style:normal;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:grid;place-items:center;padding:0 4px}
.pm-top{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:16px 14px 8px}.pm-top h1{margin:0;font-size:17px;text-align:center}.pm-back{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--c-card,#fff);color:var(--n1);box-shadow:0 4px 12px -6px rgba(14,58,112,.4)}.pm-back svg{transform:scaleX(1)}.pm-top.solid{padding-top:22px}
.pm-form{padding:10px 18px;display:grid;gap:16px}.pm-form.pm-card{margin:14px 18px;padding:18px}
.pm-f{display:grid;gap:8px}.pm-f>span{font-size:12.5px;color:var(--mut);font-weight:700}.pm-f input,.pm-f select,.pm-form textarea{width:100%;border:1.5px solid var(--ln);background:var(--c-card,#fff);border-radius:16px;padding:15px 16px;font:inherit;font-size:16px;font-weight:600;outline:0;transition:.15s;color:var(--ink)}
.pm-f input:focus,.pm-f select:focus{border-color:var(--n3);box-shadow:0 0 0 4px rgba(42,108,192,.12)}
.pm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:18px;padding:16px;background:linear-gradient(135deg,var(--n1),var(--n3));color:#fff;font:inherit;font-weight:800;font-size:15.5px;cursor:pointer;text-decoration:none;box-shadow:0 14px 26px -14px rgba(14,58,112,.8);margin-top:4px}
.pm-btn.ghost{background:var(--c-card,#fff);color:var(--n1);box-shadow:inset 0 0 0 1.5px var(--ln)}.pm-btn.sm{width:auto;padding:11px 20px;font-size:13.5px;margin:0;border-radius:14px}.pm-btn:disabled{opacity:.6}
.pm-chips{display:flex;gap:8px;flex-wrap:wrap}.pm-chips button{border:1.5px solid var(--ln);background:var(--c-card,#fff);border-radius:14px;padding:10px 16px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer}.pm-chips button.act{border-color:var(--n3);background:#eaf1fc;color:var(--n1)}
.pm-chips.big{display:grid;grid-template-columns:repeat(3,1fr)}.pm-chips.big button{padding:14px 6px;font-size:15px}.pm-chips.big small{display:block;font-weight:500;font-size:11px;color:var(--mut)}
.pm-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--c-bg,#eef2f9);border-radius:16px;padding:4px;gap:4px}.pm-seg button{border:0;background:none;border-radius:12px;padding:11px 4px;font:inherit;font-weight:700;font-size:13px;color:var(--mut);cursor:pointer}.pm-seg button.act{background:var(--c-card,#fff);color:var(--n1);box-shadow:0 4px 10px -6px rgba(14,58,112,.5)}
.pm-pk{display:grid;gap:8px}.pm-pk label{display:flex;justify-content:space-between;align-items:center;border:1.5px solid var(--ln);background:var(--c-card,#fff);border-radius:16px;padding:14px 16px;cursor:pointer}.pm-pk label.act{border-color:var(--n3);background:#eaf1fc}.pm-pk input{display:none}.pm-pk span{font-weight:800}.pm-pk small{font-weight:500;color:var(--mut)}
.pm-note{margin:0;color:var(--mut);font-size:12.5px;line-height:1.9}
.pm-sheet-bg{position:fixed;inset:0;background:rgba(10,24,46,.5);z-index:9999;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:.25s}.pm-sheet-bg.on{opacity:1}
.pm-sheet{width:min(100%,460px);background:var(--c-card,#fff);border-radius:28px 28px 0 0;padding:10px 20px 24px;transform:translateY(40px);transition:.25s;display:grid;gap:12px;max-height:88vh;overflow:auto}.pm-sheet-bg.on .pm-sheet{transform:none}.pm-sheet .grab{display:block;width:44px;height:5px;border-radius:3px;background:#d5deec;margin:4px auto 6px}.pm-sheet h3{margin:0;text-align:center}
.pm-sum{display:grid;gap:0;background:var(--bg);border-radius:18px;padding:6px 14px}.pm-sum>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px dashed var(--ln);font-size:13.5px}.pm-sum>div:last-child{border:0}.pm-sum span{color:var(--mut)}.pm-sum .tot{font-size:15px}.pm-sum .tot b{color:var(--n1)}.pm-bal-note{text-align:center;font-size:12px;color:var(--mut)}
.pm-res{padding:60px 22px 20px;text-align:center;display:grid;gap:12px}.pm-res .ring{width:104px;height:104px;border-radius:50%;margin:0 auto;display:grid;place-items:center;color:#fff;animation:pmpop .5s cubic-bezier(.2,1.4,.4,1)}.pm-res.ok .ring{background:var(--ok);box-shadow:0 0 0 14px rgba(32,178,107,.14)}.pm-res.err .ring{background:var(--er);box-shadow:0 0 0 14px rgba(229,72,77,.14)}.pm-res.wait .ring{background:var(--wn);box-shadow:0 0 0 14px rgba(245,166,35,.16)}
.pm-res h2{margin:6px 0 0}.pm-res p{margin:0;color:var(--mut)}.pm-sum.rc{background:var(--c-card,#fff);text-align:right;box-shadow:0 10px 30px -20px rgba(14,58,112,.5);margin:6px 0}@keyframes pmpop{from{transform:scale(.3);opacity:0}}
.pm-gauge{display:block;width:230px;margin:0 auto}.pm-lim{text-align:center;margin-top:-4px}.pm-lim small{color:var(--mut);display:block}.pm-lim b{font-size:19px}
.pm-why{margin-top:12px;font-size:13px}.pm-why summary{cursor:pointer;color:var(--n3);font-weight:700;text-align:center}.pm-why div{display:flex;justify-content:space-between;padding:8px 4px;border-bottom:1px dashed var(--ln)}.pm-why .neg{color:var(--er)}
.pm-quote{display:grid;gap:0;background:var(--bg);border-radius:16px;padding:4px 14px}.pm-quote div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--ln);font-size:13.5px}.pm-quote div:last-child{border:0}.pm-quote small{color:var(--mut);padding:10px 0}
input[type=range]{accent-color:var(--n3);width:100%}
.pm-loan .row{display:flex;justify-content:space-between;gap:10px}.pm-loan small{color:var(--mut);display:block}.pm-loan b{font-size:17px}.pm-prog{height:10px;border-radius:5px;background:#e6ecf5;margin:16px 0 6px;overflow:hidden}.pm-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--n3),var(--ok));border-radius:5px}.pm-mut{color:var(--mut)}
.pm-next{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:14px;border-radius:18px;background:#eaf1fc}.pm-next.late{background:#fdeeee}.pm-next small{color:var(--mut)}.pm-next b{display:block;font-size:18px;margin:2px 0}
.pm-months{display:flex;gap:6px;overflow:auto;padding:4px 18px 10px;scrollbar-width:none}.pm-months a{flex:none;padding:10px 16px;border-radius:14px;color:var(--mut);text-decoration:none;font-weight:700;font-size:13.5px}.pm-months a.act{color:var(--n1);background:var(--c-card,#fff);box-shadow:0 6px 14px -8px rgba(14,58,112,.5)}
.pm-seg2{display:grid;grid-template-columns:1fr 1fr;background:var(--c-bg,#eef2f9);border-radius:16px;padding:4px;margin:0 18px 6px}.pm-seg2 a{text-align:center;padding:11px;border-radius:12px;color:var(--mut);text-decoration:none;font-weight:700;font-size:13.5px}.pm-seg2 a.act{background:var(--n1);color:#fff}
.pm-rt{text-align:center;margin-bottom:6px}.pm-rt small{color:var(--mut)}.pm-rt b{display:block;font-size:24px;margin-top:4px}.pm-chart{width:100%;height:auto;display:block}.pm-bar{height:6px;background:var(--c-cloud,#f4f7fc);border-radius:3px;margin-top:6px;overflow:hidden}.pm-bar i{display:block;height:100%;background:var(--er);border-radius:3px}
.pm-nt{display:flex;gap:12px;background:var(--c-card,#fff);border-radius:18px;padding:14px;box-shadow:0 6px 18px -14px rgba(14,58,112,.45)}.pm-nt i{flex:none;width:10px;height:10px;border-radius:50%;background:#c8d4e6;margin-top:6px}.pm-nt.new i{background:var(--n3)}.pm-nt.ok i{background:var(--ok)}.pm-nt.err i{background:var(--er)}.pm-nt.warn i{background:var(--wn)}.pm-nt b{font-size:13.5px}.pm-nt p{margin:4px 0;color:var(--mut);font-size:12.5px;line-height:1.8}.pm-nt small{color:#9aa8bd;font-size:11px}.pm-nt.new{box-shadow:inset 3px 0 0 var(--n3),0 6px 18px -14px rgba(14,58,112,.45)}
.pm-prof{text-align:center;padding:36px 18px 22px;background:linear-gradient(160deg,var(--n1),var(--n3));color:#fff;border-radius:0 0 34px 34px;display:grid;gap:4px;justify-items:center}.pm-prof .av{width:84px;height:84px;border-radius:50%;background:var(--c-card,#fff);color:var(--n1);display:grid;place-items:center;font-size:34px;font-weight:800;margin-bottom:6px;box-shadow:0 0 0 6px rgba(255,255,255,.2)}.pm-prof b{font-size:18px}.pm-prof small{opacity:.85}
.pm-row{display:flex;align-items:center;gap:14px;background:var(--c-card,#fff);border-radius:18px;padding:14px;margin-bottom:10px;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px -14px rgba(14,58,112,.45)}.pm-row>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--n1);color:#fff;flex:none}.pm-row div{flex:1}.pm-row b{display:block;font-size:14px}.pm-row small{color:var(--mut);font-size:12px}.pm-row>svg{color:#9aa8bd}.pm-row.out>span{background:#fdeeee;color:var(--er)}
.pm-gate{display:grid;place-content:center;justify-items:center;text-align:center;gap:10px;min-height:100vh;padding:30px}.pm-gate h1{margin:0;font-size:22px}.pm-gate p{color:var(--mut);max-width:300px;line-height:2}.pm-gate .pm-btn{max-width:300px}
.pm-toast{position:fixed;inset:auto 0 100px;margin:auto;width:max-content;max-width:88vw;background:var(--ink);color:#fff;padding:12px 20px;border-radius:14px;z-index:10000;font-size:13.5px;opacity:0;transform:translateY(10px);transition:.3s}.pm-toast.on{opacity:1;transform:none}.pm-toast.ok{background:var(--ok)}.pm-toast.err{background:var(--er)}
@media(max-width:700px){.pm-phone{box-shadow:none}}
/* specificity guards against `.sm-app button{color:inherit}` */
.sm-app[data-view=app] .pm-btn,.pm-sheet .pm-btn{color:#fff}.pm-sheet .pm-btn.ghost{color:var(--n1)}.pm-sheet{color:var(--ink);font-family:inherit}.sm-app[data-view=app] .pm-btn.ghost{color:var(--n1)}
.sm-app[data-view=app] .pm-chip{color:var(--n1)}.sm-app[data-view=app] .pm-nav a{color:#b9cdea}.sm-app[data-view=app] .pm-nav a.act{color:var(--n1)}
.sm-app[data-view=app] .pm-seg button{color:var(--mut)}.sm-app[data-view=app] .pm-seg button.act{color:var(--n1)}
.sm-app[data-view=app] .pm-chips button{color:var(--ink)}.sm-app[data-view=app] .pm-chips button.act{color:var(--n1)}
.sm-app[data-view=app] .pm-seg2 a.act{color:#fff}.sm-app[data-view=app] .pm-bal small button{color:#fff}

/* hero actions sit on the blue header in both themes */
.sm-app[data-view=app] .pm-chip{background:#fff;color:#0e3a70}
.sm-app[data-view=app] .pm-banner.alt{color:#10233f}
html.pm-html{margin-top:0!important}

/* ---- dark theme for the wallet app (tokens only; navy hero stays) ---- */
:root[data-theme=dark] .sm-app[data-view=app],:root[data-theme=dark] .pm-sheet-bg,:root[data-theme=dark] .pm-toast{--ink:#e8edf7;--mut:#9aa8c4;--ln:#2a3652;--bg:#0d1424}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .sm-app[data-view=app],:root:not([data-theme=light]) .pm-sheet-bg,:root:not([data-theme=light]) .pm-toast{--ink:#e8edf7;--mut:#9aa8c4;--ln:#2a3652;--bg:#0d1424}}
:root[data-theme=dark] .pm-tile span{background:linear-gradient(180deg,#f5f8ff,#dfe8f8)}
:root[data-theme=dark] body.pm-mode{background:#070d1c}