/* SiteCORE Tag Audit — module styles */

.ta-risk-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 14px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.3px;
  text-transform: uppercase;
}
.ta-risk-pill::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
}
.ta-risk-low      { background: rgba(34,197,94,0.12);  color: #22c55e; }
.ta-risk-low::before      { background: #22c55e; }
.ta-risk-medium   { background: rgba(234,179,8,0.12);  color: #eab308; }
.ta-risk-medium::before   { background: #eab308; }
.ta-risk-high     { background: rgba(249,115,22,0.12); color: #f97316; }
.ta-risk-high::before     { background: #f97316; }
.ta-risk-critical { background: rgba(239,68,68,0.12);  color: #ef4444; }
.ta-risk-critical::before { background: #ef4444; }

.ta-cat-pill {
  display: inline-block; padding: 2px 8px; border-radius: 4px;
  font-size: 10px; font-weight: 600; letter-spacing: 0.3px;
  background: var(--bg-secondary); color: var(--text-secondary);
  text-transform: uppercase;
}
.ta-cat-analytics        { background: rgba(59,130,246,0.12);  color: #3b82f6; }
.ta-cat-tag-manager      { background: rgba(168,85,247,0.12);  color: #a855f7; }
.ta-cat-ads              { background: rgba(249,115,22,0.12);  color: #f97316; }
.ta-cat-session-recording{ background: rgba(239,68,68,0.12);   color: #ef4444; }
.ta-cat-cdp              { background: rgba(20,184,166,0.12);  color: #14b8a6; }
.ta-cat-marketing        { background: rgba(236,72,153,0.12);  color: #ec4899; }
.ta-cat-payments         { background: rgba(34,197,94,0.12);   color: #22c55e; }
.ta-cat-scheduling       { background: rgba(99,102,241,0.12);  color: #6366f1; }
.ta-cat-support          { background: rgba(6,182,212,0.12);   color: #06b6d4; }
.ta-cat-consent          { background: rgba(34,197,94,0.12);   color: #22c55e; }
.ta-cat-verification     { background: rgba(148,163,184,0.12); color: #94a3b8; }
.ta-cat-experiments      { background: rgba(234,179,8,0.12);   color: #eab308; }

.ta-finding-row { cursor: pointer; }
.ta-finding-row:hover { background: var(--bg-card-hover, rgba(255,255,255,0.02)); }

.ta-evidence {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; line-height: 1.5;
  background: var(--bg-secondary); border: 1px solid var(--border);
  border-radius: 6px; padding: 8px 10px;
  max-height: 120px; overflow: auto; white-space: pre-wrap; word-break: break-all;
  color: var(--text-secondary);
}

.ta-action-card {
  background: var(--bg-secondary); border: 1px solid var(--border);
  border-radius: 8px; padding: 10px 12px; margin-bottom: 8px;
  display: flex; align-items: flex-start; gap: 10px;
}
.ta-action-card-icon {
  width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  background: rgba(59,130,246,0.12); color: #3b82f6;
}
.ta-action-card-body { flex: 1; }
.ta-action-card-title { font-size: 12px; font-weight: 700; margin-bottom: 2px; }
.ta-action-card-why { font-size: 11px; color: var(--text-secondary); line-height: 1.4; }

.ta-quickscan-input {
  flex: 1; background: var(--bg-input, var(--bg-secondary));
  border: 1px solid var(--border); border-radius: 6px;
  padding: 8px 12px; color: var(--text);
  font-size: 12px; font-family: inherit; outline: none;
}
.ta-quickscan-input:focus { border-color: var(--accent); }

.ta-bar {
  display: flex; align-items: center; gap: 12px;
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: 10px; padding: 10px 14px; margin-bottom: 10px;
}