@libxai/board 1.9.31 → 1.9.32
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.cjs +444 -444
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +6796 -6796
- package/dist/index.d.ts +6796 -6796
- package/dist/index.js +444 -444
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1031 -1031
- package/package.json +142 -142
package/dist/styles.css
CHANGED
|
@@ -518,675 +518,675 @@
|
|
|
518
518
|
/* FilterBar - Advanced filtering and sorting UI */
|
|
519
519
|
|
|
520
520
|
|
|
521
|
-
/**
|
|
522
|
-
* FilterBar Component Styles
|
|
521
|
+
/**
|
|
522
|
+
* FilterBar Component Styles
|
|
523
523
|
*/
|
|
524
524
|
|
|
525
525
|
|
|
526
|
-
.filter-bar {
|
|
527
|
-
display: flex;
|
|
528
|
-
flex-direction: column;
|
|
529
|
-
gap: var(--space-3);
|
|
530
|
-
padding: var(--space-4);
|
|
531
|
-
background: var(--theme-bg-tertiary);
|
|
532
|
-
border-radius: var(--radius-lg);
|
|
533
|
-
border: 1px solid var(--theme-border-primary);
|
|
534
|
-
margin-bottom: var(--space-4);
|
|
526
|
+
.filter-bar {
|
|
527
|
+
display: flex;
|
|
528
|
+
flex-direction: column;
|
|
529
|
+
gap: var(--space-3);
|
|
530
|
+
padding: var(--space-4);
|
|
531
|
+
background: var(--theme-bg-tertiary);
|
|
532
|
+
border-radius: var(--radius-lg);
|
|
533
|
+
border: 1px solid var(--theme-border-primary);
|
|
534
|
+
margin-bottom: var(--space-4);
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
|
|
538
|
-
.filter-bar--compact {
|
|
539
|
-
padding: var(--space-3);
|
|
540
|
-
gap: var(--space-2);
|
|
538
|
+
.filter-bar--compact {
|
|
539
|
+
padding: var(--space-3);
|
|
540
|
+
gap: var(--space-2);
|
|
541
541
|
}
|
|
542
542
|
|
|
543
543
|
|
|
544
544
|
/* Quick Filters */
|
|
545
545
|
|
|
546
546
|
|
|
547
|
-
.filter-bar__quick {
|
|
548
|
-
display: flex;
|
|
549
|
-
align-items: center;
|
|
550
|
-
gap: var(--space-2);
|
|
551
|
-
padding-bottom: var(--space-3);
|
|
552
|
-
border-bottom: 1px solid var(--theme-border-primary);
|
|
547
|
+
.filter-bar__quick {
|
|
548
|
+
display: flex;
|
|
549
|
+
align-items: center;
|
|
550
|
+
gap: var(--space-2);
|
|
551
|
+
padding-bottom: var(--space-3);
|
|
552
|
+
border-bottom: 1px solid var(--theme-border-primary);
|
|
553
553
|
}
|
|
554
554
|
|
|
555
555
|
|
|
556
|
-
.filter-bar__quick-btn {
|
|
557
|
-
padding: var(--space-2) var(--space-3);
|
|
558
|
-
background: var(--theme-bg-secondary);
|
|
559
|
-
border: 1px solid var(--theme-border-primary);
|
|
560
|
-
border-radius: var(--radius-md);
|
|
561
|
-
color: var(--theme-accent-primary);
|
|
562
|
-
font-size: var(--font-xs);
|
|
563
|
-
font-weight: 500;
|
|
564
|
-
cursor: pointer;
|
|
565
|
-
transition: all 0.2s;
|
|
556
|
+
.filter-bar__quick-btn {
|
|
557
|
+
padding: var(--space-2) var(--space-3);
|
|
558
|
+
background: var(--theme-bg-secondary);
|
|
559
|
+
border: 1px solid var(--theme-border-primary);
|
|
560
|
+
border-radius: var(--radius-md);
|
|
561
|
+
color: var(--theme-accent-primary);
|
|
562
|
+
font-size: var(--font-xs);
|
|
563
|
+
font-weight: 500;
|
|
564
|
+
cursor: pointer;
|
|
565
|
+
transition: all 0.2s;
|
|
566
566
|
}
|
|
567
567
|
|
|
568
568
|
|
|
569
|
-
.filter-bar__quick-btn:hover {
|
|
570
|
-
background: var(--theme-bg-primary);
|
|
571
|
-
border-color: var(--theme-accent-primary);
|
|
572
|
-
color: var(--theme-accent-hover);
|
|
569
|
+
.filter-bar__quick-btn:hover {
|
|
570
|
+
background: var(--theme-bg-primary);
|
|
571
|
+
border-color: var(--theme-accent-primary);
|
|
572
|
+
color: var(--theme-accent-hover);
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
|
|
576
576
|
/* Main Filters */
|
|
577
577
|
|
|
578
578
|
|
|
579
|
-
.filter-bar__main {
|
|
580
|
-
display: flex;
|
|
581
|
-
flex-wrap: wrap;
|
|
582
|
-
gap: var(--space-3);
|
|
583
|
-
align-items: center;
|
|
579
|
+
.filter-bar__main {
|
|
580
|
+
display: flex;
|
|
581
|
+
flex-wrap: wrap;
|
|
582
|
+
gap: var(--space-3);
|
|
583
|
+
align-items: center;
|
|
584
584
|
}
|
|
585
585
|
|
|
586
586
|
|
|
587
|
-
.filter-bar__field {
|
|
588
|
-
display: flex;
|
|
589
|
-
align-items: center;
|
|
590
|
-
gap: var(--space-2);
|
|
591
|
-
flex-shrink: 0;
|
|
587
|
+
.filter-bar__field {
|
|
588
|
+
display: flex;
|
|
589
|
+
align-items: center;
|
|
590
|
+
gap: var(--space-2);
|
|
591
|
+
flex-shrink: 0;
|
|
592
592
|
}
|
|
593
593
|
|
|
594
594
|
|
|
595
|
-
.filter-bar__label {
|
|
596
|
-
font-size: var(--font-xs);
|
|
597
|
-
color: var(--theme-text-secondary);
|
|
598
|
-
font-weight: 500;
|
|
599
|
-
white-space: nowrap;
|
|
595
|
+
.filter-bar__label {
|
|
596
|
+
font-size: var(--font-xs);
|
|
597
|
+
color: var(--theme-text-secondary);
|
|
598
|
+
font-weight: 500;
|
|
599
|
+
white-space: nowrap;
|
|
600
600
|
}
|
|
601
601
|
|
|
602
602
|
|
|
603
603
|
/* Search Input */
|
|
604
604
|
|
|
605
605
|
|
|
606
|
-
.filter-bar__search {
|
|
607
|
-
padding: var(--space-2) var(--space-3);
|
|
608
|
-
background: var(--theme-bg-secondary) !important;
|
|
609
|
-
border: 1px solid var(--theme-border-primary);
|
|
610
|
-
border-radius: var(--radius-md);
|
|
611
|
-
color: var(--theme-text-primary) !important;
|
|
612
|
-
font-size: var(--font-sm);
|
|
613
|
-
width: 280px;
|
|
614
|
-
transition: all 0.2s;
|
|
615
|
-
-webkit-text-fill-color: var(--theme-text-primary);
|
|
606
|
+
.filter-bar__search {
|
|
607
|
+
padding: var(--space-2) var(--space-3);
|
|
608
|
+
background: var(--theme-bg-secondary) !important;
|
|
609
|
+
border: 1px solid var(--theme-border-primary);
|
|
610
|
+
border-radius: var(--radius-md);
|
|
611
|
+
color: var(--theme-text-primary) !important;
|
|
612
|
+
font-size: var(--font-sm);
|
|
613
|
+
width: 280px;
|
|
614
|
+
transition: all 0.2s;
|
|
615
|
+
-webkit-text-fill-color: var(--theme-text-primary);
|
|
616
616
|
}
|
|
617
617
|
|
|
618
618
|
|
|
619
|
-
.filter-bar__search:focus {
|
|
620
|
-
outline: none;
|
|
621
|
-
border-color: var(--theme-accent-primary);
|
|
622
|
-
background: var(--theme-bg-primary) !important;
|
|
619
|
+
.filter-bar__search:focus {
|
|
620
|
+
outline: none;
|
|
621
|
+
border-color: var(--theme-accent-primary);
|
|
622
|
+
background: var(--theme-bg-primary) !important;
|
|
623
623
|
}
|
|
624
624
|
|
|
625
625
|
|
|
626
|
-
.filter-bar__search::placeholder,
|
|
627
|
-
.filter-bar__search::-webkit-input-placeholder,
|
|
628
|
-
.filter-bar__search::-moz-placeholder,
|
|
629
|
-
.filter-bar__search:-ms-input-placeholder {
|
|
630
|
-
color: var(--theme-text-tertiary) !important;
|
|
631
|
-
opacity: 1 !important;
|
|
632
|
-
-webkit-text-fill-color: var(--theme-text-tertiary) !important;
|
|
626
|
+
.filter-bar__search::placeholder,
|
|
627
|
+
.filter-bar__search::-webkit-input-placeholder,
|
|
628
|
+
.filter-bar__search::-moz-placeholder,
|
|
629
|
+
.filter-bar__search:-ms-input-placeholder {
|
|
630
|
+
color: var(--theme-text-tertiary) !important;
|
|
631
|
+
opacity: 1 !important;
|
|
632
|
+
-webkit-text-fill-color: var(--theme-text-tertiary) !important;
|
|
633
633
|
}
|
|
634
634
|
|
|
635
635
|
|
|
636
636
|
/* Select Dropdown */
|
|
637
637
|
|
|
638
638
|
|
|
639
|
-
.filter-bar__select {
|
|
640
|
-
padding: var(--space-2) var(--space-3);
|
|
641
|
-
background: var(--theme-bg-secondary) !important;
|
|
642
|
-
border: 1px solid var(--theme-border-primary);
|
|
643
|
-
border-radius: var(--radius-md);
|
|
644
|
-
color: var(--theme-text-primary) !important;
|
|
645
|
-
font-size: var(--font-sm);
|
|
646
|
-
cursor: pointer;
|
|
647
|
-
transition: all 0.2s;
|
|
648
|
-
min-width: 160px;
|
|
649
|
-
width: auto;
|
|
650
|
-
-webkit-appearance: auto;
|
|
651
|
-
-moz-appearance: auto;
|
|
652
|
-
appearance: auto;
|
|
653
|
-
-webkit-text-fill-color: var(--theme-text-primary);
|
|
654
|
-
-webkit-appearance: menulist;
|
|
639
|
+
.filter-bar__select {
|
|
640
|
+
padding: var(--space-2) var(--space-3);
|
|
641
|
+
background: var(--theme-bg-secondary) !important;
|
|
642
|
+
border: 1px solid var(--theme-border-primary);
|
|
643
|
+
border-radius: var(--radius-md);
|
|
644
|
+
color: var(--theme-text-primary) !important;
|
|
645
|
+
font-size: var(--font-sm);
|
|
646
|
+
cursor: pointer;
|
|
647
|
+
transition: all 0.2s;
|
|
648
|
+
min-width: 160px;
|
|
649
|
+
width: auto;
|
|
650
|
+
-webkit-appearance: auto;
|
|
651
|
+
-moz-appearance: auto;
|
|
652
|
+
appearance: auto;
|
|
653
|
+
-webkit-text-fill-color: var(--theme-text-primary);
|
|
654
|
+
-webkit-appearance: menulist;
|
|
655
655
|
}
|
|
656
656
|
|
|
657
657
|
|
|
658
|
-
.filter-bar__select:hover {
|
|
659
|
-
border-color: var(--theme-accent-primary);
|
|
660
|
-
background: var(--theme-bg-primary) !important;
|
|
658
|
+
.filter-bar__select:hover {
|
|
659
|
+
border-color: var(--theme-accent-primary);
|
|
660
|
+
background: var(--theme-bg-primary) !important;
|
|
661
661
|
}
|
|
662
662
|
|
|
663
663
|
|
|
664
|
-
.filter-bar__select:focus {
|
|
665
|
-
outline: none;
|
|
666
|
-
border-color: var(--theme-accent-primary);
|
|
667
|
-
background: var(--theme-bg-primary) !important;
|
|
664
|
+
.filter-bar__select:focus {
|
|
665
|
+
outline: none;
|
|
666
|
+
border-color: var(--theme-accent-primary);
|
|
667
|
+
background: var(--theme-bg-primary) !important;
|
|
668
668
|
}
|
|
669
669
|
|
|
670
670
|
|
|
671
|
-
.filter-bar__select--sm {
|
|
672
|
-
min-width: 140px;
|
|
671
|
+
.filter-bar__select--sm {
|
|
672
|
+
min-width: 140px;
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
|
|
676
|
-
.filter-bar__select option {
|
|
677
|
-
background: var(--theme-bg-primary) !important;
|
|
678
|
-
color: var(--theme-text-primary) !important;
|
|
679
|
-
padding: 8px;
|
|
676
|
+
.filter-bar__select option {
|
|
677
|
+
background: var(--theme-bg-primary) !important;
|
|
678
|
+
color: var(--theme-text-primary) !important;
|
|
679
|
+
padding: 8px;
|
|
680
680
|
}
|
|
681
681
|
|
|
682
682
|
|
|
683
683
|
/* Multi-Select (Chips) */
|
|
684
684
|
|
|
685
685
|
|
|
686
|
-
.filter-bar__multi-select {
|
|
687
|
-
display: flex;
|
|
688
|
-
align-items: flex-start;
|
|
689
|
-
gap: var(--space-2);
|
|
690
|
-
flex-wrap: wrap;
|
|
691
|
-
width: 100%;
|
|
686
|
+
.filter-bar__multi-select {
|
|
687
|
+
display: flex;
|
|
688
|
+
align-items: flex-start;
|
|
689
|
+
gap: var(--space-2);
|
|
690
|
+
flex-wrap: wrap;
|
|
691
|
+
width: 100%;
|
|
692
692
|
}
|
|
693
693
|
|
|
694
694
|
|
|
695
|
-
.filter-bar__multi-label {
|
|
696
|
-
font-size: var(--font-xs);
|
|
697
|
-
color: var(--theme-text-secondary);
|
|
698
|
-
font-weight: 500;
|
|
699
|
-
width: 100%;
|
|
700
|
-
margin-bottom: var(--space-1);
|
|
695
|
+
.filter-bar__multi-label {
|
|
696
|
+
font-size: var(--font-xs);
|
|
697
|
+
color: var(--theme-text-secondary);
|
|
698
|
+
font-weight: 500;
|
|
699
|
+
width: 100%;
|
|
700
|
+
margin-bottom: var(--space-1);
|
|
701
701
|
}
|
|
702
702
|
|
|
703
703
|
|
|
704
|
-
.filter-bar__chip {
|
|
705
|
-
padding: var(--space-1) var(--space-3);
|
|
706
|
-
background: var(--theme-bg-secondary);
|
|
707
|
-
border: 1px solid var(--theme-border-primary);
|
|
708
|
-
border-radius: var(--radius-full);
|
|
709
|
-
color: var(--theme-text-secondary);
|
|
710
|
-
font-size: var(--font-xs);
|
|
711
|
-
font-weight: 500;
|
|
712
|
-
cursor: pointer;
|
|
713
|
-
transition: all 0.2s;
|
|
714
|
-
white-space: nowrap;
|
|
704
|
+
.filter-bar__chip {
|
|
705
|
+
padding: var(--space-1) var(--space-3);
|
|
706
|
+
background: var(--theme-bg-secondary);
|
|
707
|
+
border: 1px solid var(--theme-border-primary);
|
|
708
|
+
border-radius: var(--radius-full);
|
|
709
|
+
color: var(--theme-text-secondary);
|
|
710
|
+
font-size: var(--font-xs);
|
|
711
|
+
font-weight: 500;
|
|
712
|
+
cursor: pointer;
|
|
713
|
+
transition: all 0.2s;
|
|
714
|
+
white-space: nowrap;
|
|
715
715
|
}
|
|
716
716
|
|
|
717
717
|
|
|
718
|
-
.filter-bar__chip:hover {
|
|
719
|
-
background: var(--theme-bg-primary);
|
|
720
|
-
border-color: var(--theme-accent-primary);
|
|
721
|
-
color: var(--theme-text-primary);
|
|
718
|
+
.filter-bar__chip:hover {
|
|
719
|
+
background: var(--theme-bg-primary);
|
|
720
|
+
border-color: var(--theme-accent-primary);
|
|
721
|
+
color: var(--theme-text-primary);
|
|
722
722
|
}
|
|
723
723
|
|
|
724
724
|
|
|
725
|
-
.filter-bar__chip--active {
|
|
726
|
-
background: var(--theme-bg-primary);
|
|
727
|
-
border-color: var(--theme-accent-primary);
|
|
728
|
-
color: var(--theme-accent-primary);
|
|
725
|
+
.filter-bar__chip--active {
|
|
726
|
+
background: var(--theme-bg-primary);
|
|
727
|
+
border-color: var(--theme-accent-primary);
|
|
728
|
+
color: var(--theme-accent-primary);
|
|
729
729
|
}
|
|
730
730
|
|
|
731
731
|
|
|
732
732
|
/* Priority-specific colors */
|
|
733
733
|
|
|
734
734
|
|
|
735
|
-
.filter-bar__chip--urgent.filter-bar__chip--active {
|
|
736
|
-
background: rgba(239, 68, 68, 0.2);
|
|
737
|
-
border-color: rgba(239, 68, 68, 0.5);
|
|
738
|
-
color: #fca5a5;
|
|
735
|
+
.filter-bar__chip--urgent.filter-bar__chip--active {
|
|
736
|
+
background: rgba(239, 68, 68, 0.2);
|
|
737
|
+
border-color: rgba(239, 68, 68, 0.5);
|
|
738
|
+
color: #fca5a5;
|
|
739
739
|
}
|
|
740
740
|
|
|
741
741
|
|
|
742
|
-
.filter-bar__chip--high.filter-bar__chip--active {
|
|
743
|
-
background: rgba(251, 146, 60, 0.2);
|
|
744
|
-
border-color: rgba(251, 146, 60, 0.5);
|
|
745
|
-
color: #fdba74;
|
|
742
|
+
.filter-bar__chip--high.filter-bar__chip--active {
|
|
743
|
+
background: rgba(251, 146, 60, 0.2);
|
|
744
|
+
border-color: rgba(251, 146, 60, 0.5);
|
|
745
|
+
color: #fdba74;
|
|
746
746
|
}
|
|
747
747
|
|
|
748
748
|
|
|
749
|
-
.filter-bar__chip--medium.filter-bar__chip--active {
|
|
750
|
-
background: rgba(250, 204, 21, 0.2);
|
|
751
|
-
border-color: rgba(250, 204, 21, 0.5);
|
|
752
|
-
color: #fde047;
|
|
749
|
+
.filter-bar__chip--medium.filter-bar__chip--active {
|
|
750
|
+
background: rgba(250, 204, 21, 0.2);
|
|
751
|
+
border-color: rgba(250, 204, 21, 0.5);
|
|
752
|
+
color: #fde047;
|
|
753
753
|
}
|
|
754
754
|
|
|
755
755
|
|
|
756
|
-
.filter-bar__chip--low.filter-bar__chip--active {
|
|
757
|
-
background: rgba(34, 197, 94, 0.2);
|
|
758
|
-
border-color: rgba(34, 197, 94, 0.5);
|
|
759
|
-
color: #86efac;
|
|
756
|
+
.filter-bar__chip--low.filter-bar__chip--active {
|
|
757
|
+
background: rgba(34, 197, 94, 0.2);
|
|
758
|
+
border-color: rgba(34, 197, 94, 0.5);
|
|
759
|
+
color: #86efac;
|
|
760
760
|
}
|
|
761
761
|
|
|
762
762
|
|
|
763
763
|
/* Sort Controls */
|
|
764
764
|
|
|
765
765
|
|
|
766
|
-
.filter-bar__sort {
|
|
767
|
-
display: flex;
|
|
768
|
-
align-items: center;
|
|
769
|
-
gap: var(--space-2);
|
|
766
|
+
.filter-bar__sort {
|
|
767
|
+
display: flex;
|
|
768
|
+
align-items: center;
|
|
769
|
+
gap: var(--space-2);
|
|
770
770
|
}
|
|
771
771
|
|
|
772
772
|
|
|
773
|
-
.filter-bar__sort-toggle {
|
|
774
|
-
padding: var(--space-2);
|
|
775
|
-
background: var(--theme-bg-secondary);
|
|
776
|
-
border: 1px solid var(--theme-border-primary);
|
|
777
|
-
border-radius: var(--radius-md);
|
|
778
|
-
color: var(--theme-text-primary);
|
|
779
|
-
font-size: var(--font-lg);
|
|
780
|
-
line-height: 1;
|
|
781
|
-
cursor: pointer;
|
|
782
|
-
transition: all 0.2s;
|
|
783
|
-
width: 32px;
|
|
784
|
-
height: 32px;
|
|
785
|
-
display: flex;
|
|
786
|
-
align-items: center;
|
|
787
|
-
justify-content: center;
|
|
773
|
+
.filter-bar__sort-toggle {
|
|
774
|
+
padding: var(--space-2);
|
|
775
|
+
background: var(--theme-bg-secondary);
|
|
776
|
+
border: 1px solid var(--theme-border-primary);
|
|
777
|
+
border-radius: var(--radius-md);
|
|
778
|
+
color: var(--theme-text-primary);
|
|
779
|
+
font-size: var(--font-lg);
|
|
780
|
+
line-height: 1;
|
|
781
|
+
cursor: pointer;
|
|
782
|
+
transition: all 0.2s;
|
|
783
|
+
width: 32px;
|
|
784
|
+
height: 32px;
|
|
785
|
+
display: flex;
|
|
786
|
+
align-items: center;
|
|
787
|
+
justify-content: center;
|
|
788
788
|
}
|
|
789
789
|
|
|
790
790
|
|
|
791
|
-
.filter-bar__sort-toggle:hover {
|
|
792
|
-
background: var(--theme-bg-primary);
|
|
793
|
-
border-color: var(--theme-accent-primary);
|
|
794
|
-
color: var(--theme-accent-primary);
|
|
791
|
+
.filter-bar__sort-toggle:hover {
|
|
792
|
+
background: var(--theme-bg-primary);
|
|
793
|
+
border-color: var(--theme-accent-primary);
|
|
794
|
+
color: var(--theme-accent-primary);
|
|
795
795
|
}
|
|
796
796
|
|
|
797
797
|
|
|
798
798
|
/* Reset Button */
|
|
799
799
|
|
|
800
800
|
|
|
801
|
-
.filter-bar__reset {
|
|
802
|
-
padding: var(--space-2) var(--space-4);
|
|
803
|
-
background: var(--theme-bg-secondary);
|
|
804
|
-
border: 1px solid var(--theme-border-primary);
|
|
805
|
-
border-radius: var(--radius-md);
|
|
806
|
-
color: var(--theme-error, #EF4444);
|
|
807
|
-
font-size: var(--font-sm);
|
|
808
|
-
font-weight: 500;
|
|
809
|
-
cursor: pointer;
|
|
810
|
-
transition: all 0.2s;
|
|
811
|
-
margin-left: auto;
|
|
801
|
+
.filter-bar__reset {
|
|
802
|
+
padding: var(--space-2) var(--space-4);
|
|
803
|
+
background: var(--theme-bg-secondary);
|
|
804
|
+
border: 1px solid var(--theme-border-primary);
|
|
805
|
+
border-radius: var(--radius-md);
|
|
806
|
+
color: var(--theme-error, #EF4444);
|
|
807
|
+
font-size: var(--font-sm);
|
|
808
|
+
font-weight: 500;
|
|
809
|
+
cursor: pointer;
|
|
810
|
+
transition: all 0.2s;
|
|
811
|
+
margin-left: auto;
|
|
812
812
|
}
|
|
813
813
|
|
|
814
814
|
|
|
815
|
-
.filter-bar__reset:hover {
|
|
816
|
-
background: var(--theme-bg-primary);
|
|
817
|
-
border-color: var(--theme-error, #EF4444);
|
|
818
|
-
color: var(--theme-error, #EF4444);
|
|
815
|
+
.filter-bar__reset:hover {
|
|
816
|
+
background: var(--theme-bg-primary);
|
|
817
|
+
border-color: var(--theme-error, #EF4444);
|
|
818
|
+
color: var(--theme-error, #EF4444);
|
|
819
819
|
}
|
|
820
820
|
|
|
821
821
|
|
|
822
822
|
/* Responsive */
|
|
823
823
|
|
|
824
824
|
|
|
825
|
-
@media (max-width: 768px) {
|
|
826
|
-
.filter-bar__main {
|
|
827
|
-
flex-direction: column;
|
|
828
|
-
align-items: stretch;
|
|
829
|
-
}
|
|
830
|
-
|
|
831
|
-
.filter-bar__field {
|
|
832
|
-
flex-direction: column;
|
|
833
|
-
align-items: stretch;
|
|
834
|
-
}
|
|
835
|
-
|
|
836
|
-
.filter-bar__search,
|
|
837
|
-
.filter-bar__select {
|
|
838
|
-
width: 100%;
|
|
839
|
-
min-width: unset;
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
.filter-bar__reset {
|
|
843
|
-
margin-left: 0;
|
|
844
|
-
}
|
|
825
|
+
@media (max-width: 768px) {
|
|
826
|
+
.filter-bar__main {
|
|
827
|
+
flex-direction: column;
|
|
828
|
+
align-items: stretch;
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.filter-bar__field {
|
|
832
|
+
flex-direction: column;
|
|
833
|
+
align-items: stretch;
|
|
834
|
+
}
|
|
835
|
+
|
|
836
|
+
.filter-bar__search,
|
|
837
|
+
.filter-bar__select {
|
|
838
|
+
width: 100%;
|
|
839
|
+
min-width: unset;
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
.filter-bar__reset {
|
|
843
|
+
margin-left: 0;
|
|
844
|
+
}
|
|
845
845
|
}
|
|
846
846
|
|
|
847
847
|
|
|
848
848
|
/* Card Stack - Smart grouping of related cards (v0.6.0) */
|
|
849
849
|
|
|
850
850
|
|
|
851
|
-
/**
|
|
852
|
-
* CardStack Styles
|
|
853
|
-
* Visual grouping with smooth animations
|
|
851
|
+
/**
|
|
852
|
+
* CardStack Styles
|
|
853
|
+
* Visual grouping with smooth animations
|
|
854
854
|
*/
|
|
855
855
|
|
|
856
856
|
|
|
857
|
-
.card-stack {
|
|
858
|
-
position: relative;
|
|
859
|
-
margin: 8px 0;
|
|
860
|
-
border-radius: 8px;
|
|
861
|
-
border: 2px solid var(--stack-color, var(--color-accent-primary));
|
|
862
|
-
background: var(--color-bg-primary);
|
|
863
|
-
transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
864
|
-
overflow: hidden;
|
|
857
|
+
.card-stack {
|
|
858
|
+
position: relative;
|
|
859
|
+
margin: 8px 0;
|
|
860
|
+
border-radius: 8px;
|
|
861
|
+
border: 2px solid var(--stack-color, var(--color-accent-primary));
|
|
862
|
+
background: var(--color-bg-primary);
|
|
863
|
+
transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
864
|
+
overflow: hidden;
|
|
865
865
|
}
|
|
866
866
|
|
|
867
867
|
|
|
868
|
-
.card-stack:hover {
|
|
869
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
868
|
+
.card-stack:hover {
|
|
869
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
|
870
870
|
}
|
|
871
871
|
|
|
872
872
|
|
|
873
873
|
/* Header */
|
|
874
874
|
|
|
875
875
|
|
|
876
|
-
.card-stack-header {
|
|
877
|
-
display: flex;
|
|
878
|
-
align-items: center;
|
|
879
|
-
justify-content: space-between;
|
|
880
|
-
padding: 12px 16px;
|
|
881
|
-
background: var(--color-bg-secondary);
|
|
882
|
-
border-bottom: 1px solid var(--color-border-primary);
|
|
883
|
-
cursor: pointer;
|
|
884
|
-
transition: background 150ms ease;
|
|
876
|
+
.card-stack-header {
|
|
877
|
+
display: flex;
|
|
878
|
+
align-items: center;
|
|
879
|
+
justify-content: space-between;
|
|
880
|
+
padding: 12px 16px;
|
|
881
|
+
background: var(--color-bg-secondary);
|
|
882
|
+
border-bottom: 1px solid var(--color-border-primary);
|
|
883
|
+
cursor: pointer;
|
|
884
|
+
transition: background 150ms ease;
|
|
885
885
|
}
|
|
886
886
|
|
|
887
887
|
|
|
888
|
-
.card-stack-header:hover {
|
|
889
|
-
background: var(--color-bg-tertiary);
|
|
888
|
+
.card-stack-header:hover {
|
|
889
|
+
background: var(--color-bg-tertiary);
|
|
890
890
|
}
|
|
891
891
|
|
|
892
892
|
|
|
893
|
-
.card-stack-header-left {
|
|
894
|
-
display: flex;
|
|
895
|
-
align-items: center;
|
|
896
|
-
gap: 8px;
|
|
897
|
-
flex: 1;
|
|
893
|
+
.card-stack-header-left {
|
|
894
|
+
display: flex;
|
|
895
|
+
align-items: center;
|
|
896
|
+
gap: 8px;
|
|
897
|
+
flex: 1;
|
|
898
898
|
}
|
|
899
899
|
|
|
900
900
|
|
|
901
901
|
/* Toggle Button */
|
|
902
902
|
|
|
903
903
|
|
|
904
|
-
.card-stack-toggle {
|
|
905
|
-
display: flex;
|
|
906
|
-
align-items: center;
|
|
907
|
-
justify-content: center;
|
|
908
|
-
padding: 4px;
|
|
909
|
-
background: transparent;
|
|
910
|
-
border: none;
|
|
911
|
-
color: var(--color-text-secondary);
|
|
912
|
-
cursor: pointer;
|
|
913
|
-
transition: all 150ms ease;
|
|
904
|
+
.card-stack-toggle {
|
|
905
|
+
display: flex;
|
|
906
|
+
align-items: center;
|
|
907
|
+
justify-content: center;
|
|
908
|
+
padding: 4px;
|
|
909
|
+
background: transparent;
|
|
910
|
+
border: none;
|
|
911
|
+
color: var(--color-text-secondary);
|
|
912
|
+
cursor: pointer;
|
|
913
|
+
transition: all 150ms ease;
|
|
914
914
|
}
|
|
915
915
|
|
|
916
916
|
|
|
917
|
-
.card-stack-toggle:hover {
|
|
918
|
-
color: var(--color-text-primary);
|
|
919
|
-
background: var(--color-bg-tertiary);
|
|
920
|
-
border-radius: 4px;
|
|
917
|
+
.card-stack-toggle:hover {
|
|
918
|
+
color: var(--color-text-primary);
|
|
919
|
+
background: var(--color-bg-tertiary);
|
|
920
|
+
border-radius: 4px;
|
|
921
921
|
}
|
|
922
922
|
|
|
923
923
|
|
|
924
|
-
.card-stack-chevron {
|
|
925
|
-
transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
924
|
+
.card-stack-chevron {
|
|
925
|
+
transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
|
|
929
|
-
.card-stack-chevron.expanded {
|
|
930
|
-
transform: rotate(180deg);
|
|
929
|
+
.card-stack-chevron.expanded {
|
|
930
|
+
transform: rotate(180deg);
|
|
931
931
|
}
|
|
932
932
|
|
|
933
933
|
|
|
934
934
|
/* Title */
|
|
935
935
|
|
|
936
936
|
|
|
937
|
-
.card-stack-title {
|
|
938
|
-
font-size: 14px;
|
|
939
|
-
font-weight: 600;
|
|
940
|
-
color: var(--color-text-primary);
|
|
941
|
-
margin: 0;
|
|
942
|
-
flex: 1;
|
|
937
|
+
.card-stack-title {
|
|
938
|
+
font-size: 14px;
|
|
939
|
+
font-weight: 600;
|
|
940
|
+
color: var(--color-text-primary);
|
|
941
|
+
margin: 0;
|
|
942
|
+
flex: 1;
|
|
943
943
|
}
|
|
944
944
|
|
|
945
945
|
|
|
946
946
|
/* Badge */
|
|
947
947
|
|
|
948
948
|
|
|
949
|
-
.card-stack-badge {
|
|
950
|
-
display: flex;
|
|
951
|
-
align-items: center;
|
|
952
|
-
justify-content: center;
|
|
953
|
-
min-width: 24px;
|
|
954
|
-
height: 24px;
|
|
955
|
-
padding: 0 8px;
|
|
956
|
-
font-size: 12px;
|
|
957
|
-
font-weight: 600;
|
|
958
|
-
color: white;
|
|
959
|
-
background: var(--stack-color, var(--color-accent-primary));
|
|
960
|
-
border-radius: 12px;
|
|
949
|
+
.card-stack-badge {
|
|
950
|
+
display: flex;
|
|
951
|
+
align-items: center;
|
|
952
|
+
justify-content: center;
|
|
953
|
+
min-width: 24px;
|
|
954
|
+
height: 24px;
|
|
955
|
+
padding: 0 8px;
|
|
956
|
+
font-size: 12px;
|
|
957
|
+
font-weight: 600;
|
|
958
|
+
color: white;
|
|
959
|
+
background: var(--stack-color, var(--color-accent-primary));
|
|
960
|
+
border-radius: 12px;
|
|
961
961
|
}
|
|
962
962
|
|
|
963
963
|
|
|
964
964
|
/* Strategy Badge */
|
|
965
965
|
|
|
966
966
|
|
|
967
|
-
.card-stack-strategy {
|
|
968
|
-
font-size: 11px;
|
|
969
|
-
font-weight: 500;
|
|
970
|
-
color: var(--color-text-tertiary);
|
|
971
|
-
padding: 4px 8px;
|
|
972
|
-
background: var(--color-bg-tertiary);
|
|
973
|
-
border-radius: 4px;
|
|
974
|
-
white-space: nowrap;
|
|
967
|
+
.card-stack-strategy {
|
|
968
|
+
font-size: 11px;
|
|
969
|
+
font-weight: 500;
|
|
970
|
+
color: var(--color-text-tertiary);
|
|
971
|
+
padding: 4px 8px;
|
|
972
|
+
background: var(--color-bg-tertiary);
|
|
973
|
+
border-radius: 4px;
|
|
974
|
+
white-space: nowrap;
|
|
975
975
|
}
|
|
976
976
|
|
|
977
977
|
|
|
978
978
|
/* Actions */
|
|
979
979
|
|
|
980
980
|
|
|
981
|
-
.card-stack-actions {
|
|
982
|
-
display: flex;
|
|
983
|
-
align-items: center;
|
|
984
|
-
gap: 4px;
|
|
985
|
-
margin-left: 8px;
|
|
981
|
+
.card-stack-actions {
|
|
982
|
+
display: flex;
|
|
983
|
+
align-items: center;
|
|
984
|
+
gap: 4px;
|
|
985
|
+
margin-left: 8px;
|
|
986
986
|
}
|
|
987
987
|
|
|
988
988
|
|
|
989
|
-
.card-stack-action {
|
|
990
|
-
display: flex;
|
|
991
|
-
align-items: center;
|
|
992
|
-
justify-content: center;
|
|
993
|
-
width: 28px;
|
|
994
|
-
height: 28px;
|
|
995
|
-
padding: 0;
|
|
996
|
-
background: transparent;
|
|
997
|
-
border: none;
|
|
998
|
-
border-radius: 4px;
|
|
999
|
-
color: var(--color-text-secondary);
|
|
1000
|
-
cursor: pointer;
|
|
1001
|
-
transition: all 150ms ease;
|
|
989
|
+
.card-stack-action {
|
|
990
|
+
display: flex;
|
|
991
|
+
align-items: center;
|
|
992
|
+
justify-content: center;
|
|
993
|
+
width: 28px;
|
|
994
|
+
height: 28px;
|
|
995
|
+
padding: 0;
|
|
996
|
+
background: transparent;
|
|
997
|
+
border: none;
|
|
998
|
+
border-radius: 4px;
|
|
999
|
+
color: var(--color-text-secondary);
|
|
1000
|
+
cursor: pointer;
|
|
1001
|
+
transition: all 150ms ease;
|
|
1002
1002
|
}
|
|
1003
1003
|
|
|
1004
1004
|
|
|
1005
|
-
.card-stack-action:hover {
|
|
1006
|
-
background: var(--color-bg-tertiary);
|
|
1007
|
-
color: var(--color-error);
|
|
1005
|
+
.card-stack-action:hover {
|
|
1006
|
+
background: var(--color-bg-tertiary);
|
|
1007
|
+
color: var(--color-error);
|
|
1008
1008
|
}
|
|
1009
1009
|
|
|
1010
1010
|
|
|
1011
1011
|
/* Summary (collapsed state) */
|
|
1012
1012
|
|
|
1013
1013
|
|
|
1014
|
-
.card-stack-summary {
|
|
1015
|
-
display: flex;
|
|
1016
|
-
align-items: center;
|
|
1017
|
-
gap: 12px;
|
|
1018
|
-
padding: 12px 16px;
|
|
1019
|
-
font-size: 12px;
|
|
1020
|
-
color: var(--color-text-secondary);
|
|
1014
|
+
.card-stack-summary {
|
|
1015
|
+
display: flex;
|
|
1016
|
+
align-items: center;
|
|
1017
|
+
gap: 12px;
|
|
1018
|
+
padding: 12px 16px;
|
|
1019
|
+
font-size: 12px;
|
|
1020
|
+
color: var(--color-text-secondary);
|
|
1021
1021
|
}
|
|
1022
1022
|
|
|
1023
1023
|
|
|
1024
|
-
.card-stack-summary-item {
|
|
1025
|
-
display: flex;
|
|
1026
|
-
align-items: center;
|
|
1027
|
-
gap: 4px;
|
|
1024
|
+
.card-stack-summary-item {
|
|
1025
|
+
display: flex;
|
|
1026
|
+
align-items: center;
|
|
1027
|
+
gap: 4px;
|
|
1028
1028
|
}
|
|
1029
1029
|
|
|
1030
1030
|
|
|
1031
|
-
.card-stack-confidence {
|
|
1032
|
-
font-weight: 600;
|
|
1033
|
-
color: var(--color-accent-primary);
|
|
1031
|
+
.card-stack-confidence {
|
|
1032
|
+
font-weight: 600;
|
|
1033
|
+
color: var(--color-accent-primary);
|
|
1034
1034
|
}
|
|
1035
1035
|
|
|
1036
1036
|
|
|
1037
1037
|
/* Content (expanded state) */
|
|
1038
1038
|
|
|
1039
1039
|
|
|
1040
|
-
.card-stack-content {
|
|
1041
|
-
padding: 8px;
|
|
1042
|
-
animation: expandStack 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1040
|
+
.card-stack-content {
|
|
1041
|
+
padding: 8px;
|
|
1042
|
+
animation: expandStack 200ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
1043
1043
|
}
|
|
1044
1044
|
|
|
1045
1045
|
|
|
1046
|
-
@keyframes expandStack {
|
|
1047
|
-
from {
|
|
1048
|
-
opacity: 0;
|
|
1049
|
-
transform: translateY(-8px);
|
|
1050
|
-
}
|
|
1051
|
-
to {
|
|
1052
|
-
opacity: 1;
|
|
1053
|
-
transform: translateY(0);
|
|
1054
|
-
}
|
|
1046
|
+
@keyframes expandStack {
|
|
1047
|
+
from {
|
|
1048
|
+
opacity: 0;
|
|
1049
|
+
transform: translateY(-8px);
|
|
1050
|
+
}
|
|
1051
|
+
to {
|
|
1052
|
+
opacity: 1;
|
|
1053
|
+
transform: translateY(0);
|
|
1054
|
+
}
|
|
1055
1055
|
}
|
|
1056
1056
|
|
|
1057
1057
|
|
|
1058
1058
|
/* Cards container */
|
|
1059
1059
|
|
|
1060
1060
|
|
|
1061
|
-
.card-stack-cards {
|
|
1062
|
-
display: flex;
|
|
1063
|
-
flex-direction: column;
|
|
1064
|
-
gap: 8px;
|
|
1061
|
+
.card-stack-cards {
|
|
1062
|
+
display: flex;
|
|
1063
|
+
flex-direction: column;
|
|
1064
|
+
gap: 8px;
|
|
1065
1065
|
}
|
|
1066
1066
|
|
|
1067
1067
|
|
|
1068
|
-
.card-stack-card-wrapper {
|
|
1069
|
-
position: relative;
|
|
1068
|
+
.card-stack-card-wrapper {
|
|
1069
|
+
position: relative;
|
|
1070
1070
|
}
|
|
1071
1071
|
|
|
1072
1072
|
|
|
1073
|
-
.card-stack-card-wrapper:hover .card-stack-unstack-btn {
|
|
1074
|
-
opacity: 1;
|
|
1073
|
+
.card-stack-card-wrapper:hover .card-stack-unstack-btn {
|
|
1074
|
+
opacity: 1;
|
|
1075
1075
|
}
|
|
1076
1076
|
|
|
1077
1077
|
|
|
1078
1078
|
/* Unstack button */
|
|
1079
1079
|
|
|
1080
1080
|
|
|
1081
|
-
.card-stack-unstack-btn {
|
|
1082
|
-
position: absolute;
|
|
1083
|
-
top: 8px;
|
|
1084
|
-
right: 8px;
|
|
1085
|
-
display: flex;
|
|
1086
|
-
align-items: center;
|
|
1087
|
-
justify-content: center;
|
|
1088
|
-
width: 24px;
|
|
1089
|
-
height: 24px;
|
|
1090
|
-
padding: 0;
|
|
1091
|
-
background: var(--color-bg-primary);
|
|
1092
|
-
border: 1px solid var(--color-border-primary);
|
|
1093
|
-
border-radius: 4px;
|
|
1094
|
-
color: var(--color-text-secondary);
|
|
1095
|
-
cursor: pointer;
|
|
1096
|
-
opacity: 0;
|
|
1097
|
-
transition: all 150ms ease;
|
|
1098
|
-
z-index: 10;
|
|
1081
|
+
.card-stack-unstack-btn {
|
|
1082
|
+
position: absolute;
|
|
1083
|
+
top: 8px;
|
|
1084
|
+
right: 8px;
|
|
1085
|
+
display: flex;
|
|
1086
|
+
align-items: center;
|
|
1087
|
+
justify-content: center;
|
|
1088
|
+
width: 24px;
|
|
1089
|
+
height: 24px;
|
|
1090
|
+
padding: 0;
|
|
1091
|
+
background: var(--color-bg-primary);
|
|
1092
|
+
border: 1px solid var(--color-border-primary);
|
|
1093
|
+
border-radius: 4px;
|
|
1094
|
+
color: var(--color-text-secondary);
|
|
1095
|
+
cursor: pointer;
|
|
1096
|
+
opacity: 0;
|
|
1097
|
+
transition: all 150ms ease;
|
|
1098
|
+
z-index: 10;
|
|
1099
1099
|
}
|
|
1100
1100
|
|
|
1101
1101
|
|
|
1102
|
-
.card-stack-unstack-btn:hover {
|
|
1103
|
-
background: var(--color-error);
|
|
1104
|
-
border-color: var(--color-error);
|
|
1105
|
-
color: white;
|
|
1102
|
+
.card-stack-unstack-btn:hover {
|
|
1103
|
+
background: var(--color-error);
|
|
1104
|
+
border-color: var(--color-error);
|
|
1105
|
+
color: white;
|
|
1106
1106
|
}
|
|
1107
1107
|
|
|
1108
1108
|
|
|
1109
1109
|
/* Default card (fallback) */
|
|
1110
1110
|
|
|
1111
1111
|
|
|
1112
|
-
.card-stack-default-card {
|
|
1113
|
-
padding: 12px;
|
|
1114
|
-
background: var(--color-bg-secondary);
|
|
1115
|
-
border: 1px solid var(--color-border-primary);
|
|
1116
|
-
border-radius: 6px;
|
|
1117
|
-
cursor: pointer;
|
|
1118
|
-
transition: all 150ms ease;
|
|
1112
|
+
.card-stack-default-card {
|
|
1113
|
+
padding: 12px;
|
|
1114
|
+
background: var(--color-bg-secondary);
|
|
1115
|
+
border: 1px solid var(--color-border-primary);
|
|
1116
|
+
border-radius: 6px;
|
|
1117
|
+
cursor: pointer;
|
|
1118
|
+
transition: all 150ms ease;
|
|
1119
1119
|
}
|
|
1120
1120
|
|
|
1121
1121
|
|
|
1122
|
-
.card-stack-default-card:hover {
|
|
1123
|
-
background: var(--color-bg-tertiary);
|
|
1124
|
-
border-color: var(--color-accent-primary);
|
|
1122
|
+
.card-stack-default-card:hover {
|
|
1123
|
+
background: var(--color-bg-tertiary);
|
|
1124
|
+
border-color: var(--color-accent-primary);
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
1127
|
|
|
1128
|
-
.card-stack-default-card h4 {
|
|
1129
|
-
font-size: 14px;
|
|
1130
|
-
font-weight: 600;
|
|
1131
|
-
color: var(--color-text-primary);
|
|
1132
|
-
margin: 0 0 4px 0;
|
|
1128
|
+
.card-stack-default-card h4 {
|
|
1129
|
+
font-size: 14px;
|
|
1130
|
+
font-weight: 600;
|
|
1131
|
+
color: var(--color-text-primary);
|
|
1132
|
+
margin: 0 0 4px 0;
|
|
1133
1133
|
}
|
|
1134
1134
|
|
|
1135
1135
|
|
|
1136
|
-
.card-stack-default-card p {
|
|
1137
|
-
font-size: 13px;
|
|
1138
|
-
color: var(--color-text-secondary);
|
|
1139
|
-
margin: 0;
|
|
1136
|
+
.card-stack-default-card p {
|
|
1137
|
+
font-size: 13px;
|
|
1138
|
+
color: var(--color-text-secondary);
|
|
1139
|
+
margin: 0;
|
|
1140
1140
|
}
|
|
1141
1141
|
|
|
1142
1142
|
|
|
1143
1143
|
/* Empty state */
|
|
1144
1144
|
|
|
1145
1145
|
|
|
1146
|
-
.card-stack-empty {
|
|
1147
|
-
padding: 24px;
|
|
1148
|
-
text-align: center;
|
|
1149
|
-
color: var(--color-text-tertiary);
|
|
1146
|
+
.card-stack-empty {
|
|
1147
|
+
padding: 24px;
|
|
1148
|
+
text-align: center;
|
|
1149
|
+
color: var(--color-text-tertiary);
|
|
1150
1150
|
}
|
|
1151
1151
|
|
|
1152
1152
|
|
|
1153
|
-
.card-stack-empty p {
|
|
1154
|
-
font-size: 14px;
|
|
1155
|
-
font-weight: 500;
|
|
1156
|
-
color: var(--color-text-secondary);
|
|
1157
|
-
margin: 0 0 4px 0;
|
|
1153
|
+
.card-stack-empty p {
|
|
1154
|
+
font-size: 14px;
|
|
1155
|
+
font-weight: 500;
|
|
1156
|
+
color: var(--color-text-secondary);
|
|
1157
|
+
margin: 0 0 4px 0;
|
|
1158
1158
|
}
|
|
1159
1159
|
|
|
1160
1160
|
|
|
1161
|
-
.card-stack-empty span {
|
|
1162
|
-
font-size: 12px;
|
|
1161
|
+
.card-stack-empty span {
|
|
1162
|
+
font-size: 12px;
|
|
1163
1163
|
}
|
|
1164
1164
|
|
|
1165
1165
|
|
|
1166
1166
|
/* Collapsed state */
|
|
1167
1167
|
|
|
1168
1168
|
|
|
1169
|
-
.card-stack-collapsed {
|
|
1170
|
-
border-width: 1px;
|
|
1169
|
+
.card-stack-collapsed {
|
|
1170
|
+
border-width: 1px;
|
|
1171
1171
|
}
|
|
1172
1172
|
|
|
1173
1173
|
|
|
1174
|
-
.card-stack-collapsed:hover {
|
|
1175
|
-
border-width: 2px;
|
|
1174
|
+
.card-stack-collapsed:hover {
|
|
1175
|
+
border-width: 2px;
|
|
1176
1176
|
}
|
|
1177
1177
|
|
|
1178
1178
|
|
|
1179
1179
|
/* Responsive */
|
|
1180
1180
|
|
|
1181
1181
|
|
|
1182
|
-
@media (max-width: 768px) {
|
|
1183
|
-
.card-stack-strategy {
|
|
1184
|
-
display: none;
|
|
1185
|
-
}
|
|
1186
|
-
|
|
1187
|
-
.card-stack-summary {
|
|
1188
|
-
flex-wrap: wrap;
|
|
1189
|
-
}
|
|
1182
|
+
@media (max-width: 768px) {
|
|
1183
|
+
.card-stack-strategy {
|
|
1184
|
+
display: none;
|
|
1185
|
+
}
|
|
1186
|
+
|
|
1187
|
+
.card-stack-summary {
|
|
1188
|
+
flex-wrap: wrap;
|
|
1189
|
+
}
|
|
1190
1190
|
}
|
|
1191
1191
|
|
|
1192
1192
|
|
|
@@ -3282,220 +3282,220 @@
|
|
|
3282
3282
|
/* Charts - Analytics and data visualization */
|
|
3283
3283
|
|
|
3284
3284
|
|
|
3285
|
-
/**
|
|
3286
|
-
* Charts Styles
|
|
3287
|
-
* Premium glassmorphism design for analytics charts
|
|
3285
|
+
/**
|
|
3286
|
+
* Charts Styles
|
|
3287
|
+
* Premium glassmorphism design for analytics charts
|
|
3288
3288
|
*/
|
|
3289
3289
|
|
|
3290
3290
|
|
|
3291
|
-
.chart-container {
|
|
3292
|
-
display: flex;
|
|
3293
|
-
flex-direction: column;
|
|
3294
|
-
gap: 20px;
|
|
3295
|
-
padding: 24px;
|
|
3296
|
-
background: linear-gradient(
|
|
3297
|
-
135deg,
|
|
3298
|
-
rgba(255, 255, 255, 0.05) 0%,
|
|
3299
|
-
rgba(255, 255, 255, 0.02) 100%
|
|
3300
|
-
);
|
|
3301
|
-
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
3302
|
-
border-radius: 12px;
|
|
3303
|
-
backdrop-filter: blur(10px);
|
|
3291
|
+
.chart-container {
|
|
3292
|
+
display: flex;
|
|
3293
|
+
flex-direction: column;
|
|
3294
|
+
gap: 20px;
|
|
3295
|
+
padding: 24px;
|
|
3296
|
+
background: linear-gradient(
|
|
3297
|
+
135deg,
|
|
3298
|
+
rgba(255, 255, 255, 0.05) 0%,
|
|
3299
|
+
rgba(255, 255, 255, 0.02) 100%
|
|
3300
|
+
);
|
|
3301
|
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
|
3302
|
+
border-radius: 12px;
|
|
3303
|
+
backdrop-filter: blur(10px);
|
|
3304
3304
|
}
|
|
3305
3305
|
|
|
3306
3306
|
|
|
3307
|
-
.chart-title {
|
|
3308
|
-
font-size: 18px;
|
|
3309
|
-
font-weight: 600;
|
|
3310
|
-
color: rgba(255, 255, 255, 0.95);
|
|
3311
|
-
margin: 0;
|
|
3312
|
-
padding-bottom: 16px;
|
|
3313
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
3307
|
+
.chart-title {
|
|
3308
|
+
font-size: 18px;
|
|
3309
|
+
font-weight: 600;
|
|
3310
|
+
color: rgba(255, 255, 255, 0.95);
|
|
3311
|
+
margin: 0;
|
|
3312
|
+
padding-bottom: 16px;
|
|
3313
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
3314
3314
|
}
|
|
3315
3315
|
|
|
3316
3316
|
|
|
3317
3317
|
/* Tooltip */
|
|
3318
3318
|
|
|
3319
3319
|
|
|
3320
|
-
.chart-tooltip {
|
|
3321
|
-
padding: 12px 16px;
|
|
3322
|
-
background: linear-gradient(
|
|
3323
|
-
135deg,
|
|
3324
|
-
rgba(0, 0, 0, 0.95) 0%,
|
|
3325
|
-
rgba(0, 0, 0, 0.9) 100%
|
|
3326
|
-
);
|
|
3327
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
3328
|
-
border-radius: 8px;
|
|
3329
|
-
backdrop-filter: blur(10px);
|
|
3330
|
-
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
|
|
3320
|
+
.chart-tooltip {
|
|
3321
|
+
padding: 12px 16px;
|
|
3322
|
+
background: linear-gradient(
|
|
3323
|
+
135deg,
|
|
3324
|
+
rgba(0, 0, 0, 0.95) 0%,
|
|
3325
|
+
rgba(0, 0, 0, 0.9) 100%
|
|
3326
|
+
);
|
|
3327
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
3328
|
+
border-radius: 8px;
|
|
3329
|
+
backdrop-filter: blur(10px);
|
|
3330
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
|
|
3331
3331
|
}
|
|
3332
3332
|
|
|
3333
3333
|
|
|
3334
|
-
.chart-tooltip-label {
|
|
3335
|
-
font-size: 13px;
|
|
3336
|
-
font-weight: 600;
|
|
3337
|
-
color: rgba(255, 255, 255, 0.9);
|
|
3338
|
-
margin: 0 0 8px 0;
|
|
3339
|
-
padding-bottom: 8px;
|
|
3340
|
-
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
3334
|
+
.chart-tooltip-label {
|
|
3335
|
+
font-size: 13px;
|
|
3336
|
+
font-weight: 600;
|
|
3337
|
+
color: rgba(255, 255, 255, 0.9);
|
|
3338
|
+
margin: 0 0 8px 0;
|
|
3339
|
+
padding-bottom: 8px;
|
|
3340
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
3341
3341
|
}
|
|
3342
3342
|
|
|
3343
3343
|
|
|
3344
|
-
.chart-tooltip-value {
|
|
3345
|
-
font-size: 12px;
|
|
3346
|
-
margin: 4px 0;
|
|
3347
|
-
display: flex;
|
|
3348
|
-
justify-content: space-between;
|
|
3349
|
-
align-items: center;
|
|
3350
|
-
gap: 12px;
|
|
3344
|
+
.chart-tooltip-value {
|
|
3345
|
+
font-size: 12px;
|
|
3346
|
+
margin: 4px 0;
|
|
3347
|
+
display: flex;
|
|
3348
|
+
justify-content: space-between;
|
|
3349
|
+
align-items: center;
|
|
3350
|
+
gap: 12px;
|
|
3351
3351
|
}
|
|
3352
3352
|
|
|
3353
3353
|
|
|
3354
3354
|
/* Stats section */
|
|
3355
3355
|
|
|
3356
3356
|
|
|
3357
|
-
.chart-stats {
|
|
3358
|
-
display: flex;
|
|
3359
|
-
gap: 24px;
|
|
3360
|
-
padding-top: 16px;
|
|
3361
|
-
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
3362
|
-
flex-wrap: wrap;
|
|
3357
|
+
.chart-stats {
|
|
3358
|
+
display: flex;
|
|
3359
|
+
gap: 24px;
|
|
3360
|
+
padding-top: 16px;
|
|
3361
|
+
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
|
3362
|
+
flex-wrap: wrap;
|
|
3363
3363
|
}
|
|
3364
3364
|
|
|
3365
3365
|
|
|
3366
|
-
.chart-stat {
|
|
3367
|
-
display: flex;
|
|
3368
|
-
flex-direction: column;
|
|
3369
|
-
gap: 6px;
|
|
3370
|
-
flex: 1;
|
|
3371
|
-
min-width: 120px;
|
|
3366
|
+
.chart-stat {
|
|
3367
|
+
display: flex;
|
|
3368
|
+
flex-direction: column;
|
|
3369
|
+
gap: 6px;
|
|
3370
|
+
flex: 1;
|
|
3371
|
+
min-width: 120px;
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
3374
3374
|
|
|
3375
|
-
.chart-stat-label {
|
|
3376
|
-
font-size: 12px;
|
|
3377
|
-
font-weight: 500;
|
|
3378
|
-
color: rgba(255, 255, 255, 0.6);
|
|
3379
|
-
text-transform: uppercase;
|
|
3380
|
-
letter-spacing: 0.5px;
|
|
3375
|
+
.chart-stat-label {
|
|
3376
|
+
font-size: 12px;
|
|
3377
|
+
font-weight: 500;
|
|
3378
|
+
color: rgba(255, 255, 255, 0.6);
|
|
3379
|
+
text-transform: uppercase;
|
|
3380
|
+
letter-spacing: 0.5px;
|
|
3381
3381
|
}
|
|
3382
3382
|
|
|
3383
3383
|
|
|
3384
|
-
.chart-stat-value {
|
|
3385
|
-
font-size: 24px;
|
|
3386
|
-
font-weight: 700;
|
|
3387
|
-
color: rgba(255, 255, 255, 0.95);
|
|
3388
|
-
line-height: 1;
|
|
3384
|
+
.chart-stat-value {
|
|
3385
|
+
font-size: 24px;
|
|
3386
|
+
font-weight: 700;
|
|
3387
|
+
color: rgba(255, 255, 255, 0.95);
|
|
3388
|
+
line-height: 1;
|
|
3389
3389
|
}
|
|
3390
3390
|
|
|
3391
3391
|
|
|
3392
|
-
.chart-stat-badge {
|
|
3393
|
-
display: inline-flex;
|
|
3394
|
-
align-items: center;
|
|
3395
|
-
gap: 6px;
|
|
3396
|
-
padding: 6px 12px;
|
|
3397
|
-
border-radius: 6px;
|
|
3398
|
-
font-size: 13px;
|
|
3399
|
-
font-weight: 600;
|
|
3400
|
-
width: -moz-fit-content;
|
|
3401
|
-
width: fit-content;
|
|
3392
|
+
.chart-stat-badge {
|
|
3393
|
+
display: inline-flex;
|
|
3394
|
+
align-items: center;
|
|
3395
|
+
gap: 6px;
|
|
3396
|
+
padding: 6px 12px;
|
|
3397
|
+
border-radius: 6px;
|
|
3398
|
+
font-size: 13px;
|
|
3399
|
+
font-weight: 600;
|
|
3400
|
+
width: -moz-fit-content;
|
|
3401
|
+
width: fit-content;
|
|
3402
3402
|
}
|
|
3403
3403
|
|
|
3404
3404
|
|
|
3405
3405
|
/* Recharts overrides for dark theme */
|
|
3406
3406
|
|
|
3407
3407
|
|
|
3408
|
-
.recharts-surface {
|
|
3409
|
-
background: transparent;
|
|
3408
|
+
.recharts-surface {
|
|
3409
|
+
background: transparent;
|
|
3410
3410
|
}
|
|
3411
3411
|
|
|
3412
3412
|
|
|
3413
|
-
.recharts-legend-wrapper {
|
|
3414
|
-
padding-top: 12px !important;
|
|
3413
|
+
.recharts-legend-wrapper {
|
|
3414
|
+
padding-top: 12px !important;
|
|
3415
3415
|
}
|
|
3416
3416
|
|
|
3417
3417
|
|
|
3418
|
-
.recharts-default-legend {
|
|
3419
|
-
display: flex !important;
|
|
3420
|
-
justify-content: center !important;
|
|
3421
|
-
gap: 24px !important;
|
|
3422
|
-
flex-wrap: wrap !important;
|
|
3418
|
+
.recharts-default-legend {
|
|
3419
|
+
display: flex !important;
|
|
3420
|
+
justify-content: center !important;
|
|
3421
|
+
gap: 24px !important;
|
|
3422
|
+
flex-wrap: wrap !important;
|
|
3423
3423
|
}
|
|
3424
3424
|
|
|
3425
3425
|
|
|
3426
|
-
.recharts-legend-item {
|
|
3427
|
-
display: flex !important;
|
|
3428
|
-
align-items: center !important;
|
|
3429
|
-
gap: 8px !important;
|
|
3426
|
+
.recharts-legend-item {
|
|
3427
|
+
display: flex !important;
|
|
3428
|
+
align-items: center !important;
|
|
3429
|
+
gap: 8px !important;
|
|
3430
3430
|
}
|
|
3431
3431
|
|
|
3432
3432
|
|
|
3433
|
-
.recharts-legend-item-text {
|
|
3434
|
-
color: rgba(255, 255, 255, 0.7) !important;
|
|
3435
|
-
font-size: 12px !important;
|
|
3433
|
+
.recharts-legend-item-text {
|
|
3434
|
+
color: rgba(255, 255, 255, 0.7) !important;
|
|
3435
|
+
font-size: 12px !important;
|
|
3436
3436
|
}
|
|
3437
3437
|
|
|
3438
3438
|
|
|
3439
3439
|
/* Responsive */
|
|
3440
3440
|
|
|
3441
3441
|
|
|
3442
|
-
@media (max-width: 768px) {
|
|
3443
|
-
.chart-container {
|
|
3444
|
-
padding: 20px;
|
|
3445
|
-
}
|
|
3446
|
-
|
|
3447
|
-
.chart-title {
|
|
3448
|
-
font-size: 16px;
|
|
3449
|
-
}
|
|
3450
|
-
|
|
3451
|
-
.chart-stats {
|
|
3452
|
-
gap: 16px;
|
|
3453
|
-
}
|
|
3454
|
-
|
|
3455
|
-
.chart-stat {
|
|
3456
|
-
min-width: 100px;
|
|
3457
|
-
}
|
|
3458
|
-
|
|
3459
|
-
.chart-stat-value {
|
|
3460
|
-
font-size: 20px;
|
|
3461
|
-
}
|
|
3462
|
-
}
|
|
3463
|
-
|
|
3464
|
-
|
|
3465
|
-
@media (max-width: 640px) {
|
|
3466
|
-
.chart-container {
|
|
3467
|
-
padding: 16px;
|
|
3468
|
-
gap: 16px;
|
|
3469
|
-
}
|
|
3470
|
-
|
|
3471
|
-
.chart-title {
|
|
3472
|
-
font-size: 15px;
|
|
3473
|
-
padding-bottom: 12px;
|
|
3474
|
-
}
|
|
3475
|
-
|
|
3476
|
-
.chart-stats {
|
|
3477
|
-
flex-direction: column;
|
|
3478
|
-
gap: 12px;
|
|
3479
|
-
}
|
|
3480
|
-
|
|
3481
|
-
.chart-stat {
|
|
3482
|
-
flex-direction: row;
|
|
3483
|
-
justify-content: space-between;
|
|
3484
|
-
align-items: center;
|
|
3485
|
-
min-width: unset;
|
|
3486
|
-
}
|
|
3487
|
-
|
|
3488
|
-
.chart-stat-label {
|
|
3489
|
-
font-size: 11px;
|
|
3490
|
-
}
|
|
3491
|
-
|
|
3492
|
-
.chart-stat-value {
|
|
3493
|
-
font-size: 18px;
|
|
3494
|
-
}
|
|
3495
|
-
|
|
3496
|
-
.recharts-wrapper {
|
|
3497
|
-
font-size: 10px !important;
|
|
3498
|
-
}
|
|
3442
|
+
@media (max-width: 768px) {
|
|
3443
|
+
.chart-container {
|
|
3444
|
+
padding: 20px;
|
|
3445
|
+
}
|
|
3446
|
+
|
|
3447
|
+
.chart-title {
|
|
3448
|
+
font-size: 16px;
|
|
3449
|
+
}
|
|
3450
|
+
|
|
3451
|
+
.chart-stats {
|
|
3452
|
+
gap: 16px;
|
|
3453
|
+
}
|
|
3454
|
+
|
|
3455
|
+
.chart-stat {
|
|
3456
|
+
min-width: 100px;
|
|
3457
|
+
}
|
|
3458
|
+
|
|
3459
|
+
.chart-stat-value {
|
|
3460
|
+
font-size: 20px;
|
|
3461
|
+
}
|
|
3462
|
+
}
|
|
3463
|
+
|
|
3464
|
+
|
|
3465
|
+
@media (max-width: 640px) {
|
|
3466
|
+
.chart-container {
|
|
3467
|
+
padding: 16px;
|
|
3468
|
+
gap: 16px;
|
|
3469
|
+
}
|
|
3470
|
+
|
|
3471
|
+
.chart-title {
|
|
3472
|
+
font-size: 15px;
|
|
3473
|
+
padding-bottom: 12px;
|
|
3474
|
+
}
|
|
3475
|
+
|
|
3476
|
+
.chart-stats {
|
|
3477
|
+
flex-direction: column;
|
|
3478
|
+
gap: 12px;
|
|
3479
|
+
}
|
|
3480
|
+
|
|
3481
|
+
.chart-stat {
|
|
3482
|
+
flex-direction: row;
|
|
3483
|
+
justify-content: space-between;
|
|
3484
|
+
align-items: center;
|
|
3485
|
+
min-width: unset;
|
|
3486
|
+
}
|
|
3487
|
+
|
|
3488
|
+
.chart-stat-label {
|
|
3489
|
+
font-size: 11px;
|
|
3490
|
+
}
|
|
3491
|
+
|
|
3492
|
+
.chart-stat-value {
|
|
3493
|
+
font-size: 18px;
|
|
3494
|
+
}
|
|
3495
|
+
|
|
3496
|
+
.recharts-wrapper {
|
|
3497
|
+
font-size: 10px !important;
|
|
3498
|
+
}
|
|
3499
3499
|
}
|
|
3500
3500
|
|
|
3501
3501
|
|
|
@@ -5847,430 +5847,430 @@
|
|
|
5847
5847
|
/* v0.6.0 Design Refinements - Enhanced clarity */
|
|
5848
5848
|
|
|
5849
5849
|
|
|
5850
|
-
/**
|
|
5851
|
-
* ASAKAA v0.6.0 - Design Refinements
|
|
5852
|
-
* Enhanced visual clarity through intentional subtraction
|
|
5853
|
-
* Philosophy: Content is king, metadata is quiet, color is intentional
|
|
5850
|
+
/**
|
|
5851
|
+
* ASAKAA v0.6.0 - Design Refinements
|
|
5852
|
+
* Enhanced visual clarity through intentional subtraction
|
|
5853
|
+
* Philosophy: Content is king, metadata is quiet, color is intentional
|
|
5854
5854
|
*/
|
|
5855
5855
|
|
|
5856
5856
|
|
|
5857
|
-
/* ==========================================================================
|
|
5858
|
-
REFINED LABELS - Pure text, no backgrounds
|
|
5857
|
+
/* ==========================================================================
|
|
5858
|
+
REFINED LABELS - Pure text, no backgrounds
|
|
5859
5859
|
========================================================================== */
|
|
5860
5860
|
|
|
5861
5861
|
|
|
5862
|
-
.asakaa-label {
|
|
5863
|
-
font-size: var(--font-xs);
|
|
5864
|
-
font-weight: var(--font-medium);
|
|
5865
|
-
padding: 0;
|
|
5866
|
-
margin-right: var(--space-2);
|
|
5867
|
-
color: var(--color-text-tertiary);
|
|
5868
|
-
transition: color var(--duration-fast) var(--ease-smooth);
|
|
5862
|
+
.asakaa-label {
|
|
5863
|
+
font-size: var(--font-xs);
|
|
5864
|
+
font-weight: var(--font-medium);
|
|
5865
|
+
padding: 0;
|
|
5866
|
+
margin-right: var(--space-2);
|
|
5867
|
+
color: var(--color-text-tertiary);
|
|
5868
|
+
transition: color var(--duration-fast) var(--ease-smooth);
|
|
5869
5869
|
}
|
|
5870
5870
|
|
|
5871
5871
|
|
|
5872
|
-
.asakaa-label:hover {
|
|
5873
|
-
color: var(--color-text-secondary);
|
|
5872
|
+
.asakaa-label:hover {
|
|
5873
|
+
color: var(--color-text-secondary);
|
|
5874
5874
|
}
|
|
5875
5875
|
|
|
5876
5876
|
|
|
5877
|
-
/* ==========================================================================
|
|
5878
|
-
REFINED COLUMN PROGRESS - Subtle text only
|
|
5877
|
+
/* ==========================================================================
|
|
5878
|
+
REFINED COLUMN PROGRESS - Subtle text only
|
|
5879
5879
|
========================================================================== */
|
|
5880
5880
|
|
|
5881
5881
|
|
|
5882
|
-
.asakaa-column-count {
|
|
5883
|
-
font-size: var(--font-2xs);
|
|
5884
|
-
font-weight: var(--font-semibold);
|
|
5885
|
-
padding: 0;
|
|
5886
|
-
color: var(--color-text-tertiary);
|
|
5887
|
-
background: none;
|
|
5888
|
-
border: none;
|
|
5882
|
+
.asakaa-column-count {
|
|
5883
|
+
font-size: var(--font-2xs);
|
|
5884
|
+
font-weight: var(--font-semibold);
|
|
5885
|
+
padding: 0;
|
|
5886
|
+
color: var(--color-text-tertiary);
|
|
5887
|
+
background: none;
|
|
5888
|
+
border: none;
|
|
5889
5889
|
}
|
|
5890
5890
|
|
|
5891
5891
|
|
|
5892
|
-
/* ==========================================================================
|
|
5893
|
-
USER AVATARS - Humanized assignment display
|
|
5892
|
+
/* ==========================================================================
|
|
5893
|
+
USER AVATARS - Humanized assignment display
|
|
5894
5894
|
========================================================================== */
|
|
5895
5895
|
|
|
5896
5896
|
|
|
5897
|
-
.asakaa-avatar {
|
|
5898
|
-
display: inline-flex;
|
|
5899
|
-
align-items: center;
|
|
5900
|
-
justify-content: center;
|
|
5901
|
-
width: 24px;
|
|
5902
|
-
height: 24px;
|
|
5903
|
-
border-radius: var(--radius-full);
|
|
5904
|
-
font-size: var(--font-2xs);
|
|
5905
|
-
font-weight: var(--font-bold);
|
|
5906
|
-
color: var(--color-text-primary);
|
|
5907
|
-
background: var(--color-bg-tertiary);
|
|
5908
|
-
border: 1px solid var(--color-border-primary);
|
|
5909
|
-
text-transform: uppercase;
|
|
5910
|
-
transition: all var(--duration-fast) var(--ease-smooth);
|
|
5897
|
+
.asakaa-avatar {
|
|
5898
|
+
display: inline-flex;
|
|
5899
|
+
align-items: center;
|
|
5900
|
+
justify-content: center;
|
|
5901
|
+
width: 24px;
|
|
5902
|
+
height: 24px;
|
|
5903
|
+
border-radius: var(--radius-full);
|
|
5904
|
+
font-size: var(--font-2xs);
|
|
5905
|
+
font-weight: var(--font-bold);
|
|
5906
|
+
color: var(--color-text-primary);
|
|
5907
|
+
background: var(--color-bg-tertiary);
|
|
5908
|
+
border: 1px solid var(--color-border-primary);
|
|
5909
|
+
text-transform: uppercase;
|
|
5910
|
+
transition: all var(--duration-fast) var(--ease-smooth);
|
|
5911
5911
|
}
|
|
5912
5912
|
|
|
5913
5913
|
|
|
5914
|
-
.asakaa-avatar:hover {
|
|
5915
|
-
transform: scale(1.1);
|
|
5916
|
-
border-color: var(--color-border-secondary);
|
|
5914
|
+
.asakaa-avatar:hover {
|
|
5915
|
+
transform: scale(1.1);
|
|
5916
|
+
border-color: var(--color-border-secondary);
|
|
5917
5917
|
}
|
|
5918
5918
|
|
|
5919
5919
|
|
|
5920
|
-
.asakaa-avatar-img {
|
|
5921
|
-
width: 100%;
|
|
5922
|
-
height: 100%;
|
|
5923
|
-
border-radius: var(--radius-full);
|
|
5924
|
-
-o-object-fit: cover;
|
|
5925
|
-
object-fit: cover;
|
|
5920
|
+
.asakaa-avatar-img {
|
|
5921
|
+
width: 100%;
|
|
5922
|
+
height: 100%;
|
|
5923
|
+
border-radius: var(--radius-full);
|
|
5924
|
+
-o-object-fit: cover;
|
|
5925
|
+
object-fit: cover;
|
|
5926
5926
|
}
|
|
5927
5927
|
|
|
5928
5928
|
|
|
5929
|
-
.asakaa-avatar-group {
|
|
5930
|
-
display: flex;
|
|
5931
|
-
align-items: center;
|
|
5932
|
-
gap: var(--space-1);
|
|
5929
|
+
.asakaa-avatar-group {
|
|
5930
|
+
display: flex;
|
|
5931
|
+
align-items: center;
|
|
5932
|
+
gap: var(--space-1);
|
|
5933
5933
|
}
|
|
5934
5934
|
|
|
5935
5935
|
|
|
5936
|
-
.asakaa-avatar-group .asakaa-avatar {
|
|
5937
|
-
margin-left: calc(var(--space-2) * -1);
|
|
5936
|
+
.asakaa-avatar-group .asakaa-avatar {
|
|
5937
|
+
margin-left: calc(var(--space-2) * -1);
|
|
5938
5938
|
}
|
|
5939
5939
|
|
|
5940
5940
|
|
|
5941
|
-
.asakaa-avatar-group .asakaa-avatar:first-child {
|
|
5942
|
-
margin-left: 0;
|
|
5941
|
+
.asakaa-avatar-group .asakaa-avatar:first-child {
|
|
5942
|
+
margin-left: 0;
|
|
5943
5943
|
}
|
|
5944
5944
|
|
|
5945
5945
|
|
|
5946
|
-
/* ==========================================================================
|
|
5947
|
-
REFINED DATE DISPLAY - Plain text, color only for urgency
|
|
5946
|
+
/* ==========================================================================
|
|
5947
|
+
REFINED DATE DISPLAY - Plain text, color only for urgency
|
|
5948
5948
|
========================================================================== */
|
|
5949
5949
|
|
|
5950
5950
|
|
|
5951
|
-
.asakaa-date {
|
|
5952
|
-
font-size: var(--font-xs);
|
|
5953
|
-
font-weight: var(--font-medium);
|
|
5954
|
-
color: var(--color-text-tertiary);
|
|
5955
|
-
padding: 0;
|
|
5956
|
-
background: none;
|
|
5957
|
-
border: none;
|
|
5951
|
+
.asakaa-date {
|
|
5952
|
+
font-size: var(--font-xs);
|
|
5953
|
+
font-weight: var(--font-medium);
|
|
5954
|
+
color: var(--color-text-tertiary);
|
|
5955
|
+
padding: 0;
|
|
5956
|
+
background: none;
|
|
5957
|
+
border: none;
|
|
5958
5958
|
}
|
|
5959
5959
|
|
|
5960
5960
|
|
|
5961
|
-
.asakaa-date-overdue {
|
|
5962
|
-
color: var(--color-error);
|
|
5963
|
-
font-weight: var(--font-semibold);
|
|
5961
|
+
.asakaa-date-overdue {
|
|
5962
|
+
color: var(--color-error);
|
|
5963
|
+
font-weight: var(--font-semibold);
|
|
5964
5964
|
}
|
|
5965
5965
|
|
|
5966
5966
|
|
|
5967
5967
|
/* Neutral theme: monochromatic design using grayscale filter */
|
|
5968
5968
|
|
|
5969
5969
|
|
|
5970
|
-
[data-theme="neutral"] * {
|
|
5971
|
-
filter: grayscale(100%) !important;
|
|
5970
|
+
[data-theme="neutral"] * {
|
|
5971
|
+
filter: grayscale(100%) !important;
|
|
5972
5972
|
}
|
|
5973
5973
|
|
|
5974
5974
|
|
|
5975
5975
|
/* Dropdown menus: excluded from grayscale to maintain readability */
|
|
5976
5976
|
|
|
5977
5977
|
|
|
5978
|
-
html[data-theme="neutral"] .priority-selector-menu,
|
|
5979
|
-
html[data-theme="neutral"] .priority-selector-menu *,
|
|
5980
|
-
html[data-theme="neutral"] .date-picker-menu,
|
|
5981
|
-
html[data-theme="neutral"] .date-picker-menu *,
|
|
5982
|
-
html[data-theme="neutral"] .user-selector-menu,
|
|
5983
|
-
html[data-theme="neutral"] .user-selector-menu *,
|
|
5984
|
-
html[data-theme="neutral"] .dependencies-selector-menu,
|
|
5985
|
-
html[data-theme="neutral"] .dependencies-selector-menu *,
|
|
5986
|
-
html[data-theme="neutral"] .column-manager-menu,
|
|
5987
|
-
html[data-theme="neutral"] .column-manager-menu * {
|
|
5988
|
-
filter: none !important;
|
|
5978
|
+
html[data-theme="neutral"] .priority-selector-menu,
|
|
5979
|
+
html[data-theme="neutral"] .priority-selector-menu *,
|
|
5980
|
+
html[data-theme="neutral"] .date-picker-menu,
|
|
5981
|
+
html[data-theme="neutral"] .date-picker-menu *,
|
|
5982
|
+
html[data-theme="neutral"] .user-selector-menu,
|
|
5983
|
+
html[data-theme="neutral"] .user-selector-menu *,
|
|
5984
|
+
html[data-theme="neutral"] .dependencies-selector-menu,
|
|
5985
|
+
html[data-theme="neutral"] .dependencies-selector-menu *,
|
|
5986
|
+
html[data-theme="neutral"] .column-manager-menu,
|
|
5987
|
+
html[data-theme="neutral"] .column-manager-menu * {
|
|
5988
|
+
filter: none !important;
|
|
5989
5989
|
}
|
|
5990
5990
|
|
|
5991
5991
|
|
|
5992
5992
|
/* Priority indicators - grayscale only */
|
|
5993
5993
|
|
|
5994
5994
|
|
|
5995
|
-
[data-theme="neutral"] .asakaa-priority-low,
|
|
5996
|
-
[data-theme="neutral"] .asakaa-priority-medium,
|
|
5997
|
-
[data-theme="neutral"] .asakaa-priority-high {
|
|
5998
|
-
background: transparent !important;
|
|
5999
|
-
color: var(--color-text-secondary) !important;
|
|
6000
|
-
border: 1px solid var(--color-border-primary) !important;
|
|
5995
|
+
[data-theme="neutral"] .asakaa-priority-low,
|
|
5996
|
+
[data-theme="neutral"] .asakaa-priority-medium,
|
|
5997
|
+
[data-theme="neutral"] .asakaa-priority-high {
|
|
5998
|
+
background: transparent !important;
|
|
5999
|
+
color: var(--color-text-secondary) !important;
|
|
6000
|
+
border: 1px solid var(--color-border-primary) !important;
|
|
6001
6001
|
}
|
|
6002
6002
|
|
|
6003
6003
|
|
|
6004
|
-
[data-theme="neutral"] .asakaa-priority-urgent {
|
|
6005
|
-
background: var(--color-text-primary) !important;
|
|
6006
|
-
color: var(--color-bg-primary) !important;
|
|
6007
|
-
animation: none !important;
|
|
6004
|
+
[data-theme="neutral"] .asakaa-priority-urgent {
|
|
6005
|
+
background: var(--color-text-primary) !important;
|
|
6006
|
+
color: var(--color-bg-primary) !important;
|
|
6007
|
+
animation: none !important;
|
|
6008
6008
|
}
|
|
6009
6009
|
|
|
6010
6010
|
|
|
6011
6011
|
/* Dates - no red for overdue, use bold weight instead */
|
|
6012
6012
|
|
|
6013
6013
|
|
|
6014
|
-
[data-theme="neutral"] .asakaa-date-overdue {
|
|
6015
|
-
color: var(--color-text-primary) !important;
|
|
6016
|
-
font-weight: var(--font-black) !important;
|
|
6017
|
-
text-decoration: underline;
|
|
6014
|
+
[data-theme="neutral"] .asakaa-date-overdue {
|
|
6015
|
+
color: var(--color-text-primary) !important;
|
|
6016
|
+
font-weight: var(--font-black) !important;
|
|
6017
|
+
text-decoration: underline;
|
|
6018
6018
|
}
|
|
6019
6019
|
|
|
6020
6020
|
|
|
6021
6021
|
/* Column progress indicators - pure text */
|
|
6022
6022
|
|
|
6023
6023
|
|
|
6024
|
-
[data-theme="neutral"] .asakaa-column-count {
|
|
6025
|
-
background: none !important;
|
|
6026
|
-
border: none !important;
|
|
6027
|
-
color: var(--color-text-tertiary) !important;
|
|
6024
|
+
[data-theme="neutral"] .asakaa-column-count {
|
|
6025
|
+
background: none !important;
|
|
6026
|
+
border: none !important;
|
|
6027
|
+
color: var(--color-text-tertiary) !important;
|
|
6028
6028
|
}
|
|
6029
6029
|
|
|
6030
6030
|
|
|
6031
6031
|
/* Hover states - subtle gray only */
|
|
6032
6032
|
|
|
6033
6033
|
|
|
6034
|
-
[data-theme="neutral"] .asakaa-card:hover {
|
|
6035
|
-
border-color: var(--color-text-tertiary) !important;
|
|
6036
|
-
background: var(--color-bg-secondary) !important;
|
|
6034
|
+
[data-theme="neutral"] .asakaa-card:hover {
|
|
6035
|
+
border-color: var(--color-text-tertiary) !important;
|
|
6036
|
+
background: var(--color-bg-secondary) !important;
|
|
6037
6037
|
}
|
|
6038
6038
|
|
|
6039
6039
|
|
|
6040
|
-
[data-theme="neutral"] .asakaa-column:hover {
|
|
6041
|
-
border-color: var(--color-text-tertiary) !important;
|
|
6040
|
+
[data-theme="neutral"] .asakaa-column:hover {
|
|
6041
|
+
border-color: var(--color-text-tertiary) !important;
|
|
6042
6042
|
}
|
|
6043
6043
|
|
|
6044
6044
|
|
|
6045
6045
|
/* Remove ALL SVG colors - force grayscale (EXCEPT Gantt chart) */
|
|
6046
6046
|
|
|
6047
6047
|
|
|
6048
|
-
[data-theme="neutral"] svg:not([data-gantt-chart] svg) {
|
|
6049
|
-
filter: grayscale(100%) !important;
|
|
6050
|
-
opacity: 0.8;
|
|
6048
|
+
[data-theme="neutral"] svg:not([data-gantt-chart] svg) {
|
|
6049
|
+
filter: grayscale(100%) !important;
|
|
6050
|
+
opacity: 0.8;
|
|
6051
6051
|
}
|
|
6052
6052
|
|
|
6053
6053
|
|
|
6054
|
-
[data-theme="neutral"] svg *:not([data-gantt-chart] svg *) {
|
|
6055
|
-
fill: currentColor !important;
|
|
6056
|
-
stroke: currentColor !important;
|
|
6054
|
+
[data-theme="neutral"] svg *:not([data-gantt-chart] svg *) {
|
|
6055
|
+
fill: currentColor !important;
|
|
6056
|
+
stroke: currentColor !important;
|
|
6057
6057
|
}
|
|
6058
6058
|
|
|
6059
6059
|
|
|
6060
6060
|
/* Gantt chart: exclude from grayscale filters to preserve theme colors */
|
|
6061
6061
|
|
|
6062
6062
|
|
|
6063
|
-
[data-theme="neutral"] [data-gantt-chart] svg,
|
|
6064
|
-
[data-theme="neutral"] [data-gantt-chart] svg * {
|
|
6065
|
-
filter: none !important;
|
|
6066
|
-
opacity: 1 !important;
|
|
6063
|
+
[data-theme="neutral"] [data-gantt-chart] svg,
|
|
6064
|
+
[data-theme="neutral"] [data-gantt-chart] svg * {
|
|
6065
|
+
filter: none !important;
|
|
6066
|
+
opacity: 1 !important;
|
|
6067
6067
|
}
|
|
6068
6068
|
|
|
6069
6069
|
|
|
6070
6070
|
/* Remove color from buttons and interactive elements */
|
|
6071
6071
|
|
|
6072
6072
|
|
|
6073
|
-
[data-theme="neutral"] button {
|
|
6074
|
-
background: var(--color-bg-secondary) !important;
|
|
6075
|
-
color: var(--color-text-primary) !important;
|
|
6076
|
-
border-color: var(--color-border-primary) !important;
|
|
6073
|
+
[data-theme="neutral"] button {
|
|
6074
|
+
background: var(--color-bg-secondary) !important;
|
|
6075
|
+
color: var(--color-text-primary) !important;
|
|
6076
|
+
border-color: var(--color-border-primary) !important;
|
|
6077
6077
|
}
|
|
6078
6078
|
|
|
6079
6079
|
|
|
6080
|
-
[data-theme="neutral"] button:hover {
|
|
6081
|
-
background: var(--color-bg-tertiary) !important;
|
|
6082
|
-
border-color: var(--color-border-secondary) !important;
|
|
6080
|
+
[data-theme="neutral"] button:hover {
|
|
6081
|
+
background: var(--color-bg-tertiary) !important;
|
|
6082
|
+
border-color: var(--color-border-secondary) !important;
|
|
6083
6083
|
}
|
|
6084
6084
|
|
|
6085
6085
|
|
|
6086
6086
|
/* Labels - absolutely no background color */
|
|
6087
6087
|
|
|
6088
6088
|
|
|
6089
|
-
[data-theme="neutral"] .asakaa-label {
|
|
6090
|
-
background: transparent !important;
|
|
6091
|
-
color: var(--color-text-tertiary) !important;
|
|
6089
|
+
[data-theme="neutral"] .asakaa-label {
|
|
6090
|
+
background: transparent !important;
|
|
6091
|
+
color: var(--color-text-tertiary) !important;
|
|
6092
6092
|
}
|
|
6093
6093
|
|
|
6094
6094
|
|
|
6095
6095
|
/* Ensure no accent colors leak through */
|
|
6096
6096
|
|
|
6097
6097
|
|
|
6098
|
-
[data-theme="neutral"] [class*="blue"],
|
|
6099
|
-
[data-theme="neutral"] [class*="red"],
|
|
6100
|
-
[data-theme="neutral"] [class*="green"],
|
|
6101
|
-
[data-theme="neutral"] [class*="yellow"],
|
|
6102
|
-
[data-theme="neutral"] [class*="orange"],
|
|
6103
|
-
[data-theme="neutral"] [class*="purple"],
|
|
6104
|
-
[data-theme="neutral"] [class*="pink"] {
|
|
6105
|
-
color: var(--color-text-primary) !important;
|
|
6106
|
-
background: transparent !important;
|
|
6107
|
-
border-color: var(--color-border-primary) !important;
|
|
6098
|
+
[data-theme="neutral"] [class*="blue"],
|
|
6099
|
+
[data-theme="neutral"] [class*="red"],
|
|
6100
|
+
[data-theme="neutral"] [class*="green"],
|
|
6101
|
+
[data-theme="neutral"] [class*="yellow"],
|
|
6102
|
+
[data-theme="neutral"] [class*="orange"],
|
|
6103
|
+
[data-theme="neutral"] [class*="purple"],
|
|
6104
|
+
[data-theme="neutral"] [class*="pink"] {
|
|
6105
|
+
color: var(--color-text-primary) !important;
|
|
6106
|
+
background: transparent !important;
|
|
6107
|
+
border-color: var(--color-border-primary) !important;
|
|
6108
6108
|
}
|
|
6109
6109
|
|
|
6110
6110
|
|
|
6111
6111
|
/* Force grayscale on any element with inline color styles */
|
|
6112
6112
|
|
|
6113
6113
|
|
|
6114
|
-
[data-theme="neutral"] [style*="color"],
|
|
6115
|
-
[data-theme="neutral"] [style*="background"],
|
|
6116
|
-
[data-theme="neutral"] [style*="border"] {
|
|
6117
|
-
filter: grayscale(100%) !important;
|
|
6114
|
+
[data-theme="neutral"] [style*="color"],
|
|
6115
|
+
[data-theme="neutral"] [style*="background"],
|
|
6116
|
+
[data-theme="neutral"] [style*="border"] {
|
|
6117
|
+
filter: grayscale(100%) !important;
|
|
6118
6118
|
}
|
|
6119
6119
|
|
|
6120
6120
|
|
|
6121
|
-
/* ==========================================================================
|
|
6122
|
-
MODAL V2 VARIABLES - Defined in card-detail-modal-v2.css
|
|
6123
|
-
No need to redefine here - avoiding CSS conflicts
|
|
6121
|
+
/* ==========================================================================
|
|
6122
|
+
MODAL V2 VARIABLES - Defined in card-detail-modal-v2.css
|
|
6123
|
+
No need to redefine here - avoiding CSS conflicts
|
|
6124
6124
|
========================================================================== */
|
|
6125
6125
|
|
|
6126
6126
|
|
|
6127
|
-
/* ==========================================================================
|
|
6128
|
-
GANTT CHART SCROLLBARS - Professional dark theme
|
|
6129
|
-
Consistent, subtle, and theme-aware
|
|
6127
|
+
/* ==========================================================================
|
|
6128
|
+
GANTT CHART SCROLLBARS - Professional dark theme
|
|
6129
|
+
Consistent, subtle, and theme-aware
|
|
6130
6130
|
========================================================================== */
|
|
6131
6131
|
|
|
6132
6132
|
|
|
6133
6133
|
/* Dark theme scrollbar colors */
|
|
6134
6134
|
|
|
6135
6135
|
|
|
6136
|
-
[data-theme="dark"] [data-gantt-chart],
|
|
6137
|
-
[data-theme="dark"] .gantt-grid-scroll,
|
|
6138
|
-
[data-theme="dark"] .gantt-timeline-scroll {
|
|
6139
|
-
scrollbar-width: thin;
|
|
6140
|
-
scrollbar-color: #3a3d45 transparent;
|
|
6136
|
+
[data-theme="dark"] [data-gantt-chart],
|
|
6137
|
+
[data-theme="dark"] .gantt-grid-scroll,
|
|
6138
|
+
[data-theme="dark"] .gantt-timeline-scroll {
|
|
6139
|
+
scrollbar-width: thin;
|
|
6140
|
+
scrollbar-color: #3a3d45 transparent;
|
|
6141
6141
|
}
|
|
6142
6142
|
|
|
6143
6143
|
|
|
6144
|
-
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6145
|
-
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6146
|
-
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6147
|
-
width: 8px;
|
|
6148
|
-
height: 8px;
|
|
6144
|
+
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6145
|
+
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6146
|
+
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6147
|
+
width: 8px;
|
|
6148
|
+
height: 8px;
|
|
6149
6149
|
}
|
|
6150
6150
|
|
|
6151
6151
|
|
|
6152
|
-
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6153
|
-
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6154
|
-
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6155
|
-
background: transparent;
|
|
6152
|
+
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6153
|
+
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6154
|
+
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6155
|
+
background: transparent;
|
|
6156
6156
|
}
|
|
6157
6157
|
|
|
6158
6158
|
|
|
6159
|
-
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6160
|
-
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6161
|
-
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6162
|
-
background: #3a3d45;
|
|
6163
|
-
border-radius: 4px;
|
|
6159
|
+
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6160
|
+
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6161
|
+
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6162
|
+
background: #3a3d45;
|
|
6163
|
+
border-radius: 4px;
|
|
6164
6164
|
}
|
|
6165
6165
|
|
|
6166
6166
|
|
|
6167
|
-
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6168
|
-
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6169
|
-
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6170
|
-
background: #4a4d55;
|
|
6167
|
+
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6168
|
+
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6169
|
+
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6170
|
+
background: #4a4d55;
|
|
6171
6171
|
}
|
|
6172
6172
|
|
|
6173
6173
|
|
|
6174
|
-
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6175
|
-
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6176
|
-
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6177
|
-
background: transparent;
|
|
6174
|
+
[data-theme="dark"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6175
|
+
[data-theme="dark"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6176
|
+
[data-theme="dark"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6177
|
+
background: transparent;
|
|
6178
6178
|
}
|
|
6179
6179
|
|
|
6180
6180
|
|
|
6181
6181
|
/* Light theme scrollbar colors */
|
|
6182
6182
|
|
|
6183
6183
|
|
|
6184
|
-
[data-theme="light"] [data-gantt-chart],
|
|
6185
|
-
[data-theme="light"] .gantt-grid-scroll,
|
|
6186
|
-
[data-theme="light"] .gantt-timeline-scroll {
|
|
6187
|
-
scrollbar-width: thin;
|
|
6188
|
-
scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
|
|
6184
|
+
[data-theme="light"] [data-gantt-chart],
|
|
6185
|
+
[data-theme="light"] .gantt-grid-scroll,
|
|
6186
|
+
[data-theme="light"] .gantt-timeline-scroll {
|
|
6187
|
+
scrollbar-width: thin;
|
|
6188
|
+
scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
|
|
6189
6189
|
}
|
|
6190
6190
|
|
|
6191
6191
|
|
|
6192
|
-
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6193
|
-
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6194
|
-
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6195
|
-
width: 8px;
|
|
6196
|
-
height: 8px;
|
|
6192
|
+
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6193
|
+
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6194
|
+
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6195
|
+
width: 8px;
|
|
6196
|
+
height: 8px;
|
|
6197
6197
|
}
|
|
6198
6198
|
|
|
6199
6199
|
|
|
6200
|
-
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6201
|
-
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6202
|
-
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6203
|
-
background: transparent;
|
|
6200
|
+
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6201
|
+
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6202
|
+
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6203
|
+
background: transparent;
|
|
6204
6204
|
}
|
|
6205
6205
|
|
|
6206
6206
|
|
|
6207
|
-
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6208
|
-
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6209
|
-
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6210
|
-
background: rgba(156, 163, 175, 0.5);
|
|
6211
|
-
border-radius: 4px;
|
|
6207
|
+
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6208
|
+
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6209
|
+
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6210
|
+
background: rgba(156, 163, 175, 0.5);
|
|
6211
|
+
border-radius: 4px;
|
|
6212
6212
|
}
|
|
6213
6213
|
|
|
6214
6214
|
|
|
6215
|
-
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6216
|
-
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6217
|
-
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6218
|
-
background: rgba(156, 163, 175, 0.8);
|
|
6215
|
+
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6216
|
+
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6217
|
+
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6218
|
+
background: rgba(156, 163, 175, 0.8);
|
|
6219
6219
|
}
|
|
6220
6220
|
|
|
6221
6221
|
|
|
6222
|
-
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6223
|
-
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6224
|
-
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6225
|
-
background: transparent;
|
|
6222
|
+
[data-theme="light"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6223
|
+
[data-theme="light"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6224
|
+
[data-theme="light"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6225
|
+
background: transparent;
|
|
6226
6226
|
}
|
|
6227
6227
|
|
|
6228
6228
|
|
|
6229
6229
|
/* Neutral theme (same as dark) */
|
|
6230
6230
|
|
|
6231
6231
|
|
|
6232
|
-
[data-theme="neutral"] [data-gantt-chart],
|
|
6233
|
-
[data-theme="neutral"] .gantt-grid-scroll,
|
|
6234
|
-
[data-theme="neutral"] .gantt-timeline-scroll {
|
|
6235
|
-
scrollbar-width: thin;
|
|
6236
|
-
scrollbar-color: #3a3d45 transparent;
|
|
6232
|
+
[data-theme="neutral"] [data-gantt-chart],
|
|
6233
|
+
[data-theme="neutral"] .gantt-grid-scroll,
|
|
6234
|
+
[data-theme="neutral"] .gantt-timeline-scroll {
|
|
6235
|
+
scrollbar-width: thin;
|
|
6236
|
+
scrollbar-color: #3a3d45 transparent;
|
|
6237
6237
|
}
|
|
6238
6238
|
|
|
6239
6239
|
|
|
6240
|
-
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6241
|
-
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6242
|
-
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6243
|
-
width: 8px;
|
|
6244
|
-
height: 8px;
|
|
6240
|
+
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar,
|
|
6241
|
+
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar,
|
|
6242
|
+
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar {
|
|
6243
|
+
width: 8px;
|
|
6244
|
+
height: 8px;
|
|
6245
6245
|
}
|
|
6246
6246
|
|
|
6247
6247
|
|
|
6248
|
-
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6249
|
-
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6250
|
-
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6251
|
-
background: transparent;
|
|
6248
|
+
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-track,
|
|
6249
|
+
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-track,
|
|
6250
|
+
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-track {
|
|
6251
|
+
background: transparent;
|
|
6252
6252
|
}
|
|
6253
6253
|
|
|
6254
6254
|
|
|
6255
|
-
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6256
|
-
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6257
|
-
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6258
|
-
background: #3a3d45;
|
|
6259
|
-
border-radius: 4px;
|
|
6255
|
+
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-thumb,
|
|
6256
|
+
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-thumb,
|
|
6257
|
+
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-thumb {
|
|
6258
|
+
background: #3a3d45;
|
|
6259
|
+
border-radius: 4px;
|
|
6260
6260
|
}
|
|
6261
6261
|
|
|
6262
6262
|
|
|
6263
|
-
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6264
|
-
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6265
|
-
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6266
|
-
background: #4a4d55;
|
|
6263
|
+
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-thumb:hover,
|
|
6264
|
+
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-thumb:hover,
|
|
6265
|
+
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-thumb:hover {
|
|
6266
|
+
background: #4a4d55;
|
|
6267
6267
|
}
|
|
6268
6268
|
|
|
6269
6269
|
|
|
6270
|
-
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6271
|
-
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6272
|
-
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6273
|
-
background: transparent;
|
|
6270
|
+
[data-theme="neutral"] [data-gantt-chart]::-webkit-scrollbar-corner,
|
|
6271
|
+
[data-theme="neutral"] .gantt-grid-scroll::-webkit-scrollbar-corner,
|
|
6272
|
+
[data-theme="neutral"] .gantt-timeline-scroll::-webkit-scrollbar-corner {
|
|
6273
|
+
background: transparent;
|
|
6274
6274
|
}
|
|
6275
6275
|
|
|
6276
6276
|
|
|
@@ -6393,471 +6393,471 @@ html[data-theme="neutral"] .column-manager-menu * {
|
|
|
6393
6393
|
*/
|
|
6394
6394
|
|
|
6395
6395
|
|
|
6396
|
-
/*
|
|
6397
|
-
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
6398
|
-
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
6396
|
+
/*
|
|
6397
|
+
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
6398
|
+
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
|
|
6399
6399
|
*/
|
|
6400
6400
|
|
|
6401
6401
|
|
|
6402
|
-
*,
|
|
6403
|
-
::before,
|
|
6404
|
-
::after {
|
|
6405
|
-
box-sizing: border-box; /* 1 */
|
|
6406
|
-
border-width: 0; /* 2 */
|
|
6407
|
-
border-style: solid; /* 2 */
|
|
6408
|
-
border-color: #e5e7eb; /* 2 */
|
|
6402
|
+
*,
|
|
6403
|
+
::before,
|
|
6404
|
+
::after {
|
|
6405
|
+
box-sizing: border-box; /* 1 */
|
|
6406
|
+
border-width: 0; /* 2 */
|
|
6407
|
+
border-style: solid; /* 2 */
|
|
6408
|
+
border-color: #e5e7eb; /* 2 */
|
|
6409
6409
|
}
|
|
6410
6410
|
|
|
6411
6411
|
|
|
6412
|
-
::before,
|
|
6413
|
-
::after {
|
|
6414
|
-
--tw-content: '';
|
|
6412
|
+
::before,
|
|
6413
|
+
::after {
|
|
6414
|
+
--tw-content: '';
|
|
6415
6415
|
}
|
|
6416
6416
|
|
|
6417
6417
|
|
|
6418
|
-
/*
|
|
6419
|
-
1. Use a consistent sensible line-height in all browsers.
|
|
6420
|
-
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
6421
|
-
3. Use a more readable tab size.
|
|
6422
|
-
4. Use the user's configured `sans` font-family by default.
|
|
6423
|
-
5. Use the user's configured `sans` font-feature-settings by default.
|
|
6424
|
-
6. Use the user's configured `sans` font-variation-settings by default.
|
|
6425
|
-
7. Disable tap highlights on iOS
|
|
6418
|
+
/*
|
|
6419
|
+
1. Use a consistent sensible line-height in all browsers.
|
|
6420
|
+
2. Prevent adjustments of font size after orientation changes in iOS.
|
|
6421
|
+
3. Use a more readable tab size.
|
|
6422
|
+
4. Use the user's configured `sans` font-family by default.
|
|
6423
|
+
5. Use the user's configured `sans` font-feature-settings by default.
|
|
6424
|
+
6. Use the user's configured `sans` font-variation-settings by default.
|
|
6425
|
+
7. Disable tap highlights on iOS
|
|
6426
6426
|
*/
|
|
6427
6427
|
|
|
6428
6428
|
|
|
6429
|
-
html,
|
|
6430
|
-
:host {
|
|
6431
|
-
line-height: 1.5; /* 1 */
|
|
6432
|
-
-webkit-text-size-adjust: 100%; /* 2 */
|
|
6433
|
-
-moz-tab-size: 4; /* 3 */
|
|
6434
|
-
-o-tab-size: 4;
|
|
6435
|
-
tab-size: 4; /* 3 */
|
|
6436
|
-
font-family: Inter Variable, system-ui, sans-serif; /* 4 */
|
|
6437
|
-
font-feature-settings: normal; /* 5 */
|
|
6438
|
-
font-variation-settings: normal; /* 6 */
|
|
6439
|
-
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
6429
|
+
html,
|
|
6430
|
+
:host {
|
|
6431
|
+
line-height: 1.5; /* 1 */
|
|
6432
|
+
-webkit-text-size-adjust: 100%; /* 2 */
|
|
6433
|
+
-moz-tab-size: 4; /* 3 */
|
|
6434
|
+
-o-tab-size: 4;
|
|
6435
|
+
tab-size: 4; /* 3 */
|
|
6436
|
+
font-family: Inter Variable, system-ui, sans-serif; /* 4 */
|
|
6437
|
+
font-feature-settings: normal; /* 5 */
|
|
6438
|
+
font-variation-settings: normal; /* 6 */
|
|
6439
|
+
-webkit-tap-highlight-color: transparent; /* 7 */
|
|
6440
6440
|
}
|
|
6441
6441
|
|
|
6442
6442
|
|
|
6443
|
-
/*
|
|
6444
|
-
1. Remove the margin in all browsers.
|
|
6445
|
-
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
6443
|
+
/*
|
|
6444
|
+
1. Remove the margin in all browsers.
|
|
6445
|
+
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
|
|
6446
6446
|
*/
|
|
6447
6447
|
|
|
6448
6448
|
|
|
6449
|
-
body {
|
|
6450
|
-
margin: 0; /* 1 */
|
|
6451
|
-
line-height: inherit; /* 2 */
|
|
6449
|
+
body {
|
|
6450
|
+
margin: 0; /* 1 */
|
|
6451
|
+
line-height: inherit; /* 2 */
|
|
6452
6452
|
}
|
|
6453
6453
|
|
|
6454
6454
|
|
|
6455
|
-
/*
|
|
6456
|
-
1. Add the correct height in Firefox.
|
|
6457
|
-
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
6458
|
-
3. Ensure horizontal rules are visible by default.
|
|
6455
|
+
/*
|
|
6456
|
+
1. Add the correct height in Firefox.
|
|
6457
|
+
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
6458
|
+
3. Ensure horizontal rules are visible by default.
|
|
6459
6459
|
*/
|
|
6460
6460
|
|
|
6461
6461
|
|
|
6462
|
-
hr {
|
|
6463
|
-
height: 0; /* 1 */
|
|
6464
|
-
color: inherit; /* 2 */
|
|
6465
|
-
border-top-width: 1px; /* 3 */
|
|
6462
|
+
hr {
|
|
6463
|
+
height: 0; /* 1 */
|
|
6464
|
+
color: inherit; /* 2 */
|
|
6465
|
+
border-top-width: 1px; /* 3 */
|
|
6466
6466
|
}
|
|
6467
6467
|
|
|
6468
6468
|
|
|
6469
|
-
/*
|
|
6470
|
-
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
6469
|
+
/*
|
|
6470
|
+
Add the correct text decoration in Chrome, Edge, and Safari.
|
|
6471
6471
|
*/
|
|
6472
6472
|
|
|
6473
6473
|
|
|
6474
|
-
abbr:where([title]) {
|
|
6475
|
-
-webkit-text-decoration: underline dotted;
|
|
6476
|
-
text-decoration: underline dotted;
|
|
6474
|
+
abbr:where([title]) {
|
|
6475
|
+
-webkit-text-decoration: underline dotted;
|
|
6476
|
+
text-decoration: underline dotted;
|
|
6477
6477
|
}
|
|
6478
6478
|
|
|
6479
6479
|
|
|
6480
|
-
/*
|
|
6481
|
-
Remove the default font size and weight for headings.
|
|
6480
|
+
/*
|
|
6481
|
+
Remove the default font size and weight for headings.
|
|
6482
6482
|
*/
|
|
6483
6483
|
|
|
6484
6484
|
|
|
6485
|
-
h1,
|
|
6486
|
-
h2,
|
|
6487
|
-
h3,
|
|
6488
|
-
h4,
|
|
6489
|
-
h5,
|
|
6490
|
-
h6 {
|
|
6491
|
-
font-size: inherit;
|
|
6492
|
-
font-weight: inherit;
|
|
6485
|
+
h1,
|
|
6486
|
+
h2,
|
|
6487
|
+
h3,
|
|
6488
|
+
h4,
|
|
6489
|
+
h5,
|
|
6490
|
+
h6 {
|
|
6491
|
+
font-size: inherit;
|
|
6492
|
+
font-weight: inherit;
|
|
6493
6493
|
}
|
|
6494
6494
|
|
|
6495
6495
|
|
|
6496
|
-
/*
|
|
6497
|
-
Reset links to optimize for opt-in styling instead of opt-out.
|
|
6496
|
+
/*
|
|
6497
|
+
Reset links to optimize for opt-in styling instead of opt-out.
|
|
6498
6498
|
*/
|
|
6499
6499
|
|
|
6500
6500
|
|
|
6501
|
-
a {
|
|
6502
|
-
color: inherit;
|
|
6503
|
-
text-decoration: inherit;
|
|
6501
|
+
a {
|
|
6502
|
+
color: inherit;
|
|
6503
|
+
text-decoration: inherit;
|
|
6504
6504
|
}
|
|
6505
6505
|
|
|
6506
6506
|
|
|
6507
|
-
/*
|
|
6508
|
-
Add the correct font weight in Edge and Safari.
|
|
6507
|
+
/*
|
|
6508
|
+
Add the correct font weight in Edge and Safari.
|
|
6509
6509
|
*/
|
|
6510
6510
|
|
|
6511
6511
|
|
|
6512
|
-
b,
|
|
6513
|
-
strong {
|
|
6514
|
-
font-weight: bolder;
|
|
6512
|
+
b,
|
|
6513
|
+
strong {
|
|
6514
|
+
font-weight: bolder;
|
|
6515
6515
|
}
|
|
6516
6516
|
|
|
6517
6517
|
|
|
6518
|
-
/*
|
|
6519
|
-
1. Use the user's configured `mono` font-family by default.
|
|
6520
|
-
2. Use the user's configured `mono` font-feature-settings by default.
|
|
6521
|
-
3. Use the user's configured `mono` font-variation-settings by default.
|
|
6522
|
-
4. Correct the odd `em` font sizing in all browsers.
|
|
6518
|
+
/*
|
|
6519
|
+
1. Use the user's configured `mono` font-family by default.
|
|
6520
|
+
2. Use the user's configured `mono` font-feature-settings by default.
|
|
6521
|
+
3. Use the user's configured `mono` font-variation-settings by default.
|
|
6522
|
+
4. Correct the odd `em` font sizing in all browsers.
|
|
6523
6523
|
*/
|
|
6524
6524
|
|
|
6525
6525
|
|
|
6526
|
-
code,
|
|
6527
|
-
kbd,
|
|
6528
|
-
samp,
|
|
6529
|
-
pre {
|
|
6530
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
6531
|
-
font-feature-settings: normal; /* 2 */
|
|
6532
|
-
font-variation-settings: normal; /* 3 */
|
|
6533
|
-
font-size: 1em; /* 4 */
|
|
6526
|
+
code,
|
|
6527
|
+
kbd,
|
|
6528
|
+
samp,
|
|
6529
|
+
pre {
|
|
6530
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
|
|
6531
|
+
font-feature-settings: normal; /* 2 */
|
|
6532
|
+
font-variation-settings: normal; /* 3 */
|
|
6533
|
+
font-size: 1em; /* 4 */
|
|
6534
6534
|
}
|
|
6535
6535
|
|
|
6536
6536
|
|
|
6537
|
-
/*
|
|
6538
|
-
Add the correct font size in all browsers.
|
|
6537
|
+
/*
|
|
6538
|
+
Add the correct font size in all browsers.
|
|
6539
6539
|
*/
|
|
6540
6540
|
|
|
6541
6541
|
|
|
6542
|
-
small {
|
|
6543
|
-
font-size: 80%;
|
|
6542
|
+
small {
|
|
6543
|
+
font-size: 80%;
|
|
6544
6544
|
}
|
|
6545
6545
|
|
|
6546
6546
|
|
|
6547
|
-
/*
|
|
6548
|
-
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
6547
|
+
/*
|
|
6548
|
+
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
|
|
6549
6549
|
*/
|
|
6550
6550
|
|
|
6551
6551
|
|
|
6552
|
-
sub,
|
|
6553
|
-
sup {
|
|
6554
|
-
font-size: 75%;
|
|
6555
|
-
line-height: 0;
|
|
6556
|
-
position: relative;
|
|
6557
|
-
vertical-align: baseline;
|
|
6552
|
+
sub,
|
|
6553
|
+
sup {
|
|
6554
|
+
font-size: 75%;
|
|
6555
|
+
line-height: 0;
|
|
6556
|
+
position: relative;
|
|
6557
|
+
vertical-align: baseline;
|
|
6558
6558
|
}
|
|
6559
6559
|
|
|
6560
6560
|
|
|
6561
|
-
sub {
|
|
6562
|
-
bottom: -0.25em;
|
|
6561
|
+
sub {
|
|
6562
|
+
bottom: -0.25em;
|
|
6563
6563
|
}
|
|
6564
6564
|
|
|
6565
6565
|
|
|
6566
|
-
sup {
|
|
6567
|
-
top: -0.5em;
|
|
6566
|
+
sup {
|
|
6567
|
+
top: -0.5em;
|
|
6568
6568
|
}
|
|
6569
6569
|
|
|
6570
6570
|
|
|
6571
|
-
/*
|
|
6572
|
-
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
6573
|
-
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
6574
|
-
3. Remove gaps between table borders by default.
|
|
6571
|
+
/*
|
|
6572
|
+
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
|
|
6573
|
+
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
6574
|
+
3. Remove gaps between table borders by default.
|
|
6575
6575
|
*/
|
|
6576
6576
|
|
|
6577
6577
|
|
|
6578
|
-
table {
|
|
6579
|
-
text-indent: 0; /* 1 */
|
|
6580
|
-
border-color: inherit; /* 2 */
|
|
6581
|
-
border-collapse: collapse; /* 3 */
|
|
6578
|
+
table {
|
|
6579
|
+
text-indent: 0; /* 1 */
|
|
6580
|
+
border-color: inherit; /* 2 */
|
|
6581
|
+
border-collapse: collapse; /* 3 */
|
|
6582
6582
|
}
|
|
6583
6583
|
|
|
6584
6584
|
|
|
6585
|
-
/*
|
|
6586
|
-
1. Change the font styles in all browsers.
|
|
6587
|
-
2. Remove the margin in Firefox and Safari.
|
|
6588
|
-
3. Remove default padding in all browsers.
|
|
6585
|
+
/*
|
|
6586
|
+
1. Change the font styles in all browsers.
|
|
6587
|
+
2. Remove the margin in Firefox and Safari.
|
|
6588
|
+
3. Remove default padding in all browsers.
|
|
6589
6589
|
*/
|
|
6590
6590
|
|
|
6591
6591
|
|
|
6592
|
-
button,
|
|
6593
|
-
input,
|
|
6594
|
-
optgroup,
|
|
6595
|
-
select,
|
|
6596
|
-
textarea {
|
|
6597
|
-
font-family: inherit; /* 1 */
|
|
6598
|
-
font-feature-settings: inherit; /* 1 */
|
|
6599
|
-
font-variation-settings: inherit; /* 1 */
|
|
6600
|
-
font-size: 100%; /* 1 */
|
|
6601
|
-
font-weight: inherit; /* 1 */
|
|
6602
|
-
line-height: inherit; /* 1 */
|
|
6603
|
-
letter-spacing: inherit; /* 1 */
|
|
6604
|
-
color: inherit; /* 1 */
|
|
6605
|
-
margin: 0; /* 2 */
|
|
6606
|
-
padding: 0; /* 3 */
|
|
6592
|
+
button,
|
|
6593
|
+
input,
|
|
6594
|
+
optgroup,
|
|
6595
|
+
select,
|
|
6596
|
+
textarea {
|
|
6597
|
+
font-family: inherit; /* 1 */
|
|
6598
|
+
font-feature-settings: inherit; /* 1 */
|
|
6599
|
+
font-variation-settings: inherit; /* 1 */
|
|
6600
|
+
font-size: 100%; /* 1 */
|
|
6601
|
+
font-weight: inherit; /* 1 */
|
|
6602
|
+
line-height: inherit; /* 1 */
|
|
6603
|
+
letter-spacing: inherit; /* 1 */
|
|
6604
|
+
color: inherit; /* 1 */
|
|
6605
|
+
margin: 0; /* 2 */
|
|
6606
|
+
padding: 0; /* 3 */
|
|
6607
6607
|
}
|
|
6608
6608
|
|
|
6609
6609
|
|
|
6610
|
-
/*
|
|
6611
|
-
Remove the inheritance of text transform in Edge and Firefox.
|
|
6610
|
+
/*
|
|
6611
|
+
Remove the inheritance of text transform in Edge and Firefox.
|
|
6612
6612
|
*/
|
|
6613
6613
|
|
|
6614
6614
|
|
|
6615
|
-
button,
|
|
6616
|
-
select {
|
|
6617
|
-
text-transform: none;
|
|
6615
|
+
button,
|
|
6616
|
+
select {
|
|
6617
|
+
text-transform: none;
|
|
6618
6618
|
}
|
|
6619
6619
|
|
|
6620
6620
|
|
|
6621
|
-
/*
|
|
6622
|
-
1. Correct the inability to style clickable types in iOS and Safari.
|
|
6623
|
-
2. Remove default button styles.
|
|
6621
|
+
/*
|
|
6622
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
6623
|
+
2. Remove default button styles.
|
|
6624
6624
|
*/
|
|
6625
6625
|
|
|
6626
6626
|
|
|
6627
|
-
button,
|
|
6628
|
-
input:where([type='button']),
|
|
6629
|
-
input:where([type='reset']),
|
|
6630
|
-
input:where([type='submit']) {
|
|
6631
|
-
-webkit-appearance: button; /* 1 */
|
|
6632
|
-
background-color: transparent; /* 2 */
|
|
6633
|
-
background-image: none; /* 2 */
|
|
6627
|
+
button,
|
|
6628
|
+
input:where([type='button']),
|
|
6629
|
+
input:where([type='reset']),
|
|
6630
|
+
input:where([type='submit']) {
|
|
6631
|
+
-webkit-appearance: button; /* 1 */
|
|
6632
|
+
background-color: transparent; /* 2 */
|
|
6633
|
+
background-image: none; /* 2 */
|
|
6634
6634
|
}
|
|
6635
6635
|
|
|
6636
6636
|
|
|
6637
|
-
/*
|
|
6638
|
-
Use the modern Firefox focus style for all focusable elements.
|
|
6637
|
+
/*
|
|
6638
|
+
Use the modern Firefox focus style for all focusable elements.
|
|
6639
6639
|
*/
|
|
6640
6640
|
|
|
6641
6641
|
|
|
6642
|
-
:-moz-focusring {
|
|
6643
|
-
outline: auto;
|
|
6642
|
+
:-moz-focusring {
|
|
6643
|
+
outline: auto;
|
|
6644
6644
|
}
|
|
6645
6645
|
|
|
6646
6646
|
|
|
6647
|
-
/*
|
|
6648
|
-
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
6647
|
+
/*
|
|
6648
|
+
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
|
|
6649
6649
|
*/
|
|
6650
6650
|
|
|
6651
6651
|
|
|
6652
|
-
:-moz-ui-invalid {
|
|
6653
|
-
box-shadow: none;
|
|
6652
|
+
:-moz-ui-invalid {
|
|
6653
|
+
box-shadow: none;
|
|
6654
6654
|
}
|
|
6655
6655
|
|
|
6656
6656
|
|
|
6657
|
-
/*
|
|
6658
|
-
Add the correct vertical alignment in Chrome and Firefox.
|
|
6657
|
+
/*
|
|
6658
|
+
Add the correct vertical alignment in Chrome and Firefox.
|
|
6659
6659
|
*/
|
|
6660
6660
|
|
|
6661
6661
|
|
|
6662
|
-
progress {
|
|
6663
|
-
vertical-align: baseline;
|
|
6662
|
+
progress {
|
|
6663
|
+
vertical-align: baseline;
|
|
6664
6664
|
}
|
|
6665
6665
|
|
|
6666
6666
|
|
|
6667
|
-
/*
|
|
6668
|
-
Correct the cursor style of increment and decrement buttons in Safari.
|
|
6667
|
+
/*
|
|
6668
|
+
Correct the cursor style of increment and decrement buttons in Safari.
|
|
6669
6669
|
*/
|
|
6670
6670
|
|
|
6671
6671
|
|
|
6672
|
-
::-webkit-inner-spin-button,
|
|
6673
|
-
::-webkit-outer-spin-button {
|
|
6674
|
-
height: auto;
|
|
6672
|
+
::-webkit-inner-spin-button,
|
|
6673
|
+
::-webkit-outer-spin-button {
|
|
6674
|
+
height: auto;
|
|
6675
6675
|
}
|
|
6676
6676
|
|
|
6677
6677
|
|
|
6678
|
-
/*
|
|
6679
|
-
1. Correct the odd appearance in Chrome and Safari.
|
|
6680
|
-
2. Correct the outline style in Safari.
|
|
6678
|
+
/*
|
|
6679
|
+
1. Correct the odd appearance in Chrome and Safari.
|
|
6680
|
+
2. Correct the outline style in Safari.
|
|
6681
6681
|
*/
|
|
6682
6682
|
|
|
6683
6683
|
|
|
6684
|
-
[type='search'] {
|
|
6685
|
-
-webkit-appearance: textfield; /* 1 */
|
|
6686
|
-
outline-offset: -2px; /* 2 */
|
|
6684
|
+
[type='search'] {
|
|
6685
|
+
-webkit-appearance: textfield; /* 1 */
|
|
6686
|
+
outline-offset: -2px; /* 2 */
|
|
6687
6687
|
}
|
|
6688
6688
|
|
|
6689
6689
|
|
|
6690
|
-
/*
|
|
6691
|
-
Remove the inner padding in Chrome and Safari on macOS.
|
|
6690
|
+
/*
|
|
6691
|
+
Remove the inner padding in Chrome and Safari on macOS.
|
|
6692
6692
|
*/
|
|
6693
6693
|
|
|
6694
6694
|
|
|
6695
|
-
::-webkit-search-decoration {
|
|
6696
|
-
-webkit-appearance: none;
|
|
6695
|
+
::-webkit-search-decoration {
|
|
6696
|
+
-webkit-appearance: none;
|
|
6697
6697
|
}
|
|
6698
6698
|
|
|
6699
6699
|
|
|
6700
|
-
/*
|
|
6701
|
-
1. Correct the inability to style clickable types in iOS and Safari.
|
|
6702
|
-
2. Change font properties to `inherit` in Safari.
|
|
6700
|
+
/*
|
|
6701
|
+
1. Correct the inability to style clickable types in iOS and Safari.
|
|
6702
|
+
2. Change font properties to `inherit` in Safari.
|
|
6703
6703
|
*/
|
|
6704
6704
|
|
|
6705
6705
|
|
|
6706
|
-
::-webkit-file-upload-button {
|
|
6707
|
-
-webkit-appearance: button; /* 1 */
|
|
6708
|
-
font: inherit; /* 2 */
|
|
6706
|
+
::-webkit-file-upload-button {
|
|
6707
|
+
-webkit-appearance: button; /* 1 */
|
|
6708
|
+
font: inherit; /* 2 */
|
|
6709
6709
|
}
|
|
6710
6710
|
|
|
6711
6711
|
|
|
6712
|
-
/*
|
|
6713
|
-
Add the correct display in Chrome and Safari.
|
|
6712
|
+
/*
|
|
6713
|
+
Add the correct display in Chrome and Safari.
|
|
6714
6714
|
*/
|
|
6715
6715
|
|
|
6716
6716
|
|
|
6717
|
-
summary {
|
|
6718
|
-
display: list-item;
|
|
6717
|
+
summary {
|
|
6718
|
+
display: list-item;
|
|
6719
6719
|
}
|
|
6720
6720
|
|
|
6721
6721
|
|
|
6722
|
-
/*
|
|
6723
|
-
Removes the default spacing and border for appropriate elements.
|
|
6722
|
+
/*
|
|
6723
|
+
Removes the default spacing and border for appropriate elements.
|
|
6724
6724
|
*/
|
|
6725
6725
|
|
|
6726
6726
|
|
|
6727
|
-
blockquote,
|
|
6728
|
-
dl,
|
|
6729
|
-
dd,
|
|
6730
|
-
h1,
|
|
6731
|
-
h2,
|
|
6732
|
-
h3,
|
|
6733
|
-
h4,
|
|
6734
|
-
h5,
|
|
6735
|
-
h6,
|
|
6736
|
-
hr,
|
|
6737
|
-
figure,
|
|
6738
|
-
p,
|
|
6739
|
-
pre {
|
|
6740
|
-
margin: 0;
|
|
6727
|
+
blockquote,
|
|
6728
|
+
dl,
|
|
6729
|
+
dd,
|
|
6730
|
+
h1,
|
|
6731
|
+
h2,
|
|
6732
|
+
h3,
|
|
6733
|
+
h4,
|
|
6734
|
+
h5,
|
|
6735
|
+
h6,
|
|
6736
|
+
hr,
|
|
6737
|
+
figure,
|
|
6738
|
+
p,
|
|
6739
|
+
pre {
|
|
6740
|
+
margin: 0;
|
|
6741
6741
|
}
|
|
6742
6742
|
|
|
6743
6743
|
|
|
6744
|
-
fieldset {
|
|
6745
|
-
margin: 0;
|
|
6746
|
-
padding: 0;
|
|
6744
|
+
fieldset {
|
|
6745
|
+
margin: 0;
|
|
6746
|
+
padding: 0;
|
|
6747
6747
|
}
|
|
6748
6748
|
|
|
6749
6749
|
|
|
6750
|
-
legend {
|
|
6751
|
-
padding: 0;
|
|
6750
|
+
legend {
|
|
6751
|
+
padding: 0;
|
|
6752
6752
|
}
|
|
6753
6753
|
|
|
6754
6754
|
|
|
6755
|
-
ol,
|
|
6756
|
-
ul,
|
|
6757
|
-
menu {
|
|
6758
|
-
list-style: none;
|
|
6759
|
-
margin: 0;
|
|
6760
|
-
padding: 0;
|
|
6755
|
+
ol,
|
|
6756
|
+
ul,
|
|
6757
|
+
menu {
|
|
6758
|
+
list-style: none;
|
|
6759
|
+
margin: 0;
|
|
6760
|
+
padding: 0;
|
|
6761
6761
|
}
|
|
6762
6762
|
|
|
6763
6763
|
|
|
6764
|
-
/*
|
|
6765
|
-
Reset default styling for dialogs.
|
|
6764
|
+
/*
|
|
6765
|
+
Reset default styling for dialogs.
|
|
6766
6766
|
*/
|
|
6767
6767
|
|
|
6768
6768
|
|
|
6769
|
-
dialog {
|
|
6770
|
-
padding: 0;
|
|
6769
|
+
dialog {
|
|
6770
|
+
padding: 0;
|
|
6771
6771
|
}
|
|
6772
6772
|
|
|
6773
6773
|
|
|
6774
|
-
/*
|
|
6775
|
-
Prevent resizing textareas horizontally by default.
|
|
6774
|
+
/*
|
|
6775
|
+
Prevent resizing textareas horizontally by default.
|
|
6776
6776
|
*/
|
|
6777
6777
|
|
|
6778
6778
|
|
|
6779
|
-
textarea {
|
|
6780
|
-
resize: vertical;
|
|
6779
|
+
textarea {
|
|
6780
|
+
resize: vertical;
|
|
6781
6781
|
}
|
|
6782
6782
|
|
|
6783
6783
|
|
|
6784
|
-
/*
|
|
6785
|
-
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
6786
|
-
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
6784
|
+
/*
|
|
6785
|
+
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
|
|
6786
|
+
2. Set the default placeholder color to the user's configured gray 400 color.
|
|
6787
6787
|
*/
|
|
6788
6788
|
|
|
6789
6789
|
|
|
6790
|
-
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
6791
|
-
opacity: 1; /* 1 */
|
|
6792
|
-
color: #9ca3af; /* 2 */
|
|
6790
|
+
input::-moz-placeholder, textarea::-moz-placeholder {
|
|
6791
|
+
opacity: 1; /* 1 */
|
|
6792
|
+
color: #9ca3af; /* 2 */
|
|
6793
6793
|
}
|
|
6794
6794
|
|
|
6795
6795
|
|
|
6796
|
-
input::placeholder,
|
|
6797
|
-
textarea::placeholder {
|
|
6798
|
-
opacity: 1; /* 1 */
|
|
6799
|
-
color: #9ca3af; /* 2 */
|
|
6796
|
+
input::placeholder,
|
|
6797
|
+
textarea::placeholder {
|
|
6798
|
+
opacity: 1; /* 1 */
|
|
6799
|
+
color: #9ca3af; /* 2 */
|
|
6800
6800
|
}
|
|
6801
6801
|
|
|
6802
6802
|
|
|
6803
|
-
/*
|
|
6804
|
-
Set the default cursor for buttons.
|
|
6803
|
+
/*
|
|
6804
|
+
Set the default cursor for buttons.
|
|
6805
6805
|
*/
|
|
6806
6806
|
|
|
6807
6807
|
|
|
6808
|
-
button,
|
|
6809
|
-
[role="button"] {
|
|
6810
|
-
cursor: pointer;
|
|
6808
|
+
button,
|
|
6809
|
+
[role="button"] {
|
|
6810
|
+
cursor: pointer;
|
|
6811
6811
|
}
|
|
6812
6812
|
|
|
6813
6813
|
|
|
6814
|
-
/*
|
|
6815
|
-
Make sure disabled buttons don't get the pointer cursor.
|
|
6814
|
+
/*
|
|
6815
|
+
Make sure disabled buttons don't get the pointer cursor.
|
|
6816
6816
|
*/
|
|
6817
6817
|
|
|
6818
6818
|
|
|
6819
|
-
:disabled {
|
|
6820
|
-
cursor: default;
|
|
6819
|
+
:disabled {
|
|
6820
|
+
cursor: default;
|
|
6821
6821
|
}
|
|
6822
6822
|
|
|
6823
6823
|
|
|
6824
|
-
/*
|
|
6825
|
-
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
6826
|
-
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
6827
|
-
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
6824
|
+
/*
|
|
6825
|
+
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
6826
|
+
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
|
|
6827
|
+
This can trigger a poorly considered lint error in some tools but is included by design.
|
|
6828
6828
|
*/
|
|
6829
6829
|
|
|
6830
6830
|
|
|
6831
|
-
img,
|
|
6832
|
-
svg,
|
|
6833
|
-
video,
|
|
6834
|
-
canvas,
|
|
6835
|
-
audio,
|
|
6836
|
-
iframe,
|
|
6837
|
-
embed,
|
|
6838
|
-
object {
|
|
6839
|
-
display: block; /* 1 */
|
|
6840
|
-
vertical-align: middle; /* 2 */
|
|
6831
|
+
img,
|
|
6832
|
+
svg,
|
|
6833
|
+
video,
|
|
6834
|
+
canvas,
|
|
6835
|
+
audio,
|
|
6836
|
+
iframe,
|
|
6837
|
+
embed,
|
|
6838
|
+
object {
|
|
6839
|
+
display: block; /* 1 */
|
|
6840
|
+
vertical-align: middle; /* 2 */
|
|
6841
6841
|
}
|
|
6842
6842
|
|
|
6843
6843
|
|
|
6844
|
-
/*
|
|
6845
|
-
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
6844
|
+
/*
|
|
6845
|
+
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
|
|
6846
6846
|
*/
|
|
6847
6847
|
|
|
6848
6848
|
|
|
6849
|
-
img,
|
|
6850
|
-
video {
|
|
6851
|
-
max-width: 100%;
|
|
6852
|
-
height: auto;
|
|
6849
|
+
img,
|
|
6850
|
+
video {
|
|
6851
|
+
max-width: 100%;
|
|
6852
|
+
height: auto;
|
|
6853
6853
|
}
|
|
6854
6854
|
|
|
6855
6855
|
|
|
6856
6856
|
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
6857
6857
|
|
|
6858
6858
|
|
|
6859
|
-
[hidden]:where(:not([hidden="until-found"])) {
|
|
6860
|
-
display: none;
|
|
6859
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
6860
|
+
display: none;
|
|
6861
6861
|
}
|
|
6862
6862
|
|
|
6863
6863
|
|