sidebar.css

 1* {
 2  margin: 0;
 3  padding: 0;
 4  box-sizing: border-box;
 5}
 6
 7:root {
 8  --bg: #fff;
 9  --text: #1a1a1a;
10  --text-dim: #666;
11  --text-faint: #999;
12  --accent: oklch(48% 0.25 350);
13  --rule: #e8e6e2;
14}
15
16.theme-dark {
17  --bg: #1a1a1a;
18  --text: #f5f3ef;
19  --text-dim: #9a9590;
20  --text-faint: #666;
21  --accent: oklch(60% 0.25 350);
22  --rule: #2a2a2a;
23}
24
25body {
26  background: var(--bg);
27  color: var(--text);
28  font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
29  font-size: 12px;
30  line-height: 1.5;
31  padding: 12px 14px;
32}
33
34/* Empty / no-findings states */
35
36.state {
37  color: var(--text-faint);
38  font-size: 12px;
39  font-style: italic;
40  padding: 4px 0;
41}
42
43.state strong {
44  color: var(--text-dim);
45  font-style: normal;
46  font-weight: 600;
47}
48
49/* Finding list */
50
51.finding + .finding {
52  margin-top: 14px;
53  padding-top: 14px;
54  border-top: 1px solid var(--rule);
55}
56
57.finding-header {
58  display: flex;
59  align-items: baseline;
60  justify-content: space-between;
61  gap: 8px;
62  margin-bottom: 6px;
63}
64
65.finding-name {
66  font-weight: 600;
67  font-size: 12px;
68  color: var(--text);
69  letter-spacing: -0.005em;
70}
71
72.finding-name .marker {
73  color: var(--accent);
74  margin-right: 4px;
75}
76
77.finding-kind {
78  font-size: 9px;
79  font-weight: 600;
80  text-transform: uppercase;
81  letter-spacing: 0.08em;
82  color: var(--text-faint);
83  flex-shrink: 0;
84}
85
86.finding-detail {
87  font-family: ui-monospace, 'SF Mono', 'Cascadia Code', monospace;
88  font-size: 11px;
89  color: var(--text-dim);
90  margin-bottom: 6px;
91}
92
93.finding-description {
94  font-size: 11px;
95  color: var(--text-dim);
96  line-height: 1.55;
97}