/* Easypaisa-style profile */
.app-top{
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding-bottom:10px;
}
.app-top-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hdr-profile{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  text-align:left;
  border:1px solid rgba(90,140,40,.2);
  border-radius:14px;
  padding:8px 10px;
  background:linear-gradient(135deg,#ffffff,#e8f3d8);
  cursor:pointer;
  box-shadow:0 4px 14px rgba(60,100,30,.08);
}
.hdr-profile.hidden{display:none!important}
.hdr-profile:active{transform:scale(.99)}
.hdr-avatar{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;
  font:800 13px Sora;color:#0b1a0a;
  background:linear-gradient(145deg,#8dc63f,#5fa020);
  border:2px solid #fff;
  box-shadow:0 4px 10px rgba(95,160,32,.25);
  overflow:hidden;
}
.hdr-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.hdr-profile-text{flex:1;min-width:0;display:grid;gap:1px}
.hdr-profile-text small{
  font-size:10px;font-weight:700;color:#5a8218;letter-spacing:.02em;
}
.hdr-profile-text b{
  font:800 14px Sora;color:#142016;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hdr-chevron{
  font-size:22px;font-weight:700;color:#5fa020;line-height:1;padding-right:2px;
}

.profile-view{
  padding-bottom:calc(88px + env(safe-area-inset-bottom));
  max-width:480px;margin:0 auto;
}
.profile-view.hidden{display:none!important}

.pf-hero{
  position:relative;
  margin:0 -14px 14px;
  padding:18px 16px 28px;
  background:
    radial-gradient(ellipse at 80% 0%, rgba(255,255,255,.35), transparent 45%),
    linear-gradient(160deg,#6faa28 0%,#8dc63f 48%,#a8d85a 100%);
  color:#0b1a0a;
  border-radius:0 0 24px 24px;
  box-shadow:0 12px 28px rgba(95,160,32,.22);
}
.pf-back{
  position:absolute;top:14px;left:14px;
  width:36px;height:36px;border-radius:12px;border:0;
  background:rgba(255,255,255,.35);color:#0b1a0a;
  font-size:18px;font-weight:800;cursor:pointer;
}
.pf-hero-inner{display:grid;justify-items:center;text-align:center;gap:6px;padding-top:8px}
.pf-avatar-wrap{position:relative;margin-bottom:4px}
.pf-avatar,.pf-avatar-img{
  width:88px;height:88px;border-radius:50%;
  border:3px solid #fff;
  box-shadow:0 10px 24px rgba(20,40,10,.2);
}
.pf-avatar{
  display:grid;place-items:center;
  font:800 28px Sora;color:#0b1a0a;
  background:linear-gradient(145deg,#f7fbf2,#cfe8a8);
}
.pf-avatar-img{object-fit:cover;display:block;background:#fff}
.pf-avatar-img.hidden{display:none!important}
.pf-verified{
  position:absolute;right:2px;bottom:4px;
  width:24px;height:24px;border-radius:50%;
  background:#fff;color:#5fa020;
  display:grid;place-items:center;
  font-style:normal;font-weight:900;font-size:12px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  border:2px solid #8dc63f;
}
.pf-hero h2{margin:0;font:800 22px Sora;letter-spacing:-.02em}
.pf-phone{margin:0;font-size:13px;font-weight:700;opacity:.85}
.pf-level{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:6px}
.pf-level-badge{
  display:inline-flex;padding:5px 12px;border-radius:999px;
  background:rgba(11,26,10,.12);font-size:11px;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
}
.pf-level-ur{
  font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;
  direction:rtl;font-size:11px;font-weight:700;opacity:.8;
}

.pf-wallet-row{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin:-8px 0 16px;
}
.pf-wallet-card{
  padding:12px;border-radius:16px;
  background:linear-gradient(160deg,#ffffff,#eef6e4);
  border:1px solid rgba(90,140,40,.18);
  box-shadow:0 8px 20px rgba(60,100,30,.08);
}
.pf-wallet-card small{display:block;font-size:10px;font-weight:700;color:#5a8218;margin-bottom:4px}
.pf-wallet-card b{font:800 15px Sora;color:#142016}

.pf-section{margin-bottom:16px}
.pf-section h3{
  margin:0 0 8px;font:800 13px Sora;color:#2f7a18;
  letter-spacing:.04em;text-transform:uppercase;
}
.pf-menu{
  padding:4px;overflow:hidden;
  background:linear-gradient(160deg,#ffffff,#f3f9ea)!important;
}
.pf-item{
  width:100%;display:flex;align-items:center;gap:12px;
  padding:13px 12px;border:0;background:transparent;
  text-align:left;cursor:pointer;border-radius:14px;
  color:inherit;
}
.pf-item + .pf-item{border-top:1px solid rgba(90,140,40,.1)}
.pf-item:active{background:rgba(122,188,52,.1)}
.pf-ico{
  width:40px;height:40px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;font-size:18px;
  background:linear-gradient(145deg,#e8f3d8,#d6ebbc);
}
.pf-item-text{flex:1;min-width:0;display:grid;gap:2px}
.pf-item-text b{font:700 14px Sora;color:#142016}
.pf-item-text small{font-size:11px;color:#5c6f5a;line-height:1.3}
.pf-arrow{font-size:22px;color:#5fa020;font-weight:700}

.pf-logout{
  width:100%;min-height:50px;margin:8px 0 10px;border-radius:14px;
  border:1px solid rgba(224,51,51,.25);
  background:linear-gradient(135deg,#fff5f5,#ffe8e8);
  color:#c0392b;font:800 14px Sora;cursor:pointer;
}
.pf-logout:active{transform:scale(.99)}
.pf-foot{
  text-align:center;font-size:11px;font-weight:700;color:#5a8218;
  margin:0 0 8px;opacity:.75;
}

.pf-detail-card .pf-kv{
  display:grid;gap:8px;margin-bottom:12px;
}
.pf-kv-row{
  display:flex;justify-content:space-between;gap:10px;
  padding:11px 12px;border-radius:12px;
  background:linear-gradient(135deg,#fff,#f3f9ea);
  border:1px solid rgba(90,140,40,.12);
  font-size:13px;
}
.pf-kv-row span{color:#5c6f5a;font-weight:600}
.pf-kv-row b{color:#142016;text-align:right;word-break:break-all}
.pf-edit-form .field{margin-bottom:10px}

body.profile-open .bottom-nav button[data-view="profile"]{color:var(--green-light)}
body.profile-open #dashView{display:none!important}