/* ── Base ──────────────────────────────────────────────────────────────────── */
body {
    background: #0d1117;
    color: #c9d1d9;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Forms ────────────────────────────────────────────────────────────────── */
.form-control, .form-select {
    background: #0d1117;
    border-color: #30363d;
    color: #c9d1d9;
}
.form-control:focus, .form-select:focus {
    background: #0d1117;
    border-color: #e4405f;
    color: #c9d1d9;
    box-shadow: none;
}
.form-control::placeholder { color: #484f58; }

/* ── Navbar ───────────────────────────────────────────────────────────────── */
.nav-link { color: #8b949e !important; transition: color .15s; }
.nav-link:hover, .nav-link.text-white { color: #c9d1d9 !important; }

/* ── Tabs ─────────────────────────────────────────────────────────────────── */
.nav-tabs { border-color: #21262d; }
.nav-tabs .nav-link {
    color: #8b949e;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    padding: .5rem 1rem;
}
.nav-tabs .nav-link:hover { color: #c9d1d9; }
.nav-tabs .nav-link.active {
    color: #e4405f;
    background: transparent;
    border-bottom-color: #e4405f;
}

/* ── Cards ────────────────────────────────────────────────────────────────── */
.campaign-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 10px;
    padding: 1.1rem 1.25rem;
    cursor: pointer;
    transition: border-color .2s, transform .15s;
}
.campaign-card:hover {
    border-color: #e4405f44;
    transform: translateY(-1px);
}

.pack-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 10px;
    padding: 1.1rem;
    transition: border-color .2s;
}
.pack-card:hover:not(.pack-sold) { border-color: #e4405f55; }
.pack-sold { opacity: .55; }

.lead-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 10px;
    padding: 1.1rem;
    transition: border-color .2s;
}
.lead-card:hover { border-color: #30363d; }

.admin-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 10px;
    padding: 1.1rem 1.25rem;
}

.stat-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
}
.stat-value { font-size: 1.6rem; font-weight: 700; }
.stat-label { font-size: 0.78rem; color: #8b949e; margin-top: .15rem; }

/* ── Comment box ──────────────────────────────────────────────────────────── */
.comment-box {
    background: #0d1117;
    border-left: 3px solid #30363d;
    border-radius: 0 6px 6px 0;
    padding: .4rem .75rem;
}

/* ── Colors ───────────────────────────────────────────────────────────────── */
.text-pink  { color: #e4405f !important; }
.text-pink:hover { color: #c73652 !important; }
.spinner-border.text-pink { color: #e4405f; }

.ig-icon {
    background: linear-gradient(135deg, #e4405f, #833ab4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ── Tables ───────────────────────────────────────────────────────────────── */
.table-dark { --bs-table-bg: #161b22; --bs-table-hover-bg: #1c2128; }
.table > :not(caption) > * > * { border-color: #21262d; }

/* ── Legacy (scraper antigo) ──────────────────────────────────────────────── */
.job-card {
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 8px;
    padding: .75rem 1rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: border-color .2s;
}
.job-card:hover { border-color: #e4405f55; }

.status-pending   { color: #8b949e; }
.status-running   { color: #f7c948; }
.status-completed { color: #3fb950; }
.status-failed    { color: #f85149; }

.wa-link { color: #25d366; text-decoration: none; font-size: .8rem; }
.wa-link:hover { color: #1fad52; }
.profile-link { color: #c9d1d9; text-decoration: none; }
.profile-link:hover { color: #e4405f; }
.bio-text {
    color: #8b949e;
    font-size: .78rem;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Animations ───────────────────────────────────────────────────────────── */
.fade-in { animation: fadeIn .3s ease-in; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Cursor ───────────────────────────────────────────────────────────────── */
.cursor-pointer { cursor: pointer; }