popup.css

  1* {
  2  margin: 0;
  3  padding: 0;
  4  box-sizing: border-box;
  5}
  6
  7body {
  8  width: 220px;
  9  background: #1a1a1a;
 10  color: #f5f3ef;
 11  font-family: system-ui, -apple-system, sans-serif;
 12  font-size: 13px;
 13  padding: 16px;
 14}
 15
 16header {
 17  display: flex;
 18  align-items: center;
 19  gap: 8px;
 20  margin-bottom: 16px;
 21}
 22
 23.logo {
 24  font-size: 18px;
 25  font-weight: 500;
 26  opacity: 0.7;
 27}
 28
 29h1 {
 30  font-size: 14px;
 31  font-weight: 600;
 32}
 33
 34.count-display {
 35  text-align: center;
 36  padding: 16px 0;
 37  margin-bottom: 16px;
 38}
 39
 40.count-number {
 41  display: block;
 42  font-size: 36px;
 43  font-weight: 700;
 44  line-height: 1;
 45  margin-bottom: 4px;
 46  color: #999;
 47  transition: color 0.2s;
 48}
 49
 50.count-number.has-findings {
 51  color: oklch(55% 0.25 350);
 52}
 53
 54.count-label {
 55  font-size: 12px;
 56  color: #999;
 57}
 58
 59.actions {
 60  display: flex;
 61  flex-direction: column;
 62  gap: 6px;
 63  margin-bottom: 16px;
 64}
 65
 66.btn {
 67  display: block;
 68  width: 100%;
 69  padding: 8px 12px;
 70  border: none;
 71  border-radius: 6px;
 72  font-size: 12px;
 73  font-weight: 500;
 74  cursor: pointer;
 75  transition: background 0.15s, opacity 0.15s;
 76}
 77
 78.btn-primary {
 79  background: oklch(55% 0.25 350);
 80  color: white;
 81}
 82
 83.btn-primary:hover {
 84  background: oklch(50% 0.25 350);
 85}
 86
 87.btn-secondary {
 88  background: #333;
 89  color: #ccc;
 90}
 91
 92.btn-secondary:hover {
 93  background: #3a3a3a;
 94}
 95
 96footer {
 97  text-align: center;
 98  padding-top: 8px;
 99  border-top: 1px solid #333;
100}
101
102footer a {
103  font-size: 11px;
104  color: #666;
105  text-decoration: none;
106}
107
108footer a:hover {
109  color: #999;
110}