← All changes | css/admin-sidebar.css +0 -292 3.2.7 → 3.1.7 View file →

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