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

		@@ -1154,23 +1154,8 @@
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		-
1173	1158	/* ==========================================================================
1174	1159	Buttons
1175	1160	========================================================================== */
1176	1161	.mxch-btn {
		@@ -1303,87 +1288,8 @@
1303	1288	border: 1px solid #fecaca;
1304	1289	}
1305	1290
1306	1291	/* ==========================================================================
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		-/* ==========================================================================
1386	1292	Quick Questions List
1387	1293	========================================================================== */
1388	1294	.mxch-quick-questions {
1389	1295	display: flex;
		@@ -2647,218 +2553,5 @@
2647	2553
2648	2554	.mxch-modal-content {
2649	2555	margin: 10px;
2650	2556	}
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);
2864	2557	}