/* assets/css/online.css */

.online-stats { display:flex; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.online-stat { background:var(--bg-card); border:1px solid var(--border); border-radius:10px; padding:14px 20px; text-align:center; flex:1; min-width:120px; }
.online-stat-value { font-size:24px; font-weight:700; color:var(--accent-cyan); }
.online-stat-label { font-size:11px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; margin-top:4px; }

.online-filters { display:flex; gap:8px; margin-bottom:16px; flex-wrap:wrap; }
.online-filter { padding:8px 16px; border-radius:20px; background:var(--bg-secondary); color:var(--text-primary); font-size:13px; text-decoration:none; border:1px solid var(--border); transition:all 0.15s; }
.online-filter:hover { border-color:var(--accent-gold); }
.online-filter.active { background:linear-gradient(135deg,var(--accent-purple),var(--accent-indigo)); color:#fff; border-color:transparent; }

.online-list { display:flex; flex-direction:column; gap:8px; }
.online-row { display:flex; gap:12px; align-items:flex-start; background:var(--bg-card); border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
.online-row.is-bot { border-color:rgba(239,68,68,0.3); background:rgba(239,68,68,0.05); }
.online-row-avatar { width:40px; height:40px; border-radius:50%; background:var(--bg-secondary); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.online-row-info { flex:1; min-width:0; }
.online-row-name { font-size:14px; margin-bottom:4px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.online-row-meta { font-size:12px; color:var(--text-muted); display:flex; gap:6px; flex-wrap:wrap; }
.online-row-ua { font-size:10px; color:var(--text-muted); margin-top:4px; opacity:0.7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.online-badge { font-size:9px; padding:2px 6px; border-radius:8px; font-weight:700; }
.online-badge.bot { background:rgba(239,68,68,0.2); color:var(--danger); }
.online-badge.user { background:rgba(74,222,128,0.2); color:#4ade80; }
.online-badge.guest { background:rgba(148,163,184,0.2); color:var(--text-muted); }
.online-row-actions { flex-shrink:0; }
.online-ban-btn { background:rgba(239,68,68,0.2); color:var(--danger); border:1px solid var(--danger); padding:6px 12px; border-radius:6px; cursor:pointer; font-size:11px; font-weight:600; }
.online-ban-btn:hover { background:var(--danger); color:#fff; }

.online-empty { text-align:center; padding:40px; color:var(--text-muted); }
.online-access-denied { text-align:center; padding:60px 20px; background:var(--bg-card); border:1px solid var(--border); border-radius:14px; }
.online-access-denied h2 { color:var(--danger); margin-bottom:12px; }

.online-pagination { display:flex; gap:6px; justify-content:center; margin-top:20px; flex-wrap:wrap; }
.online-page-btn { padding:8px 14px; border-radius:8px; background:var(--bg-secondary); color:var(--text-primary); font-size:13px; text-decoration:none; border:1px solid var(--border); }
.online-page-btn:hover { border-color:var(--accent-gold); }
.online-page-btn.active { background:linear-gradient(135deg,var(--accent-purple),var(--accent-indigo)); color:#fff; border-color:transparent; }

/* Bot trap */
.bot-trap-page { max-width:600px; margin:0 auto; padding:60px 20px; text-align:center; }
.bot-trap-page h1 { color:var(--accent-gold); font-size:28px; margin-bottom:16px; }
.bot-trap-page p { color:var(--text-muted); margin-bottom:24px; line-height:1.8; }
.bot-trap-link { display:inline-block; padding:16px 32px; background:linear-gradient(135deg,var(--accent-purple),var(--accent-indigo)); color:#fff; border-radius:12px; text-decoration:none; font-size:16px; font-weight:600; }