@viberaven/cli 1.4.4 → 1.5.1

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 (42) hide show
  1. package/AGENTS.md +157 -157
  2. package/LICENSE +21 -21
  3. package/README.md +1 -3
  4. package/SECURITY.md +59 -53
  5. package/dist/cli.js +13764 -32046
  6. package/dist/console/app.js +251 -251
  7. package/dist/console/index.html +46 -46
  8. package/dist/console/styles.css +267 -267
  9. package/dist/playbooks/_stack-default.json +11 -11
  10. package/dist/playbooks/auth-supabase.json +31 -31
  11. package/dist/playbooks/stripe.json +66 -66
  12. package/dist/playbooks/supabase.json +51 -51
  13. package/dist/playbooks/vercel.json +42 -42
  14. package/dist/report/report-cli.css +1466 -1466
  15. package/dist/report/station.css +11854 -11854
  16. package/dist/report/station.js +8317 -8317
  17. package/dist/stack/app.js +18 -0
  18. package/dist/stack/stack.css +854 -0
  19. package/package.json +84 -75
  20. package/playbooks/_stack-default.json +11 -11
  21. package/playbooks/auth-supabase.json +31 -31
  22. package/playbooks/stripe.json +66 -66
  23. package/playbooks/supabase.json +51 -51
  24. package/playbooks/vercel.json +42 -42
  25. package/schemas/permissions-matrix.schema.json +90 -0
  26. package/templates/AGENTS.snippet.md +52 -52
  27. package/templates/CLAUDE.snippet.md +17 -17
  28. package/templates/CURSOR.snippet.md +17 -17
  29. package/assets/report/assets/provider-authjs.svg +0 -5
  30. package/assets/report/assets/provider-aws.svg +0 -5
  31. package/assets/report/assets/provider-logrocket.svg +0 -4
  32. package/assets/report/assets/viberaven-favicon.png +0 -0
  33. package/assets/report/assets/viberaven-hero.png +0 -0
  34. package/assets/report/assets/viberaven-logo.png +0 -0
  35. package/assets/report/assets/viberaven-mascot.png +0 -0
  36. package/assets/report/assets/viberaven-table.png +0 -0
  37. package/assets/report/report-cli.css +0 -1466
  38. package/assets/report/station.css +0 -11854
  39. package/assets/report/station.js +0 -8319
  40. package/dist/cli.js.map +0 -7
  41. package/dist/report/assets/viberaven-hero.png +0 -0
  42. package/dist/report/assets/viberaven-table.png +0 -0
@@ -1,1466 +1,1466 @@
1
- /* CLI Mission Map — light extension-style map + compact sidebar (not editorial blueprint). */
2
- html.cli-mission-report {
3
- color-scheme: light;
4
- }
5
-
6
- html.cli-mission-report body.station-results-active {
7
- min-height: 100dvh;
8
- margin: 0;
9
- background: #ffffff;
10
- color: #111111;
11
- }
12
-
13
- html.cli-mission-report body.station-results-active .station-app {
14
- box-sizing: border-box;
15
- width: 100%;
16
- max-width: min(1480px, 100%);
17
- min-height: 100dvh;
18
- margin: 0 auto;
19
- padding: 12px clamp(16px, 2.5vw, 32px) 20px;
20
- display: flex;
21
- flex-direction: column;
22
- }
23
-
24
- html.cli-mission-report body.station-results-active .mc-state--results,
25
- html.cli-mission-report body.station-results-active .studio-shell {
26
- flex: 1;
27
- width: 100%;
28
- min-height: 0;
29
- display: flex;
30
- flex-direction: column;
31
- }
32
-
33
- html.cli-mission-report body.station-results-active .studio-top-rail {
34
- display: flex;
35
- align-items: center;
36
- gap: 10px;
37
- min-height: 44px;
38
- margin: 0 -4px 8px;
39
- padding: 10px 14px;
40
- border: 0;
41
- border-bottom: 1px solid rgba(255, 255, 255, 0.1);
42
- border-radius: 0.35rem 0.35rem 0 0;
43
- background: #111111;
44
- color: #fffdf7;
45
- }
46
-
47
- html.cli-mission-report body.station-results-active .studio-top-rail__logo {
48
- display: block;
49
- width: 32px;
50
- height: 32px;
51
- object-fit: contain;
52
- }
53
-
54
- html.cli-mission-report body.station-results-active .studio-top-rail__brand,
55
- html.cli-mission-report body.station-results-active .studio-top-rail__brand span {
56
- color: #fffdf7;
57
- font-size: 12px;
58
- font-weight: 900;
59
- letter-spacing: 0.22em;
60
- text-shadow: none;
61
- }
62
-
63
- html.cli-mission-report body.station-results-active .studio-top-rail__brand::before {
64
- content: none;
65
- }
66
-
67
- html.cli-mission-report body.station-results-active .studio-top-rail__build {
68
- margin-left: auto;
69
- color: rgba(255, 253, 247, 0.62);
70
- font-family: var(--font-mono);
71
- font-size: 10px;
72
- font-weight: 700;
73
- letter-spacing: 0.04em;
74
- text-transform: uppercase;
75
- }
76
-
77
- html.cli-mission-report body.station-results-active .studio-workspace {
78
- flex: 1;
79
- min-height: 0;
80
- width: 100%;
81
- grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
82
- gap: clamp(12px, 1.5vw, 20px);
83
- align-items: stretch;
84
- }
85
-
86
- html.cli-mission-report body.station-results-active .studio-map-canvas {
87
- min-width: 0;
88
- min-height: 0;
89
- height: 100%;
90
- padding: 0;
91
- display: flex;
92
- background: transparent;
93
- }
94
-
95
- html.cli-mission-report body.station-results-active .studio-system-map {
96
- flex: 1;
97
- width: 100%;
98
- min-height: 0;
99
- height: 100%;
100
- max-height: none;
101
- border: 1px solid rgba(17, 17, 17, 0.1);
102
- border-radius: 20px;
103
- background:
104
- linear-gradient(90deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
105
- linear-gradient(180deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
106
- #ffffff;
107
- background-size: 28px 28px, 28px 28px, auto;
108
- box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
109
- }
110
-
111
- html.cli-mission-report body.station-results-active .studio-node-layer {
112
- width: 100%;
113
- max-width: min(960px, 100%);
114
- height: 100%;
115
- min-height: 0;
116
- max-height: none;
117
- margin: 0 auto;
118
- }
119
-
120
- html.cli-mission-report body.station-results-active .studio-connector-layer {
121
- opacity: 0.12;
122
- filter: none;
123
- }
124
-
125
- html.cli-mission-report body.station-results-active .studio-core-group .studio-core-node {
126
- width: 168px;
127
- height: 168px;
128
- display: grid;
129
- grid-template-columns: 1fr;
130
- grid-template-rows: auto auto auto;
131
- place-items: center;
132
- align-content: center;
133
- justify-items: center;
134
- gap: 10px;
135
- padding: 20px 16px 18px;
136
- border: 1px solid rgba(212, 175, 55, 0.38);
137
- border-radius: 999px;
138
- background: #ffffff;
139
- color: #111111;
140
- box-shadow: 0 12px 28px rgba(17, 17, 17, 0.07);
141
- }
142
-
143
- html.cli-mission-report body.station-results-active .studio-core-node__mark {
144
- display: block;
145
- width: 92px;
146
- height: 92px;
147
- margin: 0;
148
- object-fit: contain;
149
- }
150
-
151
- html.cli-mission-report body.station-results-active .studio-core-node strong {
152
- margin: 0;
153
- color: #111111;
154
- font-size: 38px;
155
- font-weight: 900;
156
- line-height: 0.95;
157
- letter-spacing: -0.03em;
158
- text-shadow: none;
159
- }
160
-
161
- html.cli-mission-report body.station-results-active .studio-core-node small {
162
- margin: 0;
163
- color: rgba(17, 17, 17, 0.52);
164
- font-size: 9px;
165
- font-weight: 800;
166
- letter-spacing: 0.16em;
167
- line-height: 1.2;
168
- text-transform: uppercase;
169
- text-shadow: none;
170
- }
171
-
172
-
173
- /* Map nodes — horizontal pills (reference: icon well + stacked copy + meta chip) */
174
- html.cli-mission-report body.station-results-active .studio-node {
175
- width: clamp(148px, 12vw, 188px) !important;
176
- height: auto !important;
177
- min-height: 56px !important;
178
- max-height: none !important;
179
- aspect-ratio: auto !important;
180
- display: grid !important;
181
- grid-template-columns: 38px minmax(0, 1fr) !important;
182
- grid-template-rows: auto auto auto !important;
183
- place-items: start stretch !important;
184
- align-content: center !important;
185
- align-items: center !important;
186
- gap: 2px 10px;
187
- padding: 8px 14px 8px 10px;
188
- border-radius: 999px;
189
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 38%, rgba(17, 17, 17, 0.12));
190
- background: color-mix(in srgb, var(--provider-color, #ffffff) 9%, #fffdf8);
191
- color: #111111;
192
- text-align: left;
193
- overflow: visible;
194
- box-shadow: 0 8px 22px color-mix(in srgb, var(--provider-color, #111111) 10%, rgba(17, 17, 17, 0.06));
195
- }
196
-
197
- html.cli-mission-report body.station-results-active .studio-node:hover {
198
- border-color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.35)) 52%, rgba(17, 17, 17, 0.22));
199
- box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 14%, rgba(17, 17, 17, 0.1));
200
- }
201
-
202
- html.cli-mission-report body.station-results-active .studio-node__logo {
203
- grid-row: 1 / span 3;
204
- grid-column: 1;
205
- align-self: center;
206
- justify-self: center;
207
- width: 36px;
208
- height: 36px;
209
- margin: 0;
210
- border-radius: 999px;
211
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 34%, rgba(17, 17, 17, 0.1));
212
- background: color-mix(in srgb, var(--provider-color, #ffffff) 20%, #ffffff) !important;
213
- color: var(--provider-color, #111111);
214
- box-shadow:
215
- 0 0 0 1px color-mix(in srgb, var(--provider-color, #ffffff) 12%, transparent),
216
- 0 6px 16px color-mix(in srgb, var(--provider-color, #111111) 16%, transparent) !important;
217
- }
218
-
219
- html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg {
220
- width: 72%;
221
- height: 72%;
222
- }
223
-
224
- html.cli-mission-report body.station-results-active .provider-logo svg,
225
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon svg,
226
- html.cli-mission-report body.station-results-active .studio-node__logo svg {
227
- fill: unset;
228
- }
229
-
230
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo svg {
231
- width: 88%;
232
- height: 88%;
233
- max-width: 100%;
234
- max-height: 100%;
235
- margin: auto;
236
- }
237
-
238
- html.cli-mission-report body.station-results-active .provider-logo:not(.provider-logo--brand) svg,
239
- html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg path:not([fill]),
240
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
241
- fill: currentColor;
242
- }
243
-
244
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg {
245
- width: 76%;
246
- height: 76%;
247
- }
248
-
249
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg,
250
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
251
- fill: currentColor;
252
- }
253
-
254
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--brand {
255
- border: none;
256
- background: transparent !important;
257
- box-shadow: none !important;
258
- color: inherit;
259
- }
260
-
261
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--brand {
262
- border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 28%, rgba(17, 17, 17, 0.08));
263
- background: color-mix(in srgb, var(--provider-color, #ffffff) 12%, #ffffff) !important;
264
- box-shadow: 0 6px 14px color-mix(in srgb, var(--provider-color, #111111) 12%, transparent) !important;
265
- color: inherit;
266
- }
267
-
268
- html.cli-mission-report body.station-results-active .provider-logo--brand:not(.provider-logo--authjs) svg {
269
- width: 100%;
270
- height: 100%;
271
- display: block;
272
- }
273
-
274
- html.cli-mission-report body.station-results-active .provider-logo__img {
275
- display: block;
276
- box-sizing: border-box;
277
- width: 100%;
278
- height: 100%;
279
- max-width: none;
280
- max-height: none;
281
- margin: 0;
282
- padding: 0;
283
- border: 0;
284
- object-fit: contain;
285
- object-position: center;
286
- pointer-events: none;
287
- }
288
-
289
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo .provider-logo__img {
290
- width: 100%;
291
- height: 100%;
292
- }
293
-
294
- html.cli-mission-report body.station-results-active .studio-node__logo .provider-logo__img {
295
- width: 88%;
296
- height: 88%;
297
- margin: auto;
298
- }
299
-
300
- html.cli-mission-report body.station-results-active .studio-node__title {
301
- grid-row: 1;
302
- grid-column: 2;
303
- box-sizing: border-box;
304
- min-width: 0;
305
- width: 100%;
306
- max-width: none;
307
- max-height: none;
308
- color: #111111;
309
- font-size: 9.5px;
310
- font-weight: 1000;
311
- letter-spacing: 0.04em;
312
- line-height: 1.1;
313
- text-transform: uppercase;
314
- white-space: nowrap;
315
- overflow: hidden;
316
- text-overflow: ellipsis;
317
- }
318
-
319
- html.cli-mission-report body.station-results-active .studio-node__provider {
320
- grid-row: 2;
321
- grid-column: 2;
322
- box-sizing: border-box;
323
- min-width: 0;
324
- width: 100%;
325
- max-width: none;
326
- height: auto;
327
- color: var(--provider-color, rgba(17, 17, 17, 0.72));
328
- font-size: 10px;
329
- font-weight: 850;
330
- line-height: 1.1;
331
- white-space: nowrap;
332
- overflow: hidden;
333
- text-overflow: ellipsis;
334
- }
335
-
336
- html.cli-mission-report body.station-results-active .studio-node__meta {
337
- grid-row: 3;
338
- grid-column: 2;
339
- justify-self: start;
340
- box-sizing: border-box;
341
- min-width: 0;
342
- width: 100%;
343
- max-width: 100%;
344
- height: auto;
345
- margin-top: 1px;
346
- padding: 2px 8px;
347
- border-radius: 999px;
348
- background: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.12)) 16%, #ffffff);
349
- color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.55)) 78%, #111111);
350
- font-size: 8.5px;
351
- font-weight: 900;
352
- font-family: var(--font-mono);
353
- line-height: 1.2;
354
- white-space: nowrap;
355
- overflow: hidden;
356
- text-overflow: ellipsis;
357
- }
358
-
359
- html.cli-mission-report body.station-results-active .studio-node--critical .studio-node__meta {
360
- background: color-mix(in srgb, #d94a38 14%, #ffffff);
361
- color: #b42318;
362
- }
363
-
364
- html.cli-mission-report body.station-results-active .studio-node--warning .studio-node__meta {
365
- background: color-mix(in srgb, #d4af37 18%, #ffffff);
366
- color: #8a6b12;
367
- }
368
-
369
- html.cli-mission-report body.station-results-active .studio-node--selected {
370
- border: 2px solid color-mix(in srgb, var(--provider-color, #111111) 55%, #111111);
371
- box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 16%, rgba(17, 17, 17, 0.12));
372
- }
373
-
374
- html.cli-mission-report body.station-results-active .studio-node--critical {
375
- border-color: color-mix(in srgb, #d94a38 48%, var(--provider-color, rgba(17, 17, 17, 0.2)));
376
- }
377
-
378
- html.cli-mission-report body.station-results-active .studio-node--warning {
379
- border-color: color-mix(in srgb, #d4af37 55%, var(--provider-color, rgba(17, 17, 17, 0.2)));
380
- }
381
-
382
- html.cli-mission-report body.station-results-active .studio-node__raven-badge {
383
- position: absolute;
384
- top: -18px;
385
- right: -8px;
386
- left: auto;
387
- bottom: auto;
388
- z-index: 3;
389
- min-width: 44px;
390
- height: 22px;
391
- padding: 0 7px;
392
- border: 2px solid #111111;
393
- border-radius: 999px;
394
- background: #b91c1c;
395
- color: #fffdf7;
396
- font-family: var(--font-mono);
397
- font-size: 9px;
398
- font-weight: 950;
399
- letter-spacing: 0.03em;
400
- line-height: 1;
401
- text-transform: uppercase;
402
- box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.2);
403
- pointer-events: none;
404
- }
405
-
406
- html.cli-mission-report body.station-results-active .studio-node__raven-badge::before {
407
- content: "!";
408
- display: inline-grid;
409
- place-items: center;
410
- width: 13px;
411
- height: 13px;
412
- margin-right: 4px;
413
- border-radius: 999px;
414
- background: #fffdf7;
415
- color: #b91c1c;
416
- font-family: var(--font-ui);
417
- font-size: 9px;
418
- font-weight: 1000;
419
- line-height: 1;
420
- }
421
-
422
- /* Sidebar — compact, light */
423
- html.cli-mission-report body.station-results-active .studio-setup-panel {
424
- min-height: 0;
425
- height: 100%;
426
- max-height: none;
427
- overflow-y: auto;
428
- border: 1px solid rgba(17, 17, 17, 0.1);
429
- border-radius: 16px;
430
- background: #ffffff;
431
- box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
432
- }
433
-
434
- html.cli-mission-report body.station-results-active .studio-setup-panel__inner {
435
- gap: 10px;
436
- padding: 14px;
437
- }
438
-
439
- html.cli-mission-report body.station-results-active .studio-setup-panel__head {
440
- padding-bottom: 10px;
441
- border-bottom: 1px solid rgba(17, 17, 17, 0.1);
442
- }
443
-
444
- html.cli-mission-report body.station-results-active .studio-setup-panel__title {
445
- color: #111111;
446
- font-size: 16px;
447
- text-shadow: none;
448
- }
449
-
450
- html.cli-mission-report body.station-results-active .studio-setup-panel__hint {
451
- color: #111111;
452
- font-size: 12px;
453
- }
454
-
455
- html.cli-mission-report body.station-results-active .studio-choice-list {
456
- gap: 10px;
457
- }
458
-
459
- html.cli-mission-report body.station-results-active .studio-choice-tile {
460
- grid-template-columns: 44px minmax(0, 1fr);
461
- gap: 3px 12px;
462
- padding: 12px 14px;
463
- border: 1px solid rgba(17, 17, 17, 0.18);
464
- border-radius: 14px;
465
- background: #ffffff;
466
- color: #111111;
467
- box-shadow: none;
468
- }
469
-
470
- html.cli-mission-report body.station-results-active .studio-choice-tile:hover,
471
- html.cli-mission-report body.station-results-active .studio-choice-tile:focus-visible {
472
- border-color: #111111;
473
- box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.1);
474
- }
475
-
476
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected,
477
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project {
478
- border: 2px solid #111111;
479
- background: linear-gradient(90deg, rgba(212, 175, 55, 0.22), rgba(255, 253, 247, 0.4) 52%), #fffdf7;
480
- box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.14);
481
- }
482
-
483
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) {
484
- border-color: rgba(17, 17, 17, 0.16);
485
- background: #ffffff;
486
- }
487
-
488
- html.cli-mission-report body.station-results-active .studio-choice-tile__name {
489
- color: #111111;
490
- font-size: 14px;
491
- font-weight: 900;
492
- }
493
-
494
- html.cli-mission-report body.station-results-active .studio-choice-tile__desc {
495
- color: rgba(17, 17, 17, 0.58);
496
- font-size: 11px;
497
- line-height: 1.35;
498
- }
499
-
500
- html.cli-mission-report body.station-results-active .studio-choice-tile__status {
501
- display: block;
502
- margin-top: 2px;
503
- color: #111111;
504
- font-family: var(--font-mono);
505
- font-size: 10px;
506
- font-weight: 900;
507
- letter-spacing: 0.06em;
508
- text-transform: uppercase;
509
- }
510
-
511
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) .studio-choice-tile__status {
512
- color: rgba(17, 17, 17, 0.72);
513
- }
514
-
515
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__status,
516
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
517
- width: 100%;
518
- max-width: 100%;
519
- margin-top: 6px;
520
- padding: 6px 10px;
521
- border-radius: 999px;
522
- background: #111111;
523
- color: #fffdf7;
524
- text-align: center;
525
- }
526
-
527
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
528
- grid-row: 1 / span 3;
529
- align-self: start;
530
- justify-self: center;
531
- box-sizing: border-box;
532
- width: 40px;
533
- height: 40px;
534
- min-width: 40px;
535
- min-height: 40px;
536
- max-width: 40px;
537
- max-height: 40px;
538
- padding: 0;
539
- overflow: hidden;
540
- border: 1px solid rgba(17, 17, 17, 0.16);
541
- border-radius: 10px;
542
- background: #ffffff;
543
- color: var(--provider-color, #111111);
544
- box-shadow: none;
545
- }
546
-
547
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
548
- display: grid;
549
- place-items: center;
550
- }
551
-
552
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__icon {
553
- border-color: #111111;
554
- box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.12);
555
- }
556
-
557
- /* Extension-style path picker: selected path and detected provider are distinct states. */
558
- html.cli-mission-report body.station-results-active .studio-choice-tile {
559
- border-radius: 0;
560
- background: #fffdf7;
561
- }
562
-
563
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
564
- border-radius: 0;
565
- }
566
-
567
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) {
568
- border: 2px solid #111111;
569
- background:
570
- linear-gradient(90deg, rgba(212, 175, 55, 0.24), transparent 58%),
571
- #fffdf7;
572
- box-shadow:
573
- 4px 4px 0 rgba(17, 17, 17, 0.2),
574
- inset 0 0 0 3px rgba(212, 175, 55, 0.18);
575
- }
576
-
577
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project {
578
- border: 2px solid #10b981 !important;
579
- background:
580
- linear-gradient(90deg, rgba(16, 185, 129, 0.18), rgba(236, 253, 245, 0.82) 58%),
581
- #ecfdf5 !important;
582
- box-shadow:
583
- inset 0 0 0 3px rgba(16, 185, 129, 0.12),
584
- 0 0 0 1px rgba(4, 120, 87, 0.12) !important;
585
- }
586
-
587
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) .studio-choice-tile__status {
588
- width: max-content;
589
- max-width: 100%;
590
- margin-top: 4px;
591
- padding: 3px 7px;
592
- border-radius: 0;
593
- background: #111111;
594
- color: #fffdf7;
595
- text-align: left;
596
- }
597
-
598
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__status,
599
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
600
- width: max-content;
601
- max-width: 100%;
602
- margin-top: 4px;
603
- padding: 4px 8px;
604
- border-radius: 0;
605
- border: 1px solid rgba(4, 120, 87, 0.28);
606
- background: #047857;
607
- color: #ffffff;
608
- text-align: left;
609
- box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.16);
610
- }
611
-
612
- html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__icon,
613
- html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__icon {
614
- border-color: rgba(4, 120, 87, 0.38);
615
- background: #ffffff !important;
616
- box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.12);
617
- }
618
-
619
- html.cli-mission-report body.station-results-active .studio-added-path {
620
- display: grid;
621
- gap: 10px;
622
- padding: 12px;
623
- border: 2px solid #0284c7;
624
- border-radius: 0;
625
- background: #fffdf7;
626
- }
627
-
628
- html.cli-mission-report body.station-results-active .studio-added-path__title {
629
- color: #075985;
630
- font-size: 11px;
631
- font-weight: 950;
632
- letter-spacing: 0.06em;
633
- text-transform: uppercase;
634
- }
635
-
636
- html.cli-mission-report body.station-results-active .studio-added-path__pill {
637
- justify-self: start;
638
- display: inline-grid;
639
- grid-template-columns: 30px auto;
640
- align-items: center;
641
- gap: 8px;
642
- min-height: 36px;
643
- padding: 4px 8px 4px 4px;
644
- border: 1px solid rgba(17, 17, 17, 0.24);
645
- background: #ffffff;
646
- color: #111111;
647
- font-size: 12px;
648
- }
649
-
650
- html.cli-mission-report body.station-results-active .studio-added-path__icon {
651
- display: grid;
652
- place-items: center;
653
- width: 28px;
654
- height: 28px;
655
- border: 1px solid rgba(17, 17, 17, 0.22);
656
- background: #fffdf7;
657
- color: var(--provider-color, #111111);
658
- }
659
-
660
- html.cli-mission-report body.station-results-active .studio-added-path__icon svg,
661
- html.cli-mission-report body.station-results-active .studio-added-path__icon .provider-logo__img {
662
- width: 82%;
663
- height: 82%;
664
- object-fit: contain;
665
- }
666
-
667
- html.cli-mission-report body.station-results-active .studio-evidence-badge {
668
- border: 1px solid #111111;
669
- background: #111111;
670
- color: #fffdf7;
671
- font-size: 9px;
672
- }
673
-
674
- html.cli-mission-report body.station-results-active .studio-evidence-badge--repo {
675
- background: #ecfdf5;
676
- color: #047857;
677
- border-color: #16a66a;
678
- }
679
-
680
- html.cli-mission-report body.station-results-active .studio-verification {
681
- border: 1px solid rgba(17, 17, 17, 0.18);
682
- border-radius: 0;
683
- background: #fffdf7;
684
- padding: 12px;
685
- }
686
-
687
- html.cli-mission-report body.station-results-active .studio-verification__title {
688
- margin: 0 0 6px;
689
- color: rgba(17, 17, 17, 0.55);
690
- font-size: 10px;
691
- letter-spacing: 0.1em;
692
- text-transform: uppercase;
693
- }
694
-
695
- html.cli-mission-report body.station-results-active .studio-wiring__summary {
696
- margin: 0 0 10px;
697
- color: rgba(17, 17, 17, 0.68);
698
- font-size: 12px;
699
- line-height: 1.45;
700
- }
701
-
702
- html.cli-mission-report body.station-results-active .studio-verification__group {
703
- min-width: 0;
704
- margin-bottom: 8px;
705
- padding: 10px;
706
- border: 2px solid rgba(17, 17, 17, 0.12);
707
- border-radius: 0;
708
- background: #fffdf7;
709
- }
710
-
711
- html.cli-mission-report body.station-results-active .studio-verification__group-title strong {
712
- min-width: 0;
713
- overflow-wrap: anywhere;
714
- color: #111111;
715
- font-size: 11px;
716
- }
717
-
718
- html.cli-mission-report body.station-results-active .studio-verification__count {
719
- display: inline-grid;
720
- place-items: center;
721
- min-width: 22px;
722
- height: 22px;
723
- padding: 0 6px;
724
- border-radius: 0;
725
- background: #111111 !important;
726
- color: #fffdf7 !important;
727
- -webkit-text-fill-color: #fffdf7;
728
- font-family: var(--font-mono);
729
- font-size: 11px;
730
- font-weight: 900;
731
- line-height: 1;
732
- box-shadow: none;
733
- }
734
-
735
- html.cli-mission-report body.station-results-active .studio-verification__list {
736
- margin: 6px 0 0;
737
- padding: 0;
738
- list-style: none;
739
- }
740
-
741
- html.cli-mission-report body.station-results-active .studio-verification__item {
742
- min-width: 0;
743
- margin: 0;
744
- padding: 4px 0 4px 14px;
745
- color: rgba(17, 17, 17, 0.72);
746
- font-size: 11px;
747
- line-height: 1.35;
748
- overflow-wrap: anywhere;
749
- }
750
-
751
- html.cli-mission-report body.station-results-active .studio-verification__item::before {
752
- left: 0;
753
- }
754
-
755
- html.cli-mission-report body.station-results-active .studio-verification__group--found {
756
- border-color: #10b981;
757
- background: rgba(236, 253, 245, 0.9);
758
- }
759
-
760
- html.cli-mission-report body.station-results-active .studio-verification__group--missing {
761
- border-color: #f59e0b;
762
- background: rgba(255, 247, 237, 0.95);
763
- }
764
-
765
- html.cli-mission-report body.station-results-active .studio-verification__group--external {
766
- border-color: #0284c7;
767
- background: rgba(239, 246, 255, 0.95);
768
- }
769
-
770
- html.cli-mission-report body.station-results-active .studio-verification__group--manual {
771
- border-color: #94a3b8;
772
- }
773
-
774
- html.cli-mission-report body.station-results-active .studio-setup-actions {
775
- border: 1px solid rgba(17, 17, 17, 0.2);
776
- border-radius: 0;
777
- background: #fffdf7;
778
- padding: 12px;
779
- }
780
-
781
- html.cli-mission-report body.station-results-active .studio-setup-actions__head {
782
- display: flex;
783
- align-items: center;
784
- justify-content: space-between;
785
- gap: 8px;
786
- margin-bottom: 6px;
787
- }
788
-
789
- html.cli-mission-report body.station-results-active .studio-setup-actions__head strong {
790
- color: #111111;
791
- font-size: 12px;
792
- }
793
-
794
- html.cli-mission-report body.station-results-active .studio-setup-actions__head span {
795
- color: rgba(17, 17, 17, 0.5);
796
- font-size: 10px;
797
- font-weight: 800;
798
- letter-spacing: 0.06em;
799
- text-transform: uppercase;
800
- }
801
-
802
- html.cli-mission-report body.station-results-active .studio-setup-actions__copy {
803
- margin: 0 0 10px;
804
- color: rgba(17, 17, 17, 0.62);
805
- font-size: 11px;
806
- line-height: 1.4;
807
- }
808
-
809
- html.cli-mission-report body.station-results-active .studio-setup-actions__buttons {
810
- display: grid;
811
- grid-template-columns: 1fr;
812
- gap: 8px;
813
- }
814
-
815
- html.cli-mission-report body.station-results-active .studio-action-button {
816
- border: 1px solid rgba(17, 17, 17, 0.2);
817
- border-radius: 0;
818
- background: #fffdf7;
819
- background-image: none;
820
- color: #111111;
821
- padding: 8px 12px;
822
- font: inherit;
823
- font-size: 12px;
824
- font-weight: 800;
825
- cursor: pointer;
826
- box-shadow: none !important;
827
- }
828
-
829
- html.cli-mission-report body.station-results-active .studio-action-button:hover,
830
- html.cli-mission-report body.station-results-active .studio-action-button:focus-visible {
831
- border-color: rgba(17, 17, 17, 0.32);
832
- background: #fffdf7;
833
- background-image: none;
834
- box-shadow: none !important;
835
- outline: none;
836
- }
837
-
838
- html.cli-mission-report body.station-results-active .studio-action-button--primary {
839
- width: 100%;
840
- background: #111111;
841
- background-image: none;
842
- color: #fffdf7;
843
- border-color: #111111;
844
- box-shadow: none !important;
845
- }
846
-
847
- html.cli-mission-report body.station-results-active .studio-action-button--primary:hover,
848
- html.cli-mission-report body.station-results-active .studio-action-button--primary:focus-visible {
849
- background: #222222;
850
- background-image: none;
851
- border-color: #222222;
852
- box-shadow: none !important;
853
- outline: none;
854
- }
855
-
856
- html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row {
857
- display: grid;
858
- gap: 10px;
859
- margin-top: 10px;
860
- padding: 12px;
861
- border: 1px solid rgba(17, 17, 17, 0.22);
862
- border-radius: 0;
863
- background:
864
- linear-gradient(90deg, rgba(212, 175, 55, 0.09), transparent 54%),
865
- #fffdf7;
866
- }
867
-
868
- html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row .studio-action-button {
869
- width: 100%;
870
- border-color: #111111;
871
- border-radius: 0;
872
- background: #111111;
873
- color: #fffdf7;
874
- }
875
-
876
- html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note {
877
- margin: 0;
878
- color: rgba(17, 17, 17, 0.7);
879
- font-size: 11px;
880
- line-height: 1.45;
881
- }
882
-
883
- html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note strong {
884
- display: block;
885
- margin-bottom: 3px;
886
- color: #111111;
887
- font-size: 12px;
888
- }
889
-
890
- html.cli-mission-report body.station-results-active .studio-verification__item--manual {
891
- display: block;
892
- }
893
-
894
- html.cli-mission-report body.station-results-active .studio-verification__item-label {
895
- min-width: 0;
896
- overflow-wrap: anywhere;
897
- }
898
-
899
- html.cli-mission-report body.station-results-active .studio-verification__group-note {
900
- margin: 0 0 6px;
901
- color: rgba(17, 17, 17, 0.58);
902
- font-size: 11px;
903
- font-weight: 800;
904
- line-height: 1.35;
905
- overflow-wrap: anywhere;
906
- }
907
-
908
- html.cli-mission-report body.station-results-active .studio-verification__group--mismatch {
909
- border-color: #b91c1c;
910
- background: #fff1f2;
911
- }
912
-
913
- html.cli-mission-report body.station-results-active .studio-verification__group--mismatch .studio-verification__group-title strong {
914
- color: #991b1b;
915
- }
916
-
917
- html.cli-mission-report body.station-results-active .studio-verification__item--diff {
918
- display: grid;
919
- gap: 3px;
920
- }
921
-
922
- html.cli-mission-report body.station-results-active .studio-verification__diff-line {
923
- min-width: 0;
924
- display: block;
925
- color: rgba(17, 17, 17, 0.62);
926
- font-size: 10.5px;
927
- font-weight: 750;
928
- line-height: 1.3;
929
- overflow-wrap: anywhere;
930
- }
931
-
932
- html.cli-mission-report body.station-results-active .studio-provider-readiness {
933
- display: grid;
934
- gap: 10px;
935
- }
936
-
937
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meters {
938
- display: grid;
939
- gap: 8px;
940
- padding: 10px;
941
- border: 1px solid rgba(17, 17, 17, 0.16);
942
- background: #ffffff;
943
- }
944
-
945
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row {
946
- display: grid;
947
- grid-template-columns: minmax(82px, auto) minmax(64px, 1fr) minmax(52px, auto);
948
- align-items: center;
949
- gap: 10px;
950
- color: #111111;
951
- font-size: 11px;
952
- font-weight: 850;
953
- }
954
-
955
- html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row strong {
956
- min-width: 0;
957
- max-width: 74px;
958
- overflow: hidden;
959
- text-overflow: ellipsis;
960
- white-space: nowrap;
961
- justify-self: end;
962
- font-family: var(--font-mono);
963
- font-size: 10px;
964
- }
965
-
966
- html.cli-mission-report body.station-results-active .studio-provider-readiness__bar {
967
- display: block;
968
- height: 8px;
969
- overflow: hidden;
970
- border-radius: 999px;
971
- background: rgba(17, 17, 17, 0.08);
972
- }
973
-
974
- html.cli-mission-report body.station-results-active .studio-provider-readiness__bar-fill {
975
- display: block;
976
- height: 100%;
977
- border-radius: inherit;
978
- background: #10b981;
979
- }
980
-
981
- html.cli-mission-report body.station-results-active .studio-provider-readiness__note {
982
- margin: 0;
983
- padding: 9px 10px;
984
- border: 1px solid rgba(17, 17, 17, 0.18);
985
- background: #ffffff;
986
- color: #111111;
987
- font-size: 11px;
988
- font-weight: 800;
989
- line-height: 1.35;
990
- }
991
-
992
- .studio-sidebar-contract__generic-evidence {
993
- display: grid;
994
- gap: 8px;
995
- min-width: 0;
996
- padding: 10px;
997
- border: 1px solid rgba(17, 24, 39, 0.12);
998
- border-radius: 8px;
999
- background: rgba(255, 255, 255, 0.76);
1000
- }
1001
-
1002
- .studio-sidebar-contract__generic-evidence h4,
1003
- .studio-sidebar-contract__generic-evidence p {
1004
- margin: 0;
1005
- }
1006
-
1007
- .studio-sidebar-contract__generic-evidence p {
1008
- color: rgba(17, 24, 39, 0.68);
1009
- }
1010
-
1011
- .studio-sidebar-contract__generic-evidence ul {
1012
- display: grid;
1013
- gap: 6px;
1014
- margin: 0;
1015
- padding-left: 18px;
1016
- }
1017
-
1018
- /* Light report: sidebar tiles stay flat white; map nodes use provider-tinted wells */
1019
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
1020
- background: #ffffff !important;
1021
- box-shadow: none !important;
1022
- }
1023
-
1024
- html.cli-mission-report body.station-results-active .provider-logo--clerk,
1025
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--clerk,
1026
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--clerk,
1027
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--clerk {
1028
- --provider-color: #6c47ff;
1029
- color: #6c47ff;
1030
- }
1031
-
1032
- html.cli-mission-report body.station-results-active .provider-logo--authjs,
1033
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs,
1034
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--authjs,
1035
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs {
1036
- --provider-color: #412991;
1037
- color: #412991;
1038
- }
1039
-
1040
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(1) {
1041
- fill: #412991 !important;
1042
- }
1043
-
1044
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(2) {
1045
- fill: #eb5424 !important;
1046
- }
1047
-
1048
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(3) {
1049
- fill: #fbc22c !important;
1050
- }
1051
-
1052
- html.cli-mission-report body.station-results-active .provider-logo--aws svg path,
1053
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--aws svg path,
1054
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--aws svg path {
1055
- fill: #ff9900 !important;
1056
- }
1057
-
1058
- html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(1) {
1059
- fill: #fcc72b !important;
1060
- }
1061
-
1062
- html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(2) {
1063
- fill: #729b1b !important;
1064
- }
1065
-
1066
- html.cli-mission-report body.station-results-active .provider-logo--better-auth svg rect {
1067
- fill: #171717 !important;
1068
- }
1069
-
1070
- html.cli-mission-report body.station-results-active .provider-logo--better-auth svg path {
1071
- fill: #ffffff !important;
1072
- }
1073
-
1074
- html.cli-mission-report body.station-results-active .provider-logo--logrocket svg rect {
1075
- fill: #764abc !important;
1076
- }
1077
-
1078
- html.cli-mission-report body.station-results-active .provider-logo--logrocket svg path {
1079
- fill: #ffffff !important;
1080
- }
1081
-
1082
- html.cli-mission-report body.station-results-active .provider-logo--auth0 svg rect {
1083
- fill: #eb5424 !important;
1084
- }
1085
-
1086
- html.cli-mission-report body.station-results-active .provider-logo--auth0 svg path {
1087
- fill: #ffffff !important;
1088
- }
1089
-
1090
- html.cli-mission-report body.station-results-active .provider-logo--stripe svg path {
1091
- fill: #635bff !important;
1092
- }
1093
-
1094
- /* Auth.js tricolor shield — avoid 100% stretch from generic brand rule */
1095
- html.cli-mission-report body.station-results-active .provider-logo--authjs svg,
1096
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs svg,
1097
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs svg {
1098
- width: 76% !important;
1099
- height: 76% !important;
1100
- max-width: 28px;
1101
- max-height: 28px;
1102
- display: block;
1103
- margin: auto;
1104
- }
1105
-
1106
- html.cli-mission-report body.station-results-active .provider-logo--authjs .provider-logo__img,
1107
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs .provider-logo__img,
1108
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs .provider-logo__img {
1109
- width: 84%;
1110
- height: 84%;
1111
- object-fit: contain;
1112
- border-radius: 0;
1113
- }
1114
-
1115
- /* Fragile brand assets are transparent marks; keep them centered, not tile-stretched. */
1116
- html.cli-mission-report body.station-results-active .provider-logo--logrocket .provider-logo__img,
1117
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--logrocket .provider-logo__img,
1118
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--logrocket .provider-logo__img {
1119
- width: 82%;
1120
- height: 82%;
1121
- object-fit: contain;
1122
- border-radius: 0;
1123
- }
1124
-
1125
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle,
1126
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1127
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--paddle,
1128
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1129
- overflow: visible;
1130
- }
1131
-
1132
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg,
1133
- html.cli-mission-report body.station-results-active .provider-logo--polar svg,
1134
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle svg,
1135
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar svg {
1136
- width: 100%;
1137
- height: 100%;
1138
- display: block;
1139
- overflow: visible;
1140
- }
1141
-
1142
- html.cli-mission-report body.station-results-active .provider-logo--polar svg path {
1143
- fill: #0062ff !important;
1144
- }
1145
-
1146
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg rect {
1147
- fill: #101318 !important;
1148
- }
1149
-
1150
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg path,
1151
- html.cli-mission-report body.station-results-active .provider-logo--paddle svg circle {
1152
- fill: #ffd21e !important;
1153
- }
1154
-
1155
- html.cli-mission-report body.station-results-active .provider-logo--auth0,
1156
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--auth0,
1157
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--auth0,
1158
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--auth0 {
1159
- --provider-color: #eb5424;
1160
- color: #eb5424;
1161
- }
1162
-
1163
- html.cli-mission-report body.station-results-active .provider-logo--better-auth,
1164
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--better-auth,
1165
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--better-auth,
1166
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--better-auth {
1167
- --provider-color: #171717;
1168
- color: #171717;
1169
- }
1170
-
1171
- html.cli-mission-report body.station-results-active .provider-logo--playwright,
1172
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--playwright,
1173
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--playwright,
1174
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--playwright {
1175
- --provider-color: #2ead33;
1176
- color: #2ead33;
1177
- }
1178
-
1179
- html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1180
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1181
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1182
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1183
- --provider-color: #fc6d26;
1184
- color: #fc6d26;
1185
- }
1186
-
1187
- html.cli-mission-report body.station-results-active .provider-logo--planetscale,
1188
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--planetscale,
1189
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--planetscale,
1190
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--planetscale,
1191
- html.cli-mission-report body.station-results-active .provider-logo--vercel,
1192
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--vercel,
1193
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--vercel,
1194
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--vercel {
1195
- --provider-color: #111111;
1196
- color: #111111;
1197
- }
1198
-
1199
- html.cli-mission-report body.station-results-active .provider-logo--polar,
1200
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1201
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--polar,
1202
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1203
- --provider-color: #0062ff;
1204
- color: #0062ff;
1205
- }
1206
-
1207
- html.cli-mission-report body.station-results-active .provider-logo--lemon-squeezy,
1208
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--lemon-squeezy,
1209
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--lemon-squeezy,
1210
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--lemon-squeezy {
1211
- --provider-color: #ffc233;
1212
- color: #ffc233;
1213
- }
1214
-
1215
- html.cli-mission-report body.station-results-active .provider-logo--github,
1216
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--github,
1217
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--github,
1218
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--github {
1219
- --provider-color: #111111;
1220
- color: #111111;
1221
- }
1222
-
1223
- html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1224
- html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1225
- html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1226
- html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1227
- --provider-color: #fc6d26;
1228
- color: #fc6d26;
1229
- }
1230
-
1231
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar {
1232
- border: 1px solid rgba(17, 17, 17, 0.12);
1233
- border-radius: 999px;
1234
- background: rgba(255, 253, 247, 0.95);
1235
- box-shadow: 0 8px 24px rgba(17, 17, 17, 0.06);
1236
- }
1237
-
1238
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__email,
1239
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__meta {
1240
- color: #111111;
1241
- text-shadow: none;
1242
- }
1243
-
1244
- html.cli-mission-report body.station-results-active .station-account-strip .account-bar__plan {
1245
- display: inline-flex;
1246
- width: auto;
1247
- min-width: 0;
1248
- padding: 4px 12px;
1249
- border-radius: 999px;
1250
- background: rgba(212, 175, 55, 0.18);
1251
- color: #111111;
1252
- box-shadow: none;
1253
- }
1254
-
1255
- @media (max-width: 1100px) {
1256
- html.cli-mission-report body.station-results-active .studio-workspace {
1257
- grid-template-columns: 1fr;
1258
- }
1259
-
1260
- html.cli-mission-report body.station-results-active .studio-system-map {
1261
- min-height: min(560px, 58vh);
1262
- height: min(560px, 58vh);
1263
- }
1264
-
1265
- html.cli-mission-report body.station-results-active .studio-setup-panel {
1266
- max-height: min(480px, 50vh);
1267
- }
1268
- }
1269
-
1270
-
1271
- .provider-truth {
1272
- display: grid;
1273
- gap: 9px;
1274
- min-width: 0;
1275
- padding: 11px;
1276
- border: 1px solid rgba(17, 24, 39, 0.12);
1277
- border-radius: 12px;
1278
- background: #ffffff;
1279
- color: #111827;
1280
- box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
1281
- }
1282
-
1283
- .provider-truth__head {
1284
- display: grid;
1285
- grid-template-columns: minmax(0, 1fr) auto;
1286
- gap: 8px;
1287
- align-items: center;
1288
- min-width: 0;
1289
- }
1290
-
1291
- .provider-truth__head h3,
1292
- .provider-truth__head strong {
1293
- min-width: 0;
1294
- margin: 0;
1295
- color: #111827;
1296
- font-size: 12px;
1297
- font-weight: 950;
1298
- line-height: 1.2;
1299
- }
1300
-
1301
- .provider-truth__head span {
1302
- display: inline-grid;
1303
- place-items: center;
1304
- max-width: 96px;
1305
- padding: 3px 7px;
1306
- border-radius: 999px;
1307
- background: rgba(17, 24, 39, 0.05);
1308
- color: rgba(17, 24, 39, 0.62);
1309
- font-size: 9px;
1310
- font-weight: 950;
1311
- line-height: 1;
1312
- text-transform: uppercase;
1313
- overflow-wrap: anywhere;
1314
- }
1315
-
1316
- .provider-truth__rows {
1317
- display: grid;
1318
- gap: 7px;
1319
- min-width: 0;
1320
- margin: 0;
1321
- padding: 0;
1322
- list-style: none;
1323
- }
1324
-
1325
- .provider-truth-row {
1326
- display: grid;
1327
- grid-template-columns: minmax(0, 1fr) auto;
1328
- gap: 5px 8px;
1329
- align-items: center;
1330
- min-width: 0;
1331
- padding: 8px 9px;
1332
- border: 1px solid rgba(17, 24, 39, 0.08);
1333
- border-radius: 9px;
1334
- background: rgba(249, 250, 251, 0.92);
1335
- }
1336
-
1337
- .provider-truth-row__main {
1338
- display: grid;
1339
- gap: 2px;
1340
- min-width: 0;
1341
- }
1342
-
1343
- .provider-truth-row__main strong {
1344
- min-width: 0;
1345
- color: #111827;
1346
- font-size: 12px;
1347
- font-weight: 930;
1348
- line-height: 1.22;
1349
- overflow-wrap: anywhere;
1350
- }
1351
-
1352
- .provider-truth-row__main span,
1353
- .provider-truth-row__action,
1354
- .provider-truth-alert span,
1355
- .provider-truth-next-action span {
1356
- min-width: 0;
1357
- color: rgba(17, 24, 39, 0.66);
1358
- font-size: 10px;
1359
- font-weight: 760;
1360
- line-height: 1.25;
1361
- overflow-wrap: anywhere;
1362
- }
1363
-
1364
- .provider-truth-row__badges {
1365
- display: flex;
1366
- flex-wrap: wrap;
1367
- justify-content: flex-end;
1368
- gap: 4px;
1369
- min-width: 0;
1370
- }
1371
-
1372
- .provider-truth-badge {
1373
- display: inline-grid;
1374
- place-items: center;
1375
- max-width: 94px;
1376
- padding: 3px 6px;
1377
- border: 1px solid rgba(17, 24, 39, 0.1);
1378
- border-radius: 999px;
1379
- background: rgba(17, 24, 39, 0.04);
1380
- color: rgba(17, 24, 39, 0.68);
1381
- font-size: 8px;
1382
- font-weight: 950;
1383
- line-height: 1;
1384
- text-align: center;
1385
- text-transform: uppercase;
1386
- overflow-wrap: anywhere;
1387
- }
1388
-
1389
- .provider-truth-badge--live {
1390
- border-color: rgba(16, 185, 129, 0.2);
1391
- background: rgba(16, 185, 129, 0.12);
1392
- color: #047857;
1393
- }
1394
-
1395
- .provider-truth-badge--mcp {
1396
- border-color: rgba(37, 99, 235, 0.2);
1397
- background: rgba(37, 99, 235, 0.1);
1398
- color: #1d4ed8;
1399
- }
1400
-
1401
- .provider-truth-badge--manual {
1402
- border-color: rgba(146, 64, 14, 0.22);
1403
- background: rgba(245, 158, 11, 0.12);
1404
- color: #92400e;
1405
- }
1406
-
1407
- .provider-truth-badge--warn {
1408
- border-color: rgba(185, 28, 28, 0.2);
1409
- background: rgba(255, 241, 242, 0.92);
1410
- color: #b91c1c;
1411
- }
1412
-
1413
- .provider-truth-badge--repo,
1414
- .provider-truth-badge--using {
1415
- border-color: rgba(17, 24, 39, 0.18);
1416
- background: rgba(17, 24, 39, 0.07);
1417
- color: #111827;
1418
- }
1419
-
1420
- .provider-truth-row__action {
1421
- grid-column: 1 / -1;
1422
- color: #111827;
1423
- font-weight: 850;
1424
- }
1425
-
1426
- .provider-truth-alert,
1427
- .provider-truth-next-action {
1428
- display: grid;
1429
- gap: 4px;
1430
- min-width: 0;
1431
- padding: 8px 9px;
1432
- border-radius: 9px;
1433
- overflow-wrap: anywhere;
1434
- }
1435
-
1436
- .provider-truth-alert {
1437
- border: 1px solid rgba(217, 119, 6, 0.22);
1438
- border-left: 3px solid #f59e0b;
1439
- background: rgba(255, 251, 235, 0.9);
1440
- }
1441
-
1442
- .provider-truth-next-action {
1443
- border: 1px solid rgba(37, 99, 235, 0.14);
1444
- border-left: 3px solid #2563eb;
1445
- background: rgba(239, 246, 255, 0.88);
1446
- }
1447
-
1448
- .provider-truth-alert strong,
1449
- .provider-truth-next-action strong {
1450
- min-width: 0;
1451
- color: #111827;
1452
- font-size: 11px;
1453
- font-weight: 930;
1454
- line-height: 1.22;
1455
- overflow-wrap: anywhere;
1456
- }
1457
-
1458
- @media (max-width: 420px) {
1459
- .provider-truth-row {
1460
- grid-template-columns: minmax(0, 1fr);
1461
- }
1462
-
1463
- .provider-truth-row__badges {
1464
- justify-content: flex-start;
1465
- }
1466
- }
1
+ /* CLI Mission Map — light extension-style map + compact sidebar (not editorial blueprint). */
2
+ html.cli-mission-report {
3
+ color-scheme: light;
4
+ }
5
+
6
+ html.cli-mission-report body.station-results-active {
7
+ min-height: 100dvh;
8
+ margin: 0;
9
+ background: #ffffff;
10
+ color: #111111;
11
+ }
12
+
13
+ html.cli-mission-report body.station-results-active .station-app {
14
+ box-sizing: border-box;
15
+ width: 100%;
16
+ max-width: min(1480px, 100%);
17
+ min-height: 100dvh;
18
+ margin: 0 auto;
19
+ padding: 12px clamp(16px, 2.5vw, 32px) 20px;
20
+ display: flex;
21
+ flex-direction: column;
22
+ }
23
+
24
+ html.cli-mission-report body.station-results-active .mc-state--results,
25
+ html.cli-mission-report body.station-results-active .studio-shell {
26
+ flex: 1;
27
+ width: 100%;
28
+ min-height: 0;
29
+ display: flex;
30
+ flex-direction: column;
31
+ }
32
+
33
+ html.cli-mission-report body.station-results-active .studio-top-rail {
34
+ display: flex;
35
+ align-items: center;
36
+ gap: 10px;
37
+ min-height: 44px;
38
+ margin: 0 -4px 8px;
39
+ padding: 10px 14px;
40
+ border: 0;
41
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1);
42
+ border-radius: 0.35rem 0.35rem 0 0;
43
+ background: #111111;
44
+ color: #fffdf7;
45
+ }
46
+
47
+ html.cli-mission-report body.station-results-active .studio-top-rail__logo {
48
+ display: block;
49
+ width: 32px;
50
+ height: 32px;
51
+ object-fit: contain;
52
+ }
53
+
54
+ html.cli-mission-report body.station-results-active .studio-top-rail__brand,
55
+ html.cli-mission-report body.station-results-active .studio-top-rail__brand span {
56
+ color: #fffdf7;
57
+ font-size: 12px;
58
+ font-weight: 900;
59
+ letter-spacing: 0.22em;
60
+ text-shadow: none;
61
+ }
62
+
63
+ html.cli-mission-report body.station-results-active .studio-top-rail__brand::before {
64
+ content: none;
65
+ }
66
+
67
+ html.cli-mission-report body.station-results-active .studio-top-rail__build {
68
+ margin-left: auto;
69
+ color: rgba(255, 253, 247, 0.62);
70
+ font-family: var(--font-mono);
71
+ font-size: 10px;
72
+ font-weight: 700;
73
+ letter-spacing: 0.04em;
74
+ text-transform: uppercase;
75
+ }
76
+
77
+ html.cli-mission-report body.station-results-active .studio-workspace {
78
+ flex: 1;
79
+ min-height: 0;
80
+ width: 100%;
81
+ grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
82
+ gap: clamp(12px, 1.5vw, 20px);
83
+ align-items: stretch;
84
+ }
85
+
86
+ html.cli-mission-report body.station-results-active .studio-map-canvas {
87
+ min-width: 0;
88
+ min-height: 0;
89
+ height: 100%;
90
+ padding: 0;
91
+ display: flex;
92
+ background: transparent;
93
+ }
94
+
95
+ html.cli-mission-report body.station-results-active .studio-system-map {
96
+ flex: 1;
97
+ width: 100%;
98
+ min-height: 0;
99
+ height: 100%;
100
+ max-height: none;
101
+ border: 1px solid rgba(17, 17, 17, 0.1);
102
+ border-radius: 20px;
103
+ background:
104
+ linear-gradient(90deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
105
+ linear-gradient(180deg, rgba(17, 17, 17, 0.04) 1px, transparent 1px),
106
+ #ffffff;
107
+ background-size: 28px 28px, 28px 28px, auto;
108
+ box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
109
+ }
110
+
111
+ html.cli-mission-report body.station-results-active .studio-node-layer {
112
+ width: 100%;
113
+ max-width: min(960px, 100%);
114
+ height: 100%;
115
+ min-height: 0;
116
+ max-height: none;
117
+ margin: 0 auto;
118
+ }
119
+
120
+ html.cli-mission-report body.station-results-active .studio-connector-layer {
121
+ opacity: 0.12;
122
+ filter: none;
123
+ }
124
+
125
+ html.cli-mission-report body.station-results-active .studio-core-group .studio-core-node {
126
+ width: 168px;
127
+ height: 168px;
128
+ display: grid;
129
+ grid-template-columns: 1fr;
130
+ grid-template-rows: auto auto auto;
131
+ place-items: center;
132
+ align-content: center;
133
+ justify-items: center;
134
+ gap: 10px;
135
+ padding: 20px 16px 18px;
136
+ border: 1px solid rgba(212, 175, 55, 0.38);
137
+ border-radius: 999px;
138
+ background: #ffffff;
139
+ color: #111111;
140
+ box-shadow: 0 12px 28px rgba(17, 17, 17, 0.07);
141
+ }
142
+
143
+ html.cli-mission-report body.station-results-active .studio-core-node__mark {
144
+ display: block;
145
+ width: 92px;
146
+ height: 92px;
147
+ margin: 0;
148
+ object-fit: contain;
149
+ }
150
+
151
+ html.cli-mission-report body.station-results-active .studio-core-node strong {
152
+ margin: 0;
153
+ color: #111111;
154
+ font-size: 38px;
155
+ font-weight: 900;
156
+ line-height: 0.95;
157
+ letter-spacing: -0.03em;
158
+ text-shadow: none;
159
+ }
160
+
161
+ html.cli-mission-report body.station-results-active .studio-core-node small {
162
+ margin: 0;
163
+ color: rgba(17, 17, 17, 0.52);
164
+ font-size: 9px;
165
+ font-weight: 800;
166
+ letter-spacing: 0.16em;
167
+ line-height: 1.2;
168
+ text-transform: uppercase;
169
+ text-shadow: none;
170
+ }
171
+
172
+
173
+ /* Map nodes — horizontal pills (reference: icon well + stacked copy + meta chip) */
174
+ html.cli-mission-report body.station-results-active .studio-node {
175
+ width: clamp(148px, 12vw, 188px) !important;
176
+ height: auto !important;
177
+ min-height: 56px !important;
178
+ max-height: none !important;
179
+ aspect-ratio: auto !important;
180
+ display: grid !important;
181
+ grid-template-columns: 38px minmax(0, 1fr) !important;
182
+ grid-template-rows: auto auto auto !important;
183
+ place-items: start stretch !important;
184
+ align-content: center !important;
185
+ align-items: center !important;
186
+ gap: 2px 10px;
187
+ padding: 8px 14px 8px 10px;
188
+ border-radius: 999px;
189
+ border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 38%, rgba(17, 17, 17, 0.12));
190
+ background: color-mix(in srgb, var(--provider-color, #ffffff) 9%, #fffdf8);
191
+ color: #111111;
192
+ text-align: left;
193
+ overflow: visible;
194
+ box-shadow: 0 8px 22px color-mix(in srgb, var(--provider-color, #111111) 10%, rgba(17, 17, 17, 0.06));
195
+ }
196
+
197
+ html.cli-mission-report body.station-results-active .studio-node:hover {
198
+ border-color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.35)) 52%, rgba(17, 17, 17, 0.22));
199
+ box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 14%, rgba(17, 17, 17, 0.1));
200
+ }
201
+
202
+ html.cli-mission-report body.station-results-active .studio-node__logo {
203
+ grid-row: 1 / span 3;
204
+ grid-column: 1;
205
+ align-self: center;
206
+ justify-self: center;
207
+ width: 36px;
208
+ height: 36px;
209
+ margin: 0;
210
+ border-radius: 999px;
211
+ border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 34%, rgba(17, 17, 17, 0.1));
212
+ background: color-mix(in srgb, var(--provider-color, #ffffff) 20%, #ffffff) !important;
213
+ color: var(--provider-color, #111111);
214
+ box-shadow:
215
+ 0 0 0 1px color-mix(in srgb, var(--provider-color, #ffffff) 12%, transparent),
216
+ 0 6px 16px color-mix(in srgb, var(--provider-color, #111111) 16%, transparent) !important;
217
+ }
218
+
219
+ html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg {
220
+ width: 72%;
221
+ height: 72%;
222
+ }
223
+
224
+ html.cli-mission-report body.station-results-active .provider-logo svg,
225
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon svg,
226
+ html.cli-mission-report body.station-results-active .studio-node__logo svg {
227
+ fill: unset;
228
+ }
229
+
230
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo svg {
231
+ width: 88%;
232
+ height: 88%;
233
+ max-width: 100%;
234
+ max-height: 100%;
235
+ margin: auto;
236
+ }
237
+
238
+ html.cli-mission-report body.station-results-active .provider-logo:not(.provider-logo--brand) svg,
239
+ html.cli-mission-report body.station-results-active .studio-node__logo:not(.provider-logo--brand) svg path:not([fill]),
240
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
241
+ fill: currentColor;
242
+ }
243
+
244
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg {
245
+ width: 76%;
246
+ height: 76%;
247
+ }
248
+
249
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg,
250
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon:not(.provider-logo--brand) svg path:not([fill]) {
251
+ fill: currentColor;
252
+ }
253
+
254
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--brand {
255
+ border: none;
256
+ background: transparent !important;
257
+ box-shadow: none !important;
258
+ color: inherit;
259
+ }
260
+
261
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--brand {
262
+ border: 1px solid color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.2)) 28%, rgba(17, 17, 17, 0.08));
263
+ background: color-mix(in srgb, var(--provider-color, #ffffff) 12%, #ffffff) !important;
264
+ box-shadow: 0 6px 14px color-mix(in srgb, var(--provider-color, #111111) 12%, transparent) !important;
265
+ color: inherit;
266
+ }
267
+
268
+ html.cli-mission-report body.station-results-active .provider-logo--brand:not(.provider-logo--authjs) svg {
269
+ width: 100%;
270
+ height: 100%;
271
+ display: block;
272
+ }
273
+
274
+ html.cli-mission-report body.station-results-active .provider-logo__img {
275
+ display: block;
276
+ box-sizing: border-box;
277
+ width: 100%;
278
+ height: 100%;
279
+ max-width: none;
280
+ max-height: none;
281
+ margin: 0;
282
+ padding: 0;
283
+ border: 0;
284
+ object-fit: contain;
285
+ object-position: center;
286
+ pointer-events: none;
287
+ }
288
+
289
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo .provider-logo__img {
290
+ width: 100%;
291
+ height: 100%;
292
+ }
293
+
294
+ html.cli-mission-report body.station-results-active .studio-node__logo .provider-logo__img {
295
+ width: 88%;
296
+ height: 88%;
297
+ margin: auto;
298
+ }
299
+
300
+ html.cli-mission-report body.station-results-active .studio-node__title {
301
+ grid-row: 1;
302
+ grid-column: 2;
303
+ box-sizing: border-box;
304
+ min-width: 0;
305
+ width: 100%;
306
+ max-width: none;
307
+ max-height: none;
308
+ color: #111111;
309
+ font-size: 9.5px;
310
+ font-weight: 1000;
311
+ letter-spacing: 0.04em;
312
+ line-height: 1.1;
313
+ text-transform: uppercase;
314
+ white-space: nowrap;
315
+ overflow: hidden;
316
+ text-overflow: ellipsis;
317
+ }
318
+
319
+ html.cli-mission-report body.station-results-active .studio-node__provider {
320
+ grid-row: 2;
321
+ grid-column: 2;
322
+ box-sizing: border-box;
323
+ min-width: 0;
324
+ width: 100%;
325
+ max-width: none;
326
+ height: auto;
327
+ color: var(--provider-color, rgba(17, 17, 17, 0.72));
328
+ font-size: 10px;
329
+ font-weight: 850;
330
+ line-height: 1.1;
331
+ white-space: nowrap;
332
+ overflow: hidden;
333
+ text-overflow: ellipsis;
334
+ }
335
+
336
+ html.cli-mission-report body.station-results-active .studio-node__meta {
337
+ grid-row: 3;
338
+ grid-column: 2;
339
+ justify-self: start;
340
+ box-sizing: border-box;
341
+ min-width: 0;
342
+ width: 100%;
343
+ max-width: 100%;
344
+ height: auto;
345
+ margin-top: 1px;
346
+ padding: 2px 8px;
347
+ border-radius: 999px;
348
+ background: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.12)) 16%, #ffffff);
349
+ color: color-mix(in srgb, var(--provider-color, rgba(17, 17, 17, 0.55)) 78%, #111111);
350
+ font-size: 8.5px;
351
+ font-weight: 900;
352
+ font-family: var(--font-mono);
353
+ line-height: 1.2;
354
+ white-space: nowrap;
355
+ overflow: hidden;
356
+ text-overflow: ellipsis;
357
+ }
358
+
359
+ html.cli-mission-report body.station-results-active .studio-node--critical .studio-node__meta {
360
+ background: color-mix(in srgb, #d94a38 14%, #ffffff);
361
+ color: #b42318;
362
+ }
363
+
364
+ html.cli-mission-report body.station-results-active .studio-node--warning .studio-node__meta {
365
+ background: color-mix(in srgb, #d4af37 18%, #ffffff);
366
+ color: #8a6b12;
367
+ }
368
+
369
+ html.cli-mission-report body.station-results-active .studio-node--selected {
370
+ border: 2px solid color-mix(in srgb, var(--provider-color, #111111) 55%, #111111);
371
+ box-shadow: 0 12px 28px color-mix(in srgb, var(--provider-color, #111111) 16%, rgba(17, 17, 17, 0.12));
372
+ }
373
+
374
+ html.cli-mission-report body.station-results-active .studio-node--critical {
375
+ border-color: color-mix(in srgb, #d94a38 48%, var(--provider-color, rgba(17, 17, 17, 0.2)));
376
+ }
377
+
378
+ html.cli-mission-report body.station-results-active .studio-node--warning {
379
+ border-color: color-mix(in srgb, #d4af37 55%, var(--provider-color, rgba(17, 17, 17, 0.2)));
380
+ }
381
+
382
+ html.cli-mission-report body.station-results-active .studio-node__raven-badge {
383
+ position: absolute;
384
+ top: -18px;
385
+ right: -8px;
386
+ left: auto;
387
+ bottom: auto;
388
+ z-index: 3;
389
+ min-width: 44px;
390
+ height: 22px;
391
+ padding: 0 7px;
392
+ border: 2px solid #111111;
393
+ border-radius: 999px;
394
+ background: #b91c1c;
395
+ color: #fffdf7;
396
+ font-family: var(--font-mono);
397
+ font-size: 9px;
398
+ font-weight: 950;
399
+ letter-spacing: 0.03em;
400
+ line-height: 1;
401
+ text-transform: uppercase;
402
+ box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.2);
403
+ pointer-events: none;
404
+ }
405
+
406
+ html.cli-mission-report body.station-results-active .studio-node__raven-badge::before {
407
+ content: "!";
408
+ display: inline-grid;
409
+ place-items: center;
410
+ width: 13px;
411
+ height: 13px;
412
+ margin-right: 4px;
413
+ border-radius: 999px;
414
+ background: #fffdf7;
415
+ color: #b91c1c;
416
+ font-family: var(--font-ui);
417
+ font-size: 9px;
418
+ font-weight: 1000;
419
+ line-height: 1;
420
+ }
421
+
422
+ /* Sidebar — compact, light */
423
+ html.cli-mission-report body.station-results-active .studio-setup-panel {
424
+ min-height: 0;
425
+ height: 100%;
426
+ max-height: none;
427
+ overflow-y: auto;
428
+ border: 1px solid rgba(17, 17, 17, 0.1);
429
+ border-radius: 16px;
430
+ background: #ffffff;
431
+ box-shadow: 0 12px 32px rgba(17, 17, 17, 0.05);
432
+ }
433
+
434
+ html.cli-mission-report body.station-results-active .studio-setup-panel__inner {
435
+ gap: 10px;
436
+ padding: 14px;
437
+ }
438
+
439
+ html.cli-mission-report body.station-results-active .studio-setup-panel__head {
440
+ padding-bottom: 10px;
441
+ border-bottom: 1px solid rgba(17, 17, 17, 0.1);
442
+ }
443
+
444
+ html.cli-mission-report body.station-results-active .studio-setup-panel__title {
445
+ color: #111111;
446
+ font-size: 16px;
447
+ text-shadow: none;
448
+ }
449
+
450
+ html.cli-mission-report body.station-results-active .studio-setup-panel__hint {
451
+ color: #111111;
452
+ font-size: 12px;
453
+ }
454
+
455
+ html.cli-mission-report body.station-results-active .studio-choice-list {
456
+ gap: 10px;
457
+ }
458
+
459
+ html.cli-mission-report body.station-results-active .studio-choice-tile {
460
+ grid-template-columns: 44px minmax(0, 1fr);
461
+ gap: 3px 12px;
462
+ padding: 12px 14px;
463
+ border: 1px solid rgba(17, 17, 17, 0.18);
464
+ border-radius: 14px;
465
+ background: #ffffff;
466
+ color: #111111;
467
+ box-shadow: none;
468
+ }
469
+
470
+ html.cli-mission-report body.station-results-active .studio-choice-tile:hover,
471
+ html.cli-mission-report body.station-results-active .studio-choice-tile:focus-visible {
472
+ border-color: #111111;
473
+ box-shadow: 3px 3px 0 rgba(17, 17, 17, 0.1);
474
+ }
475
+
476
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected,
477
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project {
478
+ border: 2px solid #111111;
479
+ background: linear-gradient(90deg, rgba(212, 175, 55, 0.22), rgba(255, 253, 247, 0.4) 52%), #fffdf7;
480
+ box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.14);
481
+ }
482
+
483
+ html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) {
484
+ border-color: rgba(17, 17, 17, 0.16);
485
+ background: #ffffff;
486
+ }
487
+
488
+ html.cli-mission-report body.station-results-active .studio-choice-tile__name {
489
+ color: #111111;
490
+ font-size: 14px;
491
+ font-weight: 900;
492
+ }
493
+
494
+ html.cli-mission-report body.station-results-active .studio-choice-tile__desc {
495
+ color: rgba(17, 17, 17, 0.58);
496
+ font-size: 11px;
497
+ line-height: 1.35;
498
+ }
499
+
500
+ html.cli-mission-report body.station-results-active .studio-choice-tile__status {
501
+ display: block;
502
+ margin-top: 2px;
503
+ color: #111111;
504
+ font-family: var(--font-mono);
505
+ font-size: 10px;
506
+ font-weight: 900;
507
+ letter-spacing: 0.06em;
508
+ text-transform: uppercase;
509
+ }
510
+
511
+ html.cli-mission-report body.station-results-active .studio-choice-tile--in-project:not(.studio-choice-tile--selected) .studio-choice-tile__status {
512
+ color: rgba(17, 17, 17, 0.72);
513
+ }
514
+
515
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__status,
516
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
517
+ width: 100%;
518
+ max-width: 100%;
519
+ margin-top: 6px;
520
+ padding: 6px 10px;
521
+ border-radius: 999px;
522
+ background: #111111;
523
+ color: #fffdf7;
524
+ text-align: center;
525
+ }
526
+
527
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
528
+ grid-row: 1 / span 3;
529
+ align-self: start;
530
+ justify-self: center;
531
+ box-sizing: border-box;
532
+ width: 40px;
533
+ height: 40px;
534
+ min-width: 40px;
535
+ min-height: 40px;
536
+ max-width: 40px;
537
+ max-height: 40px;
538
+ padding: 0;
539
+ overflow: hidden;
540
+ border: 1px solid rgba(17, 17, 17, 0.16);
541
+ border-radius: 10px;
542
+ background: #ffffff;
543
+ color: var(--provider-color, #111111);
544
+ box-shadow: none;
545
+ }
546
+
547
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
548
+ display: grid;
549
+ place-items: center;
550
+ }
551
+
552
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected .studio-choice-tile__icon {
553
+ border-color: #111111;
554
+ box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.12);
555
+ }
556
+
557
+ /* Extension-style path picker: selected path and detected provider are distinct states. */
558
+ html.cli-mission-report body.station-results-active .studio-choice-tile {
559
+ border-radius: 0;
560
+ background: #fffdf7;
561
+ }
562
+
563
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon {
564
+ border-radius: 0;
565
+ }
566
+
567
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) {
568
+ border: 2px solid #111111;
569
+ background:
570
+ linear-gradient(90deg, rgba(212, 175, 55, 0.24), transparent 58%),
571
+ #fffdf7;
572
+ box-shadow:
573
+ 4px 4px 0 rgba(17, 17, 17, 0.2),
574
+ inset 0 0 0 3px rgba(212, 175, 55, 0.18);
575
+ }
576
+
577
+ html.cli-mission-report body.station-results-active .studio-choice-tile--in-project {
578
+ border: 2px solid #10b981 !important;
579
+ background:
580
+ linear-gradient(90deg, rgba(16, 185, 129, 0.18), rgba(236, 253, 245, 0.82) 58%),
581
+ #ecfdf5 !important;
582
+ box-shadow:
583
+ inset 0 0 0 3px rgba(16, 185, 129, 0.12),
584
+ 0 0 0 1px rgba(4, 120, 87, 0.12) !important;
585
+ }
586
+
587
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected:not(.studio-choice-tile--in-project) .studio-choice-tile__status {
588
+ width: max-content;
589
+ max-width: 100%;
590
+ margin-top: 4px;
591
+ padding: 3px 7px;
592
+ border-radius: 0;
593
+ background: #111111;
594
+ color: #fffdf7;
595
+ text-align: left;
596
+ }
597
+
598
+ html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__status,
599
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__status {
600
+ width: max-content;
601
+ max-width: 100%;
602
+ margin-top: 4px;
603
+ padding: 4px 8px;
604
+ border-radius: 0;
605
+ border: 1px solid rgba(4, 120, 87, 0.28);
606
+ background: #047857;
607
+ color: #ffffff;
608
+ text-align: left;
609
+ box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.16);
610
+ }
611
+
612
+ html.cli-mission-report body.station-results-active .studio-choice-tile--in-project .studio-choice-tile__icon,
613
+ html.cli-mission-report body.station-results-active .studio-choice-tile--selected.studio-choice-tile--in-project .studio-choice-tile__icon {
614
+ border-color: rgba(4, 120, 87, 0.38);
615
+ background: #ffffff !important;
616
+ box-shadow: 2px 2px 0 rgba(4, 120, 87, 0.12);
617
+ }
618
+
619
+ html.cli-mission-report body.station-results-active .studio-added-path {
620
+ display: grid;
621
+ gap: 10px;
622
+ padding: 12px;
623
+ border: 2px solid #0284c7;
624
+ border-radius: 0;
625
+ background: #fffdf7;
626
+ }
627
+
628
+ html.cli-mission-report body.station-results-active .studio-added-path__title {
629
+ color: #075985;
630
+ font-size: 11px;
631
+ font-weight: 950;
632
+ letter-spacing: 0.06em;
633
+ text-transform: uppercase;
634
+ }
635
+
636
+ html.cli-mission-report body.station-results-active .studio-added-path__pill {
637
+ justify-self: start;
638
+ display: inline-grid;
639
+ grid-template-columns: 30px auto;
640
+ align-items: center;
641
+ gap: 8px;
642
+ min-height: 36px;
643
+ padding: 4px 8px 4px 4px;
644
+ border: 1px solid rgba(17, 17, 17, 0.24);
645
+ background: #ffffff;
646
+ color: #111111;
647
+ font-size: 12px;
648
+ }
649
+
650
+ html.cli-mission-report body.station-results-active .studio-added-path__icon {
651
+ display: grid;
652
+ place-items: center;
653
+ width: 28px;
654
+ height: 28px;
655
+ border: 1px solid rgba(17, 17, 17, 0.22);
656
+ background: #fffdf7;
657
+ color: var(--provider-color, #111111);
658
+ }
659
+
660
+ html.cli-mission-report body.station-results-active .studio-added-path__icon svg,
661
+ html.cli-mission-report body.station-results-active .studio-added-path__icon .provider-logo__img {
662
+ width: 82%;
663
+ height: 82%;
664
+ object-fit: contain;
665
+ }
666
+
667
+ html.cli-mission-report body.station-results-active .studio-evidence-badge {
668
+ border: 1px solid #111111;
669
+ background: #111111;
670
+ color: #fffdf7;
671
+ font-size: 9px;
672
+ }
673
+
674
+ html.cli-mission-report body.station-results-active .studio-evidence-badge--repo {
675
+ background: #ecfdf5;
676
+ color: #047857;
677
+ border-color: #16a66a;
678
+ }
679
+
680
+ html.cli-mission-report body.station-results-active .studio-verification {
681
+ border: 1px solid rgba(17, 17, 17, 0.18);
682
+ border-radius: 0;
683
+ background: #fffdf7;
684
+ padding: 12px;
685
+ }
686
+
687
+ html.cli-mission-report body.station-results-active .studio-verification__title {
688
+ margin: 0 0 6px;
689
+ color: rgba(17, 17, 17, 0.55);
690
+ font-size: 10px;
691
+ letter-spacing: 0.1em;
692
+ text-transform: uppercase;
693
+ }
694
+
695
+ html.cli-mission-report body.station-results-active .studio-wiring__summary {
696
+ margin: 0 0 10px;
697
+ color: rgba(17, 17, 17, 0.68);
698
+ font-size: 12px;
699
+ line-height: 1.45;
700
+ }
701
+
702
+ html.cli-mission-report body.station-results-active .studio-verification__group {
703
+ min-width: 0;
704
+ margin-bottom: 8px;
705
+ padding: 10px;
706
+ border: 2px solid rgba(17, 17, 17, 0.12);
707
+ border-radius: 0;
708
+ background: #fffdf7;
709
+ }
710
+
711
+ html.cli-mission-report body.station-results-active .studio-verification__group-title strong {
712
+ min-width: 0;
713
+ overflow-wrap: anywhere;
714
+ color: #111111;
715
+ font-size: 11px;
716
+ }
717
+
718
+ html.cli-mission-report body.station-results-active .studio-verification__count {
719
+ display: inline-grid;
720
+ place-items: center;
721
+ min-width: 22px;
722
+ height: 22px;
723
+ padding: 0 6px;
724
+ border-radius: 0;
725
+ background: #111111 !important;
726
+ color: #fffdf7 !important;
727
+ -webkit-text-fill-color: #fffdf7;
728
+ font-family: var(--font-mono);
729
+ font-size: 11px;
730
+ font-weight: 900;
731
+ line-height: 1;
732
+ box-shadow: none;
733
+ }
734
+
735
+ html.cli-mission-report body.station-results-active .studio-verification__list {
736
+ margin: 6px 0 0;
737
+ padding: 0;
738
+ list-style: none;
739
+ }
740
+
741
+ html.cli-mission-report body.station-results-active .studio-verification__item {
742
+ min-width: 0;
743
+ margin: 0;
744
+ padding: 4px 0 4px 14px;
745
+ color: rgba(17, 17, 17, 0.72);
746
+ font-size: 11px;
747
+ line-height: 1.35;
748
+ overflow-wrap: anywhere;
749
+ }
750
+
751
+ html.cli-mission-report body.station-results-active .studio-verification__item::before {
752
+ left: 0;
753
+ }
754
+
755
+ html.cli-mission-report body.station-results-active .studio-verification__group--found {
756
+ border-color: #10b981;
757
+ background: rgba(236, 253, 245, 0.9);
758
+ }
759
+
760
+ html.cli-mission-report body.station-results-active .studio-verification__group--missing {
761
+ border-color: #f59e0b;
762
+ background: rgba(255, 247, 237, 0.95);
763
+ }
764
+
765
+ html.cli-mission-report body.station-results-active .studio-verification__group--external {
766
+ border-color: #0284c7;
767
+ background: rgba(239, 246, 255, 0.95);
768
+ }
769
+
770
+ html.cli-mission-report body.station-results-active .studio-verification__group--manual {
771
+ border-color: #94a3b8;
772
+ }
773
+
774
+ html.cli-mission-report body.station-results-active .studio-setup-actions {
775
+ border: 1px solid rgba(17, 17, 17, 0.2);
776
+ border-radius: 0;
777
+ background: #fffdf7;
778
+ padding: 12px;
779
+ }
780
+
781
+ html.cli-mission-report body.station-results-active .studio-setup-actions__head {
782
+ display: flex;
783
+ align-items: center;
784
+ justify-content: space-between;
785
+ gap: 8px;
786
+ margin-bottom: 6px;
787
+ }
788
+
789
+ html.cli-mission-report body.station-results-active .studio-setup-actions__head strong {
790
+ color: #111111;
791
+ font-size: 12px;
792
+ }
793
+
794
+ html.cli-mission-report body.station-results-active .studio-setup-actions__head span {
795
+ color: rgba(17, 17, 17, 0.5);
796
+ font-size: 10px;
797
+ font-weight: 800;
798
+ letter-spacing: 0.06em;
799
+ text-transform: uppercase;
800
+ }
801
+
802
+ html.cli-mission-report body.station-results-active .studio-setup-actions__copy {
803
+ margin: 0 0 10px;
804
+ color: rgba(17, 17, 17, 0.62);
805
+ font-size: 11px;
806
+ line-height: 1.4;
807
+ }
808
+
809
+ html.cli-mission-report body.station-results-active .studio-setup-actions__buttons {
810
+ display: grid;
811
+ grid-template-columns: 1fr;
812
+ gap: 8px;
813
+ }
814
+
815
+ html.cli-mission-report body.station-results-active .studio-action-button {
816
+ border: 1px solid rgba(17, 17, 17, 0.2);
817
+ border-radius: 0;
818
+ background: #fffdf7;
819
+ background-image: none;
820
+ color: #111111;
821
+ padding: 8px 12px;
822
+ font: inherit;
823
+ font-size: 12px;
824
+ font-weight: 800;
825
+ cursor: pointer;
826
+ box-shadow: none !important;
827
+ }
828
+
829
+ html.cli-mission-report body.station-results-active .studio-action-button:hover,
830
+ html.cli-mission-report body.station-results-active .studio-action-button:focus-visible {
831
+ border-color: rgba(17, 17, 17, 0.32);
832
+ background: #fffdf7;
833
+ background-image: none;
834
+ box-shadow: none !important;
835
+ outline: none;
836
+ }
837
+
838
+ html.cli-mission-report body.station-results-active .studio-action-button--primary {
839
+ width: 100%;
840
+ background: #111111;
841
+ background-image: none;
842
+ color: #fffdf7;
843
+ border-color: #111111;
844
+ box-shadow: none !important;
845
+ }
846
+
847
+ html.cli-mission-report body.station-results-active .studio-action-button--primary:hover,
848
+ html.cli-mission-report body.station-results-active .studio-action-button--primary:focus-visible {
849
+ background: #222222;
850
+ background-image: none;
851
+ border-color: #222222;
852
+ box-shadow: none !important;
853
+ outline: none;
854
+ }
855
+
856
+ html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row {
857
+ display: grid;
858
+ gap: 10px;
859
+ margin-top: 10px;
860
+ padding: 12px;
861
+ border: 1px solid rgba(17, 17, 17, 0.22);
862
+ border-radius: 0;
863
+ background:
864
+ linear-gradient(90deg, rgba(212, 175, 55, 0.09), transparent 54%),
865
+ #fffdf7;
866
+ }
867
+
868
+ html.cli-mission-report body.station-results-active .studio-setup-actions__mcp-row .studio-action-button {
869
+ width: 100%;
870
+ border-color: #111111;
871
+ border-radius: 0;
872
+ background: #111111;
873
+ color: #fffdf7;
874
+ }
875
+
876
+ html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note {
877
+ margin: 0;
878
+ color: rgba(17, 17, 17, 0.7);
879
+ font-size: 11px;
880
+ line-height: 1.45;
881
+ }
882
+
883
+ html.cli-mission-report body.station-results-active .studio-setup-actions__auth-note strong {
884
+ display: block;
885
+ margin-bottom: 3px;
886
+ color: #111111;
887
+ font-size: 12px;
888
+ }
889
+
890
+ html.cli-mission-report body.station-results-active .studio-verification__item--manual {
891
+ display: block;
892
+ }
893
+
894
+ html.cli-mission-report body.station-results-active .studio-verification__item-label {
895
+ min-width: 0;
896
+ overflow-wrap: anywhere;
897
+ }
898
+
899
+ html.cli-mission-report body.station-results-active .studio-verification__group-note {
900
+ margin: 0 0 6px;
901
+ color: rgba(17, 17, 17, 0.58);
902
+ font-size: 11px;
903
+ font-weight: 800;
904
+ line-height: 1.35;
905
+ overflow-wrap: anywhere;
906
+ }
907
+
908
+ html.cli-mission-report body.station-results-active .studio-verification__group--mismatch {
909
+ border-color: #b91c1c;
910
+ background: #fff1f2;
911
+ }
912
+
913
+ html.cli-mission-report body.station-results-active .studio-verification__group--mismatch .studio-verification__group-title strong {
914
+ color: #991b1b;
915
+ }
916
+
917
+ html.cli-mission-report body.station-results-active .studio-verification__item--diff {
918
+ display: grid;
919
+ gap: 3px;
920
+ }
921
+
922
+ html.cli-mission-report body.station-results-active .studio-verification__diff-line {
923
+ min-width: 0;
924
+ display: block;
925
+ color: rgba(17, 17, 17, 0.62);
926
+ font-size: 10.5px;
927
+ font-weight: 750;
928
+ line-height: 1.3;
929
+ overflow-wrap: anywhere;
930
+ }
931
+
932
+ html.cli-mission-report body.station-results-active .studio-provider-readiness {
933
+ display: grid;
934
+ gap: 10px;
935
+ }
936
+
937
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__meters {
938
+ display: grid;
939
+ gap: 8px;
940
+ padding: 10px;
941
+ border: 1px solid rgba(17, 17, 17, 0.16);
942
+ background: #ffffff;
943
+ }
944
+
945
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row {
946
+ display: grid;
947
+ grid-template-columns: minmax(82px, auto) minmax(64px, 1fr) minmax(52px, auto);
948
+ align-items: center;
949
+ gap: 10px;
950
+ color: #111111;
951
+ font-size: 11px;
952
+ font-weight: 850;
953
+ }
954
+
955
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__meter-row strong {
956
+ min-width: 0;
957
+ max-width: 74px;
958
+ overflow: hidden;
959
+ text-overflow: ellipsis;
960
+ white-space: nowrap;
961
+ justify-self: end;
962
+ font-family: var(--font-mono);
963
+ font-size: 10px;
964
+ }
965
+
966
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__bar {
967
+ display: block;
968
+ height: 8px;
969
+ overflow: hidden;
970
+ border-radius: 999px;
971
+ background: rgba(17, 17, 17, 0.08);
972
+ }
973
+
974
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__bar-fill {
975
+ display: block;
976
+ height: 100%;
977
+ border-radius: inherit;
978
+ background: #10b981;
979
+ }
980
+
981
+ html.cli-mission-report body.station-results-active .studio-provider-readiness__note {
982
+ margin: 0;
983
+ padding: 9px 10px;
984
+ border: 1px solid rgba(17, 17, 17, 0.18);
985
+ background: #ffffff;
986
+ color: #111111;
987
+ font-size: 11px;
988
+ font-weight: 800;
989
+ line-height: 1.35;
990
+ }
991
+
992
+ .studio-sidebar-contract__generic-evidence {
993
+ display: grid;
994
+ gap: 8px;
995
+ min-width: 0;
996
+ padding: 10px;
997
+ border: 1px solid rgba(17, 24, 39, 0.12);
998
+ border-radius: 8px;
999
+ background: rgba(255, 255, 255, 0.76);
1000
+ }
1001
+
1002
+ .studio-sidebar-contract__generic-evidence h4,
1003
+ .studio-sidebar-contract__generic-evidence p {
1004
+ margin: 0;
1005
+ }
1006
+
1007
+ .studio-sidebar-contract__generic-evidence p {
1008
+ color: rgba(17, 24, 39, 0.68);
1009
+ }
1010
+
1011
+ .studio-sidebar-contract__generic-evidence ul {
1012
+ display: grid;
1013
+ gap: 6px;
1014
+ margin: 0;
1015
+ padding-left: 18px;
1016
+ }
1017
+
1018
+ /* Light report: sidebar tiles stay flat white; map nodes use provider-tinted wells */
1019
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo {
1020
+ background: #ffffff !important;
1021
+ box-shadow: none !important;
1022
+ }
1023
+
1024
+ html.cli-mission-report body.station-results-active .provider-logo--clerk,
1025
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--clerk,
1026
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--clerk,
1027
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--clerk {
1028
+ --provider-color: #6c47ff;
1029
+ color: #6c47ff;
1030
+ }
1031
+
1032
+ html.cli-mission-report body.station-results-active .provider-logo--authjs,
1033
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs,
1034
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--authjs,
1035
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs {
1036
+ --provider-color: #412991;
1037
+ color: #412991;
1038
+ }
1039
+
1040
+ html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(1) {
1041
+ fill: #412991 !important;
1042
+ }
1043
+
1044
+ html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(2) {
1045
+ fill: #eb5424 !important;
1046
+ }
1047
+
1048
+ html.cli-mission-report body.station-results-active .provider-logo--authjs svg path:nth-child(3) {
1049
+ fill: #fbc22c !important;
1050
+ }
1051
+
1052
+ html.cli-mission-report body.station-results-active .provider-logo--aws svg path,
1053
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--aws svg path,
1054
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--aws svg path {
1055
+ fill: #ff9900 !important;
1056
+ }
1057
+
1058
+ html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(1) {
1059
+ fill: #fcc72b !important;
1060
+ }
1061
+
1062
+ html.cli-mission-report body.station-results-active .provider-logo--vitest svg path:nth-child(2) {
1063
+ fill: #729b1b !important;
1064
+ }
1065
+
1066
+ html.cli-mission-report body.station-results-active .provider-logo--better-auth svg rect {
1067
+ fill: #171717 !important;
1068
+ }
1069
+
1070
+ html.cli-mission-report body.station-results-active .provider-logo--better-auth svg path {
1071
+ fill: #ffffff !important;
1072
+ }
1073
+
1074
+ html.cli-mission-report body.station-results-active .provider-logo--logrocket svg rect {
1075
+ fill: #764abc !important;
1076
+ }
1077
+
1078
+ html.cli-mission-report body.station-results-active .provider-logo--logrocket svg path {
1079
+ fill: #ffffff !important;
1080
+ }
1081
+
1082
+ html.cli-mission-report body.station-results-active .provider-logo--auth0 svg rect {
1083
+ fill: #eb5424 !important;
1084
+ }
1085
+
1086
+ html.cli-mission-report body.station-results-active .provider-logo--auth0 svg path {
1087
+ fill: #ffffff !important;
1088
+ }
1089
+
1090
+ html.cli-mission-report body.station-results-active .provider-logo--stripe svg path {
1091
+ fill: #635bff !important;
1092
+ }
1093
+
1094
+ /* Auth.js tricolor shield — avoid 100% stretch from generic brand rule */
1095
+ html.cli-mission-report body.station-results-active .provider-logo--authjs svg,
1096
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs svg,
1097
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs svg {
1098
+ width: 76% !important;
1099
+ height: 76% !important;
1100
+ max-width: 28px;
1101
+ max-height: 28px;
1102
+ display: block;
1103
+ margin: auto;
1104
+ }
1105
+
1106
+ html.cli-mission-report body.station-results-active .provider-logo--authjs .provider-logo__img,
1107
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--authjs .provider-logo__img,
1108
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--authjs .provider-logo__img {
1109
+ width: 84%;
1110
+ height: 84%;
1111
+ object-fit: contain;
1112
+ border-radius: 0;
1113
+ }
1114
+
1115
+ /* Fragile brand assets are transparent marks; keep them centered, not tile-stretched. */
1116
+ html.cli-mission-report body.station-results-active .provider-logo--logrocket .provider-logo__img,
1117
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--logrocket .provider-logo__img,
1118
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--logrocket .provider-logo__img {
1119
+ width: 82%;
1120
+ height: 82%;
1121
+ object-fit: contain;
1122
+ border-radius: 0;
1123
+ }
1124
+
1125
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle,
1126
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1127
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--paddle,
1128
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1129
+ overflow: visible;
1130
+ }
1131
+
1132
+ html.cli-mission-report body.station-results-active .provider-logo--paddle svg,
1133
+ html.cli-mission-report body.station-results-active .provider-logo--polar svg,
1134
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--paddle svg,
1135
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar svg {
1136
+ width: 100%;
1137
+ height: 100%;
1138
+ display: block;
1139
+ overflow: visible;
1140
+ }
1141
+
1142
+ html.cli-mission-report body.station-results-active .provider-logo--polar svg path {
1143
+ fill: #0062ff !important;
1144
+ }
1145
+
1146
+ html.cli-mission-report body.station-results-active .provider-logo--paddle svg rect {
1147
+ fill: #101318 !important;
1148
+ }
1149
+
1150
+ html.cli-mission-report body.station-results-active .provider-logo--paddle svg path,
1151
+ html.cli-mission-report body.station-results-active .provider-logo--paddle svg circle {
1152
+ fill: #ffd21e !important;
1153
+ }
1154
+
1155
+ html.cli-mission-report body.station-results-active .provider-logo--auth0,
1156
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--auth0,
1157
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--auth0,
1158
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--auth0 {
1159
+ --provider-color: #eb5424;
1160
+ color: #eb5424;
1161
+ }
1162
+
1163
+ html.cli-mission-report body.station-results-active .provider-logo--better-auth,
1164
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--better-auth,
1165
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--better-auth,
1166
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--better-auth {
1167
+ --provider-color: #171717;
1168
+ color: #171717;
1169
+ }
1170
+
1171
+ html.cli-mission-report body.station-results-active .provider-logo--playwright,
1172
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--playwright,
1173
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--playwright,
1174
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--playwright {
1175
+ --provider-color: #2ead33;
1176
+ color: #2ead33;
1177
+ }
1178
+
1179
+ html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1180
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1181
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1182
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1183
+ --provider-color: #fc6d26;
1184
+ color: #fc6d26;
1185
+ }
1186
+
1187
+ html.cli-mission-report body.station-results-active .provider-logo--planetscale,
1188
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--planetscale,
1189
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--planetscale,
1190
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--planetscale,
1191
+ html.cli-mission-report body.station-results-active .provider-logo--vercel,
1192
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--vercel,
1193
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--vercel,
1194
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--vercel {
1195
+ --provider-color: #111111;
1196
+ color: #111111;
1197
+ }
1198
+
1199
+ html.cli-mission-report body.station-results-active .provider-logo--polar,
1200
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--polar,
1201
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--polar,
1202
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--polar {
1203
+ --provider-color: #0062ff;
1204
+ color: #0062ff;
1205
+ }
1206
+
1207
+ html.cli-mission-report body.station-results-active .provider-logo--lemon-squeezy,
1208
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--lemon-squeezy,
1209
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--lemon-squeezy,
1210
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--lemon-squeezy {
1211
+ --provider-color: #ffc233;
1212
+ color: #ffc233;
1213
+ }
1214
+
1215
+ html.cli-mission-report body.station-results-active .provider-logo--github,
1216
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--github,
1217
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--github,
1218
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--github {
1219
+ --provider-color: #111111;
1220
+ color: #111111;
1221
+ }
1222
+
1223
+ html.cli-mission-report body.station-results-active .provider-logo--gitlab,
1224
+ html.cli-mission-report body.station-results-active .studio-choice-tile__icon.provider-logo--gitlab,
1225
+ html.cli-mission-report body.station-results-active .studio-node.provider-logo--gitlab,
1226
+ html.cli-mission-report body.station-results-active .studio-node__logo.provider-logo--gitlab {
1227
+ --provider-color: #fc6d26;
1228
+ color: #fc6d26;
1229
+ }
1230
+
1231
+ html.cli-mission-report body.station-results-active .station-account-strip .account-bar {
1232
+ border: 1px solid rgba(17, 17, 17, 0.12);
1233
+ border-radius: 999px;
1234
+ background: rgba(255, 253, 247, 0.95);
1235
+ box-shadow: 0 8px 24px rgba(17, 17, 17, 0.06);
1236
+ }
1237
+
1238
+ html.cli-mission-report body.station-results-active .station-account-strip .account-bar__email,
1239
+ html.cli-mission-report body.station-results-active .station-account-strip .account-bar__meta {
1240
+ color: #111111;
1241
+ text-shadow: none;
1242
+ }
1243
+
1244
+ html.cli-mission-report body.station-results-active .station-account-strip .account-bar__plan {
1245
+ display: inline-flex;
1246
+ width: auto;
1247
+ min-width: 0;
1248
+ padding: 4px 12px;
1249
+ border-radius: 999px;
1250
+ background: rgba(212, 175, 55, 0.18);
1251
+ color: #111111;
1252
+ box-shadow: none;
1253
+ }
1254
+
1255
+ @media (max-width: 1100px) {
1256
+ html.cli-mission-report body.station-results-active .studio-workspace {
1257
+ grid-template-columns: 1fr;
1258
+ }
1259
+
1260
+ html.cli-mission-report body.station-results-active .studio-system-map {
1261
+ min-height: min(560px, 58vh);
1262
+ height: min(560px, 58vh);
1263
+ }
1264
+
1265
+ html.cli-mission-report body.station-results-active .studio-setup-panel {
1266
+ max-height: min(480px, 50vh);
1267
+ }
1268
+ }
1269
+
1270
+
1271
+ .provider-truth {
1272
+ display: grid;
1273
+ gap: 9px;
1274
+ min-width: 0;
1275
+ padding: 11px;
1276
+ border: 1px solid rgba(17, 24, 39, 0.12);
1277
+ border-radius: 12px;
1278
+ background: #ffffff;
1279
+ color: #111827;
1280
+ box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
1281
+ }
1282
+
1283
+ .provider-truth__head {
1284
+ display: grid;
1285
+ grid-template-columns: minmax(0, 1fr) auto;
1286
+ gap: 8px;
1287
+ align-items: center;
1288
+ min-width: 0;
1289
+ }
1290
+
1291
+ .provider-truth__head h3,
1292
+ .provider-truth__head strong {
1293
+ min-width: 0;
1294
+ margin: 0;
1295
+ color: #111827;
1296
+ font-size: 12px;
1297
+ font-weight: 950;
1298
+ line-height: 1.2;
1299
+ }
1300
+
1301
+ .provider-truth__head span {
1302
+ display: inline-grid;
1303
+ place-items: center;
1304
+ max-width: 96px;
1305
+ padding: 3px 7px;
1306
+ border-radius: 999px;
1307
+ background: rgba(17, 24, 39, 0.05);
1308
+ color: rgba(17, 24, 39, 0.62);
1309
+ font-size: 9px;
1310
+ font-weight: 950;
1311
+ line-height: 1;
1312
+ text-transform: uppercase;
1313
+ overflow-wrap: anywhere;
1314
+ }
1315
+
1316
+ .provider-truth__rows {
1317
+ display: grid;
1318
+ gap: 7px;
1319
+ min-width: 0;
1320
+ margin: 0;
1321
+ padding: 0;
1322
+ list-style: none;
1323
+ }
1324
+
1325
+ .provider-truth-row {
1326
+ display: grid;
1327
+ grid-template-columns: minmax(0, 1fr) auto;
1328
+ gap: 5px 8px;
1329
+ align-items: center;
1330
+ min-width: 0;
1331
+ padding: 8px 9px;
1332
+ border: 1px solid rgba(17, 24, 39, 0.08);
1333
+ border-radius: 9px;
1334
+ background: rgba(249, 250, 251, 0.92);
1335
+ }
1336
+
1337
+ .provider-truth-row__main {
1338
+ display: grid;
1339
+ gap: 2px;
1340
+ min-width: 0;
1341
+ }
1342
+
1343
+ .provider-truth-row__main strong {
1344
+ min-width: 0;
1345
+ color: #111827;
1346
+ font-size: 12px;
1347
+ font-weight: 930;
1348
+ line-height: 1.22;
1349
+ overflow-wrap: anywhere;
1350
+ }
1351
+
1352
+ .provider-truth-row__main span,
1353
+ .provider-truth-row__action,
1354
+ .provider-truth-alert span,
1355
+ .provider-truth-next-action span {
1356
+ min-width: 0;
1357
+ color: rgba(17, 24, 39, 0.66);
1358
+ font-size: 10px;
1359
+ font-weight: 760;
1360
+ line-height: 1.25;
1361
+ overflow-wrap: anywhere;
1362
+ }
1363
+
1364
+ .provider-truth-row__badges {
1365
+ display: flex;
1366
+ flex-wrap: wrap;
1367
+ justify-content: flex-end;
1368
+ gap: 4px;
1369
+ min-width: 0;
1370
+ }
1371
+
1372
+ .provider-truth-badge {
1373
+ display: inline-grid;
1374
+ place-items: center;
1375
+ max-width: 94px;
1376
+ padding: 3px 6px;
1377
+ border: 1px solid rgba(17, 24, 39, 0.1);
1378
+ border-radius: 999px;
1379
+ background: rgba(17, 24, 39, 0.04);
1380
+ color: rgba(17, 24, 39, 0.68);
1381
+ font-size: 8px;
1382
+ font-weight: 950;
1383
+ line-height: 1;
1384
+ text-align: center;
1385
+ text-transform: uppercase;
1386
+ overflow-wrap: anywhere;
1387
+ }
1388
+
1389
+ .provider-truth-badge--live {
1390
+ border-color: rgba(16, 185, 129, 0.2);
1391
+ background: rgba(16, 185, 129, 0.12);
1392
+ color: #047857;
1393
+ }
1394
+
1395
+ .provider-truth-badge--mcp {
1396
+ border-color: rgba(37, 99, 235, 0.2);
1397
+ background: rgba(37, 99, 235, 0.1);
1398
+ color: #1d4ed8;
1399
+ }
1400
+
1401
+ .provider-truth-badge--manual {
1402
+ border-color: rgba(146, 64, 14, 0.22);
1403
+ background: rgba(245, 158, 11, 0.12);
1404
+ color: #92400e;
1405
+ }
1406
+
1407
+ .provider-truth-badge--warn {
1408
+ border-color: rgba(185, 28, 28, 0.2);
1409
+ background: rgba(255, 241, 242, 0.92);
1410
+ color: #b91c1c;
1411
+ }
1412
+
1413
+ .provider-truth-badge--repo,
1414
+ .provider-truth-badge--using {
1415
+ border-color: rgba(17, 24, 39, 0.18);
1416
+ background: rgba(17, 24, 39, 0.07);
1417
+ color: #111827;
1418
+ }
1419
+
1420
+ .provider-truth-row__action {
1421
+ grid-column: 1 / -1;
1422
+ color: #111827;
1423
+ font-weight: 850;
1424
+ }
1425
+
1426
+ .provider-truth-alert,
1427
+ .provider-truth-next-action {
1428
+ display: grid;
1429
+ gap: 4px;
1430
+ min-width: 0;
1431
+ padding: 8px 9px;
1432
+ border-radius: 9px;
1433
+ overflow-wrap: anywhere;
1434
+ }
1435
+
1436
+ .provider-truth-alert {
1437
+ border: 1px solid rgba(217, 119, 6, 0.22);
1438
+ border-left: 3px solid #f59e0b;
1439
+ background: rgba(255, 251, 235, 0.9);
1440
+ }
1441
+
1442
+ .provider-truth-next-action {
1443
+ border: 1px solid rgba(37, 99, 235, 0.14);
1444
+ border-left: 3px solid #2563eb;
1445
+ background: rgba(239, 246, 255, 0.88);
1446
+ }
1447
+
1448
+ .provider-truth-alert strong,
1449
+ .provider-truth-next-action strong {
1450
+ min-width: 0;
1451
+ color: #111827;
1452
+ font-size: 11px;
1453
+ font-weight: 930;
1454
+ line-height: 1.22;
1455
+ overflow-wrap: anywhere;
1456
+ }
1457
+
1458
+ @media (max-width: 420px) {
1459
+ .provider-truth-row {
1460
+ grid-template-columns: minmax(0, 1fr);
1461
+ }
1462
+
1463
+ .provider-truth-row__badges {
1464
+ justify-content: flex-start;
1465
+ }
1466
+ }