wealth-alpha-chat-widget 1.0.2 → 1.0.3

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.
package/dist/index.css CHANGED
@@ -14,14 +14,7 @@
14
14
  --wac-chip-active-fg: #ffffff;
15
15
  --wac-radius: 14px;
16
16
  --wac-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
17
- font-family:
18
- -apple-system,
19
- BlinkMacSystemFont,
20
- "Segoe UI",
21
- Roboto,
22
- "Helvetica Neue",
23
- Arial,
24
- sans-serif;
17
+ font-family: "Manrope", sans-serif;
25
18
  color: var(--wac-fg);
26
19
  box-sizing: border-box;
27
20
  }
@@ -153,7 +146,6 @@
153
146
  border-radius: 3px;
154
147
  }
155
148
  .chat_bubble {
156
- max-width: 80%;
157
149
  padding: 10px 14px;
158
150
  border-radius: 12px;
159
151
  font-size: 14px;
@@ -163,6 +155,11 @@
163
155
  }
164
156
  .chat_markdown {
165
157
  white-space: normal;
158
+ --card-bg: #ffffff;
159
+ --text: var(--wac-fg);
160
+ --text-muted: var(--wac-muted);
161
+ --green: #16a34a;
162
+ --red: #dc2626;
166
163
  }
167
164
  .chat_markdown p {
168
165
  margin: 0 0 6px 0;
@@ -212,6 +209,1131 @@
212
209
  font-size: 14px;
213
210
  font-weight: 700;
214
211
  }
212
+ .chat_markdown .mgrid {
213
+ display: grid;
214
+ grid-template-columns: 1fr 1fr;
215
+ gap: 10px;
216
+ margin-top: 8px;
217
+ }
218
+ .chat_markdown .mgrid .wa-price {
219
+ background: var(--card-bg, #fff);
220
+ border-radius: 10px;
221
+ padding: 10px 14px;
222
+ display: flex;
223
+ flex-direction: column;
224
+ gap: 2px;
225
+ }
226
+ .chat_markdown .mgrid .k {
227
+ font-size: 11px;
228
+ color: var(--text-muted, #888);
229
+ font-weight: 500;
230
+ text-transform: uppercase;
231
+ letter-spacing: 0.03em;
232
+ }
233
+ .chat_markdown .mgrid .wa-price-value {
234
+ font-size: 18px;
235
+ font-weight: 700;
236
+ color: var(--text, #111);
237
+ }
238
+ .chat_markdown .mgrid .wa-price-value.up {
239
+ color: var(--green);
240
+ }
241
+ .chat_markdown .mgrid .wa-price-value.down {
242
+ color: var(--red);
243
+ }
244
+ .chat_markdown .mgrid .n {
245
+ font-size: 12px;
246
+ font-weight: 500;
247
+ color: var(--text-muted, #888);
248
+ }
249
+ .chat_markdown .mgrid .n.up {
250
+ color: var(--green);
251
+ }
252
+ .chat_markdown .mgrid .n.down {
253
+ color: var(--red);
254
+ }
255
+ .chat_markdown .sec .lbl {
256
+ font-size: 13px;
257
+ font-weight: 700;
258
+ text-transform: uppercase;
259
+ letter-spacing: 0.05em;
260
+ color: var(--text-muted, #666);
261
+ margin-bottom: 6px;
262
+ display: flex;
263
+ align-items: center;
264
+ gap: 6px;
265
+ }
266
+ .chat_markdown .mgrid .wa-price.full-width {
267
+ grid-column: 1 / -1;
268
+ text-align: center;
269
+ align-items: center;
270
+ justify-content: center;
271
+ }
272
+ .chat_markdown .wa-analysis-card {
273
+ background: #fff;
274
+ border: 1px solid #e6e9f5;
275
+ border-radius: 18px;
276
+ overflow: hidden;
277
+ box-shadow: 0 12px 34px -24px rgba(28, 44, 91, 0.4);
278
+ margin-bottom: 4px;
279
+ }
280
+ .chat_markdown .wa-card-head {
281
+ background:
282
+ linear-gradient(
283
+ 135deg,
284
+ #22356e 0%,
285
+ #15224a 100%);
286
+ color: #fff;
287
+ padding: 14px 16px 13px;
288
+ position: relative;
289
+ }
290
+ .chat_markdown .wa-card-date {
291
+ float: right;
292
+ font-size: 11px;
293
+ opacity: 0.7;
294
+ font-weight: 600;
295
+ }
296
+ .chat_markdown .wa-card-tag {
297
+ display: inline-block;
298
+ font-size: 9.5px;
299
+ font-weight: 800;
300
+ letter-spacing: 1px;
301
+ background: rgba(255, 255, 255, 0.16);
302
+ padding: 3px 9px;
303
+ border-radius: 6px;
304
+ margin-bottom: 8px;
305
+ }
306
+ .chat_markdown .wa-card-sym {
307
+ font-weight: 700;
308
+ font-size: 17px;
309
+ line-height: 1.2;
310
+ }
311
+ .chat_markdown .wa-card-meta {
312
+ font-size: 11.5px;
313
+ opacity: 0.8;
314
+ margin-top: 3px;
315
+ }
316
+ .chat_markdown .sec {
317
+ padding: 12px 14px;
318
+ border-top: 1px solid #eceffa;
319
+ }
320
+ .chat_markdown .mgrid.flat {
321
+ border-radius: 10px;
322
+ overflow: hidden;
323
+ border: 1px solid #eceffa;
324
+ gap: 1px;
325
+ background: #eceffa;
326
+ margin-top: 9px;
327
+ }
328
+ .chat_markdown .mgrid .m {
329
+ background: #fff;
330
+ padding: 10px 13px;
331
+ display: flex;
332
+ flex-direction: column;
333
+ gap: 2px;
334
+ }
335
+ .chat_markdown .mgrid .m .k {
336
+ font-size: 9.5px;
337
+ color: #737b97;
338
+ text-transform: uppercase;
339
+ letter-spacing: 0.5px;
340
+ font-weight: 700;
341
+ }
342
+ .chat_markdown .mgrid .m .v {
343
+ font-size: 14px;
344
+ font-weight: 700;
345
+ color: #1c2438;
346
+ margin-top: 2px;
347
+ }
348
+ .chat_markdown .mgrid .m .n {
349
+ font-size: 10.5px;
350
+ font-weight: 700;
351
+ color: #737b97;
352
+ margin-top: 1px;
353
+ }
354
+ .chat_markdown .mgrid .m .n.good {
355
+ color: #16a34a;
356
+ }
357
+ .chat_markdown .mgrid .m .n.avg {
358
+ color: #737b97;
359
+ }
360
+ .chat_markdown .mgrid .m .n.low {
361
+ color: #b45309;
362
+ }
363
+ .chat_markdown .wa-regime {
364
+ font-size: 12px;
365
+ }
366
+ .chat_markdown .wa-pos {
367
+ margin-top: 9px;
368
+ border-radius: 12px;
369
+ padding: 12px 14px;
370
+ border: 1px solid #e5e7eb;
371
+ background: #f9fafb;
372
+ }
373
+ .chat_markdown .wa-pos.profit {
374
+ background:
375
+ linear-gradient(
376
+ 135deg,
377
+ #ecfdf3,
378
+ #f7fef9);
379
+ border-color: #bbf7d0;
380
+ }
381
+ .chat_markdown .wa-pos.loss {
382
+ background:
383
+ linear-gradient(
384
+ 135deg,
385
+ #fef2f2,
386
+ #fff5f5);
387
+ border-color: #fecaca;
388
+ }
389
+ .chat_markdown .wa-pl {
390
+ font-weight: 800;
391
+ font-size: 22px;
392
+ line-height: 1;
393
+ color: #1c2438;
394
+ }
395
+ .chat_markdown .wa-pl.up {
396
+ color: #16a34a;
397
+ }
398
+ .chat_markdown .wa-pl.down {
399
+ color: #dc2626;
400
+ }
401
+ .chat_markdown .wa-zone {
402
+ font-size: 11px;
403
+ font-weight: 700;
404
+ color: #737b97;
405
+ text-transform: uppercase;
406
+ letter-spacing: 0.4px;
407
+ margin-top: 4px;
408
+ }
409
+ .chat_markdown .wa-summ {
410
+ font-size: 12.5px;
411
+ line-height: 1.5;
412
+ margin-top: 8px;
413
+ color: #3a4159;
414
+ }
415
+ .chat_markdown .kv {
416
+ display: flex;
417
+ gap: 8px;
418
+ font-size: 12.5px;
419
+ line-height: 1.5;
420
+ margin-bottom: 7px;
421
+ }
422
+ .chat_markdown .kv:last-child {
423
+ margin-bottom: 0;
424
+ }
425
+ .chat_markdown .kk {
426
+ font-weight: 700;
427
+ color: #1c2c5b;
428
+ flex: 0 0 auto;
429
+ min-width: 90px;
430
+ }
431
+ .chat_markdown .vv {
432
+ color: #3a4159;
433
+ }
434
+ .chat_markdown .wa-recovery {
435
+ font-size: 11.5px;
436
+ color: #3a4159;
437
+ }
438
+ .chat_markdown .wa-verdict {
439
+ padding: 13px 16px;
440
+ border-top: 1px solid #eceffa;
441
+ background: #fafbff;
442
+ }
443
+ .chat_markdown .wa-verdict-lbl {
444
+ font-size: 10.5px;
445
+ font-weight: 700;
446
+ letter-spacing: 0.7px;
447
+ text-transform: uppercase;
448
+ color: #1c2c5b;
449
+ margin-bottom: 8px;
450
+ }
451
+ .chat_markdown .wa-verdict-list {
452
+ margin: 0;
453
+ padding-left: 20px;
454
+ list-style-type: disc;
455
+ list-style-position: outside;
456
+ font-size: 12.5px;
457
+ line-height: 1.55;
458
+ color: #3a4159;
459
+ }
460
+ .chat_markdown .wa-verdict-list li {
461
+ display: list-item;
462
+ margin-bottom: 6px;
463
+ padding-left: 2px;
464
+ }
465
+ .chat_markdown .wa-verdict-list li:last-child {
466
+ margin-bottom: 0;
467
+ }
468
+ .chat_markdown .wa-bullets {
469
+ margin: 8px 0 4px 0;
470
+ padding-left: 17px;
471
+ font-size: 12px;
472
+ line-height: 1.5;
473
+ color: #3a4159;
474
+ }
475
+ .chat_markdown .wa-bullets li {
476
+ margin-bottom: 4px;
477
+ }
478
+ .chat_markdown .wa-scale-note {
479
+ font-size: 10.5px;
480
+ color: #737b97;
481
+ margin-top: 6px;
482
+ line-height: 1.4;
483
+ }
484
+ .chat_markdown .wa-peer-ctx {
485
+ font-size: 12px;
486
+ color: #737b97;
487
+ margin-bottom: 8px;
488
+ font-weight: bold;
489
+ }
490
+ .chat_markdown .wa-peer-row {
491
+ display: flex;
492
+ align-items: center;
493
+ justify-content: space-between;
494
+ padding: 7px 10px;
495
+ border-radius: 8px;
496
+ background: #f8f9fc;
497
+ border: 1px solid #eceffa;
498
+ margin-bottom: 6px;
499
+ font-size: 12px;
500
+ }
501
+ .chat_markdown .wa-peer-sym {
502
+ font-weight: 700;
503
+ color: #1c2c5b;
504
+ }
505
+ .chat_markdown .wa-peer-detail {
506
+ color: #3a4159;
507
+ }
508
+ .chat_markdown .wa-peer-detail .up {
509
+ color: #16a34a;
510
+ font-weight: 700;
511
+ }
512
+ .chat_markdown .wa-peer-detail .down {
513
+ color: #dc2626;
514
+ font-weight: 700;
515
+ }
516
+ .chat_markdown .wa-peer-empty {
517
+ font-size: 12px;
518
+ color: #737b97;
519
+ line-height: 1.5;
520
+ padding: 4px 0;
521
+ }
522
+ .chat_markdown .wa-top-peer {
523
+ font-size: 11.5px;
524
+ color: #1c2c5b;
525
+ font-weight: 600;
526
+ margin-top: 4px;
527
+ padding: 6px 10px;
528
+ background: #eef2ff;
529
+ border-radius: 8px;
530
+ }
531
+ .chat_markdown .wa-signal-header {
532
+ display: flex;
533
+ align-items: center;
534
+ gap: 10px;
535
+ flex-wrap: wrap;
536
+ margin-bottom: 10px;
537
+ }
538
+ .chat_markdown .wa-signal-lbl {
539
+ font-size: 13px;
540
+ font-weight: 600;
541
+ color: #3a4159;
542
+ flex: 1;
543
+ }
544
+ .chat_markdown .wa-signal-level {
545
+ padding: 10px 0;
546
+ }
547
+ .chat_markdown .wa-signal-level .kv {
548
+ gap: 4px;
549
+ align-items: center;
550
+ margin-bottom: 0;
551
+ }
552
+ .chat_markdown .wa-signal-level .kk {
553
+ min-width: auto;
554
+ }
555
+ .chat_markdown .wa-badge {
556
+ display: inline-flex;
557
+ align-items: center;
558
+ gap: 5px;
559
+ padding: 6px 13px;
560
+ border-radius: 999px;
561
+ font-size: 12px;
562
+ font-weight: 800;
563
+ letter-spacing: 0.3px;
564
+ white-space: nowrap;
565
+ }
566
+ .chat_markdown .wa-b-buy {
567
+ background: #dcfce7;
568
+ color: #16a34a;
569
+ }
570
+ .chat_markdown .wa-b-sell {
571
+ background: #fee2e2;
572
+ color: #dc2626;
573
+ }
574
+ .chat_markdown .wa-b-wait {
575
+ background: #fef3e0;
576
+ color: #b45309;
577
+ }
578
+ .chat_markdown .wa-b-info {
579
+ background: #e0ecff;
580
+ color: #2563eb;
581
+ }
582
+ .chat_markdown .evt {
583
+ border: 1px solid #e6e9f5;
584
+ border-radius: 16px;
585
+ overflow: hidden;
586
+ margin-bottom: 12px;
587
+ background: #fff;
588
+ box-shadow: 0 12px 30px -24px rgba(28, 44, 91, 0.4);
589
+ }
590
+ .chat_markdown .evt .top {
591
+ padding: 13px 15px;
592
+ display: flex;
593
+ gap: 11px;
594
+ align-items: flex-start;
595
+ }
596
+ .chat_markdown .evt .num {
597
+ width: 26px;
598
+ height: 26px;
599
+ flex: 0 0 auto;
600
+ border-radius: 8px;
601
+ background: #1c2c5b;
602
+ color: #fff;
603
+ display: grid;
604
+ place-items: center;
605
+ font-weight: 700;
606
+ font-size: 13px;
607
+ }
608
+ .chat_markdown .evt .ti {
609
+ font-weight: 700;
610
+ font-size: 13.5px;
611
+ line-height: 1.25;
612
+ color: #1c2438;
613
+ }
614
+ .chat_markdown .evt .dt {
615
+ font-size: 11px;
616
+ color: #737b97;
617
+ margin-top: 2px;
618
+ }
619
+ .chat_markdown .evt .news {
620
+ padding: 0 15px 12px;
621
+ font-size: 12.5px;
622
+ line-height: 1.5;
623
+ color: #3a4159;
624
+ }
625
+ .chat_markdown .evt .news .imp {
626
+ display: inline-block;
627
+ margin-top: 7px;
628
+ }
629
+ .chat_markdown .evt .body {
630
+ padding: 11px 15px;
631
+ border-top: 1px solid #eceffa;
632
+ background: #fbfcff;
633
+ }
634
+ .chat_markdown .evt .body .lbl {
635
+ font-size: 13px;
636
+ font-weight: 700;
637
+ text-transform: uppercase;
638
+ letter-spacing: 0.05em;
639
+ color: var(--text-muted, #666);
640
+ margin-top: 8px;
641
+ margin-bottom: 6px;
642
+ }
643
+ .chat_markdown .evt .body .wa-verdict-text {
644
+ margin: 4px 0 0;
645
+ }
646
+ .chat_markdown .impact {
647
+ margin-top: 8px;
648
+ }
649
+ .chat_markdown .ih {
650
+ font-size: 10.5px;
651
+ font-weight: 800;
652
+ letter-spacing: 0.4px;
653
+ text-transform: uppercase;
654
+ margin-bottom: 7px;
655
+ display: flex;
656
+ align-items: center;
657
+ gap: 6px;
658
+ }
659
+ .chat_markdown .ih.neg {
660
+ color: #dc2626;
661
+ }
662
+ .chat_markdown .ih.mod {
663
+ color: #b45309;
664
+ }
665
+ .chat_markdown .ih.pos {
666
+ color: #16a34a;
667
+ }
668
+ .chat_markdown .pill {
669
+ display: block;
670
+ font-size: 12px;
671
+ line-height: 1.45;
672
+ padding: 8px 11px;
673
+ border-radius: 10px;
674
+ margin-bottom: 6px;
675
+ border: 1px solid;
676
+ }
677
+ .chat_markdown .pill b {
678
+ font-weight: 700;
679
+ }
680
+ .chat_markdown .pill.neg {
681
+ background: #fee2e2;
682
+ border-color: #fecaca;
683
+ color: #7f1d1d;
684
+ }
685
+ .chat_markdown .pill.mod {
686
+ background: #fef3e0;
687
+ border-color: #fde2b8;
688
+ color: #7c4a03;
689
+ }
690
+ .chat_markdown .pill.pos {
691
+ background: #dcfce7;
692
+ border-color: #bbf7d0;
693
+ color: #14532d;
694
+ }
695
+ .chat_markdown .wa-conf-row {
696
+ display: flex;
697
+ align-items: center;
698
+ gap: 9px;
699
+ margin-top: 10px;
700
+ padding: 8px 12px;
701
+ background: #f8f9fc;
702
+ border-radius: 10px;
703
+ border: 1px solid #eceffa;
704
+ }
705
+ .chat_markdown .wa-conf-badge {
706
+ font-size: 13px;
707
+ font-weight: 800;
708
+ padding: 4px 10px;
709
+ border-radius: 999px;
710
+ background: #eceffa;
711
+ color: #1c2c5b;
712
+ }
713
+ .chat_markdown .wa-conf-badge.good {
714
+ background: #dcfce7;
715
+ color: #16a34a;
716
+ }
717
+ .chat_markdown .wa-conf-badge.low {
718
+ background: #fee2e2;
719
+ color: #dc2626;
720
+ }
721
+ .chat_markdown .wa-conf-badge.avg {
722
+ background: #fef3e0;
723
+ color: #b45309;
724
+ }
725
+ .chat_markdown .wa-conf-text {
726
+ font-size: 12px;
727
+ color: #3a4159;
728
+ flex: 1;
729
+ }
730
+ .chat_markdown .wa-ai-heading {
731
+ font-size: 13.5px;
732
+ font-weight: 700;
733
+ color: #1c2c5b;
734
+ margin-bottom: 5px;
735
+ }
736
+ .chat_markdown .wa-ai-insight {
737
+ font-size: 12.5px;
738
+ line-height: 1.55;
739
+ color: #3a4159;
740
+ margin-bottom: 6px;
741
+ }
742
+ .chat_markdown .wa-inv-text {
743
+ font-size: 12.5px;
744
+ line-height: 1.5;
745
+ color: #3a4159;
746
+ }
747
+ .chat_markdown .wa-inv-status {
748
+ margin-top: 8px;
749
+ }
750
+ .chat_markdown .wa-verdict-text {
751
+ font-size: 12.5px;
752
+ line-height: 1.55;
753
+ color: #3a4159;
754
+ }
755
+ .chat_markdown .gauge {
756
+ height: 10px;
757
+ border-radius: 6px;
758
+ background:
759
+ linear-gradient(
760
+ 90deg,
761
+ #dc2626 0%,
762
+ #f59e0b 50%,
763
+ #16a34a 100%);
764
+ position: relative;
765
+ margin: 6px 0 28px;
766
+ }
767
+ .chat_markdown .wa-portfolio-gauge-wrap {
768
+ padding: 4px 22px 32px;
769
+ overflow: visible;
770
+ }
771
+ .chat_markdown .wa-portfolio-health-gauge {
772
+ margin: 6px 0 0;
773
+ }
774
+ .chat_markdown .gauge .pin,
775
+ .chat_markdown .wa-portfolio-gauge-pin {
776
+ position: absolute;
777
+ top: -4px;
778
+ width: 5px;
779
+ height: 18px;
780
+ border-radius: 3px;
781
+ background: #1c2c5b;
782
+ box-shadow: 0 0 0 3px #fff;
783
+ transform: translateX(-50%);
784
+ }
785
+ .chat_markdown .gauge .lab,
786
+ .chat_markdown .wa-portfolio-gauge-score {
787
+ position: absolute;
788
+ top: 17px;
789
+ font-size: 11px;
790
+ font-weight: 800;
791
+ color: #1c2c5b;
792
+ transform: translateX(-50%);
793
+ white-space: nowrap;
794
+ }
795
+ .chat_markdown .wa-portfolio-performance-head .wa-portfolio-header-title {
796
+ margin-top: 2px;
797
+ line-height: 1.25;
798
+ }
799
+ .chat_markdown .wa-portfolio-header-meta {
800
+ margin-top: 8px;
801
+ display: flex;
802
+ flex-direction: column;
803
+ gap: 4px;
804
+ }
805
+ .chat_markdown .wa-portfolio-header-summary {
806
+ font-size: 11.5px;
807
+ line-height: 1.45;
808
+ opacity: 0.92;
809
+ color: #fff;
810
+ }
811
+ .chat_markdown .wa-portfolio-header-risk {
812
+ font-size: 11px;
813
+ line-height: 1.4;
814
+ opacity: 0.75;
815
+ color: #fff;
816
+ }
817
+ .chat_markdown .wa-portfolio-health-section {
818
+ overflow: visible;
819
+ }
820
+ .chat_markdown .wa-portfolio-health-verdict {
821
+ margin-top: 2px;
822
+ }
823
+ .chat_markdown .wa-portfolio-metrics-block {
824
+ padding: 10px 0 6px;
825
+ margin-top: 4px;
826
+ }
827
+ .chat_markdown .wa-portfolio-metric-row {
828
+ align-items: flex-start;
829
+ gap: 10px;
830
+ margin-bottom: 6px;
831
+ }
832
+ .chat_markdown .wa-portfolio-metric-row:last-child {
833
+ margin-bottom: 0;
834
+ }
835
+ .chat_markdown .wa-portfolio-metric-label {
836
+ min-width: 48px;
837
+ flex-shrink: 0;
838
+ }
839
+ .chat_markdown .wa-portfolio-metric-value {
840
+ flex: 1;
841
+ line-height: 1.45;
842
+ }
843
+ .chat_markdown .wa-portfolio-bullet-list {
844
+ margin: 0;
845
+ padding-left: 20px;
846
+ list-style-type: disc;
847
+ list-style-position: outside;
848
+ font-size: 12.5px;
849
+ line-height: 1.55;
850
+ color: #3a4159;
851
+ }
852
+ .chat_markdown .wa-portfolio-bullet-list li {
853
+ display: list-item;
854
+ margin-bottom: 6px;
855
+ padding-left: 2px;
856
+ }
857
+ .chat_markdown .wa-portfolio-bullet-list li:last-child {
858
+ margin-bottom: 0;
859
+ }
860
+ .chat_markdown .wa-portfolio-concerns-list,
861
+ .chat_markdown .wa-portfolio-actions-needed-list {
862
+ margin-top: 2px;
863
+ }
864
+ .chat_markdown .wa-portfolio-verdict-block .wa-portfolio-verdict-list {
865
+ margin-top: 0;
866
+ }
867
+ .chat_markdown .wa-portfolio-mix-grid .wa-portfolio-mix-stocks-full {
868
+ grid-column: 1 / -1;
869
+ text-align: center;
870
+ align-items: center;
871
+ justify-content: center;
872
+ }
873
+ .chat_markdown .wa-portfolio-mix-stocks-full .v {
874
+ text-align: center;
875
+ }
876
+ .chat_markdown .wa-portfolio-deviation-block {
877
+ padding: 10px 0 4px;
878
+ margin-top: 6px;
879
+ }
880
+ .chat_markdown .wa-portfolio-deviation-row {
881
+ align-items: flex-start;
882
+ gap: 10px;
883
+ margin-bottom: 8px;
884
+ }
885
+ .chat_markdown .wa-portfolio-deviation-row:last-child {
886
+ margin-bottom: 0;
887
+ }
888
+ .chat_markdown .wa-portfolio-deviation-label {
889
+ min-width: 108px;
890
+ flex-shrink: 0;
891
+ }
892
+ .chat_markdown .wa-portfolio-deviation-value {
893
+ flex: 1;
894
+ line-height: 1.45;
895
+ }
896
+ .chat_markdown .wa-portfolio-structure-section {
897
+ padding-bottom: 14px;
898
+ }
899
+ .chat_markdown .wa-portfolio-structure-card {
900
+ border: 1px solid #e6e9f5;
901
+ border-radius: 12px;
902
+ padding: 11px 13px;
903
+ margin-bottom: 8px;
904
+ background: #f8f9fc;
905
+ }
906
+ .chat_markdown .wa-portfolio-structure-card:last-child {
907
+ margin-bottom: 0;
908
+ }
909
+ .chat_markdown .wa-portfolio-structure-card-head {
910
+ display: flex;
911
+ align-items: center;
912
+ justify-content: space-between;
913
+ gap: 8px;
914
+ margin-bottom: 6px;
915
+ }
916
+ .chat_markdown .wa-portfolio-structure-symbol {
917
+ font-weight: 800;
918
+ font-size: 13px;
919
+ color: #1c2c5b;
920
+ letter-spacing: 0.02em;
921
+ }
922
+ .chat_markdown .wa-portfolio-structure-score-badge {
923
+ font-size: 10px;
924
+ font-weight: 700;
925
+ padding: 3px 8px;
926
+ border-radius: 999px;
927
+ background: #eceffa;
928
+ color: #1c2c5b;
929
+ white-space: nowrap;
930
+ }
931
+ .chat_markdown .wa-portfolio-structure-line {
932
+ font-size: 12px;
933
+ line-height: 1.45;
934
+ color: #3a4159;
935
+ margin-bottom: 4px;
936
+ }
937
+ .chat_markdown .wa-portfolio-structure-line .up {
938
+ color: var(--green);
939
+ font-weight: 700;
940
+ }
941
+ .chat_markdown .wa-portfolio-structure-line .down {
942
+ color: var(--red);
943
+ font-weight: 700;
944
+ }
945
+ .chat_markdown .wa-portfolio-structure-line:last-of-type {
946
+ margin-bottom: 0;
947
+ }
948
+ .chat_markdown .wa-portfolio-structure-meta {
949
+ font-size: 11.5px;
950
+ line-height: 1.4;
951
+ color: #737b97;
952
+ margin-top: 4px;
953
+ }
954
+ .chat_markdown .wa-portfolio-sector-card-head {
955
+ display: flex;
956
+ align-items: center;
957
+ justify-content: space-between;
958
+ gap: 6px;
959
+ margin-bottom: 8px;
960
+ }
961
+ .chat_markdown .wa-portfolio-sector-return {
962
+ flex: 1;
963
+ text-align: center;
964
+ font-size: 11px;
965
+ font-weight: 600;
966
+ color: #3a4159;
967
+ white-space: nowrap;
968
+ }
969
+ .chat_markdown .wa-portfolio-sector-return .up {
970
+ color: var(--green);
971
+ font-weight: 700;
972
+ }
973
+ .chat_markdown .wa-portfolio-sector-return .down {
974
+ color: var(--red);
975
+ font-weight: 700;
976
+ }
977
+ .chat_markdown .wa-portfolio-sector-capital-line {
978
+ font-size: 12px;
979
+ font-weight: 700;
980
+ color: #3a4159;
981
+ margin-bottom: 6px;
982
+ }
983
+ .chat_markdown .wa-portfolio-sector-bullet-list {
984
+ list-style: none;
985
+ padding-left: 0;
986
+ margin: 0;
987
+ font-size: 12px;
988
+ line-height: 1.5;
989
+ }
990
+ .chat_markdown .wa-portfolio-sector-bullet-list li {
991
+ margin-bottom: 4px;
992
+ padding-left: 0;
993
+ }
994
+ .chat_markdown .wa-portfolio-sector-bullet-list li::before {
995
+ content: "\b7 ";
996
+ font-weight: 700;
997
+ color: #737b97;
998
+ }
999
+ .chat_markdown .wa-portfolio-sector-bullet-list li:last-child {
1000
+ margin-bottom: 0;
1001
+ }
1002
+ .chat_markdown .wa-health-text {
1003
+ font-size: 12px;
1004
+ font-weight: 600;
1005
+ color: #dc2626;
1006
+ line-height: 1.5;
1007
+ margin-top: 4px;
1008
+ }
1009
+ .chat_markdown .wa-health-text.ok {
1010
+ color: #16a34a;
1011
+ }
1012
+ .chat_markdown .wa-health-text.warn {
1013
+ color: #b45309;
1014
+ }
1015
+ .chat_markdown .act {
1016
+ display: flex;
1017
+ gap: 10px;
1018
+ align-items: flex-start;
1019
+ padding: 10px 12px;
1020
+ border-radius: 12px;
1021
+ margin-bottom: 8px;
1022
+ border: 1px solid #e5e7eb;
1023
+ background: #f9fafb;
1024
+ }
1025
+ .chat_markdown .act:last-child {
1026
+ margin-bottom: 0;
1027
+ }
1028
+ .chat_markdown .act.exit {
1029
+ background: #fee2e2;
1030
+ border-color: #fecaca;
1031
+ }
1032
+ .chat_markdown .act.trim {
1033
+ background: #fef3e0;
1034
+ border-color: #fde2b8;
1035
+ }
1036
+ .chat_markdown .act.add {
1037
+ background: #dcfce7;
1038
+ border-color: #bbf7d0;
1039
+ }
1040
+ .chat_markdown .act.hold {
1041
+ background: #f1f3fa;
1042
+ border-color: #e0e4f0;
1043
+ }
1044
+ .chat_markdown .act.switch {
1045
+ background: #e0ecff;
1046
+ border-color: #bfdbfe;
1047
+ }
1048
+ .chat_markdown .act .at {
1049
+ flex: 0 0 auto;
1050
+ font-size: 10px;
1051
+ font-weight: 800;
1052
+ letter-spacing: 0.5px;
1053
+ padding: 4px 8px;
1054
+ border-radius: 6px;
1055
+ color: #fff;
1056
+ white-space: nowrap;
1057
+ }
1058
+ .chat_markdown .act.exit .at {
1059
+ background: #dc2626;
1060
+ }
1061
+ .chat_markdown .act.trim .at {
1062
+ background: #b45309;
1063
+ }
1064
+ .chat_markdown .act.add .at {
1065
+ background: #16a34a;
1066
+ }
1067
+ .chat_markdown .act.hold .at {
1068
+ background: #737b97;
1069
+ }
1070
+ .chat_markdown .act.switch .at {
1071
+ background: #2563eb;
1072
+ }
1073
+ .chat_markdown .act .ad {
1074
+ font-size: 12.5px;
1075
+ line-height: 1.45;
1076
+ }
1077
+ .chat_markdown .act .ad b {
1078
+ font-weight: 700;
1079
+ color: #1c2c5b;
1080
+ }
1081
+ .chat_markdown .act .ad .r {
1082
+ color: #3a4159;
1083
+ display: block;
1084
+ margin-top: 2px;
1085
+ }
1086
+ .chat_markdown .clist {
1087
+ margin: 0;
1088
+ padding-left: 17px;
1089
+ font-size: 12px;
1090
+ line-height: 1.5;
1091
+ color: #3a4159;
1092
+ }
1093
+ .chat_markdown .clist li {
1094
+ margin-bottom: 5px;
1095
+ }
1096
+ .chat_markdown .clist li:last-child {
1097
+ margin-bottom: 0;
1098
+ }
1099
+ .chat_markdown .alloc {
1100
+ margin-top: 6px;
1101
+ }
1102
+ .chat_markdown .alloc .row {
1103
+ display: flex;
1104
+ align-items: center;
1105
+ gap: 9px;
1106
+ margin-bottom: 9px;
1107
+ font-size: 12px;
1108
+ }
1109
+ .chat_markdown .alloc .row:last-child {
1110
+ margin-bottom: 0;
1111
+ }
1112
+ .chat_markdown .alloc .nm {
1113
+ width: 54px;
1114
+ font-weight: 700;
1115
+ color: #1c2c5b;
1116
+ flex-shrink: 0;
1117
+ }
1118
+ .chat_markdown .alloc .bar {
1119
+ flex: 1;
1120
+ height: 8px;
1121
+ border-radius: 5px;
1122
+ background: #eef0f7;
1123
+ overflow: hidden;
1124
+ }
1125
+ .chat_markdown .alloc .bar i {
1126
+ display: block;
1127
+ height: 100%;
1128
+ border-radius: 5px;
1129
+ background: #1c2c5b;
1130
+ }
1131
+ .chat_markdown .alloc .pct {
1132
+ width: 42px;
1133
+ text-align: right;
1134
+ font-weight: 700;
1135
+ color: #1c2438;
1136
+ flex-shrink: 0;
1137
+ }
1138
+ .chat_markdown .mgrid .v.up {
1139
+ color: var(--green);
1140
+ }
1141
+ .chat_markdown .mgrid .v.down {
1142
+ color: var(--red);
1143
+ }
1144
+ .chat_markdown .mgrid .m .n.up {
1145
+ color: var(--green);
1146
+ }
1147
+ .chat_markdown .mgrid .m .n.down {
1148
+ color: var(--red);
1149
+ }
1150
+ .chat_markdown .mgrid .v.low {
1151
+ color: #b45309;
1152
+ }
1153
+ .chat_markdown .kv .vv b.up {
1154
+ color: var(--green);
1155
+ }
1156
+ .chat_markdown .kv .vv b.down {
1157
+ color: var(--red);
1158
+ }
1159
+ .chat_markdown .kv .vv b.low {
1160
+ color: #b45309;
1161
+ }
1162
+ .chat_markdown .wa-crypto-stance-row {
1163
+ margin-top: 8px;
1164
+ }
1165
+ .chat_markdown .wa-crypto-stance-row-lg {
1166
+ margin-top: 11px;
1167
+ }
1168
+ .chat_markdown .wa-crypto-stance-reason {
1169
+ font-size: 12px;
1170
+ color: #3a4159;
1171
+ margin-top: 8px;
1172
+ line-height: 1.5;
1173
+ }
1174
+ .chat_markdown .mgrid .m .n.wa-crypto-metric-detail {
1175
+ font-weight: 500;
1176
+ line-height: 1.35;
1177
+ }
1178
+ .chat_markdown .wa-crypto-kv-primary {
1179
+ display: block;
1180
+ font-size: 14px;
1181
+ font-weight: 700;
1182
+ }
1183
+ .chat_markdown .wa-crypto-kv-note {
1184
+ display: block;
1185
+ font-size: 10.5px;
1186
+ font-weight: 700;
1187
+ margin-top: 2px;
1188
+ }
1189
+ .chat_markdown .wa-crypto-kv-note.up {
1190
+ color: var(--green);
1191
+ }
1192
+ .chat_markdown .wa-crypto-kv-note.down {
1193
+ color: var(--red);
1194
+ }
1195
+ .chat_markdown .wa-crypto-kv-note.low {
1196
+ color: #b45309;
1197
+ }
1198
+ .chat_markdown .wa-crypto-kv-note.avg {
1199
+ color: #737b97;
1200
+ }
1201
+ .chat_markdown .wa-crypto-kv-detail {
1202
+ display: block;
1203
+ font-size: 10.5px;
1204
+ font-weight: 500;
1205
+ color: #737b97;
1206
+ margin-top: 2px;
1207
+ line-height: 1.35;
1208
+ }
1209
+ .chat_markdown .dstock {
1210
+ border: 1px solid #e6e9f5;
1211
+ border-radius: 14px;
1212
+ padding: 12px 13px;
1213
+ margin-bottom: 10px;
1214
+ background: #fff;
1215
+ }
1216
+ .chat_markdown .dstock:last-child {
1217
+ margin-bottom: 0;
1218
+ }
1219
+ .chat_markdown .dh {
1220
+ display: flex;
1221
+ align-items: center;
1222
+ gap: 9px;
1223
+ margin-bottom: 9px;
1224
+ }
1225
+ .chat_markdown .rank {
1226
+ width: 24px;
1227
+ height: 24px;
1228
+ flex: 0 0 auto;
1229
+ border-radius: 6px;
1230
+ background: #e7ebf7;
1231
+ color: #1c2c5b;
1232
+ display: grid;
1233
+ place-items: center;
1234
+ font-weight: 800;
1235
+ font-size: 12px;
1236
+ }
1237
+ .chat_markdown .nm {
1238
+ font-weight: 700;
1239
+ font-size: 13.5px;
1240
+ line-height: 1.2;
1241
+ color: #1c2438;
1242
+ display: flex;
1243
+ align-items: center;
1244
+ gap: 6px;
1245
+ flex-wrap: wrap;
1246
+ }
1247
+ .chat_markdown .nm .wa-badge {
1248
+ font-size: 10px;
1249
+ padding: 3px 8px;
1250
+ vertical-align: middle;
1251
+ }
1252
+ .chat_markdown .co {
1253
+ font-size: 10.5px;
1254
+ color: #737b97;
1255
+ margin-top: 2px;
1256
+ }
1257
+ .chat_markdown .dstock .fs {
1258
+ margin-left: auto;
1259
+ text-align: right;
1260
+ flex-shrink: 0;
1261
+ }
1262
+ .chat_markdown .dstock .fs .num {
1263
+ font-weight: 800;
1264
+ font-size: 18px;
1265
+ color: #1c2c5b;
1266
+ line-height: 1;
1267
+ }
1268
+ .chat_markdown .dstock .fs .cap {
1269
+ font-size: 8.5px;
1270
+ color: #737b97;
1271
+ text-transform: uppercase;
1272
+ letter-spacing: 0.4px;
1273
+ margin-top: 2px;
1274
+ }
1275
+ .chat_markdown .qrow {
1276
+ display: flex;
1277
+ gap: 6px;
1278
+ flex-wrap: wrap;
1279
+ align-items: center;
1280
+ }
1281
+ .chat_markdown .qrow.qrow-grid {
1282
+ display: grid;
1283
+ grid-template-columns: 1fr 1fr;
1284
+ gap: 6px;
1285
+ }
1286
+ .chat_markdown .qrow.qrow-grid .qtag {
1287
+ min-height: 38px;
1288
+ width: 100%;
1289
+ box-sizing: border-box;
1290
+ display: flex;
1291
+ align-items: center;
1292
+ justify-content: center;
1293
+ text-align: center;
1294
+ line-height: 1.2;
1295
+ padding: 4px 6px;
1296
+ }
1297
+ .chat_markdown .qtag {
1298
+ font-size: 10.5px;
1299
+ font-weight: 700;
1300
+ padding: 4px 9px;
1301
+ border-radius: 7px;
1302
+ border: 1px solid #e0e4f0;
1303
+ background: #f1f3fa;
1304
+ color: #475069;
1305
+ }
1306
+ .chat_markdown .qtag .qk {
1307
+ opacity: 0.55;
1308
+ font-weight: 600;
1309
+ margin-right: 3px;
1310
+ }
1311
+ .chat_markdown .qtag.good {
1312
+ background: #dcfce7;
1313
+ border-color: #bbf7d0;
1314
+ color: #14532d;
1315
+ }
1316
+ .chat_markdown .qtag.avg {
1317
+ background: #f1f3fa;
1318
+ border-color: #e0e4f0;
1319
+ color: #475069;
1320
+ }
1321
+ .chat_markdown .qtag.low {
1322
+ background: #fef3e0;
1323
+ border-color: #fde2b8;
1324
+ color: #7c4a03;
1325
+ }
1326
+ .chat_markdown .dstock .wa-peer-detail {
1327
+ margin-top: 6px;
1328
+ font-size: 11.5px;
1329
+ }
1330
+ .chat_markdown .wa-disc-footer {
1331
+ font-size: 11px;
1332
+ color: #737b97;
1333
+ line-height: 1.5;
1334
+ padding: 10px 14px;
1335
+ border-top: 1px solid #eceffa;
1336
+ }
215
1337
  .chat_bubbleBot {
216
1338
  align-self: flex-start;
217
1339
  background: var(--wac-bot-bg);
@@ -488,4 +1610,105 @@
488
1610
  transform: scale(1) translateY(0);
489
1611
  }
490
1612
  }
1613
+ .chat_menuGrid {
1614
+ display: grid;
1615
+ grid-template-columns: 1fr 1fr;
1616
+ gap: 6px;
1617
+ margin-top: 6px;
1618
+ }
1619
+ .chat_menuItem {
1620
+ background: #fff;
1621
+ border: 1px solid #e6e9f5;
1622
+ border-radius: 10px;
1623
+ padding: 8px 10px;
1624
+ cursor: pointer;
1625
+ text-align: left;
1626
+ font-family: inherit;
1627
+ transition:
1628
+ transform 0.15s,
1629
+ box-shadow 0.15s,
1630
+ border-color 0.15s;
1631
+ }
1632
+ .chat_menuItem:hover {
1633
+ transform: translateY(-2px);
1634
+ box-shadow: 0 8px 20px -12px rgba(28, 44, 91, 0.45);
1635
+ border-color: #d4d9ee;
1636
+ }
1637
+ .chat_menuItemIcon {
1638
+ width: 36px;
1639
+ height: 36px;
1640
+ border-radius: 8px;
1641
+ display: grid;
1642
+ place-items: center;
1643
+ font-size: 18px;
1644
+ margin-bottom: 5px;
1645
+ }
1646
+ .chat_menuItemTitle {
1647
+ font-size: 12px;
1648
+ font-weight: 700;
1649
+ color: #1c2438;
1650
+ line-height: 1.2;
1651
+ }
1652
+ .chat_menuItemSub {
1653
+ font-size: 10px;
1654
+ color: #737b97;
1655
+ margin-top: 2px;
1656
+ line-height: 1.2;
1657
+ }
1658
+ .chat_menuIconGreen {
1659
+ background:
1660
+ linear-gradient(
1661
+ 135deg,
1662
+ #10b981,
1663
+ #059669);
1664
+ }
1665
+ .chat_menuIconBlue {
1666
+ background:
1667
+ linear-gradient(
1668
+ 135deg,
1669
+ #3b82f6,
1670
+ #2563eb);
1671
+ }
1672
+ .chat_menuIconLeaf {
1673
+ background:
1674
+ linear-gradient(
1675
+ 135deg,
1676
+ #65c466,
1677
+ #3f9c43);
1678
+ }
1679
+ .chat_menuIconRed {
1680
+ background:
1681
+ linear-gradient(
1682
+ 135deg,
1683
+ #f43f5e,
1684
+ #e11d48);
1685
+ }
1686
+ .chat_menuIconOrange {
1687
+ background:
1688
+ linear-gradient(
1689
+ 135deg,
1690
+ #fb923c,
1691
+ #ea580c);
1692
+ }
1693
+ .chat_menuIconGold {
1694
+ background:
1695
+ linear-gradient(
1696
+ 135deg,
1697
+ #fbbf24,
1698
+ #d97706);
1699
+ }
1700
+ .chat_menuIconTeal {
1701
+ background:
1702
+ linear-gradient(
1703
+ 135deg,
1704
+ #14b8a6,
1705
+ #0d9488);
1706
+ }
1707
+ .chat_menuIconPurple {
1708
+ background:
1709
+ linear-gradient(
1710
+ 135deg,
1711
+ #8b5cf6,
1712
+ #7c3aed);
1713
+ }
491
1714
  /*# sourceMappingURL=index.css.map */