/* PaddlePoint Shared: Suggest & Updates Modals */
.pp-modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);z-index:9999;align-items:center;justify-content:center}
.pp-modal-overlay.open{display:flex}
.pp-modal{background:#1a1d28;border:1px solid #2d3040;border-radius:20px;padding:28px;width:90%;max-width:460px;max-height:80vh;overflow-y:auto;position:relative;animation:ppModalIn 0.2s ease}
@keyframes ppModalIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.pp-modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#6b7080;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all 0.2s}
.pp-modal-close:hover{background:#252836;color:#e1e4e8}
.pp-modal h2{font-size:20px;font-weight:700;margin-bottom:4px}
.pp-modal h2.suggest-title{background:linear-gradient(90deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pp-modal h2.updates-title{background:linear-gradient(90deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.pp-modal .pp-subtitle{color:#6b7080;font-size:13px;margin-bottom:18px}
.pp-form-group{margin-bottom:14px}
.pp-form-group label{display:block;font-size:13px;font-weight:600;color:#a0a4b8;margin-bottom:5px}
.pp-form-group input,.pp-form-group textarea,.pp-form-group select{width:100%;padding:10px 14px;background:#252836;border:1px solid #2d3040;border-radius:10px;color:#e1e4e8;font-size:14px;font-family:inherit;transition:border-color 0.2s;outline:none}
.pp-form-group input:focus,.pp-form-group textarea:focus{border-color:#a78bfa}
.pp-form-group textarea{resize:vertical;min-height:70px}
.pp-form-group input::placeholder,.pp-form-group textarea::placeholder{color:#4b5060}
.pp-submit-btn{width:100%;padding:12px;background:linear-gradient(135deg,#a78bfa,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity 0.2s}
.pp-submit-btn:hover{opacity:0.9}
.pp-submit-btn:disabled{opacity:0.5;cursor:not-allowed}
.pp-form-msg{margin-top:10px;font-size:13px;text-align:center}
.updates-item{padding:14px 0;border-bottom:1px solid #252836}
.updates-item:last-child{border-bottom:none}
.updates-date{font-size:11px;color:#6b7080;margin-bottom:4px}
.updates-item-title{font-size:15px;font-weight:600;color:#e1e4e8;margin-bottom:4px}
.updates-item-desc{font-size:13px;color:#8b8fa3;line-height:1.5}
.updates-tag{display:inline-block;font-size:10px;padding:2px 8px;border-radius:6px;margin-right:4px;font-weight:600}
.updates-tag.feature{background:rgba(34,197,94,0.15);color:#22c55e}
.updates-tag.fix{background:rgba(251,191,36,0.15);color:#fbbf24}
.updates-tag.data{background:rgba(96,165,250,0.15);color:#60a5fa}
.updates-empty{text-align:center;color:#6b7080;font-size:14px;padding:30px 0}

/* Coming Next & Updates */
.coming-next{padding:16px;background:#252836;border:1px solid #2d3040;border-radius:14px;margin-bottom:16px}
.coming-next h3{font-size:16px;font-weight:700;color:#e1e4e8;margin-bottom:10px}
.coming-next p{font-size:13px;color:#8b8fa3;line-height:1.5;margin-bottom:8px}
.coming-next p:last-child{margin-bottom:0}
.coming-next .cn-label{font-size:13px;font-weight:700;color:#e1e4e8;margin-top:12px;margin-bottom:2px}
.coming-next ul{font-size:13px;color:#8b8fa3;line-height:1.5;padding-left:20px;margin-bottom:8px}
.coming-next ul li{margin-bottom:2px}
.update-item{padding:12px 0;border-bottom:1px solid #252836}
.update-item:last-child{border-bottom:none}
.update-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.update-status{font-size:10px;padding:2px 8px;border-radius:6px;font-weight:600}
.update-status.planned{background:rgba(96,165,250,0.15);color:#60a5fa}
.update-status.in_progress{background:rgba(251,191,36,0.15);color:#fbbf24}
.update-status.completed{background:rgba(34,197,94,0.15);color:#22c55e}
.update-title{font-size:14px;font-weight:600;color:#e1e4e8}
.update-desc{font-size:13px;color:#8b8fa3;line-height:1.4;margin-top:2px}
.update-date{font-size:11px;color:#4b5060;margin-top:4px}


/* ============ MOBILE HAMBURGER NAV (shared across all pages) ============ */
.pp-mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#1a1a2e;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:100}
.pp-mobile-toggle svg{width:24px;height:24px}
.pp-mobile-menu{display:none;position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px)}
.pp-mobile-menu.open{display:flex}
.pp-mobile-panel{background:#fff;width:280px;margin-left:auto;height:100%;padding:24px;display:flex;flex-direction:column;gap:4px;box-shadow:-8px 0 30px rgba(0,0,0,0.1);overflow-y:auto}
.pp-mobile-panel-close{align-self:flex-end;background:none;border:none;font-size:28px;cursor:pointer;color:#1a1a2e;margin-bottom:12px}
.pp-mobile-panel a,.pp-mobile-panel span{text-decoration:none;color:#1a1a2e;font-size:16px;font-weight:500;padding:12px 16px;border-radius:8px;transition:background 0.2s;cursor:pointer;display:block}
.pp-mobile-panel a:hover,.pp-mobile-panel span:hover{background:#f1f5f9}
.pp-mobile-panel .pp-mobile-divider{height:1px;background:#e2e8f0;margin:8px 0}
@media(max-width:768px){
    .pp-mobile-toggle{display:block}
    .nav-btn,.back-btn,.suggest-btn,.updates-btn,.clubs-btn,.nav-btns .nav-btn,.header-right .nav-btn{display:none!important}
    .nav-btns,.header-right{min-width:0!important}
}