/* ── Plan Section in Profile ── */
.plan-section{margin-top:32px}
.plan-sec-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.plan-sec-title{font-family:'Sora',sans-serif;font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:3px}
.plan-sec-sub{font-size:.8rem;color:#94a3b8}
.plan-current-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:99px;font-size:.78rem;font-weight:800;background:linear-gradient(135deg,#6C4DFF,#4f46e5);color:#fff;box-shadow:0 3px 12px rgba(108,77,255,.3)}

/* Usage bar */
.plan-usage-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;padding:18px;margin-bottom:20px}
.pub-item{}
.pub-label{font-size:.72rem;font-weight:700;color:#64748b;margin-bottom:6px;display:flex;align-items:center;gap:5px}
.pub-nums{font-size:.85rem;font-weight:800;color:#0f172a;margin-bottom:5px}
.pub-nums span{font-weight:400;color:#94a3b8;font-size:.75rem}
.pub-track{height:5px;background:#f1f5f9;border-radius:99px;overflow:hidden}
.pub-fill{height:100%;border-radius:99px;transition:width 1s ease}

/* Plan cards */
.plan-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pc-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:18px;padding:24px 20px 20px;display:flex;flex-direction:column;position:relative;transition:all .2s}
.pc-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.09)}
.pc-card.pc-popular{border:2px solid #6C4DFF;box-shadow:0 6px 24px rgba(108,77,255,.15)}
.pc-card.pc-current{border:2px solid #10b981}
.pc-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:4px 16px;border-radius:99px;font-size:.68rem;font-weight:800;white-space:nowrap}
.pc-badge.popular{background:linear-gradient(135deg,#6C4DFF,#4f46e5);color:#fff}
.pc-badge.current{background:#d1fae5;color:#065f46}
.pc-name{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;margin-top:6px}
.pc-price{font-family:'Sora',sans-serif;font-size:2rem;font-weight:900;color:#0f172a;line-height:1;margin-bottom:3px}
.pc-price small{font-size:.9rem;font-weight:500;color:#94a3b8}
.pc-desc{font-size:.77rem;color:#64748b;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #f1f5f9}
.pc-feats{list-style:none;padding:0;margin:0 0 18px;flex:1;display:flex;flex-direction:column;gap:7px}
.pc-feats li{font-size:.78rem;color:#374151;display:flex;align-items:flex-start;gap:6px;line-height:1.4}
.pc-feats li::before{content:'✓';font-weight:800;flex-shrink:0}
.pc-btn{width:100%;padding:10px;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;font-family:inherit;border:1.5px solid #e2e8f0;background:#f8fafc;color:#475569;transition:all .2s;text-align:center}
.pc-btn:hover:not(:disabled){border-color:#6C4DFF;color:#6C4DFF;background:#f5f3ff}
.pc-btn.pro{background:linear-gradient(135deg,#6C4DFF,#4f46e5);border:none;color:#fff;box-shadow:0 4px 14px rgba(108,77,255,.3)}
.pc-btn.pro:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(108,77,255,.4)}
.pc-btn.ent{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.3)}
.pc-btn.ent:hover{opacity:.9;transform:translateY(-1px)}
.pc-btn.cancel{background:#fff;border-color:#fca5a5;color:#dc2626}
.pc-btn.cancel:hover{background:#fef2f2}
.pc-btn:disabled{opacity:1;background:#f0fdf4;border-color:#bbf7d0;color:#065f46;cursor:default}
.pc-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:5px}

/* Responsive */
@media(max-width:900px){.plan-cards-grid{grid-template-columns:1fr}.plan-usage-bar{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.plan-usage-bar{grid-template-columns:1fr 1fr}}