/* HRMS PWA install surface - shared by Login + ESS */
[hidden]{display:none!important}

.pwa-install-card{
  margin:14px 0 0;padding:13px;border-radius:18px;
  border:1px solid rgba(139,92,246,.22);
  background:linear-gradient(135deg,rgba(91,92,246,.10),rgba(124,58,237,.055));
  color:#f8fafc;position:relative;overflow:hidden
}
.pwa-install-card:before{
  content:"";position:absolute;width:125px;height:125px;border-radius:999px;
  left:-55px;top:-65px;background:rgba(167,139,250,.08);pointer-events:none
}
.pwa-install-card__top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;position:relative}
.pwa-install-card__icon{
  width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(145deg,#6366f1,#7c3aed);color:#fff;
  box-shadow:0 10px 22px rgba(99,102,241,.22);font-size:1rem
}
.pwa-install-card__copy strong{display:block;font-size:.7rem}
.pwa-install-card__copy small{display:block;margin-top:2px;color:#9ca3af;font-size:.54rem;line-height:1.45}
.pwa-install-card__dismiss{
  width:30px;height:30px;border:0;border-radius:9px;background:rgba(255,255,255,.05);
  color:#94a3b8;cursor:pointer;font-size:1rem
}
.pwa-install-card__actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;position:relative}
.pwa-install-card__button{
  min-height:40px;border:0;border-radius:12px;padding:8px 12px;cursor:pointer;
  background:#fff;color:#312e81;font-family:inherit;font-size:.62rem;font-weight:900
}
.pwa-install-card__button:disabled{opacity:.5;cursor:not-allowed}
.pwa-install-card__later{
  min-height:40px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);
  border-radius:12px;background:transparent;color:#94a3b8;font-family:inherit;
  font-size:.56rem;font-weight:800;cursor:pointer
}

.pwa-ess-install-link{
  width:100%;border:0;font-family:inherit;text-align:right;cursor:pointer
}
.ep2-pwa-card{
  width:100%;border:1px solid #dbeafe;cursor:pointer;text-align:right;font-family:inherit;
  background:linear-gradient(135deg,#eff6ff,#eef2ff)
}
.ep2-pwa-card .ep2-passkey-card__icon{color:#4f46e5}
.ep2-pwa-card>div span,.ep2-pwa-card>b{color:#4f46e5}

.pwa-guide{position:fixed;inset:0;z-index:99999;direction:rtl;font-family:inherit}
.pwa-guide__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(7px)}
.pwa-guide__sheet{
  position:absolute;right:50%;bottom:12px;transform:translateX(50%);
  width:min(520px,calc(100% - 24px));padding:18px;border-radius:26px;
  background:#fff;color:#111827;box-shadow:0 30px 80px rgba(2,6,23,.3)
}
.pwa-guide__handle{width:42px;height:4px;border-radius:99px;background:#e2e8f0;margin:0 auto 11px}
.pwa-guide__close{
  position:absolute;left:14px;top:14px;width:32px;height:32px;border:0;border-radius:10px;
  background:#f1f5f9;color:#64748b;font-size:1.1rem;cursor:pointer
}
.pwa-guide__icon{
  width:48px;height:48px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;font-size:1.2rem
}
.pwa-guide__kicker{display:block;margin-top:11px;color:#6366f1;font-size:.58rem;font-weight:900}
.pwa-guide h2{margin:4px 0 6px;font-size:1rem}
.pwa-guide> .pwa-guide__sheet > p{margin:0;color:#64748b;font-size:.62rem;line-height:1.65}
.pwa-guide__steps{display:grid;gap:8px;margin-top:14px}
.pwa-guide__steps div{
  display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;
  padding:9px 10px;border-radius:13px;background:#f8fafc;border:1px solid #eef2f7
}
.pwa-guide__steps b{
  width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:#eef2ff;color:#4f46e5;font-size:.6rem
}
.pwa-guide__steps span{font-size:.6rem;color:#475569;line-height:1.55}
.pwa-guide__done{
  width:100%;min-height:44px;margin-top:13px;border:0;border-radius:13px;
  background:linear-gradient(135deg,#5b5cf6,#7c3aed);color:#fff;
  font-family:inherit;font-weight:900;font-size:.65rem;cursor:pointer
}
.pwa-guide-open{overflow:hidden!important}

@media(max-width:560px){
  .pwa-install-card{margin-top:10px;padding:11px;border-radius:16px}
  .pwa-install-card__icon{width:38px;height:38px;border-radius:12px}
  .pwa-install-card__copy strong{font-size:.64rem}
  .pwa-install-card__copy small{font-size:.51rem}
  .pwa-install-card__button,.pwa-install-card__later{min-height:38px}
  .pwa-guide__sheet{bottom:max(8px,env(safe-area-inset-bottom));border-radius:24px}
}