| @@ -2367,8 +2367,16 @@ | ||
| 2367 | 2367 | flex: 1 2; |
| 2368 | 2368 | } |
| 2369 | 2369 | |
| 2370 | 2370 | /* Tables */ |
| 2371 | +.wdk-wrap .widefat #the-list { | |
| 2372 | + display: flex; | |
| 2373 | + flex-wrap: wrap; | |
| 2374 | + gap: 15px 15px; | |
| 2375 | + align-items: flex-start; | |
| 2376 | + justify-content: flex-start; | |
| 2377 | +} | |
| 2378 | + | |
| 2371 | 2379 | .wdk-wrap .widefat .actions_column { |
| 2372 | 2380 | text-align: right; |
| 2373 | 2381 | } |
| 2374 | 2382 | |
| @@ -3849,5 +3857,187 @@ | ||
| 3849 | 3857 | vertical-align: middle; |
| 3850 | 3858 | position: relative; |
| 3851 | 3859 | top: 2px; |
| 3852 | 3860 | left: 6px; |
| 3861 | +} | |
| 3862 | + | |
| 3863 | +.tribute-container { | |
| 3864 | + margin-top: 20px; | |
| 3865 | +} | |
| 3866 | + | |
| 3867 | +.wdk-wrap .wdk-ai-fields-list { | |
| 3868 | + background: #fff; | |
| 3869 | + border: 1px solid #dcdcde; | |
| 3870 | + border-radius: 8px; | |
| 3871 | + overflow: hidden; | |
| 3872 | +} | |
| 3873 | + | |
| 3874 | +.wdk-wrap .wdk-ai-field { | |
| 3875 | + display: flex; | |
| 3876 | + align-items: center; | |
| 3877 | + gap: 10px; | |
| 3878 | + padding: 14px 16px; | |
| 3879 | + margin: 0; | |
| 3880 | + border-bottom: 1px solid #f0f0f1; | |
| 3881 | + cursor: pointer; | |
| 3882 | + transition: background 0.15s ease; | |
| 3883 | +} | |
| 3884 | + | |
| 3885 | +.wdk-wrap .wdk-ai-field:last-child { | |
| 3886 | + border-bottom: 0; | |
| 3887 | +} | |
| 3888 | + | |
| 3889 | +.wdk-wrap .wdk-ai-field:hover { | |
| 3890 | + background: #f6f7f7; | |
| 3891 | +} | |
| 3892 | + | |
| 3893 | +.wdk-wrap .wdk-ai-field input[type="checkbox"] { | |
| 3894 | + margin: 0; | |
| 3895 | + flex: 0 0 auto; | |
| 3896 | +} | |
| 3897 | + | |
| 3898 | +.wdk-wrap .wdk-ai-field-label { | |
| 3899 | + flex: 1; | |
| 3900 | + font-size: 14px; | |
| 3901 | + font-weight: 500; | |
| 3902 | + color: #1d2327; | |
| 3903 | +} | |
| 3904 | + | |
| 3905 | +.wdk-wrap .wdk-ai-field-type { | |
| 3906 | + padding: 3px 8px; | |
| 3907 | + font-size: 11px; | |
| 3908 | + font-weight: 600; | |
| 3909 | + line-height: 1.4; | |
| 3910 | + color: #646970; | |
| 3911 | + background: #f0f0f1; | |
| 3912 | + border-radius: 4px; | |
| 3913 | +} | |
| 3914 | + | |
| 3915 | +.wdk-wrap .wdk-ai-field:has(input:checked) { | |
| 3916 | + background: #f0f6fc; | |
| 3917 | +} | |
| 3918 | + | |
| 3919 | +.wdk-wrap .wdk-ai-field:has(input:checked) .wdk-ai-field-label { | |
| 3920 | + color: #2271b1; | |
| 3921 | +} | |
| 3922 | + | |
| 3923 | +.wdk-wrap .wdk-ai-search-status { | |
| 3924 | + display: inline-block; | |
| 3925 | + margin-top: 12px; | |
| 3926 | + font-size: 13px; | |
| 3927 | + font-weight: 500; | |
| 3928 | +} | |
| 3929 | + | |
| 3930 | +.wdk-wrap .wdk-ai-search-status.success { | |
| 3931 | + color: #00a32a; | |
| 3932 | +} | |
| 3933 | + | |
| 3934 | +.wdk-wrap .wdk-ai-search-status.error { | |
| 3935 | + color: #d63638; | |
| 3936 | +} | |
| 3937 | + | |
| 3938 | +.wdk-wrap .wdk-ai-fields-list { | |
| 3939 | + display: grid; | |
| 3940 | + grid-template-columns: repeat(2, 1fr); | |
| 3941 | + background: #fff; | |
| 3942 | + border: 1px solid #dcdcde; | |
| 3943 | + border-radius: 8px; | |
| 3944 | + overflow: hidden; | |
| 3945 | +} | |
| 3946 | + | |
| 3947 | +.wdk-wrap .wdk-ai-field { | |
| 3948 | + border-bottom: 1px solid #f0f0f1; | |
| 3949 | +} | |
| 3950 | + | |
| 3951 | +.wdk-wrap .wdk-ai-field:nth-child(odd) { | |
| 3952 | + border-right: 1px solid #f0f0f1; | |
| 3953 | +} | |
| 3954 | + | |
| 3955 | +.wdk-body-listing { | |
| 3956 | + display: flex; | |
| 3957 | + flex-wrap: wrap; | |
| 3958 | + justify-content: space-between; | |
| 3959 | + align-items: center; | |
| 3960 | +} | |
| 3961 | + | |
| 3962 | +.wdk-body-listing > * { | |
| 3963 | + order: 1; | |
| 3964 | +} | |
| 3965 | + | |
| 3966 | +.wdk-body-listing .fpai-ai-button { | |
| 3967 | + order: 0; | |
| 3968 | +} | |
| 3969 | + | |
| 3970 | +.wdk-body-listing > form, | |
| 3971 | +.wdk-body-listing > .fpai-inline-form { | |
| 3972 | + width: 100%; | |
| 3973 | +} | |
| 3974 | + | |
| 3975 | +.wdk-empty-state { | |
| 3976 | + padding: 40px 20px 48px; | |
| 3977 | + text-align: center; | |
| 3978 | + display: flex; | |
| 3979 | + flex-direction: column; | |
| 3980 | + align-items: center; | |
| 3981 | +} | |
| 3982 | + | |
| 3983 | +.wdk-empty-state__image { | |
| 3984 | + display: block; | |
| 3985 | + width: 170px; | |
| 3986 | + max-width: 100%; | |
| 3987 | + height: auto; | |
| 3988 | + margin: 0 auto 18px; | |
| 3989 | +} | |
| 3990 | + | |
| 3991 | +.wdk-empty-state__title { | |
| 3992 | + margin: 0 0 8px; | |
| 3993 | + color: #292d32; | |
| 3994 | + font-size: 18px; | |
| 3995 | + font-weight: 600; | |
| 3996 | + line-height: 1.4; | |
| 3997 | +} | |
| 3998 | + | |
| 3999 | +.wdk-empty-state__description { | |
| 4000 | + max-width: 310px; | |
| 4001 | + margin: 0 auto 18px; | |
| 4002 | + color: #85858d; | |
| 4003 | + font-size: 14px; | |
| 4004 | + line-height: 1.6; | |
| 4005 | +} | |
| 4006 | + | |
| 4007 | +.wdk-empty-state__button { | |
| 4008 | + display: inline-flex; | |
| 4009 | + align-items: center; | |
| 4010 | + justify-content: center; | |
| 4011 | + gap: 8px; | |
| 4012 | + padding: 9px 15px; | |
| 4013 | + border-radius: 8px; | |
| 4014 | + background: #edf0fc; | |
| 4015 | + color: #456596; | |
| 4016 | + font-size: 14px; | |
| 4017 | + font-weight: 600; | |
| 4018 | + line-height: 1.4; | |
| 4019 | + text-decoration: none; | |
| 4020 | + transition: background .2s, color .2s; | |
| 4021 | +} | |
| 4022 | + | |
| 4023 | +.wdk-empty-state__button:hover { | |
| 4024 | + background: #e0e7fc; | |
| 4025 | + color: #2f51a4; | |
| 4026 | +} | |
| 4027 | + | |
| 4028 | +.wdk-empty-state__button:focus-visible { | |
| 4029 | + outline: 2px solid #4775ed; | |
| 4030 | + outline-offset: 3px; | |
| 4031 | +} | |
| 4032 | + | |
| 4033 | +.wdk-empty-state__button span { | |
| 4034 | + font-size: 21px; | |
| 4035 | + font-weight: 400; | |
| 4036 | + line-height: 1; | |
| 4037 | +} | |
| 4038 | + | |
| 4039 | +.wdk-wrap br { | |
| 4040 | + display: block; | |
| 4041 | + content: ""; | |
| 4042 | + margin-bottom: 5px; | |
| 3853 | 4043 | } |
