/* Paywall dùng chung cho 5 app + trang chủ */
.pw-locked{position:relative;opacity:.78;filter:saturate(.55)}
.pw-locked:hover{opacity:1;filter:none}
.pw-badge{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1.3;
  background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 6px rgba(249,115,22,.35);white-space:nowrap}
.lcard .pw-badge{position:absolute;top:8px;right:8px;margin:0}
.pw-pill{position:fixed;right:14px;bottom:14px;z-index:9998;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:.85rem;padding:10px 14px;border-radius:999px;
  background:linear-gradient(90deg,#6366f1,#ec4899);color:#fff;box-shadow:0 6px 20px rgba(99,102,241,.4)}
.pw-pill.owned{background:#16a34a}
.pw-pill[hidden]{display:none}
.pw-ov{position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.55);display:flex;align-items:flex-start;justify-content:center;padding:16px;overflow:auto;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
.pw-box{background:#fff;color:#0f172a;width:100%;max-width:520px;border-radius:18px;padding:20px 18px;box-shadow:0 20px 60px rgba(0,0,0,.35);margin:auto 0;position:relative}
.pw-box h2{margin:0 0 6px;font-size:1.25rem}
.pw-box p{margin:6px 0;font-size:.92rem;line-height:1.45}
.pw-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:1.5rem;cursor:pointer;color:#64748b}
.pw-plans{display:grid;gap:8px;margin:12px 0}
.pw-plan{display:flex;align-items:center;gap:10px;border:2px solid #e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff;text-align:left;font:inherit;color:inherit}
.pw-plan:hover{border-color:#a5b4fc}
.pw-plan.on{border-color:#6366f1;background:#eef2ff}
.pw-plan.own{opacity:.6;cursor:default}
.pw-plan .e{font-size:1.5rem}
.pw-plan .t{flex:1;min-width:0}.pw-plan .t b{display:block}.pw-plan .t small{color:#64748b}
.pw-plan .p{font-weight:800;white-space:nowrap}
.pw-plan .tag{display:inline-block;margin-left:6px;font-size:.68rem;background:#f97316;color:#fff;border-radius:6px;padding:1px 6px;vertical-align:middle}
.pw-more{font-size:.85rem;color:#4f46e5;background:none;border:0;cursor:pointer;padding:2px 0;font:inherit;font-weight:700}
.pw-in{width:100%;box-sizing:border-box;padding:11px 12px;border:2px solid #cbd5e1;border-radius:10px;font:inherit;font-size:1rem;margin:4px 0}
.pw-in:focus{outline:none;border-color:#6366f1}
.pw-btn{width:100%;padding:12px;border:0;border-radius:12px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;background:#6366f1;color:#fff;margin-top:8px}
.pw-btn.sec{background:#e2e8f0;color:#0f172a}
.pw-btn:disabled{opacity:.55;cursor:not-allowed}
.pw-note{font-size:.78rem!important;color:#64748b}
.pw-warn{background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:10px;padding:8px 10px;font-size:.85rem}
.pw-err{color:#dc2626;font-size:.88rem;min-height:1.1em}
.pw-sep{border:0;border-top:1px dashed #cbd5e1;margin:16px 0}
.pw-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:800;letter-spacing:.04em;background:#f1f5f9;border:2px dashed #6366f1;border-radius:10px;padding:10px;text-align:center;user-select:all;word-break:break-all}
.pw-spin{width:38px;height:38px;border:4px solid #e0e7ff;border-top-color:#6366f1;border-radius:50%;margin:14px auto;animation:pwspin 1s linear infinite}
@keyframes pwspin{to{transform:rotate(360deg)}}
.pw-hubbadge{pointer-events:none;display:inline-block;margin-top:6px;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:rgba(99,102,241,.12);color:#4f46e5;position:relative;z-index:2}
.pw-hubbadge.own{background:rgba(22,163,74,.14);color:#15803d}
html.dark .pw-box,body.dark .pw-box{background:#1e293b;color:#e2e8f0}
html.dark .pw-plan,body.dark .pw-plan{background:#0f172a;border-color:#334155}
html.dark .pw-plan.on,body.dark .pw-plan.on{background:#312e81;border-color:#818cf8}
html.dark .pw-in,body.dark .pw-in{background:#0f172a;color:#e2e8f0;border-color:#475569}
html.dark .pw-code,body.dark .pw-code{background:#0f172a}
html.dark .pw-btn.sec,body.dark .pw-btn.sec{background:#334155;color:#e2e8f0}
html.dark .pw-hubbadge,body.dark .pw-hubbadge{color:#a5b4fc}
@media (max-width:480px){.pw-box{padding:18px 14px;border-radius:14px}.pw-pill{font-size:.78rem;padding:8px 12px;right:10px;bottom:10px}}

.pw-qr{text-align:center;margin:8px 0}.pw-qr img{width:240px;height:240px;max-width:72vw;max-height:72vw;border-radius:12px;background:#fff;border:1px solid #e2e8f0;object-fit:contain}
.pw-rows{display:grid;gap:6px;margin:8px 0}
.pw-row{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:.9rem}
.pw-row span{color:#64748b;min-width:96px}.pw-row b{flex:1;word-break:break-all}
.pw-row.hl{border-color:#6366f1;background:#eef2ff}.pw-row.hl b{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.05rem;letter-spacing:.03em}
.pw-cp{border:0;background:#e0e7ff;color:#3730a3;font:inherit;font-size:.75rem;font-weight:800;padding:5px 9px;border-radius:8px;cursor:pointer;white-space:nowrap}
.pw-wait{display:flex;align-items:center;gap:8px;justify-content:center;font-size:.9rem;margin-top:8px}
.pw-spin.sm{width:18px;height:18px;border-width:3px;margin:0}
html.dark .pw-row,body.dark .pw-row{background:#0f172a;border-color:#334155}
html.dark .pw-row.hl,body.dark .pw-row.hl{background:#312e81}
@media (max-width:480px){.pw-row span{min-width:84px;font-size:.82rem}}