← All changes | includes/chat-sessions/reports/view/assets/style.css +285 -0 8.6.0 → 8.8.2 View file →

		@@ -1,8 +1,21 @@
1	1	/*--------------------------------------------------------------
2	2	# General
3	3	--------------------------------------------------------------*/
4	4	:root {
	5	+ --woobot-primary: #5B4E96;
	6	+ --woobot-primary-color: #5B4E96;
	7	+ --woobot-primary-dark: #463a7a;
	8	+ --woobot-primary-soft: #f3f1fa;
	9	+ --woobot-primary-border: #e4e0f2;
	10	+ --woobot-surface: #ffffff;
	11	+ --woobot-page-bg: #F5F7FD;
	12	+ --woobot-text: #2d2a3a;
	13	+ --woobot-muted: #6b6680;
	14	+ --woobot-danger: #e25563;
	15	+ --woobot-nav-muted: #988FBD;
	16	+ --woobot-primary-rgb: 91, 78, 150;
	17	+
5	18	scroll-behavior: smooth;
6	19	}
7	20
8	21	body {
		@@ -1226,5 +1239,277 @@
1226	1239	/*Custom CSS by Kadir*/
1227	1240	.chatsession_table_area{
1228	1241	padding: 0 10px;
1229	1242	margin: 0 auto;
	1243	+}
	1244	+
	1245	+/* ─── WPBot Reports Dashboard (plugin purple theme) ───────────────────────── */
	1246	+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
	1247	+
	1248	+.wpbot-reports-dashboard {
	1249	+ --woobot-primary: #5B4E96;
	1250	+ --woobot-primary-color: #5B4E96;
	1251	+ --woobot-primary-dark: #463a7a;
	1252	+ --woobot-primary-soft: #f3f1fa;
	1253	+ --woobot-primary-border: #e4e0f2;
	1254	+ --woobot-text: #2d2a3a;
	1255	+ --woobot-muted: #6b6680;
	1256	+ --woobot-danger: #e25563;
	1257	+ --woobot-primary-rgb: 91, 78, 150;
	1258	+ font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	1259	+ color: var(--woobot-text);
	1260	+ padding: 12px 12px 30px 0;
	1261	+ max-width: 100%;
	1262	+}
	1263	+
	1264	+.wpbot-reports-dashboard a {
	1265	+ color: var(--woobot-primary);
	1266	+}
	1267	+
	1268	+.wpbot-reports-dashboard a:hover {
	1269	+ color: var(--woobot-primary-dark);
	1270	+}
	1271	+
	1272	+.wpbot-reports-dashboard .pagetitle {
	1273	+ background: #fff;
	1274	+ border: 1px solid var(--woobot-primary-border);
	1275	+ border-radius: 16px;
	1276	+ padding: 18px 22px;
	1277	+ margin-bottom: 8px;
	1278	+}
	1279	+
	1280	+.wpbot-reports-dashboard #feedback-results {
	1281	+ margin-top: 0 !important;
	1282	+ margin-bottom: 0 !important;
	1283	+ padding-left: 3px;
	1284	+ padding-right: 3px;
	1285	+ min-height: 0;
	1286	+}
	1287	+
	1288	+.wpbot-reports-dashboard #feedback-results:empty {
	1289	+ display: none !important;
	1290	+ margin: 0 !important;
	1291	+ padding: 0 !important;
	1292	+ height: 0 !important;
	1293	+}
	1294	+
	1295	+.wpbot-reports-dashboard .pagetitle h1 {
	1296	+ font-family: "DM Sans", sans-serif;
	1297	+ font-size: 24px;
	1298	+ font-weight: 700;
	1299	+ color: var(--woobot-primary);
	1300	+}
	1301	+
	1302	+.wpbot-reports-dashboard .section.dashboard .row {
	1303	+ --bs-gutter-x: 6px;
	1304	+ --bs-gutter-y: 6px;
	1305	+ margin-left: -3px;
	1306	+ margin-right: -3px;
	1307	+}
	1308	+
	1309	+.wpbot-reports-dashboard .section.dashboard > .row > [class*="col-"],
	1310	+.wpbot-reports-dashboard .section.dashboard .row > [class*="col-"] {
	1311	+ padding-left: 3px !important;
	1312	+ padding-right: 3px !important;
	1313	+ margin-bottom: 0 !important;
	1314	+}
	1315	+
	1316	+.wpbot-reports-dashboard .card {
	1317	+ border: 1px solid var(--woobot-primary-border);
	1318	+ border-radius: 16px;
	1319	+ box-shadow: 0 6px 22px rgba(var(--woobot-primary-rgb), 0.06);
	1320	+ overflow: hidden;
	1321	+ margin-bottom: 6px !important;
	1322	+ transition: box-shadow 0.2s ease, transform 0.2s ease;
	1323	+}
	1324	+
	1325	+.wpbot-reports-dashboard .card:hover {
	1326	+ box-shadow: 0 10px 28px rgba(var(--woobot-primary-rgb), 0.1);
	1327	+}
	1328	+
	1329	+.wpbot-reports-dashboard .card-body {
	1330	+ padding: 14px 16px 16px;
	1331	+}
	1332	+
	1333	+.wpbot-reports-dashboard .card-title {
	1334	+ font-family: "DM Sans", sans-serif;
	1335	+ color: var(--woobot-primary);
	1336	+ font-weight: 600;
	1337	+ border-bottom: 1px solid var(--woobot-primary-soft);
	1338	+ padding: 0 0 10px;
	1339	+ margin: 0 0 10px;
	1340	+ font-size: 15px;
	1341	+}
	1342	+
	1343	+.wpbot-reports-dashboard .dashboard .info-card {
	1344	+ padding-bottom: 4px;
	1345	+}
	1346	+
	1347	+.wpbot-reports-dashboard .dashboard .info-card h6 {
	1348	+ color: var(--woobot-primary);
	1349	+ font-size: 26px;
	1350	+}
	1351	+
	1352	+.wpbot-reports-dashboard .dashboard .card-icon {
	1353	+ width: 52px;
	1354	+ height: 52px;
	1355	+ font-size: 26px;
	1356	+}
	1357	+
	1358	+.wpbot-reports-dashboard .dashboard .sales-card .card-icon {
	1359	+ color: var(--woobot-primary);
	1360	+ background: var(--woobot-primary-soft);
	1361	+}
	1362	+
	1363	+.wpbot-reports-dashboard .feedback-card--like .card-icon,
	1364	+.wpbot-reports-dashboard .feedback-card[data-type="like"] .card-icon {
	1365	+ color: #1f9d57;
	1366	+ background: #e8f8ef;
	1367	+}
	1368	+
	1369	+.wpbot-reports-dashboard .feedback-card--dislike .card-icon,
	1370	+.wpbot-reports-dashboard .feedback-card[data-type="dislike"] .card-icon {
	1371	+ color: var(--woobot-danger);
	1372	+ background: #fdebec;
	1373	+}
	1374	+
	1375	+.wpbot-reports-dashboard .feedback-card:hover {
	1376	+ transform: translateY(-2px);
	1377	+ border-color: var(--woobot-primary);
	1378	+}
	1379	+
	1380	+.wpbot-reports-dashboard .text-success {
	1381	+ color: #1f9d57 !important;
	1382	+}
	1383	+
	1384	+.wpbot-reports-dashboard .wpbot-report-table {
	1385	+ border-collapse: separate;
	1386	+ border-spacing: 0;
	1387	+ border: 1px solid var(--woobot-primary-border);
	1388	+ border-radius: 12px;
	1389	+ overflow: hidden;
	1390	+ margin: 0;
	1391	+}
	1392	+
	1393	+.wpbot-reports-dashboard .wpbot-report-table thead th {
	1394	+ background: var(--woobot-primary) !important;
	1395	+ color: #fff !important;
	1396	+ border: none !important;
	1397	+ font-size: 13px;
	1398	+ font-weight: 600;
	1399	+ padding: 14px 12px !important;
	1400	+ vertical-align: middle;
	1401	+}
	1402	+
	1403	+.wpbot-reports-dashboard .wpbot-report-table tbody td,
	1404	+.wpbot-reports-dashboard .wpbot-report-table tbody th {
	1405	+ background: #fff;
	1406	+ color: var(--woobot-text);
	1407	+ font-size: 13px;
	1408	+ padding: 14px 12px !important;
	1409	+ border-top: 1px solid #eef0f6 !important;
	1410	+ border-bottom: none !important;
	1411	+ vertical-align: middle;
	1412	+}
	1413	+
	1414	+.wpbot-reports-dashboard .wpbot-report-table.table-hover > tbody > tr:hover > * {
	1415	+ background: var(--woobot-primary-soft) !important;
	1416	+}
	1417	+
	1418	+.wpbot-reports-dashboard .btn {
	1419	+ border-radius: 8px;
	1420	+ font-weight: 600;
	1421	+ padding: 10px 18px;
	1422	+}
	1423	+
	1424	+.wpbot-reports-dashboard .btn-primary {
	1425	+ background: var(--woobot-primary) !important;
	1426	+ border-color: var(--woobot-primary) !important;
	1427	+ color: #fff !important;
	1428	+}
	1429	+
	1430	+.wpbot-reports-dashboard .btn-primary:hover {
	1431	+ background: var(--woobot-primary-dark) !important;
	1432	+ border-color: var(--woobot-primary-dark) !important;
	1433	+}
	1434	+
	1435	+.wpbot-reports-dashboard .btn-danger {
	1436	+ background: #fff !important;
	1437	+ border: 2px solid var(--woobot-danger) !important;
	1438	+ color: var(--woobot-danger) !important;
	1439	+}
	1440	+
	1441	+.wpbot-reports-dashboard .btn-danger:hover {
	1442	+ background: var(--woobot-danger) !important;
	1443	+ color: #fff !important;
	1444	+}
	1445	+
	1446	+.wpbot-reports-dashboard .wpbot-report-actions {
	1447	+ display: flex;
	1448	+ flex-wrap: wrap;
	1449	+ align-items: center;
	1450	+ gap: 12px;
	1451	+ margin: 8px 0 20px;
	1452	+ padding: 16px 18px;
	1453	+ background: #fff;
	1454	+ border: 1px solid var(--woobot-primary-border);
	1455	+ border-radius: 16px;
	1456	+}
	1457	+
	1458	+.wpbot-reports-dashboard .alert-info {
	1459	+ background: var(--woobot-primary-soft);
	1460	+ border: 1px solid var(--woobot-primary-border);
	1461	+ color: var(--woobot-primary);
	1462	+ border-radius: 10px;
	1463	+}
	1464	+
	1465	+.wpbot-reports-dashboard #areaChart {
	1466	+ background: #faf9fd;
	1467	+ border: 1px solid var(--woobot-primary-soft);
	1468	+ border-radius: 12px;
	1469	+ padding: 8px 4px 0;
	1470	+}
	1471	+
	1472	+.wpbot-reports-dashboard .wpbot-page-link {
	1473	+ display: inline-flex;
	1474	+ align-items: center;
	1475	+ justify-content: center;
	1476	+ min-width: 34px;
	1477	+ height: 34px;
	1478	+ margin: 2px;
	1479	+ padding: 0 10px;
	1480	+ border-radius: 8px;
	1481	+ border: 1px solid var(--woobot-primary-border);
	1482	+ background: #fff;
	1483	+ color: var(--woobot-primary);
	1484	+ font-size: 13px;
	1485	+ font-weight: 600;
	1486	+ text-decoration: none;
	1487	+}
	1488	+
	1489	+.wpbot-reports-dashboard .wpbot-page-link:hover,
	1490	+.wpbot-reports-dashboard .wpbot-page-link.active {
	1491	+ background: var(--woobot-primary);
	1492	+ border-color: var(--woobot-primary);
	1493	+ color: #fff;
	1494	+}
	1495	+
	1496	+main.main.clearfix.wpbot-reports-dashboard {
	1497	+ max-width: 1280px;
	1498	+ margin: 0 auto;
	1499	+}
	1500	+
	1501	+@media screen and (max-width: 782px) {
	1502	+ .wpbot-reports-dashboard {
	1503	+ padding: 8px 0 20px;
	1504	+ }
	1505	+
	1506	+ .wpbot-reports-dashboard .pagetitle,
	1507	+ .wpbot-reports-dashboard .wpbot-report-actions,
	1508	+ .wpbot-reports-dashboard .card {
	1509	+ border-radius: 12px;
	1510	+ }
	1511	+
	1512	+ .wpbot-reports-dashboard .wpbot-report-actions .btn {
	1513	+ width: 100%;
	1514	+ }
1230	1515	}