| @@ -2209,8 +2209,13 @@ | ||
| 2209 | 2209 | display: flex; |
| 2210 | 2210 | height: auto; |
| 2211 | 2211 | } |
| 2212 | 2212 | |
| 2213 | +div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree > .btn-group { | |
| 2214 | + height: 40px; | |
| 2215 | + border-radius: 2px; | |
| 2216 | +} | |
| 2217 | + | |
| 2213 | 2218 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button { |
| 2214 | 2219 | padding: 0 8px; |
| 2215 | 2220 | height: auto; |
| 2216 | 2221 | box-shadow: 0 0 0 transparent; |
| @@ -2221,9 +2226,9 @@ | ||
| 2221 | 2226 | } |
| 2222 | 2227 | |
| 2223 | 2228 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle, |
| 2224 | 2229 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button { |
| 2225 | - border-radius: 4px; | |
| 2230 | + border-radius: 2px; | |
| 2226 | 2231 | } |
| 2227 | 2232 | |
| 2228 | 2233 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button:first-child { |
| 2229 | 2234 | border-top-right-radius: 0; |
| @@ -2234,12 +2239,17 @@ | ||
| 2234 | 2239 | border: 1px solid #8c8f94; |
| 2235 | 2240 | } |
| 2236 | 2241 | |
| 2237 | 2242 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_scroll { |
| 2238 | - border-left: 1px solid #8c8f94; | |
| 2239 | 2243 | left: 0; |
| 2240 | 2244 | } |
| 2241 | 2245 | |
| 2246 | +div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container { | |
| 2247 | + width: 100%; | |
| 2248 | + border: 1px solid #8c8f94; | |
| 2249 | + box-sizing: border-box; | |
| 2250 | +} | |
| 2251 | + | |
| 2242 | 2252 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle:last-child { |
| 2243 | 2253 | border-top-left-radius: 0; |
| 2244 | 2254 | border-bottom-left-radius: 0; |
| 2245 | 2255 | background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; |
| @@ -2265,15 +2275,15 @@ | ||
| 2265 | 2275 | |
| 2266 | 2276 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon i { |
| 2267 | 2277 | position: absolute; |
| 2268 | 2278 | left: 0; |
| 2269 | - margin-left: 5px; | |
| 2279 | + margin-left: 11px; | |
| 2270 | 2280 | top: 50%; |
| 2271 | 2281 | margin-top: -9px; |
| 2272 | 2282 | } |
| 2273 | 2283 | |
| 2274 | 2284 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon i.fa-spin { |
| 2275 | - margin-left: 7px; | |
| 2285 | + margin-left: 11px; | |
| 2276 | 2286 | margin-top: -7px; |
| 2277 | 2287 | } |
| 2278 | 2288 | |
| 2279 | 2289 | div.wdk-field-edit div.wdk-field-container .wdk_dropdown_tree .list_container .input-group-addon .fa:after { |
| @@ -2304,9 +2314,9 @@ | ||
| 2304 | 2314 | -webkit-animation: wdk-spin 2s infinite linear; |
| 2305 | 2315 | animation: wdk-spin 2s infinite linear; |
| 2306 | 2316 | font-family: dashicons; |
| 2307 | 2317 | font-size: 18px; |
| 2308 | - margin-left: 6px; | |
| 2318 | + margin-left: 11px; | |
| 2309 | 2319 | margin-top: -9px; |
| 2310 | 2320 | } |
| 2311 | 2321 | |
| 2312 | 2322 | @keyframes wdk-spin { |
| @@ -2357,8 +2367,16 @@ | ||
| 2357 | 2367 | flex: 1 2; |
| 2358 | 2368 | } |
| 2359 | 2369 | |
| 2360 | 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 | + | |
| 2361 | 2379 | .wdk-wrap .widefat .actions_column { |
| 2362 | 2380 | text-align: right; |
| 2363 | 2381 | } |
| 2364 | 2382 | |
| @@ -2543,8 +2561,19 @@ | ||
| 2543 | 2561 | .wdk-wrap { |
| 2544 | 2562 | /* addon subscription */ |
| 2545 | 2563 | } |
| 2546 | 2564 | |
| 2565 | +.wdk-wrap .button-secondary, .wdk-wrap .button-primary { | |
| 2566 | + display: inline-flex; | |
| 2567 | + align-items: center; | |
| 2568 | + justify-content: center; | |
| 2569 | + gap: 5px; | |
| 2570 | +} | |
| 2571 | + | |
| 2572 | +.wdk-wrap .button-secondary .dashicons, .wdk-wrap .button-primary .dashicons { | |
| 2573 | + line-height: 1 !important; | |
| 2574 | +} | |
| 2575 | + | |
| 2547 | 2576 | .wdk-wrap .actions { |
| 2548 | 2577 | margin-top: 0; |
| 2549 | 2578 | } |
| 2550 | 2579 | |
| @@ -2916,9 +2945,9 @@ | ||
| 2916 | 2945 | .wdk-wrap .wp-editor-wrap .wp-editor-container { |
| 2917 | 2946 | width: 100%; |
| 2918 | 2947 | margin: 0; |
| 2919 | 2948 | box-shadow: none; |
| 2920 | - border-radius: 4px; | |
| 2949 | + border-radius: 2px; | |
| 2921 | 2950 | border: 1px solid #8c8f94; |
| 2922 | 2951 | background-color: #fff; |
| 2923 | 2952 | color: #2c3338; |
| 2924 | 2953 | overflow: hidden; |
| @@ -3110,20 +3139,20 @@ | ||
| 3110 | 3139 | } |
| 3111 | 3140 | |
| 3112 | 3141 | .wdk-unwrapp-field .wdk_dropdown_tree button.btn.btn-default.dropdown-toggle, |
| 3113 | 3142 | .wdk-unwrapp-field .wdk_dropdown_tree button { |
| 3114 | - border-radius: 4px; | |
| 3143 | + border-radius: 0; | |
| 3115 | 3144 | } |
| 3116 | 3145 | |
| 3117 | 3146 | .wdk-unwrapp-field .wdk_dropdown_tree button:first-child { |
| 3118 | 3147 | border-top-right-radius: 0; |
| 3119 | 3148 | border-bottom-right-radius: 0; |
| 3120 | - border-top-left-radius: 4px; | |
| 3121 | - border-bottom-left-radius: 4px; | |
| 3149 | + border-top-left-radius: 0; | |
| 3150 | + border-bottom-left-radius: 0; | |
| 3122 | 3151 | } |
| 3123 | 3152 | |
| 3124 | 3153 | .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group { |
| 3125 | - border: 1px solid #8c8f94; | |
| 3154 | + border-top: 1px solid #8c8f94; | |
| 3126 | 3155 | } |
| 3127 | 3156 | |
| 3128 | 3157 | .wdk-unwrapp-field .wdk_dropdown_tree .list_scroll { |
| 3129 | 3158 | border-left: 1px solid #8c8f94; |
| @@ -3156,9 +3185,9 @@ | ||
| 3156 | 3185 | |
| 3157 | 3186 | .wdk-unwrapp-field .wdk_dropdown_tree .list_container .input-group-addon i { |
| 3158 | 3187 | position: absolute; |
| 3159 | 3188 | left: 0; |
| 3160 | - margin-left: 5px; | |
| 3189 | + margin-left: 11px; | |
| 3161 | 3190 | top: 50%; |
| 3162 | 3191 | margin-top: -9px; |
| 3163 | 3192 | } |
| 3164 | 3193 | |
| @@ -3234,13 +3263,27 @@ | ||
| 3234 | 3263 | #adminmenu .wp-submenu li.current a[href="admin.php?page=wdk_addons_bookings"] { |
| 3235 | 3264 | color: greenyellow; |
| 3236 | 3265 | } |
| 3237 | 3266 | |
| 3267 | +body .select2-container--default .select2-selection--multiple { | |
| 3268 | + border-radius: 2px; | |
| 3269 | +} | |
| 3270 | + | |
| 3238 | 3271 | body .select2-container--default.select2-container--focus .select2-selection--multiple, body .select2-container--default { |
| 3239 | 3272 | border: 0; |
| 3240 | 3273 | min-width: 150px; |
| 3274 | + width: 25em !important; | |
| 3275 | + border-radius: 2px; | |
| 3241 | 3276 | } |
| 3242 | 3277 | |
| 3278 | +body .select2-container--default input { | |
| 3279 | + min-height: 36px; | |
| 3280 | +} | |
| 3281 | + | |
| 3282 | +body .select2-container--default .select2-selection--multiple { | |
| 3283 | + cursor: pointer; | |
| 3284 | +} | |
| 3285 | + | |
| 3243 | 3286 | body .select2-container--default .select2-selection--multiple .select2-search__field { |
| 3244 | 3287 | border: 0 !important; |
| 3245 | 3288 | } |
| 3246 | 3289 | |
| @@ -3257,17 +3300,50 @@ | ||
| 3257 | 3300 | body .select2-container--default .select2-selection--multiple .select2-selection__rendered { |
| 3258 | 3301 | padding: 0; |
| 3259 | 3302 | display: block; |
| 3260 | 3303 | padding: 2px 45px 2px 5px; |
| 3304 | + position: relative; | |
| 3261 | 3305 | } |
| 3262 | 3306 | |
| 3307 | +body .select2-container--default .select2-selection--multiple .select2-selection__rendered::after { | |
| 3308 | + content: ""; | |
| 3309 | + display: block; | |
| 3310 | + position: absolute; | |
| 3311 | + right: 0px; | |
| 3312 | + top: 0; | |
| 3313 | + width: 26px; | |
| 3314 | + height: 100%; | |
| 3315 | + pointer-events: none; | |
| 3316 | + background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%; | |
| 3317 | + background-size: auto; | |
| 3318 | + background-size: 16px 16px; | |
| 3319 | + cursor: pointer; | |
| 3320 | + border-left: 1px solid #8c8f94; | |
| 3321 | + z-index: 10; | |
| 3322 | +} | |
| 3323 | + | |
| 3263 | 3324 | body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple .select2-selection__rendered { |
| 3264 | 3325 | padding: 0px 45px 0px 5px; |
| 3265 | 3326 | display: flex; |
| 3266 | 3327 | align-items: center; |
| 3267 | 3328 | flex-wrap: wrap; |
| 3329 | + position: relative; | |
| 3268 | 3330 | } |
| 3269 | 3331 | |
| 3332 | +body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple .select2-selection__rendered::after { | |
| 3333 | + content: ""; | |
| 3334 | + display: block; | |
| 3335 | + position: absolute; | |
| 3336 | + right: 15px; | |
| 3337 | + top: 50%; | |
| 3338 | + width: 16px; | |
| 3339 | + height: 16px; | |
| 3340 | + pointer-events: none; | |
| 3341 | + transform: translateY(-50%); | |
| 3342 | + background: url('data:image/svg+xml;utf8,<svg fill="gray" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="5,7 10,12 15,7"/></svg>') no-repeat center center; | |
| 3343 | + background-size: 16px 16px; | |
| 3344 | +} | |
| 3345 | + | |
| 3270 | 3346 | body .wdk-field-edit.DROPDOWNMULTIPLE .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { |
| 3271 | 3347 | padding: 1px 6px; |
| 3272 | 3348 | line-height: 19px; |
| 3273 | 3349 | } |
| @@ -3440,9 +3516,9 @@ | ||
| 3440 | 3516 | .wdk-wrap .wdk-listing-childs-drop { |
| 3441 | 3517 | margin-top: 6px; |
| 3442 | 3518 | border: 1px solid #c3c4c7; |
| 3443 | 3519 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
| 3444 | - border-radius: 4px; | |
| 3520 | + border-radius: 0; | |
| 3445 | 3521 | border: 1px dashed #8c8f94; |
| 3446 | 3522 | background-color: #fff; |
| 3447 | 3523 | min-height: 75px; |
| 3448 | 3524 | box-sizing: border-box; |
| @@ -3455,9 +3531,9 @@ | ||
| 3455 | 3531 | max-width: initial; |
| 3456 | 3532 | min-width: initial; |
| 3457 | 3533 | margin: 0px 15px 15px 0px; |
| 3458 | 3534 | cursor: pointer; |
| 3459 | - border-radius: 4px; | |
| 3535 | + border-radius: 0; | |
| 3460 | 3536 | border: 1px solid #c3c4c7; |
| 3461 | 3537 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); |
| 3462 | 3538 | background: #fff; |
| 3463 | 3539 | } |
| @@ -3662,7 +3738,306 @@ | ||
| 3662 | 3738 | .wdk-notice-upgrade .dashicons-warning { |
| 3663 | 3739 | color: #d63a3c; |
| 3664 | 3740 | } |
| 3665 | 3741 | |
| 3742 | +.wdk-listing-toolbar { | |
| 3743 | + --borded-radius: 3px; | |
| 3744 | + --border-color: #ccd0d4; | |
| 3745 | + display: flex; | |
| 3746 | + align-items: center; | |
| 3747 | + justify-content: space-between; | |
| 3748 | + gap: 10px; | |
| 3749 | + margin-bottom: 25px; | |
| 3750 | + background: #f8fafc; | |
| 3751 | + border-radius: var(--borded-radius); | |
| 3752 | + box-shadow: 0 2px 8px rgba(44, 62, 80, 0.06); | |
| 3753 | + padding: 15px 21px; | |
| 3754 | + border-radius: var(--borded-radius); | |
| 3755 | +} | |
| 3756 | + | |
| 3757 | +.wdk-listing-toolbar .wdk-toolbar-left, | |
| 3758 | +.wdk-listing-toolbar .wdk-toolbar-right { | |
| 3759 | + flex: 0 0 auto; | |
| 3760 | +} | |
| 3761 | + | |
| 3762 | +.wdk-listing-toolbar .wdk-toolbar-left a.button, | |
| 3763 | +.wdk-listing-toolbar .wdk-toolbar-right a.button { | |
| 3764 | + padding: 0 9px; | |
| 3765 | + border-radius: var(--borded-radius); | |
| 3766 | + transition: background 0.18s, color 0.18s, box-shadow 0.18s; | |
| 3767 | + box-shadow: 0 1px 4px rgba(44, 62, 80, 0.08); | |
| 3768 | +} | |
| 3769 | + | |
| 3770 | +.wdk-listing-toolbar .wdk-toolbar-left a.button:hover, .wdk-listing-toolbar .wdk-toolbar-left a.button:focus, | |
| 3771 | +.wdk-listing-toolbar .wdk-toolbar-right a.button:hover, | |
| 3772 | +.wdk-listing-toolbar .wdk-toolbar-right a.button:focus { | |
| 3773 | + background: #e8eef7; | |
| 3774 | + color: #2271b1; | |
| 3775 | + box-shadow: 0 3px 12px rgba(44, 62, 80, 0.12); | |
| 3776 | +} | |
| 3777 | + | |
| 3778 | +.wdk-listing-toolbar .wdk-toolbar-search { | |
| 3779 | + position: relative; | |
| 3780 | + width: 200px; | |
| 3781 | + max-width: 100%; | |
| 3782 | + min-width: 150px; | |
| 3783 | + display: flex; | |
| 3784 | + align-items: center; | |
| 3785 | +} | |
| 3786 | + | |
| 3787 | +.wdk-listing-toolbar .wdk-toolbar-search input { | |
| 3788 | + width: 100%; | |
| 3789 | + padding: 9px 14px; | |
| 3790 | + border-radius: var(--borded-radius); | |
| 3791 | + border: 1px solid var(--border-color); | |
| 3792 | + background: #fff; | |
| 3793 | + font-size: 15px; | |
| 3794 | + line-height: 1.3; | |
| 3795 | + transition: border 0.15s, box-shadow 0.15s; | |
| 3796 | + box-shadow: 0 1px 4px rgba(44, 62, 80, 0.03); | |
| 3797 | +} | |
| 3798 | + | |
| 3799 | +.wdk-listing-toolbar .wdk-toolbar-search input:focus { | |
| 3800 | + border-color: #2271b1; | |
| 3801 | + outline: none; | |
| 3802 | + box-shadow: 0 2px 8px rgba(34, 113, 177, 0.09); | |
| 3803 | +} | |
| 3804 | + | |
| 3805 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results { | |
| 3806 | + position: absolute; | |
| 3807 | + left: 0; | |
| 3808 | + right: 0; | |
| 3809 | + top: calc(100% + 8px); | |
| 3810 | + background: #fff; | |
| 3811 | + border: 1px solid #ccd0d4; | |
| 3812 | + border-radius: 6px; | |
| 3813 | + box-shadow: 0 4px 18px rgba(44, 62, 80, 0.11); | |
| 3814 | + max-height: 340px; | |
| 3815 | + overflow-y: auto; | |
| 3816 | + z-index: 1001; | |
| 3817 | +} | |
| 3818 | + | |
| 3819 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-item { | |
| 3820 | + display: block; | |
| 3821 | + padding: 12px 18px; | |
| 3822 | + text-decoration: none; | |
| 3823 | + color: #222f3e; | |
| 3824 | + border-bottom: 1px solid #f2f4f8; | |
| 3825 | + transition: background 0.13s, color 0.13s; | |
| 3826 | +} | |
| 3827 | + | |
| 3828 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-item:last-child { | |
| 3829 | + border-bottom: none; | |
| 3830 | +} | |
| 3831 | + | |
| 3832 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-item:hover, .wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-item:focus { | |
| 3833 | + background: #f0f6fb; | |
| 3834 | + color: #186dac; | |
| 3835 | +} | |
| 3836 | + | |
| 3837 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-loading, | |
| 3838 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-empty { | |
| 3839 | + padding: 11px 16px; | |
| 3840 | + display: flex; | |
| 3841 | + align-items: center; | |
| 3842 | + gap: 12px; | |
| 3843 | + color: #888fa1; | |
| 3844 | + font-size: 15px; | |
| 3845 | + background: #f8fafc; | |
| 3846 | +} | |
| 3847 | + | |
| 3848 | +.wdk-listing-toolbar .wdk-toolbar-search .wdk-search-results .wdk-search-empty { | |
| 3849 | + justify-content: flex-start; | |
| 3850 | + font-style: italic; | |
| 3851 | + color: #b0b4bb; | |
| 3852 | +} | |
| 3853 | + | |
| 3854 | +.wdk-listing-toolbar .spinner.is-active { | |
| 3855 | + float: none; | |
| 3856 | + margin: 0; | |
| 3857 | + vertical-align: middle; | |
| 3858 | + position: relative; | |
| 3859 | + top: 2px; | |
| 3860 | + left: 6px; | |
| 3861 | +} | |
| 3862 | + | |
| 3666 | 3863 | .tribute-container { |
| 3667 | 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; | |
| 3668 | 4043 | } |
