.app-body{background:var(--bg-soft)}
.nav-links a.active{color:var(--blue);font-weight:600}
.credits{background:var(--bg-soft-2);color:var(--navy);font-weight:600;font-size:.85rem;padding:7px 13px;border-radius:999px}
.user-chip{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--accent));color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}

.workspace{display:grid;grid-template-columns:260px 1fr;gap:24px;padding-top:26px;padding-bottom:50px;align-items:start}

.sidebar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:sticky;top:90px}
.side-title{font-size:1rem;margin-bottom:16px}
.filter-block{margin-bottom:14px}
.filter-block label{display:block;font-size:.78rem;font-weight:600;color:var(--navy);margin-bottom:5px}
.filter-block input,.filter-block select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:.9rem;background:var(--bg-soft)}
.filter-block input:focus,.filter-block select:focus{outline:none;border-color:var(--blue);background:#fff}

.results{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-height:60vh}
.results-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.results-head h2{font-size:1.35rem;margin:0}
.results-actions{display:flex;gap:10px;flex-wrap:wrap}

.list-bar{display:flex;justify-content:space-between;align-items:center;background:var(--bg-soft-2);border:1px solid #d8e3fb;border-radius:9px;padding:10px 14px;margin-bottom:14px;font-size:.9rem}
.btn-link{background:none;border:0;color:var(--blue);font-weight:600;cursor:pointer;font-family:inherit;font-size:.9rem}

.data-table{width:100%;border-collapse:collapse;font-size:.9rem}
.data-table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--line);font-weight:700}
.data-table td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.data-table tr:hover td{background:var(--bg-soft)}
.cell-name{font-weight:700;color:var(--navy)}
.cell-sub{font-size:.8rem;color:var(--muted)}
.email-cell{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--ink)}
.email-cell.hidden{filter:blur(4px);user-select:none}

.tag{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.tag.verified{background:#e7fbf4;color:#0f9c7f}
.tag.unverified{background:var(--bg-soft-2);color:var(--muted)}
.tag.checking{background:#fff5e0;color:#c98a16}

.reveal-btn{background:none;border:1px solid var(--line);border-radius:7px;padding:4px 10px;font-size:.78rem;font-weight:600;color:var(--blue);cursor:pointer;font-family:inherit}
.reveal-btn:hover{background:var(--bg-soft)}

.empty{text-align:center;color:var(--muted);padding:50px 0}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;padding:13px 22px;border-radius:10px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:200}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:820px){
  .workspace{grid-template-columns:1fr}
  .sidebar{position:static}
  .data-table thead{display:none}
  .data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}
  .data-table tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:6px}
  .data-table td{border:0;padding:6px 10px}
}