| @@ -266,13 +266,8 @@ | ||
| 266 | 266 | border: 1px solid #e5e5e5; |
| 267 | 267 | text-align: center; |
| 268 | 268 | } |
| 269 | 269 | |
| 270 | -/* PDF Upload Area */ | |
| 271 | -#mxchat-pdf-upload-area input[type="file"] { | |
| 272 | - margin-bottom: 12px; | |
| 273 | -} | |
| 274 | - | |
| 275 | 270 | .mxchat-url-input-group { |
| 276 | 271 | display: flex; |
| 277 | 272 | gap: 12px; |
| 278 | 273 | max-width: 800px; |
| @@ -3588,271 +3583,6 @@ | ||
| 3588 | 3583 | } |
| 3589 | 3584 | |
| 3590 | 3585 | .mxchat-bulk-actions { |
| 3591 | 3586 | margin-left: 0; |
| 3592 | - } | |
| 3593 | -} | |
| 3594 | - | |
| 3595 | -/* ========================================================================== | |
| 3596 | - Knowledge Base - Mobile Responsive | |
| 3597 | - ========================================================================== */ | |
| 3598 | - | |
| 3599 | -/* Desktop defaults for KB header controls */ | |
| 3600 | -.mxch-kb-header-controls { | |
| 3601 | - display: flex; | |
| 3602 | - gap: 10px; | |
| 3603 | - align-items: center; | |
| 3604 | -} | |
| 3605 | - | |
| 3606 | -.mxch-kb-search-form { | |
| 3607 | - display: flex; | |
| 3608 | - gap: 10px; | |
| 3609 | -} | |
| 3610 | - | |
| 3611 | -.mxch-kb-search-input { | |
| 3612 | - width: 200px; | |
| 3613 | -} | |
| 3614 | - | |
| 3615 | -.mxch-kb-type-filter { | |
| 3616 | - width: auto; | |
| 3617 | -} | |
| 3618 | - | |
| 3619 | -/* Mobile: Knowledge Base card header stacks vertically */ | |
| 3620 | -@media screen and (max-width: 960px) { | |
| 3621 | - /* Stack card header vertically */ | |
| 3622 | - #knowledge-base .mxch-card-header { | |
| 3623 | - flex-direction: column; | |
| 3624 | - align-items: stretch; | |
| 3625 | - gap: 12px; | |
| 3626 | - padding: 12px 16px; | |
| 3627 | - } | |
| 3628 | - | |
| 3629 | - /* Title row wraps badges */ | |
| 3630 | - #knowledge-base .mxch-card-title { | |
| 3631 | - flex-wrap: wrap; | |
| 3632 | - font-size: 14px; | |
| 3633 | - } | |
| 3634 | - | |
| 3635 | - /* Controls stack vertically */ | |
| 3636 | - .mxch-kb-header-controls { | |
| 3637 | - flex-direction: column; | |
| 3638 | - align-items: stretch; | |
| 3639 | - gap: 8px; | |
| 3640 | - width: 100%; | |
| 3641 | - } | |
| 3642 | - | |
| 3643 | - /* Search form wraps */ | |
| 3644 | - .mxch-kb-search-form { | |
| 3645 | - flex-wrap: wrap; | |
| 3646 | - gap: 8px; | |
| 3647 | - width: 100%; | |
| 3648 | - } | |
| 3649 | - | |
| 3650 | - /* Search input takes full width */ | |
| 3651 | - .mxch-kb-search-input { | |
| 3652 | - width: 100% !important; | |
| 3653 | - flex: 1; | |
| 3654 | - min-width: 0; | |
| 3655 | - } | |
| 3656 | - | |
| 3657 | - /* Filter dropdown takes full width */ | |
| 3658 | - .mxch-kb-type-filter { | |
| 3659 | - width: 100% !important; | |
| 3660 | - flex: 1; | |
| 3661 | - min-width: 0; | |
| 3662 | - } | |
| 3663 | - | |
| 3664 | - /* Delete container full width */ | |
| 3665 | - .mxchat-delete-container { | |
| 3666 | - width: 100%; | |
| 3667 | - } | |
| 3668 | - | |
| 3669 | - .mxchat-delete-container form, | |
| 3670 | - .mxchat-delete-container .mxchat-bulk-delete { | |
| 3671 | - width: 100%; | |
| 3672 | - } | |
| 3673 | - | |
| 3674 | - .mxchat-delete-container .mxch-btn { | |
| 3675 | - width: 100%; | |
| 3676 | - justify-content: center; | |
| 3677 | - } | |
| 3678 | - | |
| 3679 | - /* Table: hide ID and Source columns on mobile to save space */ | |
| 3680 | - .mxchat-records-table th:nth-child(2), | |
| 3681 | - .mxchat-records-table td:nth-child(2) { | |
| 3682 | - display: none; | |
| 3683 | - } | |
| 3684 | - | |
| 3685 | - .mxchat-records-table th:nth-child(4), | |
| 3686 | - .mxchat-records-table td:nth-child(4) { | |
| 3687 | - display: none; | |
| 3688 | - } | |
| 3689 | - | |
| 3690 | - /* Content column needs more room */ | |
| 3691 | - .mxchat-content-cell { | |
| 3692 | - max-width: none !important; | |
| 3693 | - } | |
| 3694 | - | |
| 3695 | - /* Table cells padding */ | |
| 3696 | - .mxchat-records-table th, | |
| 3697 | - .mxchat-records-table td { | |
| 3698 | - padding: 10px 8px !important; | |
| 3699 | - } | |
| 3700 | - | |
| 3701 | - /* Pagination wraps nicely */ | |
| 3702 | - .mxchat-ajax-pagination { | |
| 3703 | - flex-wrap: wrap; | |
| 3704 | - justify-content: center; | |
| 3705 | - } | |
| 3706 | -} | |
| 3707 | - | |
| 3708 | -/* Small mobile: further adjustments */ | |
| 3709 | -@media screen and (max-width: 480px) { | |
| 3710 | - #knowledge-base .mxch-card-header { | |
| 3711 | - padding: 10px 12px; | |
| 3712 | - } | |
| 3713 | - | |
| 3714 | - #knowledge-base .mxch-card-title { | |
| 3715 | - font-size: 13px; | |
| 3716 | - } | |
| 3717 | - | |
| 3718 | - /* Search form items fully stacked */ | |
| 3719 | - .mxch-kb-search-form { | |
| 3720 | - flex-direction: column; | |
| 3721 | - } | |
| 3722 | - | |
| 3723 | - /* Smaller table text */ | |
| 3724 | - .mxchat-records-table { | |
| 3725 | - font-size: 12px; | |
| 3726 | - } | |
| 3727 | - | |
| 3728 | - .mxchat-records-table th, | |
| 3729 | - .mxchat-records-table td { | |
| 3730 | - padding: 8px 6px !important; | |
| 3731 | - } | |
| 3732 | - | |
| 3733 | - /* Also hide Actions header text but keep the column for delete buttons */ | |
| 3734 | - .mxchat-records-table th:nth-child(5) { | |
| 3735 | - font-size: 0; | |
| 3736 | - padding: 8px 4px !important; | |
| 3737 | - width: 40px; | |
| 3738 | - } | |
| 3739 | -} | |
| 3740 | - | |
| 3741 | -/* ─── Edit Entry Modal ─── */ | |
| 3742 | - | |
| 3743 | -.mxchat-edit-entry-btn { | |
| 3744 | - color: var(--mxch-primary, #7873f5); | |
| 3745 | -} | |
| 3746 | -.mxchat-edit-entry-btn:hover { | |
| 3747 | - color: var(--mxch-primary-dark, #5b56d6); | |
| 3748 | - background: rgba(120, 115, 245, 0.08); | |
| 3749 | -} | |
| 3750 | - | |
| 3751 | -.mxchat-kb-edit-modal-content { | |
| 3752 | - max-width: 760px; | |
| 3753 | - max-height: 90vh; | |
| 3754 | -} | |
| 3755 | - | |
| 3756 | -.mxchat-kb-edit-body { | |
| 3757 | - flex: 1; | |
| 3758 | - display: flex; | |
| 3759 | - flex-direction: column; | |
| 3760 | - padding: 20px; | |
| 3761 | - overflow: hidden; | |
| 3762 | - gap: 12px; | |
| 3763 | -} | |
| 3764 | - | |
| 3765 | -.mxchat-kb-edit-source { | |
| 3766 | - font-size: 12px; | |
| 3767 | - color: var(--mxch-text-muted, #6b7280); | |
| 3768 | - word-break: break-all; | |
| 3769 | -} | |
| 3770 | -.mxchat-kb-edit-source a { | |
| 3771 | - color: var(--mxch-primary, #7873f5); | |
| 3772 | - text-decoration: none; | |
| 3773 | -} | |
| 3774 | - | |
| 3775 | -.mxchat-kb-edit-textarea { | |
| 3776 | - flex: 1; | |
| 3777 | - min-height: 300px; | |
| 3778 | - max-height: 55vh; | |
| 3779 | - width: 100%; | |
| 3780 | - padding: 14px; | |
| 3781 | - border: 1px solid var(--mxch-input-border, #d1d5db); | |
| 3782 | - border-radius: 8px; | |
| 3783 | - font-size: 14px; | |
| 3784 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | |
| 3785 | - line-height: 1.6; | |
| 3786 | - resize: vertical; | |
| 3787 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 3788 | - background: var(--mxch-input-bg, #fff); | |
| 3789 | - box-sizing: border-box; | |
| 3790 | - transition: border-color 0.2s; | |
| 3791 | -} | |
| 3792 | -.mxchat-kb-edit-textarea:focus { | |
| 3793 | - outline: none; | |
| 3794 | - border-color: var(--mxch-primary, #7873f5); | |
| 3795 | - box-shadow: 0 0 0 3px rgba(120, 115, 245, 0.1); | |
| 3796 | -} | |
| 3797 | - | |
| 3798 | -.mxchat-kb-edit-meta { | |
| 3799 | - display: flex; | |
| 3800 | - justify-content: space-between; | |
| 3801 | - font-size: 12px; | |
| 3802 | - color: var(--mxch-text-muted, #6b7280); | |
| 3803 | -} | |
| 3804 | - | |
| 3805 | -.mxchat-kb-edit-footer { | |
| 3806 | - display: flex; | |
| 3807 | - align-items: center; | |
| 3808 | - justify-content: space-between; | |
| 3809 | - padding: 14px 20px; | |
| 3810 | - border-top: 1px solid #e5e5e5; | |
| 3811 | - gap: 12px; | |
| 3812 | -} | |
| 3813 | - | |
| 3814 | -.mxchat-kb-edit-notice { | |
| 3815 | - flex: 1; | |
| 3816 | - font-size: 13px; | |
| 3817 | -} | |
| 3818 | -.mxchat-kb-edit-notice.success { color: #16a34a; } | |
| 3819 | -.mxchat-kb-edit-notice.error { color: #dc2626; } | |
| 3820 | - | |
| 3821 | -.mxchat-kb-edit-actions { | |
| 3822 | - display: flex; | |
| 3823 | - gap: 8px; | |
| 3824 | - flex-shrink: 0; | |
| 3825 | -} | |
| 3826 | - | |
| 3827 | -.mxchat-kb-edit-save-spinner { | |
| 3828 | - display: inline-flex; | |
| 3829 | - align-items: center; | |
| 3830 | - gap: 6px; | |
| 3831 | -} | |
| 3832 | - | |
| 3833 | -@media (max-width: 782px) { | |
| 3834 | - .mxchat-kb-edit-modal-content { | |
| 3835 | - width: 96%; | |
| 3836 | - max-width: 96%; | |
| 3837 | - margin: 10px auto; | |
| 3838 | - max-height: 95vh; | |
| 3839 | - } | |
| 3840 | - .mxchat-kb-edit-body { | |
| 3841 | - padding: 14px; | |
| 3842 | - } | |
| 3843 | - .mxchat-kb-edit-textarea { | |
| 3844 | - min-height: 200px; | |
| 3845 | - font-size: 15px; | |
| 3846 | - } | |
| 3847 | - .mxchat-kb-edit-footer { | |
| 3848 | - flex-direction: column; | |
| 3849 | - align-items: stretch; | |
| 3850 | - } | |
| 3851 | - .mxchat-kb-edit-actions { | |
| 3852 | - justify-content: stretch; | |
| 3853 | - } | |
| 3854 | - .mxchat-kb-edit-actions .mxch-btn { | |
| 3855 | - flex: 1; | |
| 3856 | - text-align: center; | |
| 3857 | 3587 | } |
| 3858 | 3588 | } |
