← All changes | css/admin-sidebar.css +307 -0 3.2.3 → 3.2.8 View file →

		@@ -1154,8 +1154,23 @@
1154	1154	flex: 1;
1155	1155	margin-bottom: 0;
1156	1156	}
1157	1157
	1158	+/* Global cap "Current usage" readout (plan-mxchat-20260603-e9b3f9) */
	1159	+.mxch-rate-limit-usage {
	1160	+ margin-top: var(--mxch-spacing-md);
	1161	+ padding-top: var(--mxch-spacing-md);
	1162	+ border-top: 1px solid var(--mxch-card-border);
	1163	+}
	1164	+
	1165	+.mxch-rate-limit-usage-head {
	1166	+ display: flex;
	1167	+ align-items: center;
	1168	+ justify-content: space-between;
	1169	+ gap: var(--mxch-spacing-md);
	1170	+ margin-bottom: var(--mxch-spacing-xs);
	1171	+}
	1172	+
1158	1173	/* ==========================================================================
1159	1174	Buttons
1160	1175	========================================================================== */
1161	1176	.mxch-btn {
		@@ -1288,8 +1303,87 @@
1288	1303	border: 1px solid #fecaca;
1289	1304	}
1290	1305
1291	1306	/* ==========================================================================
	1307	+ Disclosure (collapsible <details>)
	1308	+ Generic Advanced/opt-in surface — used for static-bearer fallback on
	1309	+ mxchat-mcp's Connected Apps tab, and any add-on that needs the same
	1310	+ "advanced/show more" pattern. Originally lived in plugins/mxchat-mcp/css/
	1311	+ admin-mcp.css; elevated here so every add-on inherits via the standard
	1312	+ admin-sidebar.css enqueue.
	1313	+ ========================================================================== */
	1314	+.mxch-disclosure {
	1315	+ margin-top: 16px;
	1316	+ border: 1px solid var(--mxch-card-border, #e2e4e9);
	1317	+ border-radius: var(--mxch-radius-md, 6px);
	1318	+ background: #fbfcfd;
	1319	+}
	1320	+.mxch-disclosure[open] {
	1321	+ background: #fff;
	1322	+}
	1323	+.mxch-disclosure-summary {
	1324	+ display: flex;
	1325	+ align-items: center;
	1326	+ gap: 10px;
	1327	+ padding: 10px 14px;
	1328	+ cursor: pointer;
	1329	+ list-style: none;
	1330	+ user-select: none;
	1331	+ color: var(--mxch-text-secondary, #57606a);
	1332	+ font-size: 13px;
	1333	+ font-weight: 600;
	1334	+}
	1335	+.mxch-disclosure-summary::-webkit-details-marker { display: none; }
	1336	+.mxch-disclosure-summary::before {
	1337	+ content: "";
	1338	+ display: inline-block;
	1339	+ width: 8px;
	1340	+ height: 8px;
	1341	+ border-right: 2px solid currentColor;
	1342	+ border-bottom: 2px solid currentColor;
	1343	+ transform: rotate(-45deg);
	1344	+ transition: transform 0.18s ease;
	1345	+ margin-right: 2px;
	1346	+}
	1347	+.mxch-disclosure[open] > .mxch-disclosure-summary::before {
	1348	+ transform: rotate(45deg);
	1349	+}
	1350	+.mxch-disclosure-summary svg {
	1351	+ flex-shrink: 0;
	1352	+ opacity: 0.7;
	1353	+}
	1354	+.mxch-disclosure-summary-text {
	1355	+ color: var(--mxch-text-primary, #1d2327);
	1356	+ font-weight: 600;
	1357	+}
	1358	+.mxch-disclosure-summary-hint {
	1359	+ color: var(--mxch-text-secondary, #57606a);
	1360	+ font-weight: 400;
	1361	+ font-size: 12px;
	1362	+}
	1363	+.mxch-disclosure-summary:hover .mxch-disclosure-summary-text {
	1364	+ color: var(--mxch-primary, #7873f5);
	1365	+}
	1366	+.mxch-disclosure-summary:focus-visible {
	1367	+ outline: 2px solid var(--mxch-primary, #7873f5);
	1368	+ outline-offset: 2px;
	1369	+ border-radius: var(--mxch-radius-md, 6px);
	1370	+}
	1371	+.mxch-disclosure-body {
	1372	+ padding: 8px 14px 14px 14px;
	1373	+ border-top: 1px solid var(--mxch-card-border, #e2e4e9);
	1374	+}
	1375	+@media (max-width: 600px) {
	1376	+ .mxch-disclosure-summary {
	1377	+ flex-wrap: wrap;
	1378	+ }
	1379	+ .mxch-disclosure-summary-hint {
	1380	+ flex-basis: 100%;
	1381	+ margin-left: 18px;
	1382	+ }
	1383	+}
	1384	+
	1385	+/* ==========================================================================
1292	1386	Quick Questions List
1293	1387	========================================================================== */
1294	1388	.mxch-quick-questions {
1295	1389	display: flex;
		@@ -2553,5 +2647,218 @@
2553	2647
2554	2648	.mxch-modal-content {
2555	2649	margin: 10px;
2556	2650	}
	2651	+}
	2652	+
	2653	+/* ============================================================
	2654	+ Dashboard page (Setup Assistant + dashboard cards)
	2655	+ Added with plan-mxchat-20260526-704e25.
	2656	+ ============================================================ */
	2657	+
	2658	+.mxch-setup-card .mxch-card-body {
	2659	+ padding-top: var(--mxch-spacing-md);
	2660	+}
	2661	+
	2662	+.mxch-progress-bar {
	2663	+ height: 6px;
	2664	+ background: var(--mxch-card-border, #e5e7eb);
	2665	+ border-radius: 999px;
	2666	+ overflow: hidden;
	2667	+ margin: var(--mxch-spacing-sm) 0 var(--mxch-spacing-xs);
	2668	+}
	2669	+
	2670	+.mxch-progress-bar-fill {
	2671	+ height: 100%;
	2672	+ background: linear-gradient(90deg, var(--mxch-primary) 0%, #9b96ff 100%);
	2673	+ border-radius: 999px;
	2674	+ transition: width 400ms cubic-bezier(0.22, 1, 0.36, 1);
	2675	+}
	2676	+
	2677	+.mxch-progress-label {
	2678	+ font-size: 12px;
	2679	+ color: var(--mxch-text-secondary);
	2680	+ margin: 0 0 var(--mxch-spacing-md);
	2681	+ font-weight: 500;
	2682	+}
	2683	+
	2684	+.mxch-step-list {
	2685	+ list-style: none;
	2686	+ margin: 0;
	2687	+ padding: 0;
	2688	+ display: flex;
	2689	+ flex-direction: column;
	2690	+ gap: var(--mxch-spacing-sm);
	2691	+}
	2692	+
	2693	+.mxch-step {
	2694	+ display: grid;
	2695	+ grid-template-columns: 32px 1fr auto;
	2696	+ align-items: center;
	2697	+ gap: var(--mxch-spacing-md);
	2698	+ padding: var(--mxch-spacing-md);
	2699	+ background: var(--mxch-content-bg, #f7f8fa);
	2700	+ border: 1px solid transparent;
	2701	+ border-radius: var(--mxch-radius-md);
	2702	+ transition: background 160ms ease, border-color 160ms ease;
	2703	+}
	2704	+
	2705	+.mxch-step.mxch-step-in-progress {
	2706	+ background: var(--mxch-primary-lighter, rgba(120, 115, 245, 0.05));
	2707	+ border-color: var(--mxch-primary-light, rgba(120, 115, 245, 0.1));
	2708	+}
	2709	+
	2710	+.mxch-step.mxch-step-done {
	2711	+ background: rgba(16, 185, 129, 0.06);
	2712	+}
	2713	+
	2714	+.mxch-step-indicator {
	2715	+ width: 28px;
	2716	+ height: 28px;
	2717	+ border-radius: 50%;
	2718	+ display: flex;
	2719	+ align-items: center;
	2720	+ justify-content: center;
	2721	+ font-size: 13px;
	2722	+ font-weight: 600;
	2723	+ background: #fff;
	2724	+ color: var(--mxch-text-secondary, #64748b);
	2725	+ border: 1.5px solid var(--mxch-card-border, #e5e7eb);
	2726	+ flex-shrink: 0;
	2727	+}
	2728	+
	2729	+.mxch-step-in-progress .mxch-step-indicator {
	2730	+ color: var(--mxch-primary);
	2731	+ border-color: var(--mxch-primary);
	2732	+ background: #fff;
	2733	+ box-shadow: 0 0 0 4px var(--mxch-primary-lighter, rgba(120, 115, 245, 0.06));
	2734	+}
	2735	+
	2736	+.mxch-step-done .mxch-step-indicator {
	2737	+ background: var(--mxch-success, #10b981);
	2738	+ border-color: var(--mxch-success, #10b981);
	2739	+ color: #fff;
	2740	+}
	2741	+
	2742	+.mxch-step-number {
	2743	+ line-height: 1;
	2744	+}
	2745	+
	2746	+.mxch-step-body {
	2747	+ min-width: 0;
	2748	+}
	2749	+
	2750	+.mxch-step-title {
	2751	+ font-size: 14px;
	2752	+ font-weight: 600;
	2753	+ color: var(--mxch-text-primary, #1a1a2e);
	2754	+ margin-bottom: 2px;
	2755	+}
	2756	+
	2757	+.mxch-step-done .mxch-step-title {
	2758	+ color: var(--mxch-text-secondary, #64748b);
	2759	+}
	2760	+
	2761	+.mxch-step-description {
	2762	+ font-size: 12.5px;
	2763	+ color: var(--mxch-text-secondary, #64748b);
	2764	+ line-height: 1.45;
	2765	+}
	2766	+
	2767	+.mxch-step-action {
	2768	+ align-self: center;
	2769	+}
	2770	+
	2771	+.mxch-setup-dismiss-row {
	2772	+ margin-top: var(--mxch-spacing-md);
	2773	+ text-align: right;
	2774	+}
	2775	+
	2776	+.mxch-setup-dismiss,
	2777	+.mxch-setup-resume {
	2778	+ font-size: 12.5px;
	2779	+ color: var(--mxch-text-secondary, #64748b);
	2780	+ text-decoration: none;
	2781	+ border-bottom: 1px dotted currentColor;
	2782	+}
	2783	+
	2784	+.mxch-setup-dismiss:hover,
	2785	+.mxch-setup-resume:hover {
	2786	+ color: var(--mxch-primary);
	2787	+}
	2788	+
	2789	+.mxch-resume-setup-row {
	2790	+ margin: 0 0 var(--mxch-spacing-md);
	2791	+ text-align: right;
	2792	+}
	2793	+
	2794	+.mxch-dashboard-grid {
	2795	+ display: grid;
	2796	+ grid-template-columns: repeat(3, minmax(0, 1fr));
	2797	+ gap: var(--mxch-spacing-md);
	2798	+ margin-top: var(--mxch-spacing-lg);
	2799	+}
	2800	+
	2801	+.mxch-dashboard-card .mxch-card-body {
	2802	+ display: flex;
	2803	+ flex-direction: column;
	2804	+ gap: var(--mxch-spacing-sm);
	2805	+}
	2806	+
	2807	+.mxch-dashboard-big-number {
	2808	+ font-size: 36px;
	2809	+ font-weight: 700;
	2810	+ color: var(--mxch-text-primary, #1a1a2e);
	2811	+ line-height: 1.1;
	2812	+ letter-spacing: -0.02em;
	2813	+}
	2814	+
	2815	+.mxch-dashboard-provider-name {
	2816	+ font-size: 16px;
	2817	+ font-weight: 600;
	2818	+ color: var(--mxch-text-primary, #1a1a2e);
	2819	+ word-break: break-word;
	2820	+}
	2821	+
	2822	+.mxch-dashboard-card-meta {
	2823	+ font-size: 13px;
	2824	+ color: var(--mxch-text-secondary, #64748b);
	2825	+ margin: 0;
	2826	+}
	2827	+
	2828	+@media (max-width: 1024px) {
	2829	+ .mxch-dashboard-grid {
	2830	+ grid-template-columns: 1fr 1fr;
	2831	+ }
	2832	+}
	2833	+
	2834	+@media (max-width: 782px) {
	2835	+ .mxch-step {
	2836	+ grid-template-columns: 32px 1fr;
	2837	+ grid-template-rows: auto auto;
	2838	+ gap: var(--mxch-spacing-sm) var(--mxch-spacing-md);
	2839	+ }
	2840	+ .mxch-step-action {
	2841	+ grid-column: 1 / -1;
	2842	+ text-align: right;
	2843	+ }
	2844	+ .mxch-dashboard-grid {
	2845	+ grid-template-columns: 1fr;
	2846	+ }
	2847	+}
	2848	+
	2849	+/* ------------------------------------------------------------------
	2850	+ * Test Streaming Compatibility button (AI Models page)
	2851	+ * Branded .mxch-btn replacing the legacy WP button + dashicon wrench.
	2852	+ * ------------------------------------------------------------------ */
	2853	+.mxch-streaming-test-row {
	2854	+ margin-top: var(--mxch-spacing-md, 16px);
	2855	+}
	2856	+.mxch-streaming-test-row .mxch-streaming-test-icon {
	2857	+ vertical-align: middle;
	2858	+ margin-right: 8px;
	2859	+}
	2860	+.mxch-streaming-test-result {
	2861	+ margin-top: var(--mxch-spacing-sm, 12px);
	2862	+ font-weight: 600;
	2863	+ color: var(--mxch-text-primary, #1a1a2e);
2557	2864	}