/* Infludar — Authors: stats, tabs, filters, channels table, author cards, modals */

/* Stats row */
.authors-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:2rem}
.au-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}
.au-stat .au-label{color:var(--text-sec);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}
.au-stat .au-value{font-size:2rem;font-weight:700}
.au-stat.purple{color:var(--accent);border-color:rgba(124,92,252,0.3)}
.au-stat.green{color:var(--green);border-color:rgba(34,197,94,0.3)}
.au-stat.orange{color:var(--orange);border-color:rgba(245,158,11,0.3)}
.au-stat.cyan{color:var(--cyan);border-color:rgba(6,182,212,0.3)}
.au-stat.red{color:var(--red);border-color:rgba(248,113,113,0.3)}

/* Tab bar */
.tab-bar{display:flex;gap:0;padding:0 2rem;background:var(--bg);border-bottom:1px solid var(--border)}
.tab-btn{padding:.8rem 2rem;font-size:.95rem;font-weight:600;color:var(--text-sec);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s}
.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-btn:hover{color:var(--text)}
.tab-btn .tab-count{background:var(--border);color:var(--text-sec);padding:.15rem .5rem;border-radius:10px;font-size:.75rem;margin-left:.5rem}
.tab-btn.active .tab-count{background:var(--accent-glow);color:var(--accent)}

/* Filters */
.filters{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin:1.5rem 2rem;padding:1.5rem}
.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}
.filter-group{display:flex;flex-direction:column;gap:.5rem}
.filter-label{color:var(--text-sec);font-size:.85rem;font-weight:500}
.filter-input,.filter-select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.9rem}
.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent)}
.filter-checkboxes{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}
.filter-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer}
.filter-checkbox input{cursor:pointer}
.filter-actions{display:flex;gap:1rem}
.filter-btn{background:var(--accent);color:white;border:none;padding:.6rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500}
.filter-reset{color:var(--accent);cursor:pointer;text-decoration:underline;background:none;border:none;font-size:.9rem}

/* Results bar */
.results-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--bg);border-bottom:1px solid var(--border)}
.results-count{color:var(--text-sec);font-size:.9rem}
.results-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.action-btn{background:var(--card);color:var(--accent);border:1px solid var(--border);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s}
.action-btn:hover{border-color:var(--accent)}
.action-btn.danger{color:var(--orange)}.action-btn.danger:hover{border-color:var(--orange)}
.action-btn:disabled{opacity:.5;cursor:default}

/* Compact channels table */
.table-wrap{padding:0 2rem 2rem;overflow-x:auto}
.ch-table{width:100%;border-collapse:collapse;font-size:.85rem}
.ch-table th{background:var(--card);color:var(--text-sec);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px;padding:.6rem;text-align:left;white-space:nowrap;cursor:pointer;user-select:none;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:2}
.ch-table th:hover{color:var(--text)}
.ch-table th .sort-icon{margin-left:3px;font-size:.6rem;opacity:.4}
.ch-table th.sorted .sort-icon{opacity:1;color:var(--accent)}
.ch-table td{padding:.45rem .6rem;border-bottom:1px solid var(--border)}
.ch-table tr:hover td{background:rgba(124,92,252,0.04)}
.ch-cell{display:flex;align-items:center;gap:.5rem;min-width:200px}
.ch-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--border);overflow:hidden}
.ch-avatar img{width:100%;height:100%;object-fit:cover}
.ch-info{display:flex;flex-direction:column;min-width:0}
.ch-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.ch-name a{color:var(--text)}.ch-name a:hover{color:var(--accent)}
.ch-meta{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-muted)}
.plat-icon{width:14px;height:14px;flex-shrink:0}
.plat-icon.yt{color:var(--red)}.plat-icon.tw{color:var(--twitch)}
.ch-table .email-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
.ch-table .email-cell a{color:var(--green)}
.ch-table .cat-cell{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--text-sec)}
.freshness{font-weight:500;font-size:.8rem}
.freshness.fresh{color:var(--green)}.freshness.old{color:var(--orange)}.freshness.stale{color:var(--red)}
.er-cell{white-space:nowrap}
.er-high{color:var(--green);font-weight:600}.er-mid{color:var(--orange)}.er-low{color:var(--text-sec)}

/* Author cards */
.authors-container{padding:2rem}
.author-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}
.author-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start}
.author-avatar{width:60px;height:60px;border-radius:50%;background:var(--border);flex-shrink:0;overflow:hidden}
.author-avatar img{width:100%;height:100%;object-fit:cover}
.author-info{flex:1}
.author-name{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.3rem}
.author-email{color:var(--green);font-size:.9rem;margin-bottom:.5rem}
.author-badges{display:flex;flex-wrap:wrap;gap:.5rem}
.badge{background:var(--accent-glow);color:var(--accent);padding:.3rem .6rem;border-radius:4px;font-size:.8rem}
.author-subs{font-size:1.8rem;font-weight:700;color:var(--accent);text-align:right;white-space:nowrap}
.creators{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}
.creator-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;flex:1;min-width:250px}
.creator-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.8rem}
.creator-badge{display:inline-block;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600}
.creator-badge.yt{background:rgba(248,113,113,0.2);color:var(--red)}
.creator-badge.tw{background:var(--twitch-glow);color:var(--twitch)}
.creator-title{font-weight:600;color:var(--text);margin-bottom:.3rem}
.creator-subs{color:var(--text-sec);font-size:.85rem}
.unlink-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0}
.unlink-btn:hover{color:var(--red)}
.creator-metrics{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.8rem;color:var(--text-sec);margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}
.collab-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block}

/* Modals */
.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index:1000;align-items:center;justify-content:center}
.modal.active{display:flex}
.modal-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:90%;max-width:600px}
.modal-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem}
.modal-text{color:var(--text-sec);margin-bottom:1.5rem;font-size:.9rem}
.modal-buttons{display:flex;gap:1rem;justify-content:flex-end}
.modal-btn{padding:.6rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;font-weight:500}
.modal-btn-primary{background:var(--accent);color:white}
.modal-btn-secondary{background:var(--border);color:var(--text)}
.modal-btn-danger{background:var(--orange);color:white}
.loading{text-align:center;padding:2rem;color:var(--text-sec)}