/* Minification failed. Returning unminified contents. (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (110,18): run-time error CSS1039: Token not allowed after unary operator: '-pulse-top-h' (111,22): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bg' (112,35): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (118,17): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-w' (123,34): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (132,21): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-col' (232,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (242,30): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bg' (288,15): run-time error CSS1039: Token not allowed after unary operator: '-pulse-top-h' (292,17): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-w' (293,22): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bg' (294,34): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (302,21): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-col' (311,35): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (377,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (425,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (442,22): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (465,32): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-bdr' (516,23): run-time error CSS1039: Token not allowed after unary operator: '-pulse-top-h' (517,24): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-w' (524,28): run-time error CSS1039: Token not allowed after unary operator: '-pulse-nav-col' (537,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (538,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (545,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (566,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (570,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (582,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (592,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (593,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (597,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (599,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (607,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (608,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (609,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (616,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (620,25): run-time error CSS1039: Token not allowed after unary operator: '-blue' (628,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (642,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (643,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (644,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (645,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (659,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (667,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (677,22): run-time error CSS1039: Token not allowed after unary operator: '-blue' (682,26): run-time error CSS1039: Token not allowed after unary operator: '-red' (686,26): run-time error CSS1039: Token not allowed after unary operator: '-green' (697,22): run-time error CSS1039: Token not allowed after unary operator: '-green' (704,26): run-time error CSS1039: Token not allowed after unary operator: '-red' (708,28): run-time error CSS1039: Token not allowed after unary operator: '-border-md' (709,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (714,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (721,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (730,22): run-time error CSS1039: Token not allowed after unary operator: '-blue' (735,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-d' (739,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (740,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (741,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (742,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (746,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (750,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (760,17): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (770,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (771,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (775,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (776,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (780,22): run-time error CSS1039: Token not allowed after unary operator: '-green' (801,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (802,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (803,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (804,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (814,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (820,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (824,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (829,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (830,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (835,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (841,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (843,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (848,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (849,33): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (869,21): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (870,39): run-time error CSS1039: Token not allowed after unary operator: '-border' (904,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (919,24): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (926,24): run-time error CSS1039: Token not allowed after unary operator: '-blue' (934,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (936,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (958,21): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (959,39): run-time error CSS1039: Token not allowed after unary operator: '-border' (980,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (984,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (998,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1006,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1008,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1009,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1017,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1018,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1030,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1036,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (1041,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1042,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1047,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1052,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1053,33): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1058,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1059,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1064,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1071,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1076,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1077,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1082,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1083,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1088,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1094,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1095,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1098,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1099,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1123,22): run-time error CSS1039: Token not allowed after unary operator: '-green-tint' (1124,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (1128,22): run-time error CSS1039: Token not allowed after unary operator: '-amber-tint' (1129,17): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (1133,22): run-time error CSS1039: Token not allowed after unary operator: '-red-tint' (1134,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1138,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1139,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1140,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1144,22): run-time error CSS1039: Token not allowed after unary operator: '-amber-tint' (1145,17): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (1149,22): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1150,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1154,22): run-time error CSS1039: Token not allowed after unary operator: '-green-tint' (1155,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (1159,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1160,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1161,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1165,22): run-time error CSS1039: Token not allowed after unary operator: '-red-tint' (1166,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1180,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (1184,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1185,21): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1186,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1191,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1196,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1201,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1222,22): run-time error CSS1039: Token not allowed after unary operator: '-green-tint' (1223,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (1227,22): run-time error CSS1039: Token not allowed after unary operator: '-amber-tint' (1228,17): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (1232,22): run-time error CSS1039: Token not allowed after unary operator: '-red-tint' (1233,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1237,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1238,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1239,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1259,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1280,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (1287,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1292,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1303,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1311,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1322,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1345,15): run-time error CSS1039: Token not allowed after unary operator: '-pulse-top-h' (1349,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1351,34): run-time error CSS1039: Token not allowed after unary operator: '-border' (1362,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1375,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1386,26): run-time error CSS1039: Token not allowed after unary operator: '-border' (1399,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1408,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1409,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1414,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1415,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1432,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1436,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1441,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1454,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1458,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1459,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (1465,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1471,22): run-time error CSS1039: Token not allowed after unary operator: '-navy' (1479,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1480,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1488,35): run-time error CSS1039: Token not allowed after unary operator: '-border' (1489,22): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1494,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1519,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1529,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1536,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (1537,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1541,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1542,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1543,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1548,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (1555,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (1574,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1589,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (1601,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1608,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1625,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1629,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1630,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1647,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1648,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1652,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1653,22): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1659,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1663,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1667,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1671,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1672,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1682,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1683,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (1684,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (1689,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1694,25): run-time error CSS1039: Token not allowed after unary operator: '-text' (1695,36): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1699,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (1703,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1704,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1708,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1714,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1726,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1730,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1734,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1738,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (1743,17): run-time error CSS1039: Token not allowed after unary operator: '-text-hint' (1752,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (1753,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1759,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1761,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (1766,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1770,25): run-time error CSS1039: Token not allowed after unary operator: '-radius' (1771,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (1776,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (1781,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1783,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md' (1787,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1788,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1792,32): run-time error CSS1039: Token not allowed after unary operator: '-bg' (1793,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (1797,25): run-time error CSS1063: Expected calculation unit, found 'var(' (1797,25): run-time error CSS1064: Expected calculation product, found 'var(' (1797,25): run-time error CSS1019: Unexpected token, found 'var(' (1797,25): run-time error CSS1042: Expected function, found 'var(' (1797,30): run-time error CSS1039: Token not allowed after unary operator: '-radius' (1797,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (1800,59): run-time error CSS1030: Expected identifier, found '>' (1800,75): run-time error CSS1031: Expected selector, found ')' (1800,75): run-time error CSS1025: Expected comma or open brace, found ')' (1805,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (1806,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (1810,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1811,32): run-time error CSS1039: Token not allowed after unary operator: '-blue-tint' (1815,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1819,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1823,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1828,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1834,21): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1842,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1862,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm' (1880,22): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1898,26): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1916,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-d' (1962,26): run-time error CSS1039: Token not allowed after unary operator: '-blue-d' (2008,26): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2037,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (2038,17): run-time error CSS1039: Token not allowed after unary operator: '-text' (2039,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2040,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2067,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2068,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2069,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2070,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2097,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2098,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2099,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2100,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2175,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2176,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2177,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2178,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2253,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (2254,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2255,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2256,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm' (2263,22): run-time error CSS1039: Token not allowed after unary operator: '-red' (2270,26): run-time error CSS1039: Token not allowed after unary operator: '-red' (2303,26): run-time error CSS1039: Token not allowed after unary operator: '-red' (2312,17): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (2320,21): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (2328,21): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (2342,21): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (2356,21): run-time error CSS1039: Token not allowed after unary operator: '-amber-d' (2368,17): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (2369,28): run-time error CSS1039: Token not allowed after unary operator: '-border' (2379,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (2380,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2389,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2390,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2391,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2412,26): run-time error CSS1039: Token not allowed after unary operator: '-bg' (2413,21): run-time error CSS1039: Token not allowed after unary operator: '-text' (2414,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2436,21): run-time error CSS1039: Token not allowed after unary operator: '-text-sec' (2437,32): run-time error CSS1039: Token not allowed after unary operator: '-border' (2442,22): run-time error CSS1039: Token not allowed after unary operator: '-green' (2447,26): run-time error CSS1039: Token not allowed after unary operator: '-green' (2466,26): run-time error CSS1039: Token not allowed after unary operator: '-green' */ /* * pulse.css — Pulse Shell + RelianSys Design System * Version: 1.1 | Last updated: 2026-06-04 * * TABLE OF CONTENTS * 1. Reset & Root tokens * 2. Pulse Top Bar * 3. Side Nav * 4. Shell layout * 5. RGS Page Header Strip * 6. Content area * 7. Cards * 8. Buttons * 9. Data Tables * 10. Mini tables (dashboard cards) * 11. Forms & Inputs * 12. Status Badges * 13. Update pills * 14. Modals * 15. Module Switcher Drawer * 16. Pagination * 17. Delegate selector pane * 18. Utilities */ /* ─── 1. RESET & ROOT TOKENS ─────────────────────────────── */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { /* Pulse chrome */ --pulse-nav-bg: #ffffff; --pulse-nav-bdr: #e5e7eb; --pulse-top-h: 52px; --pulse-nav-w: 224px; --pulse-nav-col: 64px; --nav-hover-bg: #f3f4f6; --tbl-bar-bg: #fafbfc; /* Content / UNIFI tokens */ --bg: #f7f8fa; --white: #ffffff; --border: rgba(0, 0, 0, 0.08); --border-md: rgba(0, 0, 0, 0.1); --text: rgba(0, 0, 0, 0.87); --text-sec: rgba(0, 0, 0, 0.57); --text-hint: rgba(0, 0, 0, 0.35); --shadow-sm: 0 1px 3px rgba(36, 88, 217, 0.16), 0 1px 2px rgba(36, 88, 217, 0.14); --shadow-md: 0px 0px 25px RGBA(36, 88, 217, 0.10); /* Brand colours */ --blue: #2862f2; --blue-d: #2458d9; --blue-tint: rgba(40, 98, 242, 0.08); --blue-nav-tint: rgba(40, 98, 242, 0.08); --blue-grad-start: #3b82f6; --blue-grad-end: #6366f1; --red: #ef4444; --red-tint: rgba(239, 68, 68, 0.1); --red-d: #dc2626; --red-light: #fee2e2; --red-badge: #fecaca; --red-text: #991b1b; --green: #10b981; --green-d: #059669; --green-tint: rgba(16, 185, 129, 0.1); --green-text: #065f46; --green-bdr: #bbf7d0; --amber: #f59e0b; --amber-d: #92400e; --amber-tint: rgba(245, 158, 11, 0.1); --amber-hover-bg: #fef3c7; --amber-hover-bdr: #fde68a; --amber-text-dark: #713f12; --amber-module-bg: #fff7ed; --due-soon: #14b8a6; --missed: #8b5cf6; --grey: rgba(0, 0, 0, 0.67); --pale-grey: rgba(0, 0, 0, 0.09); --bdr-solid: #e5e7eb; --overlay: rgba(0, 0, 0, 0.4); --overlay-light: rgba(0, 0, 0, 0.32); --navy: #061848; --radius: 8px; --radius-sm: 6px; --p-orange: #fe5a00; --talent: #0cc4df; --projects: #0cc060; --governance: #6c48d2; } html, body { height: 100%; font-family: "Inter", system-ui, sans-serif; color: var(--text); -webkit-font-smoothing: antialiased; } /* ─── 2. PULSE TOP BAR ───────────────────────────────────── */ .p-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 300; height: var(--pulse-top-h); background: var(--pulse-nav-bg); border-bottom: 1px solid var(--pulse-nav-bdr); display: flex; align-items: center; } .p-logo { width: var(--pulse-nav-w); height: 100%; display: flex; align-items: center; padding: 0 20px; border-right: 1px solid var(--pulse-nav-bdr); flex-shrink: 0; cursor: pointer; gap: 10px; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; } .p-logo.col { width: var(--pulse-nav-col); justify-content: center; padding: 0; } .p-logo-mark { width: 28px; height: 28px; border-radius: 8px; flex-shrink: 0; background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 12px rgba(59, 130, 246, 0.35); } .p-logo-text { line-height: 1; transition: opacity 0.15s; } .p-logo-text .p-name { font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.3px; } .p-logo-text .p-sub { font-size: 9px; font-weight: 500; color: rgba(255, 255, 255, 0.3); letter-spacing: 0.6px; text-transform: uppercase; margin-top: 2px; } .p-logo.col .p-logo-text { opacity: 0; width: 0; overflow: hidden; } .p-bar-mid { flex: 1; display: flex; align-items: center; padding: 0 20px; } .p-breadcrumb { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.38); } .p-breadcrumb .sep { opacity: 0.4; } .p-breadcrumb .cur { color: rgba(255, 255, 255, 0.78); font-weight: 500; } .p-bar-right { display: flex; align-items: center; gap: 4px; padding-right: 18px; flex-shrink: 0; } .p-icon-btn { width: 34px; height: 34px; border-radius: 8px; border: none; background: none; display: flex; align-items: center; justify-content: center; cursor: pointer; color: rgba(255, 255, 255, 0.42); transition: all 0.15s; position: relative; } .p-icon-btn:hover { background: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.8); } .p-notif-dot { position: absolute; top: 5px; right: 5px; background: var(--red); color: #fff; font-size: 8px; font-weight: 700; width: 14px; height: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--pulse-nav-bg); } .p-bar-divider { width: 1px; height: 20px; background: rgba(255, 255, 255, 0.1); margin: 0 6px; } .p-user-info { text-align: right; cursor: pointer; } .p-user-name { font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.88); line-height: 1.3; } .p-user-org { font-size: 10.5px; color: rgba(255, 255, 255, 0.32); } .p-avatar { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; cursor: pointer; background: linear-gradient(135deg, #3b82f6, #8b5cf6); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.14); } /* ─── 3. SIDE NAV ──────────────────────────── */ .p-nav { position: fixed; top: var(--pulse-top-h); left: 0; bottom: 0; z-index: 200; width: var(--pulse-nav-w); background: var(--pulse-nav-bg); border-right: 1px solid var(--pulse-nav-bdr); display: flex; flex-direction: column; transition: width 0.22s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } .p-nav.col { width: var(--pulse-nav-col); } .p-nav-header { padding: 14px 16px 10px; display: flex; align-items: center; gap: 9px; flex-shrink: 0; border-bottom: 1px solid var(--pulse-nav-bdr); } .p-nav-header-icon { width: 28px; height: 28px; border-radius: 7px; flex-shrink: 0; background: rgba(40, 98, 242, 0.22); border: 1px solid rgba(40, 98, 242, 0.32); display: flex; align-items: center; justify-content: center; color: #93bbff; } .p-nav-header-text { overflow: hidden; transition: opacity 0.15s; } .p-nav-header-text .mod-name { font-size: 12.5px; font-weight: 600; color: rgba(255, 255, 255, 0.88); white-space: nowrap; } .p-nav-header-text .mod-suite { font-size: 10px; color: rgba(255, 255, 255, 0.28); white-space: nowrap; margin-top: 1px; } .p-nav.col .p-nav-header { justify-content: center; padding: 14px 0 10px; } .p-nav.col .p-nav-header-text { opacity: 0; width: 0; } .p-nav-items { flex: 1; overflow-y: auto; overflow-x: hidden; padding: 6px 0; } .p-nav-items::-webkit-scrollbar { width: 0; } .p-nav-item { display: flex; align-items: center; height: 38px; cursor: pointer; color: rgba(255, 255, 255, 0.38); transition: all 0.12s; white-space: nowrap; text-decoration: none; margin: 1px 8px; border-radius: var(--radius-sm); padding: 0 8px; } .p-nav-item:hover { color: rgba(255, 255, 255, 0.78); background: rgba(255, 255, 255, 0.06); } .p-nav-item.active { color: #fff; background: rgba(40, 98, 242, 0.2); box-shadow: inset 0 0 0 1px rgba(40, 98, 242, 0.32); } .p-nav.col .p-nav-item { margin: 1px 6px; padding: 0; justify-content: center; } .p-nav-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .p-nav-item.active .p-nav-icon { color: #93bbff; } .p-nav-label { font-size: 13px; font-weight: 500; overflow: hidden; transition: opacity 0.15s; margin-left: 2px; } .p-nav.col .p-nav-label { opacity: 0; width: 0; } .p-nav-badge { background: var(--red); color: #fff; font-size: 9.5px; font-weight: 700; border-radius: 10px; padding: 1px 6px; margin-left: auto; flex-shrink: 0; transition: opacity 0.15s; } .p-nav.col .p-nav-badge { opacity: 0; } .p-nav-divider { height: 1px; background: var(--pulse-nav-bdr); margin: 6px 14px; } .p-nav-section { font-size: 9.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.18); padding: 8px 16px 4px; white-space: nowrap; overflow: hidden; transition: opacity 0.15s; } .p-nav.col .p-nav-section { opacity: 0; height: 0; padding: 0; } .p-nav-footer { border-top: 1px solid var(--pulse-nav-bdr); flex-shrink: 0; } .p-nav-collapse { display: flex; align-items: center; gap: 8px; padding: 12px; cursor: pointer; color: rgba(255, 255, 255, 0.28); font-size: 12px; border: none; background: none; width: 100%; font-family: "Inter", sans-serif; transition: all 0.15s; white-space: nowrap; justify-content: center; } .p-nav:not(.col) .p-nav-collapse { justify-content: flex-start; padding: 12px 16px; } .p-nav-collapse:hover { color: rgba(255, 255, 255, 0.68); background: rgba(255, 255, 255, 0.05); } .p-nav-collapse-icon { flex-shrink: 0; transition: transform 0.22s; } .p-nav.col .p-nav-collapse-icon { transform: rotate(180deg); } .p-nav-collapse-label { transition: opacity 0.15s; } .p-nav.col .p-nav-collapse-label { opacity: 0; } /* ─── 4. SHELL LAYOUT ────────────────────────────────────── */ .p-shell { display: flex; padding-top: var(--pulse-top-h); padding-left: var(--pulse-nav-w); height: 100vh; transition: padding-left 0.22s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } .p-shell.col { padding-left: var(--pulse-nav-col); } .p-main { flex: 1; display: flex; flex-direction: column; min-width: 0; overflow: hidden; } /* ─── 5. RGS PAGE HEADER STRIP ──────────────────────────── */ .rgs-strip { background: var(--white); border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; padding: 0 24px; height: 48px; flex-shrink: 0; box-shadow: var(--shadow-sm); } .rgs-strip-left { display: flex; align-items: center; gap: 16px; } .rgs-strip-right { display: flex; align-items: center; gap: 10px; } .rgs-page-title { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 650; color: var(--text); } .rgs-page-title svg { color: var(--blue); flex-shrink: 0; } .rgs-tabs { display: flex; gap: 2px; } .rgs-tab { font-size: 12.5px; font-weight: 500; color: var(--text-sec); padding: 5px 12px; border-radius: 6px; cursor: pointer; text-decoration: none; transition: all 0.12s; display: block; } .rgs-tab:hover { color: var(--text); background: var(--bg); } .rgs-tab.active { color: var(--blue); font-weight: 600; background: var(--blue-tint); } .rgs-powered { display: flex; align-items: center; gap: 5px; font-size: 10.5px; color: var(--text-hint); background: var(--bg); border: 1px solid var(--border); border-radius: 20px; padding: 4px 12px; } .rgs-powered strong { font-weight: 800; color: var(--text-sec); } .rgs-powered strong span { color: var(--blue); } /* ─── 6. CONTENT AREA ────────────────────────────────────── */ .rgs-content { flex: 1; overflow-y: auto; padding: 20px 24px; background: var(--bg); } .rgs-content::-webkit-scrollbar { width: 5px; } .rgs-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); border-radius: 4px; } /* ─── 7. CARDS ───────────────────────────────────────────── */ .card { background: var(--white) !important; border-radius: var(--radius) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow-md) !important; overflow: hidden; } .card-flex { display: flex; flex-direction: column; } .card-head { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; border-bottom: 1px solid var(--border); flex-shrink: 0; gap: 8px; } .card-title { font-size: 12px; font-weight: 600; color: var(--text); display: flex; align-items: center; gap: 7px; } .card-title-bar { width: 3px; height: 14px; border-radius: 2px; background: var(--blue); flex-shrink: 0; } .card-title-bar.red { background: var(--red); } .card-title-bar.green { background: var(--green); } .card-body { padding: 12px 14px; } .count-pill { font-size: 11px; font-weight: 700; color: #fff; background: var(--green); border-radius: 20px; padding: 2px 9px; flex-shrink: 0; } .count-pill.red { background: var(--red); } .callout { border: 1px solid var(--border-md); border-radius: var(--radius-sm); padding: 10px 12px; } .callout.red { border-color: var(--red); } /* ─── 8. BUTTONS ─────────────────────────────────────────── */ .btn { align-items: center; gap: 5px; border-radius: var(--radius-sm); cursor: pointer; font-family: "Inter", sans-serif; transition: all 0.15s; text-decoration: none; white-space: nowrap; } .btn-primary { background: var(--blue); color: #fff; } .btn-primary:hover { background: var(--blue-d); } .btn-secondary { background: var(--white); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .btn-secondary:hover { background: var(--bg); } .btn-danger { background: var(--red); color: #fff; } .btn-danger:hover { background: #dc2626; } .btn-amber { background: #fffbeb; color: var(--amber-d); border: 1px solid #fde68a; } .btn-amber:hover { background: #fef3c7; } .btn-ghost { background: none; color: var(--text-sec); border: 1px solid var(--border); } .btn-ghost:hover { background: var(--bg); color: var(--text); } .btn-green { background: var(--green); color: #fff; } .btn-green:hover { background: #059669; } .btn-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .sp { flex: 1; } /* ─── 9. DATA TABLES ─────────────────────────────────────── */ .tbl-card { background: var(--white) !important; border-radius: var(--radius) !important; border: 1px solid var(--border) !important; box-shadow: var(--shadow-md) !important; overflow: hidden; } .tbl-bar { display: flex; align-items: center; gap: 9px; padding: 10px 16px; background: #fafbfc; border-bottom: 1px solid var(--border); flex-wrap: wrap; } .tbl-label { font-size: 12px; color: var(--text-sec); } .tbl-sel { border: 1px solid var(--border); border-radius: 6px; padding: 4px 8px; font-size: 12px; font-family: "Inter", sans-serif; background: var(--white); color: var(--text); outline: none; } .tbl-search { border: 1px solid var(--border); border-radius: 6px; padding: 5px 11px; font-size: 12px; font-family: "Inter", sans-serif; outline: none; color: var(--text); width: 210px; background: var(--white); transition: border 0.15s; } .tbl-search:focus { border-color: var(--blue); outline: 2px solid var(--blue-tint); } .dt { width: 100%; border-collapse: collapse; font-size: 12px; } .dt thead tr { background: #fafbfc; } .dt th { padding: 8px 14px; text-align: left; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-hint); border-bottom: 1px solid var(--border); white-space: nowrap; } .dt th.r, .dt td.r { text-align: right; } .dt th.sort { cursor: pointer; user-select: none; } .dt th.sort::after { content: " ⇅"; opacity: 0.3; } .dt td { padding: 9px 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.04); vertical-align: middle; } .dt tr:last-child td { border-bottom: none; } .dt tr:hover td { background: rgba(40, 98, 242, 0.03); } .dt td a { color: var(--blue); text-decoration: none; font-weight: 500; } .dt td a:hover { text-decoration: underline; } .cb-col { width: 40px !important; padding: 9px 6px 9px 16px !important; } input[type="checkbox"] { accent-color: var(--blue-tint); width: 13px; height: 13px; cursor: pointer; } input[type="radio"] { accent-color: var(--blue); } .tbl-footer { display: flex; align-items: center; justify-content: space-between; padding: 10px 16px; border-top: 1px solid var(--border); font-size: 12px; color: var(--text-sec); background: #fafbfc; } /* ─── 10. MINI TABLES (dashboard cards) ─────────────────── */ .mt { width: 100%; border-collapse: collapse; font-size: 11.5px; } .mt thead tr { background: #fafbfc; } .mt th { padding: 6px 12px; text-align: left; font-size: 9.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-hint); border-bottom: 1px solid var(--border); white-space: nowrap; } .mt th.r, .mt td.r { text-align: right; } .mt td { padding: 7px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.035); vertical-align: middle; line-height: 1.4; } .mt tr:last-child td { border-bottom: none; } .mt tr:hover td { background: var(--blue-tint); } .mt a { color: var(--blue); text-decoration: none; font-weight: 500; } .mt a:hover { text-decoration: underline; } .mt-pager { display: flex; align-items: center; justify-content: space-between; padding: 7px 12px; border-top: 1px solid var(--border); } .view-all-link { display: block; text-align: center; padding: 7px; margin: 0 12px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--bg); color: var(--text-sec); font-size: 11.5px; font-weight: 500; text-decoration: none; transition: all 0.12s; } .view-all-link:hover { background: var(--blue-tint); color: var(--blue); border-color: rgba(40, 98, 242, 0.2); } /* ─── 11. FORMS & INPUTS ─────────────────────────────────── */ .form-group { margin-bottom: 14px; } .form-label { font-size: 12px; font-weight: 600; color: var(--text); margin-bottom: 5px; display: block; } .form-label .req { color: var(--red); } .form-input { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 7px 11px; font-size: 13px; font-family: "Inter", sans-serif; outline: none; color: var(--text); transition: border 0.15s; } .form-input:focus { border-color: var(--blue); outline: 2px solid var(--blue-tint); } .form-textarea { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 7px 11px; font-size: 13px; font-family: "Inter", sans-serif; outline: none; color: var(--text); resize: vertical; min-height: 80px; transition: border 0.15s; } .form-textarea:focus { border-color: var(--blue); } .form-select { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 7px 11px; font-size: 13px; font-family: "Inter", sans-serif; outline: none; color: var(--text); background: var(--white); } .form-hint { font-size: 11px; color: var(--text-sec); margin-top: 4px; } .filter-select { width: 100%; border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 7px 10px; font-size: 12px; color: var(--text); background: var(--bg); font-family: "Inter", sans-serif; outline: none; cursor: pointer; margin-bottom: 8px; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239CA3AF' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 9px center; } /* ─── 12. STATUS BADGES ──────────────────────────────────── */ .badge { display: inline-flex; align-items: center; justify-content: center; padding: 2px 7px; border-radius: 5px; font-size: 10.5px; font-weight: 700; white-space: nowrap; } .badge-N { background: var(--green-tint); color: var(--green); } .badge-C { background: var(--amber-tint); color: var(--amber-d); } .badge-D { background: var(--red-tint); color: var(--red); } .badge-H { background: var(--bg); color: var(--text-sec); border: 1px solid var(--border); } .badge-WA { background: var(--amber-tint); color: var(--amber-d); } .badge-A { background: var(--blue-tint); color: var(--blue); } .badge-A2 { background: var(--green-tint); color: var(--green); } .badge-SC { background: var(--bg); color: var(--text-sec); border: 1px solid var(--border); } .badge-R { background: var(--red-tint); color: var(--red); } /* Count badge (red/zero) */ .cnt { display: inline-flex; align-items: center; justify-content: center; min-width: 26px; padding: 2px 6px; border-radius: 5px; font-size: 10.5px; font-weight: 700; color: #fff; background: var(--red); } .cnt.zero { background: var(--bg); color: var(--text-hint); border: 1px solid var(--border); } /* Coloured numbers in tables */ .num-blue { color: var(--blue); font-weight: 600; } .num-red { color: var(--red); font-weight: 600; } .num-dim { color: var(--text-hint); } /* ─── 13. UPDATE PILLS ───────────────────────────────────── */ .upd-pills { display: flex; gap: 5px; align-items: center; } .upd-pill { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 12px; font-size: 10.5px; font-weight: 700; } .up-new { background: var(--green-tint); color: var(--green); } .up-chg { background: var(--amber-tint); color: var(--amber-d); } .up-del { background: var(--red-tint); color: var(--red); } .up-zero { background: var(--bg); color: var(--text-hint); border: 1px solid var(--border); } /* ─── 14. MODALS ─────────────────────────────────────────── */ .modal-overlay { position: fixed; inset: 0; z-index: 500; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(3px); display: none; align-items: center; justify-content: center; } .modal-overlay.open { display: flex; } .modal { background: var(--white); border-radius: 12px; width: 560px; max-width: 95vw; max-height: 84vh; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); } .modal.wide { width: 720px; } .modal.narrow { width: 440px; } .modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--border); flex-shrink: 0; } .modal-title { font-size: 14px; font-weight: 700; color: var(--text); } .modal-subtitle { font-size: 11px; color: var(--text-hint); margin-top: 1px; } .modal-close { width: 28px; height: 28px; border-radius: 6px; border: none; background: none; cursor: pointer; color: var(--text-sec); font-size: 16px; display: flex; align-items: center; justify-content: center; } .modal-close:hover { background: var(--bg); } .modal-body { flex: 1; overflow-y: auto; padding: 18px 20px; } .modal-footer { padding: 14px 20px; border-top: 1px solid var(--border); display: flex; justify-content: flex-end; gap: 8px; flex-shrink: 0; } /* ─── 15. MODULE SWITCHER DRAWER ─────────────────────────── */ .mod-overlay { position: fixed; inset: 0; z-index: 400; background: rgba(0, 0, 0, 0.32); backdrop-filter: blur(4px); display: none; } .mod-overlay.open { display: block; } .mod-drawer { position: fixed; top: var(--pulse-top-h); left: 0; bottom: 0; width: 380px; background: var(--white); box-shadow: 4px 0 40px rgba(0, 0, 0, 0.12); border-right: 1px solid var(--border); padding: 20px; overflow-y: auto; z-index: 401; } .mod-drawer-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--text-hint); margin-bottom: 18px; } .mod-section { margin-bottom: 20px; } .mod-section-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px; color: var(--text-hint); margin-bottom: 9px; display: flex; align-items: center; gap: 8px; } .mod-section-label::after { content: ""; flex: 1; height: 1px; background: var(--border); } .mod-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .mod-card { display: flex; align-items: center; gap: 10px; border: 1px solid var(--border); border-radius: 9px; padding: 10px 11px; cursor: pointer; transition: all 0.15s; text-decoration: none; } .mod-card:hover { border-color: var(--blue); background: var(--blue-tint); box-shadow: 0 2px 8px rgba(40, 98, 242, 0.08); } .mod-card.active { border-color: var(--blue); background: var(--blue-tint); } .mod-card-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .mod-card-name { font-size: 12px; font-weight: 600; color: var(--text); } .mod-card.active .mod-card-name { color: var(--blue); } .mod-card-sub { font-size: 10.5px; color: var(--text-sec); margin-top: 1px; } /* ─── 16. PAGINATION ─────────────────────────────────────── */ .pager { display: flex; align-items: center; gap: 3px; } .pg { padding: 4px 10px; border: 1px solid var(--border); border-radius: 5px; cursor: pointer; font-size: 11.5px; color: var(--text); background: var(--white); font-family: "Inter", sans-serif; transition: background 0.12s; } .pg:hover { background: var(--bg); } .pg-cur { padding: 4px 10px; border-radius: 5px; background: var(--navy); color: #fff; font-size: 11.5px; font-weight: 600; } /* ─── 17. DELEGATE SELECTOR PANE ─────────────────────────── */ .delegate-pane { border: 1px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; display: flex; flex-direction: column; } .delegate-search { padding: 8px; border-bottom: 1px solid var(--border); background: var(--bg); } .delegate-search input { width: 100%; border: 1px solid var(--border); border-radius: 6px; padding: 5px 9px; font-size: 12px; font-family: "Inter", sans-serif; outline: none; } .delegate-list { flex: 1; overflow-y: auto; padding: 4px 0; } .delegate-item { display: flex; align-items: center; gap: 8px; padding: 5px 10px; font-size: 12px; cursor: pointer; transition: background 0.1s; } .delegate-item:hover { background: var(--bg); } /* ─── 18. UTILITIES ──────────────────────────────────────── */ .page-tab { padding: 5px 13px; border-radius: 6px; font-size: 12.5px; font-weight: 500; cursor: pointer; color: var(--text-sec); border: 1px solid transparent; text-decoration: none; transition: all 0.12s; } .page-tab:hover { color: var(--text); background: var(--bg); } .page-tab.active { color: var(--blue); border-color: var(--blue); background: var(--blue-tint); } .diff-add { background: rgba(16, 185, 129, 0.12); color: var(--green); border-radius: 2px; padding: 0 2px; } .diff-del { background: rgba(239, 68, 68, 0.09); color: var(--red); text-decoration: line-through; border-radius: 2px; padding: 0 2px; } .dept-row { display: flex; align-items: center; padding: 7px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .dept-row:last-child { border-bottom: none; } .dept-name { flex: 1; color: var(--blue); font-weight: 500; font-size: 12px; cursor: pointer; } .dept-name:hover { text-decoration: underline; } .approved-pill { display: inline-flex; align-items: center; gap: 6px; background: rgba(16, 185, 129, 0.09); color: var(--green); border: 1px solid rgba(16, 185, 129, 0.2); border-radius: 20px; font-size: 11.5px; font-weight: 600; padding: 4px 12px; cursor: pointer; margin: 10px 14px 0; } .hint-text { font-size: 12px; color: var(--text-sec); line-height: 1.5; } /* ─── RESPONSIVE: hide text labels below 900px ───────────── */ @media (max-width: 900px) { :root { --pulse-nav-w: var(--pulse-nav-col); } .p-nav-label, .p-nav-section, .p-nav-badge, .p-nav-header-text, .p-nav-collapse-label { display: none; } } html, body { overflow: auto; } .comment { border: 1px solid var(--border); } .multiselect.btn { border: 1px solid var(--border); color: var(--text); border-radius: 6px; } .multiselect-container > li { padding: 5px 6px; } .multiselect-container > li > a { padding: 1px 20px !important; } .checkbox { padding-top: 6px !important; } .multiselect-container.dropdown-menu > li > a { color: var(--text-sec) !important; background-color: var(--white) !important; } .multiselect-container.dropdown-menu > li.active > a { color: var(--white) !important; background: var(--blue) !important; border-radius: 5px !important; } .multiselect-container.dropdown-menu > li:hover > a { color: var(--text); } .multiselect-container.dropdown-menu > li.disabled:hover > a { color: var(--text-hint); } .multiselect-container.dropdown-menu > li.disabled > a { color: var(--text-hint); } .multiselect-container.dropdown-menu > li:not(.disabled):hover > a { background-color: var(--blue-tint); color: var(--text); } .multiselect-container > li > a > label { padding-left: 33px !important; font-size: 14px; line-height: 1.42857143; } .dropdown-menu { border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow-md); } .dropdown-menu > li > a { font-size: 13px; color: var(--text-sec); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--text) !important; background-color: var(--bg) !important; } .dropdown-menu > .divider { background-color: var(--border); } .dropdown-menu > li > a.current-item { color: var(--blue) !important; background: var(--blue-tint) !important; } .ui-dropdownchecklist { border: 1px solid var(--border) !important; border-right: 0 !important; } .ui-dropdownchecklist-hover, .ui-dropdownchecklist-active { box-shadow: var(--shadow-sm); } .ui-dropdownchecklist-text { font-family: Arial, sans-serif !important; font-size: 13px !important; height: auto !important; min-height: 32px !important; line-height: 32px !important; } .ui-dropdownchecklist-selector-wrapper { border: 1px solid var(--border) !important; } .ui-dropdownchecklist-dropcontainer { border: 1px solid var(--border) !important; } .ui-dropdownchecklist-item-hover { background-color: var(--blue-tint) !important; } .ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text { color: var(--text) !important; } .ui-dropdownchecklist-item-disabled label, .ui-state-disabled { color: var(--text-hint) !important; } .ui-dropdownchecklist-group { font-style: normal !important; } select.form-control { font-size: 13px; color: var(--text); border: 1px solid var(--border); border-radius: 6px; } select.form-control:focus, .form-control:focus { border-color: var(--blue) !important; outline: 0; box-shadow: var(--shadow-md) !important; } .select.form-control:hover, .form-control:hover { box-shadow: var(--shadow-sm) !important; } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select { border-radius: var(--radius) !important; border: 1px solid var(--border) !important; } .dataTables_wrapper .dataTables_filter input:hover, .dataTables_wrapper .dataTables_length select:hover { box-shadow: var(--shadow-sm) !important; } .dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus { border-color: var(--blue) !important; outline: none; box-shadow: var(--shadow-md) !important; } .dataTables_wrapper .dataTables_length select option:checked { background-color: var(--blue-tint) !important; color: var(--blue) !important; } .dataTables_wrapper .dataTables_length select option:hover { background-color: var(--bg) !important; color: var(--text) !important; } .navbar-nav > li > .dropdown-menu { border-radius: calc(var(--radius)/2) !important; } .navbar-default .navbar-nav .open .dropdown-menu > li:has(> a.current-item) { background: var(--white); } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: var(--text-sec); background-color: var(--white); } .navbar-default .navbar-nav .open .dropdown-menu > li > a.current-item { color: var(--blue); background-color: var(--blue-tint); } .sidebar-nav .badge-notify { color: var(--white); } .sidebar-tooltip { color: var(--white); } .arrowToggle i.fa:hover { color: var(--white); } /* ─── 8. BUTTONS ─────────────────────────────────────────── */ a { color: var(--blue); text-decoration: none; font-weight: 500; } a:focus, a:hover { color: var(--blue); text-decoration: underline; } .btn { align-items: center; gap: 5px !important; border: none; border-radius: var(--radius-sm); padding: 7px 13px !important; font-size: 12px !important; font-weight: 600 !important; cursor: pointer; font-family: 'Inter', sans-serif; transition: all 0.15s; text-decoration: none; white-space: nowrap; } button.btn.disabled, button.btn[disabled], button.btn:disabled { cursor: not-allowed !important; pointer-events: auto !important; } .btn-rounded { border: none; border-radius: var(--radius-sm); } /* btn-primary */ .btn-primary, .btn-save, .btn-rs, .btn-add-entity, .btn-dialog-ok, .btn-in-widget-white-text, .btn-next, .btn-ok, .btn-ok_A, .btn-register, .btn-rgs, .btn-save-add-note, .btn-save-instruments-order, .btn-save-provisions-order { background: var(--blue); color: #fff; } .btn-primary:focus, .btn-save:focus, .btn-rs:focus, .btn-add-entity:focus, .btn-dialog-ok:focus, .btn-in-widget-white-text:focus, .btn-next:focus, .btn-ok:focus, .btn-ok_A:focus, .btn-register:focus, .btn-rgs:focus, .btn-save-add-note:focus, .btn-save-instruments-order:focus, .btn-save-provisions-order:focus { background: var(--blue); color: #fff; } .btn-primary:hover, .btn-save:hover, .btn-rs:hover, .btn-add-entity:hover, .btn-dialog-ok:hover, .btn-in-widget-white-text:hover, .btn-next:hover, .btn-ok:hover, .btn-ok_A:hover, .btn-register:hover, .btn-rgs:hover, .btn-save-add-note:hover, .btn-save-instruments-order:hover, .btn-save-provisions-order:hover { background: var(--blue-d); color: #fff; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-save.active, .btn-save:active, .open > .dropdown-toggle.btn-save, .btn-rs.active, .btn-rs:active, .open > .dropdown-toggle.btn-rs, .btn-add-entity.active, .btn-add-entity:active, .open > .dropdown-toggle.btn-add-entity, .btn-dialog-ok.active, .btn-dialog-ok:active, .open > .dropdown-toggle.btn-dialog-ok, .btn-in-widget-white-text.active, .btn-in-widget-white-text:active, .open > .dropdown-toggle.btn-in-widget-white-text, .btn-next.active, .btn-next:active, .open > .dropdown-toggle.btn-next, .btn-ok.active, .btn-ok:active, .open > .dropdown-toggle.btn-ok, .btn-ok_A.active, .btn-ok_A:active, .open > .dropdown-toggle.btn-ok_A, .btn-register.active, .btn-register:active, .open > .dropdown-toggle.btn-register, .btn-rgs.active, .btn-rgs:active, .open > .dropdown-toggle.btn-rgs, .btn-save-add-note.active, .btn-save-add-note:active, .open > .dropdown-toggle.btn-save-add-note, .btn-save-instruments-order.active, .btn-save-instruments-order:active, .open > .dropdown-toggle.btn-save-instruments-order, .btn-save-provisions-order.active, .btn-save-provisions-order:active, .open > .dropdown-toggle.btn-save-provisions-order { background: var(--blue-d); color: #fff; } .btn-primary.disabled, .btn-primary[disabled], .btn-primary:disabled, .btn-save.disabled, .btn-save[disabled], .btn-save:disabled, .btn-rs.disabled, .btn-rs[disabled], .btn-rs:disabled, .btn-add-entity.disabled, .btn-add-entity[disabled], .btn-add-entity:disabled, .btn-dialog-ok.disabled, .btn-dialog-ok[disabled], .btn-dialog-ok:disabled, .btn-in-widget-white-text.disabled, .btn-in-widget-white-text[disabled], .btn-in-widget-white-text:disabled, .btn-next.disabled, .btn-next[disabled], .btn-next:disabled, .btn-ok.disabled, .btn-ok[disabled], .btn-ok:disabled, .btn-ok_A.disabled, .btn-ok_A[disabled], .btn-ok_A:disabled, .btn-register.disabled, .btn-register[disabled], .btn-register:disabled, .btn-rgs.disabled, .btn-rgs[disabled], .btn-rgs:disabled, .btn-save-add-note.disabled, .btn-save-add-note[disabled], .btn-save-add-note:disabled, .btn-save-instruments-order.disabled, .btn-save-instruments-order[disabled], .btn-save-instruments-order:disabled, .btn-save-provisions-order.disabled, .btn-save-provisions-order[disabled], .btn-save-provisions-order:disabled { background: var(--blue); color: #fff; } /* btn-secondary */ .btn-default, .btn-info, .btn-analytical-method, .btn-cancel, .btn-cancel2, .btn-cancel3, .btn-cancel-instruments-order, .btn-cancel-provisions-order, .btn-change-instruments-order, .btn-change-provisions-order, .btn-close-video, .btn-dialog-cancel, .btn-disabled, .btn-goToInstrument, .btn-history, .btn-import-description, .btn-inherit, .btn-instrument, .btn-in-widget-black-text, .btn-link-to-compliance, .btn-map, .btn-read, .btn-return, .btn-task { background: var(--white); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .btn-default:focus, .btn-info:focus, .btn-analytical-method:focus, .btn-cancel:focus, .btn-cancel2:focus, .btn-cancel3:focus, .btn-cancel-instruments-order:focus, .btn-cancel-provisions-order:focus, .btn-change-instruments-order:focus, .btn-change-provisions-order:focus, .btn-close-video:focus, .btn-dialog-cancel:focus, .btn-disabled:focus, .btn-goToInstrument:focus, .btn-history:focus, .btn-import-description:focus, .btn-inherit:focus, .btn-instrument:focus, .btn-in-widget-black-text:focus, .btn-link-to-compliance:focus, .btn-map:focus, .btn-read:focus, .btn-return:focus, .btn-task:focus { background: var(--white); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .btn-default:hover, .btn-info:hover, .btn-analytical-method:hover, .btn-cancel:hover, .btn-cancel2:hover, .btn-cancel3:hover, .btn-cancel-instruments-order:hover, .btn-cancel-provisions-order:hover, .btn-change-instruments-order:hover, .btn-change-provisions-order:hover, .btn-close-video:hover, .btn-dialog-cancel:hover, .btn-disabled:hover, .btn-goToInstrument:hover, .btn-history:hover, .btn-import-description:hover, .btn-inherit:hover, .btn-instrument:hover, .btn-in-widget-black-text:hover, .btn-link-to-compliance:hover, .btn-map:hover, .btn-read:hover, .btn-return:hover, .btn-task:hover { background: var(--bg); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-analytical-method.active, .btn-analytical-method:active, .open > .dropdown-toggle.btn-analytical-method, .btn-cancel.active, .btn-cancel:active, .open > .dropdown-toggle.btn-cancel, .btn-cancel2.active, .btn-cancel2:active, .open > .dropdown-toggle.btn-cancel2, .btn-cancel3.active, .btn-cancel3:active, .open > .dropdown-toggle.btn-cancel3, .btn-cancel-instruments-order.active, .btn-cancel-instruments-order:active, .open > .dropdown-toggle.btn-cancel-instruments-order, .btn-cancel-provisions-order.active, .btn-cancel-provisions-order:active, .open > .dropdown-toggle.btn-cancel-provisions-order, .btn-change-instruments-order.active, .btn-change-instruments-order:active, .open > .dropdown-toggle.btn-change-instruments-order, .btn-change-provisions-order.active, .btn-change-provisions-order:active, .open > .dropdown-toggle.btn-change-provisions-order, .btn-close-video.active, .btn-close-video:active, .open > .dropdown-toggle.btn-close-video, .btn-dialog-cancel.active, .btn-dialog-cancel:active, .open > .dropdown-toggle.btn-dialog-cancel, .btn-disabled.active, .btn-disabled:active, .open > .dropdown-toggle.btn-disabled, .btn-goToInstrument.active, .btn-goToInstrument:active, .open > .dropdown-toggle.btn-goToInstrument, .btn-history.active, .btn-history:active, .open > .dropdown-toggle.btn-history, .btn-import-description.active, .btn-import-description:active, .open > .dropdown-toggle.btn-import-description, .btn-inherit.active, .btn-inherit:active, .open > .dropdown-toggle.btn-inherit, .btn-instrument.active, .btn-instrument:active, .open > .dropdown-toggle.btn-instrument, .btn-in-widget-black-text.active, .btn-in-widget-black-text:active, .open > .dropdown-toggle.btn-in-widget-black-text, .btn-link-to-compliance.active, .btn-link-to-compliance:active, .open > .dropdown-toggle.btn-link-to-compliance, .btn-map.active, .btn-map:active, .open > .dropdown-toggle.btn-map, .btn-read.active, .btn-read:active, .open > .dropdown-toggle.btn-read, .btn-return.active, .btn-return:active, .open > .dropdown-toggle.btn-return, .btn-task.active, .btn-task:active, .open > .dropdown-toggle.btn-task { background: var(--bg); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } .btn-default.disabled, .btn-default[disabled], .btn-default:disabled, .btn-info.disabled, .btn-info[disabled], .btn-info:disabled, .btn-analytical-method.disabled, .btn-analytical-method[disabled], .btn-analytical-method:disabled, .btn-cancel.disabled, .btn-cancel[disabled], .btn-cancel:disabled, .btn-cancel2.disabled, .btn-cancel2[disabled], .btn-cancel2:disabled, .btn-cancel3.disabled, .btn-cancel3[disabled], .btn-cancel3:disabled, .btn-cancel-instruments-order.disabled, .btn-cancel-instruments-order[disabled], .btn-cancel-instruments-order:disabled, .btn-cancel-provisions-order.disabled, .btn-cancel-provisions-order[disabled], .btn-cancel-provisions-order:disabled, .btn-change-instruments-order.disabled, .btn-change-instruments-order[disabled], .btn-change-instruments-order:disabled, .btn-change-provisions-order.disabled, .btn-change-provisions-order[disabled], .btn-change-provisions-order:disabled, .btn-close-video.disabled, .btn-close-video[disabled], .btn-close-video:disabled, .btn-dialog-cancel.disabled, .btn-dialog-cancel[disabled], .btn-dialog-cancel:disabled, .btn-disabled.disabled, .btn-disabled[disabled], .btn-disabled:disabled, .btn-goToInstrument.disabled, .btn-goToInstrument[disabled], .btn-goToInstrument:disabled, .btn-history.disabled, .btn-history[disabled], .btn-history:disabled, .btn-import-description.disabled, .btn-import-description[disabled], .btn-import-description:disabled, .btn-inherit.disabled, .btn-inherit[disabled], .btn-inherit:disabled, .btn-instrument.disabled, .btn-instrument[disabled], .btn-instrument:disabled, .btn-in-widget-black-text.disabled, .btn-in-widget-black-text[disabled], .btn-in-widget-black-text:disabled, .btn-link-to-compliance.disabled, .btn-link-to-compliance[disabled], .btn-link-to-compliance:disabled, .btn-map.disabled, .btn-map[disabled], .btn-map:disabled, .btn-read.disabled, .btn-read[disabled], .btn-read:disabled, .btn-return.disabled, .btn-return[disabled], .btn-return:disabled, .btn-task.disabled, .btn-task[disabled], .btn-task:disabled { background: var(--white); color: var(--text); border: 1px solid var(--border); box-shadow: var(--shadow-sm); } /* btn-danger */ .btn-danger, .btn-delete, .btn-reject { background: var(--red); color: #fff; } .btn-danger:focus, .btn-delete:focus, .btn-reject:focus { background: var(--red); color: #fff; } .btn-danger:hover, .btn-delete:hover, .btn-reject:hover { background: #DC2626; color: #fff; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger, .btn-delete.active, .btn-delete:active, .open > .dropdown-toggle.btn-delete, .btn-reject.active, .btn-reject:active, .open > .dropdown-toggle.btn-reject { background: #DC2626; color: #fff; } .btn-danger.disabled, .btn-danger[disabled], .btn-danger:disabled, .btn-delete.disabled, .btn-delete[disabled], .btn-delete:disabled, .btn-reject.disabled, .btn-reject[disabled], .btn-reject:disabled { background: var(--red); color: #fff; } /* btn-amber */ .btn-warning, .btn-notify, .btn-risk { background: #FFFBEB; color: var(--amber-d); border: 1px solid #FDE68A; } .btn-warning:focus, .btn-notify:focus, .btn-risk:focus { background: #FFFBEB; color: var(--amber-d); border: 1px solid #FDE68A; } .btn-warning:hover, .btn-notify:hover, .btn-risk:hover { background: #FEF3C7; color: var(--amber-d); border: 1px solid #FDE68A; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning, .btn-notify.active, .btn-notify:active, .open > .dropdown-toggle.btn-notify, .btn-risk.active, .btn-risk:active, .open > .dropdown-toggle.btn-risk { background: #FEF3C7; color: var(--amber-d); border: 1px solid #FDE68A; } .btn-warning.disabled, .btn-warning[disabled], .btn-warning:disabled, .btn-notify.disabled, .btn-notify[disabled], .btn-notify:disabled, .btn-risk.disabled, .btn-risk[disabled], .btn-risk:disabled { background: #FFFBEB; color: var(--amber-d); border: 1px solid #FDE68A; } /* btn-ghost */ .btn-link, .btn-collapse, .btn-hide-all-children, .btn-in-widget, .btn-show-all-children, .btn-title { background: none; color: var(--text-sec); border: 1px solid var(--border); } .btn-link:focus, .btn-collapse:focus, .btn-hide-all-children:focus, .btn-in-widget:focus, .btn-show-all-children:focus, .btn-title:focus { background: none; color: var(--text-sec); border: 1px solid var(--border); } .btn-link:hover, .btn-collapse:hover, .btn-hide-all-children:hover, .btn-in-widget:hover, .btn-show-all-children:hover, .btn-title:hover { background: var(--bg); color: var(--text); border: 1px solid var(--border); } .btn-link.active, .btn-link:active, .open > .dropdown-toggle.btn-link, .btn-collapse.active, .btn-collapse:active, .open > .dropdown-toggle.btn-collapse, .btn-hide-all-children.active, .btn-hide-all-children:active, .open > .dropdown-toggle.btn-hide-all-children, .btn-in-widget.active, .btn-in-widget:active, .open > .dropdown-toggle.btn-in-widget, .btn-show-all-children.active, .btn-show-all-children:active, .open > .dropdown-toggle.btn-show-all-children, .btn-title.active, .btn-title:active, .open > .dropdown-toggle.btn-title { background: var(--bg); color: var(--text); border: 1px solid var(--border); } .btn-link.disabled, .btn-link[disabled], .btn-link:disabled, .btn-collapse.disabled, .btn-collapse[disabled], .btn-collapse:disabled, .btn-hide-all-children.disabled, .btn-hide-all-children[disabled], .btn-hide-all-children:disabled, .btn-in-widget.disabled, .btn-in-widget[disabled], .btn-in-widget:disabled, .btn-show-all-children.disabled, .btn-show-all-children[disabled], .btn-show-all-children:disabled, .btn-title.disabled, .btn-title[disabled], .btn-title:disabled { background: none; color: var(--text-sec); border: 1px solid var(--border); } /* btn-green */ .btn-success { background: var(--green); color: #fff; } .btn-success:focus { background: var(--green); color: #fff; } .btn-success:hover { background: #059669; color: #fff; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background: #059669; color: #fff; } .btn-success.disabled, .btn-success[disabled], .btn-success:disabled { background: var(--green); color: #fff; }