@company-semantics/contracts 35.1.0 → 37.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/package.json +4 -1
  2. package/src/notifications/__tests__/__snapshots__/render-snapshot.test.ts.snap +615 -215
  3. package/src/notifications/content.ts +14 -1
  4. package/src/notifications/index.ts +15 -9
  5. package/src/notifications/renderers/email/README.md +120 -11
  6. package/src/notifications/renderers/email/__tests__/colors.test.ts +227 -0
  7. package/src/notifications/renderers/email/__tests__/render.test.ts +86 -0
  8. package/src/notifications/renderers/email/__tests__/styles.test.ts +111 -0
  9. package/src/notifications/renderers/email/chat.ts +42 -30
  10. package/src/notifications/renderers/email/colors.ts +345 -0
  11. package/src/notifications/renderers/email/constants.ts +27 -20
  12. package/src/notifications/renderers/email/cta.ts +58 -10
  13. package/src/notifications/renderers/email/index.ts +15 -3
  14. package/src/notifications/renderers/email/render.ts +16 -15
  15. package/src/notifications/renderers/email/shells.ts +49 -9
  16. package/src/notifications/renderers/email/styles.ts +319 -0
  17. package/src/notifications/renderers/slack/README.md +66 -25
  18. package/src/notifications/renderers/slack/__tests__/index.test.ts +249 -41
  19. package/src/notifications/renderers/slack/index.ts +192 -107
package/src/notifications/__tests__/__snapshots__/render-snapshot.test.ts.snap CHANGED
@@ -4,17 +4,33 @@ exports[`email render > auth.otp · Default 1`] = `
4
4
  {
5
5
  "html": "<!DOCTYPE html>
6
6
  <html lang="en">
7
- <head><meta charset="UTF-8"></head>
8
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
7
+ <head><meta charset="UTF-8">
8
+ <meta name="color-scheme" content="light dark">
9
+ <meta name="supported-color-schemes" content="light dark">
10
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
11
+ @media (prefers-color-scheme: dark) {
12
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
13
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
14
+ .cs-meta { color: #8a8a8a !important; }
15
+ .cs-cta { border-color: #00ffff !important; }
16
+ .cs-cta-hover:hover { background-color: #154848 !important; }
17
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
18
+ .cs-dots { color: #8a8a8a !important; }
19
+ .cs-link { color: #00ffff !important; }
20
+ .cs-destructive { color: #ff6b6b !important; }
21
+ }</style>
22
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
23
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
24
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
9
25
  <div style="max-width: 520px; margin: 0 auto;">
10
26
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
11
27
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A login code was requested.</p>
12
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
28
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
13
29
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
14
30
  <tr>
15
31
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
16
32
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
17
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
33
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
18
34
  </table></td>
19
35
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
20
36
  </tr>
@@ -22,19 +38,19 @@ exports[`email render > auth.otp · Default 1`] = `
22
38
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
23
39
  <tr>
24
40
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
25
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
41
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
26
42
  <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
27
- &gt;&gt; 123456 &lt;&lt;
43
+ <span class="cs-link" style="color: #0047FF;">&gt;&gt; 123456 &lt;&lt;</span>
28
44
  </td></tr>
29
45
  </table></div></td>
30
46
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
31
47
  </tr>
32
48
  </table>
33
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
49
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
34
50
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Status: Valid</p>
35
51
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires in: 10 minutes</p>
36
52
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This login code was sent via Company Semantics.<br>If this wasn&#39;t you, no action is required.</p>
37
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
53
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
38
54
  </div>
39
55
  </body>
40
56
  </html>",
@@ -73,17 +89,33 @@ exports[`email render > auth.otp · Short expiry 1`] = `
73
89
  {
74
90
  "html": "<!DOCTYPE html>
75
91
  <html lang="en">
76
- <head><meta charset="UTF-8"></head>
77
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
92
+ <head><meta charset="UTF-8">
93
+ <meta name="color-scheme" content="light dark">
94
+ <meta name="supported-color-schemes" content="light dark">
95
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
96
+ @media (prefers-color-scheme: dark) {
97
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
98
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
99
+ .cs-meta { color: #8a8a8a !important; }
100
+ .cs-cta { border-color: #00ffff !important; }
101
+ .cs-cta-hover:hover { background-color: #154848 !important; }
102
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
103
+ .cs-dots { color: #8a8a8a !important; }
104
+ .cs-link { color: #00ffff !important; }
105
+ .cs-destructive { color: #ff6b6b !important; }
106
+ }</style>
107
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
108
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
109
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
78
110
  <div style="max-width: 520px; margin: 0 auto;">
79
111
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
80
112
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A login code was requested.</p>
81
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
113
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
82
114
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
83
115
  <tr>
84
116
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
85
117
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
86
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
118
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
87
119
  </table></td>
88
120
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
89
121
  </tr>
@@ -91,19 +123,19 @@ exports[`email render > auth.otp · Short expiry 1`] = `
91
123
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
92
124
  <tr>
93
125
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
94
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
126
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
95
127
  <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
96
- &gt;&gt; 902413 &lt;&lt;
128
+ <span class="cs-link" style="color: #0047FF;">&gt;&gt; 902413 &lt;&lt;</span>
97
129
  </td></tr>
98
130
  </table></div></td>
99
131
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
100
132
  </tr>
101
133
  </table>
102
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
134
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
103
135
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Status: Valid</p>
104
136
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires in: 1 minute</p>
105
137
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This login code was sent via Company Semantics.<br>If this wasn&#39;t you, no action is required.</p>
106
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
138
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
107
139
  </div>
108
140
  </body>
109
141
  </html>",
@@ -142,17 +174,33 @@ exports[`email render > auth.otp · With request metadata 1`] = `
142
174
  {
143
175
  "html": "<!DOCTYPE html>
144
176
  <html lang="en">
145
- <head><meta charset="UTF-8"></head>
146
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
177
+ <head><meta charset="UTF-8">
178
+ <meta name="color-scheme" content="light dark">
179
+ <meta name="supported-color-schemes" content="light dark">
180
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
181
+ @media (prefers-color-scheme: dark) {
182
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
183
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
184
+ .cs-meta { color: #8a8a8a !important; }
185
+ .cs-cta { border-color: #00ffff !important; }
186
+ .cs-cta-hover:hover { background-color: #154848 !important; }
187
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
188
+ .cs-dots { color: #8a8a8a !important; }
189
+ .cs-link { color: #00ffff !important; }
190
+ .cs-destructive { color: #ff6b6b !important; }
191
+ }</style>
192
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
193
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
194
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
147
195
  <div style="max-width: 520px; margin: 0 auto;">
148
196
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
149
197
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A login code was requested.</p>
150
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
198
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
151
199
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
152
200
  <tr>
153
201
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
154
202
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
155
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
203
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Copy + paste this code in the login form.</td></tr>
156
204
  </table></td>
157
205
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
158
206
  </tr>
@@ -160,22 +208,22 @@ exports[`email render > auth.otp · With request metadata 1`] = `
160
208
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
161
209
  <tr>
162
210
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
163
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
211
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
164
212
  <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
165
- &gt;&gt; 246810 &lt;&lt;
213
+ <span class="cs-link" style="color: #0047FF;">&gt;&gt; 246810 &lt;&lt;</span>
166
214
  </td></tr>
167
215
  </table></div></td>
168
216
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
169
217
  </tr>
170
218
  </table>
171
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
219
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
172
220
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Status: Valid</p>
173
221
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires in: 5 minutes</p>
174
222
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Request details:</p>
175
223
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">IP address: 203.0.113.4</p>
176
224
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Device: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7)</p>
177
225
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This login code was sent via Company Semantics.<br>If this wasn&#39;t you, no action is required.</p>
178
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
226
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
179
227
  </div>
180
228
  </body>
181
229
  </html>",
@@ -218,23 +266,39 @@ exports[`email render > chat.shared · Default 1`] = `
218
266
  {
219
267
  "html": "<!DOCTYPE html>
220
268
  <html lang="en">
221
- <head><meta charset="UTF-8"></head>
222
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
269
+ <head><meta charset="UTF-8">
270
+ <meta name="color-scheme" content="light dark">
271
+ <meta name="supported-color-schemes" content="light dark">
272
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
273
+ @media (prefers-color-scheme: dark) {
274
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
275
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
276
+ .cs-meta { color: #8a8a8a !important; }
277
+ .cs-cta { border-color: #00ffff !important; }
278
+ .cs-cta-hover:hover { background-color: #154848 !important; }
279
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
280
+ .cs-dots { color: #8a8a8a !important; }
281
+ .cs-link { color: #00ffff !important; }
282
+ .cs-destructive { color: #ff6b6b !important; }
283
+ }</style>
284
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
285
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
286
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
223
287
  <div style="max-width: 520px; margin: 0 auto;">
224
288
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
225
289
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A chat was shared with you.</p>
226
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
290
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
227
291
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
228
292
  <tr>
229
293
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
230
294
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
231
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">API design discussion</td></tr>
295
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">API design discussion</td></tr>
232
296
  </table></td>
233
297
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
234
298
  </tr>
235
299
  <tr>
236
300
  <td></td>
237
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
301
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
238
302
  <td></td>
239
303
  </tr>
240
304
  </table>
@@ -242,7 +306,7 @@ exports[`email render > chat.shared · Default 1`] = `
242
306
  <tr>
243
307
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
244
308
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
245
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Here are my thoughts on the REST API design for the new authentication endpoints.</td></tr>
309
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Here are my thoughts on the REST API design for the new authentication endpoints.</td></tr>
246
310
  </table></td>
247
311
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
248
312
  </tr>
@@ -250,17 +314,17 @@ exports[`email render > chat.shared · Default 1`] = `
250
314
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
251
315
  <tr>
252
316
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
253
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
254
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
255
- <a href="https://app.companysemantics.ai/share/abc123" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
317
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div class="cs-dots" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
318
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
319
+ <a href="https://app.companysemantics.ai/share/abc123" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
256
320
  </td></tr>
257
321
  </table></div></td>
258
322
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
259
323
  </tr>
260
324
  </table>
261
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
325
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
262
326
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This share was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
263
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
327
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
264
328
  </div>
265
329
  </body>
266
330
  </html>",
@@ -306,23 +370,39 @@ exports[`email render > chat.shared · Long preview 1`] = `
306
370
  {
307
371
  "html": "<!DOCTYPE html>
308
372
  <html lang="en">
309
- <head><meta charset="UTF-8"></head>
310
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
373
+ <head><meta charset="UTF-8">
374
+ <meta name="color-scheme" content="light dark">
375
+ <meta name="supported-color-schemes" content="light dark">
376
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
377
+ @media (prefers-color-scheme: dark) {
378
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
379
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
380
+ .cs-meta { color: #8a8a8a !important; }
381
+ .cs-cta { border-color: #00ffff !important; }
382
+ .cs-cta-hover:hover { background-color: #154848 !important; }
383
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
384
+ .cs-dots { color: #8a8a8a !important; }
385
+ .cs-link { color: #00ffff !important; }
386
+ .cs-destructive { color: #ff6b6b !important; }
387
+ }</style>
388
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
389
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
390
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
311
391
  <div style="max-width: 520px; margin: 0 auto;">
312
392
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
313
393
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A chat was shared with you.</p>
314
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
394
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
315
395
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
316
396
  <tr>
317
397
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
318
398
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
319
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Code review feedback</td></tr>
399
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Code review feedback</td></tr>
320
400
  </table></td>
321
401
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
322
402
  </tr>
323
403
  <tr>
324
404
  <td></td>
325
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
405
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
326
406
  <td></td>
327
407
  </tr>
328
408
  </table>
@@ -330,7 +410,7 @@ exports[`email render > chat.shared · Long preview 1`] = `
330
410
  <tr>
331
411
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
332
412
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
333
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">I reviewed the pull request and found several areas that need improvement. The authentication...</td></tr>
413
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">I reviewed the pull request and found several areas that need improvement. The authentication...</td></tr>
334
414
  </table></td>
335
415
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
336
416
  </tr>
@@ -338,17 +418,17 @@ exports[`email render > chat.shared · Long preview 1`] = `
338
418
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
339
419
  <tr>
340
420
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
341
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
342
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
343
- <a href="https://app.companysemantics.ai/share/preview789" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
421
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div class="cs-dots" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
422
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
423
+ <a href="https://app.companysemantics.ai/share/preview789" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
344
424
  </td></tr>
345
425
  </table></div></td>
346
426
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
347
427
  </tr>
348
428
  </table>
349
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
429
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
350
430
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This share was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
351
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
431
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
352
432
  </div>
353
433
  </body>
354
434
  </html>",
@@ -394,23 +474,39 @@ exports[`email render > chat.shared · Long title 1`] = `
394
474
  {
395
475
  "html": "<!DOCTYPE html>
396
476
  <html lang="en">
397
- <head><meta charset="UTF-8"></head>
398
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
477
+ <head><meta charset="UTF-8">
478
+ <meta name="color-scheme" content="light dark">
479
+ <meta name="supported-color-schemes" content="light dark">
480
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
481
+ @media (prefers-color-scheme: dark) {
482
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
483
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
484
+ .cs-meta { color: #8a8a8a !important; }
485
+ .cs-cta { border-color: #00ffff !important; }
486
+ .cs-cta-hover:hover { background-color: #154848 !important; }
487
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
488
+ .cs-dots { color: #8a8a8a !important; }
489
+ .cs-link { color: #00ffff !important; }
490
+ .cs-destructive { color: #ff6b6b !important; }
491
+ }</style>
492
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
493
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
494
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
399
495
  <div style="max-width: 520px; margin: 0 auto;">
400
496
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
401
497
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A chat was shared with you.</p>
402
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
498
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
403
499
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
404
500
  <tr>
405
501
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
406
502
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
407
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">This is a very long chat title that should be truncated to fit the layout properly</td></tr>
503
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">This is a very long chat title that should be truncated to fit the layout properly</td></tr>
408
504
  </table></td>
409
505
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
410
506
  </tr>
411
507
  <tr>
412
508
  <td></td>
413
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
509
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
414
510
  <td></td>
415
511
  </tr>
416
512
  </table>
@@ -418,7 +514,7 @@ exports[`email render > chat.shared · Long title 1`] = `
418
514
  <tr>
419
515
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
420
516
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
421
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">The assistant response preview text.</td></tr>
517
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">The assistant response preview text.</td></tr>
422
518
  </table></td>
423
519
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
424
520
  </tr>
@@ -426,17 +522,17 @@ exports[`email render > chat.shared · Long title 1`] = `
426
522
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
427
523
  <tr>
428
524
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
429
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
430
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
431
- <a href="https://app.companysemantics.ai/share/long456" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
525
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div class="cs-dots" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
526
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
527
+ <a href="https://app.companysemantics.ai/share/long456" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
432
528
  </td></tr>
433
529
  </table></div></td>
434
530
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
435
531
  </tr>
436
532
  </table>
437
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
533
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
438
534
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This share was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
439
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
535
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
440
536
  </div>
441
537
  </body>
442
538
  </html>",
@@ -482,40 +578,56 @@ exports[`email render > chat.shared · No preview 1`] = `
482
578
  {
483
579
  "html": "<!DOCTYPE html>
484
580
  <html lang="en">
485
- <head><meta charset="UTF-8"></head>
486
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
581
+ <head><meta charset="UTF-8">
582
+ <meta name="color-scheme" content="light dark">
583
+ <meta name="supported-color-schemes" content="light dark">
584
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
585
+ @media (prefers-color-scheme: dark) {
586
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
587
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
588
+ .cs-meta { color: #8a8a8a !important; }
589
+ .cs-cta { border-color: #00ffff !important; }
590
+ .cs-cta-hover:hover { background-color: #154848 !important; }
591
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
592
+ .cs-dots { color: #8a8a8a !important; }
593
+ .cs-link { color: #00ffff !important; }
594
+ .cs-destructive { color: #ff6b6b !important; }
595
+ }</style>
596
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
597
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
598
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
487
599
  <div style="max-width: 520px; margin: 0 auto;">
488
600
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
489
601
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A chat was shared with you.</p>
490
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
602
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
491
603
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
492
604
  <tr>
493
605
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
494
606
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
495
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Quick sync notes</td></tr>
607
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Quick sync notes</td></tr>
496
608
  </table></td>
497
609
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
498
610
  </tr>
499
611
  <tr>
500
612
  <td></td>
501
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
613
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
502
614
  <td></td>
503
615
  </tr>
504
616
  </table>
505
617
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
506
618
  <tr>
507
619
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
508
- <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><div style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
509
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
510
- <a href="https://app.companysemantics.ai/share/xyz789" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
620
+ <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><div class="cs-dots" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
621
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
622
+ <a href="https://app.companysemantics.ai/share/xyz789" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
511
623
  </td></tr>
512
624
  </table></div></td>
513
625
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
514
626
  </tr>
515
627
  </table>
516
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
628
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
517
629
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This share was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
518
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
630
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
519
631
  </div>
520
632
  </body>
521
633
  </html>",
@@ -555,23 +667,39 @@ exports[`email render > chat.shared · Short 1`] = `
555
667
  {
556
668
  "html": "<!DOCTYPE html>
557
669
  <html lang="en">
558
- <head><meta charset="UTF-8"></head>
559
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
670
+ <head><meta charset="UTF-8">
671
+ <meta name="color-scheme" content="light dark">
672
+ <meta name="supported-color-schemes" content="light dark">
673
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
674
+ @media (prefers-color-scheme: dark) {
675
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
676
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
677
+ .cs-meta { color: #8a8a8a !important; }
678
+ .cs-cta { border-color: #00ffff !important; }
679
+ .cs-cta-hover:hover { background-color: #154848 !important; }
680
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
681
+ .cs-dots { color: #8a8a8a !important; }
682
+ .cs-link { color: #00ffff !important; }
683
+ .cs-destructive { color: #ff6b6b !important; }
684
+ }</style>
685
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
686
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
687
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
560
688
  <div style="max-width: 520px; margin: 0 auto;">
561
689
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
562
690
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A chat was shared with you.</p>
563
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
691
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
564
692
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
565
693
  <tr>
566
694
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
567
695
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
568
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Hi</td></tr>
696
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Hi</td></tr>
569
697
  </table></td>
570
698
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
571
699
  </tr>
572
700
  <tr>
573
701
  <td></td>
574
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
702
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Alex Rivera</td>
575
703
  <td></td>
576
704
  </tr>
577
705
  </table>
@@ -579,7 +707,7 @@ exports[`email render > chat.shared · Short 1`] = `
579
707
  <tr>
580
708
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
581
709
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
582
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Hello!</td></tr>
710
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Hello!</td></tr>
583
711
  </table></td>
584
712
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
585
713
  </tr>
@@ -587,17 +715,17 @@ exports[`email render > chat.shared · Short 1`] = `
587
715
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
588
716
  <tr>
589
717
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
590
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
591
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
592
- <a href="https://app.companysemantics.ai/share/short123" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
718
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><div class="cs-dots" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 20px; font-weight: bold; color: #666; text-align: center; margin: 0 0 16px 0;">⋮</div><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
719
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
720
+ <a href="https://app.companysemantics.ai/share/short123" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">SEE MORE</span> &lt;&lt;</a>
593
721
  </td></tr>
594
722
  </table></div></td>
595
723
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
596
724
  </tr>
597
725
  </table>
598
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
726
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
599
727
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This share was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
600
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
728
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
601
729
  </div>
602
730
  </body>
603
731
  </html>",
@@ -641,17 +769,33 @@ exports[`email render > companyMd.access_request_approved · Editor 1`] = `
641
769
  {
642
770
  "html": "<!DOCTYPE html>
643
771
  <html lang="en">
644
- <head><meta charset="UTF-8"></head>
645
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
772
+ <head><meta charset="UTF-8">
773
+ <meta name="color-scheme" content="light dark">
774
+ <meta name="supported-color-schemes" content="light dark">
775
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
776
+ @media (prefers-color-scheme: dark) {
777
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
778
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
779
+ .cs-meta { color: #8a8a8a !important; }
780
+ .cs-cta { border-color: #00ffff !important; }
781
+ .cs-cta-hover:hover { background-color: #154848 !important; }
782
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
783
+ .cs-dots { color: #8a8a8a !important; }
784
+ .cs-link { color: #00ffff !important; }
785
+ .cs-destructive { color: #ff6b6b !important; }
786
+ }</style>
787
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
788
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
789
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
646
790
  <div style="max-width: 520px; margin: 0 auto;">
647
791
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
648
792
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Your access request was approved.</p>
649
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
793
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
650
794
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
651
795
  <tr>
652
796
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
653
797
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
654
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
798
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
655
799
  </table></td>
656
800
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
657
801
  </tr>
@@ -659,20 +803,20 @@ exports[`email render > companyMd.access_request_approved · Editor 1`] = `
659
803
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
660
804
  <tr>
661
805
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
662
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
663
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
664
- <a href="https://app.companysemantics.ai/doc/handbook" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
806
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
807
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
808
+ <a href="https://app.companysemantics.ai/doc/handbook" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
665
809
  </td></tr>
666
810
  </table></div></td>
667
811
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
668
812
  </tr>
669
813
  </table>
670
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
814
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
671
815
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Document: &quot;Engineering Handbook&quot;</p>
672
816
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Access: can edit</p>
673
817
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Approved by: Jordan Lee</p>
674
818
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>Access is now active.</p>
675
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
819
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
676
820
  </div>
677
821
  </body>
678
822
  </html>",
@@ -713,17 +857,33 @@ exports[`email render > companyMd.access_request_approved · Viewer 1`] = `
713
857
  {
714
858
  "html": "<!DOCTYPE html>
715
859
  <html lang="en">
716
- <head><meta charset="UTF-8"></head>
717
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
860
+ <head><meta charset="UTF-8">
861
+ <meta name="color-scheme" content="light dark">
862
+ <meta name="supported-color-schemes" content="light dark">
863
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
864
+ @media (prefers-color-scheme: dark) {
865
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
866
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
867
+ .cs-meta { color: #8a8a8a !important; }
868
+ .cs-cta { border-color: #00ffff !important; }
869
+ .cs-cta-hover:hover { background-color: #154848 !important; }
870
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
871
+ .cs-dots { color: #8a8a8a !important; }
872
+ .cs-link { color: #00ffff !important; }
873
+ .cs-destructive { color: #ff6b6b !important; }
874
+ }</style>
875
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
876
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
877
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
718
878
  <div style="max-width: 520px; margin: 0 auto;">
719
879
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
720
880
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Your access request was approved.</p>
721
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
881
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
722
882
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
723
883
  <tr>
724
884
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
725
885
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
726
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
886
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
727
887
  </table></td>
728
888
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
729
889
  </tr>
@@ -731,20 +891,20 @@ exports[`email render > companyMd.access_request_approved · Viewer 1`] = `
731
891
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
732
892
  <tr>
733
893
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
734
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
735
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
736
- <a href="https://app.companysemantics.ai/doc/handbook" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
894
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
895
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
896
+ <a href="https://app.companysemantics.ai/doc/handbook" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
737
897
  </td></tr>
738
898
  </table></div></td>
739
899
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
740
900
  </tr>
741
901
  </table>
742
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
902
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
743
903
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Document: &quot;Engineering Handbook&quot;</p>
744
904
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Access: can view</p>
745
905
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Approved by: Jordan Lee</p>
746
906
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>Access is now active.</p>
747
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
907
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
748
908
  </div>
749
909
  </body>
750
910
  </html>",
@@ -785,15 +945,31 @@ exports[`email render > companyMd.access_request_denied · No reason 1`] = `
785
945
  {
786
946
  "html": "<!DOCTYPE html>
787
947
  <html lang="en">
788
- <head><meta charset="UTF-8"></head>
789
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
948
+ <head><meta charset="UTF-8">
949
+ <meta name="color-scheme" content="light dark">
950
+ <meta name="supported-color-schemes" content="light dark">
951
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
952
+ @media (prefers-color-scheme: dark) {
953
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
954
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
955
+ .cs-meta { color: #8a8a8a !important; }
956
+ .cs-cta { border-color: #00ffff !important; }
957
+ .cs-cta-hover:hover { background-color: #154848 !important; }
958
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
959
+ .cs-dots { color: #8a8a8a !important; }
960
+ .cs-link { color: #00ffff !important; }
961
+ .cs-destructive { color: #ff6b6b !important; }
962
+ }</style>
963
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
964
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
965
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
790
966
  <div style="max-width: 520px; margin: 0 auto;">
791
967
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
792
968
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Your access request was declined.</p>
793
969
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Document: &quot;Engineering Handbook&quot;</p>
794
970
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Declined by: Jordan Lee</p>
795
971
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>This request is now closed.</p>
796
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
972
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
797
973
  </div>
798
974
  </body>
799
975
  </html>",
@@ -820,31 +996,47 @@ exports[`email render > companyMd.access_request_denied · With reason 1`] = `
820
996
  {
821
997
  "html": "<!DOCTYPE html>
822
998
  <html lang="en">
823
- <head><meta charset="UTF-8"></head>
824
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
999
+ <head><meta charset="UTF-8">
1000
+ <meta name="color-scheme" content="light dark">
1001
+ <meta name="supported-color-schemes" content="light dark">
1002
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1003
+ @media (prefers-color-scheme: dark) {
1004
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1005
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1006
+ .cs-meta { color: #8a8a8a !important; }
1007
+ .cs-cta { border-color: #00ffff !important; }
1008
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1009
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1010
+ .cs-dots { color: #8a8a8a !important; }
1011
+ .cs-link { color: #00ffff !important; }
1012
+ .cs-destructive { color: #ff6b6b !important; }
1013
+ }</style>
1014
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1015
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1016
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
825
1017
  <div style="max-width: 520px; margin: 0 auto;">
826
1018
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
827
1019
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Your access request was declined.</p>
828
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1020
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
829
1021
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
830
1022
  <tr>
831
1023
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
832
1024
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
833
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">This doc is limited to the platform team for now.</td></tr>
1025
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">This doc is limited to the platform team for now.</td></tr>
834
1026
  </table></td>
835
1027
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
836
1028
  </tr>
837
1029
  <tr>
838
1030
  <td></td>
839
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1031
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
840
1032
  <td></td>
841
1033
  </tr>
842
1034
  </table>
843
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1035
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
844
1036
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Document: &quot;Engineering Handbook&quot;</p>
845
1037
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Declined by: Jordan Lee</p>
846
1038
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>This request is now closed.</p>
847
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1039
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
848
1040
  </div>
849
1041
  </body>
850
1042
  </html>",
@@ -880,17 +1072,33 @@ exports[`email render > companyMd.access_requested · No message 1`] = `
880
1072
  {
881
1073
  "html": "<!DOCTYPE html>
882
1074
  <html lang="en">
883
- <head><meta charset="UTF-8"></head>
884
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1075
+ <head><meta charset="UTF-8">
1076
+ <meta name="color-scheme" content="light dark">
1077
+ <meta name="supported-color-schemes" content="light dark">
1078
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1079
+ @media (prefers-color-scheme: dark) {
1080
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1081
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1082
+ .cs-meta { color: #8a8a8a !important; }
1083
+ .cs-cta { border-color: #00ffff !important; }
1084
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1085
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1086
+ .cs-dots { color: #8a8a8a !important; }
1087
+ .cs-link { color: #00ffff !important; }
1088
+ .cs-destructive { color: #ff6b6b !important; }
1089
+ }</style>
1090
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1091
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1092
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
885
1093
  <div style="max-width: 520px; margin: 0 auto;">
886
1094
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
887
1095
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Someone requested document access.</p>
888
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1096
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
889
1097
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
890
1098
  <tr>
891
1099
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
892
1100
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
893
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Review the request.</td></tr>
1101
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Review the request.</td></tr>
894
1102
  </table></td>
895
1103
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
896
1104
  </tr>
@@ -898,19 +1106,19 @@ exports[`email render > companyMd.access_requested · No message 1`] = `
898
1106
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
899
1107
  <tr>
900
1108
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
901
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
902
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
903
- <a href="https://app.companysemantics.ai/doc/handbook?request=req_456" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">REVIEW</span> &lt;&lt;</a>
1109
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1110
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1111
+ <a href="https://app.companysemantics.ai/doc/handbook?request=req_456" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">REVIEW</span> &lt;&lt;</a>
904
1112
  </td></tr>
905
1113
  </table></div></td>
906
1114
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
907
1115
  </tr>
908
1116
  </table>
909
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1117
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
910
1118
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Sam Chen</p>
911
1119
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Document: &quot;Engineering Handbook&quot;</p>
912
1120
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>You own this document.</p>
913
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1121
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
914
1122
  </div>
915
1123
  </body>
916
1124
  </html>",
@@ -950,42 +1158,58 @@ exports[`email render > companyMd.access_requested · With message 1`] = `
950
1158
  {
951
1159
  "html": "<!DOCTYPE html>
952
1160
  <html lang="en">
953
- <head><meta charset="UTF-8"></head>
954
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1161
+ <head><meta charset="UTF-8">
1162
+ <meta name="color-scheme" content="light dark">
1163
+ <meta name="supported-color-schemes" content="light dark">
1164
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1165
+ @media (prefers-color-scheme: dark) {
1166
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1167
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1168
+ .cs-meta { color: #8a8a8a !important; }
1169
+ .cs-cta { border-color: #00ffff !important; }
1170
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1171
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1172
+ .cs-dots { color: #8a8a8a !important; }
1173
+ .cs-link { color: #00ffff !important; }
1174
+ .cs-destructive { color: #ff6b6b !important; }
1175
+ }</style>
1176
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1177
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1178
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
955
1179
  <div style="max-width: 520px; margin: 0 auto;">
956
1180
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
957
1181
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Someone requested document access.</p>
958
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1182
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
959
1183
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
960
1184
  <tr>
961
1185
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
962
1186
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
963
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">I&#39;d like to contribute the onboarding section.</td></tr>
1187
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">I&#39;d like to contribute the onboarding section.</td></tr>
964
1188
  </table></td>
965
1189
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
966
1190
  </tr>
967
1191
  <tr>
968
1192
  <td></td>
969
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Sam Chen</td>
1193
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Sam Chen</td>
970
1194
  <td></td>
971
1195
  </tr>
972
1196
  </table>
973
1197
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
974
1198
  <tr>
975
1199
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
976
- <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
977
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
978
- <a href="https://app.companysemantics.ai/doc/handbook?request=req_123" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">REVIEW</span> &lt;&lt;</a>
1200
+ <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1201
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1202
+ <a href="https://app.companysemantics.ai/doc/handbook?request=req_123" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">REVIEW</span> &lt;&lt;</a>
979
1203
  </td></tr>
980
1204
  </table></div></td>
981
1205
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
982
1206
  </tr>
983
1207
  </table>
984
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1208
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
985
1209
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Sam Chen</p>
986
1210
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Document: &quot;Engineering Handbook&quot;</p>
987
1211
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>You own this document.</p>
988
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1212
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
989
1213
  </div>
990
1214
  </body>
991
1215
  </html>",
@@ -1027,17 +1251,33 @@ exports[`email render > org.invite · Admin 1`] = `
1027
1251
  {
1028
1252
  "html": "<!DOCTYPE html>
1029
1253
  <html lang="en">
1030
- <head><meta charset="UTF-8"></head>
1031
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1254
+ <head><meta charset="UTF-8">
1255
+ <meta name="color-scheme" content="light dark">
1256
+ <meta name="supported-color-schemes" content="light dark">
1257
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1258
+ @media (prefers-color-scheme: dark) {
1259
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1260
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1261
+ .cs-meta { color: #8a8a8a !important; }
1262
+ .cs-cta { border-color: #00ffff !important; }
1263
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1264
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1265
+ .cs-dots { color: #8a8a8a !important; }
1266
+ .cs-link { color: #00ffff !important; }
1267
+ .cs-destructive { color: #ff6b6b !important; }
1268
+ }</style>
1269
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1270
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1271
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1032
1272
  <div style="max-width: 520px; margin: 0 auto;">
1033
1273
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1034
1274
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Acme Corp uses Company Semantics.</p>
1035
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1275
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1036
1276
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1037
1277
  <tr>
1038
1278
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1039
1279
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1040
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Join to accept the invitation.</td></tr>
1280
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Join to accept the invitation.</td></tr>
1041
1281
  </table></td>
1042
1282
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1043
1283
  </tr>
@@ -1045,21 +1285,21 @@ exports[`email render > org.invite · Admin 1`] = `
1045
1285
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1046
1286
  <tr>
1047
1287
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1048
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1049
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1050
- <a href="https://app.companysemantics.ai/invite/abc123" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">JOIN</span> &lt;&lt;</a>
1288
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1289
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1290
+ <a href="https://app.companysemantics.ai/invite/abc123" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">JOIN</span> &lt;&lt;</a>
1051
1291
  </td></tr>
1052
1292
  </table></div></td>
1053
1293
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1054
1294
  </tr>
1055
1295
  </table>
1056
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1296
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1057
1297
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Alex Rivera</p>
1058
1298
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Workspace: Acme Corp</p>
1059
1299
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Role: Admin</p>
1060
1300
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires: Jun 13, 2026</p>
1061
1301
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This invitation was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1062
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1302
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1063
1303
  </div>
1064
1304
  </body>
1065
1305
  </html>",
@@ -1101,17 +1341,33 @@ exports[`email render > org.invite · Member 1`] = `
1101
1341
  {
1102
1342
  "html": "<!DOCTYPE html>
1103
1343
  <html lang="en">
1104
- <head><meta charset="UTF-8"></head>
1105
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1344
+ <head><meta charset="UTF-8">
1345
+ <meta name="color-scheme" content="light dark">
1346
+ <meta name="supported-color-schemes" content="light dark">
1347
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1348
+ @media (prefers-color-scheme: dark) {
1349
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1350
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1351
+ .cs-meta { color: #8a8a8a !important; }
1352
+ .cs-cta { border-color: #00ffff !important; }
1353
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1354
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1355
+ .cs-dots { color: #8a8a8a !important; }
1356
+ .cs-link { color: #00ffff !important; }
1357
+ .cs-destructive { color: #ff6b6b !important; }
1358
+ }</style>
1359
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1360
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1361
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1106
1362
  <div style="max-width: 520px; margin: 0 auto;">
1107
1363
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1108
1364
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Acme Corp uses Company Semantics.</p>
1109
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1365
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1110
1366
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1111
1367
  <tr>
1112
1368
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1113
1369
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1114
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Join to accept the invitation.</td></tr>
1370
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Join to accept the invitation.</td></tr>
1115
1371
  </table></td>
1116
1372
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1117
1373
  </tr>
@@ -1119,21 +1375,21 @@ exports[`email render > org.invite · Member 1`] = `
1119
1375
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1120
1376
  <tr>
1121
1377
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1122
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1123
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1124
- <a href="https://app.companysemantics.ai/invite/def456" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">JOIN</span> &lt;&lt;</a>
1378
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1379
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1380
+ <a href="https://app.companysemantics.ai/invite/def456" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">JOIN</span> &lt;&lt;</a>
1125
1381
  </td></tr>
1126
1382
  </table></div></td>
1127
1383
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1128
1384
  </tr>
1129
1385
  </table>
1130
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1386
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1131
1387
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Alex Rivera</p>
1132
1388
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Workspace: Acme Corp</p>
1133
1389
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Role: Member</p>
1134
1390
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires: Jun 13, 2026</p>
1135
1391
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This invitation was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1136
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1392
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1137
1393
  </div>
1138
1394
  </body>
1139
1395
  </html>",
@@ -1175,17 +1431,33 @@ exports[`email render > org.ownership_transfer · No note (admin) 1`] = `
1175
1431
  {
1176
1432
  "html": "<!DOCTYPE html>
1177
1433
  <html lang="en">
1178
- <head><meta charset="UTF-8"></head>
1179
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1434
+ <head><meta charset="UTF-8">
1435
+ <meta name="color-scheme" content="light dark">
1436
+ <meta name="supported-color-schemes" content="light dark">
1437
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1438
+ @media (prefers-color-scheme: dark) {
1439
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1440
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1441
+ .cs-meta { color: #8a8a8a !important; }
1442
+ .cs-cta { border-color: #00ffff !important; }
1443
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1444
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1445
+ .cs-dots { color: #8a8a8a !important; }
1446
+ .cs-link { color: #00ffff !important; }
1447
+ .cs-destructive { color: #ff6b6b !important; }
1448
+ }</style>
1449
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1450
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1451
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1180
1452
  <div style="max-width: 520px; margin: 0 auto;">
1181
1453
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1182
1454
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">You&#39;ve been invited to take ownership.</p>
1183
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1455
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1184
1456
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1185
1457
  <tr>
1186
1458
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1187
1459
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1188
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Accept to take ownership.</td></tr>
1460
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Accept to take ownership.</td></tr>
1189
1461
  </table></td>
1190
1462
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1191
1463
  </tr>
@@ -1193,19 +1465,19 @@ exports[`email render > org.ownership_transfer · No note (admin) 1`] = `
1193
1465
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1194
1466
  <tr>
1195
1467
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1196
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1197
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1198
- <a href="https://app.companysemantics.ai/owner-transfer/accept/tok456" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">ACCEPT</span> &lt;&lt;</a>
1468
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1469
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1470
+ <a href="https://app.companysemantics.ai/owner-transfer/accept/tok456" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">ACCEPT</span> &lt;&lt;</a>
1199
1471
  </td></tr>
1200
1472
  </table></div></td>
1201
1473
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1202
1474
  </tr>
1203
1475
  </table>
1204
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1476
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1205
1477
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Workspace: Acme Corp</p>
1206
1478
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires: Jun 13, 2026</p>
1207
1479
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This transfer was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1208
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1480
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1209
1481
  </div>
1210
1482
  </body>
1211
1483
  </html>",
@@ -1245,43 +1517,59 @@ exports[`email render > org.ownership_transfer · With note + from 1`] = `
1245
1517
  {
1246
1518
  "html": "<!DOCTYPE html>
1247
1519
  <html lang="en">
1248
- <head><meta charset="UTF-8"></head>
1249
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1520
+ <head><meta charset="UTF-8">
1521
+ <meta name="color-scheme" content="light dark">
1522
+ <meta name="supported-color-schemes" content="light dark">
1523
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1524
+ @media (prefers-color-scheme: dark) {
1525
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1526
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1527
+ .cs-meta { color: #8a8a8a !important; }
1528
+ .cs-cta { border-color: #00ffff !important; }
1529
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1530
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1531
+ .cs-dots { color: #8a8a8a !important; }
1532
+ .cs-link { color: #00ffff !important; }
1533
+ .cs-destructive { color: #ff6b6b !important; }
1534
+ }</style>
1535
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1536
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1537
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1250
1538
  <div style="max-width: 520px; margin: 0 auto;">
1251
1539
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1252
1540
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">You&#39;ve been invited to take ownership.</p>
1253
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1541
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1254
1542
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1255
1543
  <tr>
1256
1544
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1257
1545
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1258
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Handing this over as I move to an advisory role.</td></tr>
1546
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Handing this over as I move to an advisory role.</td></tr>
1259
1547
  </table></td>
1260
1548
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
1261
1549
  </tr>
1262
1550
  <tr>
1263
1551
  <td></td>
1264
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1552
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1265
1553
  <td></td>
1266
1554
  </tr>
1267
1555
  </table>
1268
1556
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1269
1557
  <tr>
1270
1558
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1271
- <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1272
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1273
- <a href="https://app.companysemantics.ai/owner-transfer/accept/tok123" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">ACCEPT</span> &lt;&lt;</a>
1559
+ <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1560
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1561
+ <a href="https://app.companysemantics.ai/owner-transfer/accept/tok123" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">ACCEPT</span> &lt;&lt;</a>
1274
1562
  </td></tr>
1275
1563
  </table></div></td>
1276
1564
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1277
1565
  </tr>
1278
1566
  </table>
1279
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1567
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1280
1568
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Jordan Lee</p>
1281
1569
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Workspace: Acme Corp</p>
1282
1570
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires: Jun 13, 2026</p>
1283
1571
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This transfer was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1284
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1572
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1285
1573
  </div>
1286
1574
  </body>
1287
1575
  </html>",
@@ -1324,26 +1612,42 @@ exports[`email render > org.ownership_transfer_completed · Default 1`] = `
1324
1612
  {
1325
1613
  "html": "<!DOCTYPE html>
1326
1614
  <html lang="en">
1327
- <head><meta charset="UTF-8"></head>
1328
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1615
+ <head><meta charset="UTF-8">
1616
+ <meta name="color-scheme" content="light dark">
1617
+ <meta name="supported-color-schemes" content="light dark">
1618
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1619
+ @media (prefers-color-scheme: dark) {
1620
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1621
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1622
+ .cs-meta { color: #8a8a8a !important; }
1623
+ .cs-cta { border-color: #00ffff !important; }
1624
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1625
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1626
+ .cs-dots { color: #8a8a8a !important; }
1627
+ .cs-link { color: #00ffff !important; }
1628
+ .cs-destructive { color: #ff6b6b !important; }
1629
+ }</style>
1630
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1631
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1632
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1329
1633
  <div style="max-width: 520px; margin: 0 auto;">
1330
1634
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1331
1635
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Ownership was transferred.</p>
1332
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1636
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1333
1637
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1334
1638
  <tr>
1335
1639
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1336
1640
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1337
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">You&#39;re no longer the owner, but you remain an admin.</td></tr>
1641
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">You&#39;re no longer the owner, but you remain an admin.</td></tr>
1338
1642
  </table></td>
1339
1643
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1340
1644
  </tr>
1341
1645
  </table>
1342
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1646
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1343
1647
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Workspace: Acme Corp</p>
1344
1648
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">New owner: new.owner@acme.com</p>
1345
1649
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This confirmation was sent via Company Semantics.<br>If you did not authorize this, contact support immediately.</p>
1346
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1650
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1347
1651
  </div>
1348
1652
  </body>
1349
1653
  </html>",
@@ -1378,17 +1682,33 @@ exports[`email render > org.unit_owner_granted · Delegate with expiry 1`] = `
1378
1682
  {
1379
1683
  "html": "<!DOCTYPE html>
1380
1684
  <html lang="en">
1381
- <head><meta charset="UTF-8"></head>
1382
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1685
+ <head><meta charset="UTF-8">
1686
+ <meta name="color-scheme" content="light dark">
1687
+ <meta name="supported-color-schemes" content="light dark">
1688
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1689
+ @media (prefers-color-scheme: dark) {
1690
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1691
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1692
+ .cs-meta { color: #8a8a8a !important; }
1693
+ .cs-cta { border-color: #00ffff !important; }
1694
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1695
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1696
+ .cs-dots { color: #8a8a8a !important; }
1697
+ .cs-link { color: #00ffff !important; }
1698
+ .cs-destructive { color: #ff6b6b !important; }
1699
+ }</style>
1700
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1701
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1702
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1383
1703
  <div style="max-width: 520px; margin: 0 auto;">
1384
1704
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1385
1705
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">You are now a delegate owner of Platform Engineering. Delegate owners hold authority over the team: managing team membership, doc access, strategy, and execution against goals.</p>
1386
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1706
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1387
1707
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1388
1708
  <tr>
1389
1709
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1390
1710
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1391
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open the team to get started.</td></tr>
1711
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open the team to get started.</td></tr>
1392
1712
  </table></td>
1393
1713
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1394
1714
  </tr>
@@ -1396,21 +1716,21 @@ exports[`email render > org.unit_owner_granted · Delegate with expiry 1`] = `
1396
1716
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1397
1717
  <tr>
1398
1718
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1399
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1400
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1401
- <a href="https://app.companysemantics.ai/org/unit/42" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">MANAGE TEAM</span> &lt;&lt;</a>
1719
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1720
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1721
+ <a href="https://app.companysemantics.ai/org/unit/42" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">MANAGE TEAM</span> &lt;&lt;</a>
1402
1722
  </td></tr>
1403
1723
  </table></div></td>
1404
1724
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1405
1725
  </tr>
1406
1726
  </table>
1407
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1727
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1408
1728
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Jordan Lee</p>
1409
1729
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Team: Platform Engineering</p>
1410
1730
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Role: Delegate</p>
1411
1731
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Expires: Jun 13, 2026</p>
1412
1732
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1413
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1733
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1414
1734
  </div>
1415
1735
  </body>
1416
1736
  </html>",
@@ -1452,23 +1772,39 @@ exports[`email render > org.unit_owner_granted · Unit owner + message 1`] = `
1452
1772
  {
1453
1773
  "html": "<!DOCTYPE html>
1454
1774
  <html lang="en">
1455
- <head><meta charset="UTF-8"></head>
1456
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1775
+ <head><meta charset="UTF-8">
1776
+ <meta name="color-scheme" content="light dark">
1777
+ <meta name="supported-color-schemes" content="light dark">
1778
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1779
+ @media (prefers-color-scheme: dark) {
1780
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1781
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1782
+ .cs-meta { color: #8a8a8a !important; }
1783
+ .cs-cta { border-color: #00ffff !important; }
1784
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1785
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1786
+ .cs-dots { color: #8a8a8a !important; }
1787
+ .cs-link { color: #00ffff !important; }
1788
+ .cs-destructive { color: #ff6b6b !important; }
1789
+ }</style>
1790
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1791
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1792
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1457
1793
  <div style="max-width: 520px; margin: 0 auto;">
1458
1794
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi Sam Chen,</p>
1459
1795
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">You are now a unit owner of Platform Engineering. Unit owners hold authority over the team: managing team membership, doc access, strategy, and execution against goals.</p>
1460
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1796
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1461
1797
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1462
1798
  <tr>
1463
1799
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1464
1800
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1465
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Welcome aboard — glad to have you owning this team.</td></tr>
1801
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Welcome aboard — glad to have you owning this team.</td></tr>
1466
1802
  </table></td>
1467
1803
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
1468
1804
  </tr>
1469
1805
  <tr>
1470
1806
  <td></td>
1471
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1807
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1472
1808
  <td></td>
1473
1809
  </tr>
1474
1810
  </table>
@@ -1476,7 +1812,7 @@ exports[`email render > org.unit_owner_granted · Unit owner + message 1`] = `
1476
1812
  <tr>
1477
1813
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1478
1814
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1479
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open the team to get started.</td></tr>
1815
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open the team to get started.</td></tr>
1480
1816
  </table></td>
1481
1817
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1482
1818
  </tr>
@@ -1484,20 +1820,20 @@ exports[`email render > org.unit_owner_granted · Unit owner + message 1`] = `
1484
1820
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1485
1821
  <tr>
1486
1822
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1487
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1488
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1489
- <a href="https://app.companysemantics.ai/org/unit/42" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">MANAGE TEAM</span> &lt;&lt;</a>
1823
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
1824
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1825
+ <a href="https://app.companysemantics.ai/org/unit/42" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">MANAGE TEAM</span> &lt;&lt;</a>
1490
1826
  </td></tr>
1491
1827
  </table></div></td>
1492
1828
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1493
1829
  </tr>
1494
1830
  </table>
1495
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1831
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1496
1832
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Jordan Lee</p>
1497
1833
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Team: Platform Engineering</p>
1498
1834
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Role: Unit Owner</p>
1499
1835
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1500
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1836
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1501
1837
  </div>
1502
1838
  </body>
1503
1839
  </html>",
@@ -1544,17 +1880,33 @@ exports[`email render > security.alert · Excessive OTP requests 1`] = `
1544
1880
  {
1545
1881
  "html": "<!DOCTYPE html>
1546
1882
  <html lang="en">
1547
- <head><meta charset="UTF-8"></head>
1548
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1883
+ <head><meta charset="UTF-8">
1884
+ <meta name="color-scheme" content="light dark">
1885
+ <meta name="supported-color-schemes" content="light dark">
1886
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1887
+ @media (prefers-color-scheme: dark) {
1888
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1889
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1890
+ .cs-meta { color: #8a8a8a !important; }
1891
+ .cs-cta { border-color: #00ffff !important; }
1892
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1893
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1894
+ .cs-dots { color: #8a8a8a !important; }
1895
+ .cs-link { color: #00ffff !important; }
1896
+ .cs-destructive { color: #ff6b6b !important; }
1897
+ }</style>
1898
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1899
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1900
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1549
1901
  <div style="max-width: 520px; margin: 0 auto;">
1550
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;"><span style="color: #e7000b;">🆆🅰🆁🅽🅸🅽🅶</span></p>
1902
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;"><span class="cs-destructive" style="color: #e7000b;">🆆🅰🆁🅽🅸🅽🅶</span></p>
1551
1903
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Unusual login-code activity detected.</p>
1552
1904
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Details: 12 login codes requested in 5 minutes</p>
1553
1905
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">If this was you, no action is needed.</p>
1554
1906
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">If you didn&#39;t request these codes, someone may be trying to access your account.</p>
1555
1907
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">We recommend reviewing your account security.</p>
1556
1908
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">Time: Sun, 12 Jul 2026 14:30:00 GMT</p>
1557
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1909
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1558
1910
  </div>
1559
1911
  </body>
1560
1912
  </html>",
@@ -1584,17 +1936,33 @@ exports[`email render > security.alert · Unusual login location 1`] = `
1584
1936
  {
1585
1937
  "html": "<!DOCTYPE html>
1586
1938
  <html lang="en">
1587
- <head><meta charset="UTF-8"></head>
1588
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1939
+ <head><meta charset="UTF-8">
1940
+ <meta name="color-scheme" content="light dark">
1941
+ <meta name="supported-color-schemes" content="light dark">
1942
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1943
+ @media (prefers-color-scheme: dark) {
1944
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
1945
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
1946
+ .cs-meta { color: #8a8a8a !important; }
1947
+ .cs-cta { border-color: #00ffff !important; }
1948
+ .cs-cta-hover:hover { background-color: #154848 !important; }
1949
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
1950
+ .cs-dots { color: #8a8a8a !important; }
1951
+ .cs-link { color: #00ffff !important; }
1952
+ .cs-destructive { color: #ff6b6b !important; }
1953
+ }</style>
1954
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
1955
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
1956
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1589
1957
  <div style="max-width: 520px; margin: 0 auto;">
1590
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;"><span style="color: #e7000b;">🆆🅰🆁🅽🅸🅽🅶</span></p>
1958
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;"><span class="cs-destructive" style="color: #e7000b;">🆆🅰🆁🅽🅸🅽🅶</span></p>
1591
1959
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A login from an unusual location was detected.</p>
1592
1960
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Details: Login from Berlin, DE</p>
1593
1961
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">If this was you, no action is needed.</p>
1594
1962
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">If you didn&#39;t attempt to log in, someone may be trying to access your account.</p>
1595
1963
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">We recommend reviewing your account security.</p>
1596
1964
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">Time: Sun, 12 Jul 2026 14:30:00 GMT</p>
1597
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1965
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1598
1966
  </div>
1599
1967
  </body>
1600
1968
  </html>",
@@ -1624,43 +1992,59 @@ exports[`email render > share.granted · Document · editor · message 1`] = `
1624
1992
  {
1625
1993
  "html": "<!DOCTYPE html>
1626
1994
  <html lang="en">
1627
- <head><meta charset="UTF-8"></head>
1628
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
1995
+ <head><meta charset="UTF-8">
1996
+ <meta name="color-scheme" content="light dark">
1997
+ <meta name="supported-color-schemes" content="light dark">
1998
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
1999
+ @media (prefers-color-scheme: dark) {
2000
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
2001
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
2002
+ .cs-meta { color: #8a8a8a !important; }
2003
+ .cs-cta { border-color: #00ffff !important; }
2004
+ .cs-cta-hover:hover { background-color: #154848 !important; }
2005
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
2006
+ .cs-dots { color: #8a8a8a !important; }
2007
+ .cs-link { color: #00ffff !important; }
2008
+ .cs-destructive { color: #ff6b6b !important; }
2009
+ }</style>
2010
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
2011
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
2012
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1629
2013
  <div style="max-width: 520px; margin: 0 auto;">
1630
2014
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi Sam Chen,</p>
1631
2015
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A document was shared with you.</p>
1632
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
2016
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1633
2017
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1634
2018
  <tr>
1635
2019
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1636
2020
  <td style="width: 100%; text-align: right;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1637
- <tr><td style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Take a look before Thursday&#39;s planning.</td></tr>
2021
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 0 8px; padding: 10px 14px; text-align: right; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Take a look before Thursday&#39;s planning.</td></tr>
1638
2022
  </table></td>
1639
2023
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; white-space: nowrap;">(•̀_ರ╮)</td>
1640
2024
  </tr>
1641
2025
  <tr>
1642
2026
  <td></td>
1643
- <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
2027
+ <td class="cs-meta" style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #666; text-align: right; padding-top: 6px; padding-right: 1ch;">Jordan Lee</td>
1644
2028
  <td></td>
1645
2029
  </tr>
1646
2030
  </table>
1647
2031
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1648
2032
  <tr>
1649
2033
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1650
- <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1651
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1652
- <a href="https://app.companysemantics.ai/doc/roadmap" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
2034
+ <td style="width: 100%; text-align: right;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
2035
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
2036
+ <a href="https://app.companysemantics.ai/doc/roadmap" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
1653
2037
  </td></tr>
1654
2038
  </table></div></td>
1655
2039
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1656
2040
  </tr>
1657
2041
  </table>
1658
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
2042
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1659
2043
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Jordan Lee</p>
1660
2044
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">Item: &quot;Q3 Roadmap&quot;</p>
1661
2045
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Access: can edit</p>
1662
2046
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1663
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
2047
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1664
2048
  </div>
1665
2049
  </body>
1666
2050
  </html>",
@@ -1703,17 +2087,33 @@ exports[`email render > share.granted · Meeting · viewer · no title 1`] = `
1703
2087
  {
1704
2088
  "html": "<!DOCTYPE html>
1705
2089
  <html lang="en">
1706
- <head><meta charset="UTF-8"></head>
1707
- <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; margin: 0; padding: 0;">
2090
+ <head><meta charset="UTF-8">
2091
+ <meta name="color-scheme" content="light dark">
2092
+ <meta name="supported-color-schemes" content="light dark">
2093
+ <style>.cs-cta-hover:hover { background-color: #d1ffff !important; }
2094
+ @media (prefers-color-scheme: dark) {
2095
+ body { background-color: #1a1a1a !important; color: #e8e8e8 !important; }
2096
+ .cs-faint { color: #666 !important; border-top-color: #666 !important; }
2097
+ .cs-meta { color: #8a8a8a !important; }
2098
+ .cs-cta { border-color: #00ffff !important; }
2099
+ .cs-cta-hover:hover { background-color: #154848 !important; }
2100
+ .cs-bubble { background: #154848 !important; color: #ffffff !important; }
2101
+ .cs-dots { color: #8a8a8a !important; }
2102
+ .cs-link { color: #00ffff !important; }
2103
+ .cs-destructive { color: #ff6b6b !important; }
2104
+ }</style>
2105
+ <!--[if mso]><style>.cs-cta td { padding: 16px 24px !important; }
2106
+ .cs-cta a { padding: 0 !important; }</style><![endif]--></head>
2107
+ <body style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; color: #1a1a1a; background-color: #ffffff; margin: 0; padding: 0;">
1708
2108
  <div style="max-width: 520px; margin: 0 auto;">
1709
2109
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Hi there,</p>
1710
2110
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">A meeting was shared with you.</p>
1711
- <hr style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
2111
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 12px 0 24px 0;">
1712
2112
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 16px 0;">
1713
2113
  <tr>
1714
2114
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; white-space: nowrap;">[c_S]</td>
1715
2115
  <td style="width: 100%; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; max-width: 100%; vertical-align: bottom;">
1716
- <tr><td style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
2116
+ <tr><td class="cs-bubble" style="border-radius: 8px 8px 8px 0; padding: 10px 14px; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; color: #ffffff; background: #666;">Open to view.</td></tr>
1717
2117
  </table></td>
1718
2118
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1719
2119
  </tr>
@@ -1721,19 +2121,19 @@ exports[`email render > share.granted · Meeting · viewer · no title 1`] = `
1721
2121
  <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 0 0 24px 0;">
1722
2122
  <tr>
1723
2123
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-right: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">[c_S]</td>
1724
- <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" style="display: inline-block; border: 1px solid #666; border-radius: 2px; margin: 0; max-width: 220px;">
1725
- <tr><td style="padding: 16px 24px; text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
1726
- <a href="https://app.companysemantics.ai/meeting/8842" style="color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
2124
+ <td style="width: 100%; text-align: left;"><div style="display: inline-block; text-align: left;"><table cellpadding="0" cellspacing="0" border="0" class="cs-cta cs-cta-hover" style="display: inline-block; border: 1px solid #0047FF; border-radius: 2px; margin: 0; max-width: 220px;">
2125
+ <tr><td style="text-align: center; font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px;">
2126
+ <a href="https://app.companysemantics.ai/meeting/8842" class="cs-link" style="display: block; padding: 16px 24px; color: #0047FF; text-decoration: none;">&gt;&gt; <span style="text-decoration: underline;">OPEN</span> &lt;&lt;</a>
1727
2127
  </td></tr>
1728
2128
  </table></div></td>
1729
2129
  <td style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; padding-left: 8px; vertical-align: bottom; visibility: hidden; white-space: nowrap;">(•̀_ರ╮)</td>
1730
2130
  </tr>
1731
2131
  </table>
1732
- <hr style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
2132
+ <hr class="cs-faint" style="border: none; border-top: 1px solid #bbb; margin: 24px 0 12px 0;">
1733
2133
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 4px 0;">From: Jordan Lee</p>
1734
2134
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0 0 20px 0;">Access: can view</p>
1735
2135
  <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;">This notification was sent via Company Semantics.<br>If you weren&#39;t expecting this, no action is required.</p>
1736
- <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
2136
+ <p style="font-family: 'SF Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 13px; margin: 0;"><br><br><span class="cs-faint" style="color: #bbb;">/* EOM */</span><br>ⓒ 2026 • Company Semantics<br><a href="https://companysemantics.ai" target="_blank" rel="noopener noreferrer" class="cs-link" style="color: #0047FF; text-decoration: none;">https://companysemantics.ai</a></p>
1737
2137
  </div>
1738
2138
  </body>
1739
2139
  </html>",