/* Minification failed. Returning unminified contents.
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,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 '-'
(44,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 '-'
(54,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 '-'
(72,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(73,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size'
(75,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(86,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(91,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(108,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(113,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xl'
(120,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-nav-bg'
(144,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xl'
(156,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(157,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(164,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(176,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(177,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(186,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(192,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(205,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(216,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(227,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(238,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(239,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(240,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(242,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(250,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(251,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(260,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(265,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(279,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(285,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(287,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(292,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(293,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(309,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(319,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(347,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(353,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(360,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(361,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(368,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(376,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(397,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(408,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(409,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(433,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(438,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-nav-bg'
(466,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(488,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(494,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(505,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(506,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(515,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(521,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(571,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(572,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(573,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(582,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(588,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(632,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(636,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(637,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(638,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(639,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(640,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(657,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(663,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(665,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(672,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(673,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(679,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(689,18): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(690,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(700,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(702,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(712,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-2xl'
(714,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(727,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(731,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(732,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(739,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(743,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(756,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(763,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(764,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(765,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-sm'
(770,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(774,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(776,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(777,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(789,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(798,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(811,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(812,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(814,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(824,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(841,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(842,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(843,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(847,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(848,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(853,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(869,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(884,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(894,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(895,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(896,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(897,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(898,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(899,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(905,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(910,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(911,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(921,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(925,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(927,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(934,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(935,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(941,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(953,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(967,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(972,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(977,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(982,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-warning'
(987,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1000,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1007,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1016,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1017,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(1018,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-sm'
(1028,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1029,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(1031,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1035,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1036,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1049,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1054,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1058,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1059,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1060,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1061,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1071,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(1088,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1094,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1095,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size'
(1104,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1105,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1115,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1121,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1122,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1130,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1131,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xl'
(1132,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1133,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1139,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1140,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1152,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-2xl'
(1152,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1157,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1158,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1163,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1164,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1165,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1182,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1183,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1184,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(1185,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1187,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(1188,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1188,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1197,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1197,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1198,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1202,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1203,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(1224,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1225,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1226,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1227,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1228,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1229,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1236,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1237,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1243,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(1244,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1245,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1249,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1267,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1275,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1277,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1286,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1291,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1292,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1316,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1317,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(1318,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(1337,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1337,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1342,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(1344,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1354,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1357,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1365,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1370,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1382,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1383,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1383,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1383,57): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1389,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1389,40): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1398,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1408,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1409,18): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1421,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1423,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1424,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1425,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1426,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1433,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1434,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1438,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1439,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1447,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1455,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1456,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1463,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1464,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1468,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(1477,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1478,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(1479,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1480,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1492,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size'
(1494,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1498,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1499,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1510,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1511,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(1518,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xl'
(1523,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1526,55): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1527,56): run-time error CSS1039: Token not allowed after unary operator: '-v2-warning'
(1528,56): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(1529,53): run-time error CSS1039: Token not allowed after unary operator: '-v2-info'
(1532,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size'
(1533,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1549,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1550,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1551,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1552,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1553,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1554,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1560,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1565,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1566,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1571,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1573,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1574,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(1579,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1580,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1581,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1582,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1583,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1584,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1593,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1594,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1600,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1601,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1602,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(1603,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1613,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1617,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1618,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1625,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1626,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1630,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1631,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1635,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1636,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1641,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1645,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(1649,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1659,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1663,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1667,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1668,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1678,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1679,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1685,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(1692,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(1700,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1701,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1703,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1710,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1727,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1732,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1746,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(1747,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1751,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1756,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1762,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1767,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1778,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1779,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1780,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1781,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1783,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1792,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(1797,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1802,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(1813,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1813,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1814,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1815,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(1816,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-sm'
(1824,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1825,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1827,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1834,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(1838,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(1839,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1845,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1849,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1853,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1857,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1861,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1867,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1876,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1885,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(1886,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1887,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(1907,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1908,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(1909,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(1910,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1917,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1918,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(1922,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(1924,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1934,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1938,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(1940,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(1946,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(1951,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(1952,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1964,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(1967,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(1974,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(1998,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2016,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2029,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2030,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2031,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2032,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2044,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2050,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2051,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2052,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2053,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2054,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2063,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2068,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2070,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2079,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2080,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2081,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2082,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(2083,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2084,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2090,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2097,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2106,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2109,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2110,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2112,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(2118,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(2119,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2123,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2124,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(2125,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2136,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2137,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2137,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2139,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2140,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2150,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2151,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2159,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2160,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2164,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2165,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2170,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2175,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2177,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2186,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2187,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2188,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2189,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(2190,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2191,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2197,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2218,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(2223,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(2227,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(2231,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(2253,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2254,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2260,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2263,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2270,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(2290,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2295,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2299,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2300,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2304,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(2317,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2318,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2319,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2328,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2337,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2342,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2343,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2365,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2366,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2366,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2367,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2381,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2382,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2387,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2399,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2401,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2407,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2412,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2413,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(2433,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2442,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(2453,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(2461,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2462,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2488,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(2489,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2490,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2491,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2499,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2500,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2508,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(2510,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2511,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2512,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(2513,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(2527,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2527,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2527,57): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2528,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2531,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2536,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2536,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2536,57): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2548,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2557,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2567,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2578,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2589,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2599,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2601,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2611,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2615,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2616,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2632,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2633,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2647,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2649,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2657,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2662,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2663,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2667,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2668,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2672,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2676,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2684,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2685,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2693,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2698,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(2699,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(2700,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-sm'
(2714,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2714,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2718,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2720,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(2726,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2726,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2726,57): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2736,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2743,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2751,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2758,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(2759,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2763,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(2764,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2771,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2772,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2773,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2774,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(2783,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(2785,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2790,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2791,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2798,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2822,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2823,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2827,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xl'
(2829,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2833,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2834,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2847,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2853,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2854,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2879,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(2880,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2881,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-info'
(2882,34): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(2883,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2884,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2893,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(2895,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(2896,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(2906,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(2907,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(2912,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2929,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-2xl'
(2929,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2934,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(2935,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2940,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(2942,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2943,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(2960,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2966,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2967,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(2967,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(2968,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card'
(2969,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2970,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(2972,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(2977,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border-hover'
(2977,47): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(2979,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3015,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3021,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3022,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3029,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3062,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3063,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3064,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card'
(3065,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3066,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(3072,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3082,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3083,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3091,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3100,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3104,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3114,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3119,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3125,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3136,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3138,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3152,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3153,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(3154,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-2xl'
(3162,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3168,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3175,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3176,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3181,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(3189,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3193,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3195,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3204,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3205,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3212,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3226,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3230,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3231,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3247,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3248,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(3249,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3265,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3266,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3267,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(3268,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(3269,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3270,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3271,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3272,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3278,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3279,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3284,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(3288,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(3293,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3301,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3302,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3303,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3304,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(3305,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(3306,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3316,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3317,16): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3322,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3323,16): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3328,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3329,16): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3333,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size'
(3335,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3339,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3348,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3349,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3355,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3356,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3357,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3365,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3370,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3374,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3382,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3388,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3389,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3393,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3397,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3401,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3405,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3413,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3414,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3418,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3419,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3425,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3426,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3431,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3434,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3435,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3442,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3448,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(3453,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3454,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3455,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3459,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3464,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3465,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3466,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(3467,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3468,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3477,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3478,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3482,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3483,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3487,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3488,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3492,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3494,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3502,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3503,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3504,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3505,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3511,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3512,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3518,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3519,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3523,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3524,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3528,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3529,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3533,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3542,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3546,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3547,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3551,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3555,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(3556,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3557,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3562,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3563,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3566,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3570,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3571,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3572,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(3576,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3589,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3591,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3600,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3605,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3606,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3610,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3611,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3627,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3628,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3636,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3637,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3638,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3639,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3641,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3642,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3649,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(3650,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3651,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(3665,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3686,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3691,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3693,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(3694,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(3748,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(3749,34): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(3750,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(3751,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(3752,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3753,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(3758,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3759,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3760,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3761,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3762,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3763,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(3764,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3765,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3799,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3802,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3810,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3811,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(3811,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(3812,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(3813,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(3895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3935,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(3948,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3953,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(3954,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(3994,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(3999,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(4003,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4004,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4008,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4021,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4022,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4023,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(4027,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4028,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4032,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(4038,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4043,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(4048,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(4058,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4080,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4081,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4086,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(4090,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4091,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4092,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4097,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4101,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4102,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4103,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4107,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4108,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4112,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(4113,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4114,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4119,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4120,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4121,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4125,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(4143,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4151,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4155,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4156,34): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4198,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4199,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4213,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4215,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4216,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4260,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4265,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4282,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4297,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-nav-bg'
(4298,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(4299,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4300,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-md'
(4348,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4357,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xl'
(4394,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4400,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(4442,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4478,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4483,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4494,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4500,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4505,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(4512,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4518,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(4530,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-xs'
(4564,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(4589,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4594,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(4599,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4603,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4640,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(4656,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4659,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4665,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4671,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(4685,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4686,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4687,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4688,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4692,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4693,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4698,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(4699,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4700,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4701,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4714,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4719,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4725,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4738,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4739,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4740,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4741,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4751,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4752,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4756,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(4757,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(4763,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4771,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4776,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4778,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4779,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4790,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4806,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4810,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(4811,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4812,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4813,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(4824,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4836,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(4841,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4860,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4861,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4869,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4887,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4899,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4923,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(4924,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4925,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(4936,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4959,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(4960,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(4970,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(4980,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(4982,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(4993,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger-rgb'
(4994,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(5014,34): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5016,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(5050,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5088,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5089,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5115,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5136,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(5145,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5149,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5150,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5151,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5152,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5161,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5165,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5166,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5218,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5219,39): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5228,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5249,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5250,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5255,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5256,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5257,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5265,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5266,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5271,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(5272,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5276,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5277,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(5284,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5285,37): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5289,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5292,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5293,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(5301,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5307,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(5311,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(5312,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5313,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5317,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5321,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5322,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5326,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5349,52): run-time error CSS1030: Expected identifier, found '.'
(5349,73): run-time error CSS1031: Expected selector, found ')'
(5349,73): run-time error CSS1025: Expected comma or open brace, found ')'
(5354,109): run-time error CSS1030: Expected identifier, found '.'
(5354,130): run-time error CSS1031: Expected selector, found ')'
(5354,130): run-time error CSS1025: Expected comma or open brace, found ')'
(5359,129): run-time error CSS1030: Expected identifier, found '.'
(5359,150): run-time error CSS1031: Expected selector, found ')'
(5359,150): run-time error CSS1025: Expected comma or open brace, found ')'
(5369,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5374,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5379,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5384,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-warning'
(5395,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5404,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5405,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5410,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5411,18): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5419,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5420,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5467,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(5468,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5469,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5470,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5472,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5477,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5490,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5491,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5493,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5495,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5506,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5514,44): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5514,63): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5515,53): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5524,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5535,46): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5542,46): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5552,46): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5569,46): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5585,44): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5585,63): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5586,53): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5591,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5599,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5599,38): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5600,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5601,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5602,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(5608,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5611,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(5611,45): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(5612,31): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5618,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5624,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5628,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(5630,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5634,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(5635,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5644,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5650,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5660,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5662,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(5662,49): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(5681,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5695,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5701,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5702,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5703,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5706,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5716,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5735,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5736,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5737,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5751,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5753,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5760,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(5761,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5774,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5779,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5788,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(5796,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(5803,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5822,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5828,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5840,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5850,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(5872,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5875,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5876,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5884,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5885,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5900,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5902,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5906,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-danger'
(5919,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5926,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5928,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5929,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5935,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5940,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(5941,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(5951,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(5952,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5961,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5974,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(5975,33): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5981,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(5989,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(5990,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(5991,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(5992,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(5993,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(5998,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(5999,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(6003,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6008,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6011,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6017,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6018,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6037,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(6048,36): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6049,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(6059,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(6066,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6067,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6075,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6093,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6105,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-success'
(6136,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6137,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6144,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(6149,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6150,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6158,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(6159,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6161,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6162,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6170,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6171,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6173,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6175,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6176,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6181,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6194,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6196,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6214,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(6244,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6261,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6266,19): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6281,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(6281,42): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-md'
(6282,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6283,29): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6287,26): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-sm'
(6311,15): run-time error CSS1039: Token not allowed after unary operator: '-v2-space-lg'
(6331,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6349,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6360,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6361,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6362,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(6363,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(6379,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6380,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6387,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(6389,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6391,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6395,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(6396,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6406,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6407,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-divider'
(6410,16): run-time error CSS1039: Token not allowed after unary operator: '-v2-help-arrow-left'
(6459,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6466,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(6493,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6494,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6495,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(6496,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-shadow-lg'
(6524,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6532,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(6534,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6538,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6551,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6559,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-sm'
(6565,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6594,27): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary-rgb'
(6598,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6604,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-lg'
(6606,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6611,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6612,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6621,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(6622,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6629,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6636,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(6637,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6642,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6662,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6682,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6710,35): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6715,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-secondary'
(6716,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(6733,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
(6734,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius-lg'
(6746,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6755,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-xs'
(6756,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6782,32): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6788,28): run-time error CSS1039: Token not allowed after unary operator: '-v2-border'
(6789,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(6791,23): run-time error CSS1039: Token not allowed after unary operator: '-v2-font'
(6792,21): run-time error CSS1039: Token not allowed after unary operator: '-v2-font-size-sm'
(6793,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text'
(6794,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-card-bg'
(6804,24): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6808,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6814,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(6817,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-text-muted'
(6828,17): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6832,30): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6844,25): run-time error CSS1039: Token not allowed after unary operator: '-v2-radius'
(6846,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-primary'
(6872,22): run-time error CSS1039: Token not allowed after unary operator: '-v2-bg'
 */
/* =============================================
   V2 Theme — Qflow Control Panel
   Standalone styles, no framework dependency.
   Enterprise accent via --v2-primary.
   ============================================= */

/* ----- Reset & Variables ----- */

:root {
    /* Primary — Qflow blue (light mode). Overridden per-enterprise in _Layout.v2.cshtml */
    --v2-primary: #3bb5e5;
    --v2-primary-rgb: 59, 181, 229;

    /* Surfaces */
    --v2-bg: #f6f9fc;
    --v2-card-bg: #ffffff;
    --v2-nav-bg: #ffffff;

    /* Borders & Dividers */
    --v2-border: #d1d1d1;
    --v2-divider: #dfe2e4;

    /* Text */
    --v2-text: #181d33;
    --v2-text-secondary: #636d7f;
    --v2-text-muted: #808a99;

    /* Shadows */
    --v2-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.084);
    --v2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.084);
    --v2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.105);

    /* Radii */
    --v2-radius-sm: 6px;
    --v2-radius: 8px;
    --v2-radius-lg: 12px;

    /* Spacing scale */
    --v2-space-xs: 4px;
    --v2-space-sm: 8px;
    --v2-space-md: 16px;
    --v2-space-lg: 24px;
    --v2-space-xl: 32px;
    --v2-space-2xl: 48px;

    /* Typography */
    --v2-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --v2-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    --v2-font-size-xs: 11px;
    --v2-font-size-sm: 13px;
    --v2-font-size: 14px;
    --v2-font-size-lg: 16px;
    --v2-font-size-xl: 20px;
    --v2-font-size-2xl: 24px;

    /* Status colours */
    --v2-success: #30b362;
    --v2-warning: #f5a623;
    --v2-danger: #e25950;
    --v2-info: #4299e1;
}


/* ----- Base ----- */

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--v2-font);
    font-size: var(--v2-font-size);
    line-height: 1.5;
    color: var(--v2-text);
    background-color: var(--v2-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
    outline: none;
}

a {
    color: var(--v2-primary);
    text-decoration: none;
}

a:hover {
    color: var(--v2-primary);
    opacity: 0.85;
}


/* ----- Layout ----- */

.v2-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.v2-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--v2-space-lg);
}

.v2-body {
    flex: 1;
    padding: var(--v2-space-xl) 0;
}


/* ----- Top Navbar ----- */

.v2-navbar {
    background: var(--v2-nav-bg);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    height: 56px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
}

[data-theme="dark"] .v2-navbar {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.v2-navbar .v2-container {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Brand */
.v2-brand {
    display: flex;
    align-items: center;
    margin-right: var(--v2-space-xl);
    text-decoration: none;
    flex-shrink: 0;
}

.v2-brand img {
    height: 36px;
}

.v2-brand-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--v2-text);
    margin-left: var(--v2-space-sm);
}

/* Nav links */
.v2-nav {
    display: flex;
    align-items: center;
    gap: var(--v2-space-xs);
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.v2-nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text-secondary);
    text-decoration: none;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.v2-nav-link:hover {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.04);
    opacity: 1;
}

.v2-nav-link.active {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.06);
}

.v2-nav-link i {
    font-size: 16px;
    opacity: 0.7;
}

/* Right-side nav items */
.v2-nav-right {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    margin-left: auto;
}

/* Icon button (dark mode, toggle) */
.v2-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--v2-radius-sm);
    border: none;
    background: none;
    color: var(--v2-text-muted);
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    font-size: 18px;
}

.v2-icon-btn:hover {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.04);
    opacity: 1;
}

/* Small text button */
.v2-text-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: var(--v2-card-bg);
    color: var(--v2-text-secondary);
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
}

.v2-text-btn:hover {
    color: var(--v2-text);
    border-color: var(--v2-text-muted);
    opacity: 1;
}

/* User avatar */
.v2-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--v2-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--v2-font-size-xs);
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.v2-avatar:hover {
    opacity: 0.85;
}

/* User dropdown trigger */
.v2-user-trigger {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    text-decoration: none;
    cursor: pointer;
}

.v2-user-name {
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
    line-height: 1.2;
}

.v2-user-email {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    line-height: 1.2;
}

/* Mobile hamburger */
.v2-hamburger {
    display: none;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: none;
    color: var(--v2-text-secondary);
    cursor: pointer;
    font-size: 20px;
    margin-right: var(--v2-space-sm);
}


/* ----- Public pages (Terms, Privacy, GDPR, InviteTerms — anonymous-accessible) ----- */

.v2-public-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--v2-bg);
}

.v2-public-header {
    padding: 24px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: center;
}

[data-theme="dark"] .v2-public-header {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

.v2-public-brand img {
    height: 40px;
    display: block;
}

.v2-public-main {
    flex: 1;
    padding: 48px 0 80px;
}

.v2-public-container {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    padding: 0 var(--v2-space-lg);
}

.v2-public-article h1 {
    font-size: 32px;
    font-weight: 600;
    color: var(--v2-text);
    margin: 0 0 8px;
    letter-spacing: -0.01em;
}

.v2-public-article .v2-public-updated {
    display: block;
    color: var(--v2-text-muted);
    font-size: var(--v2-font-size-sm);
    margin-bottom: 40px;
}

.v2-public-article h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--v2-text);
    margin: 32px 0 12px;
    letter-spacing: 0.01em;
}

.v2-public-article p {
    font-size: 15px;
    line-height: 1.65;
    color: var(--v2-text);
    margin: 0 0 14px;
}

.v2-public-article strong {
    font-weight: 600;
}

.v2-public-article ol,
.v2-public-article ul {
    margin: 0 0 14px;
    padding-left: 24px;
}

.v2-public-article li {
    font-size: 15px;
    line-height: 1.65;
    margin-bottom: 6px;
}

.v2-public-article a {
    color: var(--v2-primary);
    text-decoration: none;
}

.v2-public-article a:hover {
    text-decoration: underline;
}

.v2-public-footer {
    padding: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    color: var(--v2-text-muted);
    font-size: var(--v2-font-size-sm);
}

[data-theme="dark"] .v2-public-footer {
    border-top-color: rgba(255, 255, 255, 0.06);
}

.v2-public-footer .v2-public-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.v2-public-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.v2-public-footer-links a {
    color: var(--v2-text-muted);
    text-decoration: none;
}

.v2-public-footer-links a:hover {
    color: var(--v2-text);
}


/* ----- Sidebar (desktop primary navigation) ----- */

.v2-sidebar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 240px;
    background: var(--v2-nav-bg);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
    z-index: 1001;
    flex-direction: column;
}

[data-theme="dark"] .v2-sidebar {
    border-right-color: rgba(255, 255, 255, 0.06);
}

.v2-sidebar-header {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 var(--v2-space-lg);
    flex-shrink: 0;
}

.v2-sidebar-brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.v2-sidebar-brand img {
    height: 32px;
    max-width: 100%;
    object-fit: contain;
}

.v2-sidebar-nav {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: var(--v2-space-md) 0;
}

.v2-sidebar-list {
    list-style: none;
    margin: 0;
    padding: 0 var(--v2-space-sm);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.v2-sidebar-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text-secondary);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
    white-space: nowrap;
}

.v2-sidebar-link:hover {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.04);
    opacity: 1;
}

.v2-sidebar-link.active {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.06);
}

.v2-sidebar-link i {
    font-size: 18px;
    opacity: 0.75;
    flex-shrink: 0;
}

.v2-sidebar-link.active i {
    opacity: 1;
}

.v2-sidebar-link-accent {
    background: rgba(180, 77, 224, 0.1);
    color: #b44de0;
}

.v2-sidebar-link-accent:hover {
    background: rgba(180, 77, 224, 0.16);
    color: #b44de0;
}

.v2-sidebar-link-accent i {
    opacity: 1;
}

/* Group with URL-driven sub-nav (visible only when on the section) */
.v2-sidebar-group {
    display: flex;
    flex-direction: column;
}

.v2-sidebar-sublist {
    list-style: none;
    margin: 2px 0 4px 0;
    padding: 0 0 0 28px;
    display: none;
    flex-direction: column;
    gap: 1px;
}

.v2-sidebar-group.v2-sidebar-expanded .v2-sidebar-sublist {
    display: flex;
}

.v2-sidebar-sublink {
    display: block;
    padding: 6px 10px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 0.15s ease, color 0.15s ease;
}

.v2-sidebar-sublink:hover {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.04);
    opacity: 1;
}

.v2-sidebar-sublink.active {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.06);
    font-weight: 500;
}

/* Desktop: reveal sidebar, hide top horizontal nav + navbar brand, shift page content */
@media (min-width: 769px) {
    .v2-sidebar {
        display: flex;
    }

    .v2-page {
        padding-left: 240px;
    }

    .v2-navbar > .v2-container > .v2-nav,
    .v2-navbar > .v2-container > .v2-brand {
        display: none;
    }
}

/* Dark mode */
[data-theme="dark"] .v2-sidebar-link:hover,
[data-theme="dark"] .v2-sidebar-sublink:hover {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-sidebar-link.active,
[data-theme="dark"] .v2-sidebar-sublink.active {
    background: rgba(255, 255, 255, 0.08);
}


/* ----- Dropdown ----- */

.v2-dropdown {
    position: relative;
}

.v2-dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: var(--v2-space-xs);
    min-width: 200px;
    max-width: calc(100vw - 32px);
    white-space: nowrap;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-md);
    padding: var(--v2-space-xs) 0;
    z-index: 1050;
}

.v2-dropdown.open .v2-dropdown-menu {
    display: block;
    animation: v2-dropdown-in 0.12s ease;
}
@keyframes v2-dropdown-in {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.v2-dropdown-menu.v2-dropdown-flip {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--v2-space-xs);
}

.v2-dropdown-item {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    padding: 8px 14px;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    text-decoration: none;
    transition: background 0.1s ease;
}

.v2-dropdown-item:hover {
    background: var(--v2-bg);
    color: var(--v2-text);
    opacity: 1;
}

.v2-dropdown-item i {
    font-size: 16px;
    color: var(--v2-text-muted);
}

.v2-dropdown-disabled {
    opacity: 0.4;
    cursor: default;
}

.v2-dropdown-divider {
    height: 1px;
    margin: var(--v2-space-xs) 0;
    background: var(--v2-divider);
}


/* ----- Page Header ----- */

.v2-page-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: var(--v2-space-lg);
    flex-wrap: wrap;
    gap: var(--v2-space-md);
}

.v2-page-header-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.v2-page-title {
    font-size: var(--v2-font-size-2xl);
    font-weight: 600;
    color: var(--v2-text);
    margin: 0;
    line-height: 1.2;
}

.v2-page-title-lg {
    font-size: 32px;
    letter-spacing: -0.01em;
}

.v2-page-stats {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
}

.v2-stat {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
}

.v2-stat-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--v2-text-muted);
}

.v2-stat-live {
    color: var(--v2-primary);
    font-weight: 500;
}

.v2-stat-live i {
    font-size: 10px;
    vertical-align: middle;
    animation: v2-pulse 2s infinite;
}

.v2-page-actions {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
}


/* ----- Cards ----- */

.v2-card {
    background: var(--v2-card-bg);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-sm);
    overflow: hidden;
}

.v2-card-body {
    padding: var(--v2-space-lg);
}

.v2-card-title {
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
    margin: 0 0 var(--v2-space-xs) 0;
}

/* Clickable card */
.v2-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.v2-card-link:hover {
    box-shadow: var(--v2-shadow-md);
    transform: translateY(-1px);
    opacity: 1;
}

/* Card grid */
.v2-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--v2-space-md);
}


/* ----- Buttons ----- */

.v2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 36px;
    padding: 0 16px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    font-family: var(--v2-font);
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    line-height: 1;
    box-sizing: border-box;
}

.v2-btn-primary {
    background: var(--v2-primary);
    color: #fff;
}

.v2-btn-primary:hover {
    opacity: 0.9;
    color: #fff;
}

.v2-btn-primary:disabled,
.v2-btn-primary.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.v2-btn-outline {
    background: var(--v2-card-bg);
    color: var(--v2-text);
    border: 1px solid var(--v2-border);
}

.v2-btn-outline:hover {
    border-color: var(--v2-text-muted);
    color: var(--v2-text);
    opacity: 1;
}

.v2-btn-danger {
    background: var(--v2-danger);
    color: #fff;
}

.v2-btn-danger:hover {
    opacity: 0.9;
    color: #fff;
}

.v2-btn-danger:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.v2-btn-sm {
    padding: 5px 10px;
    font-size: var(--v2-font-size-xs);
}


/* ----- Search Input ----- */

.v2-search {
    position: relative;
}

.v2-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--v2-text-muted);
    font-size: 14px;
    pointer-events: none;
}

.v2-search input {
    width: 100%;
    max-width: 280px;
    height: 36px;
    padding: 0 12px 0 34px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-card-bg);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.v2-search input::placeholder {
    color: var(--v2-text-muted);
}

.v2-search input:focus {
    outline: none;
    border-color: var(--v2-primary);
    box-shadow: 0 0 0 3px rgba(var(--v2-primary-rgb), 0.1);
}


/* ----- Section Headers ----- */

.v2-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--v2-space-md);
}

.v2-section-title {
    font-size: var(--v2-font-size-sm);
    font-weight: 600;
    color: var(--v2-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.v2-section-action {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
    text-decoration: none;
    cursor: pointer;
}

.v2-section-action:hover {
    color: var(--v2-text-secondary);
    opacity: 1;
}


/* ----- Badges ----- */

.v2-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    line-height: 1.4;
}

.v2-badge-lg {
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 12px;
    gap: 4px;
}

.v2-badge-live {
    background: rgba(48, 179, 98, 0.1);
    color: var(--v2-success);
}

.v2-badge-past {
    background: #f0f2f5;
    color: var(--v2-text-muted);
}

.v2-badge-success {
    background: rgba(48, 179, 98, 0.1);
    color: var(--v2-success);
}

.v2-badge-warning {
    background: rgba(245, 166, 35, 0.1);
    color: var(--v2-warning);
}

.v2-badge-danger {
    background: rgba(226, 89, 80, 0.1);
    color: var(--v2-danger);
}

@keyframes v2-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}


/* ----- Progress Bar ----- */

.v2-progress {
    height: 4px;
    background: var(--v2-divider);
    border-radius: 2px;
    overflow: hidden;
}

.v2-progress-bar {
    height: 100%;
    background: var(--v2-primary);
    border-radius: 2px;
    transition: width 0.3s ease;
}


/* ----- Tables ----- */

.v2-table-card {
    background: var(--v2-card-bg);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-sm);
    overflow: hidden;
}

.v2-table {
    width: 100%;
    border-collapse: collapse;
}

.v2-table thead th {
    padding: 10px var(--v2-space-lg);
    font-size: var(--v2-font-size-xs);
    font-weight: 600;
    color: var(--v2-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-align: left;
    border-bottom: 1px solid var(--v2-divider);
    background: var(--v2-card-bg);
    cursor: default;
    user-select: none;
}

/* Sortable column headers */
.v2-table thead th.sorting,
.v2-table thead th.sorting_asc,
.v2-table thead th.sorting_desc {
    cursor: pointer;
}

.v2-table thead th.sorting:hover {
    color: var(--v2-text-secondary);
}

.v2-table thead th.sorting_asc,
.v2-table thead th.sorting_desc {
    color: var(--v2-text);
}

.v2-table tbody td {
    padding: 14px var(--v2-space-lg);
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    border-bottom: 1px solid var(--v2-divider);
    vertical-align: middle;
}

.v2-table tbody tr {
    cursor: pointer;
    transition: background 0.1s ease;
}

.v2-table tbody tr:hover {
    background: var(--v2-bg);
}

.v2-table tbody tr:last-child td {
    border-bottom: none;
}

/* Row states — applied via JS in event_index_v2.js */
.v2-table tbody tr.v2-row-inactive {
    background: #fff5f5;
}

.v2-table tbody tr.v2-row-inactive:hover {
    background: #ffecec;
}

.v2-table tbody tr.v2-row-membership {
    border-left: 3px solid var(--v2-primary);
}

/* Cell content styles — rendered by event_index_v2.js */
.v2-event-title {
    font-weight: 500;
    color: var(--v2-text);
    font-size: var(--v2-font-size);
}

/* Mobile meta — hidden on desktop, shown on mobile under title */
.v2-event-mobile-meta {
    display: none;
}

.v2-badge-membership {
    background: rgba(var(--v2-primary-rgb), 0.08);
    color: var(--v2-primary);
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 10px;
    font-weight: 500;
    margin-left: 8px;
    vertical-align: middle;
}

.v2-admittance-text {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    font-variant-numeric: tabular-nums;
}

.v2-time-text {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
}

/* Loading spinner */
.v2-table-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--v2-space-sm);
    padding: var(--v2-space-xl);
    color: var(--v2-text-secondary);
    font-size: var(--v2-font-size-sm);
}

.v2-spinner {
    width: 16px;
    height: 16px;
    border: 2px solid var(--v2-border);
    border-top-color: var(--v2-primary);
    border-radius: 50%;
    animation: v2-spin 0.6s linear infinite;
}

@keyframes v2-spin {
    to { transform: rotate(360deg); }
}

/* Empty state */
.v2-table-empty {
    text-align: center;
    padding: var(--v2-space-2xl) var(--v2-space-lg);
}

.v2-table-empty i {
    font-size: 32px;
    color: var(--v2-text-muted);
    margin-bottom: var(--v2-space-sm);
    display: block;
}

.v2-table-empty p {
    color: var(--v2-text-secondary);
    font-size: var(--v2-font-size-sm);
    margin: 0 0 var(--v2-space-md) 0;
}

/* DataTables overrides — processing overlay */
.dataTables_wrapper {
    position: relative;
    min-height: 120px;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    margin: 0 !important;
    background: var(--v2-card-bg) !important;
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius) !important;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-secondary);
    box-shadow: var(--v2-shadow-md) !important;
    padding: var(--v2-space-sm) var(--v2-space-lg) !important;
    z-index: 10;
}

/* DataTables — table footer (info + pagination) */
.v2-table-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v2-space-md) var(--v2-space-lg);
    border-top: 1px solid var(--v2-divider);
}

.dataTables_wrapper .dataTables_info {
    color: var(--v2-text-muted);
    font-size: var(--v2-font-size-xs);
    padding: 0;
    margin: 0;
}

/* Pagination buttons */
.dataTables_wrapper .dataTables_paginate {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: var(--v2-radius-sm) !important;
    border: 1px solid var(--v2-border) !important;
    background: var(--v2-card-bg) !important;
    color: var(--v2-text) !important;
    font-size: var(--v2-font-size-sm) !important;
    font-family: var(--v2-font) !important;
    cursor: pointer;
    transition: all 0.1s ease;
    box-sizing: border-box;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--v2-primary) !important;
    border-color: var(--v2-primary) !important;
    color: #fff !important;
    font-weight: 500;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
    background: var(--v2-bg) !important;
    border-color: var(--v2-text-muted) !important;
    color: var(--v2-text) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: var(--v2-text-muted) !important;
    opacity: 0.4;
    cursor: default;
}

/* Hide DataTables' own length/filter (we use our own search) */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    display: none;
}


/* ----- Tabs ----- */

.v2-tabs {
    display: flex;
    gap: 0;
    border-bottom: none;
    margin-bottom: var(--v2-space-lg);
    list-style: none;
    padding: 0;
    margin-top: 0;
}

.v2-tab {
    padding: 10px 16px;
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text-muted);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.v2-tab:hover {
    color: var(--v2-text);
    opacity: 1;
}

.v2-tab.active {
    color: var(--v2-text);
    border-bottom-color: var(--v2-primary);
}


/* ----- Modal ----- */

/* Overlay — covers the viewport */
.v2-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1100;
    justify-content: center;
    align-items: flex-start;
    padding-top: 10vh;
}

.v2-modal-overlay.open {
    display: flex;
}

/* Modal container */
.v2-modal {
    background: var(--v2-card-bg);
    border-radius: var(--v2-radius-lg);
    box-shadow: var(--v2-shadow-lg);
    width: 100%;
    max-width: 480px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    animation: v2-modal-in 0.2s ease;
}

@keyframes v2-modal-in {
    from { opacity: 0; transform: translateY(-8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

/* Header — fixed at top */
.v2-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v2-space-lg) var(--v2-space-lg) 0;
    flex-shrink: 0;
}

.v2-modal-title {
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
    margin: 0;
}

.v2-modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--v2-radius-sm);
    border: none;
    background: none;
    color: var(--v2-text-muted);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.1s ease;
}

.v2-modal-close:hover {
    background: rgba(0, 0, 0, 0.05);
    color: var(--v2-text);
}

/* Body — scrollable when content overflows */
.v2-modal-body {
    padding: var(--v2-space-lg);
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

/* Footer — always visible at bottom */
.v2-modal-footer {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--v2-space-sm);
    padding: var(--v2-space-md) var(--v2-space-lg) var(--v2-space-lg);
    flex-wrap: wrap;
}

/* Full-width submit button variant */
.v2-modal-footer-full {
    padding: 0 var(--v2-space-lg) var(--v2-space-lg);
}

.v2-modal-footer-full .v2-btn {
    width: 100%;
}

/* Section spacing inside modal body */
.v2-modal-section {
    margin-bottom: var(--v2-space-md);
}

.v2-modal-section:last-child {
    margin-bottom: 0;
}

/* Divider inside modal */
.v2-modal-divider {
    height: 1px;
    background: var(--v2-divider);
    margin: var(--v2-space-md) 0;
}

/* Pill button row (e.g. Today / Tomorrow / Pick a date) */
.v2-pill-row {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.v2-pill {
    padding: 6px 14px;
    border: 1px solid var(--v2-border);
    border-radius: 20px;
    background: var(--v2-card-bg);
    color: var(--v2-text-secondary);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.v2-pill:hover {
    border-color: var(--v2-primary);
    color: var(--v2-primary);
}

.v2-pill.active {
    background: var(--v2-primary);
    border-color: var(--v2-primary);
    color: #fff;
}

/* Inline field row (e.g. Start time [select] to End time [select]) */
.v2-field-row {
    display: flex;
    align-items: flex-end;
    gap: var(--v2-space-md);
}

.v2-field-row > * {
    flex: 1;
}

.v2-field-sep {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
    flex: none;
    padding-bottom: 10px;
}

/* Toggle link (e.g. "More settings" / "Less settings") */
.v2-toggle-link {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-primary);
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    margin-top: var(--v2-space-xs);
}

.v2-toggle-link:hover {
    opacity: 0.8;
}

/* Expandable settings panel */
.v2-expandable {
    padding: var(--v2-space-md);
    background: var(--v2-bg);
    border-radius: var(--v2-radius-sm);
    margin-top: var(--v2-space-sm);
}

/* Date display row (selected date + change link) */
.v2-date-display {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.v2-date-text {
    font-size: var(--v2-font-size);
    font-weight: 500;
    color: var(--v2-text);
}

.v2-date-change {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-primary);
    text-decoration: none;
    cursor: pointer;
}

.v2-date-change:hover {
    opacity: 0.8;
}

/* Validation message */
.v2-validation {
    color: var(--v2-danger);
    font-size: var(--v2-font-size-xs);
    margin-top: 6px;
}

/* Confirm modal variant — centered content */
.v2-modal-confirm .v2-modal-body {
    text-align: center;
    padding-top: var(--v2-space-xl);
}

.v2-modal-confirm .v2-modal-icon {
    font-size: 40px;
    margin-bottom: var(--v2-space-md);
}

.v2-modal-confirm .v2-modal-icon.danger { color: var(--v2-danger); }
.v2-modal-confirm .v2-modal-icon.warning { color: var(--v2-warning); }
.v2-modal-confirm .v2-modal-icon.success { color: var(--v2-success); }
.v2-modal-confirm .v2-modal-icon.info { color: var(--v2-info); }

.v2-modal-confirm .v2-modal-message {
    font-size: var(--v2-font-size);
    color: var(--v2-text-secondary);
    margin: 0;
    line-height: 1.5;
}

/* Size variants */
.v2-modal-sm { max-width: 420px; }
.v2-modal-lg { max-width: 640px; }


/* ----- Form Controls ----- */

.v2-input {
    padding: 7px 12px;
    min-height: 36px;
    box-sizing: border-box;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-card-bg);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}


.v2-input::placeholder {
    color: var(--v2-text-muted);
}

.v2-input:focus {
    outline: none;
    border-color: var(--v2-primary);
    box-shadow: 0 0 0 3px rgba(var(--v2-primary-rgb), 0.1);
}

.v2-label {
    display: block;
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
    margin-bottom: var(--v2-space-xs);
}

.v2-select {
    padding: 7px 32px 7px 12px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-card-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23697386' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.v2-select:focus {
    outline: none;
    border-color: var(--v2-primary);
    box-shadow: 0 0 0 2px rgba(var(--v2-primary-rgb), 0.15);
}


/* Flatpickr time picker V2 styling */
.v2-flatpickr.noCalendar {
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius-sm) !important;
    box-shadow: var(--v2-shadow-md) !important;
    background: var(--v2-card-bg) !important;
    padding: 8px !important;
}

.v2-flatpickr.noCalendar .flatpickr-time {
    border: none !important;
    max-height: none !important;
}

.v2-flatpickr .flatpickr-time {
    border-top: 1px solid var(--v2-divider);
}

.v2-flatpickr .flatpickr-time input {
    color: var(--v2-text) !important;
    font-family: var(--v2-font) !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    background: transparent !important;
}

.v2-flatpickr .flatpickr-time input:focus {
    background: rgba(var(--v2-primary-rgb), 0.08) !important;
    border-radius: var(--v2-radius-sm);
}

.v2-flatpickr .flatpickr-time input::selection {
    background: rgba(var(--v2-primary-rgb), 0.2);
    color: var(--v2-text);
}

.v2-flatpickr .flatpickr-time .flatpickr-am-pm {
    color: var(--v2-text) !important;
    font-family: var(--v2-font) !important;
    font-weight: 500 !important;
}

.v2-flatpickr .flatpickr-time .numInputWrapper {
    border-radius: var(--v2-radius-sm);
}

.v2-flatpickr .flatpickr-time .numInputWrapper:hover {
    background: rgba(var(--v2-primary-rgb), 0.05);
}

.v2-flatpickr .flatpickr-time .flatpickr-time-separator {
    color: var(--v2-text-muted);
    font-size: 18px;
    font-weight: 500;
}

.v2-flatpickr .flatpickr-time .numInputWrapper span {
    border: none !important;
}

.v2-flatpickr .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--v2-text-muted) !important;
}

.v2-flatpickr .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: var(--v2-text-muted) !important;
}

.v2-flatpickr .flatpickr-time .numInputWrapper span:hover:after {
    border-bottom-color: var(--v2-primary) !important;
    border-top-color: var(--v2-primary) !important;
}


/* ----- Toolbar ----- */

.v2-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 var(--v2-space-sm) 0;
    border-bottom: 1px solid var(--v2-divider);
}

.v2-toolbar-left {
    display: flex;
    align-items: center;
    gap: var(--v2-space-xs);
    flex-wrap: wrap;
}

.v2-toolbar-right {
    display: flex;
    align-items: center;
    gap: var(--v2-space-xs);
}

.v2-toolbar-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text-secondary);
    text-decoration: none;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.v2-toolbar-link:hover {
    color: var(--v2-text);
    background: rgba(0, 0, 0, 0.03);
    opacity: 1;
}

.v2-toolbar-link i {
    font-size: 16px;
}

/* Dropdown — right-aligned variant */
.v2-dropdown-menu-right {
    right: 0;
    left: auto;
}

/* Dropdown — danger item */
.v2-dropdown-item-danger {
    color: var(--v2-danger);
    background: rgba(226, 89, 80, 0.04);
}

.v2-dropdown-item-danger i {
    color: var(--v2-danger);
}

.v2-dropdown-item-danger:hover {
    background: rgba(226, 89, 80, 0.1);
}


/* ----- Breadcrumb ----- */

.v2-breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: var(--v2-space-lg);
    font-size: var(--v2-font-size-sm);
}

.v2-breadcrumb-link {
    color: var(--v2-text-muted);
    text-decoration: none;
}

.v2-breadcrumb-link:hover {
    color: var(--v2-primary);
    opacity: 1;
}

.v2-breadcrumb-sep {
    font-size: 12px;
    color: var(--v2-text-muted);
    opacity: 0.5;
}

.v2-breadcrumb-current {
    color: var(--v2-text);
    font-weight: 500;
}


/* ----- Banners ----- */

.v2-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--v2-space-sm);
    padding: 10px var(--v2-space-md);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    margin-bottom: var(--v2-space-md);
}

.v2-banner i {
    font-size: 16px;
}

.v2-banner-muted {
    background: #f0f2f5;
    color: var(--v2-text-secondary);
}

.v2-banner-danger {
    background: #fef2f2;
    color: var(--v2-danger);
}

.v2-banner-success {
    background: #f0fdf4;
    color: var(--v2-success);
}


/* ----- Action Bar ----- */

.v2-action-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: var(--v2-space-sm) var(--v2-space-md);
    background: var(--v2-card-bg);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-sm);
}

.v2-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
    text-decoration: none;
    transition: all 0.15s ease;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: none;
    font-family: var(--v2-font);
}

.v2-action-btn:hover {
    background: var(--v2-bg);
    color: var(--v2-text);
    opacity: 1;
}

.v2-action-btn i {
    font-size: 18px;
    color: var(--v2-text-muted);
}

.v2-action-btn:hover i {
    color: var(--v2-primary);
}

.v2-action-btn-muted {
    color: var(--v2-text-muted);
}

.v2-action-btn-danger {
    color: var(--v2-danger);
}

.v2-action-btn-danger i {
    color: var(--v2-danger);
    opacity: 0.6;
}

.v2-action-btn-danger:hover {
    background: #fef2f2;
    color: var(--v2-danger);
}

.v2-action-btn-danger:hover i {
    opacity: 1;
}

.v2-action-spacer {
    flex: 1;
    min-width: var(--v2-space-md);
}


/* ----- Tallies ----- */

.v2-tally-row {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    padding: var(--v2-space-sm) 0;
    border-bottom: 1px solid var(--v2-divider);
}

.v2-tally-row:last-child {
    border-bottom: none;
}

.v2-tally-controls {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.v2-tally-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: var(--v2-card-bg);
    color: var(--v2-text);
    font-size: 14px;
    cursor: pointer;
    transition: all 0.1s ease;
}

.v2-tally-btn:hover {
    border-color: var(--v2-primary);
    color: var(--v2-primary);
}

.v2-tally-count {
    font-size: var(--v2-font-size-lg);
    font-weight: 700;
    color: var(--v2-text);
    min-width: 36px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.v2-tally-info {
    flex: 1;
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
}

.v2-tally-name {
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
}

.v2-tally-actions {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    flex-shrink: 0;
}

.v2-tally-include-label {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    min-width: 60px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.v2-tally-delete {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--v2-radius-sm);
    border: none;
    background: none;
    color: var(--v2-text-muted);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.1s ease;
}

.v2-tally-delete:hover {
    color: var(--v2-danger);
    background: rgba(226, 89, 80, 0.06);
}


/* ----- Toggle Switch ----- */

.v2-switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
}

.v2-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.v2-switch-slider {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--v2-border);
    transition: 0.2s;
    border-radius: 22px;
}

.v2-switch-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background: #fff;
    transition: 0.2s;
    border-radius: 50%;
}

.v2-switch input:checked + .v2-switch-slider {
    background: var(--v2-primary);
}

.v2-switch input:checked + .v2-switch-slider:before {
    transform: translateX(18px);
}


/* ----- Capacity Monitoring Info ----- */

.v2-cm-info {
    display: flex;
    align-items: flex-start;
    gap: var(--v2-space-sm);
    padding: var(--v2-space-md);
    background: var(--v2-bg);
    border-radius: var(--v2-radius-sm);
}

.v2-cm-info p {
    margin: 0;
    line-height: 1.5;
}

/* In-modal toast spacing */
#v2CapacityModal .v2-toast,
#v2ArrivalAlertsModal .v2-toast,
#v2RsvpModal .v2-toast {
    margin-bottom: var(--v2-space-sm);
}

/* Notification recipient card */
.v2-cm-recipient {
    position: relative;
    padding: var(--v2-space-md);
    background: var(--v2-bg);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    margin-bottom: var(--v2-space-sm);
}

.v2-cm-recipient:last-child {
    margin-bottom: 0;
}

/* Primary field — phone or email, full width */
.v2-cm-primary {
    margin-bottom: var(--v2-space-sm);
}

.v2-cm-primary label {
    display: block;
    font-size: var(--v2-font-size-xs);
    font-weight: 600;
    color: var(--v2-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.v2-cm-primary input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-card-bg);
    box-sizing: border-box;
}

.v2-cm-primary input:focus {
    outline: none;
    border-color: var(--v2-primary);
}

/* Channel selector — pill-style tabs */
.v2-cm-channels {
    display: flex;
    gap: 6px;
    margin-bottom: var(--v2-space-sm);
    padding-right: 36px;
}

.v2-cm-ch-pill {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border: 1px solid var(--v2-border);
    border-radius: 20px;
    background: none;
    color: var(--v2-text-muted);
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    font-family: var(--v2-font);
    cursor: pointer;
    transition: all 0.15s;
}

.v2-cm-ch-pill:hover {
    border-color: var(--v2-text-secondary);
    color: var(--v2-text);
}

.v2-cm-ch-pill.active {
    border-color: var(--v2-primary);
    background: rgba(var(--v2-primary-rgb), 0.08);
    color: var(--v2-primary);
}

.v2-cm-ch-pill i {
    font-size: 14px;
}

/* WhatsApp opt-in row */
.v2-cm-whatsapp-row {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    padding: var(--v2-space-sm) var(--v2-space-md);
    background: rgba(37, 211, 102, 0.06);
    border-radius: var(--v2-radius-sm);
    margin-bottom: var(--v2-space-sm);
}

.v2-cm-whatsapp-row i {
    color: #25d366;
    font-size: 18px;
    flex-shrink: 0;
}

.v2-cm-whatsapp-row span {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    flex: 1;
}

/* Also email toggle row */
.v2-cm-also-row {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    margin-top: var(--v2-space-sm);
}

.v2-cm-also-row span {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
}

/* Email field (shown when also-email or email channel) */
.v2-cm-email-row {
    margin-top: var(--v2-space-sm);
}

.v2-cm-email-row label {
    display: block;
    font-size: var(--v2-font-size-xs);
    font-weight: 600;
    color: var(--v2-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.v2-cm-email-row input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    color: var(--v2-text);
    background: var(--v2-card-bg);
    box-sizing: border-box;
}

.v2-cm-email-row input:focus {
    outline: none;
    border-color: var(--v2-primary);
}

/* Phone validation — wrapper + icon */
.v2-cm-phone-inner {
    position: relative;
}

.v2-cm-phone-icon {
    display: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    pointer-events: none;
    z-index: 2;
}

.v2-cm-phone-icon.valid {
    display: block;
    color: var(--v2-success);
}

.v2-cm-phone-icon.invalid {
    display: block;
    color: var(--v2-danger);
}

.v2-cm-primary input[type="tel"].valid {
    border-color: var(--v2-success);
}

.v2-cm-primary input[type="tel"].invalid {
    border-color: var(--v2-danger);
}

/* intl-tel-input inside recipient cards */
.v2-cm-phone-inner .iti {
    width: 100% !important;
    display: block !important;
}

.v2-cm-phone-inner .iti input[type="tel"] {
    width: 100% !important;
    padding-left: 52px !important;
}

/* Override intl-tel-input dropdown z-index for modal */
.iti__country-list {
    z-index: 1000001;
}

/* Remove button */
.v2-cm-remove {
    position: absolute;
    top: var(--v2-space-sm);
    right: var(--v2-space-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--v2-radius-sm);
    border: none;
    background: none;
    color: var(--v2-text-muted);
    font-size: 16px;
    cursor: pointer;
    transition: all 0.1s;
}

.v2-cm-remove:hover {
    color: var(--v2-danger);
    background: rgba(226, 89, 80, 0.06);
}

/* Responsive */
@media (max-width: 600px) {
    .v2-cm-channels {
        flex-wrap: wrap;
    }
}

/* Banner warning variant */
.v2-banner-warning {
    background: #fffbeb;
    color: #92400e;
}

/* Dark mode — recipient cards */
[data-theme="dark"] .v2-cm-recipient {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--v2-border);
}

[data-theme="dark"] .v2-cm-primary input,
[data-theme="dark"] .v2-cm-email-row input {
    background: var(--v2-card-bg);
}

[data-theme="dark"] .v2-cm-ch-pill {
    border-color: var(--v2-border);
    color: var(--v2-text-muted);
}

[data-theme="dark"] .v2-cm-ch-pill.active {
    background: rgba(var(--v2-primary-rgb), 0.12);
}

[data-theme="dark"] .v2-cm-whatsapp-row {
    background: rgba(37, 211, 102, 0.08);
}

[data-theme="dark"] .v2-cm-remove:hover {
    background: rgba(226, 89, 80, 0.15);
}

/* Dark mode — intl-tel-input */
[data-theme="dark"] .iti__country-list {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
    color: var(--v2-text);
}

[data-theme="dark"] .iti__country-list .iti__country:hover,
[data-theme="dark"] .iti__country-list .iti__country.iti__highlight {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .iti__country-list .iti__divider {
    border-color: var(--v2-border);
}

[data-theme="dark"] .iti__selected-flag:hover,
[data-theme="dark"] .iti__selected-flag:focus {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .iti__country-list .iti__dial-code {
    color: var(--v2-text-muted);
}

/* Dark mode — tallies, switch, capacity */
[data-theme="dark"] .v2-tally-btn {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}

[data-theme="dark"] .v2-tally-delete:hover {
    background: rgba(226, 89, 80, 0.1);
}

[data-theme="dark"] .v2-cm-info {
    background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .v2-banner-warning {
    background: #1c1307;
    color: #fbbf24;
}


/* ----- Devices ----- */

.v2-device-row {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    padding: var(--v2-space-md) var(--v2-space-lg);
    border-bottom: 1px solid var(--v2-divider);
}

.v2-device-row:last-child {
    border-bottom: none;
}

.v2-device-row.v2-device-stale {
    opacity: 0.6;
}

.v2-device-icon {
    width: 36px;
    height: 36px;
    border-radius: var(--v2-radius-sm);
    background: var(--v2-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--v2-primary);
    flex-shrink: 0;
}

.v2-device-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.v2-device-name {
    font-size: var(--v2-font-size-sm);
    font-weight: 600;
    color: var(--v2-text);
}

.v2-device-meta {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    flex-shrink: 0;
}

.v2-device-tag {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-secondary);
    padding: 2px 8px;
    background: #edf0f4;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 500;
}

.v2-device-tag i {
    font-size: 12px;
    vertical-align: -1px;
}

/* Clickable device rows */
.v2-device-clickable {
    cursor: pointer;
    transition: background 0.1s ease;
}

.v2-device-clickable:hover {
    background: var(--v2-bg);
}

[data-theme="dark"] .v2-device-icon {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-device-tag {
    background: rgba(255, 255, 255, 0.08);
    color: var(--v2-text-secondary);
}

[data-theme="dark"] .v2-device-clickable:hover {
    background: rgba(255, 255, 255, 0.03);
}

/* Device detail — info grid */
.v2-device-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--v2-space-xs);
}

.v2-device-detail-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 6px 8px;
    background: var(--v2-bg);
    border-radius: var(--v2-radius-sm);
}

[data-theme="dark"] .v2-device-detail-item {
    background: rgba(255, 255, 255, 0.04);
}

@media (max-width: 768px) {
    .v2-device-detail-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* ----- Tree Dropdown ----- */

.v2-tree-dropdown {
    position: relative;
    flex-shrink: 0;
}

.v2-tree-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-border);
    background: var(--v2-card-bg);
    color: var(--v2-text-muted);
    font-size: 18px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.v2-tree-toggle:hover,
.v2-tree-toggle.active {
    border-color: var(--v2-primary);
    color: var(--v2-primary);
}

.v2-tree-panel {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: var(--v2-space-xs);
    width: 320px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-lg);
    z-index: 1050;
    max-height: 400px;
    overflow-y: auto;
}

.v2-tree-panel.open {
    display: block;
}

.v2-tree-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v2-space-md) var(--v2-space-md) var(--v2-space-sm);
    border-bottom: 1px solid var(--v2-divider);
    position: sticky;
    top: 0;
    background: var(--v2-card-bg);
    z-index: 1;
}

.v2-tree-container {
    padding: var(--v2-space-sm) var(--v2-space-md) var(--v2-space-md);
}

/* Tree items */
.v2-tree-item {
    position: relative;
    padding: 2px 0;
}

.v2-tree-children {
    margin-left: 20px;
    padding-left: 14px;
    border-left: 1px solid var(--v2-divider);
}

.v2-tree-children > .v2-tree-item::before {
    content: '';
    position: absolute;
    top: 12px;
    left: -14px;
    width: 10px;
    border-top: 1px solid var(--v2-divider);
}

.v2-tree-children > .v2-tree-item:last-child::after {
    content: '';
    position: absolute;
    top: 12px;
    left: -15px;
    bottom: 0;
    width: 1px;
    background: var(--v2-card-bg);
}

/* Toggle arrow */
.v2-tree-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: var(--v2-text-muted);
    cursor: pointer;
    border-radius: 3px;
    user-select: none;
    float: left;
    margin-right: 2px;
    transition: background 0.1s ease;
}

.v2-tree-arrow:hover {
    background: rgba(0, 0, 0, 0.04);
    color: var(--v2-text);
}

/* Checkbox */
.v2-tree-cb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid var(--v2-border);
    border-radius: 3px;
    background: var(--v2-card-bg);
    cursor: pointer;
    float: left;
    margin: 2px 6px 0 0;
    position: relative;
    transition: border-color 0.1s, background-color 0.1s;
    flex-shrink: 0;
}

.v2-tree-cb:hover {
    border-color: var(--v2-text-muted);
}

.v2-tree-cb:checked {
    background-color: var(--v2-primary);
    border-color: var(--v2-primary);
}

.v2-tree-cb:checked::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.v2-tree-cb:indeterminate {
    background-color: var(--v2-primary);
    border-color: var(--v2-primary);
}

.v2-tree-cb:indeterminate::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 2px;
    width: 8px;
    border-top: 2px solid #fff;
}

/* Labels */
.v2-tree-item > label {
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
    cursor: pointer;
    line-height: 22px;
    display: block;
    overflow: hidden;
}

.v2-tree-item > label:hover {
    color: var(--v2-primary);
}

/* Dark mode — tree */
[data-theme="dark"] .v2-tree-toggle {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}

[data-theme="dark"] .v2-tree-panel {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}

[data-theme="dark"] .v2-tree-panel-header {
    background: var(--v2-card-bg);
}

[data-theme="dark"] .v2-tree-children > .v2-tree-item:last-child::after {
    background: var(--v2-card-bg);
}

[data-theme="dark"] .v2-tree-arrow:hover {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-tree-cb {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}


/* ----- Stat Cards ----- */

.v2-stats-row {
    display: flex;
    gap: var(--v2-space-md);
    overflow: visible;
}

.v2-stat-card {
    background: var(--v2-card-bg);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-sm);
    overflow: visible;
    display: flex;
    flex-direction: column;
    position: relative;
}

.v2-stat-card-sm { flex: 1; min-width: 0; }
.v2-stat-card-lg { flex: 2; min-width: 0; }

.v2-stat-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v2-space-md) var(--v2-space-lg) 0;
}

.v2-stat-card-title {
    font-size: var(--v2-font-size-sm);
    font-weight: 600;
    color: var(--v2-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v2-stat-card-body {
    padding: var(--v2-space-md) var(--v2-space-lg) var(--v2-space-lg);
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: visible;
    min-height: 180px;
}

.v2-stat-refresh {
    color: var(--v2-text-muted);
    font-size: 16px;
    text-decoration: none;
    transition: color 0.15s ease;
}

.v2-stat-refresh:hover {
    color: var(--v2-primary);
    opacity: 1;
}

/* Big number display */
.v2-stat-big {
    font-size: 36px;
    font-weight: 700;
    color: var(--v2-text);
    line-height: 1;
    margin-bottom: 4px;
    font-variant-numeric: tabular-nums;
}

.v2-stat-label {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
}

.v2-stat-checkin {
    font-size: var(--v2-font-size-lg);
    color: var(--v2-text-muted);
    font-weight: 400;
    margin-top: 2px;
}

.v2-stat-sub {
    display: flex;
    gap: var(--v2-space-lg);
    margin-top: var(--v2-space-md);
    padding-top: var(--v2-space-md);
    border-top: 1px solid var(--v2-divider);
}

.v2-stat-sub-item {
    display: flex;
    flex-direction: column;
}

.v2-stat-sub-value {
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
    font-variant-numeric: tabular-nums;
}

.v2-stat-sub-label {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
}

/* Pie chart container */
.v2-stat-pie-wrap {
    display: flex;
    align-items: center;
    gap: var(--v2-space-lg);
}

.v2-stat-pie-chart {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.v2-stat-pie-info {
    flex: 1;
}

/* Line chart container */
.v2-stat-line-chart {
    width: 100%;
    flex: 1;
    min-height: 120px;
}

/* Avg stat in activity card */
.v2-stat-avg {
    display: flex;
    align-items: baseline;
    gap: var(--v2-space-sm);
    margin-top: var(--v2-space-sm);
}

.v2-stat-avg-value {
    font-size: var(--v2-font-size-xl);
    font-weight: 700;
    color: var(--v2-text);
}

.v2-stat-avg-label {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
}

@media (max-width: 768px) {
    .v2-stats-row {
        flex-direction: column;
    }
}


/* ----- Guest List ----- */

.v2-guest-list {
    margin-bottom: var(--v2-space-lg);
}

.v2-guest-list-toolbar {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    margin-bottom: var(--v2-space-md);
    flex-wrap: wrap;
}

.v2-guest-list-toolbar .v2-search {
    flex: 1;
    min-width: 200px;
}

.v2-guest-list-toolbar .v2-search input {
    width: 100%;
}

.v2-guest-list-filters {
    flex: 0 1 320px;
    max-width: 100%;
}

/* Status icons in the first column */
.v2-status-icon {
    font-size: 15px;
    margin-right: 4px;
    vertical-align: middle;
}

.v2-status-in { color: var(--v2-success); }
.v2-status-out { color: var(--v2-text-muted); opacity: 0.6; }
.v2-status-rsvp { color: var(--v2-info); }
.v2-status-blocked { color: var(--v2-danger); }
.v2-status-extra { color: var(--v2-text-muted); opacity: 0.5; font-size: 13px; }
.v2-status-merch { color: var(--v2-text-muted); opacity: 0.5; font-size: 13px; }

/* Tag pills in the details column */
.v2-tag-pill {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    background: rgba(var(--v2-primary-rgb), 0.08);
    color: var(--v2-primary);
    margin: 1px 2px;
    white-space: nowrap;
}

.v2-tag-pill i {
    font-size: 12px;
}

.v2-tag-pill-muted {
    background: var(--v2-bg);
    color: var(--v2-text-secondary);
}

/* Row states */
.v2-table tbody tr.v2-row-not-admitted {
    color: var(--v2-text-muted);
}

.v2-table tbody tr.v2-row-blocked {
    opacity: 0.5;
}

/* Stats container (loaded via AJAX) */
.v2-stats-container {
    min-height: 40px;
}


/* ----- Empty State ----- */

.v2-empty-state {
    text-align: center;
    padding: var(--v2-space-2xl) var(--v2-space-lg);
}

.v2-empty-state > i {
    font-size: 40px;
    color: var(--v2-text-muted);
    margin-bottom: var(--v2-space-md);
    display: block;
}

.v2-empty-state h3 {
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
    margin: 0 0 var(--v2-space-sm) 0;
}

.v2-empty-state p {
    margin: 0;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}


/* ----- Feature Discovery Cards ----- */

.v2-feature-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--v2-space-md);
}

.v2-feature-card {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    padding: var(--v2-space-md) var(--v2-space-lg);
    background: var(--v2-card);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    text-decoration: none;
    color: var(--v2-text);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.v2-feature-card:hover {
    border-color: var(--v2-border-hover, var(--v2-border));
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    color: var(--v2-text);
    opacity: 1;
}

.v2-feature-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
}

.v2-feature-card--violet .v2-feature-card-icon {
    background: rgba(139, 92, 246, 0.1);
    color: #8b5cf6;
}

.v2-feature-card--green .v2-feature-card-icon {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.v2-feature-card--amber .v2-feature-card-icon {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.v2-feature-card-body {
    flex: 1;
    min-width: 0;
}

.v2-feature-card-body h4 {
    font-size: var(--v2-font-size-sm);
    font-weight: 600;
    margin: 0 0 2px;
}

.v2-feature-card-body p {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    margin: 0;
    line-height: 1.4;
}

.v2-feature-card-arrow {
    font-size: 16px;
    color: var(--v2-text-muted);
    flex-shrink: 0;
    opacity: 0.4;
    transition: opacity 0.15s;
}

.v2-feature-card:hover .v2-feature-card-arrow {
    opacity: 0.8;
}

[data-theme="dark"] .v2-feature-card--violet .v2-feature-card-icon {
    background: rgba(139, 92, 246, 0.15);
}

[data-theme="dark"] .v2-feature-card--green .v2-feature-card-icon {
    background: rgba(16, 185, 129, 0.15);
}

[data-theme="dark"] .v2-feature-card--amber .v2-feature-card-icon {
    background: rgba(245, 158, 11, 0.15);
}

@media (max-width: 768px) {
    .v2-feature-cards {
        grid-template-columns: 1fr;
    }
}

/* ----- Next Steps Bar ----- */

.v2-next-steps {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    padding: 10px var(--v2-space-lg);
    background: var(--v2-card);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
}

.v2-next-steps-items {
    display: flex;
    align-items: center;
    gap: var(--v2-space-lg);
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

.v2-next-steps-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    text-decoration: none;
    white-space: nowrap;
    transition: opacity 0.15s;
}

.v2-next-steps-item:hover {
    opacity: 0.7;
    color: var(--v2-text);
}

.v2-next-steps-item i:first-child {
    font-size: 16px;
    flex-shrink: 0;
}

.v2-next-steps-sep {
    font-size: var(--v2-font-size-xs);
}

.v2-next-steps-dismiss {
    color: var(--v2-text-muted);
    opacity: 0.4;
    transition: opacity 0.15s;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
}

.v2-next-steps-dismiss:hover {
    opacity: 0.8;
    color: var(--v2-text-muted);
}

@media (max-width: 768px) {
    .v2-next-steps {
        padding: 10px var(--v2-space-md);
    }

    .v2-next-steps-items {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--v2-space-sm);
    }

    .v2-next-steps-sep {
        display: none;
    }
}

/* ----- Alert Banner ----- */

.v2-alert {
    padding: 10px var(--v2-space-md);
    text-align: center;
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
}

.v2-alert-warning {
    background: #fffbeb;
    color: #92400e;
    border-bottom: 1px solid #fde68a;
}


/* ----- Footer ----- */

.v2-footer {
    padding: var(--v2-space-lg) 0;
    border-top: 1px solid var(--v2-divider);
    margin-top: var(--v2-space-2xl);
}

.v2-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--v2-space-md);
}

.v2-footer-links {
    display: flex;
    align-items: center;
    gap: var(--v2-space-md);
    list-style: none;
    margin: 0;
    padding: 0;
}

.v2-footer-links a {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    text-decoration: none;
}

.v2-footer-links a:hover {
    color: var(--v2-text-secondary);
    opacity: 1;
}

/* App links in footer */
.v2-footer-apps {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
}

.v2-footer-apps-label {
    font-size: var(--v2-font-size-sm);
    font-weight: 600;
    color: var(--v2-text);
}

.v2-footer-apps a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--v2-radius-sm);
    color: var(--v2-text);
    font-size: 22px;
    transition: all 0.15s ease;
    text-decoration: none;
}

.v2-footer-apps a:hover {
    color: var(--v2-primary);
    opacity: 1;
}

[data-theme="dark"] .v2-footer-apps-label {
    color: #fff;
    font-weight: 700;
}

[data-theme="dark"] .v2-footer-apps a {
    color: #fff;
}

[data-theme="dark"] .v2-footer-apps a:hover {
    color: var(--v2-primary);
}

.v2-footer-copy {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
}


/* ----- Dark mode image invert (reusable utility) ----- */

[data-theme="dark"] .v2-dark-invert {
    filter: brightness(0) invert(1);
}


/* ----- Barcode Frame ----- */

.v2-barcode-frame {
    display: inline-block;
    background: #ffffff;
    padding: var(--v2-space-md);
    border-radius: var(--v2-radius);
    border: 1px solid var(--v2-border);
    margin: 0 auto;
}

/* Force white background even in dark mode */
[data-theme="dark"] .v2-barcode-frame {
    background: #ffffff;
    border-color: #e3e8ee;
}


/* ----- Growl Notifications ----- */

.growl-notice,
.growl-error {
    z-index: 9999;
    font-family: var(--v2-font) !important;
    font-size: var(--v2-font-size-sm) !important;
    border-radius: var(--v2-radius) !important;
    box-shadow: var(--v2-shadow-lg) !important;
    background: var(--v2-card-bg) !important;
    border: 1px solid var(--v2-border) !important;
    color: var(--v2-text) !important;
    padding: var(--v2-space-md) !important;
}

.growl-notice .growl-title,
.growl-error .growl-title {
    font-weight: 600 !important;
    font-size: var(--v2-font-size-sm) !important;
    color: var(--v2-text) !important;
}

.growl-notice .growl-message,
.growl-error .growl-message {
    color: var(--v2-text-secondary) !important;
}

.growl-error {
    border-left: 3px solid var(--v2-danger) !important;
}

.growl-notice .growl-close,
.growl-error .growl-close {
    color: var(--v2-text-muted) !important;
}


/* ----- Flatpickr overrides ----- */

/* Container — match V2 card style */
.v2-flatpickr {
    font-family: var(--v2-font) !important;
    background: var(--v2-card-bg) !important;
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius) !important;
    box-shadow: var(--v2-shadow-md) !important;
    font-size: var(--v2-font-size-sm) !important;
    z-index: 1100 !important;
}

/* Month navigation */
.v2-flatpickr .flatpickr-months {
    padding: 4px 0;
}

.v2-flatpickr .flatpickr-months .flatpickr-month {
    color: var(--v2-text) !important;
    fill: var(--v2-text) !important;
}

.v2-flatpickr .flatpickr-months .flatpickr-prev-month,
.v2-flatpickr .flatpickr-months .flatpickr-next-month {
    color: var(--v2-text-muted) !important;
    fill: var(--v2-text-muted) !important;
}

.v2-flatpickr .flatpickr-months .flatpickr-prev-month:hover,
.v2-flatpickr .flatpickr-months .flatpickr-next-month:hover {
    color: var(--v2-text) !important;
    fill: var(--v2-text) !important;
}

.v2-flatpickr .flatpickr-current-month {
    font-size: var(--v2-font-size) !important;
    font-weight: 600 !important;
    color: var(--v2-text) !important;
}

.v2-flatpickr .flatpickr-current-month .numInputWrapper {
    color: var(--v2-text) !important;
}

/* Weekday headers */
.v2-flatpickr .flatpickr-weekdays {
    background: transparent !important;
}

.v2-flatpickr span.flatpickr-weekday {
    color: var(--v2-text-muted) !important;
    font-size: var(--v2-font-size-xs) !important;
    font-weight: 600 !important;
}

/* Day cells */
.v2-flatpickr .flatpickr-day {
    color: var(--v2-text) !important;
    border-radius: var(--v2-radius-sm) !important;
    font-size: var(--v2-font-size-sm) !important;
    border: none !important;
    max-width: 36px;
    height: 36px;
    line-height: 36px;
}

.v2-flatpickr .flatpickr-day:hover {
    background: rgba(var(--v2-primary-rgb), 0.08) !important;
    border: none !important;
}

.v2-flatpickr .flatpickr-day.today {
    border: 1px solid var(--v2-primary) !important;
}

.v2-flatpickr .flatpickr-day.selected {
    background: var(--v2-primary) !important;
    color: #fff !important;
    border: none !important;
}

.v2-flatpickr .flatpickr-day.flatpickr-disabled,
.v2-flatpickr .flatpickr-day.prevMonthDay,
.v2-flatpickr .flatpickr-day.nextMonthDay {
    color: var(--v2-text-muted) !important;
    opacity: 0.4;
}

/* Dark mode — flatpickr */
[data-theme="dark"] .v2-flatpickr {
    background: var(--v2-card-bg) !important;
    border-color: var(--v2-border) !important;
}

[data-theme="dark"] .v2-flatpickr .flatpickr-day {
    color: var(--v2-text) !important;
}

[data-theme="dark"] .v2-flatpickr .flatpickr-day:hover {
    background: rgba(var(--v2-primary-rgb), 0.12) !important;
}

[data-theme="dark"] .v2-flatpickr .flatpickr-day.today {
    border-color: var(--v2-primary) !important;
}

[data-theme="dark"] .v2-flatpickr .flatpickr-current-month input.cur-year {
    color: var(--v2-text) !important;
}


/* ----- Select2 overrides (V2 pages) ----- */

/* Multi-select container */
.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius-sm) !important;
    min-height: 36px !important;
    max-height: 120px !important;
    overflow-y: auto !important;
    background: var(--v2-card-bg) !important;
    font-family: var(--v2-font);
    padding: 4px 0 !important;
}


.select2-container--default .select2-selection--multiple:focus-within {
    border-color: var(--v2-primary);
    box-shadow: 0 0 0 3px rgba(var(--v2-primary-rgb), 0.1);
}

/* Selected tags as pills */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--v2-primary-rgb), 0.15) !important;
    border: none !important;
    border-radius: 10px !important;
    color: var(--v2-primary) !important;
    font-size: var(--v2-font-size-xs) !important;
    font-weight: 500 !important;
    padding: 3px 8px !important;
    margin: 4px 4px 0 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--v2-primary);
    margin-right: 4px;
    font-weight: 700;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--v2-danger);
}

/* Placeholder text */
.select2-container--default .select2-selection--multiple .select2-search__field {
    font-family: var(--v2-font);
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
}

.select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
    color: var(--v2-text-muted);
}

/* Dropdown */
.select2-container--default .select2-dropdown {
    border-color: var(--v2-border);
    border-radius: var(--v2-radius-sm);
    box-shadow: var(--v2-shadow-md);
    font-family: var(--v2-font);
    font-size: var(--v2-font-size-sm);
    z-index: 1060;
}

.select2-container--default .select2-results__option {
    padding: 6px 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--v2-primary-rgb), 0.08) !important;
    color: var(--v2-text) !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(var(--v2-primary-rgb), 0.04) !important;
    color: var(--v2-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background: rgba(var(--v2-primary-rgb), 0.12) !important;
    color: var(--v2-primary) !important;
}

.select2-container--default .select2-results__group {
    font-size: var(--v2-font-size-xs);
    font-weight: 600;
    color: var(--v2-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 12px 4px;
}

/* Search inside dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius-sm);
    font-family: var(--v2-font);
    font-size: var(--v2-font-size-sm);
    padding: 6px 10px;
    outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--v2-primary) !important;
    box-shadow: 0 0 0 2px rgba(var(--v2-primary-rgb), 0.15) !important;
    outline: none !important;
}

/* Dark mode — Select2 */
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background: var(--v2-card-bg) !important;
    border-color: var(--v2-border) !important;
}

[data-theme="dark"] .select2-container--default .select2-dropdown {
    background: var(--v2-card-bg) !important;
    border-color: var(--v2-border) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--v2-primary-rgb), 0.15);
    color: var(--v2-primary);
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--v2-primary);
    opacity: 0.6;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search__field {
    color: var(--v2-text);
}

[data-theme="dark"] .select2-container--default .select2-dropdown {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(var(--v2-primary-rgb), 0.12);
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    background: var(--v2-bg);
    border-color: var(--v2-border);
    color: var(--v2-text);
}

/* Legacy Select2 v3 (kept for any old partials) */
.select2-container .select2-choice {
    border-color: var(--v2-border);
    border-radius: var(--v2-radius-sm);
    height: 34px;
    line-height: 34px;
    font-size: var(--v2-font-size-sm);
}

.select2-drop {
    border-color: var(--v2-border);
    border-radius: var(--v2-radius-sm);
    box-shadow: var(--v2-shadow-md);
}

.select2-results .select2-highlighted {
    background: var(--v2-primary);
    color: #fff;
}


/* ----- Checkbox ----- */

.v2-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid var(--v2-border);
    border-radius: 4px;
    background: var(--v2-card-bg);
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    vertical-align: middle;
    transition: border-color 0.1s, background-color 0.1s;
}

.v2-checkbox:hover {
    border-color: var(--v2-text-muted);
}

.v2-checkbox:focus {
    outline: none;
    border-color: var(--v2-primary);
    box-shadow: 0 0 0 2px rgba(var(--v2-primary-rgb), 0.15);
}

.v2-checkbox:checked {
    background-color: var(--v2-primary);
    border-color: var(--v2-primary);
}

.v2-checkbox:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 9px;
    transform: translate(-50%, -60%) rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

[data-theme="dark"] .v2-checkbox {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}


/* Mobile tab select (hidden on desktop, shown on mobile) */
.v2-tab-select {
    display: none;
    padding: 7px 32px 7px 12px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-family: var(--v2-font);
    font-weight: 500;
    color: var(--v2-text);
    background: var(--v2-card-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23697386' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

[data-theme="dark"] .v2-tab-select {
    background-color: var(--v2-card-bg);
    border-color: var(--v2-border);
    color: var(--v2-text);
}

/* ----- Tab Content ----- */

.v2-tab-content {
    animation: v2-modal-in 0.15s ease;
}

/* ----- Account Grid ----- */

.v2-account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-lg);
}

@media (max-width: 768px) {
    .v2-account-grid {
        grid-template-columns: 1fr;
    }
}


/* ----- Busy Overlay ----- */

.v2-busy-overlay {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--v2-space-md);
    animation: v2-busy-in 0.15s ease;
}

.v2-busy-text {
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text-secondary);
    font-family: var(--v2-font);
}

[data-theme="dark"] .v2-busy-overlay {
    background: rgba(10, 14, 26, 0.6);
}

@keyframes v2-busy-in {
    from { opacity: 0; }
    to { opacity: 1; }
}


/* ----- Scrollbar (macOS style — global for all V2) ----- */

* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.15) transparent;
}

*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px;
}

*::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] * {
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.25);
}


/* ----- Utility ----- */

/* Text */
.v2-text-muted { color: var(--v2-text-muted); }
.v2-text-secondary { color: var(--v2-text-secondary); }
.v2-text-danger { color: var(--v2-danger); }
.v2-text-success { color: var(--v2-success); }
.v2-text-sm { font-size: var(--v2-font-size-sm); }
.v2-text-xs { font-size: var(--v2-font-size-xs); }
.v2-text-center { text-align: center; }
.v2-text-bold { font-weight: 600; }

/* Spacing */
.v2-mt-sm { margin-top: var(--v2-space-sm); }
.v2-mt-md { margin-top: var(--v2-space-md); }
.v2-mt-lg { margin-top: var(--v2-space-lg); }
.v2-mb-sm { margin-bottom: var(--v2-space-sm); }
.v2-mb-md { margin-bottom: var(--v2-space-md); }
.v2-mb-lg { margin-bottom: var(--v2-space-lg); }
.v2-gap-sm { gap: var(--v2-space-sm); }
.v2-gap-md { gap: var(--v2-space-md); }

/* Flex */
.v2-flex { display: flex; }
.v2-flex-center { align-items: center; }
.v2-flex-between { justify-content: space-between; }
.v2-flex-end { justify-content: flex-end; }
.v2-flex-wrap { flex-wrap: wrap; }
.v2-flex-col { flex-direction: column; }

/* Display */
.v2-hidden { display: none !important; }
.v2-block { display: block; }

/* Layout */
.v2-center-page {
    max-width: 480px;
    margin: 0 auto;
}

.v2-center-page-wide {
    max-width: 640px;
    margin: 0 auto;
}

/* Fixed toast wrapper — below navbar */
.v2-toast-wrapper {
    position: fixed;
    top: 64px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 900;
    display: flex;
    flex-direction: column;
    gap: var(--v2-space-sm);
    width: 100%;
    max-width: 480px;
    padding: 0 var(--v2-space-md);
    pointer-events: none;
}

/* Toast — floating notification */
.v2-toast {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    padding: var(--v2-space-sm) var(--v2-space-md);
    border-radius: var(--v2-radius-sm);
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    animation: v2-toast-in 0.3s ease;
    pointer-events: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.v2-toast i { font-size: 16px; flex-shrink: 0; }

.v2-toast-success {
    background: #e8f9ef;
    color: #1a7a3a;
    border: 1px solid #b8e8c8;
}

.v2-toast-error,
.v2-toast-danger {
    background: #fdecea;
    color: #b33a34;
    border: 1px solid #f5c6c2;
}

.v2-toast-info {
    background: #eaf0ff;
    color: #3b5fc0;
    border: 1px solid #c4d4f5;
}

.v2-toast-warning {
    background: #fff8ea;
    color: #8a6415;
    border: 1px solid #f5dfa0;
}

[data-theme="dark"] .v2-toast-success {
    background: #1a3a28;
    color: #6dd498;
    border-color: #2a5a3e;
}

[data-theme="dark"] .v2-toast-error,
[data-theme="dark"] .v2-toast-danger {
    background: #3a1a1a;
    color: #f08080;
    border-color: #5a2a2a;
}

[data-theme="dark"] .v2-toast-info {
    background: #1a2040;
    color: #8aacf0;
    border-color: #2a3a5a;
}

[data-theme="dark"] .v2-toast-warning {
    background: #3a2e15;
    color: #f0c060;
    border-color: #5a4a25;
}

.v2-toast-dismiss {
    margin-left: auto;
    cursor: pointer;
    opacity: 0.5;
    font-size: 14px;
}

.v2-toast-dismiss:hover {
    opacity: 1;
}

@keyframes v2-toast-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}


/* =============================================
   DARK MODE
   ============================================= */

[data-theme="dark"] {
    color-scheme: dark;
    --v2-bg: #0a0e1a;
    --v2-card-bg: #131825;
    --v2-nav-bg: #131825;
    --v2-border: #2b3549;
    --v2-divider: #1e2536;
    --v2-text: #e2e8f0;
    --v2-text-secondary: #94a3b8;
    --v2-text-muted: #64748b;
    --v2-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --v2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);
    --v2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.4);

    /* Qflow purple for dark mode — pops better against dark backgrounds */
    --v2-primary: #b44de0;
    --v2-primary-rgb: 180, 77, 224;
}

[data-theme="dark"] .v2-nav-link:hover {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-nav-link.active {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .v2-icon-btn:hover {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

/* Row states — dark */
/* Guest list — dark */
/* Stat card loading overlay */
.v2-stat-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: var(--v2-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

[data-theme="dark"] .v2-stat-overlay {
    background: rgba(19, 24, 37, 0.7);
}

/* Stat cards — dark */
[data-theme="dark"] .v2-stat-sub {
    border-top-color: var(--v2-border);
}

/* Guest list — dark */
[data-theme="dark"] .v2-tag-pill {
    background: rgba(var(--v2-primary-rgb), 0.15);
    color: var(--v2-primary);
}

[data-theme="dark"] .v2-tag-pill-muted {
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .v2-table tbody tr.v2-row-inactive {
    background: rgba(226, 89, 80, 0.08);
}

[data-theme="dark"] .v2-table tbody tr.v2-row-inactive:hover {
    background: rgba(226, 89, 80, 0.12);
}

[data-theme="dark"] .v2-badge-live {
    background: rgba(48, 179, 98, 0.2);
}

[data-theme="dark"] .v2-badge-success {
    background: rgba(48, 179, 98, 0.2);
}

[data-theme="dark"] .v2-badge-danger {
    background: rgba(226, 89, 80, 0.2);
}

[data-theme="dark"] .v2-badge-past {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .v2-badge-membership {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.85);
}

/* Table footer */
[data-theme="dark"] .v2-table-footer {
    border-top-color: var(--v2-border);
}

/* Loading / empty state */
[data-theme="dark"] .v2-table-loading {
    color: var(--v2-text-secondary);
}

[data-theme="dark"] .v2-spinner {
    border-color: var(--v2-border);
    border-top-color: var(--v2-primary);
}

[data-theme="dark"] .v2-table-empty i {
    color: var(--v2-text-muted);
}

/* Modal — dark */
[data-theme="dark"] .v2-modal-overlay {
    background: rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .v2-modal-close:hover {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-pill {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
    color: var(--v2-text-secondary);
}

[data-theme="dark"] .v2-pill:hover {
    border-color: var(--v2-primary);
    color: var(--v2-primary);
}

[data-theme="dark"] .v2-expandable {
    background: var(--v2-bg);
}

/* Banners — dark */
[data-theme="dark"] .v2-banner-muted {
    background: rgba(255, 255, 255, 0.04);
    color: var(--v2-text-muted);
}

[data-theme="dark"] .v2-banner-danger {
    background: rgba(226, 89, 80, 0.08);
    color: var(--v2-danger);
}

[data-theme="dark"] .v2-banner-success {
    background: rgba(48, 179, 98, 0.08);
    color: var(--v2-success);
}

/* Action bar — dark */
[data-theme="dark"] .v2-action-btn:hover {
    background: rgba(255, 255, 255, 0.04);
}

/* Toolbar — dark */
[data-theme="dark"] .v2-toolbar {
    border-bottom-color: var(--v2-border);
}

[data-theme="dark"] .v2-toolbar-link:hover {
    background: rgba(255, 255, 255, 0.04);
}

[data-theme="dark"] .v2-dropdown-item-danger:hover {
    background: rgba(226, 89, 80, 0.08);
}

[data-theme="dark"] .v2-action-btn-danger:hover {
    background: rgba(226, 89, 80, 0.08);
}

[data-theme="dark"] .v2-alert-warning {
    background: #1c1307;
    color: #fbbf24;
    border-bottom-color: #854d0e;
}

[data-theme="dark"] .v2-search input {
    border-color: var(--v2-border);
    color: var(--v2-text);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_processing {
    background: rgba(10, 14, 26, 0.9) !important;
    color: var(--v2-text-secondary);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: var(--v2-border) !important;
    background: var(--v2-card-bg) !important;
    color: var(--v2-text) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--v2-text-muted) !important;
}

[data-theme="dark"] .select2-container .select2-choice {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
    color: var(--v2-text);
}

[data-theme="dark"] .select2-drop {
    background: var(--v2-card-bg);
    border-color: var(--v2-border);
}

[data-theme="dark"] .select2-search input {
    background: var(--v2-bg);
    border-color: var(--v2-border);
    color: var(--v2-text);
}

[data-theme="dark"] .growl-notice,
[data-theme="dark"] .growl-error {
    background: var(--v2-card-bg) !important;
    border-color: var(--v2-border) !important;
    color: var(--v2-text) !important;
}

[data-theme="dark"] .growl-error {
    border-left-color: var(--v2-danger) !important;
}

/* Smooth transitions */
body,
.v2-navbar,
.v2-card,
.v2-table-card,
.v2-footer,
.v2-dropdown-menu {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}


/* Registration Setup — two column layout */
.v2-reg-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-lg);
    align-items: start;
}

/* Comms send grid */
.v2-comms-send-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-lg);
}

.v2-comms-send-filters {
    padding-right: var(--v2-space-lg);
    border-right: 1px solid var(--v2-divider);
}

.v2-comms-send-top-row {
    display: flex;
    gap: 8px;
}

.v2-comms-send-btn {
    width: 50%;
}

/* =============================================
   RESPONSIVE
   ============================================= */

@media (max-width: 768px) {
    .v2-comms-create-row {
        flex-direction: column;
        align-items: stretch !important;
    }
    .v2-comms-create-form {
        flex-direction: column !important;
        min-width: 0 !important;
    }
    .v2-comms-create-form .v2-input {
        max-width: none !important;
        width: 100% !important;
    }
    .v2-comms-create-form .v2-btn {
        width: 100%;
    }
    .v2-comms-create-row #v2OpenTemplateModal {
        text-align: center;
    }

    /* Comms design grid stacks */
    .v2-comms-design-grid {
        grid-template-columns: 1fr !important;
    }
    .v2-comms-design-grid > div:first-child {
        border-right: none !important;
        border-bottom: 1px solid var(--v2-divider);
        padding-bottom: var(--v2-space-lg) !important;
    }

    /* Registration Setup two-col stacks */
    .v2-reg-two-col {
        grid-template-columns: 1fr !important;
    }

    /* Comms send grid stacks */
    .v2-comms-send-grid {
        grid-template-columns: 1fr !important;
    }
    .v2-comms-send-filters {
        border-right: none !important;
        border-bottom: 1px solid var(--v2-divider);
        padding-right: 0 !important;
        padding-bottom: var(--v2-space-lg) !important;
        margin-bottom: var(--v2-space-lg);
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }
    .v2-comms-send-top-row {
        flex-direction: column;
        align-items: center;
        gap: 20px !important;
    }
    .v2-comms-send-vdivider {
        display: none !important;
    }
    .v2-comms-send-top-row > div {
        flex: none !important;
        width: 100%;
    }
    .v2-comms-send-top-row > div:last-child {
        align-items: center !important;
    }
    .v2-comms-send-top-row > div:last-child > div {
        align-items: center !important;
    }
    .v2-comms-send-btn {
        width: 100% !important;
    }

    /* Comms Setup + modal responsive */
    .v2-delivery-grid {
        grid-template-columns: 1fr !important;
    }
    .v2-delivery-grid > div:nth-child(2) {
        height: 1px !important;
        width: 100% !important;
    }
    .v2-comms-footer {
        flex-direction: column;
    }
    .v2-comms-footer .v2-btn {
        width: 100%;
        justify-content: center;
    }
    .v2-modal-footer {
        flex-direction: column;
        gap: var(--v2-space-sm);
    }
    .v2-modal-footer > div {
        display: flex;
        flex-direction: column;
        gap: var(--v2-space-sm);
        width: 100%;
    }
    .v2-modal-footer .v2-btn {
        width: 100%;
        justify-content: center;
    }
    .v2-reg-section-body .v2-btn {
        width: 100%;
        justify-content: center;
    }

    .v2-hide-mobile {
        display: none !important;
    }

    .v2-container {
        padding: 0 var(--v2-space-md);
    }

    .v2-hamburger {
        display: flex;
    }

    .v2-nav {
        display: none;
        position: absolute;
        top: 56px;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        background: var(--v2-nav-bg);
        border-bottom: 1px solid var(--v2-border);
        padding: var(--v2-space-sm);
        box-shadow: var(--v2-shadow-md);
        gap: 2px;
    }

    .v2-nav.open {
        display: flex;
    }

    .v2-nav-link {
        padding: 10px 12px;
        width: 100%;
    }

    .v2-card-grid {
        grid-template-columns: 1fr;
    }

    .v2-page-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2-search input {
        width: 100%;
    }

    .v2-page-actions {
        width: 100%;
    }

    .v2-user-name,
    .v2-user-email {
        display: none;
    }

    .v2-footer-inner {
        flex-direction: column;
        text-align: center;
    }

    .v2-footer-apps {
        justify-content: center;
    }

    /* Page header stacks */
    .v2-page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--v2-space-sm);
    }

    .v2-page-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .v2-page-title {
        font-size: var(--v2-font-size-xl);
    }

    /* Breadcrumb wraps on mobile */
    .v2-breadcrumb {
        flex-wrap: wrap;
    }

    .v2-breadcrumb-current {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 180px;
    }

    /* Stats cards stack */
    .v2-stats-row {
        flex-direction: column;
    }

    .v2-stat-card-body {
        min-height: auto;
    }

    .v2-stat-pie-wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .v2-stat-pie-chart {
        width: 80px;
        height: 80px;
    }

    .v2-stat-sub {
        flex-wrap: wrap;
        gap: var(--v2-space-md);
    }

    /* Toolbar stacks */
    .v2-toolbar {
        flex-wrap: wrap;
        gap: var(--v2-space-xs);
    }

    .v2-toolbar-left,
    .v2-toolbar-right {
        flex-wrap: wrap;
        width: 100%;
    }

    .v2-toolbar-right {
        justify-content: flex-end;
    }

    /* Search full width */
    .v2-search {
        width: 100%;
    }

    .v2-search input {
        width: 100%;
        max-width: none;
    }

    /* Guest list toolbar stacks */
    .v2-guest-list-toolbar {
        flex-direction: column;
    }

    .v2-guest-list-filters {
        flex: 1 1 100%;
        width: 100%;
        min-width: 0;
    }

    /* Tabs → dropdown on mobile */
    .v2-tabs {
        display: none;
    }

    .v2-tab-select {
        display: block;
        width: 100%;
        margin-bottom: var(--v2-space-lg);
    }

    /* Card grids single column */
    .v2-card-grid {
        grid-template-columns: 1fr;
    }

    /* Account grid stacks */
    .v2-account-grid {
        grid-template-columns: 1fr;
    }

    /* Name grid in account form stacks */
    .v2-account-grid [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Modals fit viewport */
    .v2-modal {
        max-width: calc(100vw - 32px) !important;
        margin: 0 16px;
    }

    .v2-modal-sm,
    .v2-modal-lg {
        max-width: calc(100vw - 32px) !important;
    }

    .v2-modal-overlay {
        padding-top: 5vh;
    }

    /* Modal footer stacks */
    .v2-modal-footer {
        flex-direction: column;
        gap: var(--v2-space-sm);
    }
    .v2-modal-footer > div {
        display: flex;
        flex-direction: column;
        gap: var(--v2-space-sm);
        width: 100%;
    }
    .v2-modal-footer .v2-btn {
        width: 100%;
        justify-content: center;
    }

    /* Capacity recipient rows stack */
    .v2-cm-recipient {
        grid-template-columns: 1fr;
        gap: var(--v2-space-sm);
    }

    /* Device rows wrap */
    .v2-device-row {
        flex-wrap: wrap;
        padding: var(--v2-space-md);
    }

    .v2-device-meta {
        width: 100%;
        margin-top: var(--v2-space-xs);
        flex-wrap: wrap;
    }

    /* Device actions — stack buttons full width */
    .v2-devices-actions {
        flex-wrap: wrap !important;
        gap: var(--v2-space-sm);
    }

    .v2-devices-actions .v2-btn {
        flex: 1 1 100%;
        justify-content: center;
        font-size: var(--v2-font-size-sm) !important;
        padding: 8px 16px !important;
    }

    /* Tally rows wrap */
    .v2-tally-row {
        flex-wrap: wrap;
    }

    .v2-tally-actions {
        width: 100%;
        justify-content: flex-end;
        margin-top: var(--v2-space-xs);
    }

    /* Left-side dropdowns: flip so menus open from the trigger's left edge (rightward)
       on mobile, keeping them within the viewport. Right-side triggers (Export,
       Settings) keep the default right-aligned behaviour so menus open leftward. */
    #addGuestDropdown .v2-dropdown-menu-right,
    #attendeeMoreDropdown .v2-dropdown-menu-right,
    #manageDropdown .v2-dropdown-menu-right,
    #operationsDropdown .v2-dropdown-menu-right {
        right: auto;
        left: 0;
    }

    /* Tree panel full width, centered */
    .v2-tree-panel {
        width: calc(100vw - 48px);
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    /* Dropdown menus don't overflow */
    .v2-dropdown-menu {
        max-width: calc(100vw - 32px);
    }

    /* Action bar wraps */
    .v2-action-bar {
        flex-wrap: wrap;
    }

    /* Buttons shrink text */
    .v2-btn {
        font-size: var(--v2-font-size-xs);
        padding: 0 12px;
    }

    /* Events table — stack on mobile */
    .v2-col-event-admittance,
    .v2-col-event-time {
        display: none !important;
    }

    .v2-event-mobile-meta {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 4px;
    }

    /* Guest list table — hide non-essential columns */
    .v2-col-details,
    .v2-col-admitted {
        display: none !important;
    }

    .v2-col-status {
        width: 36px !important;
        padding-left: var(--v2-space-sm) !important;
        padding-right: 0 !important;
    }

    .v2-col-name {
        font-size: var(--v2-font-size-sm);
    }

    /* Table cells tighter on mobile */
    .v2-table tbody td {
        padding: 10px var(--v2-space-sm);
    }

    .v2-table thead th {
        padding: 8px var(--v2-space-sm);
    }

    /* Tables horizontal scroll (fallback for other tables) */
    .v2-table-card {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Webhook flex wraps */
    .v2-card-body [style*="display: flex; gap: 8px"] {
        flex-wrap: wrap !important;
    }
}

/* Tablet: 769-1024px */
@media (min-width: 769px) and (max-width: 1024px) {
    .v2-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .v2-account-grid {
        grid-template-columns: 1fr 1fr;
    }

    .v2-guest-list-filters {
        flex: 0 1 240px;
    }
}

/* ==========================================================================
   Attendee Edit
   ========================================================================== */

.v2-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-lg);
}

@media (max-width: 768px) {
    .v2-form-grid {
        grid-template-columns: 1fr;
    }
}

.v2-textarea {
    min-height: 100px;
    resize: vertical;
}

.v2-history-item {
    padding: 8px 0;
    border-bottom: 1px solid var(--v2-divider);
    font-size: 13px;
    line-height: 1.6;
    color: var(--v2-text);
}

/* Soft button — visible action button with subtle background */
.v2-btn-soft {
    background: transparent;
    color: var(--v2-text);
    border: 1px solid rgba(0, 0, 0, 0.25);
    font-weight: 500;
}

.v2-btn-soft:hover {
    background: var(--v2-bg);
    border-color: rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .v2-btn-soft {
    border-color: rgba(255, 255, 255, 0.25);
}

[data-theme="dark"] .v2-btn-soft:hover {
    border-color: rgba(255, 255, 255, 0.4);
}

/* Info panel — light primary-tinted container for informational areas */
.v2-info-panel {
    background: rgba(var(--v2-primary-rgb), 0.05);
    border: 1px solid rgba(var(--v2-primary-rgb), 0.15);
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-md);
}

[data-theme="dark"] .v2-info-panel {
    background: rgba(var(--v2-primary-rgb), 0.08);
    border-color: rgba(var(--v2-primary-rgb), 0.2);
}

/* Tag Tree Builder */
.v2-tree-builder {
    background: var(--v2-bg);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-md);
    min-height: 60px;
}

.v2-tree-node {
    margin: 2px 0;
}

.v2-tree-node-content {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: var(--v2-radius-sm);
    transition: background 0.15s;
}

.v2-tree-node-content:hover {
    background: rgba(var(--v2-primary-rgb), 0.05);
}

.v2-tree-node-label {
    flex: 1;
    font-size: 14px;
    color: var(--v2-text);
}

.v2-tree-node-actions {
    display: flex;
    gap: 4px;
    align-items: center;
}

.v2-tree-node-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-card-bg);
    color: var(--v2-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    transition: all 0.15s;
}

.v2-tree-node-btn:hover {
    border-color: var(--v2-primary);
    color: var(--v2-primary);
}

.v2-tree-node-btn-danger:hover {
    border-color: var(--v2-danger);
    color: var(--v2-danger);
}

.v2-tree-children {
    margin-left: 20px;
    padding-left: 12px;
    border-left: 2px solid var(--v2-divider);
}

.v2-tree-countable {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--v2-text-muted);
}

/* Field card — generic subtle container for form field groups */
.v2-field-card {
    padding: var(--v2-space-md);
    background: #f6f9fc;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
}

[data-theme="dark"] .v2-field-card {
    background: #171c2b;
}

.v2-custom-field-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: var(--v2-space-sm) 0;
}

.v2-custom-field-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
    margin: 0;
}

/* Membership stats cards */
.v2-membership-stats-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--v2-space-sm);
}

.v2-ms-card {
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}

.v2-ms-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--v2-primary);
    line-height: 1.2;
    min-height: 34px;
    display: flex;
    align-items: center;
}

.v2-ms-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--v2-text-secondary);
}

.v2-ms-sub {
    font-size: 11px;
    color: var(--v2-text-muted);
}

@media (max-width: 768px) {
    .v2-membership-stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 480px) {
    .v2-membership-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Delete tags modal — scrollable tag list */
.v2-delete-tags-list {
    max-height: 320px;
    overflow-y: auto;
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
}

.v2-delete-tag-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--v2-divider);
    transition: background 0.1s;
}

.v2-delete-tag-row:last-child {
    border-bottom: none;
}

.v2-delete-tag-row:hover {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="dark"] .v2-delete-tag-row:hover {
    background: rgba(255, 255, 255, 0.03);
}

.v2-delete-tag-name {
    font-size: 14px;
    color: var(--v2-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

/* Guest allotment modal — add row and items list */
.v2-allot-add-row {
    display: grid;
    grid-template-columns: 1fr 100px 40px;
    gap: var(--v2-space-sm);
    align-items: end;
}

.v2-allot-add-row .v2-input,
.v2-allot-add-row .select2-container .select2-selection--single {
    height: 38px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

.v2-allot-add-btn {
    height: 38px;
    width: 40px;
    min-height: 38px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-allot-items {
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-sm);
    min-height: 48px;
    max-height: 200px;
    overflow-y: auto;
}

.v2-allot-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: var(--v2-radius-sm);
    transition: background 0.1s;
}

.v2-allot-item:hover {
    background: rgba(0, 0, 0, 0.02);
}

[data-theme="dark"] .v2-allot-item:hover {
    background: rgba(255, 255, 255, 0.03);
}

.v2-allot-item-info {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.v2-allot-item-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--v2-primary-rgb), 0.1);
    color: var(--v2-primary);
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 12px;
    white-space: nowrap;
}

.v2-allot-item-tag {
    font-size: 14px;
    color: var(--v2-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v2-allot-item-remove {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: var(--v2-radius-sm);
    background: none;
    color: var(--v2-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    transition: all 0.1s;
}

.v2-allot-item-remove:hover {
    background: rgba(var(--v2-danger-rgb, 226, 89, 80), 0.1);
    color: var(--v2-danger);
}

@media (max-width: 768px) {
    .v2-allot-add-row {
        grid-template-columns: 1fr;
    }

    .v2-allot-add-btn {
        width: 100%;
    }

    .v2-allot-add-field-amount {
        max-width: none;
    }
}

/* Tag summary — inline in tab bar with right border accent */
.v2-tag-summary-inline {
    padding-right: 12px;
    border-right: 3px solid var(--v2-primary);
    font-size: 13px;
    color: var(--v2-text-secondary);
    line-height: 1.6;
    text-align: right;
}

/* Enterprise dark accent overrides — when primary is too dark for text */
[data-theme="dark"].v2-dark-accent .select2-selection__choice {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"].v2-dark-accent .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"].v2-dark-accent .select2-selection__choice__remove:hover {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"].v2-dark-accent .v2-tag-pill {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"].v2-dark-accent .v2-badge-live {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* ==========================================================================
   Billing / Usage
   ========================================================================== */

/* Progress bar */
.v2-progress-bar-track {
    display: flex;
    height: 8px;
    background: var(--v2-divider);
    border-radius: 4px;
    overflow: hidden;
}

.v2-progress-bar-fill {
    height: 100%;
    transition: width 0.3s ease;
}

.v2-progress-bar-fill:first-child {
    border-radius: 4px 0 0 4px;
}

.v2-progress-bar-fill:last-child {
    border-radius: 0 4px 4px 0;
}

/* Delivery progress — shimmer while sending */
.v2-progress-bar-fill.v2-shimmer {
    position: relative;
    overflow: hidden;
}
.v2-progress-bar-fill.v2-shimmer::after {
    content: '';
    position: absolute;
    top: 0; left: 0; bottom: 0;
    width: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation: v2-shimmer 1.5s ease-in-out infinite;
}
@keyframes v2-shimmer {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

/* Usage stat rows */
.v2-usage-stat-group {
    padding: var(--v2-space-sm) 0;
    border-bottom: 1px solid var(--v2-divider);
}

.v2-usage-stat-group:last-child {
    border-bottom: none;
}

/* Merge field pills (used in PDF email body editor on Setup page) */
.ue-merge-pill {
    display: inline;
    background-color: #7c5cfc;
    color: #fff;
    border-radius: 8px;
    padding: 1px 6px;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
    vertical-align: baseline;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

.v2-usage-stat-header {
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-text);
    margin-bottom: 6px;
}

.v2-usage-stat-row {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 0;
}

/* Usage info list */
.v2-usage-list {
    margin: 0;
    padding-left: 18px;
    list-style: disc;
}

.v2-usage-list li {
    font-size: 13px;
    color: var(--v2-text-secondary);
    margin: 8px 0;
    line-height: 1.5;
}

/* Restriction grid + cards */
.v2-restriction-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-sm);
}

.v2-restriction-card {
    padding: var(--v2-space-md);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-card-bg);
    transition: border-color 0.15s, background 0.15s;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.v2-restriction-card:hover {
    border-color: rgba(var(--v2-primary-rgb), 0.3);
}

.v2-restriction-card.v2-restriction-active {
    border-color: var(--v2-primary);
    background: rgba(var(--v2-primary-rgb), 0.03);
}

@media (max-width: 768px) {
    .v2-restriction-grid {
        grid-template-columns: 1fr;
    }
}

/* Team table — inline email hidden on desktop */
.v2-team-email-inline {
    display: none;
}

/* Notifications — inline time hidden on desktop */
.v2-notif-time-inline {
    display: none;
}

@media (max-width: 768px) {
    /* Show inline email under name, hide email column */
    .v2-team-email-inline {
        display: block;
    }

    .v2-team-col-email {
        display: none !important;
    }

    /* Stack action buttons */
    .v2-team-col-actions {
        text-align: left !important;
    }

    .v2-team-actions {
        flex-direction: column;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

    .v2-team-actions .v2-btn {
        width: 100%;
        justify-content: center;
    }

    /* Notifications table — stack rows on mobile */
    #v2NotificationsBody .v2-table thead {
        display: none;
    }

    #v2NotificationsBody .v2-table tr {
        display: block;
        padding: var(--v2-space-sm) 0;
        border-bottom: 1px solid var(--v2-divider);
    }

    #v2NotificationsBody .v2-table tr:last-child {
        border-bottom: none;
    }

    #v2NotificationsBody .v2-table td {
        display: block;
        padding: 2px var(--v2-space-sm);
        border: none;
    }

    .v2-notif-col-time {
        display: none !important;
    }

    .v2-notif-time-inline {
        display: block;
    }
}

/* Image field */
.v2-image-preview {
    display: inline-block;
    margin-bottom: 8px;
}

.v2-image-preview img {
    max-width: 150px;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
}

/* Plus ones group box */
.v2-field-group {
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    padding: var(--v2-space-md);
}

.v2-field-group-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--v2-text-muted);
    margin: 0 0 var(--v2-space-sm) 0;
}

/* Tag select (multi-select with pills) */
.v2-tag-select-wrap .select2-container--default .select2-selection--multiple {
    border: 1px solid var(--v2-border) !important;
    border-radius: var(--v2-radius-sm) !important;
    min-height: 40px !important;
    max-height: 120px !important;
    overflow-y: auto !important;
    background: var(--v2-card-bg) !important;
    font-family: var(--v2-font);
    padding: 4px 0 !important;
    cursor: pointer;
}


.v2-tag-select-wrap .select2-container--default .select2-selection--multiple:focus-within {
    border-color: var(--v2-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--v2-primary-rgb), 0.1);
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--v2-primary-rgb), 0.08);
    border: none;
    border-radius: 10px;
    color: var(--v2-primary);
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    padding: 3px 8px;
    margin: 4px 4px 0 0 !important;
    margin: 2px;
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--v2-primary);
    margin-right: 4px;
    font-weight: 700;
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--v2-danger);
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-search__field {
    font-family: var(--v2-font);
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
    color: var(--v2-text-muted);
}

[data-theme="dark"] .v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: rgba(var(--v2-primary-rgb), 0.15);
    color: var(--v2-primary);
}

[data-theme="dark"] .v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--v2-primary);
    opacity: 0.6;
}

[data-theme="dark"] .v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: 1;
}

/* Tag type icons (pills + dropdown rows) */
.v2-tag-icon-wrap {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.v2-tag-icon {
    font-size: 13px;
    line-height: 1;
    opacity: 0.75;
}

/* Non-countable tags ({extra}, {merch}) get a muted accent so the
   "doesn't count toward headcount" status is visible at a glance. */
.v2-tag-select-wrap .select2-selection__choice:has(.v2-tag-non-countable),
.v2-tag-select-wrap .select2-selection__choice .v2-tag-non-countable {
    color: var(--v2-text-muted);
}

.v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice:has(.v2-tag-non-countable) {
    background: rgba(0, 0, 0, 0.05);
    color: var(--v2-text-muted);
}

[data-theme="dark"] .v2-tag-select-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice:has(.v2-tag-non-countable) {
    background: rgba(255, 255, 255, 0.08);
    color: var(--v2-text-muted);
}

/* "Create as..." rows in the Select2 dropdown */
.v2-create-as-row {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--v2-font-size-sm);
}

.v2-create-as-icon {
    font-size: 14px;
    color: var(--v2-primary);
    opacity: 0.85;
}

.v2-create-as-label {
    color: var(--v2-text-muted);
    font-size: 12px;
}

.v2-create-as-hint {
    color: var(--v2-warning);
    font-size: 11px;
    font-style: italic;
}

/* The "Create as..." optgroup header itself — slightly tighter than
   the existing _SelectHelper groups so it reads as a separate cluster. */
.select2-results__group {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: var(--v2-text-muted);
}

/* Form section titles and dividers */
.v2-form-section-title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--v2-text-muted);
    margin: 0 0 var(--v2-space-md) 0;
}

.v2-form-divider {
    border: none;
    border-top: 1px solid var(--v2-divider);
    margin: var(--v2-space-lg) 0;
}

/* Barcode frame — white bg for dark mode */
.v2-barcode-frame {
    display: inline-block;
    background: white;
    padding: 12px;
    border-radius: var(--v2-radius-sm);
    margin-top: var(--v2-space-sm);
}

.v2-barcode-frame img {
    display: block;
    max-width: 300px;
    height: auto;
}

@media (max-width: 768px) {
    .v2-barcode-frame {
        display: block;
    }

    .v2-barcode-frame img {
        max-width: 100%;
        width: 100%;
    }

    /* Auto sign-in modal — center barcode on mobile */
    #v2AutoSigninModal .v2-barcode-frame {
        display: inline-block;
    }
}

.v2-history-item:last-child {
    border-bottom: none;
}

/* Invite selector row */
.v2-invite-row {
    max-width: 60%;
}

@media (max-width: 768px) {
    .v2-invite-row {
        max-width: 100%;
        flex-direction: column;
        align-items: stretch !important;
    }
}

/* Select2 for invite selector */
.v2-tab-content .select2-container .select2-selection--single,
.v2-modal .select2-container .select2-selection--single {
    height: 38px;
    line-height: 38px;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-card-bg);
    color: var(--v2-text);
    font-weight: 400;
    font-size: var(--v2-font-size-sm);
}

.v2-tab-content .select2-container .select2-selection--single .select2-selection__rendered,
.v2-modal .select2-container .select2-selection--single .select2-selection__rendered {
    color: var(--v2-text);
    font-weight: 400;
    line-height: 38px;
    padding-left: 12px;
}

.v2-tab-content .select2-container,
.v2-modal .select2-container {
    flex: 1;
    min-width: 0;
}

.v2-tab-content .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    padding: 6px 10px;
    font-size: var(--v2-font-size-sm);
    font-weight: 400;
    color: var(--v2-text);
    outline: none;
}

/* =============================================
   Registration Setup — v2-reg-*
   ============================================= */

/* Banner actions — inline buttons inside banners */
.v2-banner-actions {
    display: flex;
    gap: var(--v2-space-sm);
    margin-left: auto;
    flex-shrink: 0;
}

/* AI Wizard card — gradient accent border */
.v2-reg-wizard-card {
    border: 1px solid transparent;
    background-image: linear-gradient(var(--v2-card-bg), var(--v2-card-bg)),
                       linear-gradient(135deg, var(--v2-primary), #c81eff);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}

.v2-reg-wizard-layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--v2-space-lg);
    flex-wrap: wrap;
}

.v2-reg-wizard-content {
    flex: 1;
    min-width: 200px;
}

.v2-reg-wizard-icon {
    font-size: 22px;
    background: linear-gradient(135deg, var(--v2-primary), #c81eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.v2-reg-wizard-badge {
    background: linear-gradient(135deg, var(--v2-primary), #c81eff);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
}

.v2-reg-wizard-btn {
    background: linear-gradient(135deg, var(--v2-primary), #c81eff) !important;
    border: none !important;
    white-space: nowrap;
}
.v2-reg-wizard-btn:hover {
    opacity: 0.9;
}

/* AI loading spinner */
.v2-ai-loading-spinner {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    background: linear-gradient(135deg, var(--v2-primary), #c81eff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: v2-ai-pulse 1.5s ease-in-out infinite;
}
@keyframes v2-ai-pulse {
    0%, 100% { opacity: 0.6; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.15); }
}
.v2-ai-loading-status {
    transition: opacity 0.2s ease;
}

/* Dark mode — wizard card */
[data-theme="dark"] .v2-reg-wizard-card {
    background-image: linear-gradient(var(--v2-card-bg), var(--v2-card-bg)),
                       linear-gradient(135deg, var(--v2-primary), #c81eff);
}

/* Section spacing */
.v2-reg-section {
    margin-top: var(--v2-space-lg);
}

/* Collapsible section header */
.v2-reg-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--v2-space-md) var(--v2-space-lg);
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-lg);
    cursor: pointer;
    transition: border-color 0.15s, border-radius 0.2s;
    user-select: none;
}
.v2-reg-section:not(.v2-open) .v2-reg-section-header:hover {
    border-color: var(--v2-primary);
}
.v2-reg-section.v2-open .v2-reg-section-header {
    border-radius: var(--v2-radius-lg) var(--v2-radius-lg) 0 0;
    border-bottom-color: var(--v2-divider);
}

.v2-reg-section-left {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    min-width: 0;
    flex-wrap: wrap;
}
.v2-reg-section-icon {
    font-size: 20px;
    color: var(--v2-primary);
    flex-shrink: 0;
}
.v2-reg-section-title {
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
    margin: 0;
}
.v2-reg-section-subtitle {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    width: 100%;
    padding-left: 30px;
    margin-top: -2px;
}

.v2-reg-section-right {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    flex-shrink: 0;
}

.v2-reg-section-chevron {
    font-size: 18px;
    color: var(--v2-text-muted);
    transition: transform 0.25s ease;
}
.v2-reg-section.v2-open .v2-reg-section-chevron {
    transform: rotate(180deg);
}

/* Collapsible body */
.v2-reg-section-body {
    display: none;
    border: 1px solid var(--v2-divider);
    border-top: none;
    border-radius: 0 0 var(--v2-radius-lg) var(--v2-radius-lg);
    overflow: visible;
}
.v2-reg-section.v2-open .v2-reg-section-body {
    display: block;
}

/* Remove card border-radius inside collapsible body */
.v2-reg-section-body > .v2-card {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* Dark mode — collapsible sections */
[data-theme="dark"] .v2-reg-section-header {
    border-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-reg-section:not(.v2-open) .v2-reg-section-header:hover {
    border-color: var(--v2-primary);
}
[data-theme="dark"] .v2-reg-section.v2-open .v2-reg-section-header {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-reg-section-body {
    border-color: rgba(255, 255, 255, 0.06);
}

/* Field cards list */
.v2-reg-field-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid var(--v2-divider);
}

.v2-reg-field-card {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    padding: 12px var(--v2-space-lg);
    background: var(--v2-card-bg);
    transition: background 0.15s;
    position: relative;
    border-bottom: 1px solid var(--v2-divider);
}
.v2-reg-field-card:last-child {
    border-bottom: none;
}
.v2-reg-field-card:hover {
    background: #f6f9fc;
}

.v2-reg-field-drag {
    color: var(--v2-text-muted);
    cursor: grab;
    padding: 2px;
    opacity: 0.4;
    transition: opacity 0.15s;
}
.v2-reg-field-card:hover .v2-reg-field-drag {
    opacity: 1;
}
.v2-reg-field-drag:active {
    cursor: grabbing;
}

.v2-reg-field-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--v2-radius-sm);
    background: rgba(var(--v2-primary-rgb), 0.08);
    color: var(--v2-primary);
    font-size: 16px;
    flex-shrink: 0;
}

.v2-reg-field-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.v2-reg-field-name {
    font-size: var(--v2-font-size-sm);
    font-weight: 500;
    color: var(--v2-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.v2-reg-field-type {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
}

.v2-reg-field-badges {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.v2-reg-field-actions {
    display: flex;
    gap: 2px;
    position: absolute;
    right: var(--v2-space-md);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.15s;
    background: var(--v2-card-bg);
}
.v2-reg-field-card:hover .v2-reg-field-actions {
    opacity: 1;
}

/* Drag in progress */
.v2-reg-field-card.v2-dragging {
    opacity: 0.5;
    background: rgba(var(--v2-primary-rgb), 0.04);
}

/* Toggle switch */
.v2-toggle {
    width: 36px;
    height: 20px;
    border-radius: 10px;
    background: var(--v2-border);
    cursor: pointer;
    position: relative;
    transition: background 0.2s;
    flex-shrink: 0;
}
.v2-toggle-active {
    background: var(--v2-primary);
}
.v2-toggle-slider {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.v2-toggle-active .v2-toggle-slider {
    transform: translateX(16px);
}

/* Dark mode — field cards */
[data-theme="dark"] .v2-reg-field-card {
    background: var(--v2-card-bg);
}
[data-theme="dark"] .v2-reg-field-card:hover {
    background: rgba(255, 255, 255, 0.03);
}
[data-theme="dark"] .v2-reg-field-actions {
    background: var(--v2-card-bg);
}
[data-theme="dark"] .v2-reg-field-list {
    border-top-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-reg-field-card {
    border-bottom-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-toggle {
    background: rgba(255, 255, 255, 0.15);
}
[data-theme="dark"] .v2-toggle-active {
    background: var(--v2-primary);
}


/* Field editor — smart match hint */
.v2-reg-field-match-hint {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: var(--v2-font-size-xs);
    color: #92400e;
    line-height: 1.3;
}
.v2-reg-field-match-hint i {
    font-size: 13px;
    flex-shrink: 0;
}
[data-theme="dark"] .v2-reg-field-match-hint {
    color: #fbbf24;
}

/* Field editor — options list */
.v2-reg-options-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.v2-reg-option-item {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    padding: 6px 10px;
    background: #f6f9fc;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
}
.v2-reg-option-item.v2-locked {
    opacity: 0.6;
}

.v2-reg-option-text {
    flex: 1;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v2-reg-option-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    color: var(--v2-text-muted);
    cursor: pointer;
    border-radius: var(--v2-radius-sm);
    flex-shrink: 0;
}
.v2-reg-option-remove:hover {
    color: var(--v2-danger);
    background: rgba(226, 89, 80, 0.08);
}

[data-theme="dark"] .v2-reg-option-item {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
}

/* Analytics grid */
.v2-reg-analytics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--v2-space-sm);
}

.v2-reg-analytics-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--v2-space-md);
    background: #f6f9fc;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
}

.v2-reg-analytics-value {
    font-size: 28px;
    font-weight: 600;
    color: var(--v2-text);
    line-height: 1;
}

.v2-reg-analytics-label {
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    margin-top: 4px;
}

[data-theme="dark"] .v2-reg-analytics-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
}

.v2-reg-analytics-ga {
    padding-top: var(--v2-space-md);
    border-top: 1px solid var(--v2-divider);
}
[data-theme="dark"] .v2-reg-analytics-ga {
    border-top-color: rgba(255, 255, 255, 0.06);
}

/* Share modal */
.v2-reg-share-layout {
    display: flex;
    gap: var(--v2-space-lg);
}

.v2-reg-share-left {
    flex: 1.2;
    min-width: 0;
}

.v2-reg-share-right {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: var(--v2-space-lg);
    border-left: 1px solid var(--v2-divider);
}

.v2-reg-share-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--v2-space-sm);
}

.v2-reg-share-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    background: var(--v2-card-bg);
    color: var(--v2-text);
    font-size: var(--v2-font-size-sm);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}
.v2-reg-share-btn:hover {
    border-color: var(--v2-primary);
    background: rgba(var(--v2-primary-rgb), 0.04);
}
.v2-reg-share-btn i {
    font-size: 18px;
    color: var(--v2-primary);
}

.v2-reg-social-btn {
    font-size: 20px;
    color: var(--v2-text-muted);
}
.v2-reg-social-btn:hover {
    color: var(--v2-text);
}

.v2-reg-qr-box {
    width: 180px;
    height: 180px;
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    overflow: hidden;
}
.v2-reg-qr-box img {
    max-width: 100%;
    max-height: 100%;
}

[data-theme="dark"] .v2-reg-share-right {
    border-left-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-reg-share-btn {
    border-color: rgba(255, 255, 255, 0.08);
}
[data-theme="dark"] .v2-reg-share-btn:hover {
    background: rgba(var(--v2-primary-rgb), 0.08);
}

@media (max-width: 640px) {
    .v2-reg-share-layout {
        flex-direction: column;
    }
    .v2-reg-share-right {
        flex: auto;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid var(--v2-divider);
        padding-top: var(--v2-space-lg);
    }
    .v2-reg-analytics-grid {
        grid-template-columns: 1fr;
    }
}

/* Registration page — layout with thumbnail */
.v2-reg-page-layout {
    display: flex;
    gap: var(--v2-space-lg);
    align-items: flex-start;
}

.v2-reg-page-thumb {
    width: 160px;
    height: 200px;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
    background: #fff;
}
.v2-reg-page-thumb:hover {
    border-color: var(--v2-primary);
}

.v2-reg-page-iframe {
    width: 800px;
    height: 1000px;
    border: none;
    transform: scale(0.2);
    transform-origin: top left;
    pointer-events: none;
}

.v2-reg-page-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-text-muted);
    font-size: 32px;
    opacity: 0.3;
}

.v2-reg-page-info {
    flex: 1;
    min-width: 0;
}

/* Publish button — green */
.v2-reg-publish-btn {
    background: var(--v2-success) !important;
    color: #fff !important;
    border: none !important;
}
.v2-reg-publish-btn:hover {
    opacity: 0.9;
}

/* Allow dropdowns to escape section cards */
#v2RegistrationPageSection .v2-card,
#v2DataFieldsSection .v2-card,
#v2DataFieldsSection .v2-card-body {
    overflow: visible;
}

/* Registration page actions — responsive buttons */
.v2-reg-page-actions {
    flex-wrap: wrap;
}
.v2-reg-page-actions .v2-btn {
    flex: 1 1 auto;
    min-width: 80px;
    justify-content: center;
}
.v2-reg-page-actions .v2-icon-btn,
.v2-reg-page-actions .v2-dropdown {
    flex: 0 0 auto;
}

/* URL section */
.v2-reg-url-section {
    border-top: 1px solid var(--v2-divider);
    padding-top: var(--v2-space-md);
}

.v2-reg-url-row,
.v2-reg-domain-row {
    display: flex;
    align-items: center;
    gap: var(--v2-space-sm);
    flex-wrap: wrap;
}

.v2-reg-url-display {
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    background: none;
    padding: 0;
    word-break: break-all;
}

/* Slug editor */
.v2-reg-slug-editor {
    margin-top: var(--v2-space-sm);
    padding: var(--v2-space-md);
    background: #f6f9fc;
    border-radius: var(--v2-radius-sm);
    border: 1px solid var(--v2-divider);
}
.v2-reg-slug-input-group {
    display: flex;
    align-items: center;
    gap: 2px;
}
.v2-reg-slug-input {
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-sm);
    padding: 6px 10px;
    font-size: var(--v2-font-size-sm);
    font-family: monospace;
    color: var(--v2-text);
    background: var(--v2-card-bg);
    outline: none;
    width: 180px;
}
.v2-reg-slug-input:focus {
    border-color: var(--v2-primary);
}

/* Dark mode — registration page */
[data-theme="dark"] .v2-reg-page-thumb {
    border-color: rgba(255, 255, 255, 0.08);
    background: #1e1e30;
}
[data-theme="dark"] .v2-reg-slug-editor {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .v2-reg-slug-input {
    background: var(--v2-card-bg);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--v2-text);
}
[data-theme="dark"] .v2-reg-url-section {
    border-top-color: rgba(255, 255, 255, 0.06);
}

/* Responsive — registration */
@media (max-width: 640px) {
    .v2-reg-wizard-layout {
        flex-direction: column;
        align-items: flex-start;
    }
    .v2-reg-wizard-btn {
        width: 100%;
        justify-content: center;
    }
    .v2-banner-actions {
        margin-left: 0;
        margin-top: var(--v2-space-sm);
        width: 100%;
    }
    .v2-banner {
        flex-wrap: wrap;
    }
    .v2-reg-field-actions {
        opacity: 1;
    }
    .v2-reg-field-badges {
        display: none;
    }
    .v2-reg-page-layout {
        flex-direction: column;
    }
    .v2-reg-page-thumb {
        width: 100%;
        height: 120px;
    }
    .v2-reg-slug-input {
        width: 120px;
    }
    /* Registration page card — stack buttons vertically */
    #v2RegistrationPageSection .v2-card-body > .v2-flex-between {
        flex-direction: column;
        align-items: flex-start;
    }
    .v2-reg-page-actions {
        width: 100%;
        flex-direction: column;
        margin-top: var(--v2-space-md);
    }
    .v2-reg-page-actions .v2-btn {
        width: 100%;
        justify-content: center;
    }
    .v2-reg-page-actions .v2-dropdown {
        width: 100%;
    }
    .v2-reg-page-actions .v2-icon-btn {
        width: 100%;
        justify-content: center;
    }
    /* Custom fields toolbar — stack vertically */
    #v2DataFieldsSection .v2-card-body > .v2-flex-between {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--v2-space-md);
    }
    #v2DataFieldsSection .v2-card-body > .v2-flex-between > .v2-flex:last-child {
        width: 100%;
        flex-direction: column;
        gap: var(--v2-space-md);
    }
    #v2DataFieldsSection .v2-card-body > .v2-flex-between > .v2-flex:last-child .v2-btn {
        width: 100%;
        justify-content: center;
    }
    #v2DataFieldsSection .v2-card-body > .v2-flex-between > .v2-flex:last-child .v2-dropdown {
        width: 100%;
    }
    #v2DataFieldsSection .v2-card-body > .v2-flex-between > .v2-flex:last-child .v2-dropdown > a {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        gap: 6px;
        padding: var(--v2-space-sm) var(--v2-space-md);
        border: 1px solid var(--v2-border);
        border-radius: var(--v2-radius-sm);
    }
    /* Breathing room before first field */
    .v2-reg-field-list {
        margin-top: var(--v2-space-sm);
    }
    /* Section headers — stack subtitle below */
    .v2-reg-section-subtitle {
        padding-left: 0;
    }
    /* URL row — stack on mobile */
    .v2-reg-url-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .v2-reg-url-row .v2-btn {
        width: 100%;
        justify-content: center;
    }
}

/* =============================================
   Registration Templates grid
   ============================================= */

.v2-reg-templates-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--v2-space-lg);
}

.v2-reg-template-card {
    overflow: visible;
}

@media (max-width: 768px) {
    .v2-reg-templates-grid {
        grid-template-columns: 1fr;
    }
}

/* ----- Help Tooltips ----- */

[data-v2-help] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--v2-text-muted);
    opacity: 0.5;
    transition: opacity 0.15s ease, color 0.15s ease;
    vertical-align: middle;
    margin-bottom: 2px;
}

.v2-dropdown-item [data-v2-help] {
    margin-left: auto;
}

[data-v2-help] .ti {
    font-size: 15px;
}

[data-v2-help]:hover,
[data-v2-help].v2-help-active {
    opacity: 1;
    color: var(--v2-primary);
}

.v2-help-hidden [data-v2-help] {
    display: none !important;
}

.v2-help-tooltip {
    position: absolute;
    z-index: 9999;
    width: 280px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-divider);
    border-radius: var(--v2-radius);
    box-shadow: var(--v2-shadow-lg);
    padding: 0;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
    pointer-events: none;
}

.v2-help-tooltip-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.v2-help-tooltip-body {
    padding: 12px 14px;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    line-height: 1.5;
}

.v2-help-tooltip-link {
    display: block;
    padding: 8px 14px;
    font-size: var(--v2-font-size-xs);
    font-weight: 500;
    color: var(--v2-primary);
    text-decoration: none;
    border-top: 1px solid var(--v2-divider);
}

.v2-help-tooltip-link:hover {
    background: rgba(var(--v2-primary-rgb), 0.05);
    color: var(--v2-primary);
    text-decoration: none;
}

/* Arrow */
.v2-help-tooltip::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-divider);
    border-right: none;
    border-bottom: none;
    left: var(--v2-help-arrow-left, 50%);
    margin-left: -5px;
}

.v2-help-tooltip[data-arrow="top"]::before {
    top: -6px;
    transform: rotate(45deg);
}

.v2-help-tooltip[data-arrow="bottom"]::before {
    bottom: -6px;
    transform: rotate(225deg);
}

/* Dark mode */
[data-theme="dark"] .v2-help-tooltip {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .v2-help-tooltip::before {
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .v2-help-tooltip-link {
    border-top-color: rgba(255, 255, 255, 0.1);
}

/* Mobile */
@media (max-width: 768px) {
    .v2-help-tooltip {
        width: 260px;
    }
}


/* =============================================
   AI Chat Widget — floating assistant
   ============================================= */

/* Floating trigger button — bottom-left so Intercom can sit bottom-right */
.v2-ai-fab {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9998;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: var(--v2-primary);
    color: #fff;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--v2-shadow-lg);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.v2-ai-fab:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

/* FAB hide — animated, not display:none, so the panel-open/close pair feels symmetrical */
.v2-ai-fab.v2-ai-fab-hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8) translateY(8px);
    pointer-events: none;
    transition: opacity 150ms ease, transform 150ms ease, visibility 0s linear 150ms;
}

/* Chat panel — anchored bottom-left to match the FAB. Always rendered;
   visibility/opacity/transform control show/hide so we can animate. */
.v2-ai-panel {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9999;
    width: 400px;
    height: 520px;
    background: var(--v2-card-bg);
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius-lg);
    box-shadow: var(--v2-shadow-lg);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(16px) scale(0.96);
    transform-origin: bottom left;
    pointer-events: none;
    transition: opacity 180ms ease-out, transform 180ms ease-out, visibility 0s linear 180ms;
}

.v2-ai-panel.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition: opacity 220ms ease-out,
                transform 240ms cubic-bezier(0.16, 1, 0.3, 1),
                visibility 0s;
}

/* Header */
.v2-ai-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-bottom: 1px solid var(--v2-border);
    flex-shrink: 0;
}

.v2-ai-header-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
}

.v2-ai-header-title i {
    color: var(--v2-primary);
    font-size: 20px;
}

.v2-ai-header-actions {
    display: flex;
    align-items: center;
    gap: 4px;
}

.v2-ai-header-btn {
    background: none;
    border: none;
    color: var(--v2-text-muted);
    font-size: 18px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--v2-radius-sm);
    transition: background 0.15s ease, color 0.15s ease;
}

.v2-ai-header-btn:hover {
    background: rgba(0, 0, 0, 0.06);
    color: var(--v2-text);
}

/* Messages area */
.v2-ai-messages {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Welcome state */
.v2-ai-welcome {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 24px;
    gap: 12px;
}

.v2-ai-welcome-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(var(--v2-primary-rgb), 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--v2-primary);
    font-size: 24px;
}

.v2-ai-welcome h3 {
    margin: 0;
    font-size: var(--v2-font-size-lg);
    font-weight: 600;
    color: var(--v2-text);
}

.v2-ai-welcome p {
    margin: 0;
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text-muted);
    max-width: 280px;
    line-height: 1.5;
}

/* Message bubbles */
.v2-ai-msg {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: var(--v2-radius-lg);
    font-size: var(--v2-font-size-sm);
    line-height: 1.5;
    word-wrap: break-word;
}

.v2-ai-msg-user {
    align-self: flex-end;
    background: var(--v2-primary);
    color: #fff;
    border-bottom-right-radius: 4px;
}

.v2-ai-msg-assistant {
    align-self: flex-start;
    background: var(--v2-bg);
    color: var(--v2-text);
    border-bottom-left-radius: 4px;
}

.v2-ai-link {
    color: var(--v2-primary);
    text-decoration: underline;
    cursor: pointer;
}

.v2-ai-link:hover {
    opacity: 0.8;
}

/* Tables in chat */
.v2-ai-table-wrap {
    margin: 8px -6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.v2-ai-table {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    font-size: var(--v2-font-size-sm);
}

/* Inline code */
.v2-ai-code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.88em;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    white-space: nowrap;
}

[data-theme="dark"] .v2-ai-code {
    background: rgba(255, 255, 255, 0.08);
}

/* Markdown headings in chat responses — subtle, no heavy shout */
.v2-ai-heading {
    font-weight: 600;
    color: var(--v2-text);
    margin: 10px 0 4px;
    line-height: 1.3;
}

.v2-ai-heading:first-child {
    margin-top: 0;
}

.v2-ai-heading-1 { font-size: 17px; }
.v2-ai-heading-2 { font-size: 15px; }
.v2-ai-heading-3 { font-size: 14px; }

/* Horizontal rule in chat responses */
.v2-ai-hr {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    margin: 10px 0;
}

[data-theme="dark"] .v2-ai-hr {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.v2-ai-table th,
.v2-ai-table td {
    padding: 6px 10px;
    text-align: left;
    border-bottom: 1px solid var(--v2-border);
}

.v2-ai-table th {
    font-weight: 600;
    color: var(--v2-text-secondary);
    font-size: var(--v2-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.v2-ai-table tr:last-child td {
    border-bottom: none;
    font-weight: 600;
}

/* Typing indicator */
.v2-ai-typing {
    align-self: flex-start;
    display: none;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
    background: var(--v2-bg);
    border-radius: var(--v2-radius-lg);
    border-bottom-left-radius: 4px;
}

.v2-ai-typing.visible {
    display: flex;
}

.v2-ai-typing-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--v2-text-muted);
    animation: v2AiDotPulse 1.2s ease-in-out infinite;
}

.v2-ai-typing-dot:nth-child(2) { animation-delay: 0.2s; }
.v2-ai-typing-dot:nth-child(3) { animation-delay: 0.4s; }

.v2-ai-typing-status {
    margin-left: 6px;
    font-size: var(--v2-font-size-xs);
    color: var(--v2-text-muted);
    font-style: italic;
    opacity: 0;
    animation: v2AiStatusFade 0.3s ease-out forwards;
}

.v2-ai-typing-status:empty {
    display: none;
}

@keyframes v2AiStatusFade {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes v2AiDotPulse {
    0%, 60%, 100% { opacity: 0.3; transform: scale(0.8); }
    30% { opacity: 1; transform: scale(1); }
}

/* Input area */
.v2-ai-input {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid var(--v2-border);
    flex-shrink: 0;
}

.v2-ai-input textarea {
    flex: 1;
    border: 1px solid var(--v2-border);
    border-radius: var(--v2-radius);
    padding: 10px 12px;
    font-family: var(--v2-font);
    font-size: var(--v2-font-size-sm);
    color: var(--v2-text);
    background: var(--v2-card-bg);
    resize: none;
    min-height: 40px;
    max-height: 100px;
    line-height: 1.4;
    outline: none;
    transition: border-color 0.15s ease;
}

.v2-ai-input textarea:focus {
    border-color: var(--v2-primary);
}

.v2-ai-input textarea::placeholder {
    color: var(--v2-text-muted);
}

.v2-ai-upload {
    width: 40px;
    height: 40px;
    border-radius: var(--v2-radius);
    border: none;
    background: none;
    color: var(--v2-text-muted);
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

.v2-ai-upload:hover {
    color: var(--v2-primary);
}

.v2-ai-panel.v2-ai-dragover {
    outline: 2px dashed var(--v2-primary);
    outline-offset: -2px;
}

.v2-ai-panel.v2-ai-dragover .v2-ai-messages {
    opacity: 0.5;
    pointer-events: none;
}

.v2-ai-send {
    width: 40px;
    height: 40px;
    border-radius: var(--v2-radius);
    border: none;
    background: var(--v2-primary);
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: opacity 0.15s ease;
}

.v2-ai-send:disabled {
    opacity: 0.4;
    cursor: default;
}

/* Dark mode */
[data-theme="dark"] .v2-ai-header-btn:hover {
    background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .v2-ai-msg-assistant {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .v2-ai-input textarea {
    background: var(--v2-bg);
}

/* Mobile — full width, taller */
@media (max-width: 768px) {
    .v2-ai-fab {
        bottom: 16px;
        left: 16px;
        width: 48px;
        height: 48px;
        font-size: 20px;
    }

    .v2-ai-panel {
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        border: none;
    }
}