/* Hidden overlay until triggered */
.ppap-hidden{ display:none !important; }
.ppap-overlay{position:fixed;inset:0;z-index:999999;background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;padding:22px}
.ppap-auth{width:min(92vw,560px);background:#fff;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:18px;font-family:system-ui,Segoe UI,Roboto,Arial}
.ppap-tabs{display:flex;gap:8px;margin-bottom:10px}
.ppap-tab{flex:1;border:1px solid #e5e7eb;background:#f8fafc;border-radius:12px;padding:10px 0;font-weight:800;cursor:pointer}
.ppap-tab-active{background:#111827;color:#fff;border-color:#111827}
.ppap-pane.ppap-hidden{display:none}
.ppap-auth label{display:flex;flex-direction:column;font-weight:700;font-size:13px;color:#0f172a;gap:6px;margin:8px 0}
.ppap-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ppap-auth input,.ppap-auth select{padding:10px 12px;border:1px solid #dbe1ea;border-radius:12px;outline:0}
.ppap-auth input:focus,.ppap-auth select:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.ppap-btn{width:100%;margin-top:10px;background:linear-gradient(135deg,#22d3ee,#a78bfa);color:#fff;border:0;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer}
.ppap-msg{min-height:18px;margin-top:8px;color:#dc2626;font-weight:700;text-align:center}

/* Floating Action Button (homepage corner) */
.ppap-fab{position:fixed;right:16px;bottom:18px;display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:10px 14px;background:#111827;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.25);cursor:pointer;z-index:999998}
.ppap-fab .ppap-fab-icon{font-size:16px}
.ppap-fab .ppap-fab-text{font-weight:700}
@media (max-width:560px){ .ppap-fab .ppap-fab-text{display:none} }

/* Logged-in inline card (for [pp_account]) */
.ppap-card{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;max-width:560px}
.ppap-avatar{width:44px;height:44px;border-radius:999px}
.ppap-name{font-weight:800}
.ppap-email{opacity:.7;font-size:13px}
.ppap-link{margin-left:12px;color:#2563eb;text-decoration:none}

/* Profile styles reused */
.ppap-profile{max-width:720px;margin:16px auto;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.ppap-profile .ppap-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ppap-profile .ppap-btn{width:auto}
.ppap-profile .ppap-msg{color:#16a34a}

/* Forgot link */
.ppap-forgot{margin-top:8px;text-align:center}
.ppap-forgot a{color:#2563eb;text-decoration:none;font-weight:700}
.ppap-forgot a:hover{text-decoration:underline}