/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,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 '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,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 '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,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 '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,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 '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,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 '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(94,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(95,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-normal'
(96,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(97,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(112,31): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(112,52): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(112,72): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(119,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(173,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(189,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(190,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(200,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(202,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(203,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(204,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(205,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(206,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(207,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(207,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(209,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(210,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-lg'
(220,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-xl'
(228,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(230,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(231,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(232,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(233,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-xl'
(240,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(240,43): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(241,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(243,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(244,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(245,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(246,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(254,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(255,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(256,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(262,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(263,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(267,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(267,44): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(268,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(279,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(280,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(281,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-100'
(282,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(299,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(310,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-3xl'
(311,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-extrabold'
(312,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(313,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-tight'
(314,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(318,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(319,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(320,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(321,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(322,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(331,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(339,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(343,62): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(349,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(350,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(351,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(355,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(358,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(362,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-secondary'
(373,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(375,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(375,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(376,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(377,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(378,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(381,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(383,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(408,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(408,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(409,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(419,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(420,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(421,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(425,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(426,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(432,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(433,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(437,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(438,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(443,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(443,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(444,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(458,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(475,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(484,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(488,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(489,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(490,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(491,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(492,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(493,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(501,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(507,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(508,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(509,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(517,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(521,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(540,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(541,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(545,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(546,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(550,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(556,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(560,31): run-time error CSS1030: Expected identifier, found '['
(560,34): run-time error CSS1031: Expected selector, found '*='
(560,34): run-time error CSS1025: Expected comma or open brace, found '*='
(567,31): run-time error CSS1030: Expected identifier, found '['
(567,34): run-time error CSS1031: Expected selector, found '*='
(567,34): run-time error CSS1025: Expected comma or open brace, found '*='
(575,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(579,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(580,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(581,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(584,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(589,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(590,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(597,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(597,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(598,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(599,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(600,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(601,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(602,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(603,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(604,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(608,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(613,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(619,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(620,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(625,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(625,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(626,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(630,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(631,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(632,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(636,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(637,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(638,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(643,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(650,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(655,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(670,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(671,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-100'
(672,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(674,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(674,50): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(675,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(676,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(680,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(680,48): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(688,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(690,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(704,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(705,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-sm'
(706,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(708,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(713,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(714,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(724,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(728,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(736,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(737,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(738,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(744,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(749,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(751,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(752,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(753,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(763,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(764,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(765,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(766,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(767,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(768,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(774,20): run-time error CSS1039: Token not allowed after unary operator: '-isc-info'
(783,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-100'
(784,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(785,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-md'
(787,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(808,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-xl'
(812,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(813,54): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-lg'
(817,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(818,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(822,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(823,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(824,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(828,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(831,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(836,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(837,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(838,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(838,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(839,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(840,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(841,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(842,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(843,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(849,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-accent'
(849,65): run-time error CSS1039: Token not allowed after unary operator: '-isc-warning'
(850,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(854,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(858,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(859,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(860,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(861,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(866,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(869,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(877,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(878,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(881,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(889,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(895,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(900,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(901,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(902,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(923,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(924,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-lg'
(925,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(932,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-2xl'
(941,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(941,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(942,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(942,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(942,59): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(943,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(945,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(945,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(951,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(955,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(956,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(957,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(962,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(962,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(964,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-sm'
(965,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(966,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(973,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(977,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(980,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(985,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(990,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-extrabold'
(991,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(997,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(998,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(999,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1001,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1006,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1007,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(1008,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1009,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1017,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1018,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1022,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(1023,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1024,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(1028,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-3xl'
(1029,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1030,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1034,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1035,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1045,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1046,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1047,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1048,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1052,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1053,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1054,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(1055,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1065,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1071,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1072,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1073,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1079,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(1083,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(1084,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1088,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(1089,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1090,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(1096,16): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1101,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1101,41): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1106,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(1106,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1108,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1111,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1127,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1135,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1136,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1137,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1138,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(1139,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(1140,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1147,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1155,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1156,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1158,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1162,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1169,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1170,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1174,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1175,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1176,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(1180,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1184,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1189,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1190,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(1191,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1196,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1197,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1203,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(1210,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1216,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1224,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(1225,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1226,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1227,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1231,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(1232,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1236,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(1238,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-xl'
(1239,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1243,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(1258,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1259,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1260,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1261,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1262,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-sm'
(1269,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1270,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1271,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1275,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(1276,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1277,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1284,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1285,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1285,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1287,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(1293,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1297,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(1298,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1299,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1307,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1314,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1315,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1319,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1320,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1321,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1325,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1326,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1334,16): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1340,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(1346,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(1352,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(1353,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1357,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-3xl'
(1358,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-extrabold'
(1359,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1363,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(1364,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1365,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1371,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1372,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1373,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1374,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1378,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(1379,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1380,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(1384,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(1385,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1386,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1390,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1391,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1398,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1399,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1405,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1406,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1407,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1408,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(1414,16): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1420,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1421,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1431,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1437,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1444,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1450,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1451,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1454,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(1464,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1465,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1466,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1472,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1479,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1480,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(1484,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(1485,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1486,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1492,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1493,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1495,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(1500,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1500,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1501,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1515,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1537,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(1542,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1546,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1551,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1553,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1554,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1555,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(1556,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1557,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(1561,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1568,16): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1579,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(1580,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1581,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1582,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(1586,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1587,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1588,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(1593,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1594,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1596,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(1601,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1602,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(1611,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1616,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1623,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1624,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1629,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(1630,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1631,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1632,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1636,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1637,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1641,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1642,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1642,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1647,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1652,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1657,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1658,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(1660,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1665,45): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(1665,66): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1666,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(1667,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-slow'
(1673,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1674,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1679,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1690,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(1692,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1696,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1697,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1701,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1702,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1706,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1707,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1715,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1716,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1717,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(1724,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(1728,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1729,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1733,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(1734,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1735,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1739,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1744,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1750,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1751,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1754,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1756,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(1763,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1768,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1770,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1779,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1780,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(1791,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1814,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(1814,74): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(1818,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1822,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1834,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1838,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(1839,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1840,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(1841,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1851,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1854,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1860,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1861,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1862,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(1863,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(1873,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1874,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1879,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(1880,31): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(1894,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1900,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(1904,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1922,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1923,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1930,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1931,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(1932,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(1936,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1940,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1941,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(1947,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(1949,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1954,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1955,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(1956,16): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(1962,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(1978,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1982,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(1987,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(1989,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1995,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1996,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(1996,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(1997,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(1998,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(1999,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2000,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2006,20): run-time error CSS1039: Token not allowed after unary operator: '-isc-info'
(2017,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2036,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2040,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2041,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(2052,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2053,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2059,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(2063,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2064,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(2068,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(2069,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(2070,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(2075,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2078,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2083,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2092,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2094,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2101,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(2101,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2102,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2107,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(2108,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2113,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(2118,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(2119,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(2120,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(2124,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2125,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2126,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(2183,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2183,42): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2184,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2185,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(2189,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(2194,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2211,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2225,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2239,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2243,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2247,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2248,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2256,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(2262,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2263,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2310,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(2312,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2318,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2327,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2368,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2370,36): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2383,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2388,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-accent'
(2501,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-accent'
(2531,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-3xl'
(2533,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-3xl'
(2533,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2535,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-voda'
(2535,71): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-voda'
(2536,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2537,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2543,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-3xl'
(2547,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-4xl'
(2548,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(2550,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-900'
(2551,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2555,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(2556,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2558,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2564,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2565,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2571,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2572,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(2573,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(2579,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2596,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-3xl'
(2596,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2597,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2598,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2599,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2605,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2611,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2612,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2619,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2621,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2622,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2623,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2625,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2634,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2640,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2641,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2650,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2651,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2652,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(2652,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2653,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(2654,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2655,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(2659,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-3xl'
(2660,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(2661,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2662,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(2666,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(2667,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(2668,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(2669,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2673,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2674,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2675,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2675,60): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2675,82): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2676,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2676,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2677,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(2678,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(2684,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2689,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2690,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2690,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2691,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(2692,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2693,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2694,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2697,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(2701,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2702,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2704,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2712,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-3xl'
(2712,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2713,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-voda'
(2714,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2715,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2721,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(2732,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2733,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2741,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2742,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2743,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2744,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(2746,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2752,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2758,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2759,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2763,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(2764,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(2765,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-900'
(2766,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2770,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2778,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2783,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2791,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2792,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2792,44): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2795,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2803,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-3xl'
(2807,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(2816,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2816,44): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2817,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2822,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2827,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2833,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2833,43): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2834,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(2838,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(2844,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(2849,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(2849,43): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(2850,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(2854,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2874,30): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2874,69): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(2884,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(2885,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2886,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2887,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-2xl'
(2888,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(2895,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-bounce'
(2903,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(2904,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(2905,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(2906,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2911,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(2912,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(2913,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2935,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(2936,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(2938,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-md'
(2951,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(2971,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-50'
(2972,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(2973,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(2974,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(2976,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(2982,33): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-bounce'
(2999,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3000,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3004,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(3005,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3006,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3007,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3011,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3012,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(3013,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3014,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(3020,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3028,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3028,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3030,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(3031,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(3032,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3033,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(3035,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(3040,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3045,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-md'
(3050,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-accent'
(3051,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-accent'
(3061,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3061,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3062,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3063,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3067,50): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3067,71): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3073,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3074,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(3075,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(3077,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3083,33): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-bounce'
(3088,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3089,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3093,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(3094,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3095,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3096,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3100,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3101,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(3102,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3103,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-leading-relaxed'
(3107,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3108,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3109,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3111,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(3112,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3116,59): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3126,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3127,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-2xl'
(3128,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-2xl'
(3138,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3138,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3139,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3140,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(3140,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3155,37): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3161,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3163,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-full'
(3179,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(3180,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3181,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3185,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3190,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(3190,40): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3190,60): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3197,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xl'
(3198,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3205,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3213,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3214,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3216,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3220,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3227,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(3228,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3232,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3233,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3234,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(3238,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3242,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3247,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(3248,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(3253,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3254,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(3260,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(3261,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(3262,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(3263,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3268,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3268,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3271,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3272,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-medium'
(3273,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(3275,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(3276,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3280,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3281,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3282,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-sm'
(3289,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3295,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3299,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3300,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(3301,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-700'
(3304,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3309,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3310,27): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3315,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3315,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3316,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3317,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(3318,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(3319,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(3320,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3321,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(3325,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(3330,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3335,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3339,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3340,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3349,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3350,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3355,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3365,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3366,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-sm'
(3368,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3373,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(3378,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(3383,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-warning'
(3388,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-info'
(3393,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3398,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xs'
(3399,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3405,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3407,18): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3414,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(3415,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3416,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(3417,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(3418,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3419,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(3420,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-800'
(3424,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(3429,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3434,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3443,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3445,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3445,39): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3446,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(3447,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3448,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(3450,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(3452,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-base'
(3460,46): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3460,67): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3461,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3472,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3473,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(3477,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(3478,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(3523,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3527,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3528,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3534,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3535,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3536,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(3543,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-tertiary'
(3547,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-400'
(3556,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3557,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3562,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3563,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-2xl'
(3586,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3590,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-xl'
(3591,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3592,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-success'
(3593,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3597,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-600'
(3603,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3608,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3608,43): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3612,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(3612,43): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3612,63): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3616,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3622,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3640,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3641,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3644,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-sm'
(3660,15): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(3661,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(3662,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(3663,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-2xl'
(3671,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-bounce'
(3702,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3708,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(3714,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-800'
(3728,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(3744,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-base'
(3745,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-bold'
(3746,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xs'
(3752,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-sm'
(3772,26): run-time error CSS1039: Token not allowed after unary operator: '-isc-transition-fast'
(3773,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-2xs'
(3794,29): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(3794,50): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-xl'
(3838,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3923,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3924,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3955,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(3956,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(4019,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(4071,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-200'
(4072,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(4075,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(4080,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(4102,35): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-100'
(4111,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-500'
(4119,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(4150,32): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-100'
(4157,28): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(4158,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-md'
(4160,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-family'
(4162,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-dark'
(4167,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-primary'
(4173,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-300'
(4179,24): run-time error CSS1039: Token not allowed after unary operator: '-isc-error'
(4300,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-md'
(4311,19): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-xl'
(4312,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-white'
(4313,25): run-time error CSS1039: Token not allowed after unary operator: '-isc-radius-lg'
(4314,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-shadow-2xl'
(4319,22): run-time error CSS1039: Token not allowed after unary operator: '-isc-space-lg'
(4320,21): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-size-lg'
(4321,23): run-time error CSS1039: Token not allowed after unary operator: '-isc-font-semibold'
(4322,17): run-time error CSS1039: Token not allowed after unary operator: '-isc-gray-800'
 */
/* =========================================================================
   Design Tokens & Custom Properties
   ========================================================================= */

:root {
    /* Brand Colours - Updated to Red & White */
    --isc-primary: #E60000; /* Red instead of Zanzibar Green */
    --isc-secondary: #E60000; /* White instead of Tanzanite Teal */
    --isc-tertiary: #820000; /* Light Red instead of Ocean Depth */
    --isc-accent: #FECB00; /* Savannah Sun - kept as accent */
    --isc-dark: #25282B; /* Kilwa Black - now dark */
    /* Semantic Colours */
    --isc-success: #E60000; /* Vodafone Red - complete/verified/available indicators read as brand red in this flow */
    --isc-warning: #EB9700; /* Fresh Orange */
    --isc-error: #E60000;
    --isc-info: #25282B; /* Dark gray instead of white */
    /* Neutral Palette */
    --isc-white: #FFFFFF;
    --isc-gray-50: #FFFFFF;
    --isc-gray-100: #FFFFFF;
    --isc-gray-200: #D2DADC; /* Light Grey - light borders / dividers */
    --isc-gray-300: #D2DADC; /* Light Grey - borders */
    --isc-gray-400: #4A4D4E;
    --isc-gray-500: #4A4D4E;
    --isc-gray-600: #4A4D4E;
    --isc-gray-700: #25282B;
    --isc-gray-800: #25282B;
    --isc-gray-900: #25282B;
    --isc-gray-voda: #D2DADC; /* Light Grey - section blocks (dark text) */
    /* Typography */
    --isc-font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --isc-font-size-xs: 0.75rem; /* 12px */
    --isc-font-size-sm: 0.875rem; /* 14px */
    --isc-font-size-base: 1rem; /* 16px */
    --isc-font-size-lg: 1.125rem; /* 18px */
    --isc-font-size-xl: 1.25rem; /* 20px */
    --isc-font-size-2xl: 1.5rem; /* 24px */
    --isc-font-size-3xl: 1.875rem; /* 30px */
    --isc-font-size-4xl: 2.25rem; /* 36px */
    /* Font Weights */
    --isc-font-light: 300;
    --isc-font-normal: 400;
    --isc-font-medium: 500;
    --isc-font-semibold: 600;
    --isc-font-bold: 700;
    --isc-font-extrabold: 800;
    /* Spacing Scale */
    --isc-space-2xs: 0.25rem; /* 4px */
    --isc-space-xs: 0.5rem; /* 8px */
    --isc-space-sm: 0.75rem; /* 12px */
    --isc-space-md: 1rem; /* 16px */
    --isc-space-lg: 1.5rem; /* 24px */
    --isc-space-xl: 2rem; /* 32px */
    --isc-space-2xl: 3rem; /* 48px */
    --isc-space-3xl: 4rem; /* 64px */
    /* Border Radius */
    --isc-radius-sm: 0.375rem; /* 6px */
    --isc-radius-md: 0.5rem; /* 8px */
    --isc-radius-lg: 0.75rem; /* 12px */
    --isc-radius-xl: 1rem; /* 16px */
    --isc-radius-2xl: 1.5rem; /* 24px */
    --isc-radius-full: 9999px;
    /* Shadows */
    --isc-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --isc-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --isc-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --isc-shadow-xl: 0 16px 20px -4px rgb(0 0 0 / 0.1), 0 6px 8px -4px rgb(0 0 0 / 0.1);
    --isc-shadow-2xl: 0 20px 32px -8px rgb(0 0 0 / 0.2);
    /* Transitions */
    --isc-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --isc-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --isc-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
    --isc-transition-bounce: 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* Line Heights */
    --isc-leading-tight: 1.25;
    --isc-leading-snug: 1.375;
    --isc-leading-normal: 1.5;
    --isc-leading-relaxed: 1.625;
    --isc-leading-loose: 2;
}

/* =========================================================================
   Base Reset & Typography
   ========================================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--isc-font-family);
    font-size: var(--isc-font-size-base);
    line-height: var(--isc-leading-normal);
    color: var(--isc-white);
    background-color: var(--isc-gray-50);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*.isp-connect-main {
  padding: var(--isc-space-2xl) var(--isc-space-lg);
  max-width: 1400px;
  margin: 0 auto;
  min-height: 100vh;
}*/

.isp-connect-main {
    /* Top padding clears the 72px fixed header bar (56px on mobile via the
       media query at the bottom of this file). */
    padding: calc(72px + var(--isc-space-lg)) var(--isc-space-lg) var(--isc-space-lg);
    margin: 0 auto;
    min-height: 100vh;
}

@media (max-width: 768px) {
    .isp-connect-main {
        padding-top: calc(56px + var(--isc-space-lg));
    }
}

/* =========================================================================
   Logo as Hero Visual
   ========================================================================= */

.isp-connect-hero__logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.isp-connect-hero-logo-main {
    max-width: 90%;
    max-height: 350px;
    width: auto;
    height: auto;
    display: block;
    /* Natural blending with transparent background */
    opacity: 0.95;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .isp-connect-hero-logo-main {
        max-height: 280px;
    }
}

@media (max-width: 768px) {
    .isp-connect-hero-logo-main {
        max-height: 220px;
        max-width: 80%;
    }
}

@media (max-width: 480px) {
    .isp-connect-hero-logo-main {
        max-height: 180px;
        max-width: 75%;
    }
}

/* Hero image (promotional photo, not a logo) — fills the visual column with
   no fixed max-height so the artwork isn't shrunk. */
.isp-connect-hero__image {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: var(--isc-radius-xl);
}

@media (max-width: 768px) {
    .isp-connect-hero__image {
        max-width: 85%;
        margin: 0 auto;
    }
}

/* =========================================================================
   Language Selector
   ========================================================================= */

.isp-connect-language-selector {
    position: fixed;
    top: var(--isc-space-lg);
    right: var(--isc-space-lg);
    z-index: 1000;
}

.language-dropdown {
    position: relative;
    display: inline-block;
}

.isp-language-btn {
    background: var(--isc-white);
    backdrop-filter: blur(10px);
    border: 1px solid var(--isc-primary);
    border-radius: var(--isc-radius-lg);
    color: var(--isc-primary);
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-medium);
    padding: var(--isc-space-xs) var(--isc-space-sm);
    cursor: pointer;
    transition: all var(--isc-transition-base);
    box-shadow: var(--isc-shadow-lg);
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

    .isp-language-btn:hover {
        transform: translateY(-1px);
        box-shadow: var(--isc-shadow-xl);
    }

.language-dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: var(--isc-space-xs);
    min-width: 120px;
    background: var(--isc-white);
    border: 1px solid var(--isc-gray-200);
    border-radius: var(--isc-radius-lg);
    box-shadow: var(--isc-shadow-xl);
    overflow: hidden;
    backdrop-filter: blur(10px);
}

    .language-dropdown-content a {
        display: block;
        padding: var(--isc-space-sm) var(--isc-space-md);
        color: var(--isc-gray-700);
        text-decoration: none;
        font-size: var(--isc-font-size-sm);
        font-weight: var(--isc-font-medium);
        transition: all var(--isc-transition-fast);
        border-bottom: 1px solid var(--isc-gray-300);
    }

        .language-dropdown-content a:last-child {
            border-bottom: none;
        }

        .language-dropdown-content a:hover {
            background: var(--isc-gray-50);
            color: var(--isc-primary);
            padding-left: var(--isc-space-lg);
        }

/* Responsive adjustments */
@media (max-width: 768px) {
    .isp-connect-language-selector {
        top: var(--isc-space-md);
        right: var(--isc-space-md);
    }

    .isp-language-btn {
        padding: var(--isc-space-2xs) var(--isc-space-xs);
        font-size: var(--isc-font-size-xs);
        min-width: 70px;
    }
}

/* =========================================================================
   Component Container
   ========================================================================= */

.isp-connect-component {
    /* Default styled component for standalone use */
    margin: var(--isc-space-2xl) auto;
    padding: var(--isc-space-2xl);
    background: var(--isc-gray-100);
    border-radius: var(--isc-radius-xl);
}

/* Adaptable component variant for embedding in various container systems */
.isp-connect-component--adaptable {
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

/* Minimal component variant for tight integration */
.isp-connect-component--minimal {
    max-width: none;
    margin: 0;
    padding: var(--isc-space-lg);
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

/* =========================================================================
   Typography Components
   ========================================================================= */

.isp-connect-heading {
    font-size: var(--isc-font-size-3xl);
    font-weight: var(--isc-font-extrabold);
    color: var(--isc-dark);
    line-height: var(--isc-leading-tight);
    margin-bottom: var(--isc-space-sm);
}

.isp-connect-heading--small {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-sm);
    margin-top: var(--isc-space-2xl);
}

/* First heading in order form doesn't need extra top margin */
.isp-connect-order__summary .isp-connect-heading--small:first-child {
    margin-top: 0;
}

.isp-connect-heading--small + .isp-connect-card {
    margin-top: var(--isc-space-md);
    position: relative;
}

    /* Reduced visual separator for better hierarchy */
    .isp-connect-heading--small + .isp-connect-card::before {
        content: '';
        position: absolute;
        top: calc(-1 * var(--isc-space-sm));
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--isc-gray-200), transparent);
        opacity: 0.6;
    }

.isp-connect-subtitle {
    font-size: var(--isc-font-size-lg);
    color: var(--isc-gray-700);
    line-height: var(--isc-leading-relaxed);
    margin-bottom: var(--isc-space-lg);
}

.isp-connect-link {
    color: var(--isc-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color var(--isc-transition-fast);
}

    .isp-connect-link:hover {
        color: var(--isc-secondary);
    }

/* =========================================================================
   Button Components
   ========================================================================= */

.isp-connect-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--isc-space-xs);
    min-height: 48px;
    padding: var(--isc-space-sm) var(--isc-space-lg);
    font-family: var(--isc-font-family);
    font-size: var(--isc-font-size-base);
    font-weight: var(--isc-font-semibold);
    line-height: 1;
    border: 2px solid transparent;
    border-radius: var(--isc-radius-lg);
    cursor: pointer;
    transition: all var(--isc-transition-base);
    text-decoration: none;
    position: relative;
    overflow: hidden;
}

    .isp-connect-btn::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.2);
        transform: translate(-50%, -50%);
        transition: width 0.6s, height 0.6s;
    }

    .isp-connect-btn:hover::before {
        width: 300px;
        height: 300px;
    }

.isp-connect-btn--primary {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    color: var(--isc-white);
    box-shadow: 0 4px 14px 0 rgba(230, 0, 0, 0.3);
}

    .isp-connect-btn--primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px 0 rgba(230, 0, 0, 0.4);
    }

.isp-connect-btn--secondary {
    background: var(--isc-white);
    color: var(--isc-primary);
    border-color: var(--isc-primary);
}

    .isp-connect-btn--secondary:hover {
        background: var(--isc-primary);
        color: var(--isc-white);
        transform: translateY(-2px);
    }

.isp-connect-btn--tertiary {
    background: transparent;
    color: var(--isc-gray-600);
    border-color: var(--isc-gray-300);
}

    .isp-connect-btn--tertiary:hover {
        border-color: var(--isc-gray-400);
        color: var(--isc-dark);
    }

.isp-connect-btn--large {
    min-height: 56px;
    padding: var(--isc-space-md) var(--isc-space-xl);
    font-size: var(--isc-font-size-lg);
}

.isp-connect-btn--block {
    width: 100%;
}

.isp-connect-btn__icon {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.isp-connect-btn:focus {
    outline: 3px solid var(--isc-primary);
    outline-offset: 2px;
}

.isp-connect-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

/* =========================================================================
   Form Components
   ========================================================================= */

.isp-connect-form {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.isp-connect-fieldset {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.isp-connect-legend {
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-md);
    padding-bottom: var(--isc-space-sm);
    border-bottom: 2px solid var(--isc-gray-200);
    width: 100%;
}

/* Customer radio selector — ISPConnect Order screen */
.isp-connect-customer-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--isc-space-md);
}

.isp-connect-customer-option {
    display: flex;
    align-items: center;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-md);
    border: 2px solid var(--isc-gray-200);
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    transition: border-color .15s ease, background .15s ease;
}

.isp-connect-customer-option:hover {
    border-color: var(--isc-primary, #e60000);
}

.isp-connect-customer-option--selected {
    border-color: var(--isc-primary, #e60000);
    background: rgba(230, 0, 0, 0.06);
}

.isp-connect-customer-option input[type="radio"] {
    flex: 0 0 auto;
    margin: 0;
}

.isp-connect-customer-option__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1 1 auto;
    min-width: 0;
}

.isp-connect-customer-option__account {
    font-weight: 700;
    color: var(--isc-dark);
    font-size: var(--isc-font-size-base);
}

.isp-connect-customer-option__name {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600, #4A4D4E);
}

.isp-connect-customer-option--new .isp-connect-customer-option__account {
    color: var(--isc-primary, #e60000);
}

.isp-connect-form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--isc-space-md);
}

    /* Optimize coordinate inputs for better space utilization */
    .isp-connect-form-row:has([id*="latitude"]) {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: var(--isc-space-sm);
    }

/* Responsive optimization for coordinate inputs */
@media (min-width: 480px) {
    .isp-connect-form-row:has([id*="latitude"]) {
        grid-template-columns: 1fr 1fr;
    }
}

.isp-connect-field {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-xs);
}

.isp-connect-label {
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-700);
    display: flex;
    align-items: center;
    gap: var(--isc-space-xs);
}

.isp-connect-label--required::after {
    content: '*';
    color: var(--isc-error);
    font-weight: var(--isc-font-bold);
}

.isp-connect-input {
    width: 100%;
    box-sizing: border-box;
    min-height: 44px;
    padding: var(--isc-space-sm) var(--isc-space-md);
    font-size: var(--isc-font-size-base);
    font-family: var(--isc-font-family);
    border: 2px solid var(--isc-gray-300);
    border-radius: var(--isc-radius-md);
    background: var(--isc-white);
    transition: all var(--isc-transition-fast);
    color: var(--isc-gray-700);
}

    .isp-connect-input:hover {
        border-color: var(--isc-gray-400);
    }

    .isp-connect-input:focus {
        outline: none;
        border-color: var(--isc-primary);
        box-shadow: 0 0 0 3px rgba(230, 0, 0, 0.1), 0 2px 8px rgba(230, 0, 0, 0.15);
    }

.isp-connect-input--large {
    min-height: 52px;
    font-size: var(--isc-font-size-lg);
    padding: var(--isc-space-md);
}

.isp-connect-input--small {
    min-height: 36px;
    padding: var(--isc-space-xs) var(--isc-space-sm);
    font-size: var(--isc-font-size-sm);
}

.isp-connect-field-help {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
    margin-top: var(--isc-space-2xs);
}

.isp-connect-field-error {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-error);
    margin-top: var(--isc-space-2xs);
    display: block;
}

.isp-connect-input.input-validation-error {
    border: 3px solid var(--isc-error, #E60000);
    box-shadow: 0 0 5px rgba(230, 0, 0, 0.4);
}

    /* Focused + error */
    .isp-connect-input.input-validation-error:focus {
        outline: none !important;
        border-color: var(--isc-error);
        box-shadow: 0 0 6px rgba(230, 0, 0, 0.6);
    }

.isp-connect-field--error .isp-connect-input {
    border-color: var(--isc-error);
}

.isp-connect-field--error .isp-connect-field-error {
    display: block;
}

.isp-connect-input-group {
    display: flex;
    align-items: stretch;
}

.isp-connect-input-prefix {
    display: flex;
    align-items: center;
    padding: 0 var(--isc-space-md);
    background: var(--isc-gray-100);
    border: 2px solid var(--isc-gray-300);
    border-right: none;
    border-radius: var(--isc-radius-md) 0 0 var(--isc-radius-md);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-600);
}

.isp-connect-input-group .isp-connect-input {
    border-radius: 0 var(--isc-radius-md) var(--isc-radius-md) 0;
    flex: 1;
}

/* Checkbox Styles */
.isp-connect-checkbox {
    display: flex;
    align-items: flex-start;
    gap: var(--isc-space-sm);
    cursor: pointer;
    padding: var(--isc-space-xs) 0;
}

    .isp-connect-checkbox input {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

.isp-connect-checkbox__box {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--isc-gray-400);
    border-radius: var(--isc-radius-sm);
    background: var(--isc-white);
    position: relative;
    transition: all var(--isc-transition-fast);
    margin-top: 2px;
}

.isp-connect-checkbox input:checked ~ .isp-connect-checkbox__box {
    background: var(--isc-primary);
    border-color: var(--isc-primary);
}

.isp-connect-checkbox__box::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid var(--isc-white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity var(--isc-transition-fast);
}

.isp-connect-checkbox input:checked ~ .isp-connect-checkbox__box::after {
    opacity: 1;
}

.isp-connect-checkbox__label {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-700);
    line-height: var(--isc-leading-relaxed);
}

.isp-connect-checkbox-group {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
}

.isp-connect-form-actions {
    display: flex;
    gap: var(--isc-space-md);
    justify-content: space-between;
    margin-top: var(--isc-space-xl);
    padding-top: var(--isc-space-lg);
    border-top: 1px solid var(--isc-gray-200);
}

.isp-connect-form-actions--right {
    justify-content: flex-end;
}

.isp-connect-form-note {
    display: flex;
    align-items: center;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-md);
    background: var(--isc-gray-50);
    border-radius: var(--isc-radius-md);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
}

    .isp-connect-form-note svg {
        width: 16px;
        height: 16px;
        fill: var(--isc-info);
        flex-shrink: 0;
    }

/* =========================================================================
   Card Components
   ========================================================================= */

.isp-connect-card {
    background: var(--isc-gray-100);
    border-radius: var(--isc-radius-xl);
    box-shadow: var(--isc-shadow-md);
    overflow: hidden;
    transition: all var(--isc-transition-base);
    position: relative;
}

/* Container-friendly card variant with no internal padding */
.isp-connect-card--container {
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

.isp-connect-card--product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .isp-connect-card--product:hover {
        transform: translateY(-4px);
        box-shadow: var(--isc-shadow-xl);
    }

.isp-connect-card--featured {
    border: 2px solid var(--isc-primary);
    box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.1), var(--isc-shadow-lg);
}

.isp-connect-card--highlight {
    padding: var(--isc-space-xl);
    background: linear-gradient(135deg, var(--isc-white) 0%, rgba(230, 0, 0, 0.02) 100%);
}

.isp-connect-card--summary {
    padding: var(--isc-space-lg);
    background: var(--isc-gray-50);
    border: 1px solid var(--isc-gray-200);
}

.isp-connect-card--confirmation {
    padding: var(--isc-space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-xl);
}

.isp-connect-card__badge {
    position: absolute;
    top: var(--isc-space-md);
    right: var(--isc-space-md);
    padding: var(--isc-space-2xs) var(--isc-space-sm);
    background: var(--isc-primary);
    color: var(--isc-white);
    font-size: var(--isc-font-size-xs);
    font-weight: var(--isc-font-bold);
    border-radius: var(--isc-radius-full);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.isp-connect-card__badge--premium {
    background: linear-gradient(135deg, var(--isc-accent), var(--isc-warning));
    color: var(--isc-dark);
}

.isp-connect-card__header {
    margin-bottom: var(--isc-space-lg);
}

.isp-connect-card__title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-xs);
}

.isp-connect-card__footer {
    margin-top: auto;
    padding-top: var(--isc-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
}

/* =========================================================================
   Availability Banner
   ========================================================================= */

.isp-connect-availability-banner {
    margin-bottom: var(--isc-space-xl);
    padding: var(--isc-space-lg);
    background: linear-gradient(135deg, rgba(130, 0, 0, 0.08), rgba(230, 0, 0, 0.05));
    border: 1px solid rgba(230, 0, 0, 0.2);
    border-radius: var(--isc-radius-xl);
    animation: availability-slide-in 0.6s ease-out;
}

.isp-connect-availability-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--isc-space-sm);
}

.isp-connect-availability-icon {
    width: 24px;
    height: 24px;
    color: var(--isc-success);
    flex-shrink: 0;
}

.isp-connect-availability-text {
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-success);
    text-align: center;
}

@keyframes availability-slide-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================================================
   New Product Card Styles
   ========================================================================= */

.isp-connect-card--new {
    border-radius: var(--isc-radius-xl);
    box-shadow: var(--isc-shadow-lg);
    transition: all var(--isc-transition-base);
    overflow: hidden;
    position: relative;
}

    .isp-connect-card--new:hover {
        transform: translateY(-4px);
        box-shadow: var(--isc-shadow-2xl);
    }

        .isp-connect-card--new:hover .isp-connect-card__provider-badge {
            background: rgba(255, 255, 255, 0.25);
            transform: scale(1.02);
        }

.isp-connect-card__header-new {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    padding: var(--isc-space-xl) var(--isc-space-xl) var(--isc-space-lg);
    color: var(--isc-white);
    margin: -1px -1px 0 -1px;
    border-radius: var(--isc-radius-xl) var(--isc-radius-xl) 0 0;
}

.isp-connect-card__header-content {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
}

.isp-connect-card__title-new {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-white);
    margin: 0;
}

.isp-connect-card__provider-badge {
    padding: var(--isc-space-2xs) var(--isc-space-sm);
    background: rgba(255, 255, 255, 0.2);
    border-radius: var(--isc-radius-sm);
    font-size: var(--isc-font-size-xs);
    font-weight: var(--isc-font-semibold);
    color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    align-self: flex-start;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all var(--isc-transition-base);
}

.isp-connect-card__body {
    padding: var(--isc-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-md);
}

.isp-connect-card__speed-display {
    text-align: center;
    margin: var(--isc-space-md) 0;
}

.isp-connect-speed-value-new {
    font-size: 2.75rem;
    font-weight: var(--isc-font-extrabold);
    color: var(--isc-primary);
    line-height: 1;
    display: block;
}

.isp-connect-speed-unit-new {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-600);
    display: block;
    margin-top: var(--isc-space-xs);
}

.isp-connect-card__price-new {
    text-align: center;
    padding: var(--isc-space-md);
    background: linear-gradient(135deg, var(--isc-gray-50), rgba(230, 0, 0, 0.02));
    border-radius: var(--isc-radius-lg);
    border: 1px solid var(--isc-gray-200);
    position: relative;
}

.isp-connect-price-main {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: var(--isc-space-xs);
    margin-bottom: var(--isc-space-xs);
}

.isp-connect-price-currency-new {
    font-size: var(--isc-font-size-lg);
    color: var(--isc-gray-500);
    font-weight: var(--isc-font-medium);
}

.isp-connect-price-value-new {
    font-size: var(--isc-font-size-3xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
}

.isp-connect-price-period-new {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
    display: block;
    position: relative;
}

    .isp-connect-price-period-new::after {
        display: none;
    }

.isp-connect-features-section {
    background: var(--isc-white);
    padding: var(--isc-space-lg);
    border-radius: var(--isc-radius-lg);
    border: 1px solid var(--isc-gray-200);
}

.isp-connect-features-title {
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-bold);
    color: var(--isc-gray-700);
    margin-bottom: var(--isc-space-md);
    letter-spacing: 0.5px;
}

.isp-connect-features-new {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
}

.isp-connect-feature-new {
    display: flex;
    align-items: flex-start;
    gap: var(--isc-space-sm);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
}

.isp-connect-feature-content {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-2xs);
}

    .isp-connect-feature-content strong {
        color: var(--isc-gray-700);
        font-weight: var(--isc-font-semibold);
    }

.isp-connect-feature-desc {
    font-size: var(--isc-font-size-xs);
    color: var(--isc-gray-500);
    line-height: var(--isc-leading-relaxed);
}

.isp-connect-feature__icon-new {
    width: 16px;
    height: 16px;
    fill: var(--isc-success);
    flex-shrink: 0;
}

.isp-connect-card__footer-new {
    padding: 0 var(--isc-space-lg) var(--isc-space-lg);
    margin-top: auto;
}

.isp-connect-btn--select {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    border: none;
    font-weight: var(--isc-font-bold);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: var(--isc-font-size-sm);
    min-height: 48px;
}

    .isp-connect-btn--select:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(230, 0, 0, 0.3);
    }

/* =========================================================================
   Specific Component Styles
   ========================================================================= */

/* Coverage Checker - New Two-Column Layout */
.isp-connect-coverage__header {
    text-align: center;
    margin-bottom: var(--isc-space-xl);
}

/* Coverage Steps */
.isp-connect-coverage-steps {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--isc-space-xl);
    margin-top: var(--isc-space-xl);
    padding: var(--isc-space-lg);
    background: var(--isc-gray-50);
    border-radius: var(--isc-radius-xl);
    border: 1px solid var(--isc-gray-200);
}

.isp-connect-coverage-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--isc-space-sm);
    position: relative;
}

    .isp-connect-coverage-step:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 16px;
        left: calc(100% + var(--isc-space-lg));
        width: var(--isc-space-xl);
        height: 2px;
        background: var(--isc-white);
    }

.isp-connect-coverage-step--complete:not(:last-child)::after {
    background: var(--isc-primary);
}

.isp-connect-coverage-step__marker {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--isc-gray-500); /* Vodafone Grey - pending step (red = active/complete) */
    color: var(--isc-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-bold);
    transition: all var(--isc-transition-base);
}

.isp-connect-coverage-step--complete .isp-connect-coverage-step__marker {
    background: var(--isc-success);
}

.isp-connect-coverage-step--active .isp-connect-coverage-step__marker {
    background: var(--isc-primary);
    box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.2);
}

.isp-connect-coverage-step__label {
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-medium);
    color: var(--isc-gray-600);
    text-align: center;
}

.isp-connect-coverage-step--active .isp-connect-coverage-step__label {
    color: var(--isc-primary);
    font-weight: var(--isc-font-semibold);
}

.isp-connect-coverage__container {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: var(--isc-space-2xl);
    align-items: start;
}

.isp-connect-coverage__sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-xl);
}

.isp-connect-coverage__map-container {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.isp-connect-coverage__map-header {
    text-align: center;
}

.isp-connect-coverage__map-title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-xs);
}

.isp-connect-coverage__map-subtitle {
    font-size: var(--isc-font-size-base);
    color: var(--isc-gray-600);
}

.isp-connect-coverage__map {
    border-radius: var(--isc-radius-xl);
    overflow: hidden;
    box-shadow: var(--isc-shadow-xl);
    border: 1px solid var(--isc-gray-200);
}

.isp-connect-map-placeholder {
    background: var(--isc-gray-50);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .isp-connect-map-placeholder svg {
        max-width: 100%;
        height: auto;
    }

/* Location Details Card */
.isp-connect-location-details {
    background: var(--isc-white);
    border: 1px solid var(--isc-gray-200);
    border-radius: var(--isc-radius-lg);
    padding: var(--isc-space-lg);
    box-shadow: var(--isc-shadow-sm);
}

.isp-connect-location-details__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--isc-space-md);
    padding-bottom: var(--isc-space-sm);
    border-bottom: 1px solid var(--isc-gray-200);
}

.isp-connect-location-details__title {
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
    margin: 0;
}

.isp-connect-location-status {
    display: flex;
    align-items: center;
    gap: var(--isc-space-xs);
    padding: var(--isc-space-xs) var(--isc-space-sm);
    background: rgba(230, 0, 0, 0.1);
    border-radius: var(--isc-radius-full);
}

.isp-connect-location-status-icon {
    width: 16px;
    height: 16px;
    color: var(--isc-success);
}

.isp-connect-location-status-text {
    font-size: var(--isc-font-size-xs);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-success);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.isp-connect-location-details__list {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
    margin: 0;
}

.isp-connect-location-detail {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-xs) 0;
}

    .isp-connect-location-detail dt {
        font-size: var(--isc-font-size-sm);
        font-weight: var(--isc-font-semibold);
        color: var(--isc-gray-600);
    }

    .isp-connect-location-detail dd {
        font-size: var(--isc-font-size-sm);
        color: var(--isc-dark);
        margin: 0;
        word-break: break-word;
    }

.isp-connect-icon {
    width: 20px;
    height: 20px;
    fill: var(--isc-gray-500);
}

/* Products Grid */
.isp-connect-products__header {
    text-align: center;
    margin-bottom: var(--isc-space-2xl);
}

.isp-connect-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: var(--isc-space-2xl);
}

.isp-connect-card__speed {
    display: flex;
    align-items: baseline;
    gap: var(--isc-space-2xs);
    margin-top: var(--isc-space-sm);
}

.isp-connect-speed-value {
    font-size: var(--isc-font-size-3xl);
    font-weight: var(--isc-font-extrabold);
    color: var(--isc-primary);
}

.isp-connect-speed-unit {
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-500);
}

.isp-connect-card__price {
    display: flex;
    align-items: baseline;
    gap: var(--isc-space-xs);
    margin-bottom: var(--isc-space-lg);
    padding-bottom: var(--isc-space-lg);
    border-bottom: 1px solid var(--isc-gray-200);
}

.isp-connect-price-currency {
    font-size: var(--isc-font-size-base);
    color: var(--isc-gray-500);
    font-weight: var(--isc-font-medium);
}

.isp-connect-price-value {
    font-size: var(--isc-font-size-2xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-dark);
}

.isp-connect-price-period {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-500);
}

.isp-connect-features {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
    margin-bottom: var(--isc-space-lg);
}

.isp-connect-feature {
    display: flex;
    align-items: flex-start;
    gap: var(--isc-space-sm);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
    line-height: var(--isc-leading-relaxed);
}

.isp-connect-feature__icon {
    width: 16px;
    height: 16px;
    fill: var(--isc-success);
    flex-shrink: 0;
    margin-top: 2px;
}

.isp-connect-provider {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-500);
    text-align: center;
}

/* Lead Capture */
.isp-connect-lead__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: var(--isc-space-xl);
}

.isp-connect-lead__icon {
    width: 72px;
    height: 72px;
    margin-bottom: var(--isc-space-lg);
}

/* Location Verification */
.isp-connect-location-verification {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-md);
}

.isp-connect-location-verification__status {
    display: flex;
    align-items: center;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-sm);
    background: rgba(230, 0, 0, 0.05);
    border: 1px solid rgba(230, 0, 0, 0.2);
    border-radius: var(--isc-radius-md);
}

.isp-connect-location-status-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.isp-connect-location-status-text {
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-success);
}

.isp-connect-location-verification__details {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-xs);
    margin: 0;
}

.isp-connect-verification-detail {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-2xs) 0;
}

    .isp-connect-verification-detail dt {
        font-size: var(--isc-font-size-xs);
        font-weight: var(--isc-font-semibold);
        color: var(--isc-gray-600);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .isp-connect-verification-detail dd {
        font-size: var(--isc-font-size-sm);
        color: var(--isc-dark);
        margin: 0;
        font-weight: var(--isc-font-medium);
    }

.isp-connect-btn--small {
    min-height: 44px;
    padding: var(--isc-space-xs) var(--isc-space-md);
    font-size: var(--isc-font-size-sm);
}

/* Lead Confirmation */
.isp-connect-lead-confirmation {
}

.isp-connect-confirmation-success {
    text-align: center;
}

.isp-connect-confirmation-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto var(--isc-space-xl);
    animation: confirmation-bounce 0.6s ease-out;
}

@keyframes confirmation-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.isp-connect-lead-confirmation__details {
    margin: var(--isc-space-2xl) 0;
}

.isp-connect-next-steps {
    list-style: none;
    margin: var(--isc-space-lg) 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.isp-connect-next-step {
    display: flex;
    gap: var(--isc-space-md);
    align-items: flex-start;
    padding: var(--isc-space-md);
    background: var(--isc-white);
    border-radius: var(--isc-radius-md);
    border: 1px solid var(--isc-gray-200);
    transition: all var(--isc-transition-fast);
}

    .isp-connect-next-step:hover {
        border-color: var(--isc-primary);
        box-shadow: 0 2px 8px rgba(230, 0, 0, 0.1);
    }

.isp-connect-next-step__icon {
    width: 20px;
    height: 20px;
    fill: var(--isc-primary);
    flex-shrink: 0;
    margin-top: 2px;
}

.isp-connect-next-step__content {
    flex: 1;
}

    .isp-connect-next-step__content strong {
        display: block;
        font-size: var(--isc-font-size-base);
        font-weight: var(--isc-font-semibold);
        color: var(--isc-dark);
        margin-bottom: var(--isc-space-xs);
    }

    .isp-connect-next-step__content p {
        font-size: var(--isc-font-size-sm);
        color: var(--isc-gray-600);
        line-height: var(--isc-leading-relaxed);
        margin: 0;
    }

.isp-connect-contact-info {
    margin-top: var(--isc-space-xl);
    padding: var(--isc-space-lg);
    background: rgba(230, 0, 0, 0.05);
    border-radius: var(--isc-radius-md);
    border: 1px solid rgba(230, 0, 0, 0.15);
}

.isp-connect-contact-text {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-700);
    margin: 0;
    text-align: center;
}

/* Order Form */
.isp-connect-order__container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: var(--isc-space-xl);
}

.isp-connect-order__summary {
    position: sticky;
    top: var(--isc-space-lg);
    height: fit-content;
}

.isp-connect-summary-item {
    display: flex;
    justify-content: space-between;
    padding: var(--isc-space-sm) 0;
    border-bottom: 1px solid var(--isc-gray-200);
}

.isp-connect-summary-item--total {
    border-bottom: none;
    border-top: 2px solid var(--isc-gray-300);
    margin-top: var(--isc-space-sm);
    padding-top: var(--isc-space-md);
    font-weight: var(--isc-font-bold);
}

.isp-connect-summary-label {
    color: var(--isc-gray-600);
    font-size: var(--isc-font-size-sm);
}

.isp-connect-summary-value {
    color: var(--isc-dark);
    font-weight: var(--isc-font-semibold) text-wrap-style: pretty;
    padding-left: 1rem;
}

.isp-connect-text--success {
    color: var(--isc-success);
}

/* Progress Bar */
.isp-connect-progress {
    margin-bottom: var(--isc-space-xl);
}

.isp-connect-progress__bar {
    height: 8px;
    background: var(--isc-white);
    border-radius: var(--isc-radius-full);
    overflow: hidden;
    margin-bottom: var(--isc-space-md);
}

.isp-connect-progress__fill {
    height: 100%;
    background: linear-gradient(90deg, var(--isc-tertiary), var(--isc-primary));
    border-radius: var(--isc-radius-full);
    transition: width var(--isc-transition-slow);
}

.isp-connect-progress__steps {
    display: flex;
    justify-content: space-between;
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-500);
}

.isp-connect-progress__step {
    position: relative;
    padding-left: var(--isc-space-lg);
}

    .isp-connect-progress__step::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        border: 2px solid var(--isc-gray-300);
        border-radius: 50%;
        background: var(--isc-white);
    }

.isp-connect-progress__step--complete::before {
    background: var(--isc-success);
    border-color: var(--isc-success);
}

.isp-connect-progress__step--active {
    color: var(--isc-primary);
    font-weight: var(--isc-font-semibold);
}

    .isp-connect-progress__step--active::before {
        background: var(--isc-primary);
        border-color: var(--isc-primary);
    }

/* Payment Form */
.isp-connect-payment__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--isc-space-xl);
    padding-bottom: var(--isc-space-lg);
    border-bottom: 2px solid var(--isc-gray-200);
}

.isp-connect-payment__amount {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--isc-space-2xs);
}

.isp-connect-payment__label {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-500);
}

.isp-connect-payment__value {
    font-size: var(--isc-font-size-2xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-primary);
}

.isp-connect-payment__methods {
    margin-bottom: var(--isc-space-xl);
}

.isp-connect-payment-method {
    position: relative;
    margin-bottom: var(--isc-space-md);
}

.isp-connect-payment-method__label {
    display: flex;
    align-items: center;
    gap: var(--isc-space-md);
    padding: var(--isc-space-md);
    border: 2px solid #4A4D4E;
    background: #fff;
    border-radius: var(--isc-radius-lg);
    cursor: pointer;
    transition: all var(--isc-transition-fast);
    /* Anchor text colour at the label so all descendant spans inherit a visible
       value by default, regardless of ambient page rules. */
    color: #25282B;
}

.isp-connect-payment-method__label:hover {
    border-color: var(--isc-primary);
    background: #FFFFFF;
}

.isp-connect-payment-method--selected .isp-connect-payment-method__label {
    border-color: var(--isc-primary);
    background: rgba(230, 0, 0, 0.05);
    box-shadow: 0 0 0 1px var(--isc-primary);
}

.isp-connect-payment-method__logo {
    width: fit-content;
    height: 24px;
}

.isp-connect-payment-method__name {
    font-weight: var(--isc-font-semibold);
    color: var(--isc-dark);
    display: block;
}

/* Description line beneath the method name. Force the colour with !important
   because somewhere in the stylesheet load order an ambient rule was painting
   the text white. The selector here is single-class (specificity 0,1,0), and
   anything trying to override should now be explicit about it. */
.isp-connect-payment-method__desc {
    display: block !important;
    margin-top: 2px !important;
    font-size: var(--isc-font-size-sm) !important;
    color: #4A4D4E !important;
    font-weight: 400 !important;
}

/* Two-column flex inside the label: visual radio dot on the left, name/desc
   stack on the right. The actual <input type="radio"> is sr-only so the dot
   is what the user sees as the selection indicator. */
.isp-connect-payment-method__text {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.isp-connect-payment-method__radio-dot {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #4A4D4E;
    background: #fff;
    position: relative;
    transition: border-color var(--isc-transition-fast), background var(--isc-transition-fast);
}

.isp-connect-payment-method__label:hover .isp-connect-payment-method__radio-dot {
    border-color: var(--isc-primary);
}

.isp-connect-payment-method--selected .isp-connect-payment-method__radio-dot {
    border-color: var(--isc-primary);
}

.isp-connect-payment-method--selected .isp-connect-payment-method__radio-dot::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 50%;
    background: var(--isc-primary);
}

.isp-connect-mpesa-instructions {
    background: var(--isc-gray-50);
    border-radius: var(--isc-radius-lg);
    padding: var(--isc-space-lg);
    margin-bottom: var(--isc-space-xl);
}

    .isp-connect-mpesa-instructions .isp-connect-heading--small:first-child {
        margin-top: 0;
    }

.isp-connect-steps-list {
    list-style: none;
    counter-reset: steps;
    margin-top: var(--isc-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-sm);
}

    .isp-connect-steps-list li {
        counter-increment: steps;
        position: relative;
        padding-left: var(--isc-space-xl);
        font-size: var(--isc-font-size-sm);
        color: var(--isc-gray-600);
        line-height: var(--isc-leading-relaxed);
    }

        .isp-connect-steps-list li::before {
            content: counter(steps);
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            background: var(--isc-primary);
            color: var(--isc-white);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: var(--isc-font-size-xs);
            font-weight: var(--isc-font-bold);
        }

/* Processing Screen */
.isp-connect-processing {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.isp-connect-processing__content {
    text-align: center;
    max-width: 450px;
    padding: 0 var(--isc-space-md);
}

    .isp-connect-processing__content .isp-connect-subtitle {
        hyphens: auto;
        overflow-wrap: break-word;
        line-height: var(--isc-leading-relaxed);
    }

.isp-connect-processing__animation {
    margin-bottom: var(--isc-space-xl);
}

.isp-connect-spinner {
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
}

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

.isp-connect-processing__status {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-md);
    margin: var(--isc-space-xl) 0;
    text-align: left;
}

.isp-connect-status-item {
    display: flex;
    align-items: center;
    gap: var(--isc-space-sm);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-500);
}

.isp-connect-status-item--complete {
    color: var(--isc-success);
}

.isp-connect-status-item--active {
    color: var(--isc-primary);
    font-weight: var(--isc-font-semibold);
}

.isp-connect-status-icon {
    width: 20px;
    height: 20px;
    border: 2px solid var(--isc-gray-300);
    border-radius: 50%;
    background: var(--isc-white);
    flex-shrink: 0;
}

.isp-connect-status-item--complete .isp-connect-status-icon {
    background: var(--isc-success);
    border-color: var(--isc-success);
    fill: var(--isc-white);
}

.isp-connect-pulse {
    width: 20px;
    height: 20px;
    background: var(--isc-primary);
    border-radius: 50%;
    animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.isp-connect-processing__info {
    margin: var(--isc-space-xl) 0;
}

.isp-connect-processing__error {
    margin-top: var(--isc-space-xl);
}

.isp-connect-error-text {
    color: #E60000;
    font-size: var(--isc-font-size-base);
    font-weight: 500;
    margin-bottom: var(--isc-space-md);
}

.isp-connect-info-text {
    display: inline-flex;
    align-items: center;
    gap: var(--isc-space-sm);
    padding: var(--isc-space-sm) var(--isc-space-md);
    background: var(--isc-gray-50);
    border-radius: var(--isc-radius-lg);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
}

    .isp-connect-info-text svg {
        width: 16px;
        height: 16px;
        fill: var(--isc-info);
    }

/* Confirmation Screen */
.isp-connect-confirmation__success {
    text-align: center;
}

.isp-connect-success-icon {
    width: 120px;
    height: 120px;
    margin: 0 auto var(--isc-space-xl);
    animation: success-bounce 0.5s ease-out;
}

@keyframes success-bounce {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.isp-connect-confirmation__details {
    margin: var(--isc-space-2xl) 0;
}

.isp-connect-confirmation-section {
    padding-bottom: var(--isc-space-xl);
    border-bottom: 1px solid var(--isc-gray-200);
}

    .isp-connect-confirmation-section:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

.isp-connect-details-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--isc-space-md);
    margin-top: var(--isc-space-md);
}

.isp-connect-detail {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-2xs);
}

    .isp-connect-detail dt {
        font-size: var(--isc-font-size-sm);
        color: var(--isc-gray-500);
    }

    .isp-connect-detail dd {
        font-size: var(--isc-font-size-base);
        font-weight: var(--isc-font-semibold);
        color: var(--isc-dark);
    }

.isp-connect-timeline {
    list-style: none;
    margin-top: var(--isc-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.isp-connect-timeline__item {
    display: flex;
    gap: var(--isc-space-md);
    position: relative;
}

    .isp-connect-timeline__item:not(:last-child)::after {
        content: '';
        position: absolute;
        left: 15px;
        top: 32px;
        bottom: calc(-1 * var(--isc-space-lg));
        width: 2px;
        background: var(--isc-white);
    }

.isp-connect-timeline__marker {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    color: var(--isc-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--isc-font-bold);
    font-size: var(--isc-font-size-sm);
}

.isp-connect-timeline__content {
    flex: 1;
    padding-top: var(--isc-space-2xs);
}

    .isp-connect-timeline__content strong {
        display: block;
        font-size: var(--isc-font-size-base);
        color: var(--isc-dark);
        margin-bottom: var(--isc-space-2xs);
    }

    .isp-connect-timeline__content p {
        font-size: var(--isc-font-size-sm);
        color: var(--isc-gray-600);
        line-height: var(--isc-leading-relaxed);
    }

/* =========================================================================
   Utility Classes
   ========================================================================= */

.isp-connect-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Text optimization utilities */
.isp-connect-text-balance {
    text-wrap: balance;
}

.isp-connect-text-no-wrap {
    white-space: nowrap;
}

.isp-connect-text-break {
    overflow-wrap: break-word;
    hyphens: auto;
}

/* Loading state utilities */
.isp-connect-loading {
    pointer-events: none;
    opacity: 0.7;
    position: relative;
}

    .isp-connect-loading::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }

/* =========================================================================
   Responsive Design
   ========================================================================= */

@media (max-width: 768px) {
    .isp-connect-component {
        margin: var(--isc-space-lg) var(--isc-space-md);
        padding: var(--isc-space-lg);
        border-radius: var(--isc-radius-lg);
    }

    .isp-connect-heading {
        font-size: var(--isc-font-size-2xl);
    }

    .isp-connect-coverage__container {
        grid-template-columns: 1fr;
        gap: var(--isc-space-xl);
    }

    .isp-connect-coverage__map-container {
        order: -1;
    }

    .isp-connect-products__grid {
        grid-template-columns: 1fr;
    }

    .isp-connect-order__container {
        grid-template-columns: 1fr;
    }

    .isp-connect-order__summary {
        position: static;
        margin-bottom: var(--isc-space-xl);
    }

    .isp-connect-form-actions {
        flex-direction: column-reverse;
    }

        .isp-connect-form-actions .isp-connect-btn {
            width: 100%;
        }

    .isp-connect-payment__header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--isc-space-md);
    }

    .isp-connect-payment__amount {
        align-items: flex-start;
    }

    .isp-connect-speed-value-new {
        font-size: 2.5rem;
    }

    .isp-connect-card__header-content {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--isc-space-sm);
    }

    .isp-connect-next-steps {
        gap: var(--isc-space-md);
    }

    .isp-connect-coverage-steps {
        gap: var(--isc-space-md);
        padding: var(--isc-space-md);
    }

    .isp-connect-coverage-step:not(:last-child)::after {
        display: none;
    }

    .isp-connect-coverage-step__label {
        font-size: var(--isc-font-size-xs);
    }
}

@media (max-width: 480px) {
    .isp-connect-component {
        margin: var(--isc-space-md);
        padding: var(--isc-space-md);
    }

    .isp-connect-form-row {
        grid-template-columns: 1fr;
    }

    .isp-connect-details-list {
        grid-template-columns: 1fr;
    }

    .isp-connect-progress__steps {
        display: none;
    }
}

/* =========================================================================
   Print Styles
   ========================================================================= */

@media print {
    .isp-connect-btn,
    .isp-connect-form-actions {
        display: none !important;
    }

    .isp-connect-component {
        box-shadow: none !important;
        border: 1px solid #000 !important;
    }
}

/* =========================================================================
   Performance Optimizations
   ========================================================================= */

/* Enable GPU acceleration for smooth animations */
.isp-connect-card--new,
.isp-connect-btn,
.isp-connect-availability-banner {
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* Optimize expensive hover effects */
@media (hover: hover) and (pointer: fine) {
    .isp-connect-card--new:hover .isp-connect-speed-value-new {
        color: var(--isc-tertiary);
        transform: scale(1.05);
        transition: all var(--isc-transition-base);
    }

    .isp-connect-card--new:hover .isp-connect-card__provider-badge {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
        transition: all var(--isc-transition-base);
    }
}

/* =========================================================================
   Premium Micro-interactions
   ========================================================================= */

.isp-connect-card--new {
    transition: all var(--isc-transition-base);
}

.isp-connect-availability-banner {
    position: relative;
    overflow: hidden;
}

    .isp-connect-availability-banner::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        animation: shimmer 2s infinite;
    }

@keyframes shimmer {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

.isp-connect-next-step {
    position: relative;
    overflow: hidden;
}

    .isp-connect-next-step::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 4px;
        height: 100%;
        background: var(--isc-primary);
        transform: scaleY(0);
        transition: transform var(--isc-transition-base);
        transform-origin: bottom;
    }

    .isp-connect-next-step:hover::before {
        transform: scaleY(1);
    }

/* =========================================================================
   Focus Visible (Accessibility)
   ========================================================================= */

:focus-visible {
    outline: 3px solid var(--isc-primary) !important;
    outline-offset: 2px !important;
}

.isp-connect-btn:focus-visible {
    outline: 3px solid var(--isc-accent) !important;
    outline-offset: 3px !important;
}

/* =========================================================================
   Reduced Motion
   ========================================================================= */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================================
   High Contrast Mode
   ========================================================================= */

@media (prefers-contrast: high) {
    .isp-connect-component {
        border: 2px solid;
    }

    .isp-connect-btn {
        border-width: 2px;
    }

    .isp-connect-input {
        border-width: 2px;
    }
}


/* =========================================================================
   Dynamic JavaScript Styles
   ========================================================================= */

.isp-connect-loading-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: isp-connect-spin 1s ease-in-out infinite;
}

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

.isp-connect-ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    transform: scale(0);
    animation: isp-connect-ripple-effect 0.6s linear;
    pointer-events: none;
}

@keyframes isp-connect-ripple-effect {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

.isp-connect-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 1rem 1.5rem;
    border-radius: 8px;
    background: #E60000;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 1000;
    animation: isp-connect-slide-in 0.3s ease-out;
}

.isp-connect-notification--error {
    background: #E60000;
}

.isp-connect-notification--warning {
    background: #FECB00;
    color: #25282B;
}

@keyframes isp-connect-slide-in {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.isp-connect-form--processing {
    pointer-events: none;
    opacity: 0.7;
}

.isp-connect-btn--focused {
    outline: 3px solid var(--isc-accent);
    outline-offset: 2px;
}

.isp-connect-coverage--mobile .isp-connect-coverage__map-container {
    order: -1;
}

/* =========================================================================
   Welcome/Landing Page Components
   ========================================================================= */
.isp-connect-welcome {
    /* White canvas; the hero/why-choose blocks are light grey (#D2DADC) so they
       read as soft panels against it. Scoped to the home page only - the generic
       .isp-connect-component keeps its own background elsewhere. */
    background: #FFFFFF;
}

/* Home page only: remove the .isp-connect-component outer top/bottom margin
   (keeps horizontal auto-centering). Scoped to the id so the shared
   .isp-connect-component class is unaffected on other pages. */
#isp-connect-home {
    margin-top: 0;
    margin-bottom: 0;
}

.isp-connect-hero {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--isc-space-3xl);
    align-items: center;
    padding: var(--isc-space-3xl) var(--isc-space-xl);
    min-height: 70vh;
    background: linear-gradient(135deg, var(--isc-gray-voda) 0%, var(--isc-gray-voda) 100%);
    border-radius: var(--isc-radius-xl);
    margin: var(--isc-space-lg) 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.isp-connect-hero__content {
    max-width: 560px;
    margin-left: var(--isc-space-3xl);
}

.isp-connect-hero__title {
    font-size: var(--isc-font-size-4xl);
    font-weight: var(--isc-font-bold);
    line-height: 1.1;
    color: var(--isc-gray-900);
    margin-bottom: var(--isc-space-lg);
}

.isp-connect-hero__subtitle {
    font-size: var(--isc-font-size-xl);
    color: var(--isc-gray-600);
    line-height: 1.6;
    margin-bottom: var(--isc-space-2xl);
}

.isp-connect-hero__features {
    display: flex;
    flex-wrap: wrap;
    gap: var(--isc-space-lg);
    margin-bottom: var(--isc-space-2xl);
}

.isp-connect-feature-highlight {
    display: flex;
    align-items: center;
    gap: var(--isc-space-sm);
    font-weight: var(--isc-font-medium);
    color: var(--isc-gray-700);
}

.isp-connect-feature-highlight__icon {
    width: 24px;
    height: 24px;
    color: var(--isc-primary);
    flex-shrink: 0;
}

.isp-connect-hero__visual {
    display: flex;
    justify-content: center;
    align-items: center;
}

.isp-connect-hero__illustration svg {
    width: 100%;
    height: auto;
    max-width: 400px;
}

.isp-connect-plans-preview {
    padding: var(--isc-space-3xl) var(--isc-space-xl);
    background: var(--isc-white);
    border-radius: var(--isc-radius-xl);
    margin: var(--isc-space-lg) 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.isp-connect-plans-preview__header {
    text-align: center;
    margin-bottom: var(--isc-space-2xl);
}

.isp-connect-plans-preview__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--isc-space-2xl);
    margin-bottom: var(--isc-space-2xl);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.isp-connect-plan-card {
    background: var(--isc-white);
    overflow: hidden;
    border: 1px solid var(--isc-primary);
    border-radius: var(--isc-radius-xl);
    padding: var(--isc-space-2xl);
    text-align: center;
    transition: all var(--isc-transition-base);
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    min-height: 320px;
}

    .isp-connect-plan-card:hover {
        border-color: var(--isc-primary);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
        transform: translateY(-4px);
    }

.isp-connect-plan-card--featured {
    border-color: var(--isc-primary);
    background: var(--isc-white);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

.isp-connect-plan-card__badge {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--isc-primary);
    color: var(--isc-white);
    padding: var(--isc-space-xs) var(--isc-space-lg);
    border-radius: var(--isc-radius-full);
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-medium);
}

.isp-connect-plan-card__speed {
    font-size: var(--isc-font-size-3xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-primary);
    margin-bottom: var(--isc-space-xs);
}

.isp-connect-plan-card__name {
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-medium);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-sm);
}

.isp-connect-plan-card__category {
    background: var(--isc-primary);
    color: var(--isc-white);
    margin: calc(-1 * var(--isc-space-2xl)) calc(-1 * var(--isc-space-2xl)) var(--isc-space-xl);
    padding: var(--isc-space-lg) var(--isc-space-2xl);
    font-size: var(--isc-font-size-2xl);
    font-weight: var(--isc-font-bold);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.isp-connect-plan-card__benefits {
    margin: var(--isc-space-lg) 0;
    flex-grow: 1;
}

.benefit-item {
    background: var(--isc-primary); /* Vodafone Red */
    padding: var(--isc-space-sm) var(--isc-space-md);
    border-radius: var(--isc-radius-md);
    font-size: var(--isc-font-size-sm);
    color: var(--isc-white);
    margin-bottom: var(--isc-space-sm);
    display: block;
    text-align: center;
    font-weight: var(--isc-font-medium);
}

.isp-connect-plan-card__ideal {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
    margin-top: auto;
    padding-top: var(--isc-space-md);
}

.isp-connect-plans-preview__cta {
    text-align: center;
}

.isp-connect-why-choose {
    padding: var(--isc-space-3xl) var(--isc-space-xl);
    background: var(--isc-gray-voda);
    border-radius: var(--isc-radius-xl);
    margin: var(--isc-space-lg) 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Dark heading on the light-grey section block */
.isp-connect-why-choose .isp-connect-heading {
    color: var(--isc-dark);
}

.isp-connect-why-choose__content {
    max-width: 1200px;
    margin: 0 auto;
}

.isp-connect-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--isc-space-2xl);
    margin-top: var(--isc-space-2xl);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.isp-connect-benefit {
    text-align: center;
    background: var(--isc-white);
    padding: var(--isc-space-xl);
    border-radius: var(--isc-radius-xl);
    border: 1px solid var(--isc-gray-300);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all var(--isc-transition-base);
}

    .isp-connect-benefit:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
        border-color: var(--isc-primary);
    }

.isp-connect-benefit__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--isc-space-lg);
    color: var(--isc-primary);
}

.isp-connect-benefit__title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-900);
    margin-bottom: var(--isc-space-sm);
}

.isp-connect-benefit__desc {
    color: var(--isc-gray-600);
    line-height: 1.6;
}

/* Tablet responsiveness */
@media (max-width: 1024px) {
    .isp-connect-plans-preview__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--isc-space-xl);
    }

    .isp-connect-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--isc-space-xl);
    }
}

/* Mobile responsiveness for welcome page */
@media (max-width: 768px) {
    .isp-connect-hero {
        grid-template-columns: 1fr;
        gap: var(--isc-space-2xl);
        padding: var(--isc-space-2xl) var(--isc-space-lg);
        min-height: auto;
        text-align: center;
        margin: var(--isc-space-sm);
    }

    .isp-connect-hero__content {
        margin-left: 0;
    }

    .isp-connect-hero__title {
        font-size: var(--isc-font-size-3xl);
    }

    .isp-connect-hero__subtitle {
        font-size: var(--isc-font-size-lg);
    }

    .isp-connect-hero__features {
        justify-content: center;
    }

    .isp-connect-plans-preview,
    .isp-connect-why-choose {
        padding: var(--isc-space-2xl) var(--isc-space-lg);
        margin: var(--isc-space-sm);
    }

    .isp-connect-plans-preview__grid {
        grid-template-columns: 1fr;
        gap: var(--isc-space-lg);
    }

    .isp-connect-benefits-grid {
        grid-template-columns: 1fr;
        gap: var(--isc-space-xl);
    }
}

@media (max-width: 480px) {
    .isp-connect-hero {
        padding: var(--isc-space-xl) var(--isc-space-md);
        margin: var(--isc-space-xs);
    }

    .isp-connect-hero__title {
        font-size: var(--isc-font-size-2xl);
    }

    .isp-connect-hero__features {
        flex-direction: column;
        align-items: center;
        gap: var(--isc-space-sm);
    }

    .isp-connect-plans-preview,
    .isp-connect-why-choose {
        padding: var(--isc-space-xl) var(--isc-space-md);
        margin: var(--isc-space-xs);
    }

    .isp-connect-plan-card {
        padding: var(--isc-space-lg);
    }
}

/* Orbit Spinner */
/* Loading Overlay */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 40, 43, 0.8);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--isc-transition-base), visibility var(--isc-transition-base);
}

    .loading-overlay.show {
        opacity: 1;
        visibility: visible;
    }

/* Loading Spinner Demo */
.spinner-demo {
    background: var(--isc-white);
    padding: var(--isc-space-2xl);
    border-radius: var(--isc-radius-xl);
    box-shadow: var(--isc-shadow-2xl);
    border: 1px solid var(--isc-gray-200);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 300px;
    transform: scale(0.8);
    transition: transform var(--isc-transition-bounce);
}

.loading-overlay.show .spinner-demo {
    transform: scale(1);
}

.spinner-title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-dark);
    margin-bottom: var(--isc-space-lg);
    text-align: center;
}

.spinner-description {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
    margin-top: var(--isc-space-lg);
    text-align: center;
}

/* Orbital Spinner */
.spinner {
    display: inline-block;
    position: relative;
}

.spinner-orbit {
    width: 64px;
    height: 64px;
    position: relative;
}

    .spinner-orbit::before,
    .spinner-orbit::after {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: var(--isc-radius-full);
        background: var(--isc-tertiary);
        animation: orbit 2s linear infinite;
        box-shadow: var(--isc-shadow-md);
    }

    .spinner-orbit::before {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .spinner-orbit::after {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        background: var(--isc-primary);
        animation-delay: 1s;
    }

@keyframes orbit {
    0% {
        transform: translateX(-50%) rotate(0deg) translateX(24px) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) rotate(360deg) translateX(24px) rotate(-360deg);
    }
}
/* Orbit Spinner */


/*#region Coverage details */

/* No Coverage State */
.no-coverage-container {
    background: var(--isc-gray-50);
    border: 2px solid var(--isc-gray-500);
    border-radius: var(--isc-radius-xl);
    padding: var(--isc-space-2xl);
    text-align: center;
    margin-bottom: var(--isc-space-lg);
    display: none;
}

    .no-coverage-container.show {
        display: block;
        animation: slideIn var(--isc-transition-bounce);
    }

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.no-coverage-icon {
    font-size: 3rem;
    margin-bottom: var(--isc-space-lg);
    color: var(--isc-error);
}

.no-coverage-title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-error);
    margin-bottom: var(--isc-space-md);
}

.no-coverage-message {
    font-size: var(--isc-font-size-base);
    color: var(--isc-gray-700);
    margin-bottom: var(--isc-space-xl);
    line-height: var(--isc-leading-relaxed);
}

/* Action Buttons */
.action-buttons {
    display: flex;
    gap: var(--isc-space-md);
    flex-wrap: wrap;
    justify-content: center;
}

.btn {
    flex: 1;
    min-width: 140px;
    padding: var(--isc-space-md) var(--isc-space-lg);
    border: 2px solid;
    border-radius: var(--isc-radius-lg);
    font-family: var(--isc-font-family);
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-medium);
    cursor: pointer;
    transition: all var(--isc-transition-base);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--isc-space-xs);
}

    .btn:hover {
        transform: translateY(-1px);
        box-shadow: var(--isc-shadow-md);
    }

.btn-retry {
    background: transparent;
    border-color: var(--isc-accent);
    color: var(--isc-accent);
}

    .btn-retry:hover {
        background: rgba(254, 203, 0, 0.1);
        border-color: #FECB00;
        color: #FECB00;
    }

.btn-notify {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    border-color: var(--isc-primary);
    color: var(--isc-white);
}

    .btn-notify:hover {
        background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    }

/* Coverage Available State */
.coverage-available {
    background: rgba(230, 0, 0, 0.1);
    border: 2px solid var(--isc-success);
    border-radius: var(--isc-radius-xl);
    padding: var(--isc-space-2xl);
    text-align: center;
    margin-bottom: var(--isc-space-lg);
    display: none;
}

    .coverage-available.show {
        display: block;
        animation: slideIn var(--isc-transition-bounce);
    }

.coverage-available-icon {
    font-size: 3rem;
    margin-bottom: var(--isc-space-lg);
    color: var(--isc-success);
}

.coverage-available-title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-success);
    margin-bottom: var(--isc-space-md);
}

.coverage-available-message {
    font-size: var(--isc-font-size-base);
    color: var(--isc-gray-700);
    margin-bottom: var(--isc-space-xl);
    line-height: var(--isc-leading-relaxed);
}

.btn-get-coverage {
    background: linear-gradient(135deg, var(--isc-success), #820000);
    border-color: var(--isc-success);
    color: var(--isc-white);
    width: 100%;
    font-size: var(--isc-font-size-lg);
    padding: var(--isc-space-lg);
}

    .btn-get-coverage:hover {
        background: linear-gradient(135deg, #820000, var(--isc-success));
    }


/*#endregion */


/*#region Auth user */

.auth-container {
    background: var(--isc-white);
    border-radius: var(--isc-radius-2xl);
    box-shadow: var(--isc-shadow-2xl);
    overflow: hidden;
    width: 100%;
    max-width: 440px;
    position: relative;
    margin: auto;
    margin-top: 3rem;
}

.auth-header {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    color: var(--isc-white);
    padding: var(--isc-space-2xl) var(--isc-space-xl);
    text-align: center;
    position: relative;
}

    .auth-header::before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 10px solid var(--isc-tertiary);
    }

.auth-logo {
    width: 68px;
    height: 68px;
    margin: 0 auto var(--isc-space-lg);
    background: rgba(255, 255, 255, 0.15);
    border-radius: var(--isc-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    overflow: hidden;
}

.auth-logo-img {
    width: 44px;
    height: 44px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.auth-title {
    font-size: var(--isc-font-size-2xl);
    font-weight: var(--isc-font-bold);
    margin-bottom: var(--isc-space-xs);
}

.auth-subtitle {
    font-size: var(--isc-font-size-base);
    opacity: 0.9;
}

.auth-body {
    padding: var(--isc-space-2xl) var(--isc-space-xl) var(--isc-space-xl);
}

/* Progress Steps */
.auth-progress {
    display: flex;
    justify-content: center;
    margin-bottom: var(--isc-space-2xl);
    gap: var(--isc-space-md);
}

.auth-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--isc-space-xs);
    position: relative;
}

    .auth-step:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 16px;
        left: calc(100% + var(--isc-space-sm));
        width: var(--isc-space-lg);
        height: 2px;
        background: var(--isc-white);
    }

    .auth-step.complete:not(:last-child)::after {
        background: var(--isc-primary);
    }

.auth-step-marker {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--isc-gray-500); /* Vodafone Grey - pending step (red = active/complete) */
    color: var(--isc-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-bold);
    transition: all var(--isc-transition-base);
}

.auth-step.complete .auth-step-marker {
    background: var(--isc-success);
}

.auth-step.active .auth-step-marker {
    background: var(--isc-primary);
    box-shadow: 0 0 0 4px rgba(230, 0, 0, 0.2);
}

.auth-step-label {
    font-size: var(--isc-font-size-xs);
    color: var(--isc-gray-500);
    text-align: center;
}

.auth-step.active .auth-step-label {
    color: var(--isc-primary);
    font-weight: var(--isc-font-semibold);
}

/* Mode Toggle */
.mode-toggle {
    display: flex;
    background: var(--isc-gray-300);
    border-radius: var(--isc-radius-lg);
    padding: var(--isc-space-2xs);
    margin-bottom: var(--isc-space-xl);
}

.mode-btn {
    flex: 1;
    padding: var(--isc-space-sm) var(--isc-space-md);
    border: none;
    background: transparent;
    color: var(--isc-gray-600);
    font-weight: var(--isc-font-medium);
    border-radius: var(--isc-radius-md);
    cursor: pointer;
    transition: all var(--isc-transition-base);
    font-size: var(--isc-font-size-sm);
}

    .mode-btn.active {
        background: var(--isc-white);
        color: var(--isc-primary);
        box-shadow: var(--isc-shadow-sm);
    }

/* Form Styles */
.auth-form {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-lg);
}

.form-field {
    display: flex;
    flex-direction: column;
    gap: var(--isc-space-xs);
}

.form-label {
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-700);
    display: flex;
    align-items: center;
    gap: var(--isc-space-xs);
}

    .form-label.required::after {
        content: '*';
        color: var(--isc-error);
        font-weight: var(--isc-font-bold);
    }

.form-input {
    min-height: 48px;
    padding: var(--isc-space-sm) var(--isc-space-md);
    font-size: var(--isc-font-size-base);
    font-family: var(--isc-font-family);
    border: 2px solid var(--isc-gray-300);
    border-radius: var(--isc-radius-md);
    background: var(--isc-white);
    transition: all var(--isc-transition-fast);
}

    .form-input:hover {
        border-color: var(--isc-gray-400);
    }

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

    .form-input.error {
        border-color: var(--isc-error);
    }

.form-error {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-error);
    display: none;
}

    .form-error.show {
        display: block;
    }

.form-help {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
}

/* Password Strength Indicator */
.password-strength {
    margin-top: var(--isc-space-xs);
    display: none;
}

    .password-strength.show {
        display: block;
    }

.strength-bar {
    height: 4px;
    background: var(--isc-white);
    border-radius: var(--isc-radius-sm);
    overflow: hidden;
    margin-bottom: var(--isc-space-xs);
}

.strength-fill {
    height: 100%;
    transition: all var(--isc-transition-base);
    width: 0%;
}

    .strength-fill.weak {
        background: var(--isc-error);
        width: 25%;
    }

    .strength-fill.fair {
        background: var(--isc-warning);
        width: 50%;
    }

    .strength-fill.good {
        background: var(--isc-info);
        width: 75%;
    }

    .strength-fill.strong {
        background: var(--isc-success);
        width: 100%;
    }

.strength-text {
    font-size: var(--isc-font-size-xs);
    color: var(--isc-gray-600);
}

/* OTP Input */
.otp-container {
    display: flex;
    gap: var(--isc-space-sm);
    justify-content: center;
    margin: var(--isc-space-lg) 0;
}

.otp-input {
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-bold);
    border: 2px solid var(--isc-gray-300);
    border-radius: var(--isc-radius-md);
    background: var(--isc-white);
    transition: all var(--isc-transition-fast);
    color: var(--isc-gray-800);
}

    .otp-input:hover {
        border-color: var(--isc-gray-400);
    }

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

    .otp-input.filled {
        border-color: var(--isc-primary);
        background: rgba(230, 0, 0, 0.05);
    }

/* Button Styles */
.auth-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--isc-space-xs);
    min-height: 48px;
    padding: var(--isc-space-sm) var(--isc-space-lg);
    font-family: var(--isc-font-family);
    font-size: var(--isc-font-size-base);
    font-weight: var(--isc-font-semibold);
    border: 2px solid transparent;
    border-radius: var(--isc-radius-lg);
    cursor: pointer;
    transition: all var(--isc-transition-base);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.auth-btn-primary {
    background: linear-gradient(135deg, var(--isc-tertiary), var(--isc-primary));
    color: var(--isc-white);
    box-shadow: 0 4px 14px 0 rgba(230, 0, 0, 0.3);
}

    .auth-btn-primary:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px 0 rgba(230, 0, 0, 0.4);
    }

.auth-btn-secondary {
    background: transparent;
    color: var(--isc-gray-600);
    border-color: var(--isc-gray-300);
}

    .auth-btn-secondary:hover:not(:disabled) {
        border-color: var(--isc-gray-400);
        color: var(--isc-dark);
    }

.auth-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.auth-btn-loading {
    position: relative;
}

    .auth-btn-loading .btn-text {
        opacity: 0;
    }

.loading-spinner {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s ease-in-out infinite;
}

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

/* Screen Management */
.auth-screen {
    display: none;
}

    .auth-screen.active {
        display: block;
    }

/* OTP Resend */
.otp-resend {
    text-align: center;
    margin-top: var(--isc-space-lg);
}

.otp-timer {
    font-size: var(--isc-font-size-sm);
    color: var(--isc-gray-600);
}

.resend-btn {
    background: none;
    border: none;
    color: var(--isc-primary);
    font-size: var(--isc-font-size-sm);
    font-weight: var(--isc-font-semibold);
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

    .resend-btn:hover {
        color: var(--isc-tertiary);
    }

    .resend-btn:disabled {
        color: var(--isc-gray-400);
        cursor: not-allowed;
        text-decoration: none;
    }

/* Success Screen */
.success-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto var(--isc-space-lg);
    background: var(--isc-success);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--isc-white);
    font-size: var(--isc-font-size-2xl);
    animation: success-bounce 0.6s ease-out;
}

@keyframes success-bounce {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.success-message {
    text-align: center;
    margin-bottom: var(--isc-space-xl);
}

.success-title {
    font-size: var(--isc-font-size-xl);
    font-weight: var(--isc-font-bold);
    color: var(--isc-success);
    margin-bottom: var(--isc-space-sm);
}

.success-text {
    color: var(--isc-gray-600);
}

/* Responsive */
@media (max-width: 480px) {
    .auth-container {
        margin: var(--isc-space-md);
        max-width: none;
    }

    .auth-header {
        padding: var(--isc-space-xl) var(--isc-space-lg);
    }

    .auth-body {
        padding: var(--isc-space-xl) var(--isc-space-lg) var(--isc-space-lg);
    }

    .otp-container {
        gap: var(--isc-space-xs);
    }

    .otp-input {
        width: 42px;
        height: 42px;
        font-size: var(--isc-font-size-base);
    }
}

/*#endregion */


/*#region Alert */

/* Alert Container */
.isc-alert-container {
    position: fixed;
    z-index: 10000;
    pointer-events: none;
}

    /* Position variants */
    .isc-alert-container.bottom-right {
        bottom: var(--isc-space-lg);
        right: var(--isc-space-lg);
        display: flex;
        flex-direction: column;
        gap: var(--isc-space-sm);
        max-width: 420px;
    }

    .isc-alert-container.center {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 480px;
        width: 90vw;
    }

/* Alert Base Styles */
.isc-alert {
    display: flex;
    align-items: flex-start;
    gap: var(--isc-space-md);
    padding: var(--isc-space-lg);
    border-radius: var(--isc-radius-xl);
    box-shadow: var(--isc-shadow-2xl);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    pointer-events: auto;
    position: relative;
    overflow: hidden;
    transform: translateX(100%);
    opacity: 0;
    transition: all var(--isc-transition-bounce);
    max-width: 100%;
    min-width: 320px;
}

.isc-alert-container.center .isc-alert {
    transform: scale(0.8);
}

.isc-alert.show {
    transform: translateX(0);
    opacity: 1;
}

.isc-alert-container.center .isc-alert.show {
    transform: scale(1);
}

.isc-alert.hide {
    transform: translateX(100%);
    opacity: 0;
}

.isc-alert-container.center .isc-alert.hide {
    transform: scale(0.8);
    opacity: 0;
}

/* Alert Variants */
.isc-alert.success {
    background: linear-gradient(135deg, rgba(230, 0, 0, 0.95) 0%, rgba(230, 0, 0, 0.95) 100%);
    color: var(--isc-white);
    border-color: rgba(255, 255, 255, 0.3);
}

.isc-alert.error {
    background: linear-gradient(135deg, rgba(230, 0, 0, 0.95) 0%, rgba(230, 0, 0, 0.95) 100%);
    color: var(--isc-white);
    border-color: rgba(255, 255, 255, 0.3);
}

.isc-alert.info {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%);
    color: var(--isc-gray-800);
    border-color: rgba(230, 0, 0, 0.3);
}

/* Alert Icon */
.isc-alert-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    margin-top: var(--isc-space-2xs);
}

    .isc-alert-icon svg {
        width: 14px;
        height: 14px;
        fill: currentColor;
    }

/* Alert Content */
.isc-alert-content {
    flex: 1;
    min-width: 0;
}

.isc-alert-title {
    font-size: var(--isc-font-size-base);
    font-weight: var(--isc-font-bold);
    margin-bottom: var(--isc-space-xs);
    color: inherit;
    line-height: 1.4;
}

.isc-alert-message {
    font-size: var(--isc-font-size-sm);
    color: inherit;
    line-height: 1.5;
    word-wrap: break-word;
    opacity: 0.95;
}

/* Close Button */
.isc-alert-close {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: inherit;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--isc-transition-fast);
    margin-top: var(--isc-space-2xs);
}

    .isc-alert-close:hover {
        background: rgba(255, 255, 255, 0.3);
        transform: scale(1.1);
    }

    .isc-alert-close svg {
        width: 12px;
        height: 12px;
        fill: currentColor;
    }

/* Progress Bar */
.isc-alert-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0 0 var(--isc-radius-xl) var(--isc-radius-xl);
    transform-origin: left;
    animation: alert-progress 5s linear forwards;
}

@keyframes alert-progress {
    from {
        width: 100%;
    }

    to {
        width: 0%;
    }
}

/*#endregion */

/* =========================================================================
   Language Dropdown — Unified Styling (matches ssp-theme.css header-lang-*)
   ========================================================================= */

.header-lang-wrap {
    position: relative;
}

.isp-connect-language-selector.header-lang-wrap {
    position: fixed;
    top: 16px;
    /* Sits left of the Home button (which is at right:92px and ~80px wide).
       Bumped from the old 126px because the Home button now occupies that slot. */
    right: 200px;
    z-index: 1000;
}

/* Login button — floats top-right on ISPConnect pages */
.isp-connect-login-btn {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 18px;
    background: var(--isc-primary, #e60000);
    color: #fff !important;
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: background 0.15s, box-shadow 0.15s;
    white-space: nowrap;
}

.isp-connect-login-btn:hover {
    background: #E60000;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    color: #fff !important;
    text-decoration: none !important;
}

/* Fixed header strip behind the logo + nav buttons. Opaque light-grey so
   page hero sections (red, dark images) scroll cleanly underneath without
   washing out the logo or the buttons sitting on top. Set z-index lower
   than the logo/buttons so they paint over it. */
.isp-connect-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    background: #FFFFFF;
    border-bottom: 1px solid #D2DADC;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    z-index: 999;
}

/* Vodacom logo — top-left, clickable back to /ISPConnect. Sized to match
   the post-login header-logo (135×53 in Style.css). The header bar above
   provides the contrast, so the logo itself no longer needs a pill. */
.isp-connect-home-logo {
    position: fixed;
    top: 10px;
    left: 16px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    line-height: 0;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    text-decoration: none !important;
}

.isp-connect-home-logo img {
    width: 135px;
    height: 53px;
    display: block;
}

/* Home button — sits between Login and the language selector. The right
   offset has to clear the Login button (40px wide @ 18px padding ≈ 92px
   inc margin) so it doesn't overlap. */
.isp-connect-home-btn {
    position: fixed;
    top: 16px;
    right: 92px;
    z-index: 1000;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 16px;
    background: rgba(255, 255, 255, 0.95);
    color: #25282B !important;
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid #D2DADC;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.15s;
    white-space: nowrap;
}

.isp-connect-home-btn:hover {
    border-color: var(--isc-primary, #e60000);
    color: var(--isc-primary, #e60000) !important;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    text-decoration: none !important;
}

button.header-lang-btn,
.header-lang-btn {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid #D2DADC !important;
    border-radius: 8px !important;
    padding: 7px 12px !important;
    font-family: 'Mulish', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4A4D4E !important;
    cursor: pointer !important;
    transition: all 0.15s !important;
    height: 40px !important;
    line-height: 1 !important;
    margin: 0 !important;
    outline: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    backdrop-filter: blur(10px);
}

button.header-lang-btn:hover,
.header-lang-btn:hover {
    border-color: var(--isc-primary, #e60000) !important;
    color: var(--isc-primary, #e60000) !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}

.header-lang-current {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

div.header-lang-dropdown,
.header-lang-dropdown {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 2px) !important;
    right: 0 !important;
    left: auto !important;
    background: #fff !important;
    border: 1px solid #D2DADC !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    z-index: 1001 !important;
    padding: 4px 0 !important;
    min-width: 100% !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
}

div.header-lang-dropdown.show,
.header-lang-dropdown.show {
    display: block !important;
}

.header-lang-dropdown .header-lang-option,
.header-lang-dropdown a.header-lang-option,
a.header-lang-option {
    display: block !important;
    padding: 8px 16px !important;
    font-family: 'Mulish', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #25282B !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    border: none !important;
    background: none !important;
    text-align: left !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background 0.12s !important;
}

.header-lang-dropdown .header-lang-option:hover,
.header-lang-dropdown a.header-lang-option:hover,
a.header-lang-option:hover {
    background: #FFFFFF !important;
    color: var(--isc-primary, #e60000) !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .isp-connect-language-selector.header-lang-wrap {
        top: 10px;
        right: 168px;
    }

    button.header-lang-btn,
    .header-lang-btn {
        padding: 5px 10px !important;
        height: 36px !important;
        font-size: 12px !important;
    }

    .isp-connect-login-btn {
        top: 10px;
        right: 10px;
        height: 36px;
        padding: 0 12px;
        font-size: 12px;
    }

    .isp-connect-home-btn {
        top: 10px;
        right: 78px;
        height: 36px;
        padding: 0 10px;
        font-size: 12px;
    }

    /* Mobile: shorter header (56px) + smaller logo. Buttons at top:10px
       height:36px → centre at 28px; logo 40px tall → top = 28 - 20 = 8px. */
    .isp-connect-header {
        height: 56px;
    }

    .isp-connect-home-logo {
        top: 8px;
        left: 10px;
    }

    .isp-connect-home-logo img {
        width: 100px;
        height: 40px;
    }
}

/* Installation Address Card (shared partial) */
.install-address-card {
    border: 1px solid var(--isc-gray-200, #4A4D4E);
    border-radius: var(--isc-radius-lg, 12px);
    overflow: hidden;
    margin-bottom: 24px;
    background: var(--isc-white, #fff);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.install-address-header {
    background: var(--isc-primary, #e60000);
    color: #fff;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.3px;
}

.install-address-body {
    padding: 20px;
}

.install-address-row {
    padding: 8px 0;
}

.install-address-row--full {
    padding-bottom: 14px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--isc-gray-100, #FFFFFF);
}

.install-address-label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--isc-gray-500, #4A4D4E);
    margin-bottom: 3px;
}

.install-address-value {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--isc-dark, #25282B);
    word-break: break-word;
    line-height: 1.4;
}

.install-address-pairs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4px 24px;
}

.install-address-pairs .install-address-row {
    border-bottom: none;
    padding: 8px 0;
}

@media (max-width: 768px) {
    .install-address-pairs {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .install-address-pairs {
        grid-template-columns: 1fr;
    }
}

.install-address-date {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--isc-gray-100, #FFFFFF);
}

.install-address-date-input {
    width: 100%;
    max-width: 280px;
    height: 40px;
    border: 1px solid var(--isc-gray-300, #4A4D4E);
    border-radius: var(--isc-radius-md, 8px);
    padding: 0 12px;
    font-family: var(--isc-font-family, 'Mulish', sans-serif);
    font-size: 14px;
    color: var(--isc-dark, #25282B);
    margin-top: 4px;
}

.install-address-date-input:focus {
    border-color: var(--isc-primary, #e60000);
    outline: none;
    box-shadow: 0 0 0 3px rgba(230, 0, 0, 0.1);
}

.install-address-date-input:invalid {
    border-color: var(--isc-gray-300, #4A4D4E);
    box-shadow: none;
}

.install-address-date-input:user-invalid,
form.was-validated .install-address-date-input:invalid {
    border-color: var(--isc-error, #E60000);
    box-shadow: 0 0 0 3px rgba(230, 0, 0, 0.08);
}

/* Password toggle */
.isp-pwd-wrap { position: relative; }
.isp-pwd-wrap .isp-connect-input { padding-right: 44px; }
.isp-pwd-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    user-select: none;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4A4D4E;
    opacity: 0.8;
    transition: opacity 0.2s, color 0.2s;
}
.isp-pwd-toggle:hover {
    opacity: 1;
    color: #25282B;
}
.isp-pwd-toggle svg {
    width: 20px;
    height: 20px;
    display: block;
    pointer-events: none;
}

/* ========================================================================= 
   MPesa USSD Push waiting screen (Views/ISPConnect/UssdWaiting.cshtml).
   Moved out of inline <style> to stay CSP-safe under style-src 'self'.
========================================================================= */

.isp-connect-ussd-waiting {
    padding: 24px 16px;
}

.isp-connect-ussd-countdown {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 24px 0;
}

.isp-connect-ussd-countdown__ring {
    position: relative;
    width: 120px;
    height: 120px;
}

.isp-connect-ussd-countdown__ring svg {
    transition: stroke-dashoffset 1s linear;
}

.isp-connect-ussd-countdown__ring #ussd-ring {
    transition: stroke-dashoffset 1s linear;
}

.isp-connect-ussd-countdown__ring span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
    color: #e60000;
}

.isp-connect-ussd-ref {
    margin-top: 16px;
    font-size: 14px;
    color: #4A4D4E;
}

.isp-connect-ussd-retry {
    text-align: center;
    padding: 16px 0;
}

/* ============================================================
   Shared alert / banner components (Vodafone palette)
   Text colour follows palette rule: black on bright fills
   (Spring Green / Fresh Orange), white on Red / Aqua Blue.
   ============================================================ */
.ssp-alert {
    border-radius: 8px;
    padding: 14px 20px;
    margin: 16px auto;
    max-width: 1100px;
    font-size: 0.95rem;
    font-weight: 600;
}
.ssp-alert--success { background: #A8B400; color: #000000; border: 1px solid #A8B400; }
.ssp-alert--error   { background: #E60000; color: #FFFFFF; border: 1px solid #820000; }
.ssp-alert--info    { background: #00B0CA; color: #FFFFFF; border: 1px solid #007C92; }
.ssp-alert--warning { background: #EB9700; color: #000000; border: 1px solid #EB9700; }
.ssp-alert--brand   { background: #E60000; color: #FFFFFF; border: 1px solid #820000; text-align: center; box-shadow: 0 2px 6px rgba(230, 0, 0, 0.25); max-width: none; }

/* Centered modal with a dimmed backdrop for funnel-level dialogs (e.g. the
   session-expired notice on the ISP Connect landing). Same backdrop-and-box
   pattern as the payment screen's modal; hidden until `.is-open` is added. */
.isp-connect-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: var(--isc-space-md);
    background: rgba(17, 24, 39, 0.6);
}

.isp-connect-modal.is-open {
    display: flex;
}

.isp-connect-modal__box {
    width: 100%;
    max-width: 420px;
    padding: var(--isc-space-xl);
    background: var(--isc-white);
    border-radius: var(--isc-radius-lg);
    box-shadow: var(--isc-shadow-2xl);
    text-align: center;
}

.isp-connect-modal__message {
    margin: 0 0 var(--isc-space-lg);
    font-size: var(--isc-font-size-lg);
    font-weight: var(--isc-font-semibold);
    color: var(--isc-gray-800);
    line-height: 1.5;
}

/* =========================================================================
   Footer — legal document links (Terms / Privacy / FAQ, English + Swahili)
   The shared _Footer.cshtml partial uses the .hp-footer classes, defined in
   ssp-theme.css. ISP Connect loads ONLY this bundle (not ssp-theme.css), so
   the footer is styled here — kept BYTE-IDENTICAL to the customer (main-site)
   footer in ssp-theme.css so both flows render the same bar.
   ========================================================================= */
.hp-footer {
    background-color: #4A4D4E;
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.hp-footer-links {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.hp-footer-links a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    white-space: nowrap;
}

.hp-footer-links a:hover {
    color: #fff;
    text-decoration: underline;
}

.hp-footer-copyright {
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
}