| @@ -92,49 +92,8 @@ | ||
| 92 | 92 | } |
| 93 | 93 | } |
| 94 | 94 | |
| 95 | 95 | /* ========================================================================== |
| 96 | - RTL locales (Arabic, Hebrew, Persian, Urdu, …) | |
| 97 | - On an RTL locale WordPress moves its admin menu to the RIGHT and sets the | |
| 98 | - `rtl` class + `direction: rtl` on <body>. The base wrapper is pinned | |
| 99 | - `left: 160px; right: 0` for a LEFT-side admin menu, so under RTL its right | |
| 100 | - edge slides under the (now right-side) WP menu and a dead 160px gap opens on | |
| 101 | - the left — the nav ends up hidden/overlapped. Mirror the fixed offsets and | |
| 102 | - the negative content margin. The internal sidebar/content flex row reverses | |
| 103 | - automatically under the inherited `direction: rtl`, so the sidebar lands on | |
| 104 | - the wrapper's right edge (just inside the WP menu) as expected for RTL — no | |
| 105 | - per-child repositioning needed. | |
| 106 | - ========================================================================== */ | |
| 107 | -body.rtl .mxch-admin-wrapper { | |
| 108 | - left: 0; | |
| 109 | - right: 160px; /* WordPress admin menu width (now on the right) */ | |
| 110 | - margin-left: 0; | |
| 111 | - margin-right: -20px; | |
| 112 | -} | |
| 113 | - | |
| 114 | -/* Collapsed/folded admin menu (narrower) on RTL */ | |
| 115 | -body.rtl.folded .mxch-admin-wrapper { | |
| 116 | - left: 0; | |
| 117 | - right: 36px; | |
| 118 | -} | |
| 119 | - | |
| 120 | -/* On mobile the WP admin menu collapses to the top bar, so the wrapper is | |
| 121 | - full-width in both directions — clear the RTL right offset too. */ | |
| 122 | -@media screen and (max-width: 782px) { | |
| 123 | - body.rtl .mxch-admin-wrapper { | |
| 124 | - left: 0; | |
| 125 | - right: 0; | |
| 126 | - margin-right: 0; | |
| 127 | - } | |
| 128 | -} | |
| 129 | - | |
| 130 | -/* Active nav-item accent sits on the sidebar's inner edge; flip it for RTL. */ | |
| 131 | -body.rtl .mxch-nav-link.active { | |
| 132 | - border-right: none; | |
| 133 | - border-left: 3px solid var(--mxch-primary); | |
| 134 | -} | |
| 135 | - | |
| 136 | -/* ========================================================================== | |
| 137 | 96 | Sidebar Navigation |
| 138 | 97 | ========================================================================== */ |
| 139 | 98 | .mxch-sidebar { |
| 140 | 99 | width: var(--mxch-sidebar-width); |
| @@ -1195,23 +1154,8 @@ | ||
| 1195 | 1154 | flex: 1; |
| 1196 | 1155 | margin-bottom: 0; |
| 1197 | 1156 | } |
| 1198 | 1157 | |
| 1199 | -/* Global cap "Current usage" readout (plan-mxchat-20260603-e9b3f9) */ | |
| 1200 | -.mxch-rate-limit-usage { | |
| 1201 | - margin-top: var(--mxch-spacing-md); | |
| 1202 | - padding-top: var(--mxch-spacing-md); | |
| 1203 | - border-top: 1px solid var(--mxch-card-border); | |
| 1204 | -} | |
| 1205 | - | |
| 1206 | -.mxch-rate-limit-usage-head { | |
| 1207 | - display: flex; | |
| 1208 | - align-items: center; | |
| 1209 | - justify-content: space-between; | |
| 1210 | - gap: var(--mxch-spacing-md); | |
| 1211 | - margin-bottom: var(--mxch-spacing-xs); | |
| 1212 | -} | |
| 1213 | - | |
| 1214 | 1158 | /* ========================================================================== |
| 1215 | 1159 | Buttons |
| 1216 | 1160 | ========================================================================== */ |
| 1217 | 1161 | .mxch-btn { |
| @@ -1344,87 +1288,8 @@ | ||
| 1344 | 1288 | border: 1px solid #fecaca; |
| 1345 | 1289 | } |
| 1346 | 1290 | |
| 1347 | 1291 | /* ========================================================================== |
| 1348 | - Disclosure (collapsible <details>) | |
| 1349 | - Generic Advanced/opt-in surface — used for static-bearer fallback on | |
| 1350 | - mxchat-mcp's Connected Apps tab, and any add-on that needs the same | |
| 1351 | - "advanced/show more" pattern. Originally lived in plugins/mxchat-mcp/css/ | |
| 1352 | - admin-mcp.css; elevated here so every add-on inherits via the standard | |
| 1353 | - admin-sidebar.css enqueue. | |
| 1354 | - ========================================================================== */ | |
| 1355 | -.mxch-disclosure { | |
| 1356 | - margin-top: 16px; | |
| 1357 | - border: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 1358 | - border-radius: var(--mxch-radius-md, 6px); | |
| 1359 | - background: #fbfcfd; | |
| 1360 | -} | |
| 1361 | -.mxch-disclosure[open] { | |
| 1362 | - background: #fff; | |
| 1363 | -} | |
| 1364 | -.mxch-disclosure-summary { | |
| 1365 | - display: flex; | |
| 1366 | - align-items: center; | |
| 1367 | - gap: 10px; | |
| 1368 | - padding: 10px 14px; | |
| 1369 | - cursor: pointer; | |
| 1370 | - list-style: none; | |
| 1371 | - user-select: none; | |
| 1372 | - color: var(--mxch-text-secondary, #57606a); | |
| 1373 | - font-size: 13px; | |
| 1374 | - font-weight: 600; | |
| 1375 | -} | |
| 1376 | -.mxch-disclosure-summary::-webkit-details-marker { display: none; } | |
| 1377 | -.mxch-disclosure-summary::before { | |
| 1378 | - content: ""; | |
| 1379 | - display: inline-block; | |
| 1380 | - width: 8px; | |
| 1381 | - height: 8px; | |
| 1382 | - border-right: 2px solid currentColor; | |
| 1383 | - border-bottom: 2px solid currentColor; | |
| 1384 | - transform: rotate(-45deg); | |
| 1385 | - transition: transform 0.18s ease; | |
| 1386 | - margin-right: 2px; | |
| 1387 | -} | |
| 1388 | -.mxch-disclosure[open] > .mxch-disclosure-summary::before { | |
| 1389 | - transform: rotate(45deg); | |
| 1390 | -} | |
| 1391 | -.mxch-disclosure-summary svg { | |
| 1392 | - flex-shrink: 0; | |
| 1393 | - opacity: 0.7; | |
| 1394 | -} | |
| 1395 | -.mxch-disclosure-summary-text { | |
| 1396 | - color: var(--mxch-text-primary, #1d2327); | |
| 1397 | - font-weight: 600; | |
| 1398 | -} | |
| 1399 | -.mxch-disclosure-summary-hint { | |
| 1400 | - color: var(--mxch-text-secondary, #57606a); | |
| 1401 | - font-weight: 400; | |
| 1402 | - font-size: 12px; | |
| 1403 | -} | |
| 1404 | -.mxch-disclosure-summary:hover .mxch-disclosure-summary-text { | |
| 1405 | - color: var(--mxch-primary, #7873f5); | |
| 1406 | -} | |
| 1407 | -.mxch-disclosure-summary:focus-visible { | |
| 1408 | - outline: 2px solid var(--mxch-primary, #7873f5); | |
| 1409 | - outline-offset: 2px; | |
| 1410 | - border-radius: var(--mxch-radius-md, 6px); | |
| 1411 | -} | |
| 1412 | -.mxch-disclosure-body { | |
| 1413 | - padding: 8px 14px 14px 14px; | |
| 1414 | - border-top: 1px solid var(--mxch-card-border, #e2e4e9); | |
| 1415 | -} | |
| 1416 | -@media (max-width: 600px) { | |
| 1417 | - .mxch-disclosure-summary { | |
| 1418 | - flex-wrap: wrap; | |
| 1419 | - } | |
| 1420 | - .mxch-disclosure-summary-hint { | |
| 1421 | - flex-basis: 100%; | |
| 1422 | - margin-left: 18px; | |
| 1423 | - } | |
| 1424 | -} | |
| 1425 | - | |
| 1426 | -/* ========================================================================== | |
| 1427 | 1292 | Quick Questions List |
| 1428 | 1293 | ========================================================================== */ |
| 1429 | 1294 | .mxch-quick-questions { |
| 1430 | 1295 | display: flex; |
| @@ -2688,218 +2553,5 @@ | ||
| 2688 | 2553 | |
| 2689 | 2554 | .mxch-modal-content { |
| 2690 | 2555 | margin: 10px; |
| 2691 | 2556 | } |
| 2692 | -} | |
| 2693 | - | |
| 2694 | -/* ============================================================ | |
| 2695 | - Dashboard page (Setup Assistant + dashboard cards) | |
| 2696 | - Added with plan-mxchat-20260526-704e25. | |
| 2697 | - ============================================================ */ | |
| 2698 | - | |
| 2699 | -.mxch-setup-card .mxch-card-body { | |
| 2700 | - padding-top: var(--mxch-spacing-md); | |
| 2701 | -} | |
| 2702 | - | |
| 2703 | -.mxch-progress-bar { | |
| 2704 | - height: 6px; | |
| 2705 | - background: var(--mxch-card-border, #e5e7eb); | |
| 2706 | - border-radius: 999px; | |
| 2707 | - overflow: hidden; | |
| 2708 | - margin: var(--mxch-spacing-sm) 0 var(--mxch-spacing-xs); | |
| 2709 | -} | |
| 2710 | - | |
| 2711 | -.mxch-progress-bar-fill { | |
| 2712 | - height: 100%; | |
| 2713 | - background: linear-gradient(90deg, var(--mxch-primary) 0%, #9b96ff 100%); | |
| 2714 | - border-radius: 999px; | |
| 2715 | - transition: width 400ms cubic-bezier(0.22, 1, 0.36, 1); | |
| 2716 | -} | |
| 2717 | - | |
| 2718 | -.mxch-progress-label { | |
| 2719 | - font-size: 12px; | |
| 2720 | - color: var(--mxch-text-secondary); | |
| 2721 | - margin: 0 0 var(--mxch-spacing-md); | |
| 2722 | - font-weight: 500; | |
| 2723 | -} | |
| 2724 | - | |
| 2725 | -.mxch-step-list { | |
| 2726 | - list-style: none; | |
| 2727 | - margin: 0; | |
| 2728 | - padding: 0; | |
| 2729 | - display: flex; | |
| 2730 | - flex-direction: column; | |
| 2731 | - gap: var(--mxch-spacing-sm); | |
| 2732 | -} | |
| 2733 | - | |
| 2734 | -.mxch-step { | |
| 2735 | - display: grid; | |
| 2736 | - grid-template-columns: 32px 1fr auto; | |
| 2737 | - align-items: center; | |
| 2738 | - gap: var(--mxch-spacing-md); | |
| 2739 | - padding: var(--mxch-spacing-md); | |
| 2740 | - background: var(--mxch-content-bg, #f7f8fa); | |
| 2741 | - border: 1px solid transparent; | |
| 2742 | - border-radius: var(--mxch-radius-md); | |
| 2743 | - transition: background 160ms ease, border-color 160ms ease; | |
| 2744 | -} | |
| 2745 | - | |
| 2746 | -.mxch-step.mxch-step-in-progress { | |
| 2747 | - background: var(--mxch-primary-lighter, rgba(120, 115, 245, 0.05)); | |
| 2748 | - border-color: var(--mxch-primary-light, rgba(120, 115, 245, 0.1)); | |
| 2749 | -} | |
| 2750 | - | |
| 2751 | -.mxch-step.mxch-step-done { | |
| 2752 | - background: rgba(16, 185, 129, 0.06); | |
| 2753 | -} | |
| 2754 | - | |
| 2755 | -.mxch-step-indicator { | |
| 2756 | - width: 28px; | |
| 2757 | - height: 28px; | |
| 2758 | - border-radius: 50%; | |
| 2759 | - display: flex; | |
| 2760 | - align-items: center; | |
| 2761 | - justify-content: center; | |
| 2762 | - font-size: 13px; | |
| 2763 | - font-weight: 600; | |
| 2764 | - background: #fff; | |
| 2765 | - color: var(--mxch-text-secondary, #64748b); | |
| 2766 | - border: 1.5px solid var(--mxch-card-border, #e5e7eb); | |
| 2767 | - flex-shrink: 0; | |
| 2768 | -} | |
| 2769 | - | |
| 2770 | -.mxch-step-in-progress .mxch-step-indicator { | |
| 2771 | - color: var(--mxch-primary); | |
| 2772 | - border-color: var(--mxch-primary); | |
| 2773 | - background: #fff; | |
| 2774 | - box-shadow: 0 0 0 4px var(--mxch-primary-lighter, rgba(120, 115, 245, 0.06)); | |
| 2775 | -} | |
| 2776 | - | |
| 2777 | -.mxch-step-done .mxch-step-indicator { | |
| 2778 | - background: var(--mxch-success, #10b981); | |
| 2779 | - border-color: var(--mxch-success, #10b981); | |
| 2780 | - color: #fff; | |
| 2781 | -} | |
| 2782 | - | |
| 2783 | -.mxch-step-number { | |
| 2784 | - line-height: 1; | |
| 2785 | -} | |
| 2786 | - | |
| 2787 | -.mxch-step-body { | |
| 2788 | - min-width: 0; | |
| 2789 | -} | |
| 2790 | - | |
| 2791 | -.mxch-step-title { | |
| 2792 | - font-size: 14px; | |
| 2793 | - font-weight: 600; | |
| 2794 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2795 | - margin-bottom: 2px; | |
| 2796 | -} | |
| 2797 | - | |
| 2798 | -.mxch-step-done .mxch-step-title { | |
| 2799 | - color: var(--mxch-text-secondary, #64748b); | |
| 2800 | -} | |
| 2801 | - | |
| 2802 | -.mxch-step-description { | |
| 2803 | - font-size: 12.5px; | |
| 2804 | - color: var(--mxch-text-secondary, #64748b); | |
| 2805 | - line-height: 1.45; | |
| 2806 | -} | |
| 2807 | - | |
| 2808 | -.mxch-step-action { | |
| 2809 | - align-self: center; | |
| 2810 | -} | |
| 2811 | - | |
| 2812 | -.mxch-setup-dismiss-row { | |
| 2813 | - margin-top: var(--mxch-spacing-md); | |
| 2814 | - text-align: right; | |
| 2815 | -} | |
| 2816 | - | |
| 2817 | -.mxch-setup-dismiss, | |
| 2818 | -.mxch-setup-resume { | |
| 2819 | - font-size: 12.5px; | |
| 2820 | - color: var(--mxch-text-secondary, #64748b); | |
| 2821 | - text-decoration: none; | |
| 2822 | - border-bottom: 1px dotted currentColor; | |
| 2823 | -} | |
| 2824 | - | |
| 2825 | -.mxch-setup-dismiss:hover, | |
| 2826 | -.mxch-setup-resume:hover { | |
| 2827 | - color: var(--mxch-primary); | |
| 2828 | -} | |
| 2829 | - | |
| 2830 | -.mxch-resume-setup-row { | |
| 2831 | - margin: 0 0 var(--mxch-spacing-md); | |
| 2832 | - text-align: right; | |
| 2833 | -} | |
| 2834 | - | |
| 2835 | -.mxch-dashboard-grid { | |
| 2836 | - display: grid; | |
| 2837 | - grid-template-columns: repeat(3, minmax(0, 1fr)); | |
| 2838 | - gap: var(--mxch-spacing-md); | |
| 2839 | - margin-top: var(--mxch-spacing-lg); | |
| 2840 | -} | |
| 2841 | - | |
| 2842 | -.mxch-dashboard-card .mxch-card-body { | |
| 2843 | - display: flex; | |
| 2844 | - flex-direction: column; | |
| 2845 | - gap: var(--mxch-spacing-sm); | |
| 2846 | -} | |
| 2847 | - | |
| 2848 | -.mxch-dashboard-big-number { | |
| 2849 | - font-size: 36px; | |
| 2850 | - font-weight: 700; | |
| 2851 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2852 | - line-height: 1.1; | |
| 2853 | - letter-spacing: -0.02em; | |
| 2854 | -} | |
| 2855 | - | |
| 2856 | -.mxch-dashboard-provider-name { | |
| 2857 | - font-size: 16px; | |
| 2858 | - font-weight: 600; | |
| 2859 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2860 | - word-break: break-word; | |
| 2861 | -} | |
| 2862 | - | |
| 2863 | -.mxch-dashboard-card-meta { | |
| 2864 | - font-size: 13px; | |
| 2865 | - color: var(--mxch-text-secondary, #64748b); | |
| 2866 | - margin: 0; | |
| 2867 | -} | |
| 2868 | - | |
| 2869 | -@media (max-width: 1024px) { | |
| 2870 | - .mxch-dashboard-grid { | |
| 2871 | - grid-template-columns: 1fr 1fr; | |
| 2872 | - } | |
| 2873 | -} | |
| 2874 | - | |
| 2875 | -@media (max-width: 782px) { | |
| 2876 | - .mxch-step { | |
| 2877 | - grid-template-columns: 32px 1fr; | |
| 2878 | - grid-template-rows: auto auto; | |
| 2879 | - gap: var(--mxch-spacing-sm) var(--mxch-spacing-md); | |
| 2880 | - } | |
| 2881 | - .mxch-step-action { | |
| 2882 | - grid-column: 1 / -1; | |
| 2883 | - text-align: right; | |
| 2884 | - } | |
| 2885 | - .mxch-dashboard-grid { | |
| 2886 | - grid-template-columns: 1fr; | |
| 2887 | - } | |
| 2888 | -} | |
| 2889 | - | |
| 2890 | -/* ------------------------------------------------------------------ | |
| 2891 | - * Test Streaming Compatibility button (AI Models page) | |
| 2892 | - * Branded .mxch-btn replacing the legacy WP button + dashicon wrench. | |
| 2893 | - * ------------------------------------------------------------------ */ | |
| 2894 | -.mxch-streaming-test-row { | |
| 2895 | - margin-top: var(--mxch-spacing-md, 16px); | |
| 2896 | -} | |
| 2897 | -.mxch-streaming-test-row .mxch-streaming-test-icon { | |
| 2898 | - vertical-align: middle; | |
| 2899 | - margin-right: 8px; | |
| 2900 | -} | |
| 2901 | -.mxch-streaming-test-result { | |
| 2902 | - margin-top: var(--mxch-spacing-sm, 12px); | |
| 2903 | - font-weight: 600; | |
| 2904 | - color: var(--mxch-text-primary, #1a1a2e); | |
| 2905 | 2557 | } |
