← All changes | css/knowledge-style.css +166 -0 3.2.18 → 3.2.24 View file →

		@@ -610,8 +610,19 @@
610	610	input:checked + .mxchat-toggle-slider:before {
611	611	transform: translateX(26px);
612	612	}
613	613
	614	+/* Group-level ACF toggle, mixed state: some fields in the group are excluded.
	615	+ Knob parks mid-track on a washed-out tint of the brand gradient until the
	616	+ owner picks a side (plan bf57e0). */
	617	+input:indeterminate + .mxchat-toggle-slider {
	618	+ background: linear-gradient(135deg, #e3b8dd, #b9b6e8);
	619	+}
	620	+
	621	+input:indeterminate + .mxchat-toggle-slider:before {
	622	+ transform: translateX(13px);
	623	+}
	624	+
614	625	.mxchat-toggle-label {
615	626	font-size: 14px;
616	627	color: #333;
617	628	}
		@@ -1211,8 +1222,12 @@
1211	1222	.rtl input:checked + .mxchat-toggle-slider:before {
1212	1223	transform: translateX(-26px);
1213	1224	}
1214	1225
	1226	+.rtl input:indeterminate + .mxchat-toggle-slider:before {
	1227	+ transform: translateX(-13px);
	1228	+}
	1229	+
1215	1230	.rtl .mxchat-error-notice {
1216	1231	border-left: none;
1217	1232	border-right: 3px solid #f44336;
1218	1233	}
		@@ -1417,8 +1432,36 @@
1417	1432	outline: none;
1418	1433	box-shadow: 0 0 0 1px #7873f5;
1419	1434	}
1420	1435
	1436	+/* Contextual note under the modal filter strip — only rendered for content types
	1437	+ that need one (currently Media). Continues the filter strip's own surface so it
	1438	+ reads as part of it rather than as a banner dropped on top. */
	1439	+.mxchat-kb-filter-note {
	1440	+ display: flex;
	1441	+ align-items: center;
	1442	+ gap: 8px;
	1443	+ padding: 10px 20px;
	1444	+ background-color: #f8f9fa;
	1445	+ border-bottom: 1px solid #e5e5e5;
	1446	+ color: #555;
	1447	+ font-size: 13px;
	1448	+ line-height: 1.4;
	1449	+}
	1450	+
	1451	+/* An author-level display value outranks the browser default for [hidden], so the
	1452	+ hidden state has to be restated here or the note would never hide. */
	1453	+.mxchat-kb-filter-note[hidden] {
	1454	+ display: none;
	1455	+}
	1456	+
	1457	+.mxchat-kb-filter-note-icon {
	1458	+ width: 16px;
	1459	+ height: 16px;
	1460	+ flex-shrink: 0;
	1461	+ color: #7873f5;
	1462	+}
	1463	+
1421	1464	/* Special style for the "processed" filter */
1422	1465	#mxchat-kb-processed-filter {
1423	1466	border-left: 3px solid #1e88e5;
1424	1467	}
		@@ -1436,8 +1479,9 @@
1436	1479	.mxchat-kb-selection-header {
1437	1480	display: flex;
1438	1481	justify-content: space-between;
1439	1482	align-items: center;
	1483	+ gap: var(--mxch-spacing-md, 16px);
1440	1484	padding: 15px 20px;
1441	1485	background-color: #f8f9fa;
1442	1486	border-bottom: 1px solid #eee;
1443	1487	position: sticky;
		@@ -4063,6 +4107,128 @@
4063	4107	}
4064	4108	@media (max-width: 782px) {
4065	4109	.mxchat-meta-chip-grid {
4066	4110	grid-template-columns: 1fr;
	4111	+ }
	4112	+}
	4113	+
	4114	+/* ==========================================================================
	4115	+ Re-import affected entries (plan 89739b)
	4116	+ Layout only. Every colour, radius and space is a shell token; the badges,
	4117	+ notices, progress bar and disclosure are the shell's own.
	4118	+ ========================================================================== */
	4119	+.mxch-kb-reimport [hidden] {
	4120	+ display: none;
	4121	+}
	4122	+.mxch-kb-reimport-controls {
	4123	+ display: flex;
	4124	+ align-items: flex-end;
	4125	+ flex-wrap: wrap;
	4126	+ gap: var(--mxch-spacing-md);
	4127	+ margin-top: var(--mxch-spacing-lg);
	4128	+}
	4129	+.mxch-kb-reimport-controls .mxch-field {
	4130	+ flex: 0 0 220px;
	4131	+ margin-bottom: 0;
	4132	+}
	4133	+.mxch-kb-reimport .mxch-btn[disabled] {
	4134	+ opacity: 0.55;
	4135	+ cursor: default;
	4136	+}
	4137	+.mxch-kb-reimport-progress,
	4138	+.mxch-kb-reimport-error {
	4139	+ margin-top: var(--mxch-spacing-lg);
	4140	+}
	4141	+.mxch-kb-reimport-progress .mxch-progress-label {
	4142	+ margin-bottom: 0;
	4143	+}
	4144	+.mxch-kb-reimport-results {
	4145	+ margin-top: var(--mxch-spacing-lg);
	4146	+ padding-top: var(--mxch-spacing-lg);
	4147	+ border-top: 1px solid var(--mxch-card-border);
	4148	+}
	4149	+.mxch-kb-reimport-done {
	4150	+ margin-bottom: var(--mxch-spacing-md);
	4151	+}
	4152	+.mxch-kb-reimport-counts {
	4153	+ display: flex;
	4154	+ flex-wrap: wrap;
	4155	+ gap: var(--mxch-spacing-sm);
	4156	+}
	4157	+.mxch-kb-reimport-list {
	4158	+ list-style: none;
	4159	+ margin: var(--mxch-spacing-md) 0 0;
	4160	+ padding: 0;
	4161	+ max-height: 336px;
	4162	+ overflow-y: auto;
	4163	+ border: 1px solid var(--mxch-card-border);
	4164	+ border-radius: var(--mxch-radius-md);
	4165	+}
	4166	+.mxch-kb-reimport-list li {
	4167	+ display: flex;
	4168	+ align-items: center;
	4169	+ justify-content: space-between;
	4170	+ gap: var(--mxch-spacing-md);
	4171	+ margin: 0;
	4172	+ padding: var(--mxch-spacing-sm) var(--mxch-spacing-md);
	4173	+ border-top: 1px solid var(--mxch-card-border);
	4174	+ font-size: 13px;
	4175	+ line-height: 1.5;
	4176	+}
	4177	+.mxch-kb-reimport-list li:first-child {
	4178	+ border-top: 0;
	4179	+}
	4180	+.mxch-kb-reimport-source {
	4181	+ min-width: 0;
	4182	+ overflow-wrap: anywhere;
	4183	+ color: var(--mxch-text-primary);
	4184	+}
	4185	+.mxch-kb-reimport-note {
	4186	+ display: block;
	4187	+ font-size: 12px;
	4188	+ color: var(--mxch-text-secondary);
	4189	+}
	4190	+.mxch-kb-reimport-reasons {
	4191	+ display: flex;
	4192	+ flex-wrap: wrap;
	4193	+ justify-content: flex-end;
	4194	+ gap: var(--mxch-spacing-xs);
	4195	+ flex-shrink: 0;
	4196	+}
	4197	+.mxch-kb-reimport-notes {
	4198	+ margin-top: var(--mxch-spacing-sm);
	4199	+ border: 0;
	4200	+ border-radius: 0;
	4201	+}
	4202	+.mxch-kb-reimport-notes li {
	4203	+ padding-left: 0;
	4204	+ padding-right: 0;
	4205	+}
	4206	+.mxch-kb-reimport-footer {
	4207	+ display: flex;
	4208	+ align-items: center;
	4209	+ flex-wrap: wrap;
	4210	+ gap: var(--mxch-spacing-sm) var(--mxch-spacing-md);
	4211	+}
	4212	+.mxch-kb-reimport-footer .mxch-field-hint {
	4213	+ margin-top: 0;
	4214	+}
	4215	+@media (max-width: 600px) {
	4216	+ .mxch-kb-reimport-controls .mxch-field {
	4217	+ flex-basis: 100%;
	4218	+ }
	4219	+ .mxch-kb-reimport-controls .mxch-btn {
	4220	+ width: 100%;
	4221	+ justify-content: center;
	4222	+ }
	4223	+ .mxch-kb-reimport-list li {
	4224	+ flex-direction: column;
	4225	+ align-items: flex-start;
	4226	+ gap: var(--mxch-spacing-xs);
	4227	+ }
	4228	+ .mxch-kb-reimport-reasons {
	4229	+ justify-content: flex-start;
	4230	+ }
	4231	+ .mxch-kb-reimport-list {
	4232	+ max-height: 480px;
4067	4233	}
4068	4234	}