/* PrivacyScrubber v2 — Custom Styles */

/* ─── Entity Tags ─────────────────────────────────────── */
.entity-tag {
    display: inline-block;
    padding: 1px 6px;
    margin: 0 1px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.82em;
    font-family: 'JetBrains Mono', monospace;
    cursor: default;
    border: 1px solid rgba(255,255,255,0.1);
    background-color: rgba(30,41,59,0.8);
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.entity-tag:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.entity-tag.entity-NAME   { color: #facc15; border-color: rgba(250,204,21,0.35); background-color: rgba(250,204,21,0.12); }
.entity-tag.entity-EMAIL  { color: #3b82f6; border-color: rgba(59,130,246,0.35);  background-color: rgba(59,130,246,0.12); }
.entity-tag.entity-PHONE  { color: #10b981; border-color: rgba(16,185,129,0.35);  background-color: rgba(16,185,129,0.12); }
.entity-tag.entity-ID     { color: #ec4899; border-color: rgba(236,72,153,0.35);  background-color: rgba(236,72,153,0.12); }
.entity-tag.entity-CUSTOM { color: #06b6d4; border-color: rgba(6,182,212,0.35);   background-color: rgba(6,182,212,0.12); }

/* ─── Glow Text ───────────────────────────────────────── */
.glow-text { text-shadow: 0 0 12px rgba(59,130,246,0.6); }

/* ─── Status Message ──────────────────────────────────── */
#statusMsg { transition: opacity 0.3s ease; }
#statusMsg:empty { display: none; }

/* ─── Workflow Steps ──────────────────────────────────── */
.workflow-step {
    transition: transform 0.2s ease, border-color 0.2s ease;
}
.workflow-step:hover {
    transform: translateY(-2px);
    border-color: rgba(59,130,246,0.4);
}

/* ─── Custom Scrollbar ────────────────────────────────── */
::-webkit-scrollbar       { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #334155; }

/* ─── Onboarding dismissal ────────────────────────────── */
.dismiss-overlay { opacity: 0; pointer-events: none; }

/* ─── Cluster Footer Links ────────────────────────────── */
#cluster-footer .cluster-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}
#cluster-footer .cluster-links a {
    font-size: 0.75rem;
    color: #64748b;
    padding: 0.25rem 0.75rem;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 9999px;
    transition: color 0.2s, border-color 0.2s;
    text-decoration: none;
}
#cluster-footer .cluster-links a:hover { color: #3b82f6; border-color: rgba(59,130,246,0.3); }