| @@ -3178,5 +3178,576 @@ | ||
| 3178 | 3178 | .ai-provider-cards-wrapper { |
| 3179 | 3179 | display: flex; |
| 3180 | 3180 | } |
| 3181 | 3181 | |
| 3182 | +/* AI Actions page — match WPBot Control Panel layout */ | |
| 3183 | +body.chatbot-wpbot-lite_page_wpbot_ai_actions, | |
| 3184 | +body.chatbot-wpbot-lite_page_wbcs-botsessions-page, | |
| 3185 | +body.wpbot-panel_page_wbcs-botsessions-page { | |
| 3186 | + background-color: #F5F7FD; | |
| 3187 | +} | |
| 3188 | + | |
| 3189 | +.wp-chatbot-tabs.qcld-ai-actions-layout { | |
| 3190 | + display: flex; | |
| 3191 | + align-items: flex-start; | |
| 3192 | + gap: 20px; | |
| 3193 | + overflow: visible; | |
| 3194 | +} | |
| 3195 | + | |
| 3196 | +.wp-chatbot-tabs.qcld-ai-actions-layout > nav { | |
| 3197 | + width: 240px; | |
| 3198 | + min-width: 240px; | |
| 3199 | + flex-shrink: 0; | |
| 3200 | + float: none; | |
| 3201 | + margin-right: 0; | |
| 3202 | + position: sticky; | |
| 3203 | + top: 32px; | |
| 3204 | +} | |
| 3205 | + | |
| 3206 | +.wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap { | |
| 3207 | + flex: 1 1 auto; | |
| 3208 | + min-width: 0; | |
| 3209 | + width: auto !important; | |
| 3210 | + float: none; | |
| 3211 | + padding: 24px; | |
| 3212 | + background: #fff; | |
| 3213 | + border-radius: 16px; | |
| 3214 | +} | |
| 3215 | + | |
| 3216 | +.wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground { | |
| 3217 | + width: 360px; | |
| 3218 | + min-width: 320px; | |
| 3219 | + flex-shrink: 0; | |
| 3220 | + float: none; | |
| 3221 | + margin: 0; | |
| 3222 | + padding: 0; | |
| 3223 | + background: transparent; | |
| 3224 | + position: sticky; | |
| 3225 | + top: 32px; | |
| 3226 | +} | |
| 3227 | + | |
| 3228 | +.qcld-ai-actions-layout .ai-saved-actions-submenu { | |
| 3229 | + list-style: none; | |
| 3230 | + margin: 4px 0 0; | |
| 3231 | + padding: 0 0 6px; | |
| 3232 | +} | |
| 3233 | + | |
| 3234 | +.qcld-ai-actions-layout .ai-saved-actions-submenu li a { | |
| 3235 | + padding: 10px 12px 10px 48px; | |
| 3236 | + font-size: 14px; | |
| 3237 | + font-weight: 500; | |
| 3238 | + color: #988FBD; | |
| 3239 | + border-radius: 8px; | |
| 3240 | +} | |
| 3241 | + | |
| 3242 | +.qcld-ai-actions-layout .ai-saved-actions-submenu li.tab-current a, | |
| 3243 | +.qcld-ai-actions-layout .ai-saved-actions-submenu li a:hover { | |
| 3244 | + background: #5B4E96; | |
| 3245 | + color: #fff; | |
| 3246 | +} | |
| 3247 | + | |
| 3248 | +.qcld-ai-actions-layout .ai-no-saved-actions { | |
| 3249 | + padding: 8px 12px 8px 48px; | |
| 3250 | + color: #988FBD; | |
| 3251 | + font-size: 13px; | |
| 3252 | + font-style: italic; | |
| 3253 | +} | |
| 3254 | + | |
| 3255 | +.qcld-ai-actions-layout .ai-sidebar-parent-link { | |
| 3256 | + position: relative; | |
| 3257 | +} | |
| 3258 | + | |
| 3259 | +.qcld-ai-actions-layout .qcld-ai-saved-toggle { | |
| 3260 | + margin-left: auto; | |
| 3261 | + font-size: 16px; | |
| 3262 | + width: 16px; | |
| 3263 | + height: 16px; | |
| 3264 | +} | |
| 3265 | + | |
| 3266 | +.qcld-ai-template-grid { | |
| 3267 | + display: grid; | |
| 3268 | + grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); | |
| 3269 | + gap: 16px; | |
| 3270 | + margin-top: 20px; | |
| 3271 | +} | |
| 3272 | + | |
| 3273 | +.qcld-ai-actions-page .ai-template-card { | |
| 3274 | + background: #fff; | |
| 3275 | + border: 1px solid #E5E6F2; | |
| 3276 | + border-radius: 16px; | |
| 3277 | + padding: 22px 16px; | |
| 3278 | + cursor: pointer; | |
| 3279 | + text-align: center; | |
| 3280 | + transition: all 0.2s ease; | |
| 3281 | +} | |
| 3282 | + | |
| 3283 | +.qcld-ai-actions-page .ai-template-card:hover { | |
| 3284 | + border-color: #5B4E96; | |
| 3285 | + box-shadow: 0 8px 20px rgba(91, 78, 150, 0.12); | |
| 3286 | + transform: translateY(-2px); | |
| 3287 | + background: linear-gradient(192deg, #FFE3E1 4%, #E9E4FF 98.26%); | |
| 3288 | +} | |
| 3289 | + | |
| 3290 | +.qcld-ai-actions-page .ai-template-card-icon { | |
| 3291 | + color: #5B4E96; | |
| 3292 | + margin-bottom: 12px; | |
| 3293 | +} | |
| 3294 | + | |
| 3295 | +.qcld-ai-actions-page .ai-template-card-icon .dashicons { | |
| 3296 | + font-size: 36px; | |
| 3297 | + width: 36px; | |
| 3298 | + height: 36px; | |
| 3299 | +} | |
| 3300 | + | |
| 3301 | +.qcld-ai-actions-page .ai-template-card h4 { | |
| 3302 | + margin: 0 0 8px; | |
| 3303 | + font-size: 15px; | |
| 3304 | + font-weight: 700; | |
| 3305 | + color: #5B4E96; | |
| 3306 | +} | |
| 3307 | + | |
| 3308 | +.qcld-ai-actions-page .ai-template-card p { | |
| 3309 | + margin: 0; | |
| 3310 | + font-size: 13px; | |
| 3311 | + color: #6b638f; | |
| 3312 | + line-height: 1.45; | |
| 3313 | +} | |
| 3314 | + | |
| 3315 | +.qcld-ai-actions-alert { | |
| 3316 | + color: #fff; | |
| 3317 | + background: #e64340; | |
| 3318 | + padding: 12px 16px; | |
| 3319 | + border-radius: 8px; | |
| 3320 | + margin-bottom: 20px; | |
| 3321 | +} | |
| 3322 | + | |
| 3323 | +.qcld-ai-action-edit-head { | |
| 3324 | + display: flex; | |
| 3325 | + justify-content: space-between; | |
| 3326 | + align-items: center; | |
| 3327 | + gap: 12px; | |
| 3328 | + margin-bottom: 16px; | |
| 3329 | + border-bottom: 1px solid #E5E6F2; | |
| 3330 | + padding-bottom: 12px; | |
| 3331 | +} | |
| 3332 | + | |
| 3333 | +.qcld-ai-action-edit-head .qcld-wpbot-main-tabs-title { | |
| 3334 | + margin: 0; | |
| 3335 | + border-bottom: 0; | |
| 3336 | + padding: 0; | |
| 3337 | +} | |
| 3338 | + | |
| 3339 | +.qcld-ai-action-edit-actions { | |
| 3340 | + display: flex; | |
| 3341 | + align-items: center; | |
| 3342 | + gap: 10px; | |
| 3343 | + flex-wrap: wrap; | |
| 3344 | + justify-content: flex-end; | |
| 3345 | +} | |
| 3346 | + | |
| 3347 | +.qcld-ai-actions-page .qcld-ai-goto-new-action { | |
| 3348 | + padding: 10px 18px; | |
| 3349 | + font-size: 14px; | |
| 3350 | + line-height: 1.2; | |
| 3351 | + white-space: nowrap; | |
| 3352 | +} | |
| 3353 | + | |
| 3354 | +.qcld-ai-actions-page .remove-ai-form { | |
| 3355 | + color: #e64340; | |
| 3356 | + border: 1px solid #e64340; | |
| 3357 | + background: #fff; | |
| 3358 | + border-radius: 8px; | |
| 3359 | +} | |
| 3360 | + | |
| 3361 | +.qcld-ai-actions-page .remove-ai-form:hover { | |
| 3362 | + background: #e64340; | |
| 3363 | + color: #fff; | |
| 3364 | +} | |
| 3365 | + | |
| 3366 | +.qcld-ai-actions-page .wpbot-ai-inner-tabs { | |
| 3367 | + margin-bottom: 20px; | |
| 3368 | +} | |
| 3369 | + | |
| 3370 | +.qcld-ai-history-pro-tab { | |
| 3371 | + opacity: 0.65; | |
| 3372 | + cursor: not-allowed !important; | |
| 3373 | +} | |
| 3374 | + | |
| 3375 | +.qcld-ai-actions-page .qc_wpbot_pro { | |
| 3376 | + background: #e64340; | |
| 3377 | + color: #fff; | |
| 3378 | + font-size: 10px; | |
| 3379 | + padding: 2px 6px; | |
| 3380 | + border-radius: 4px; | |
| 3381 | + margin-left: 5px; | |
| 3382 | + vertical-align: middle; | |
| 3383 | +} | |
| 3384 | + | |
| 3385 | +.qcld-ai-actions-page .form-group label, | |
| 3386 | +.qcld-ai-actions-page .qcld-ai-email-field label { | |
| 3387 | + display: block; | |
| 3388 | + font-weight: 600; | |
| 3389 | + margin-bottom: 6px; | |
| 3390 | + color: #5B4E96; | |
| 3391 | +} | |
| 3392 | + | |
| 3393 | +.qcld-ai-actions-page .form-group.qcld-ai-email-toggle { | |
| 3394 | + display: flex; | |
| 3395 | + align-items: center; | |
| 3396 | + border: none; | |
| 3397 | + padding: 4px 0 10px; | |
| 3398 | + margin-bottom: 8px; | |
| 3399 | +} | |
| 3400 | + | |
| 3401 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] { | |
| 3402 | + position: absolute; | |
| 3403 | + opacity: 0; | |
| 3404 | + width: 1px; | |
| 3405 | + height: 1px; | |
| 3406 | + pointer-events: none; | |
| 3407 | +} | |
| 3408 | + | |
| 3409 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label { | |
| 3410 | + position: relative; | |
| 3411 | + display: flex; | |
| 3412 | + align-items: center; | |
| 3413 | + width: auto; | |
| 3414 | + height: auto; | |
| 3415 | + min-height: 22px; | |
| 3416 | + margin: 0; | |
| 3417 | + padding: 0 0 0 34px; | |
| 3418 | + border: none; | |
| 3419 | + border-radius: 0; | |
| 3420 | + text-indent: 0; | |
| 3421 | + font: 600 16px/22px "DM Sans", sans-serif; | |
| 3422 | + color: #5B4E96; | |
| 3423 | + cursor: pointer; | |
| 3424 | + white-space: nowrap; | |
| 3425 | + user-select: none; | |
| 3426 | +} | |
| 3427 | + | |
| 3428 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label:before { | |
| 3429 | + content: ""; | |
| 3430 | + position: absolute; | |
| 3431 | + left: 0; | |
| 3432 | + top: 50%; | |
| 3433 | + width: 22px; | |
| 3434 | + height: 22px; | |
| 3435 | + margin-top: -11px; | |
| 3436 | + border: 2px solid #5B4E96; | |
| 3437 | + border-radius: 4px; | |
| 3438 | + background: #fff; | |
| 3439 | + box-sizing: border-box; | |
| 3440 | + transition: all ease-out 200ms; | |
| 3441 | +} | |
| 3442 | + | |
| 3443 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox] + label:after { | |
| 3444 | + content: ""; | |
| 3445 | + position: absolute; | |
| 3446 | + left: 7px; | |
| 3447 | + top: 8px; | |
| 3448 | + width: 6px; | |
| 3449 | + height: 11px; | |
| 3450 | + margin-top: -7px; | |
| 3451 | + border-bottom: 2px solid #fff; | |
| 3452 | + border-right: 2px solid #fff; | |
| 3453 | + border-left: none; | |
| 3454 | + transform: rotate(45deg); | |
| 3455 | + opacity: 0; | |
| 3456 | + transition: opacity ease-out 200ms; | |
| 3457 | +} | |
| 3458 | + | |
| 3459 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label { | |
| 3460 | + border: none; | |
| 3461 | +} | |
| 3462 | + | |
| 3463 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label:before { | |
| 3464 | + background: #22b573; | |
| 3465 | + border-color: #22b573; | |
| 3466 | +} | |
| 3467 | + | |
| 3468 | +.qcld-ai-actions-page .wp-chatbot-wrap .form-group.qcld-ai-email-toggle input[type=checkbox]:checked + label:after { | |
| 3469 | + opacity: 1; | |
| 3470 | + width: 6px; | |
| 3471 | +} | |
| 3472 | + | |
| 3473 | +.qcld-ai-actions-page .form-group input[type="text"], | |
| 3474 | +.qcld-ai-actions-page .form-group textarea, | |
| 3475 | +.qcld-ai-actions-page .qcld-ai-email-field input[type="text"] { | |
| 3476 | + width: 100%; | |
| 3477 | + max-width: 100%; | |
| 3478 | + border: 1px solid #E5E6F2; | |
| 3479 | + border-radius: 8px; | |
| 3480 | + padding: 10px 12px; | |
| 3481 | +} | |
| 3482 | + | |
| 3483 | +.qcld-ai-email-field { | |
| 3484 | + margin-top: 12px; | |
| 3485 | +} | |
| 3486 | + | |
| 3487 | +.qcld-ai-field-hint, | |
| 3488 | +.qcld-ai-muted { | |
| 3489 | + margin: 6px 0 0; | |
| 3490 | + font-size: 13px; | |
| 3491 | + color: #888; | |
| 3492 | + font-style: italic; | |
| 3493 | +} | |
| 3494 | + | |
| 3495 | +.qcld-ai-save-footer { | |
| 3496 | + display: flex; | |
| 3497 | + flex-direction: column; | |
| 3498 | + align-items: flex-start; | |
| 3499 | + gap: 12px; | |
| 3500 | + padding: 16px 0 0; | |
| 3501 | +} | |
| 3502 | + | |
| 3503 | +.qcld-ai-save-footer .cxsc-settings-blocks-notic { | |
| 3504 | + width: 100%; | |
| 3505 | +} | |
| 3506 | + | |
| 3507 | +.qcld-ai-save-footer .cxsc-settings-blocks-notic a { | |
| 3508 | + color: #5B4E96; | |
| 3509 | + font-weight: 700; | |
| 3510 | +} | |
| 3511 | + | |
| 3512 | +.qcld-ai-playground { | |
| 3513 | + background: #fff; | |
| 3514 | + border-radius: 16px; | |
| 3515 | + overflow: hidden; | |
| 3516 | + box-shadow: 0 8px 24px rgba(91, 78, 150, 0.08); | |
| 3517 | + border: 1px solid #E5E6F2; | |
| 3518 | +} | |
| 3519 | + | |
| 3520 | +.qcld-ai-playground-header { | |
| 3521 | + background: #5B4E96; | |
| 3522 | + color: #fff; | |
| 3523 | + padding: 14px 16px; | |
| 3524 | + font-weight: 700; | |
| 3525 | + text-align: center; | |
| 3526 | + position: relative; | |
| 3527 | +} | |
| 3528 | + | |
| 3529 | +.qcld-ai-playground-header #ai-playground-refresh { | |
| 3530 | + position: absolute; | |
| 3531 | + right: 12px; | |
| 3532 | + top: 10px; | |
| 3533 | + background: transparent; | |
| 3534 | + border: none; | |
| 3535 | + color: #fff; | |
| 3536 | + cursor: pointer; | |
| 3537 | + padding: 0; | |
| 3538 | +} | |
| 3539 | + | |
| 3540 | +.qcld-ai-playground-header #ai-playground-refresh .dashicons { | |
| 3541 | + font-size: 20px; | |
| 3542 | + width: 20px; | |
| 3543 | + height: 20px; | |
| 3544 | +} | |
| 3545 | + | |
| 3546 | +#ai-actions-playground-container { | |
| 3547 | + padding: 16px; | |
| 3548 | + display: flex; | |
| 3549 | + flex-direction: column; | |
| 3550 | + height: 420px; | |
| 3551 | + overflow-y: auto; | |
| 3552 | + background: #F5F7FD; | |
| 3553 | +} | |
| 3554 | + | |
| 3555 | +#ai-actions-playground-messages { | |
| 3556 | + display: flex; | |
| 3557 | + flex-direction: column; | |
| 3558 | + justify-content: flex-end; | |
| 3559 | + flex: 1; | |
| 3560 | +} | |
| 3561 | + | |
| 3562 | +.qcld-ai-pg-bot-row { | |
| 3563 | + display: flex; | |
| 3564 | + gap: 10px; | |
| 3565 | + align-items: flex-end; | |
| 3566 | + margin-bottom: 12px; | |
| 3567 | +} | |
| 3568 | + | |
| 3569 | +.qcld-ai-pg-user-row { | |
| 3570 | + display: flex; | |
| 3571 | + justify-content: flex-end; | |
| 3572 | + margin-bottom: 12px; | |
| 3573 | +} | |
| 3574 | + | |
| 3575 | +.qcld-ai-pg-avatar { | |
| 3576 | + width: 36px; | |
| 3577 | + height: 36px; | |
| 3578 | + background: #5B4E96; | |
| 3579 | + border-radius: 50%; | |
| 3580 | + flex-shrink: 0; | |
| 3581 | + background-size: cover; | |
| 3582 | + background-position: center; | |
| 3583 | +} | |
| 3584 | + | |
| 3585 | +.qcld-ai-pg-bubble { | |
| 3586 | + background: #fff; | |
| 3587 | + padding: 12px; | |
| 3588 | + border-radius: 16px; | |
| 3589 | + border-bottom-left-radius: 4px; | |
| 3590 | + box-shadow: 0 2px 6px rgba(91, 78, 150, 0.08); | |
| 3591 | + width: 100%; | |
| 3592 | + max-width: 80%; | |
| 3593 | + font-size: 13px; | |
| 3594 | + color: #333; | |
| 3595 | + line-height: 1.45; | |
| 3596 | + overflow-wrap: break-word; | |
| 3597 | +} | |
| 3598 | + | |
| 3599 | +.qcld-ai-pg-bubble p { | |
| 3600 | + margin: 0 0 10px; | |
| 3601 | + font-size: 13px; | |
| 3602 | +} | |
| 3603 | + | |
| 3604 | +.qcld-ai-pg-bubble.is-loading { | |
| 3605 | + color: #988FBD; | |
| 3606 | +} | |
| 3607 | + | |
| 3608 | +.qcld-ai-pg-user-bubble { | |
| 3609 | + background: #5B4E96; | |
| 3610 | + color: #fff; | |
| 3611 | + padding: 8px 12px; | |
| 3612 | + border-radius: 16px; | |
| 3613 | + border-bottom-right-radius: 4px; | |
| 3614 | + max-width: 80%; | |
| 3615 | + font-size: 13px; | |
| 3616 | +} | |
| 3617 | + | |
| 3618 | +#ai-actions-live-preview { | |
| 3619 | + display: flex; | |
| 3620 | + flex-wrap: wrap; | |
| 3621 | + gap: 6px; | |
| 3622 | +} | |
| 3623 | + | |
| 3624 | +.playground-ai-action-btn { | |
| 3625 | + background: #fff; | |
| 3626 | + border: 1px solid #5B4E96; | |
| 3627 | + padding: 6px 12px; | |
| 3628 | + border-radius: 16px; | |
| 3629 | + font-size: 12px; | |
| 3630 | + color: #5B4E96; | |
| 3631 | + cursor: pointer; | |
| 3632 | + display: inline-block; | |
| 3633 | + transition: all 0.2s; | |
| 3634 | +} | |
| 3635 | + | |
| 3636 | +.playground-ai-action-btn:hover { | |
| 3637 | + background: #5B4E96; | |
| 3638 | + color: #fff; | |
| 3639 | +} | |
| 3640 | + | |
| 3641 | +.playground-ai-action-btn.is-empty { | |
| 3642 | + cursor: default; | |
| 3643 | + border-color: #E5E6F2; | |
| 3644 | + color: #888; | |
| 3645 | + background: #f7f7fb; | |
| 3646 | +} | |
| 3647 | + | |
| 3648 | +.playground-ai-action-btn.is-empty:hover { | |
| 3649 | + background: #f7f7fb; | |
| 3650 | + color: #888; | |
| 3651 | +} | |
| 3652 | + | |
| 3653 | +.qcld-ai-pg-form-data { | |
| 3654 | + background: #F5F7FD; | |
| 3655 | + padding: 10px; | |
| 3656 | + border-left: 3px solid #5B4E96; | |
| 3657 | + margin: 10px 0; | |
| 3658 | + border-radius: 6px; | |
| 3659 | +} | |
| 3660 | + | |
| 3661 | +.qcld-ai-pg-form-data strong { | |
| 3662 | + display: block; | |
| 3663 | + margin-bottom: 5px; | |
| 3664 | + color: #5B4E96; | |
| 3665 | + text-transform: capitalize; | |
| 3666 | +} | |
| 3667 | + | |
| 3668 | +.qcld-ai-pg-form-data ul { | |
| 3669 | + margin: 0; | |
| 3670 | + padding-left: 15px; | |
| 3671 | + font-size: 13px; | |
| 3672 | + color: #333; | |
| 3673 | +} | |
| 3674 | + | |
| 3675 | +.qcld-ai-playground-footer { | |
| 3676 | + padding: 12px; | |
| 3677 | + background: #fff; | |
| 3678 | + border-top: 1px solid #E5E6F2; | |
| 3679 | + display: flex; | |
| 3680 | + gap: 8px; | |
| 3681 | + align-items: center; | |
| 3682 | +} | |
| 3683 | + | |
| 3684 | +.qcld-ai-playground-footer #playground-input { | |
| 3685 | + width: 100%; | |
| 3686 | + background: #F5F7FD; | |
| 3687 | + border: 1px solid #E5E6F2; | |
| 3688 | + border-radius: 20px; | |
| 3689 | + padding: 10px 14px; | |
| 3690 | + color: #333; | |
| 3691 | + font-size: 13px; | |
| 3692 | + outline: none; | |
| 3693 | +} | |
| 3694 | + | |
| 3695 | +.qcld-ai-playground-footer #playground-send-btn { | |
| 3696 | + border: none; | |
| 3697 | + border-radius: 50%; | |
| 3698 | + width: 40px; | |
| 3699 | + height: 40px; | |
| 3700 | + background: #5B4E96; | |
| 3701 | + color: #fff; | |
| 3702 | + cursor: pointer; | |
| 3703 | + display: flex; | |
| 3704 | + align-items: center; | |
| 3705 | + justify-content: center; | |
| 3706 | + flex-shrink: 0; | |
| 3707 | +} | |
| 3708 | + | |
| 3709 | +.qcld-ai-playground-footer #playground-send-btn .dashicons { | |
| 3710 | + font-size: 18px; | |
| 3711 | + width: 18px; | |
| 3712 | + height: 18px; | |
| 3713 | + line-height: 1; | |
| 3714 | +} | |
| 3715 | + | |
| 3716 | +.qcld-ai-actions-page .ai-content-pane { | |
| 3717 | + animation: qcldAiFadeIn 0.3s ease-in-out; | |
| 3718 | +} | |
| 3719 | + | |
| 3720 | +div#ai-saved-actions-container h2.nav-tab-wrapper.wpbot-ai-inner-tabs { | |
| 3721 | + padding: 0 0 12px 0; | |
| 3722 | + border: none; | |
| 3723 | +} | |
| 3724 | + | |
| 3725 | +@keyframes qcldAiFadeIn { | |
| 3726 | + from { opacity: 0; transform: translateY(5px); } | |
| 3727 | + to { opacity: 1; transform: translateY(0); } | |
| 3728 | +} | |
| 3729 | + | |
| 3730 | +@media (max-width: 1280px) { | |
| 3731 | + .wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap { | |
| 3732 | + width: auto !important; | |
| 3733 | + } | |
| 3734 | + .wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground { | |
| 3735 | + width: 300px; | |
| 3736 | + min-width: 280px; | |
| 3737 | + } | |
| 3738 | +} | |
| 3739 | + | |
| 3740 | +@media (max-width: 992px) { | |
| 3741 | + .wp-chatbot-tabs.qcld-ai-actions-layout { | |
| 3742 | + flex-wrap: wrap; | |
| 3743 | + } | |
| 3744 | + .wp-chatbot-tabs.qcld-ai-actions-layout > nav, | |
| 3745 | + .wp-chatbot-tabs.qcld-ai-actions-layout .content-wrap, | |
| 3746 | + .wp-chatbot-tabs.qcld-ai-actions-layout .qcld-ai-actions-playground { | |
| 3747 | + width: 100% !important; | |
| 3748 | + min-width: 0; | |
| 3749 | + position: static; | |
| 3750 | + } | |
| 3751 | +} | |
| 3752 | + | |
| 3182 | 3753 | |
