/* Minification failed. Returning unminified contents.
(392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(475,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(476,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(477,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(478,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(482,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(483,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(484,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(485,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(486,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(487,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(488,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(489,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(490,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(491,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(492,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(493,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(494,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(495,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(496,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(497,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(499,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(500,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(501,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(502,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(503,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(504,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(505,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(506,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(507,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(508,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(509,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(510,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(511,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(515,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(517,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(518,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(519,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(521,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(522,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(523,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(524,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(526,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(529,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(533,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(534,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(538,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(541,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(686,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(687,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(688,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(689,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(722,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(723,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(754,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(755,23): run-time error CSS1039: Token not allowed after unary operator: '-gts-font'
(763,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(763,62): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(775,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(776,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(780,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(781,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(787,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(797,23): run-time error CSS1039: Token not allowed after unary operator: '-gts-font'
(800,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(801,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-bg'
(802,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-bg-accent'
(833,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(837,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(842,19): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-pad-y'
(842,41): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-pad-x'
(842,63): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-pad-bottom'
(886,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(887,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(891,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(892,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(896,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-gap'
(904,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-gap'
(913,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-gap'
(916,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1032,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1114,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(1124,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(1128,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(1149,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1176,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(1177,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(1178,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(1179,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(1197,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(1198,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(1199,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(1200,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(1202,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1202,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1207,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-hover'
(1208,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-hover'
(1209,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(1339,31): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(1460,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(1461,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(1467,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1467,72): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1467,101): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1471,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-gradient'
(1509,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1509,61): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1533,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(1534,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(1535,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(1536,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(1743,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-link'
(1748,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-link-hover'
(1752,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1762,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1769,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(1770,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1771,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(1772,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(1773,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(1779,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-link'
(1783,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(1788,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-bg'
(1790,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-border'
(1791,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(1792,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(1801,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-text'
(1806,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1806,66): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(1811,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1812,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(1821,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1822,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(1826,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(1830,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(1836,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-text'
(1865,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(1866,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(1867,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(1876,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-text'
(1883,27): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(1892,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(1900,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(1901,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(1909,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(1918,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(1934,27): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(2006,19): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(2009,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(2015,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-lg'
(2016,38): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-border'
(2026,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2027,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2028,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(2032,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2037,40): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(2038,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2042,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2047,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-bg'
(2052,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-height'
(2058,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-border'
(2062,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-text'
(2067,40): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(2068,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2072,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-active-bg'
(2073,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-sidebar-active-text'
(2074,41): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(2079,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2080,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2088,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-text'
(2097,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2098,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2099,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(2100,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2105,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2109,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2110,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2111,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2121,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2122,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2124,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2140,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(2144,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2148,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2149,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2160,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-label'
(2191,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2203,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2204,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2205,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2210,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2214,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2215,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2216,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2223,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2228,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2232,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2233,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2234,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2240,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2241,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2241,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2241,103): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2241,132): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2245,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2246,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2247,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2255,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-hover'
(2256,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-hover'
(2257,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2258,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(2262,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2263,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2264,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2269,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2270,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2271,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2282,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-success'
(2283,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-success'
(2287,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(2288,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2289,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2295,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2296,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2297,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2301,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2302,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2303,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2310,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(2311,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2312,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2318,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(2319,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2320,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2321,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2324,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2324,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2324,109): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(2361,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2362,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(2367,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2374,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-bg'
(2375,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-border'
(2376,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-text'
(2380,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2384,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2385,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2386,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2390,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2391,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(2392,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2397,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2401,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2402,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-label'
(2403,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2413,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2414,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2415,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2419,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-stripe'
(2423,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(2428,31): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2432,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2433,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2433,47): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2437,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2438,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2439,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2445,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2446,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2446,46): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2447,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2452,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2453,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2453,47): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2457,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2461,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2462,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2466,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2472,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2476,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2481,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2482,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2483,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(2484,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(2489,31): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2490,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2495,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2496,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2501,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2507,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2514,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2520,23): run-time error CSS1039: Token not allowed after unary operator: '-gts-font'
(2524,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2525,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2526,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2530,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2531,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2532,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2537,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2538,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2539,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2546,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(2547,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2548,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2553,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2554,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2555,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2560,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(2561,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2562,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2567,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(2568,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-lg'
(2569,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2575,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2576,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2577,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2587,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2588,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2594,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2595,16): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2599,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2603,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2604,16): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2608,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2612,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2613,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2614,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2620,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2621,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2622,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2626,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2630,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2631,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2632,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2636,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-stripe'
(2640,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(2649,61): run-time error CSS1030: Expected identifier, found '['
(2649,66): run-time error CSS1031: Expected selector, found '='
(2649,66): run-time error CSS1025: Expected comma or open brace, found '='
(2679,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2685,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2689,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2693,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2694,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2702,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2703,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2704,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2708,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2716,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2717,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(2718,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2723,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2724,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2729,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(2730,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2736,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2741,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2742,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(2748,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2752,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2756,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2757,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2758,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2763,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(2764,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(2769,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-bg'
(2770,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-border'
(2775,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-text'
(2788,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2792,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(2793,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2797,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2803,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2804,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2812,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2813,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2814,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2824,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2825,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2826,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2830,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(2831,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(2835,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2839,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2843,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2847,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2851,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(2856,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(2861,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2862,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(2863,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(2876,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2888,16): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2892,16): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2898,18): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2905,20): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(2909,20): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(2915,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(2928,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(2930,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(2968,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(2969,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(3000,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3001,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3002,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3009,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3010,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3011,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3016,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-stripe'
(3021,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(3025,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3032,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3036,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3037,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3038,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3042,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3043,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-text'
(3044,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3102,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-card'
(3103,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(3104,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3105,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3110,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3114,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3116,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3117,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3129,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3138,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3152,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3157,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3176,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3178,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(3179,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3180,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(3180,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(3190,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3191,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(3205,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3206,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3218,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3219,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3233,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3235,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(3241,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3260,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3274,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3329,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-card'
(3330,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(3331,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3332,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3337,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3339,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3340,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3353,30): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3362,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3372,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3381,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(3382,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3383,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3389,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3407,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3420,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3461,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3462,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3476,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3494,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3498,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3502,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3506,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3510,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3514,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3515,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3519,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-danger'
(3714,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3715,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3723,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3726,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(3727,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3728,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3729,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3735,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(3767,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3842,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3843,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3844,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3844,42): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3850,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3851,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3852,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3852,43): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3857,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(3867,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3874,31): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3874,64): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3882,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3883,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(3889,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3890,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3891,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3902,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(3906,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3912,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3919,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3920,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(3933,43): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3934,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(3935,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3936,23): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3955,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(3956,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3957,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3958,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(3962,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3963,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(3964,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3971,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(3972,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(3977,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(3982,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(3983,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4021,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-dirty-bg'
(4022,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-dirty-text'
(4023,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-warning'
(4028,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-warning'
(4029,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4036,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-dirty-bg'
(4037,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-dirty-text'
(4038,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-warning'
(4047,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4048,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4049,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-brand-accent'
(4050,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4051,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4058,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4062,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-link'
(4097,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4098,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4116,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4132,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4140,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4141,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4150,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4151,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4152,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4159,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4168,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4169,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4174,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4179,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4183,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4189,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4190,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4196,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4197,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4203,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(4204,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4205,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4206,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(4212,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4215,37): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4215,66): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4220,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(4221,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4225,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4231,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4237,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(4238,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4243,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4251,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4258,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4259,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4260,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4267,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4268,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4269,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4274,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4279,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4290,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4297,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4298,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4299,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4304,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4305,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4306,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4310,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(4311,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4312,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4313,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(4319,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4323,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4332,40): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-hover'
(4333,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4339,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(4340,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4344,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4350,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4351,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4352,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4356,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4357,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4358,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4362,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4363,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4364,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4368,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-bg'
(4369,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(4370,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4375,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4376,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4391,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4392,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(4393,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4400,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-lg'
(4466,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4468,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4486,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4493,30): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4494,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4503,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4504,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4512,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-bg'
(4513,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-border'
(4514,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4520,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-shadow'
(4523,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4523,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4523,109): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4528,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4534,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4535,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4536,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-bg'
(4542,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-bg'
(4543,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-border'
(4544,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-input-disabled-text'
(4550,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-bg'
(4551,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-border'
(4553,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-grid-edit-shadow'
(4557,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4561,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(4562,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(4567,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4574,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-danger'
(4580,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(4588,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(4589,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4590,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-page-pad-x'
(4603,21): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4609,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(4610,29): run-time error CSS1039: Token not allowed after unary operator: '-gts-col-gutter'
(4615,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4616,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(4621,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
(4622,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4633,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(4634,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4635,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius'
(4644,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4669,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4693,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4707,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4738,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(4744,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text'
(4778,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4778,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4778,103): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(4793,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-search'
(4794,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-search'
(4803,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-search-hover'
(4804,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-search-hover'
(4806,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4811,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset'
(4812,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset'
(4821,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-hover'
(4822,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-hover'
(4824,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4829,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-browse'
(4830,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-browse'
(4840,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-browse-hover'
(4841,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-browse-hover'
(4843,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4848,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-upload'
(4849,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-upload'
(4858,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-upload-hover'
(4859,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-upload-hover'
(4861,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4866,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-remove'
(4867,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-remove'
(4876,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-remove-hover'
(4877,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-remove-hover'
(4879,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4884,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-save'
(4885,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-save'
(4894,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-save-hover'
(4895,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-save-hover'
(4897,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4902,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-grid'
(4903,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-grid'
(4912,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-grid-hover'
(4913,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-action-reset-grid-hover'
(4915,26): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(4923,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4932,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(4948,36): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(5251,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-muted'
(5270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5306,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-bg-accent'
(5326,39): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5326,68): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5326,101): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5351,25): run-time error CSS1039: Token not allowed after unary operator: '-gts-radius-lg'
(5353,33): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5353,66): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5357,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-md'
(5361,35): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(5368,32): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5368,66): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5368,96): run-time error CSS1039: Token not allowed after unary operator: '-gts-transition'
(5373,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-focus-ring'
(5377,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-gradient'
(5426,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-table-stripe'
(5430,58): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-card'
(5435,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-gradient'
(5701,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border'
(5702,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(5703,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-text'
(5704,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(5715,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-nav-hover-bg'
(5716,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(5717,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(5744,28): run-time error CSS1039: Token not allowed after unary operator: '-gts-border-strong'
(5745,46): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface'
(5745,69): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(5746,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-shadow-sm'
(5747,17): run-time error CSS1039: Token not allowed after unary operator: '-gts-text-heading'
(5757,22): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary-soft'
(5762,24): run-time error CSS1039: Token not allowed after unary operator: '-gts-primary'
(5763,46): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-2'
(5763,71): run-time error CSS1039: Token not allowed after unary operator: '-gts-surface-3'
 */
/*#region Back to Top / Go To bottom */
.body {
    font-size: 11px;
    color: #555;
}

table {
    font-size: 12px;
}

a {
    cursor: pointer;
}

.page-header {
    padding-bottom: 2px;
    margin: 5px 0 5px;
    border-bottom: 0;
    color: #777;
}

.title {
    font-size: 20px;
    width: 100%;
    text-align: center;
    -webkit-align-content: center;
    align-content: center;
    display: inline-block;
    /*margin-bottom: 10px;*/
}

.subTitle {
    background-color: #f5f5f5;
    color: black;
    font-weight: bold;
    border-radius: 4px;
    font-size: 12px;
    padding-left: 4px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 99%;
}

.greetings {
    color: #428bca;
    font-size: 13px;
}

.bold {
    font-weight: bold;
}

/*input:required:invalid, input:focus:invalid, select:required:invalid, select:focus:invalid, textarea:required:invalid, textarea:focus:invalid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
    box-shadow: none;
}

input:required:valid, select:required:valid, textarea:required:valid {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
    background-position: right top;
    background-repeat: no-repeat;
}*/

.back-to-top, .move-to-bottom {
    display: none;
    height: 64px;
    opacity: 0.3;
    position: fixed;
    right: 5px;
    width: 64px;
}

.back-to-top {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAbJJREFUeNrsm79qwlAUhz8PjoF06+rqGxQfQF/CWRc3S6HQUrAUCkUnl+y+hD6Ar+Dq2jHgbofclEtoaUuaeJNzfhBICAl8H+femz+cTpIkFDIERsAA6AMxzU4KHIA9sAV2/smut98DZsAUiGhPYuDGbRMgAdbA0RfQA56BMe1OBMyBa+AROIo7MVMA72fsmBE35qfoyxQYipvwIoUCImAkbrbXmoG4pU5r+tKCdb7UEikojwkwASbABJgAzemWvL4TCMfZKsAEmAATcIlJ8GwVYAJKZe62xg6BsvAr73ipqQKK8KtLVYIEAO9LuGu7gO/g87zVLUECgvcl3LdNwG/h87zWJUEChK9VggQK70t4aKqAsvB5XqqUIIHDVy5BGgDvS3gKXUBV8HkW/y1BGgRfiQRpGLwvYRHS2+Dyh7e5FLj64z1r+dhiH0RMgAkwASbABJgAE2ACTIAJMAEqU9e/wZhAf6XbEDABJoBUMX8qZE2FWnMQso5KrdkLWTvpSSH8CdgKWS9tolBAAuzyVWANbBTBbxzz55PgkayX9p32NU8Xy/7L5ulcwq0bEmra5z8GADojT4bw4h3yAAAAAElFTkSuQmCC');
    bottom: 5px;
}

.move-to-bottom {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAACHDwAAjA8AAP1SAACBQAAAfXkAAOmLAAA85QAAGcxzPIV3AAAKOWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAEjHnZZ3VFTXFofPvXd6oc0wAlKG3rvAANJ7k15FYZgZYCgDDjM0sSGiAhFFRJoiSFDEgNFQJFZEsRAUVLAHJAgoMRhFVCxvRtaLrqy89/Ly++Osb+2z97n77L3PWhcAkqcvl5cGSwGQyhPwgzyc6RGRUXTsAIABHmCAKQBMVka6X7B7CBDJy82FniFyAl8EAfB6WLwCcNPQM4BOB/+fpFnpfIHomAARm7M5GSwRF4g4JUuQLrbPipgalyxmGCVmvihBEcuJOWGRDT77LLKjmNmpPLaIxTmns1PZYu4V8bZMIUfEiK+ICzO5nCwR3xKxRoowlSviN+LYVA4zAwAUSWwXcFiJIjYRMYkfEuQi4uUA4EgJX3HcVyzgZAvEl3JJS8/hcxMSBXQdli7d1NqaQffkZKVwBALDACYrmcln013SUtOZvBwAFu/8WTLi2tJFRbY0tba0NDQzMv2qUP91829K3NtFehn4uWcQrf+L7a/80hoAYMyJarPziy2uCoDOLQDI3fti0zgAgKSobx3Xv7oPTTwviQJBuo2xcVZWlhGXwzISF/QP/U+Hv6GvvmckPu6P8tBdOfFMYYqALq4bKy0lTcinZ6QzWRy64Z+H+B8H/nUeBkGceA6fwxNFhImmjMtLELWbx+YKuGk8Opf3n5r4D8P+pMW5FonS+BFQY4yA1HUqQH7tBygKESDR+8Vd/6NvvvgwIH554SqTi3P/7zf9Z8Gl4iWDm/A5ziUohM4S8jMX98TPEqABAUgCKpAHykAd6ABDYAasgC1wBG7AG/iDEBAJVgMWSASpgA+yQB7YBApBMdgJ9oBqUAcaQTNoBcdBJzgFzoNL4Bq4AW6D+2AUTIBnYBa8BgsQBGEhMkSB5CEVSBPSh8wgBmQPuUG+UBAUCcVCCRAPEkJ50GaoGCqDqqF6qBn6HjoJnYeuQIPQXWgMmoZ+h97BCEyCqbASrAUbwwzYCfaBQ+BVcAK8Bs6FC+AdcCXcAB+FO+Dz8DX4NjwKP4PnEIAQERqiihgiDMQF8UeikHiEj6xHipAKpAFpRbqRPuQmMorMIG9RGBQFRUcZomxRnqhQFAu1BrUeVYKqRh1GdaB6UTdRY6hZ1Ec0Ga2I1kfboL3QEegEdBa6EF2BbkK3oy+ib6Mn0K8xGAwNo42xwnhiIjFJmLWYEsw+TBvmHGYQM46Zw2Kx8lh9rB3WH8vECrCF2CrsUexZ7BB2AvsGR8Sp4Mxw7rgoHA+Xj6vAHcGdwQ3hJnELeCm8Jt4G749n43PwpfhGfDf+On4Cv0CQJmgT7AghhCTCJkIloZVwkfCA8JJIJKoRrYmBRC5xI7GSeIx4mThGfEuSIemRXEjRJCFpB+kQ6RzpLuklmUzWIjuSo8gC8g5yM/kC+RH5jQRFwkjCS4ItsUGiRqJDYkjiuSReUlPSSXK1ZK5kheQJyeuSM1J4KS0pFymm1HqpGqmTUiNSc9IUaVNpf+lU6RLpI9JXpKdksDJaMm4ybJkCmYMyF2TGKQhFneJCYVE2UxopFykTVAxVm+pFTaIWU7+jDlBnZWVkl8mGyWbL1sielh2lITQtmhcthVZKO04bpr1borTEaQlnyfYlrUuGlszLLZVzlOPIFcm1yd2WeydPl3eTT5bfJd8p/1ABpaCnEKiQpbBf4aLCzFLqUtulrKVFS48vvacIK+opBimuVTyo2K84p6Ss5KGUrlSldEFpRpmm7KicpFyufEZ5WoWiYq/CVSlXOavylC5Ld6Kn0CvpvfRZVUVVT1Whar3qgOqCmrZaqFq+WpvaQ3WCOkM9Xr1cvUd9VkNFw08jT6NF454mXpOhmai5V7NPc15LWytca6tWp9aUtpy2l3audov2Ax2yjoPOGp0GnVu6GF2GbrLuPt0berCehV6iXo3edX1Y31Kfq79Pf9AAbWBtwDNoMBgxJBk6GWYathiOGdGMfI3yjTqNnhtrGEcZ7zLuM/5oYmGSYtJoct9UxtTbNN+02/R3Mz0zllmN2S1zsrm7+QbzLvMXy/SXcZbtX3bHgmLhZ7HVosfig6WVJd+y1XLaSsMq1qrWaoRBZQQwShiXrdHWztYbrE9Zv7WxtBHYHLf5zdbQNtn2iO3Ucu3lnOWNy8ft1OyYdvV2o/Z0+1j7A/ajDqoOTIcGh8eO6o5sxybHSSddpySno07PnU2c+c7tzvMuNi7rXM65Iq4erkWuA24ybqFu1W6P3NXcE9xb3Gc9LDzWepzzRHv6eO7yHPFS8mJ5NXvNelt5r/Pu9SH5BPtU+zz21fPl+3b7wX7efrv9HqzQXMFb0ekP/L38d/s/DNAOWBPwYyAmMCCwJvBJkGlQXlBfMCU4JvhI8OsQ55DSkPuhOqHC0J4wybDosOaw+XDX8LLw0QjjiHUR1yIVIrmRXVHYqLCopqi5lW4r96yciLaILoweXqW9KnvVldUKq1NWn46RjGHGnIhFx4bHHol9z/RnNjDn4rziauNmWS6svaxnbEd2OXuaY8cp40zG28WXxU8l2CXsTphOdEisSJzhunCruS+SPJPqkuaT/ZMPJX9KCU9pS8Wlxqae5Mnwknm9acpp2WmD6frphemja2zW7Fkzy/fhN2VAGasyugRU0c9Uv1BHuEU4lmmfWZP5Jiss60S2dDYvuz9HL2d7zmSue+63a1FrWWt78lTzNuWNrXNaV78eWh+3vmeD+oaCDRMbPTYe3kTYlLzpp3yT/LL8V5vDN3cXKBVsLBjf4rGlpVCikF84stV2a9021DbutoHt5turtn8sYhddLTYprih+X8IqufqN6TeV33zaEb9joNSydP9OzE7ezuFdDrsOl0mX5ZaN7/bb3VFOLy8qf7UnZs+VimUVdXsJe4V7Ryt9K7uqNKp2Vr2vTqy+XeNc01arWLu9dn4fe9/Qfsf9rXVKdcV17w5wD9yp96jvaNBqqDiIOZh58EljWGPft4xvm5sUmoqbPhziHRo9HHS4t9mqufmI4pHSFrhF2DJ9NProje9cv+tqNWytb6O1FR8Dx4THnn4f+/3wcZ/jPScYJ1p/0Pyhtp3SXtQBdeR0zHYmdo52RXYNnvQ+2dNt293+o9GPh06pnqo5LXu69AzhTMGZT2dzz86dSz83cz7h/HhPTM/9CxEXbvUG9g5c9Ll4+ZL7pQt9Tn1nL9tdPnXF5srJq4yrndcsr3X0W/S3/2TxU/uA5UDHdavrXTesb3QPLh88M+QwdP6m681Lt7xuXbu94vbgcOjwnZHokdE77DtTd1PuvriXeW/h/sYH6AdFD6UeVjxSfNTws+7PbaOWo6fHXMf6Hwc/vj/OGn/2S8Yv7ycKnpCfVEyqTDZPmU2dmnafvvF05dOJZ+nPFmYKf5X+tfa5zvMffnP8rX82YnbiBf/Fp99LXsq/PPRq2aueuYC5R69TXy/MF72Rf3P4LeNt37vwd5MLWe+x7ys/6H7o/ujz8cGn1E+f/gUDmPP8usTo0wAAAAlwSFlzAAALEwAACxMBAJqcGAAAAhpJREFUeF7tmz1KQ0EYRRNtLJS4BNtsIQswVXZgb2OlCIIo+IOCYCdIeit3kCwgnWCX1t7GgL3e45uEoDGQvPlJ8s2B6zekEO5x3nv6cKrtdrvyi12lqTSUulJTlpmB0ld6SkfpKiPGBewoB8q+sskHK8inQuEH5Y0P1vgiKH+lHCmrWh7oRke60nkkgJ/8XrE0AV3p/COAa55tbw067yKAG94qb/v/oHMTAdztrdJAAI86q9QRsOzP+TLUEGCaLMBNs8QUUJ0x/A4fnLwD3DRLFuCmWbIAN82SBbhplizATbNkAW6aJQtwsyyXyqS/6MYzK9vKpO8zDO/3S+NLwLlLLA6V+2JZDp+XwIUSQ4K38uD7HhBagtfyEOImiITTYukV7+UhhAC4VnxKCFIeQgkAXxKClYeQAgAJJ8VyLoKWh9AC4FaZR0Lw8hBDAMwqIUp5iCUAkHBcLKcSrTzEFAB3yjQJUctDbAGABIr+Jnp5SCEAKDouIUl5SCUAhhKSlYeUAoDiycpDagHJKStg0ouKFJmbvAPcNEsW4KZZygr4WpDMTd4BbpolC3DTLFmAm2bJApQo/5O7oAwQwKFCq/QRwIlKq/QQwHFSTlRag84dBHCW9s8BYgPQuYsA4CztU7E0AV3pPHoMcpD4TOEF5SpfDnSjI11/Dk+vt1otJnwoXA4vyrvCu7YtZUNZZnjMvyrPyo3yqNBVVCrfaARw7TsyimwAAAAASUVORK5CYII=');
    top: 50px;
}

.fieldValue, .checkboxFieldValue {
    display: block;
    font-size: 10px;
}

.fieldLink {
    display: block;
    font-size: 13px;
}

.checkboxFieldValue {
    font-weight: 700;
}

.leftBuffer5 {
    margin-left: 5px;
}

.topBuffer5 {
    margin-top: 5px;
}

.rightBuffer5 {
    margin-right: 5px;
}

.bottomBuffer5 {
    margin-bottom: 5px;
}

.leftBuffer10 {
    margin-left: 10px;
}

.topBuffer10 {
    margin-top: 10px;
}

.rightBuffer10 {
    margin-right: 10px;
}

.bottomBuffer10 {
    margin-bottom: 10px;
}

.leftBuffer15 {
    margin-left: 10px;
}

.topBuffer15 {
    margin-top: 15px;
}

.rightBuffer15 {
    margin-right: 15px;
}

.bottomBuffer15 {
    margin-bottom: 15px;
}

.leftBuffer20 {
    margin-left: 20px;
}

.topBuffer20 {
    margin-top: 20px;
}

.rightBuffer20 {
    margin-right: 20px;
}

.bottomBuffer20 {
    margin-bottom: 20px;
}

.bottomBuffer25 {
    padding-bottom: 25px;
}

.topBuffer75 {
    margin-top: 75px;
}

.centerText {
    text-align: center;
}

.rightText {
    text-align: right;
}

.pointer {
    cursor: pointer;
}

/* style all elements with a required attribute */
.required {
    border-color: #d2787f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    /*.btn-file .hidden-xs {
        display: inline-block !important;
    }*/

    .btn-file input[type="file"] {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        cursor: inherit;
        display: block;
        min-height: 100%;
        min-width: 100%;
        opacity: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 0;
    }

.schedulePathSummaryContainer {
    font-size: 11px;
    text-align: center;
}

    .schedulePathSummaryContainer > .row div:nth-child(even) {
        background-color: #eee;
    }

    .schedulePathSummaryContainer > .row div:nth-child(odd) {
        background-color: #f9f9f9;
    }

.error {
    color: #a94442;
}

.dxDataGridContainer {
    height: auto;
    width: 100%;
}
/* style all input elements with a required attribute */
/*input.required {
    box-shadow: 4px 4px 20px rgba(200, 0, 0, 0.85);
}*/

/*/**
 * style input elements that have a required
 * attribute and a focus state
 */
/*input.required:focus {
    border: 0.25px solid #8a6d3b;
}*/

/**
 * style input elements that have a required
 * attribute and a hover state
 */
/*input.required:hover {
    opacity: 1;
}*/

/*DXDataGrid Scrollbar*/
.dxGridOuterScroll {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-top: 0;
    /*height: 6px;*/
}

.dxGridOuterScrollTop {
    margin-bottom: 2px;
}

.dxGridScrollInner {
    width: 3000px;
    height: 2px;
}

.liGroup {
    padding-left: 5px;
    margin-bottom: 2px;
}

.liItem {
    position: relative;
    display: block;
    padding: 2px 2px;
    margin-bottom: -1px;
    border: 1px solid #a4bed1;
}

.liItemOdd {
    background-color: #EDEDEB;
}

.liItemEven {
    background-color: #F3F8F7;
}

.vAlignTop {
    vertical-align: top !important;
}

/*input[type=password] {
    background-image: url("icons/eye.png");
    background-repeat: no-repeat;
    background-position: right;
}*/

.datePickerIcon {
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px 16px;
}

.navNotificationContainer {
    width: 350px;
}

/*.navNotificationMenu {
    background-color: #254561;
    padding: 1px;
}*/

.notification {
    padding: 5px;
    /* margin-bottom: 20px; */
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 10px;
}

/*.notification-info {
    color: white;
}
*/
.rounded {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: grey; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

/*
* ==========================================================
*       MAIN FOOTER
* ==========================================================
*/
footer.main-footer {
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
    /*background: #f8f8f8;*/
    padding: 10px 0;
    text-align: center !important;
}

    footer.main-footer p {
        font-size: 0.7em;
        color: #777;
        margin: 0;
    }

/*@media (max-width: 575px) {
    footer.main-footer div[class*="col-"] {
        text-align: center !important;
    }
}*/

@media (min-width: 768px) {
    footer.main-footer p {
        font-size: 0.9em;
    }
}

/* =============================================================================
   eTrac GTS — Enterprise design system
   Professional UI for Bootstrap 3, SB Admin 2, jQuery UI, DevExtreme
   ============================================================================= */

/* --- Design tokens: Light (default) --- */
:root {
    color-scheme: light;
    --gts-brand: #0a3d62;
    --gts-brand-accent: #005291;
    --gts-bg: #f3f5f8;
    --gts-bg-accent:
        radial-gradient(ellipse 900px 480px at 85% -5%, rgba(0, 82, 145, 0.07), transparent 70%),
        radial-gradient(ellipse 700px 420px at 5% 105%, rgba(10, 61, 98, 0.05), transparent 65%),
        #f3f5f8;
    --gts-surface: #ffffff;
    --gts-surface-2: #f8f9fb;
    --gts-surface-3: #eef1f6;
    --gts-text: #374151;
    --gts-text-muted: #6b7280;
    --gts-text-heading: #111827;
    --gts-text-label: #4b5563;
    --gts-border: #e5e9ef;
    --gts-border-strong: #cdd5df;
    --gts-primary: #005291;
    --gts-primary-hover: #003d6b;
    --gts-primary-soft: #e8f1f8;
    --gts-primary-text: #ffffff;
    --gts-primary-gradient: #005291;
    --gts-success: #047857;
    --gts-info: #0369a1;
    --gts-warning: #b45309;
    --gts-danger: #b91c1c;
    --gts-nav-bg: #ffffff;
    --gts-nav-border: #e5e9ef;
    --gts-nav-text: #4b5563;
    --gts-nav-hover-bg: #f3f5f8;
    --gts-sidebar-bg: #fafbfc;
    --gts-sidebar-border: #e5e9ef;
    --gts-sidebar-text: #4b5563;
    --gts-sidebar-active-bg: #e8f1f8;
    --gts-sidebar-active-text: #005291;
    --gts-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.04);
    --gts-shadow-md: 0 4px 14px rgba(17, 24, 39, 0.06), 0 1px 3px rgba(17, 24, 39, 0.04);
    --gts-shadow-lg: 0 12px 32px rgba(17, 24, 39, 0.08), 0 2px 8px rgba(17, 24, 39, 0.04);
    --gts-shadow-card: 0 0 0 1px rgba(17, 24, 39, 0.05), 0 8px 28px rgba(17, 24, 39, 0.07);
    --gts-radius: 6px;
    --gts-radius-lg: 10px;
    --gts-input-bg: #ffffff;
    --gts-input-disabled-bg: #f3f5f8;
    --gts-input-disabled-border: #cdd5df;
    --gts-input-disabled-text: #9ca3af;
    --gts-link: #005291;
    --gts-link-hover: #003d6b;
    --gts-table-stripe: #f8f9fb;
    --gts-table-hover: #eef4fa;
    --gts-modal-backdrop: rgba(17, 24, 39, 0.45);
    --gts-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 82, 145, 0.35);
    --gts-font: "Segoe UI", "Inter", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
    --gts-nav-height: 52px;
    --gts-transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    --gts-page-pad-x: 12px;
    --gts-page-pad-y: 6px;
    --gts-page-pad-bottom: 20px;
    --gts-page-gap: 8px;
    --gts-col-gutter: 6px;
    --gts-action-search: #005291;
    --gts-action-search-hover: #003d6b;
    --gts-action-reset: #64748b;
    --gts-action-reset-hover: #475569;
    --gts-action-browse: #0369a1;
    --gts-action-browse-hover: #075985;
    --gts-action-upload: #047857;
    --gts-action-upload-hover: #065f46;
    --gts-action-remove: #b91c1c;
    --gts-action-remove-hover: #991b1b;
    --gts-action-save: #0d9488;
    --gts-action-save-hover: #0f766e;
    --gts-action-reset-grid: #7c3aed;
    --gts-action-reset-grid-hover: #6d28d9;
    --gts-grid-dirty-bg: #fef08a;
    --gts-grid-dirty-text: #1c1917;
    --gts-grid-edit-bg: #ffffff;
    --gts-grid-edit-border: #7c8fa3;
    --gts-grid-edit-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.08), 0 0 0 1px rgba(0, 82, 145, 0.06);
}

/* --- Design tokens: Dark (Auto + explicit) --- */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        color-scheme: dark;
        --gts-brand: #8ba4be;
        --gts-brand-accent: #5a8fc4;
        --gts-bg: #0e1117;
        --gts-bg-accent:
            radial-gradient(ellipse 900px 480px at 85% -5%, rgba(90, 143, 196, 0.05), transparent 70%),
            radial-gradient(ellipse 700px 420px at 5% 105%, rgba(30, 45, 70, 0.08), transparent 65%),
            #0e1117;
        --gts-surface: #161b24;
        --gts-surface-2: #1c2230;
        --gts-surface-3: #242b3a;
        --gts-text: #c8cdd5;
        --gts-text-muted: #8b95a5;
        --gts-text-heading: #e8eaed;
        --gts-text-label: #a3adb9;
        --gts-border: #2a3140;
        --gts-border-strong: #363f50;
        --gts-primary: #5a8fc4;
        --gts-primary-hover: #6fa0d0;
        --gts-primary-soft: #1e2a3d;
        --gts-primary-text: #f3f4f6;
        --gts-primary-gradient: #3d6a99;
        --gts-success: #3cb792;
        --gts-info: #5a8fc4;
        --gts-warning: #d4a843;
        --gts-danger: #e07070;
        --gts-nav-bg: #161b24;
        --gts-nav-border: #2a3140;
        --gts-nav-text: #a3adb9;
        --gts-nav-hover-bg: #1c2230;
        --gts-sidebar-bg: #161b24;
        --gts-sidebar-border: #2a3140;
        --gts-sidebar-text: #a3adb9;
        --gts-sidebar-active-bg: #1e2a3d;
        --gts-sidebar-active-text: #6fa0d0;
        --gts-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
        --gts-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.4);
        --gts-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
        --gts-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 28px rgba(0, 0, 0, 0.45);
        --gts-input-bg: #1c2230;
        --gts-input-disabled-bg: #242b3a;
        --gts-input-disabled-border: #363f50;
        --gts-input-disabled-text: #6b7280;
        --gts-link: #6fa0d0;
        --gts-link-hover: #8ab4da;
        --gts-table-stripe: #1c2230;
        --gts-table-hover: #1e2a3d;
        --gts-modal-backdrop: rgba(0, 0, 0, 0.65);
        --gts-focus-ring: 0 0 0 2px #161b24, 0 0 0 4px rgba(90, 143, 196, 0.35);
        --gts-action-search: #4a8fd4;
        --gts-action-search-hover: #6fa0d0;
        --gts-action-reset: #6b7280;
        --gts-action-reset-hover: #9ca3af;
        --gts-action-browse: #38bdf8;
        --gts-action-browse-hover: #7dd3fc;
        --gts-action-upload: #34d399;
        --gts-action-upload-hover: #6ee7b7;
        --gts-action-remove: #f87171;
        --gts-action-remove-hover: #fca5a5;
        --gts-action-save: #2dd4bf;
        --gts-action-save-hover: #5eead4;
        --gts-action-reset-grid: #a78bfa;
        --gts-action-reset-grid-hover: #c4b5fd;
        --gts-grid-dirty-bg: #713f12;
        --gts-grid-dirty-text: #fef9c3;
        --gts-grid-edit-bg: #2a3140;
        --gts-grid-edit-border: #5a6578;
        --gts-grid-edit-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(90, 143, 196, 0.14);
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --gts-brand: #8ba4be;
    --gts-brand-accent: #5a8fc4;
    --gts-bg: #0e1117;
    --gts-bg-accent:
        radial-gradient(ellipse 900px 480px at 85% -5%, rgba(90, 143, 196, 0.05), transparent 70%),
        radial-gradient(ellipse 700px 420px at 5% 105%, rgba(30, 45, 70, 0.08), transparent 65%),
        #0e1117;
    --gts-surface: #161b24;
    --gts-surface-2: #1c2230;
    --gts-surface-3: #242b3a;
    --gts-text: #c8cdd5;
    --gts-text-muted: #8b95a5;
    --gts-text-heading: #e8eaed;
    --gts-text-label: #a3adb9;
    --gts-border: #2a3140;
    --gts-border-strong: #363f50;
    --gts-primary: #5a8fc4;
    --gts-primary-hover: #6fa0d0;
    --gts-primary-soft: #1e2a3d;
    --gts-primary-text: #f3f4f6;
    --gts-primary-gradient: #3d6a99;
    --gts-success: #3cb792;
    --gts-info: #5a8fc4;
    --gts-warning: #d4a843;
    --gts-danger: #e07070;
    --gts-nav-bg: #161b24;
    --gts-nav-border: #2a3140;
    --gts-nav-text: #a3adb9;
    --gts-nav-hover-bg: #1c2230;
    --gts-sidebar-bg: #161b24;
    --gts-sidebar-border: #2a3140;
    --gts-sidebar-text: #a3adb9;
    --gts-sidebar-active-bg: #1e2a3d;
    --gts-sidebar-active-text: #6fa0d0;
    --gts-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --gts-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.4);
    --gts-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
    --gts-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 8px 28px rgba(0, 0, 0, 0.45);
    --gts-input-bg: #1c2230;
    --gts-input-disabled-bg: #242b3a;
    --gts-input-disabled-border: #363f50;
    --gts-input-disabled-text: #6b7280;
    --gts-link: #6fa0d0;
    --gts-link-hover: #8ab4da;
    --gts-table-stripe: #1c2230;
    --gts-table-hover: #1e2a3d;
    --gts-modal-backdrop: rgba(0, 0, 0, 0.65);
    --gts-focus-ring: 0 0 0 2px #161b24, 0 0 0 4px rgba(90, 143, 196, 0.35);
    --gts-action-search: #4a8fd4;
    --gts-action-search-hover: #6fa0d0;
    --gts-action-reset: #6b7280;
    --gts-action-reset-hover: #9ca3af;
    --gts-action-browse: #38bdf8;
    --gts-action-browse-hover: #7dd3fc;
    --gts-action-upload: #34d399;
    --gts-action-upload-hover: #6ee7b7;
    --gts-action-remove: #f87171;
    --gts-action-remove-hover: #fca5a5;
    --gts-action-save: #2dd4bf;
    --gts-action-save-hover: #5eead4;
    --gts-action-reset-grid: #a78bfa;
    --gts-action-reset-grid-hover: #c4b5fd;
    --gts-grid-dirty-bg: #713f12;
    --gts-grid-dirty-text: #fef9c3;
    --gts-grid-edit-bg: #2a3140;
    --gts-grid-edit-border: #5a6578;
    --gts-grid-edit-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(90, 143, 196, 0.14);
}

:root[data-theme="light"] {
    color-scheme: light;
    --gts-brand: #0a3d62;
    --gts-brand-accent: #005291;
    --gts-bg: #f3f5f8;
    --gts-bg-accent:
        radial-gradient(ellipse 900px 480px at 85% -5%, rgba(0, 82, 145, 0.07), transparent 70%),
        radial-gradient(ellipse 700px 420px at 5% 105%, rgba(10, 61, 98, 0.05), transparent 65%),
        #f3f5f8;
    --gts-surface: #ffffff;
    --gts-surface-2: #f8f9fb;
    --gts-surface-3: #eef1f6;
    --gts-text: #374151;
    --gts-text-muted: #6b7280;
    --gts-text-heading: #111827;
    --gts-text-label: #4b5563;
    --gts-border: #e5e9ef;
    --gts-border-strong: #cdd5df;
    --gts-primary: #005291;
    --gts-primary-hover: #003d6b;
    --gts-primary-soft: #e8f1f8;
    --gts-primary-text: #ffffff;
    --gts-primary-gradient: #005291;
    --gts-nav-bg: #ffffff;
    --gts-nav-border: #e5e9ef;
    --gts-nav-text: #4b5563;
    --gts-nav-hover-bg: #f3f5f8;
    --gts-sidebar-bg: #fafbfc;
    --gts-sidebar-border: #e5e9ef;
    --gts-sidebar-text: #4b5563;
    --gts-sidebar-active-bg: #e8f1f8;
    --gts-sidebar-active-text: #005291;
    --gts-shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.04);
    --gts-shadow-md: 0 4px 14px rgba(17, 24, 39, 0.06), 0 1px 3px rgba(17, 24, 39, 0.04);
    --gts-shadow-lg: 0 12px 32px rgba(17, 24, 39, 0.08), 0 2px 8px rgba(17, 24, 39, 0.04);
    --gts-shadow-card: 0 0 0 1px rgba(17, 24, 39, 0.05), 0 8px 28px rgba(17, 24, 39, 0.07);
    --gts-input-bg: #ffffff;
    --gts-input-disabled-bg: #f3f5f8;
    --gts-input-disabled-border: #cdd5df;
    --gts-input-disabled-text: #9ca3af;
    --gts-link: #005291;
    --gts-link-hover: #003d6b;
    --gts-table-stripe: #f8f9fb;
    --gts-table-hover: #eef4fa;
    --gts-modal-backdrop: rgba(17, 24, 39, 0.45);
    --gts-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px rgba(0, 82, 145, 0.35);
    --gts-grid-dirty-bg: #fef08a;
    --gts-grid-dirty-text: #1c1917;
    --gts-grid-edit-bg: #ffffff;
    --gts-grid-edit-border: #7c8fa3;
    --gts-grid-edit-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.08), 0 0 0 1px rgba(0, 82, 145, 0.06);
}

/* --- Appearance control (navbar + login page) --- */
body.gts-login-page .gts-theme-picker {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 10000;
}

.gts-theme-picker {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 10000;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    border-radius: var(--gts-radius);
    border: 1px solid var(--gts-border);
    background: var(--gts-surface);
    box-shadow: var(--gts-shadow-md);
    backdrop-filter: blur(10px);
}

    .gts-theme-picker::before {
        display: none;
    }

#navGTS .gts-navbar-utilities {
    margin-right: 8px;
}

    #navGTS.navbar-default .gts-navbar-utilities > li > a {
        background-color: transparent;
    }

#navGTS .gts-theme-picker-nav-item {
    display: flex;
    align-items: center;
}

#navGTS .gts-theme-picker-mount {
    display: flex;
    align-items: center;
    padding: 8px 6px;
}

#navGTS .gts-theme-picker {
    position: static;
    top: auto;
    right: auto;
    z-index: auto;
    box-shadow: none;
    background: var(--gts-surface-2);
    border-color: var(--gts-border);
    padding: 2px;
}

    #navGTS .gts-theme-picker::before {
        display: none;
    }

    #navGTS .gts-theme-picker-btn {
        padding: 7px 9px;
        min-width: 32px;
        text-align: center;
    }

@media (max-width: 991px) {
    #navGTS .gts-theme-picker-btn {
        padding: 6px 8px;
        min-width: 30px;
    }
}

@media (max-width: 520px) {
    body.gts-login-page .gts-theme-picker {
        top: 12px;
        right: 12px;
    }
}

.gts-theme-picker-btn {
    border: none;
    background: transparent;
    color: var(--gts-text-muted);
    font-family: var(--gts-font);
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    padding: 8px 10px;
    min-width: 34px;
    border-radius: 4px;
    cursor: pointer;
    transition: background var(--gts-transition), color var(--gts-transition);
    white-space: nowrap;
    text-align: center;
}

    .gts-theme-picker-btn .fa {
        font-size: 14px;
        line-height: 1;
        pointer-events: none;
    }

    .gts-theme-picker-btn:hover {
        color: var(--gts-text-heading);
        background: var(--gts-surface-2);
    }

    .gts-theme-picker-btn.active {
        color: var(--gts-primary-text);
        background: var(--gts-primary);
        font-weight: 600;
    }

    .gts-theme-picker-btn:focus-visible {
        outline: none;
        box-shadow: var(--gts-focus-ring);
    }

/* --- Base layout & typography --- */
html {
    scroll-behavior: smooth;
}

body,
.body {
    font-family: var(--gts-font);
    font-size: 13px;
    line-height: 1.5;
    color: var(--gts-text);
    background-color: var(--gts-bg);
    background-image: var(--gts-bg-accent);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Keep footer anchored for short content pages in app shell. */
html {
    min-height: 100%;
    height: 100%;
}

body.gts-app-page {
    min-height: 100vh !important;
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

body.gts-app-page #phContentView.container-fluid {
    flex: 1 0 auto;
}

body.gts-app-page footer.main-footer {
    margin-top: auto;
    flex-shrink: 0;
}

#page-wrapper {
    background-color: transparent;
    border-left-color: var(--gts-border) !important;
}

#wrapper #page-wrapper {
    background-color: var(--gts-surface);
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    overflow-x: hidden;
    padding: var(--gts-page-pad-y) var(--gts-page-pad-x) var(--gts-page-pad-bottom);
}

@media (min-width: 768px) {
    #wrapper #page-wrapper {
        padding: 8px 14px 24px;
    }

    #page-wrapper.gts-sidebar-open {
        margin-left: 240px;
        width: calc(100% - 240px);
    }
}

html body #phContentView.container-fluid {
    max-width: 100%;
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
}

#wrapper #page-wrapper > .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

html body #page-wrapper .gts-page-content {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

html body #page-wrapper .gts-page-body,
html body #page-wrapper .gts-page-body.gts-dashboard,
html body #page-wrapper .gts-page-body .panel-group.gts-admin-accordion,
html body #page-wrapper .gts-page-body .panel-group.gts-admin-accordion .panel.gts-dashboard-section {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#wrapper #page-wrapper .row {
    margin-left: calc(var(--gts-col-gutter) * -1);
    margin-right: calc(var(--gts-col-gutter) * -1);
}

#wrapper #page-wrapper .row > [class*="col-"] {
    padding-left: var(--gts-col-gutter);
    padding-right: var(--gts-col-gutter);
}

#wrapper #page-wrapper .panel {
    margin-bottom: var(--gts-page-gap);
}

#wrapper #page-wrapper .panel:last-child {
    margin-bottom: 0;
}

#wrapper #page-wrapper .row.topBuffer5 {
    margin-top: var(--gts-page-gap);
}

#wrapper #page-wrapper .gts-page-toolbar.topBuffer5:first-child,
#wrapper #page-wrapper .row.topBuffer5:first-child {
    margin-top: 0;
}

html body #page-wrapper .page-header {
    margin: 0 0 var(--gts-page-gap);
    padding: 0;
    border-bottom: none;
    color: var(--gts-text-heading);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-align: center;
}

/* --- Slim toolbar variant (deal pages) --- */
html body #page-wrapper .gts-page-toolbar--slim {
    min-height: 0;
    margin: 0 0 4px;
    padding: 0;
}

html body #page-wrapper .gts-page-toolbar--slim.gts-page-toolbar--actions {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    position: relative;
    min-height: 28px;
    gap: 0 10px;
    padding: 0;
}

html body #page-wrapper .gts-page-toolbar--slim .gts-page-toolbar__title {
    font-size: 17px;
    line-height: 1.15;
}

html body #page-wrapper .gts-filter-panel.panel-primary > .panel-heading {
    display: none !important;
}

html body #page-wrapper .gts-filter-panel.panel-primary {
    margin-top: 0;
    margin-bottom: 8px;
}

html body #page-wrapper .gts-filter-panel.panel-primary > .panel-collapse > .panel-body,
html body #page-wrapper .gts-filter-panel.panel-primary > .panel-body {
    padding: 10px 12px 8px;
}

html body #page-wrapper .gts-filter-panel.panel-primary {
    overflow: visible;
}

html body #page-wrapper .gts-filter-panel.panel-primary > .panel-collapse,
html body #page-wrapper .gts-filter-panel.panel-primary > .panel-collapse > .panel-body {
    overflow: visible;
}

html body #page-wrapper .gts-filter-panel .btn-group.open .dropdown-menu {
    z-index: 1050;
}

html body #page-wrapper #phFCRPTSearch.panel.panel-primary {
    overflow: visible;
}

html body #page-wrapper #phFCRPTSearch.panel.panel-primary > .panel-collapse,
html body #page-wrapper #phFCRPTSearch.panel.panel-primary > .panel-collapse > .panel-body {
    overflow: visible;
}

html body #page-wrapper #phFCRPTSearch .btn-group.open .dropdown-menu {
    z-index: 1050;
}

html body #page-wrapper .tab-content .panel.panel-primary {
    margin-top: 0;
    margin-bottom: 8px;
    overflow: visible;
}

html body #page-wrapper .tab-content .panel.panel-primary > .panel-collapse,
html body #page-wrapper .tab-content .panel.panel-primary > .panel-collapse > .panel-body {
    overflow: visible;
}

html body #page-wrapper .tab-content .panel.panel-primary .btn-group.open .dropdown-menu {
    z-index: 1050;
}

html body #page-wrapper .tab-content .panel.panel-primary + .panel.panel-primary {
    margin-top: 8px;
}

html body #page-wrapper .tab-content .row.topBuffer5 + .panel.panel-primary {
    margin-top: 8px;
}

/* --- Compact page toolbar — title-only pages --- */
html body #page-wrapper .gts-page-header,
html body #page-wrapper .gts-page-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 0;
    margin: 0 0 4px;
    padding: 0;
    border-bottom: none;
}

html body #page-wrapper .gts-page-header__title,
html body #page-wrapper .gts-page-toolbar__title {
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--gts-text-heading);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html body #page-wrapper .gts-page-toolbar--title-only .gts-page-toolbar__title {
    text-align: center;
    width: auto;
    max-width: 100%;
}

html body #page-wrapper .gts-page-header--title-only,
html body #page-wrapper .gts-page-toolbar--title-only {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 36px;
    padding: 4px 0 8px;
    text-align: center;
    box-sizing: border-box;
}

    html body #page-wrapper .gts-page-header--title-only .gts-page-header__start,
    html body #page-wrapper .gts-page-toolbar--title-only .gts-page-toolbar__start {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    html body #page-wrapper .gts-page-header--title-only .gts-page-header__title,
    html body #page-wrapper .gts-page-toolbar--title-only .gts-page-toolbar__title {
        display: block;
        flex: none;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        line-height: 1.35;
        padding-bottom: 2px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

/* Deal/search toolbar: Add New left, title centered, breadcrumb left when shown */
html body #page-wrapper .gts-page-toolbar--actions {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    position: relative;
    min-height: 32px;
    gap: 0 10px;
    margin: 0 0 4px;
    padding: 2px 0 8px;
    border-bottom: none;
}

html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__start,
html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__lead {
    grid-column: 1 / -1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 28px;
    gap: 0;
    pointer-events: none;
}

html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__breadcrumb {
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
    max-width: min(100%, 320px);
    font-size: 11px;
    line-height: 1.25;
    color: var(--gts-text-muted);
    pointer-events: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    z-index: 2;
}

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__breadcrumb > li + li:before {
        color: var(--gts-text-muted);
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__breadcrumb > .active {
        color: var(--gts-text);
        font-weight: 500;
    }

html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: min(56%, calc(100% - 200px));
    margin: 0;
    padding: 0 0 2px;
    border: none;
    text-align: center;
    pointer-events: auto;
    z-index: 1;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.35;
    color: var(--gts-text-heading);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__end {
    grid-column: 1;
    grid-row: 1;
    order: 1;
    justify-self: start;
    align-self: center;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Search panel under page toolbar: no heading flash, compact spacing */
html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary.gts-filter-panel > .panel-heading,
html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary:first-child:not(.with-nav-tabs) > .panel-heading {
    display: none !important;
}

html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary.gts-filter-panel,
html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary:first-child {
    border: 1px solid var(--gts-border);
    background: var(--gts-surface);
    box-shadow: var(--gts-shadow-sm);
    border-radius: var(--gts-radius-lg);
    margin-top: 0;
    margin-bottom: 8px;
}

html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary.gts-filter-panel > .panel-collapse > .panel-body,
html body #page-wrapper .gts-page-toolbar + .gts-page-body > .panel.panel-primary:first-child > .panel-collapse > .panel-body {
    padding: 10px 12px 12px;
}

html body #page-wrapper .gts-btn-add-new {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: var(--gts-radius);
    border: 1px solid var(--gts-primary);
    background: var(--gts-primary);
    color: var(--gts-primary-text) !important;
    box-shadow: none;
    transition: background var(--gts-transition), border-color var(--gts-transition);
}

    html body #page-wrapper .gts-btn-add-new:hover,
    html body #page-wrapper .gts-btn-add-new:focus {
        background: var(--gts-primary-hover);
        border-color: var(--gts-primary-hover);
        color: var(--gts-primary-text) !important;
    }

    html body #page-wrapper .gts-btn-add-new .glyphicon {
        font-size: 12px;
        top: 0;
    }

html body #page-wrapper .gts-page-body {
    margin-top: 0;
}

/* --- Transaction/detail editor forms (Storage, Commodity, Transportation, reports, etc.) ---
   Flex (not float) so columns of differing height (plain inputs vs. DevExtreme
   widgets vs. the button group) bottom-align consistently within a line instead
   of producing the classic float "staircase" wrap. */
html body #page-wrapper .gts-page-body form .row,
html body #page-wrapper .panel-body form .row,
html body #page-wrapper .gts-filter-panel form .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

html body #page-wrapper .gts-page-body form .row > [class*="col-"],
html body #page-wrapper .panel-body form .row > [class*="col-"],
html body #page-wrapper .gts-filter-panel form .row > [class*="col-"] {
    margin-bottom: 10px;
}

html body #page-wrapper .gts-page-body form .form-group,
html body #page-wrapper .panel-body form .form-group,
html body #page-wrapper .gts-filter-panel form .form-group {
    margin-bottom: 0;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

html body #page-wrapper .gts-page-body form .form-group > label[for],
html body #page-wrapper .panel-body form .form-group > label[for],
html body #page-wrapper .gts-filter-panel form .form-group > label[for] {
    display: block;
    margin-bottom: 4px;
    flex: 0 0 auto;
    order: -1;
    align-self: stretch;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

html body #page-wrapper .gts-page-body form .form-group .checkbox,
html body #page-wrapper .panel-body form .form-group .checkbox,
html body #page-wrapper .gts-filter-panel form .form-group .checkbox {
    margin-top: 0;
    margin-bottom: 0;
    min-height: 28px;
    padding-top: 0;
    display: flex;
    align-items: center;
}

html body #page-wrapper .gts-page-body form .form-group .checkbox label,
html body #page-wrapper .panel-body form .form-group .checkbox label,
html body #page-wrapper .gts-filter-panel form .form-group .checkbox label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
    white-space: normal;
    line-height: 1.3;
    font-weight: 600;
}

html body #page-wrapper .gts-page-body form .form-group .fieldValue,
html body #page-wrapper .panel-body form .form-group .fieldValue,
html body #page-wrapper .gts-filter-panel form .form-group .fieldValue {
    display: block;
    min-height: 28px;
    line-height: 28px;
}

html body #page-wrapper .gts-page-body form .dx-dropdowneditor,
html body #page-wrapper .gts-page-body form .dx-selectbox,
html body #page-wrapper .panel-body form .dx-dropdowneditor,
html body #page-wrapper .panel-body form .dx-selectbox,
html body #page-wrapper .gts-filter-panel form .dx-dropdowneditor,
html body #page-wrapper .gts-filter-panel form .dx-selectbox {
    width: 100% !important;
    max-width: 100%;
}

html body #page-wrapper .gts-page-body form .dx-dropdowneditor .dx-texteditor-container,
html body #page-wrapper .gts-page-body form .dx-selectbox .dx-texteditor-container,
html body #page-wrapper .panel-body form .dx-dropdowneditor .dx-texteditor-container,
html body #page-wrapper .panel-body form .dx-selectbox .dx-texteditor-container,
html body #page-wrapper .gts-filter-panel form .dx-dropdowneditor .dx-texteditor-container,
html body #page-wrapper .gts-filter-panel form .dx-selectbox .dx-texteditor-container {
    min-height: 28px;
}

html body #page-wrapper .gts-page-body form .dx-dropdowneditor .dx-texteditor-input,
html body #page-wrapper .gts-page-body form .dx-selectbox .dx-texteditor-input,
html body #page-wrapper .panel-body form .dx-dropdowneditor .dx-texteditor-input,
html body #page-wrapper .panel-body form .dx-selectbox .dx-texteditor-input,
html body #page-wrapper .gts-filter-panel form .dx-dropdowneditor .dx-texteditor-input,
html body #page-wrapper .gts-filter-panel form .dx-selectbox .dx-texteditor-input {
    min-height: 26px;
}

html body #page-wrapper .gts-page-body form .row.topBuffer10,
html body #page-wrapper .panel-body form .row.topBuffer10,
html body #page-wrapper .gts-filter-panel form .row.topBuffer10 {
    margin-top: 8px;
}

html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid,
html body #page-wrapper .panel-body form .row.gts-form-charge-grid {
    margin-top: 0;
    margin-bottom: 2px;
}

@media (min-width: 1200px) {
    html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid,
    html body #page-wrapper .panel-body form .row.gts-form-charge-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        column-gap: calc(var(--gts-col-gutter) * 2);
        row-gap: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid::before,
    html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid::after,
    html body #page-wrapper .panel-body form .row.gts-form-charge-grid::before,
    html body #page-wrapper .panel-body form .row.gts-form-charge-grid::after {
        display: none;
    }

    html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid > [class*="col-"],
    html body #page-wrapper .panel-body form .row.gts-form-charge-grid > [class*="col-"] {
        width: 100%;
        max-width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
}

html body #page-wrapper .gts-page-body form .row.gts-form-charge-grid > [class*="col-"],
html body #page-wrapper .panel-body form .row.gts-form-charge-grid > [class*="col-"] {
    margin-bottom: 10px;
}

html body #page-wrapper .gts-page-body form .row.gts-form-charge-row,
html body #page-wrapper .panel-body form .row.gts-form-charge-row {
    margin-top: 0;
    margin-bottom: 2px;
}

html body #page-wrapper .gts-page-body form .row.gts-form-charge-row > [class*="col-"],
html body #page-wrapper .panel-body form .row.gts-form-charge-row > [class*="col-"] {
    margin-bottom: 10px;
}

html body #page-wrapper .gts-page-body form .row.gts-form-charge-row + .row.gts-form-charge-row,
html body #page-wrapper .panel-body form .row.gts-form-charge-row + .row.gts-form-charge-row {
    margin-top: 0;
}

html body #page-wrapper .gts-page-body form .btn-group,
html body #page-wrapper .panel-body form .btn-group,
html body #page-wrapper .gts-filter-panel form .btn-group {
    margin-bottom: 4px;
}

@media (max-width: 991px) {
    html body #page-wrapper .gts-page-body form .form-group > label[for],
    html body #page-wrapper .panel-body form .form-group > label[for],
    html body #page-wrapper .gts-filter-panel form .form-group > label[for] {
        white-space: normal;
    }

    html body #page-wrapper .panel-body form .row > [class*="col-lg-"],
    html body #page-wrapper .panel-body form .row > [class*="col-md-"],
    html body #page-wrapper .gts-page-body form .row > [class*="col-lg-"],
    html body #page-wrapper .gts-page-body form .row > [class*="col-md-"],
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-lg-"],
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-md-"] {
        width: 100%;
        float: none;
    }
}

@media (max-width: 767px) {
    html body #page-wrapper .gts-page-body form .row > [class*="col-"],
    html body #page-wrapper .panel-body form .row > [class*="col-"],
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-"] {
        margin-bottom: 8px;
    }

    html body #page-wrapper .panel-body form .row > [class*="col-sm-"],
    html body #page-wrapper .gts-page-body form .row > [class*="col-sm-"],
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-sm-"] {
        width: 100%;
        float: none;
    }

    html body #page-wrapper .gts-page-body form .form-group,
    html body #page-wrapper .panel-body form .form-group,
    html body #page-wrapper .gts-filter-panel form .form-group {
        min-height: 0;
    }

    html body #page-wrapper .gts-page-body form .btn-group,
    html body #page-wrapper .panel-body form .btn-group,
    html body #page-wrapper .gts-filter-panel form .btn-group {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }

    html body #page-wrapper .gts-page-body form .btn-group > .btn,
    html body #page-wrapper .panel-body form .btn-group > .btn,
    html body #page-wrapper .gts-filter-panel form .btn-group > .btn {
        width: 100%;
        text-align: left;
    }
}

/* --- Theme parity + icon/button refinements --- */
:root[data-theme="light"] body.gts-app-page #wrapper #page-wrapper {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(250, 252, 255, 0.97) 100%);
    border: 1px solid rgba(55, 110, 177, 0.12);
}

:root[data-theme="dark"] body.gts-app-page #wrapper #page-wrapper {
    background:
        linear-gradient(180deg, rgba(17, 25, 39, 0.9) 0%, rgba(15, 22, 35, 0.92) 100%);
    border: 1px solid rgba(122, 170, 232, 0.18);
}

html body .gts-theme-picker {
    border-radius: 10px;
    padding: 2px;
    background: var(--gts-surface-2);
    border: 1px solid var(--gts-border);
}

html body .gts-theme-picker-btn {
    border-radius: 8px;
    min-width: 30px;
    transition: transform var(--gts-transition), background-color var(--gts-transition), color var(--gts-transition);
}

html body .gts-theme-picker-btn.active {
    background: var(--gts-primary-gradient);
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(39, 116, 203, 0.35);
}

html body .gts-theme-picker-btn:hover {
    transform: translateY(-1px);
}

html body .btn .gts-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 6px;
    border-radius: 50%;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.26);
    vertical-align: middle;
}

html body .btn:not(.btn-primary) .gts-btn-icon {
    background: rgba(0, 0, 0, 0.12);
}

:root[data-theme="dark"] html body .btn:not(.btn-primary) .gts-btn-icon {
    background: rgba(255, 255, 255, 0.18);
}

html body .login-panel #btnSignin .gts-btn-icon--signin {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

html body #navGTS.navbar-default .navbar-nav > li > a > .fa,
html body #navGTS.navbar-default .navbar-nav > li > a > .glyphicon {
    transition: color var(--gts-transition), transform var(--gts-transition);
}

html body #navGTS.navbar-default .navbar-nav > li > a:hover > .fa,
html body #navGTS.navbar-default .navbar-nav > li > a:hover > .glyphicon {
    transform: translateY(-1px);
}

html body #page-wrapper .gts-page-body > .row:first-child,
html body #page-wrapper .gts-page-header + .row,
html body #page-wrapper .gts-page-header + .panel,
html body #page-wrapper .gts-page-header + .gts-page-body,
html body #page-wrapper .gts-page-toolbar + .row,
html body #page-wrapper .gts-page-toolbar + .panel,
html body #page-wrapper .gts-page-toolbar + .gts-page-body {
    margin-top: 0;
}

html body #page-wrapper .panel-heading.gts-page-header-panel-heading--hidden {
    display: none !important;
}

/* --- Filter panel: no redundant Search Filters / Search Screen header --- */
html body #page-wrapper .gts-filter-panel.panel-primary {
    border: 1px solid var(--gts-border);
    background: var(--gts-surface);
    box-shadow: var(--gts-shadow-sm);
    border-radius: var(--gts-radius-lg);
    margin-bottom: 8px;
}

    html body #page-wrapper .gts-filter-panel.panel-primary > .panel-heading {
        display: flex;
    }

    html body #page-wrapper .gts-filter-panel.panel-primary > .panel-collapse > .panel-body,
    html body #page-wrapper .gts-filter-panel.panel-primary > .panel-body {
        padding: 10px 12px 8px;
        border: none;
        background: transparent;
    }

    html body #page-wrapper .gts-filter-panel .form-group {
        margin-bottom: 10px;
    }

/* --- Search action group (auto-enhanced by pageLayout.js): flows inline at the
   end of the filter row when there's room, instead of always forcing a new row --- */
html body #page-wrapper .gts-search-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
}

/* Column gutters already provide spacing; a fixed margin here can push a
   column with no slack left in its row (e.g. exactly 8/12 used) past the
   container edge and force an unwanted wrap. */
html body #page-wrapper .gts-search-actions-enhanced.leftBuffer5 {
    margin-left: 0;
}

@media (min-width: 768px) {
    /* topBuffer20 was sized for when this column always sat on its own row
       below the fields; inline it now sits beside sibling .form-group
       columns and the parent .row's align-items: flex-end already bottom-
       aligns every column (regardless of its actual content height), so
       the fixed offset is no longer needed and would push it out of line. */
    html body #page-wrapper .gts-search-actions-enhanced.topBuffer20 {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    html body #page-wrapper .gts-search-actions-enhanced {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        float: none !important;
        clear: both;
    }

    html body #page-wrapper .gts-search-actions {
        width: 100%;
    }
}

html body #page-wrapper .panel.with-nav-tabs.panel-primary {
    margin-top: 0;
    overflow: visible;
}

html body #page-wrapper .panel.with-nav-tabs.panel-primary > .panel-body.tab-content {
    overflow: visible;
}

html body #page-wrapper .gts-page-body > .panel.with-nav-tabs.panel-primary:first-child {
    margin-top: 0;
}

html body #page-wrapper .gts-page-body .panel-body.tab-content {
    padding-top: 12px;
}

html body #page-wrapper .panel.with-nav-tabs > .panel-heading {
    padding: 0;
}

/* --- Page toolbar: breadcrumb + actions (Commodity, Storage, etc.) --- */
html body #page-wrapper .gts-page-toolbar:not(.gts-page-toolbar--actions):not(.gts-page-toolbar--title-only) .gts-page-toolbar__start {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px 12px;
}

html body #page-wrapper .gts-page-toolbar .gts-page-toolbar__breadcrumb {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

@media (max-width: 767px) {
    html body #page-wrapper .gts-page-toolbar--actions {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        gap: 4px 8px;
        min-height: 0;
        padding: 0;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__breadcrumb {
        grid-column: 1 / -1;
        grid-row: 1;
        max-width: 100%;
        white-space: normal;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__start,
    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__lead {
        grid-column: 1 / -1;
        grid-row: 1;
        padding-top: 0;
        min-height: 28px;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__title {
        max-width: calc(100% - 120px);
        font-size: 16px;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__end {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-btn-add-new {
        width: auto;
        justify-content: center;
    }
}

/* Neutralize legacy buffer margins inside page shell (page padding is enough) */
#wrapper #page-wrapper .leftBuffer15,
#wrapper #page-wrapper .rightBuffer15,
#wrapper #page-wrapper .leftBuffer20,
#wrapper #page-wrapper .rightBuffer20 {
    margin-left: 0;
    margin-right: 0;
}
body.gts-login-page #page-wrapper .container-fluid,
body.gts-login-page #page-wrapper > .container-fluid > .row,
body.gts-login-page #page-wrapper .col-lg-12 {
    margin: 0;
    padding: 0;
    float: none;
}

body.gts-login-page #page-wrapper {
    background-color: transparent !important;
    border-left: none !important;
    min-height: auto;
    width: 100%;
    padding: 0;
}

body.gts-login-page #wrapper #page-wrapper {
    background-color: transparent !important;
    border-left: none !important;
}

body.gts-login-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body.gts-login-page #phContentView {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
}

    body.gts-login-page #phContentView > #wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        min-height: 0;
        padding: 0 16px;
    }

body.gts-login-page #page-wrapper,
body.gts-login-page #page-wrapper > .container-fluid,
body.gts-login-page #page-wrapper > .container-fluid > .row,
body.gts-login-page #page-wrapper .col-lg-12 {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

a {
    color: var(--gts-link);
}

    a:hover,
    a:focus {
        color: var(--gts-link-hover);
    }

.page-header {
    color: var(--gts-text-heading) !important;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 4px 0 12px;
    padding-bottom: 0;
    border-bottom: none;
}

html body .title {
    color: var(--gts-text-heading);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

html body .subTitle {
    background-color: var(--gts-surface-2);
    color: var(--gts-text-heading);
    border: 1px solid var(--gts-border);
    border-left: 3px solid var(--gts-brand-accent);
    border-radius: var(--gts-radius);
    font-weight: 600;
    letter-spacing: 0.01em;
}

html body .greetings {
    color: var(--gts-link);
}

html body footer.main-footer p {
    color: var(--gts-text-muted) !important;
}

/* --- Navbar (enterprise top bar) --- */
#navGTS.navbar-default {
    background-color: var(--gts-nav-bg);
    border: none;
    border-bottom: 1px solid var(--gts-nav-border);
    box-shadow: var(--gts-shadow-sm);
    min-height: var(--gts-nav-height);
    position: relative;
    z-index: 1002;
    padding-top: 0;
}

    /* Static top accent removed — use NProgress bar during loading only (modern SaaS pattern). */

    #navGTS.navbar-default .navbar-nav > li > a {
        color: var(--gts-nav-text);
        font-size: 13px;
        font-weight: 500;
        padding-top: 16px;
        padding-bottom: 16px;
        transition: color var(--gts-transition), background var(--gts-transition);
    }

        #navGTS.navbar-default .navbar-nav > li > a:hover,
        #navGTS.navbar-default .navbar-nav > li > a:focus {
            color: var(--gts-text-heading);
            background-color: var(--gts-nav-hover-bg);
        }

    #navGTS.navbar-default .navbar-nav > .open > a,
    #navGTS.navbar-default .navbar-nav > .open > a:hover,
    #navGTS.navbar-default .navbar-nav > .open > a:focus,
    #navGTS.navbar-default .navbar-nav > .active > a,
    #navGTS.navbar-default .navbar-nav > .active > a:hover,
    #navGTS.navbar-default .navbar-nav > .active > a:focus {
        color: var(--gts-text-heading);
        background-color: var(--gts-nav-hover-bg);
    }

    #navGTS.navbar-default .gts-navbar-utilities > li.dropdown:last-child > a {
        border-radius: var(--gts-radius);
    }

    #navGTS.navbar-default .navbar-toggle {
        border-color: var(--gts-border);
        margin-top: 10px;
        margin-right: 12px;
    }

        #navGTS.navbar-default .navbar-toggle .icon-bar {
            background-color: var(--gts-nav-text);
        }

    #navGTS.navbar-default .navbar-header {
        display: flex;
        align-items: center;
        float: left;
        min-width: 120px;
        overflow: visible;
        flex-wrap: nowrap;
        flex-shrink: 0;
        gap: 8px;
        position: relative;
        z-index: 1003;
    }

    #navGTS.navbar-default .gts-sidebar-toggle,
    #navGTS.navbar-default .sidebar-nav-button {
        display: inline-flex !important;
        visibility: visible !important;
        justify-content: center;
        align-items: center;
        float: none;
        flex: 0 0 auto;
        width: 38px;
        height: 38px;
        min-width: 38px;
        padding: 0;
        margin: 0 0 0 12px;
        border-radius: var(--gts-radius);
        background-color: var(--gts-surface-2);
        border: 1px solid var(--gts-border-strong);
        cursor: pointer;
        opacity: 1;
    }

        #navGTS.navbar-default .gts-sidebar-toggle .fa-bars,
        #navGTS.navbar-default .sidebar-nav-button .fa-bars {
            font-size: 16px;
            line-height: 1;
            color: var(--gts-nav-text);
        }

    #navGTS.navbar-default .navbar-brand {
        float: none;
        display: flex;
        align-items: center;
        height: calc(var(--gts-nav-height) - 3px);
        padding: 0 12px 0 0;
        margin-left: 0;
        flex: 0 0 auto;
        min-width: 0;
    }

        #navGTS.navbar-default .navbar-brand > img {
            height: auto;
            max-height: calc(var(--gts-nav-height) - 10px);
            width: auto;
        }

        #navGTS.navbar-default .gts-sidebar-toggle:hover,
        #navGTS.navbar-default .gts-sidebar-toggle:focus,
        #navGTS.navbar-default .sidebar-nav-button:hover,
        #navGTS.navbar-default .sidebar-nav-button:focus {
            background-color: var(--gts-nav-hover-bg);
            border-color: var(--gts-primary);
            outline: none;
        }

        #navGTS.navbar-default .gts-sidebar-toggle:hover .fa-bars,
        #navGTS.navbar-default .gts-sidebar-toggle:focus .fa-bars,
        #navGTS.navbar-default .sidebar-nav-button:hover .fa-bars,
        #navGTS.navbar-default .sidebar-nav-button:focus .fa-bars {
            color: var(--gts-text-heading);
        }

@media (max-width: 767px) {
    #navGTS.navbar-default {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        min-height: var(--gts-nav-height);
        padding: 3px 4px 0;
    }

    #navGTS.navbar-default .navbar-header {
        float: none !important;
        display: flex;
        align-items: center;
        flex: 0 1 auto;
        min-width: 0;
        gap: 2px;
        margin: 0 !important;
    }

    #navGTS.navbar-default .navbar-brand {
        float: none !important;
        height: calc(var(--gts-nav-height) - 8px);
        padding: 0 4px !important;
        margin-left: 0 !important;
    }

        #navGTS.navbar-default .navbar-brand > img {
            max-height: 30px;
            width: auto;
        }

    #navGTS.navbar-default .gts-sidebar-toggle,
    #navGTS.navbar-default .sidebar-nav-button {
        margin-left: 0 !important;
        flex-shrink: 0;
    }

    #navGTS.navbar-default .navbar-toggle {
        display: none !important;
    }

    #navGTS .gts-navbar-utilities {
        float: none !important;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-end;
        margin: 0 !important;
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
    }

        #navGTS .gts-navbar-utilities > li {
            float: none !important;
            flex: 0 0 auto;
        }

            #navGTS .gts-navbar-utilities > li > a {
                padding: 10px 5px !important;
                min-height: 0;
            }

    #navGTS .gts-theme-picker-nav-item {
        padding: 0 !important;
    }

    #navGTS .gts-theme-picker-mount {
        padding: 0;
        width: auto;
    }

    #navGTS .gts-theme-picker {
        width: auto;
        justify-content: center;
    }

    #navGTS .gts-theme-picker-btn {
        padding: 5px 6px;
        min-width: 26px;
    }

    #navGTS .greetings {
        display: none;
    }

    #navGTS #lnkSetLandingPage {
        display: none;
    }

    #navGTS #navSideBar.sidebar {
        position: fixed;
        top: var(--gts-nav-height);
        left: 0;
        /*bottom: 0;*/
        height: calc(100vh - var(--gts-nav-height)); /* Or 100dvh for modern mobile browsers */
        z-index: 1030;
        width: min(240px, 85vw);
        margin-top: 0;
        overflow-x: hidden;
        overflow-y: auto;
        box-shadow: var(--gts-shadow-lg);
        border-right: 1px solid var(--gts-sidebar-border);
    }

    #page-wrapper.gts-sidebar-open {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

    #navGTS.navbar-default .dropdown-menu {
        background-color: var(--gts-surface);
        border-color: var(--gts-border);
        box-shadow: var(--gts-shadow-md);
    }

        #navGTS.navbar-default .dropdown-menu > li > a {
            color: var(--gts-text);
        }

            #navGTS.navbar-default .dropdown-menu > li > a:hover,
            #navGTS.navbar-default .dropdown-menu > li > a:focus {
                background-color: var(--gts-nav-hover-bg);
                color: var(--gts-text-heading);
            }

        #navGTS.navbar-default .dropdown-menu .divider {
            background-color: var(--gts-border);
        }

/* --- Sidebar --- */
.sidebar {
    background-color: var(--gts-sidebar-bg) !important;
}

@media (min-width: 768px) {
    #navGTS #navSideBar.sidebar {
        margin-top: var(--gts-nav-height);
        z-index: 1;
    }
}

    .sidebar ul li {
        border-bottom-color: var(--gts-sidebar-border) !important;
    }

        .sidebar ul li a {
            color: var(--gts-sidebar-text) !important;
        }

            .sidebar ul li a:hover,
            .sidebar ul li a:focus {
                background-color: var(--gts-nav-hover-bg) !important;
                color: var(--gts-text-heading) !important;
            }

        .sidebar ul li a.active {
            background-color: var(--gts-sidebar-active-bg) !important;
            color: var(--gts-sidebar-active-text) !important;
            border-left: 3px solid var(--gts-brand-accent);
            font-weight: 600;
        }

.sidebar-nav-button {
    background-color: var(--gts-surface-2);
    border: 1px solid var(--gts-border-strong);
}

    .sidebar-nav-button .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 1px;
        background-color: var(--gts-nav-text);
    }

    .sidebar-nav-button .icon-bar + .icon-bar {
        margin-top: 4px;
    }

/* --- Panels (enterprise card chrome) --- */
.panel {
    border: 1px solid var(--gts-border);
    background-color: var(--gts-surface);
    box-shadow: var(--gts-shadow-sm);
    border-radius: var(--gts-radius);
    overflow: hidden;
}

.panel-primary {
    border-color: var(--gts-border);
}

.panel-default > .panel-heading {
    background-color: var(--gts-surface-2);
    border-bottom: 1px solid var(--gts-border);
    color: var(--gts-text-heading);
    font-weight: 600;
    font-size: 16px;
    padding: 7px 15px;
    min-height: 36px;
    display: flex;
    align-items: center;
}

.panel-primary > .panel-heading {
    background: var(--gts-surface-2);
    border-bottom: 1px solid var(--gts-border);
    border-top: none;
    color: var(--gts-text-heading);
    font-weight: 600;
    padding: 7px 15px;
    min-height: 36px;
    display: flex;
    align-items: center;
    position: relative;
}

    .panel-primary > .panel-heading::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
        background: var(--gts-brand-accent);
    }

    .panel-primary > .panel-heading a {
        color: var(--gts-text-heading);
    }

.panel-body {
    background-color: var(--gts-surface);
    color: var(--gts-text);
    padding: 14px 16px;
}

    .panel-body .form-group {
        margin-bottom: 14px;
    }

    .panel-body label {
        font-size: 12px;
        font-weight: 500;
        color: var(--gts-text-label);
        margin-bottom: 5px;
    }

    .panel-body .btn-sm + .btn-sm {
        margin-left: 8px;
    }

.panel-primary > .panel-heading .panel-title {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.42857143;
    letter-spacing: normal;
    margin: 0;
    padding: 0 0 0 10px;
}

.panel-primary > .panel-heading .panel-title.text-center {
    text-align: center;
    width: 100%;
    padding: 0;
}

    .panel-primary > .panel-heading .panel-title a {
        color: inherit;
        text-decoration: none;
    }

        .panel-primary > .panel-heading .panel-title a:hover,
        .panel-primary > .panel-heading .panel-title a:focus {
            color: var(--gts-primary);
        }

html body #page-wrapper .gts-page-body .panel.panel-primary + .panel.panel-primary {
    margin-top: 8px;
}

html body #page-wrapper .gts-page-body .tab-content > .panel.panel-primary + .panel.panel-primary {
    margin-top: 8px;
}

.panel-footer {
    background-color: var(--gts-surface-2);
    border-top: 1px solid var(--gts-border);
    color: var(--gts-text);
    padding: 14px 20px;
}

.panel-info {
    border-color: var(--gts-border);
}

    .panel-info > .panel-heading {
        background-color: var(--gts-surface-2);
        border-bottom: 1px solid var(--gts-border);
        color: var(--gts-text-heading);
        font-weight: 600;
        font-size: 13px;
        padding: 7px 14px;
    }

        .panel-info > .panel-heading .panel-title {
            color: var(--gts-text-heading);
            font-size: 13px;
        }

.panel-warning {
    border-color: var(--gts-border);
}

    .panel-warning > .panel-heading {
        background-color: var(--gts-surface-2);
        border-bottom: 1px solid var(--gts-border);
        color: var(--gts-text-heading);
    }

.btn {
    font-weight: 500;
    letter-spacing: 0.01em;
    border-radius: var(--gts-radius);
    transition: background var(--gts-transition), border-color var(--gts-transition), box-shadow var(--gts-transition), color var(--gts-transition);
}

.btn-primary {
    background-color: var(--gts-primary);
    border-color: var(--gts-primary);
    color: var(--gts-primary-text);
    box-shadow: none;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        background-color: var(--gts-primary-hover);
        border-color: var(--gts-primary-hover);
        color: var(--gts-primary-text);
        box-shadow: var(--gts-shadow-sm);
    }

.btn-default {
    background-color: var(--gts-surface);
    border-color: var(--gts-border-strong);
    color: var(--gts-text);
}

    .btn-default:hover,
    .btn-default:focus {
        background-color: var(--gts-surface-2);
        border-color: var(--gts-border-strong);
        color: var(--gts-text-heading);
    }

.btn-sm {
    font-size: 12px;
    padding: 6px 14px;
    min-height: 32px;
    line-height: 1.35;
}

.btn-success {
    background-color: var(--gts-success);
    border-color: var(--gts-success);
}

.btn-info {
    background-color: var(--gts-primary-soft);
    border-color: var(--gts-primary);
    color: var(--gts-primary);
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active {
        background-color: var(--gts-primary);
        border-color: var(--gts-primary);
        color: var(--gts-primary-text);
    }

.btn-warning {
    background-color: var(--gts-surface);
    border-color: var(--gts-border-strong);
    color: var(--gts-text);
    box-shadow: none;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active {
        background-color: var(--gts-surface-3);
        border-color: var(--gts-border-strong);
        color: var(--gts-text-heading);
        box-shadow: none;
    }

/* --- Forms --- */
.form-control {
    background-color: var(--gts-input-bg);
    border: 1px solid var(--gts-border-strong);
    color: var(--gts-text);
    border-radius: var(--gts-radius);
    font-size: 13px;
    min-height: 34px;
    transition: border-color var(--gts-transition), box-shadow var(--gts-transition), background-color var(--gts-transition);
    box-shadow: none;
}

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px 12px;
    cursor: pointer;
}

:root[data-theme="dark"] select.form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) select.form-control {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
    }
}

:root[data-theme="dark"] .datePickerIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) .datePickerIcon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    }
}

    .form-control:focus {
        border-color: var(--gts-primary);
        box-shadow: var(--gts-focus-ring);
        outline: none;
    }

    .form-control::placeholder {
        color: var(--gts-text-muted);
        opacity: 0.85;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: var(--gts-input-disabled-bg);
        border-color: var(--gts-input-disabled-border);
        color: var(--gts-input-disabled-text);
    }

label {
    color: var(--gts-text-heading);
}

.input-group-addon {
    background-color: var(--gts-surface-2);
    border-color: var(--gts-border-strong);
    color: var(--gts-text-muted);
}

button.multiselect {
    color: var(--gts-text);
    background-color: var(--gts-input-bg);
    border-color: var(--gts-border-strong);
}

/* --- Tables --- */
.table {
    color: var(--gts-text);
}

    .table > thead > tr > th {
        border-bottom: 2px solid var(--gts-border);
        color: var(--gts-text-label);
        background-color: var(--gts-surface-2);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table > tbody > tr > td {
        border-top-color: var(--gts-border);
        background-color: var(--gts-surface);
        color: var(--gts-text);
    }

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: var(--gts-table-stripe);
    }

    .table-hover > tbody > tr:hover {
        background-color: var(--gts-table-hover);
    }

/* --- Nav tabs --- */
.nav-tabs {
    border-bottom-color: var(--gts-border);
}

    .nav-tabs > li > a {
        color: var(--gts-text-muted);
        border-radius: var(--gts-radius) var(--gts-radius) 0 0;
    }

        .nav-tabs > li > a:hover {
            background-color: var(--gts-surface-2);
            border-color: var(--gts-border);
            color: var(--gts-text-heading);
        }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        background-color: var(--gts-surface);
        border-color: var(--gts-border) var(--gts-border) transparent;
        color: var(--gts-primary);
        font-weight: 600;
    }

.tab-pane {
    background-color: var(--gts-surface);
    border-radius: 0 0 var(--gts-radius) var(--gts-radius);
}

.nestedTab {
    color: var(--gts-primary) !important;
}

    .nestedTab:hover {
        color: var(--gts-primary-text) !important;
        background-color: var(--gts-primary);
    }

.active.nestedTab > a:hover {
    color: var(--gts-primary) !important;
}

/* --- Breadcrumb --- */
.breadcrumb {
    background-color: transparent;
    color: var(--gts-text-muted);
}

    .breadcrumb > .active {
        color: var(--gts-text);
    }

/* --- Modals --- */
.modal-content {
    background-color: var(--gts-surface);
    border-color: var(--gts-border);
    box-shadow: var(--gts-shadow-md);
    border-radius: var(--gts-radius-lg);
    overflow: hidden;
}

.modal-header {
    border-bottom-color: var(--gts-border);
    background-color: var(--gts-surface-2);
    padding: 12px 16px;
}

.modal-footer {
    border-top-color: var(--gts-border);
    background-color: var(--gts-surface-2);
    padding: 12px 16px;
}

.modal-title {
    color: var(--gts-text-heading);
    font-size: 15px;
    font-weight: 600;
}

.modal-header .close {
    color: var(--gts-text-muted);
    opacity: 0.75;
    text-shadow: none;
}

    .modal-header .close:hover,
    .modal-header .close:focus {
        color: var(--gts-text-heading);
        opacity: 1;
    }

/* --- jQuery UI --- */
.ui-widget {
    font-family: var(--gts-font);
}

.ui-widget-content {
    background: var(--gts-surface);
    color: var(--gts-text);
    border-color: var(--gts-border);
}

.ui-widget-header {
    background: var(--gts-surface-2);
    color: var(--gts-text-heading);
    border-color: var(--gts-border);
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    background: var(--gts-surface-2);
    color: var(--gts-text);
    border-color: var(--gts-border);
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
    background: var(--gts-primary-soft);
    color: var(--gts-text-heading);
    border-color: var(--gts-primary);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: var(--gts-primary);
    color: var(--gts-primary-text);
    border-color: var(--gts-primary);
}

.ui-datepicker {
    z-index: 1051 !important;
    box-shadow: var(--gts-shadow-md);
    border-radius: var(--gts-radius);
    border-color: var(--gts-border) !important;
    overflow: hidden;
}

.ui-dialog {
    border-radius: var(--gts-radius-lg);
    box-shadow: var(--gts-shadow-lg);
    border-color: var(--gts-border) !important;
    padding: 0;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        background: var(--gts-surface-2);
        border-color: var(--gts-border);
        color: var(--gts-text-heading);
        font-weight: 600;
        border-radius: 0;
    }

    .ui-dialog .ui-dialog-content {
        padding: 16px;
    }

    .ui-dialog .ui-dialog-buttonpane {
        background: var(--gts-surface-2);
        border-top: 1px solid var(--gts-border);
        margin-top: 0;
    }

/* --- DevExtreme (enterprise grid & editors) --- */
html body .dx-theme-background-color {
    background-color: var(--gts-surface) !important;
    fill: var(--gts-surface) !important;
}

html body .dx-theme-border-color {
    border-color: var(--gts-border) !important;
}

html body .dx-theme-accent-as-background-color {
    background-color: var(--gts-primary) !important;
    fill: var(--gts-primary) !important;
}

html body .dx-theme-accent-as-border-color {
    border-color: var(--gts-primary) !important;
}

html body .dx-datagrid {
    background-color: var(--gts-surface);
    color: var(--gts-text);
    border-radius: var(--gts-radius);
    overflow: hidden;
}

html body .dx-datagrid-headers,
html body .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    background-color: var(--gts-surface-2) !important;
    color: var(--gts-text-heading) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-datagrid-rowsview .dx-row {
    border-color: var(--gts-border);
}

html body .dx-datagrid-rowsview .dx-data-row > td {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-datagrid-rowsview .dx-row-alt > td {
    background-color: var(--gts-table-stripe) !important;
}

html body .dx-datagrid-rowsview .dx-data-row:hover > td {
    background-color: var(--gts-table-hover) !important;
}

html body .dx-datagrid-headers .dx-header-row > td {
    padding-top: 6px;
    padding-bottom: 8px;
    vertical-align: middle;
}

html body .dx-datagrid-headers .dx-header-row > td:has(input[type="checkbox"]) .dx-datagrid-text-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    min-height: 26px;
    padding: 2px 0 4px;
    line-height: 1.35;
    white-space: normal;
}

html body .dx-datagrid-headers .dx-header-row > td input[type="checkbox"] {
    float: none !important;
    margin: 0;
    flex: 0 0 auto;
    vertical-align: middle;
}

html body .dx-datagrid-headers .dx-header-row > td input[type="checkbox"].pull-left {
    float: none !important;
}

html body .dx-datagrid-headers .dx-header-row > td .dx-datagrid-text-content > span.bold {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 1.35;
}

html body .dx-header-row .dx-text-content-alignment-left,
html body .dx-header-row .dx-text-content-alignment-right {
    color: var(--gts-text-heading);
    font-weight: 600;
    font-size: 12px;
}

html body .dx-datagrid .dx-header-filter {
    color: var(--gts-primary);
}

html body .dx-datagrid .dx-header-filter-empty {
    color: var(--gts-text-muted);
}

html body .dx-datagrid-group-panel {
    background-color: var(--gts-surface-2) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-datagrid-header-panel,
html body .dx-datagrid-header-panel .dx-toolbar,
html body .dx-datagrid-header-panel .dx-toolbar-background,
html body .dx-datagrid .dx-toolbar,
html body .dx-toolbar-background {
    background-color: var(--gts-surface-2) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-datagrid-group-panel .dx-group-panel-message {
    color: var(--gts-text-muted) !important;
    font-size: 12px;
    font-style: normal;
    opacity: 0.9;
}

html body .dx-datagrid-group-panel .dx-group-panel-item,
html body .dx-datagrid-group-panel .dx-block-separator {
    color: var(--gts-text) !important;
    background-color: var(--gts-surface-3) !important;
    border-color: var(--gts-border-strong) !important;
}

html body .dx-datagrid-filter-row,
html body .dx-datagrid-filter-row td {
    background-color: var(--gts-surface-2) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined,
html body .dx-datagrid .dx-texteditor.dx-editor-outlined {
    background-color: var(--gts-input-bg) !important;
    border-color: var(--gts-border-strong) !important;
    border-radius: 4px;
}

html body .dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined.dx-state-hover,
html body .dx-datagrid .dx-texteditor.dx-editor-outlined.dx-state-hover {
    border-color: var(--gts-primary) !important;
}

html body .dx-datagrid-filter-row .dx-texteditor.dx-editor-outlined.dx-state-focused,
html body .dx-datagrid .dx-texteditor.dx-editor-outlined.dx-state-focused {
    border-color: var(--gts-primary) !important;
    box-shadow: var(--gts-focus-ring) !important;
}

html body .dx-texteditor-input,
html body .dx-datagrid-filter-row .dx-texteditor-input {
    background-color: transparent !important;
    color: var(--gts-text) !important;
}

html body .dx-placeholder::before {
    color: var(--gts-text-muted) !important;
}

html body .dx-datagrid-pager {
    background-color: var(--gts-surface-2) !important;
    border-top: 1px solid var(--gts-border) !important;
    color: var(--gts-text) !important;
}

html body .dx-pager .dx-page-sizes .dx-selection,
html body .dx-pager .dx-pages .dx-selection {
    background-color: var(--gts-primary) !important;
    color: var(--gts-primary-text) !important;
}

html body .dx-selectbox.dx-state-disabled,
html body .dx-texteditor.dx-state-disabled {
    background-color: var(--gts-input-disabled-bg);
    border-color: var(--gts-input-disabled-border);
    opacity: 1;
}

    html body .dx-texteditor.dx-state-disabled .dx-texteditor-input {
        color: var(--gts-input-disabled-text);
        cursor: not-allowed;
    }

html body .dx-state-disabled .dx-dropdowneditor-icon {
    cursor: not-allowed;
    pointer-events: none;
}

html body .dx-dropdowneditor-icon,
html body .dx-datagrid .dx-sort-up,
html body .dx-datagrid .dx-sort-down,
html body .dx-datagrid .dx-sort {
    color: var(--gts-text-muted) !important;
}

html body .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    background-color: var(--gts-surface-3) !important;
    color: var(--gts-text-heading) !important;
}

html body .dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-color: var(--gts-border) !important;
}

/* --- DevExtreme PivotGrid (dashboard tables) --- */
html body .dx-pivotgrid,
html body .dx-pivotgridfieldchooser {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
}

html body .dx-pivotgrid .dx-pivotgrid-area td,
html body .dx-pivotgrid .dx-pivotgrid-area-data tbody td,
html body .dx-pivotgrid .dx-area-data-cell,
html body .dx-pivotgrid .dx-area-row-cell,
html body .dx-pivotgrid .dx-area-column-cell {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-pivotgrid .dx-area-description-cell,
html body .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background,
html body .dx-pivotgrid .dx-column-header,
html body .dx-pivotgrid .dx-data-header,
html body .dx-pivotgrid .dx-total,
html body .dx-pivotgrid .dx-pivotgrid-horizontal-headers td,
html body .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    background-color: var(--gts-surface-2) !important;
    color: var(--gts-text-heading) !important;
    border-color: var(--gts-border) !important;
}

html body .dx-pivotgrid .dx-grandtotal {
    background-color: var(--gts-surface-3) !important;
    color: var(--gts-text-heading) !important;
}

html body .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
    background-color: var(--gts-surface-2) !important;
}

html body .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    color: var(--gts-text-muted) !important;
}

html body .dx-pivotgrid .dx-group-connector {
    background-color: var(--gts-border-strong) !important;
}

html body .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-color: var(--gts-border) !important;
}

html body .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    color: var(--gts-text) !important;
}

html body .dxDataGridContainer .dx-pivotgrid,
html body .dxDataGridContainer .dx-datagrid {
    background-color: var(--gts-surface) !important;
}

/* --- DevExtreme charts --- */
html body .devExpressChart {
    background-color: var(--gts-surface-2);
    border: 1px solid var(--gts-border);
    border-radius: var(--gts-radius);
    overflow: hidden;
    min-height: 300px;
    position: relative;
}

    html body .devExpressChart:empty::after {
        content: "Loading chart…";
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--gts-text-muted);
        font-size: 12px;
        font-weight: 500;
    }

    html body .devExpressChart.dx-chart-loaded:empty::after {
        content: "No chart data";
    }

:root[data-theme="dark"] .devExpressChart svg rect[fill="#ffffff"],
:root[data-theme="dark"] .devExpressChart svg rect[fill="#FFFFFF"],
:root[data-theme="dark"] .devExpressChart svg rect[fill="white"] {
    fill: var(--gts-surface-2) !important;
}

:root[data-theme="dark"] .devExpressChart svg text {
    fill: var(--gts-text-muted);
}

:root[data-theme="dark"] .devExpressChart svg line,
:root[data-theme="dark"] .devExpressChart svg path[stroke="#d3d3d3"],
:root[data-theme="dark"] .devExpressChart svg path[stroke="#767676"] {
    stroke: var(--gts-border-strong);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg rect[fill="#ffffff"],
    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg rect[fill="#FFFFFF"],
    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg rect[fill="white"] {
        fill: var(--gts-surface-2) !important;
    }

    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg text {
        fill: var(--gts-text-muted);
    }

    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg line,
    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg path[stroke="#d3d3d3"],
    :root:not([data-theme="light"]):not([data-theme="dark"]) .devExpressChart svg path[stroke="#767676"] {
        stroke: var(--gts-border-strong);
    }
}

/* --- Dashboard --- */
html body #page-wrapper .gts-dashboard {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

html body #page-wrapper .gts-dashboard-section.panel-primary {
    margin-bottom: 0;
    border-radius: var(--gts-radius-lg);
    overflow: hidden;
    box-shadow: var(--gts-shadow-sm);
}

    html body #page-wrapper .gts-dashboard-section.panel-primary > .panel-heading {
        padding: 7px 14px;
        text-align: center;
    }

        html body #page-wrapper .gts-dashboard-section.panel-primary > .panel-heading .panel-title,
        html body #page-wrapper .gts-dashboard-section.panel-primary > .panel-heading .panel-title.text-center {
            text-align: center;
            font-size: 14px;
            font-weight: 600;
        }

    html body #page-wrapper .gts-dashboard-section .panel-body {
        padding: 12px 14px 14px;
    }

html body #page-wrapper .gts-dashboard-section.panel-primary {
    overflow: visible;
}

html body #page-wrapper .gts-dashboard-section.panel-primary > .panel-collapse,
html body #page-wrapper .gts-dashboard-section.panel-primary > .panel-collapse > .panel-body {
    overflow: visible;
}

html body #page-wrapper .gts-dashboard-section .btn-group.open .dropdown-menu {
    z-index: 1050;
}

html body #page-wrapper .gts-dashboard-split {
    margin-left: 0;
    margin-right: 0;
}

    html body #page-wrapper .gts-dashboard-split > [class*="col-"] {
        padding-left: var(--gts-col-gutter);
        padding-right: var(--gts-col-gutter);
    }

    html body #page-wrapper .gts-dashboard-split > [class*="col-"]:first-child {
        margin-bottom: 0;
    }

    html body #page-wrapper .gts-dashboard-split .gts-dashboard-chart,
    html body #page-wrapper .gts-dashboard-split .devExpressChart {
        width: 100%;
        min-height: 280px;
        height: 280px;
    }

    html body #page-wrapper .gts-dashboard-split .dxDataGridContainer {
        width: 100%;
        min-height: 280px;
    }

    html body #page-wrapper .gts-dashboard-split .dxDataGridContainer .dx-pivotgrid {
        width: 100% !important;
    }

@media (max-width: 991px) {
    html body #page-wrapper .gts-dashboard-split > [class*="col-"] + [class*="col-"] {
        margin-top: 12px;
    }
}

/* --- DataTables --- */
html body table.dataTable {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
}

html body table.dataTable thead th,
html body table.dataTable thead td,
html body table.dataTable tbody th,
html body table.dataTable tbody td {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
}

html body table.dataTable.stripe tbody tr.odd,
html body table.dataTable.display tbody tr.odd {
    background-color: var(--gts-table-stripe) !important;
}

html body table.dataTable.hover tbody tr:hover,
html body table.dataTable.display tbody tr:hover {
    background-color: var(--gts-table-hover) !important;
}

html body .dataTables_wrapper {
    color: var(--gts-text);
}

html body .dataTables_wrapper .dataTables_length,
html body .dataTables_wrapper .dataTables_filter,
html body .dataTables_wrapper .dataTables_info,
html body .dataTables_wrapper .dataTables_paginate {
    color: var(--gts-text-muted);
}

html body .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--gts-text) !important;
    background: var(--gts-surface-2) !important;
    border-color: var(--gts-border) !important;
}

html body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--gts-primary) !important;
    color: var(--gts-primary-text) !important;
    border-color: var(--gts-primary) !important;
}

/* --- Enterprise login experience --- */
body.gts-login-page #phContentView .container,
body.gts-login-page .gts-login-shell {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    min-height: 0;
}

body.gts-login-page .gts-login-logo-row {
    flex: 0 0 auto;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}

body.gts-login-page .gts-login-form-row {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    width: 100%;
    margin: 0;
}

body.gts-login-page .gts-login-form-row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 440px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0;
    padding-right: 0;
}

body.gts-login-page #img_logo {
    max-height: 76px;
    width: auto;
    display: inline-block;
}

.login-panel {
    margin: 0 auto;
    margin-top: 0 !important;
    width: 100%;
    max-width: 440px;
    box-shadow: var(--gts-shadow-card);
    border-radius: var(--gts-radius-lg);
    border: 1px solid var(--gts-border);
    background-color: var(--gts-surface);
    overflow: hidden;
}

    .login-panel.panel-primary {
        border-color: var(--gts-border);
    }

.login-panel-heading {
    background: var(--gts-surface) !important;
    border: none !important;
    border-bottom: 1px solid var(--gts-border) !important;
    color: var(--gts-text-heading) !important;
    padding: 32px 32px 24px;
    position: relative;
}

    .login-panel-heading::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--gts-brand-accent);
    }

    .login-panel-heading .panel-title {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.025em;
        text-align: left;
        margin: 0;
        color: var(--gts-text-heading);
    }

        .login-panel-heading .panel-title.centerText {
            text-align: left;
        }

        .login-panel-heading .panel-title::after {
            content: "Sign in to your account";
            display: block;
            margin-top: 8px;
            font-size: 14px;
            font-weight: 400;
            letter-spacing: normal;
            color: var(--gts-text-muted);
        }

.login-panel .panel-body {
    padding: 12px 32px 36px;
    background-color: var(--gts-surface);
}

.login-panel form.form-horizontal {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

.login-panel form.form-horizontal.leftBuffer10,
.login-panel form.form-horizontal.rightBuffer10 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.login-panel .input-group {
    display: flex !important;
    align-items: stretch;
    width: 100%;
    border-radius: var(--gts-radius);
    overflow: hidden;
    border: 1px solid var(--gts-border-strong);
    background-color: var(--gts-input-bg) !important;
    transition: border-color var(--gts-transition), box-shadow var(--gts-transition);
    margin-top: 0;
    margin-bottom: 0;
}

    .login-panel .input-group.topBuffer10 {
        margin-top: 16px !important;
    }

    .login-panel .input-group:focus-within {
        border-color: var(--gts-primary);
        box-shadow: var(--gts-focus-ring);
    }

    .login-panel .input-group .form-control {
        display: block;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        float: none;
        border: none !important;
        box-shadow: none !important;
        height: 48px;
        padding: 12px 14px;
        font-size: 14px;
        background-color: var(--gts-input-bg) !important;
        color: var(--gts-text);
        border-radius: 0;
    }

    .login-panel .input-group .input-group-addon {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        float: none;
        width: auto;
        border: none !important;
        background-color: var(--gts-input-bg) !important;
        color: var(--gts-text-muted);
        min-width: 48px;
        padding: 0 12px;
        font-size: 15px;
        box-shadow: none !important;
        border-radius: 0;
    }

        .login-panel .input-group .input-group-addon:first-child {
            padding-left: 14px;
            padding-right: 4px;
        }

        .login-panel .input-group .input-group-addon.togglePassword {
            color: var(--gts-text-muted);
            cursor: pointer;
            transition: color var(--gts-transition);
            padding-right: 14px;
            padding-left: 4px;
        }

        .login-panel .input-group .input-group-addon.togglePassword:hover {
            color: var(--gts-text-heading);
        }

.login-panel .centerText.topBuffer10 {
    display: block;
    width: 100%;
    text-align: center !important;
    margin-top: 28px !important;
    padding: 0;
}

.login-panel #btnSignin {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 48px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.03em;
    border-radius: var(--gts-radius);
    box-shadow: none;
    padding: 12px 20px;
    box-sizing: border-box;
}

    .login-panel #btnSignin.btn-sm {
        line-height: 1.5;
        font-size: 14px;
    }

html body .login-panel .form-control.required {
    border: none !important;
    box-shadow: none !important;
    background-color: var(--gts-input-bg) !important;
}

body.gts-login-page footer.main-footer {
    padding: 16px 0 24px;
    margin-top: auto;
    flex-shrink: 0;
}

/* --- Login: Active Session panel --- */
body.gts-login-page .gts-active-session-row {
    display: none;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
}

body.gts-login-page.gts-active-session-visible .gts-login-shell {
    max-width: min(100%, 720px);
    width: 100%;
    justify-content: flex-start;
    gap: 0;
}

body.gts-login-page.gts-active-session-visible .gts-login-logo-row {
    margin-bottom: 0;
    padding-bottom: 0;
}

body.gts-login-page.gts-active-session-visible .gts-login-form-row {
    display: none;
}

body.gts-login-page.gts-active-session-visible .gts-active-session-row {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    min-height: 0;
}

body.gts-login-page.gts-active-session-visible .gts-active-session-row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.gts-login-page #pnlActiveSession.gts-active-session-panel {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: var(--gts-shadow-card);
    border-radius: var(--gts-radius-lg);
    border: 1px solid var(--gts-border);
    background-color: var(--gts-surface);
    overflow: visible;
}

    body.gts-login-page #pnlActiveSession.gts-active-session-panel > .gts-active-session-heading {
        background: var(--gts-surface) !important;
        border: none !important;
        border-bottom: 1px solid var(--gts-border) !important;
        color: var(--gts-text-heading) !important;
        padding: 28px 32px 20px;
        position: relative;
        text-align: center;
    }

        body.gts-login-page #pnlActiveSession.gts-active-session-panel > .gts-active-session-heading::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--gts-brand-accent);
        }

        body.gts-login-page #pnlActiveSession.gts-active-session-panel .gts-active-session-title {
            font-size: 22px;
            font-weight: 600;
            letter-spacing: -0.02em;
            text-align: center;
            margin: 0;
            color: var(--gts-text-heading);
        }

            body.gts-login-page #pnlActiveSession.gts-active-session-panel .gts-active-session-title::after {
                content: "Sign out the other device to continue on this system";
                display: block;
                margin-top: 8px;
                font-size: 13px;
                font-weight: 400;
                letter-spacing: normal;
                color: var(--gts-text-muted);
            }

    body.gts-login-page #pnlActiveSession .gts-active-session-alert {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin: 0;
        padding: 12px 24px;
        background: var(--gts-primary-soft);
        border-bottom: 1px solid var(--gts-border);
        color: var(--gts-text-heading);
        font-size: 13px;
        line-height: 1.45;
    }

        body.gts-login-page #pnlActiveSession .gts-active-session-alert .glyphicon {
            color: var(--gts-primary);
            flex-shrink: 0;
            margin-top: 2px;
            font-size: 14px;
        }

:root[data-theme="dark"] body.gts-login-page #pnlActiveSession .gts-active-session-alert {
    background: rgba(90, 143, 196, 0.14);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) body.gts-login-page #pnlActiveSession .gts-active-session-alert {
        background: rgba(90, 143, 196, 0.14);
    }
}

    body.gts-login-page #pnlActiveSession > .gts-active-session-body {
        padding: 16px 20px 20px;
        background-color: var(--gts-surface);
        overflow: visible;
    }

    body.gts-login-page #pnlActiveSession .dxDataGridContainer {
        width: 100%;
        max-width: 100%;
        overflow: visible;
    }

    body.gts-login-page #pnlActiveSession .dx-datagrid {
        width: 100% !important;
        max-width: 100%;
        border-radius: var(--gts-radius);
        overflow: visible;
    }

    body.gts-login-page #pnlActiveSession .dx-scrollable-wrapper,
    body.gts-login-page #pnlActiveSession .dx-scrollable-container,
    body.gts-login-page #pnlActiveSession .dx-scrollable-content {
        overflow: visible !important;
    }

    body.gts-login-page #pnlActiveSession .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
        display: none !important;
    }

    body.gts-login-page #pnlActiveSession .dx-datagrid-headers .dx-header-row > td {
        padding: 10px 8px;
        text-align: center !important;
        white-space: normal;
        word-break: break-word;
        font-size: 12px;
    }

    body.gts-login-page #pnlActiveSession .dx-datagrid-rowsview .dx-row > td {
        text-align: center;
        padding: 10px 8px;
        white-space: normal;
        word-break: break-word;
        font-size: 12px;
    }

    body.gts-login-page #pnlActiveSession .dx-datagrid-headers .dx-datagrid-table,
    body.gts-login-page #pnlActiveSession .dx-datagrid-rowsview .dx-datagrid-table {
        width: 100% !important;
        table-layout: fixed;
    }

    body.gts-login-page #pnlActiveSession .dx-datagrid-pager {
        display: none;
    }

    body.gts-login-page #pnlActiveSession > .gts-active-session-footer {
        background-color: var(--gts-surface);
        border-top: 1px solid var(--gts-border);
        padding: 8px 32px 32px;
        text-align: center;
    }

    body.gts-login-page #pnlActiveSession #btnSignoutActSession {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 48px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.02em;
        border-radius: var(--gts-radius);
        box-shadow: none;
        padding: 12px 20px;
        box-sizing: border-box;
    }

:root[data-theme="dark"] body.gts-login-page #img_logo {
    filter: brightness(1.35) contrast(1.05);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) body.gts-login-page #img_logo {
        filter: brightness(1.35) contrast(1.05);
    }
}

/* --- Misc app overrides --- */
html body .schedulePathSummaryContainer > .row div:nth-child(even) {
    background-color: var(--gts-surface-2);
}

html body .schedulePathSummaryContainer > .row div:nth-child(odd) {
    background-color: var(--gts-surface);
}

html body .liItemOdd {
    background-color: var(--gts-surface-2);
}

html body .liItemEven {
    background-color: var(--gts-surface);
}

html body .liItem {
    border-color: var(--gts-border);
}

html body .rounded {
    border-color: var(--gts-border);
    background-color: var(--gts-surface);
}

html body .error {
    color: var(--gts-danger);
}

/* =============================================================================
   Layout & 3rd-party component tweaks (preserved from original)
   ============================================================================= */

.form-group, .input-group {
    margin-bottom: 0;
}

.navbar-brand {
    padding: 0px;
}

    .navbar-brand > img, .eTracLogo, .westRockLogo {
        height: 100%;
        width: auto;
    }

.eTracLogoLogin {
    padding: 2px;
}

.eTracLogoNav {
    padding: 3px 10px 3px 10px;
}

.westRockLogo {
    padding: 1px;
}

@media (min-width: 768px) {
    #navGTS .navbar-header {
        min-width: 120px;
    }

    .navbar-right {
        float: right !important;
        margin-right: 0;
    }
}

.modal-xlg {
    width: 96% !important;
    height: 96% !important;
}

.modal-body {
    padding: 16px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.input-group-addon {
    padding: 0 8px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -16px;
}

input[type="radio"], input[type="checkbox"] {
    margin: 3px 0 0;
}

.radio, .checkbox {
    min-height: 28px;
    max-height: 28px;
}

label, .form-control, button.multiselect {
    font-size: 11px;
}

label {
    font-weight: 700;
    margin-bottom: 0;
}

.form-control {
    height: 28px;
    padding: 3px;
}

.breadcrumb {
    padding: 8px 0;
    margin-bottom: 0;
}

    .breadcrumb > li + li:before {
        padding: 0 2px !important;
    }

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus,
.btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 1;
}

@media(min-width:768px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
    .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
    .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding-right: 3px;
        padding-left: 3px;
    }

    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

.nav-tabs {
    margin-bottom: 0;
}

.tab-content {
    height: 100%;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
    width: 350px;
    margin: auto;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

.ui-datepicker-calendar td {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.dataTable th, td {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.dataTables_scroll {
    overflow: auto;
    clear: both;
}

.dataTables_scrollHeadInner table th {
    padding-top: 5px !important;
}

.dataTables_scrollBody table td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

b.caret {
    float: right;
    margin-top: 6px;
}

.devExpressChart {
    height: 300px;
}

.dx-datagrid .dx-row > td {
    padding: 7px 10px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle;
}

.dx-datagrid-nowrap.dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
    white-space: normal;
    text-align: left;
}

.dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right {
    display: block;
    font-weight: 600;
    font-size: 12px;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell.detailGrid,
html body .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell.gts-master-detail {
    padding: 10px 12px;
    background-color: var(--gts-surface-2) !important;
    border-top: 1px solid var(--gts-border) !important;
}

html body .detailGrid > label,
html body .gts-master-detail__title {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: var(--gts-text-heading);
    margin: 0 0 8px;
    padding: 6px 10px;
    background-color: var(--gts-surface-3);
    border: 1px solid var(--gts-border);
    border-left: 3px solid var(--gts-brand-accent);
    border-radius: var(--gts-radius);
    line-height: 1.35;
}

html body .detailGrid .dx-datagrid,
html body .gts-master-detail .dx-datagrid {
    border-radius: var(--gts-radius);
    overflow: hidden;
}

/* --- Admin accordion sections (Role Access, Powergrid Admin, lookups) --- */
html body #page-wrapper .gts-admin-accordion.panel-group {
    margin-bottom: 0;
}

html body #page-wrapper .gts-admin-accordion .panel.gts-dashboard-section {
    margin-bottom: 0;
}

html body #page-wrapper .gts-admin-accordion .panel.gts-dashboard-section + .panel.gts-dashboard-section {
    margin-top: 8px;
}

html body #page-wrapper .gts-admin-accordion .panel-heading.gts-panel-heading--actions {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
    cursor: pointer;
}

html body #page-wrapper .gts-admin-accordion .gts-admin-accordion__toggle {
    display: block;
    width: 100%;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--gts-text-heading);
    cursor: pointer;
    text-align: left;
}

html body #page-wrapper .gts-admin-accordion .panel.gts-dashboard-section.panel-primary > .panel-heading {
    text-align: left;
}

html body #page-wrapper .gts-panel-heading--actions {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 7px 14px;
}

html body #page-wrapper .gts-panel-heading--actions .panel-title {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    padding-bottom: 2px;
}

html body #page-wrapper .gts-admin-accordion .gts-panel-heading--actions .panel-title {
    justify-self: stretch;
    text-align: left;
}

html body #page-wrapper .gts-panel-heading__actions {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1;
}

html body #page-wrapper .gts-panel-heading__actions--start {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    z-index: 1;
}

html body #page-wrapper .gts-scheduling-supply-market {
    margin-top: 8px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
    padding: 0;
    width: 10px;
    min-width: 10px;
}

.notification {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 10px;
}

.navNotificationContainer {
    width: 350px;
}

/* --- Panel nav-tabs (navTabs.css overrides) --- */
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: var(--gts-primary);
    background-color: var(--gts-surface);
    border-color: var(--gts-border) var(--gts-border) transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: var(--gts-primary);
    background-color: var(--gts-surface);
    border-color: var(--gts-primary) var(--gts-primary) transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a {
    color: var(--gts-text-muted);
}

/* --- Progress bar (NProgress): visible only while data loads — not a permanent top stripe --- */
#nprogress {
    pointer-events: none;
    z-index: 10050;
}

#nprogress .bar {
    background: var(--gts-brand-accent);
    height: 3px;
    z-index: 10050;
    box-shadow: 0 1px 4px rgba(0, 82, 145, 0.35);
}

#nprogress .peg {
    box-shadow: 0 0 10px var(--gts-brand-accent), 0 0 6px var(--gts-primary);
}

#nprogress .spinner {
    display: none !important;
}

#nprogress .spinner-icon {
    border-top-color: var(--gts-primary);
    border-left-color: var(--gts-primary);
}

/* --- Login page: final overrides (sb-admin-2, bootstrap panel-primary, Site.css) --- */
.login-panel.panel-primary > .login-panel-heading.panel-heading,
.login-panel.panel-primary > .panel-heading {
    background: var(--gts-surface) !important;
    border-color: var(--gts-border) !important;
    color: var(--gts-text-heading) !important;
}

    .login-panel.panel-primary > .login-panel-heading.panel-heading::before,
    .login-panel.panel-primary > .panel-heading.login-panel-heading::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 3px;
        background: var(--gts-brand-accent);
    }

html body .login-panel .input-group .input-group-addon {
    background-color: var(--gts-input-bg) !important;
    border-color: transparent !important;
}

html body .login-panel .input-group .form-control,
html body .login-panel .input-group .form-control.required {
    background-color: var(--gts-input-bg) !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

html body .login-panel .input-group {
    background-color: var(--gts-input-bg) !important;
    border-color: var(--gts-border-strong) !important;
}

html body .login-panel #btnSignin.btn.btn-sm.btn-primary {
    display: block;
    width: 100% !important;
    max-width: none;
}

html body .login-panel .input-group .form-control:-webkit-autofill,
html body .login-panel .input-group .form-control:-webkit-autofill:hover,
html body .login-panel .input-group .form-control:-webkit-autofill:focus,
html body .login-panel .input-group .form-control:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--gts-input-bg) inset !important;
    box-shadow: 0 0 0 1000px var(--gts-input-bg) inset !important;
    -webkit-text-fill-color: var(--gts-text) !important;
    caret-color: var(--gts-text);
    transition: background-color 99999s ease-out 0s;
}

html {
    overflow-x: hidden;
}

html body {
    overflow-x: hidden;
    font-size: 13px;
}

#phGDSearch {
    margin-bottom: 16px;
}

html body .dx-overlay-content,
html body .dx-popup-content {
    background-color: var(--gts-surface) !important;
    color: var(--gts-text) !important;
    border-color: var(--gts-border) !important;
    border-radius: var(--gts-radius-lg) !important;
}

html body .dx-popup-title {
    background-color: var(--gts-surface-2) !important;
    color: var(--gts-text-heading) !important;
    border-bottom: 1px solid var(--gts-border) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 10px 16px !important;
}

html body .dx-popup-bottom .dx-toolbar {
    background-color: var(--gts-surface-2) !important;
    border-top: 1px solid var(--gts-border) !important;
    padding: 8px 12px !important;
}

html body .dx-list-item {
    color: var(--gts-text) !important;
}

html body .dx-list-item.dx-state-hover,
html body .dx-list-item.dx-state-active {
    background-color: var(--gts-table-hover) !important;
    color: var(--gts-text-heading) !important;
}

body.gts-login-page #phContentView.container-fluid {
    padding-left: 16px;
    padding-right: 16px;
}

/* --- Page layout: prevent browser horizontal scroll --- */
#wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

/* --- Grid layout: contain width; grid scroll stays inside DevExtreme --- */
html body .dxGridOuterScrollTop,
html body .dxGridOuterScroll {
    display: none !important;
}

html body .dxDataGridContainer {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 991px) {
    html body .dxDataGridContainer {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
}

/* --- Grid inline-edit dirty cells (theme-aware; replaces hard-coded yellow) --- */
html body .dx-datagrid .gts-grid-cell-dirty,
html body .dx-datagrid input.gts-grid-cell-dirty,
html body .dx-datagrid input.form-control.gts-grid-cell-dirty {
    background-color: var(--gts-grid-dirty-bg) !important;
    color: var(--gts-grid-dirty-text) !important;
    border-color: var(--gts-warning) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12) !important;
}

html body .dx-datagrid input.form-control.gts-grid-cell-dirty:focus {
    border-color: var(--gts-warning) !important;
    box-shadow: var(--gts-focus-ring) !important;
}

html body .dx-datagrid input.form-control[style*="background-color: yellow"],
html body .dx-datagrid input.form-control[style*="background-color: rgb(255, 255, 0)"],
html body .dx-datagrid input.form-control[style*="background-color:#ffff00"],
html body .dx-datagrid input.form-control[style*="background-color: #ffff00"] {
    background-color: var(--gts-grid-dirty-bg) !important;
    color: var(--gts-grid-dirty-text) !important;
    border-color: var(--gts-warning) !important;
}

html body .dx-datagrid {
    max-width: 100%;
}

/* --- Report / alert section headers (Balance Report, Expense Report, etc.) --- */
html body .alert.alert-info {
    background-color: var(--gts-surface-2);
    border: 1px solid var(--gts-border);
    border-left: 3px solid var(--gts-brand-accent);
    color: var(--gts-text-heading);
    border-radius: var(--gts-radius);
    text-shadow: none;
    padding: 8px 14px;
    margin-bottom: 0;
}

    html body .alert.alert-info hr {
        border-top-color: var(--gts-border);
    }

    html body .alert.alert-info .alert-link {
        color: var(--gts-link);
    }

html body h5.alert.alert-info.bold {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

html body #page-wrapper .gts-preference-section.panel-primary > .panel-heading {
    padding: 7px 15px;
    min-height: 36px;
}

html body #page-wrapper .gts-preference-section.panel-primary > .panel-collapse > .panel-body {
    padding-top: 10px;
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary {
    overflow: visible;
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-collapse,
html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-collapse > .panel-body {
    overflow: visible;
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section .btn-group.open .dropdown-menu {
    z-index: 1050;
}

/* Invoice tab sections: compact titles aligned with transaction tab bar */
html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-heading {
    min-height: 0;
    padding: 0;
    border-bottom: 1px solid var(--gts-border);
    background: var(--gts-surface-2);
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-heading::before {
    display: none;
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-heading .panel-title,
html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-heading .panel-title.text-center {
    display: block;
    width: 100%;
    margin: 0;
    padding: 10px 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: var(--gts-text-heading);
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section.panel-primary > .panel-collapse > .panel-body {
    padding: 10px 12px 8px;
}

html body #page-wrapper #phInvoiceEditors .panel.gts-invoice-section .form-group {
    margin-bottom: 10px;
}

/* --- Required fields: subtle in all themes --- */
html body .form-control.required,
html body input.required,
html body select.required,
html body textarea.required {
    border-color: var(--gts-border-strong);
    box-shadow: none;
}

    html body .form-control.required:focus,
    html body input.required:focus,
    html body select.required:focus,
    html body textarea.required:focus {
        border-color: var(--gts-primary);
        box-shadow: var(--gts-focus-ring);
    }

/* --- DevExtreme editors: neutralize generic.dark cyan accent app-wide --- */
html body .dx-texteditor.dx-editor-outlined,
html body .dx-texteditor.dx-editor-filled,
html body .dx-texteditor.dx-editor-underlined,
html body .dx-dropdowneditor.dx-editor-outlined,
html body .dx-selectbox.dx-editor-outlined {
    background-color: var(--gts-input-bg) !important;
    border-color: var(--gts-border-strong) !important;
    border-radius: var(--gts-radius) !important;
}

    html body .dx-texteditor.dx-editor-outlined.dx-state-hover,
    html body .dx-texteditor.dx-editor-filled.dx-state-hover,
    html body .dx-dropdowneditor.dx-editor-outlined.dx-state-hover,
    html body .dx-selectbox.dx-editor-outlined.dx-state-hover {
        border-color: var(--gts-border-strong) !important;
    }

    html body .dx-texteditor.dx-state-focused,
    html body .dx-texteditor.dx-state-active,
    html body .dx-texteditor.dx-editor-outlined.dx-state-focused,
    html body .dx-texteditor.dx-editor-filled.dx-state-focused,
    html body .dx-dropdowneditor.dx-state-focused,
    html body .dx-selectbox.dx-state-focused {
        border-color: var(--gts-primary) !important;
        box-shadow: var(--gts-focus-ring) !important;
    }

html body .dx-dropdowneditor-icon,
html body .dx-dropdowneditor-button {
    color: var(--gts-text-muted) !important;
    background-color: transparent !important;
}

html body .dx-scrollable-scroll-content {
    background-color: var(--gts-border-strong) !important;
}

html body .dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll-content {
    background-color: var(--gts-text-muted) !important;
}

/* --- Dark theme: softer surfaces & less harsh contrast --- */
:root[data-theme="dark"] .panel-body .form-control,
:root[data-theme="dark"] .panel-body select.form-control {
    background-color: var(--gts-input-bg);
    border-color: var(--gts-border);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) .panel-body .form-control,
    :root:not([data-theme="light"]):not([data-theme="dark"]) .panel-body select.form-control {
        background-color: var(--gts-input-bg);
        border-color: var(--gts-border);
    }
}

/* --- Bootstrap dropdown menus (Save, Manage, Misc., etc.) --- */
html body .dropdown-menu {
    background-color: var(--gts-surface);
    border: 1px solid var(--gts-border);
    border-radius: var(--gts-radius);
    box-shadow: var(--gts-shadow-md);
    padding: 4px 0;
    min-width: 160px;
}

    html body .dropdown-menu > li > a {
        color: var(--gts-text);
        padding: 7px 16px;
        font-size: 12px;
        transition: background var(--gts-transition), color var(--gts-transition);
    }

        html body .dropdown-menu > li > a:hover,
        html body .dropdown-menu > li > a:focus {
            background-color: var(--gts-table-hover);
            color: var(--gts-text-heading);
        }

        html body .dropdown-menu > li > a .glyphicon {
            color: var(--gts-text-muted);
            margin-right: 6px;
        }

        html body .dropdown-menu > li > a:hover .glyphicon,
        html body .dropdown-menu > li > a:focus .glyphicon {
            color: var(--gts-primary);
        }

    html body .dropdown-menu > .active > a,
    html body .dropdown-menu > .active > a:hover,
    html body .dropdown-menu > .active > a:focus {
        background-color: var(--gts-primary-soft);
        color: var(--gts-text-heading);
    }

    html body .dropdown-menu .divider,
    html body .dropdown-menu > li.divider {
        background-color: var(--gts-border);
        margin: 4px 0;
    }

    html body .dropdown-menu > .disabled > a,
    html body .dropdown-menu > li.disabled > a,
    html body .dropdown-menu > li.disabled > a:hover,
    html body .dropdown-menu > li.disabled > a:focus {
        color: var(--gts-text-muted);
        background-color: transparent;
        cursor: not-allowed;
        opacity: 0.65;
    }

html body .btn-group.open > .dropdown-toggle.btn-default {
    background-color: var(--gts-surface-3);
    border-color: var(--gts-border-strong);
    color: var(--gts-text-heading);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
}

/* --- Bootstrap Multiselect (Special Provision, etc.) --- */
html body button.multiselect,
html body button.multiselect.form-control {
    color: var(--gts-text) !important;
    background-color: var(--gts-input-bg) !important;
    border-color: var(--gts-border-strong) !important;
    text-align: left;
    font-size: 13px;
    font-weight: 400;
    min-height: 34px;
    border-radius: var(--gts-radius);
    box-shadow: none;
}

    html body button.multiselect .multiselect-selected-text {
        color: var(--gts-text);
        float: none;
        display: inline-block;
        max-width: calc(100% - 16px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    html body button.multiselect .caret {
        border-top-color: var(--gts-text-muted);
        float: right;
        margin-top: 6px;
    }

    html body button.multiselect:hover,
    html body button.multiselect:focus {
        background-color: var(--gts-surface-3) !important;
        border-color: var(--gts-border-strong) !important;
        color: var(--gts-text-heading) !important;
    }

html body .btn-group.open > button.multiselect,
html body .btn-group.open > button.multiselect.form-control {
    background-color: var(--gts-surface-3) !important;
    border-color: var(--gts-primary) !important;
    box-shadow: var(--gts-focus-ring) !important;
}

html body ul.multiselect-container.dropdown-menu {
    background-color: var(--gts-surface);
    border: 1px solid var(--gts-border);
    border-radius: var(--gts-radius);
    box-shadow: var(--gts-shadow-md);
    padding: 0;
}

    html body ul.multiselect-container.dropdown-menu > li > a {
        padding: 0;
        color: var(--gts-text);
    }

        html body ul.multiselect-container.dropdown-menu > li > a > label {
            color: var(--gts-text);
            font-weight: 400;
            font-size: 12px;
            margin: 0;
            padding: 6px 16px 6px 32px;
            cursor: pointer;
        }

            html body ul.multiselect-container.dropdown-menu > li > a > label:hover {
                background-color: var(--gts-table-hover);
                color: var(--gts-text-heading);
            }

        html body ul.multiselect-container.dropdown-menu > li.active > a,
        html body ul.multiselect-container.dropdown-menu > li.active > a > label,
        html body ul.multiselect-container.dropdown-menu > li > a > label.active {
            background-color: var(--gts-primary-soft);
            color: var(--gts-text-heading);
        }

    html body ul.multiselect-container.dropdown-menu > li.multiselect-item.divider {
        background-color: var(--gts-border);
        height: 1px;
        margin: 4px 0;
    }

    html body ul.multiselect-container.dropdown-menu .multiselect-filter .input-group-addon {
        background-color: var(--gts-surface-2);
        border-color: var(--gts-border-strong);
        color: var(--gts-text-muted);
    }

    html body ul.multiselect-container.dropdown-menu .multiselect-search.form-control {
        background-color: var(--gts-input-bg);
        border-color: var(--gts-border-strong);
        color: var(--gts-text);
    }

    html body ul.multiselect-container.dropdown-menu .multiselect-clear-filter.btn-default {
        background-color: var(--gts-surface-2);
        border-color: var(--gts-border-strong);
        color: var(--gts-text-muted);
    }

html body textarea.form-control {
    background-color: var(--gts-input-bg);
    border-color: var(--gts-border-strong);
    color: var(--gts-text);
    resize: vertical;
}

    html body textarea.form-control:focus {
        border-color: var(--gts-primary);
        box-shadow: var(--gts-focus-ring);
    }

/* --- Toastr notifications (compact, enterprise) --- */
#toast-container {
    pointer-events: none;
}

    #toast-container > div {
        pointer-events: auto;
        opacity: 1;
        width: auto;
        min-width: 320px;
        max-width: 520px;
        padding: 12px 16px 12px 44px;
        border-radius: var(--gts-radius);
        box-shadow: var(--gts-shadow-md);
        border: 1px solid var(--gts-border);
        background-image: none !important;
        font-size: 13px;
        line-height: 1.45;
    }

    #toast-container > div:hover {
        box-shadow: var(--gts-shadow-lg);
    }

    #toast-container.toast-top-center,
    #toast-container.toast-top-full-width {
        top: 12px;
        left: 50%;
        right: auto;
        width: auto;
        transform: translateX(-50%);
    }

    #toast-container.toast-top-center > div,
    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-center > div {
        width: auto;
        min-width: 320px;
        max-width: 520px;
        margin: 0 auto 8px;
    }

    #toast-container > .toast-error {
        background-color: #3d2226;
        border-color: #7a3a42;
        color: #f5d0d4;
    }

    #toast-container > .toast-success {
        background-color: #1e3329;
        border-color: #2d6a4f;
        color: #c8f0dc;
    }

    #toast-container > .toast-warning {
        background-color: #3d3420;
        border-color: #8a7340;
        color: #f5e6c8;
    }

    #toast-container > .toast-info {
        background-color: #1e2a3d;
        border-color: #3d6a99;
        color: #d0e4f5;
    }

    #toast-container .toast-close-button {
        color: inherit;
        opacity: 0.65;
        text-shadow: none;
        top: 0;
        right: 0;
    }

        #toast-container .toast-close-button:hover,
        #toast-container .toast-close-button:focus {
            color: inherit;
            opacity: 1;
        }

    #toast-container .toast-message a,
    #toast-container .toast-message label {
        color: inherit;
    }

/* --- Panel tabs (Transaction / SubTransaction / Details) --- */
.panel.with-nav-tabs.panel-primary > .panel-heading {
    background: var(--gts-surface-2);
    padding: 0;
    border-bottom: 1px solid var(--gts-border);
}

    .panel.with-nav-tabs.panel-primary > .panel-heading::before {
        display: none;
    }

.panel.with-nav-tabs .panel-heading .nav-tabs {
    border-bottom: none;
    margin-bottom: 0;
}

    .panel.with-nav-tabs .panel-heading .nav-tabs > li > a {
        margin-right: 0;
        border: none;
        border-bottom: 2px solid transparent;
        border-radius: 0;
        padding: 10px 14px;
        color: var(--gts-text-muted);
        background: transparent;
        font-size: 12px;
        font-weight: 500;
    }

        .panel.with-nav-tabs .panel-heading .nav-tabs > li > a:hover {
            background: var(--gts-surface-3);
            color: var(--gts-text-heading);
            border-color: transparent;
        }

    .panel.with-nav-tabs .panel-heading .nav-tabs > li.active > a,
    .panel.with-nav-tabs .panel-heading .nav-tabs > li.active > a:hover,
    .panel.with-nav-tabs .panel-heading .nav-tabs > li.active > a:focus {
        background: transparent;
        border: none;
        border-bottom: 2px solid var(--gts-primary);
        color: var(--gts-text-heading);
        font-weight: 600;
    }

/* --- Grid inline editors (Price, Deal Vol., Fuel Vol., etc.) --- */
html body .dx-datagrid-rowsview input.form-control,
html body .dx-datagrid-rowsview select.form-control,
html body .dx-datagrid-rowsview textarea.form-control {
    background-color: var(--gts-grid-edit-bg) !important;
    border: 1px solid var(--gts-grid-edit-border) !important;
    color: var(--gts-text) !important;
    height: 26px;
    min-height: 26px;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 4px;
    box-shadow: var(--gts-grid-edit-shadow);
    width: 100%;
    max-width: 100%;
    transition: border-color var(--gts-transition), box-shadow var(--gts-transition), background-color var(--gts-transition);
}

html body .dx-datagrid-rowsview input.form-control:hover:not(:focus):not([disabled]):not([readonly]),
html body .dx-datagrid-rowsview select.form-control:hover:not(:focus):not([disabled]):not([readonly]) {
    border-color: var(--gts-primary) !important;
}

html body .dx-datagrid-rowsview input.form-control:focus,
html body .dx-datagrid-rowsview select.form-control:focus,
html body .dx-datagrid-rowsview textarea.form-control:focus {
    border-color: var(--gts-primary) !important;
    box-shadow: var(--gts-focus-ring) !important;
    background-color: var(--gts-grid-edit-bg) !important;
    outline: none;
}

html body .dx-datagrid-rowsview .form-control[readonly],
html body .dx-datagrid-rowsview .form-control[disabled] {
    background-color: var(--gts-input-disabled-bg) !important;
    border-color: var(--gts-input-disabled-border) !important;
    color: var(--gts-input-disabled-text) !important;
    box-shadow: none;
}

/* DevExtreme native cell editors (batch/row edit mode) */
html body .dx-datagrid-rowsview .dx-editor-cell .dx-texteditor.dx-editor-outlined {
    background-color: var(--gts-grid-edit-bg) !important;
    border: 1px solid var(--gts-grid-edit-border) !important;
    border-radius: 4px;
    box-shadow: var(--gts-grid-edit-shadow);
}

html body .dx-datagrid-rowsview .dx-editor-cell .dx-texteditor.dx-editor-outlined.dx-state-hover {
    border-color: var(--gts-primary) !important;
}

html body .dx-datagrid-rowsview .dx-editor-cell .dx-texteditor.dx-editor-outlined.dx-state-focused {
    border-color: var(--gts-primary) !important;
    box-shadow: var(--gts-focus-ring) !important;
}

html body .dx-datagrid-rowsview .dx-editor-cell .dx-texteditor-input {
    background-color: transparent !important;
    color: var(--gts-text) !important;
    font-size: 12px;
    padding: 2px 6px;
}

html body .dx-datagrid-rowsview .error,
html body .dx-datagrid .error {
    color: var(--gts-danger);
    font-weight: 500;
}

.panel.with-nav-tabs.panel-primary > .panel-body.tab-content {
    padding: 14px 16px;
    background-color: var(--gts-surface);
}

.panel.with-nav-tabs.panel-primary > .panel-heading .nav-tabs {
    margin-top: 0;
}

html body footer.main-footer {
    background-color: var(--gts-surface);
    border-top: 1px solid var(--gts-border);
    padding: 10px var(--gts-page-pad-x);
    margin-top: 0;
}

    html body footer.main-footer .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    html body footer.main-footer p.text-muted {
        margin: 0;
        text-align: center;
        font-size: 11px;
        color: var(--gts-text-muted) !important;
    }

/* Site.css loads before this file — final layout overrides */
@media (min-width: 768px) {
    #wrapper #page-wrapper .row > [class*="col-"] {
        padding-left: var(--gts-col-gutter);
        padding-right: var(--gts-col-gutter);
    }
}

html body .dx-datagrid-rowsview .dx-group-row {
    background-color: var(--gts-surface-3) !important;
    color: var(--gts-text-heading) !important;
    font-weight: 600;
}

    html body .dx-datagrid-rowsview .dx-group-row td {
        background-color: var(--gts-surface-3) !important;
        border-color: var(--gts-border) !important;
    }

/* --- Unified action toolbar (Market Data Upload, etc.) --- */
html body #page-wrapper .gts-action-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin-top: 14px;
    padding: 14px 16px;
    background-color: var(--gts-surface-2);
    border: 1px solid var(--gts-border);
    border-radius: var(--gts-radius);
}

html body #page-wrapper .gts-action-toolbar__section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    padding: 4px 16px;
    border-left: 1px solid var(--gts-border);
}

    html body #page-wrapper .gts-action-toolbar__section:first-child {
        border-left: none;
        padding-left: 0;
    }

    html body #page-wrapper .gts-action-toolbar__section--import {
        flex: 1 1 280px;
        min-width: 0;
    }

    html body #page-wrapper .gts-action-toolbar__section--grid {
        margin-left: auto;
        padding-right: 0;
    }

html body #page-wrapper .gts-action-toolbar__label {
    flex: 0 0 auto;
    min-width: 44px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--gts-text-muted);
    user-select: none;
}

html body #page-wrapper .gts-action-toolbar__buttons {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

    html body #page-wrapper .gts-action-toolbar__buttons--wrap {
        flex: 1 1 auto;
        min-width: 0;
    }

/* --- Action toolbars & semantic button colors --- */
html body #page-wrapper .gts-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    padding: 12px 0;
    margin-top: 4px;
    border-top: 1px solid var(--gts-border);
}

    html body #page-wrapper .gts-action-bar:first-of-type {
        margin-top: 8px;
    }

html body #page-wrapper .gts-action-bar__label {
    flex: 0 0 auto;
    min-width: 52px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--gts-text-muted);
    user-select: none;
}

html body #page-wrapper .gts-action-bar__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

    html body #page-wrapper .gts-action-bar__group--wrap {
        flex: 1 1 auto;
        min-width: 0;
    }

html body #page-wrapper .gts-action-bar__spacer {
    flex: 1 1 auto;
    min-width: 12px;
}

html body #page-wrapper .gts-file-picker {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

html body #page-wrapper .gts-file-picker__label,
html body #page-wrapper .gts-file-name {
    font-size: 12px;
    color: var(--gts-text-muted);
    margin: 0;
    font-weight: 500;
}

html body #page-wrapper .gts-file-name {
    color: var(--gts-text);
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html body #page-wrapper .gts-grid-section {
    margin-top: 12px;
    padding-top: 4px;
}

html body #page-wrapper .gts-btn-search,
html body #page-wrapper .gts-btn-reset,
html body #page-wrapper .gts-btn-browse,
html body #page-wrapper .gts-btn-upload,
html body #page-wrapper .gts-btn-remove,
html body #page-wrapper .gts-btn-save,
html body #page-wrapper .gts-btn-reset-grid,
html body #page-wrapper .btn.gts-btn-search,
html body #page-wrapper .btn.gts-btn-reset,
html body #page-wrapper .btn.gts-btn-browse,
html body #page-wrapper .btn.gts-btn-upload,
html body #page-wrapper .btn.gts-btn-remove,
html body #page-wrapper .btn.gts-btn-save,
html body #page-wrapper .btn.gts-btn-reset-grid {
    color: #ffffff !important;
    font-weight: 500;
    border-width: 1px;
    border-style: solid;
    box-shadow: none;
    min-height: 34px;
    padding: 6px 14px;
    line-height: 1.35;
    transition: background var(--gts-transition), border-color var(--gts-transition), box-shadow var(--gts-transition);
}

    html body #page-wrapper .gts-btn-search .glyphicon,
    html body #page-wrapper .gts-btn-reset .glyphicon,
    html body #page-wrapper .gts-btn-browse .glyphicon,
    html body #page-wrapper .gts-btn-upload .glyphicon,
    html body #page-wrapper .gts-btn-remove .glyphicon,
    html body #page-wrapper .gts-btn-save .glyphicon,
    html body #page-wrapper .gts-btn-reset-grid .glyphicon {
        margin-right: 5px;
    }

html body #page-wrapper .gts-btn-search,
html body #page-wrapper .btn.gts-btn-search {
    background-color: var(--gts-action-search) !important;
    border-color: var(--gts-action-search) !important;
}

    html body #page-wrapper .gts-btn-search:hover,
    html body #page-wrapper .gts-btn-search:focus,
    html body #page-wrapper .gts-btn-search:active,
    html body #page-wrapper .btn.gts-btn-search:hover,
    html body #page-wrapper .btn.gts-btn-search:focus,
    html body #page-wrapper .btn.gts-btn-search:active {
        background-color: var(--gts-action-search-hover) !important;
        border-color: var(--gts-action-search-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-reset,
html body #page-wrapper .btn.gts-btn-reset {
    background-color: var(--gts-action-reset) !important;
    border-color: var(--gts-action-reset) !important;
}

    html body #page-wrapper .gts-btn-reset:hover,
    html body #page-wrapper .gts-btn-reset:focus,
    html body #page-wrapper .gts-btn-reset:active,
    html body #page-wrapper .btn.gts-btn-reset:hover,
    html body #page-wrapper .btn.gts-btn-reset:focus,
    html body #page-wrapper .btn.gts-btn-reset:active {
        background-color: var(--gts-action-reset-hover) !important;
        border-color: var(--gts-action-reset-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-browse.btn-file,
html body #page-wrapper .btn.gts-btn-browse.btn-file {
    background-color: var(--gts-action-browse) !important;
    border-color: var(--gts-action-browse) !important;
    color: #ffffff !important;
    position: relative;
    overflow: hidden;
}

    html body #page-wrapper .gts-btn-browse.btn-file:hover,
    html body #page-wrapper .gts-btn-browse.btn-file:focus,
    html body #page-wrapper .btn.gts-btn-browse.btn-file:hover,
    html body #page-wrapper .btn.gts-btn-browse.btn-file:focus {
        background-color: var(--gts-action-browse-hover) !important;
        border-color: var(--gts-action-browse-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-upload,
html body #page-wrapper .btn.gts-btn-upload {
    background-color: var(--gts-action-upload) !important;
    border-color: var(--gts-action-upload) !important;
}

    html body #page-wrapper .gts-btn-upload:hover,
    html body #page-wrapper .gts-btn-upload:focus,
    html body #page-wrapper .gts-btn-upload:active,
    html body #page-wrapper .btn.gts-btn-upload:hover,
    html body #page-wrapper .btn.gts-btn-upload:focus,
    html body #page-wrapper .btn.gts-btn-upload:active {
        background-color: var(--gts-action-upload-hover) !important;
        border-color: var(--gts-action-upload-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-remove,
html body #page-wrapper .btn.gts-btn-remove {
    background-color: var(--gts-action-remove) !important;
    border-color: var(--gts-action-remove) !important;
}

    html body #page-wrapper .gts-btn-remove:hover,
    html body #page-wrapper .gts-btn-remove:focus,
    html body #page-wrapper .gts-btn-remove:active,
    html body #page-wrapper .btn.gts-btn-remove:hover,
    html body #page-wrapper .btn.gts-btn-remove:focus,
    html body #page-wrapper .btn.gts-btn-remove:active {
        background-color: var(--gts-action-remove-hover) !important;
        border-color: var(--gts-action-remove-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-save,
html body #page-wrapper .btn.gts-btn-save {
    background-color: var(--gts-action-save) !important;
    border-color: var(--gts-action-save) !important;
}

    html body #page-wrapper .gts-btn-save:hover,
    html body #page-wrapper .gts-btn-save:focus,
    html body #page-wrapper .gts-btn-save:active,
    html body #page-wrapper .btn.gts-btn-save:hover,
    html body #page-wrapper .btn.gts-btn-save:focus,
    html body #page-wrapper .btn.gts-btn-save:active {
        background-color: var(--gts-action-save-hover) !important;
        border-color: var(--gts-action-save-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

html body #page-wrapper .gts-btn-reset-grid,
html body #page-wrapper .btn.gts-btn-reset-grid {
    background-color: var(--gts-action-reset-grid) !important;
    border-color: var(--gts-action-reset-grid) !important;
}

    html body #page-wrapper .gts-btn-reset-grid:hover,
    html body #page-wrapper .gts-btn-reset-grid:focus,
    html body #page-wrapper .gts-btn-reset-grid:active,
    html body #page-wrapper .btn.gts-btn-reset-grid:hover,
    html body #page-wrapper .btn.gts-btn-reset-grid:focus,
    html body #page-wrapper .btn.gts-btn-reset-grid:active {
        background-color: var(--gts-action-reset-grid-hover) !important;
        border-color: var(--gts-action-reset-grid-hover) !important;
        color: #ffffff !important;
        box-shadow: var(--gts-shadow-sm);
    }

@media (max-width: 991px) {
    html body #page-wrapper .gts-action-toolbar__section--grid {
        margin-left: 0;
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--gts-border);
        padding-top: 12px;
        margin-top: 4px;
        padding-left: 0;
    }

    html body #page-wrapper .gts-action-toolbar__section--import {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--gts-border);
        padding-top: 12px;
        margin-top: 4px;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    html body #page-wrapper .gts-action-toolbar {
        flex-direction: column;
        padding: 12px;
    }

    html body #page-wrapper .gts-action-toolbar__section {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--gts-border);
        padding: 10px 0 0;
        margin-top: 8px;
    }

        html body #page-wrapper .gts-action-toolbar__section:first-child {
            border-top: none;
            margin-top: 0;
            padding-top: 0;
        }

    html body #page-wrapper .gts-action-toolbar__buttons,
    html body #page-wrapper .gts-action-toolbar__buttons--wrap {
        width: 100%;
    }

        html body #page-wrapper .gts-action-toolbar__buttons .btn,
        html body #page-wrapper .gts-action-toolbar__buttons--wrap .btn {
            flex: 1 1 auto;
        }

    html body #page-wrapper .gts-action-bar {
        flex-direction: column;
        align-items: stretch;
    }

    html body #page-wrapper .gts-action-bar__group,
    html body #page-wrapper .gts-action-bar__group--wrap {
        width: 100%;
    }

    html body #page-wrapper .gts-action-bar__spacer {
        display: none;
    }

    html body #page-wrapper .gts-action-bar--grid .gts-action-bar__group {
        justify-content: stretch;
    }

        html body #page-wrapper .gts-action-bar--grid .gts-action-bar__group .btn {
            flex: 1 1 auto;
        }
}

/* =============================================================================
   Global responsive layout — all pages (deal, report, admin, dashboard)
   ============================================================================= */

@media (max-width: 991px) {
    #wrapper #page-wrapper {
        padding: 6px 10px 18px;
    }

    html body #page-wrapper .panel-body {
        padding: 12px;
    }

    html body #page-wrapper .panel.with-nav-tabs.panel-primary > .panel-body.tab-content {
        padding: 12px;
    }

    html body .devExpressChart,
    html body .gts-dashboard-chart {
        min-height: 220px;
        width: 100% !important;
        max-width: 100%;
    }

    html body .dataTables_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
    }

    html body .dx-pivotgrid {
        max-width: 100%;
    }

    html body #page-wrapper .panel-body img,
    html body #page-wrapper .gts-page-body img:not(.eTracLogo):not(.eTracLogoNav):not(.eTracLogoLogin) {
        max-width: 100%;
        height: auto;
    }

    html body #page-wrapper .panel-body .table-responsive,
    html body #page-wrapper .gts-page-body .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    html body #page-wrapper .gts-page-body > .row > [class*="col-lg-"]:not([class*="col-lg-12"]),
    html body #page-wrapper .gts-page-body > .row > [class*="col-md-"]:not([class*="col-md-12"]) {
        margin-bottom: 12px;
    }
}

@media (max-width: 767px) {
    #wrapper #page-wrapper {
        padding: 4px 8px 16px;
    }

    html body #page-wrapper .page-header {
        font-size: 18px;
        text-align: left;
    }

    html body #page-wrapper .gts-page-toolbar:not(.gts-page-toolbar--actions):not(.gts-page-toolbar--title-only) {
        justify-content: flex-start;
    }

    html body #page-wrapper .gts-page-toolbar__title,
    html body #page-wrapper .gts-page-header__title {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    html body #page-wrapper .gts-page-toolbar:not(.gts-page-toolbar--actions):not(.gts-page-toolbar--title-only) .gts-page-toolbar__title,
    html body #page-wrapper .gts-page-header__title {
        text-align: left;
        font-size: 16px;
    }

    html body #page-wrapper .gts-page-toolbar--title-only .gts-page-toolbar__title {
        text-align: center;
        font-size: 17px;
    }

    html body #page-wrapper .panel-body {
        padding: 10px;
    }

    html body #page-wrapper .panel.with-nav-tabs > .panel-heading {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    html body #page-wrapper .panel.with-nav-tabs .panel-heading .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        float: none;
        white-space: nowrap;
        width: max-content;
        min-width: 100%;
        border-bottom: none;
    }

    html body #page-wrapper .panel.with-nav-tabs .panel-heading .nav-tabs > li {
        float: none;
        flex: 0 0 auto;
    }

    html body #page-wrapper .panel.with-nav-tabs .panel-heading .nav-tabs > li > a {
        padding: 10px 12px;
        font-size: 11px;
    }

    html body #page-wrapper .gts-search-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    html body #page-wrapper .gts-search-actions .btn {
        width: 100%;
        margin-left: 0 !important;
    }

    html body #page-wrapper .panel-body form .row > [class*="col-"] > .btn,
    html body #page-wrapper .panel-body form .row > [class*="col-"] > .btn + .btn,
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-"] > .btn,
    html body #page-wrapper .gts-filter-panel form .row > [class*="col-"] > .btn + .btn {
        display: block;
        width: 100%;
        margin: 0 0 8px 0 !important;
    }

    html body #page-wrapper .panel-body .btn-sm + .btn-sm {
        margin-left: 0;
    }

    #wrapper #page-wrapper .leftBuffer5,
    #wrapper #page-wrapper .leftBuffer10,
    #wrapper #page-wrapper .leftBuffer15,
    #wrapper #page-wrapper .leftBuffer20,
    #wrapper #page-wrapper .rightBuffer5,
    #wrapper #page-wrapper .rightBuffer10,
    #wrapper #page-wrapper .rightBuffer15,
    #wrapper #page-wrapper .rightBuffer20 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #wrapper #page-wrapper .topBuffer10,
    #wrapper #page-wrapper .topBuffer20 {
        margin-top: 8px !important;
    }

    .modal-dialog,
    .modal-xlg,
    .modal-xl {
        width: calc(100% - 16px) !important;
        max-width: 100% !important;
        margin: 8px auto !important;
    }

    .modal-body {
        padding: 12px;
    }

    html body .dx-datagrid-header-panel .dx-toolbar-items-container,
    html body .dx-datagrid .dx-toolbar .dx-toolbar-items-container {
        flex-wrap: wrap;
        height: auto !important;
        min-height: 36px;
    }

    html body .dx-datagrid-header-panel .dx-toolbar,
    html body .dx-datagrid .dx-toolbar {
        min-height: 36px;
        height: auto !important;
    }

    html body .dx-datagrid-search-panel {
        width: 100% !important;
        max-width: 100%;
        margin-bottom: 6px;
    }

    html body #page-wrapper .gts-page-body .row.topBuffer10 > [class*="col-"] .btn {
        width: 100%;
    }

    html body .dx-datagrid-pager {
        padding: 6px 4px;
    }

    html body .dx-datagrid-pager .dx-page-sizes,
    html body .dx-datagrid-pager .dx-pages {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    #wrapper #page-wrapper {
        padding: 4px 6px 14px;
    }

    #navGTS .gts-navbar-utilities > li > a {
        padding: 8px 3px !important;
    }

    #navGTS .gts-theme-picker-btn {
        padding: 4px 5px;
        min-width: 24px;
    }

    #navGTS .navbar-default .navbar-brand > img {
        max-height: 26px;
    }

    html body #page-wrapper .gts-page-toolbar__title,
    html body #page-wrapper .gts-page-header__title {
        font-size: 18px;
    }

    html body #page-wrapper .gts-page-toolbar--actions .gts-page-toolbar__title {
        font-size: 18px;
    }

    html body #page-wrapper .panel.with-nav-tabs .panel-heading .nav-tabs > li > a {
        padding: 8px 10px;
        font-size: 10px;
    }

    html body .devExpressChart,
    html body .gts-dashboard-chart {
        min-height: 180px;
    }
}

/* Position / M2M / Notional — chart-only reports hide empty detail grid row */
html body #page-wrapper .gts-pos-m2m-detail-row--hidden {
    display: none !important;
}

html body #page-wrapper .gts-pos-m2m-chart-row--hidden {
    display: none !important;
}

html body #page-wrapper .gts-pos-m2m-report .devExpressChart:empty:not(.dx-chart-loading):not(.dx-chart-loaded)::after {
    content: none;
}

html body #page-wrapper .gts-pos-m2m-report .devExpressChart.dx-chart-loading:empty::after {
    content: "Loading chart…";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gts-text-muted);
    font-size: 12px;
    font-weight: 500;
}

html body #page-wrapper .gts-pos-m2m-chart-row--compact {
    margin-top: 0;
}

html body #page-wrapper .gts-pos-m2m-chart-row--compact .gts-pos-m2m-chart-divider {
    display: none;
}

/* =============================================================================
   Enterprise + Edgy polish layer (v2)
   Purpose: premium visual hierarchy without changing behavior
   ============================================================================= */
:root,
:root[data-theme="light"] {
    --gts-radius: 10px;
    --gts-radius-lg: 16px;
    --gts-primary-gradient: linear-gradient(135deg, #0b4f88 0%, #1d73d1 55%, #3aa1ff 100%);
    --gts-bg-accent:
        radial-gradient(ellipse 980px 500px at 88% -10%, rgba(31, 125, 255, 0.15), transparent 74%),
        radial-gradient(ellipse 760px 420px at 3% 102%, rgba(8, 77, 143, 0.11), transparent 70%),
        linear-gradient(180deg, #eef4fb 0%, #f4f7fb 46%, #f7f9fc 100%);
    --gts-shadow-sm: 0 2px 10px rgba(11, 35, 66, 0.08);
    --gts-shadow-md: 0 12px 28px rgba(11, 35, 66, 0.12), 0 2px 8px rgba(11, 35, 66, 0.06);
    --gts-shadow-lg: 0 18px 38px rgba(11, 35, 66, 0.18), 0 2px 10px rgba(11, 35, 66, 0.08);
    --gts-shadow-card: 0 0 0 1px rgba(17, 24, 39, 0.06), 0 16px 36px rgba(17, 24, 39, 0.11);
    --gts-nav-bg: rgba(255, 255, 255, 0.86);
    --gts-sidebar-bg: rgba(255, 255, 255, 0.78);
    --gts-sidebar-active-bg: linear-gradient(90deg, rgba(15, 82, 186, 0.18) 0%, rgba(67, 138, 255, 0.07) 100%);
    --gts-sidebar-active-text: #0a4c8e;
}

:root[data-theme="dark"] {
    --gts-radius: 10px;
    --gts-radius-lg: 16px;
    --gts-primary-gradient: linear-gradient(135deg, #356dac 0%, #5f9de2 62%, #91c4ff 100%);
    --gts-bg-accent:
        radial-gradient(ellipse 980px 500px at 88% -10%, rgba(87, 145, 222, 0.22), transparent 72%),
        radial-gradient(ellipse 760px 420px at 3% 102%, rgba(38, 69, 112, 0.35), transparent 70%),
        linear-gradient(180deg, #0b1018 0%, #101726 48%, #121b2d 100%);
    --gts-shadow-sm: 0 3px 10px rgba(0, 0, 0, 0.35);
    --gts-shadow-md: 0 14px 32px rgba(0, 0, 0, 0.4), 0 3px 12px rgba(0, 0, 0, 0.3);
    --gts-shadow-lg: 0 22px 46px rgba(0, 0, 0, 0.52), 0 4px 16px rgba(0, 0, 0, 0.36);
    --gts-shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.07), 0 18px 40px rgba(0, 0, 0, 0.44);
    --gts-nav-bg: rgba(17, 25, 39, 0.8);
    --gts-sidebar-bg: rgba(18, 26, 40, 0.78);
    --gts-sidebar-active-bg: linear-gradient(90deg, rgba(95, 157, 226, 0.3) 0%, rgba(112, 171, 235, 0.11) 100%);
    --gts-sidebar-active-text: #b2d7ff;
}

body.gts-app-page {
    background: var(--gts-bg-accent);
}

#navGTS.navbar-default {
    backdrop-filter: saturate(170%) blur(11px);
    -webkit-backdrop-filter: saturate(170%) blur(11px);
}

#navGTS .navbar-brand > img {
    filter: drop-shadow(0 2px 6px rgba(19, 54, 92, 0.24));
}

html body #navSideBar.sidebar {
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

html body .sidebar ul li a {
    border-radius: 8px;
    margin: 2px 8px;
    transition: background-color var(--gts-transition), color var(--gts-transition), transform var(--gts-transition);
}

html body .sidebar ul li > a:hover {
    transform: translateX(2px);
}

html body .sidebar .nav > li > a.active,
html body .sidebar .nav > li.active > a {
    position: relative;
    box-shadow: inset 3px 0 0 rgba(10, 89, 171, 0.9);
}

html body #wrapper #page-wrapper {
    border-radius: 14px;
}

html body #page-wrapper .page-header,
html body #page-wrapper .gts-page-toolbar__title,
html body #page-wrapper .gts-page-header__title {
    letter-spacing: -0.015em;
    font-weight: 700;
}

html body #page-wrapper .panel {
    border-radius: var(--gts-radius-lg);
    overflow: hidden;
    transition: box-shadow var(--gts-transition), transform var(--gts-transition);
}

html body #page-wrapper .panel:hover {
    box-shadow: var(--gts-shadow-md);
}

html body #page-wrapper .panel > .panel-heading {
    border-bottom: 1px solid var(--gts-border);
}

html body .btn {
    border-radius: 10px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform var(--gts-transition), box-shadow var(--gts-transition), filter var(--gts-transition);
}

html body .btn:focus {
    outline: none;
    box-shadow: var(--gts-focus-ring);
}

html body .btn-primary {
    background: var(--gts-primary-gradient);
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(0, 82, 145, 0.28);
}

html body .btn-primary:hover,
html body .btn-primary:focus {
    filter: brightness(1.05);
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(0, 82, 145, 0.34);
}

html body .btn-default,
html body .btn-info,
html body .btn-success,
html body .btn-warning,
html body .btn-danger {
    box-shadow: 0 6px 14px rgba(17, 24, 39, 0.12);
}

html body .btn-default:hover,
html body .btn-info:hover,
html body .btn-success:hover,
html body .btn-warning:hover,
html body .btn-danger:hover {
    transform: translateY(-1px);
}

html body .form-control,
html body .input-group-addon,
html body select,
html body textarea {
    border-radius: 10px;
}

html body .form-control:focus,
html body select:focus,
html body textarea:focus {
    border-color: #3f93eb;
    box-shadow: 0 0 0 3px rgba(63, 147, 235, 0.18);
}

html body .table,
html body .dx-datagrid,
html body .dataTable {
    border-radius: 10px;
}

html body .dx-datagrid .dx-row-alt > td {
    background: var(--gts-table-stripe);
}

body.gts-login-page .login-panel {
    box-shadow: 0 0 0 1px rgba(59, 121, 201, 0.18), var(--gts-shadow-card);
}

body.gts-login-page .login-panel-heading::before {
    height: 4px;
    background: var(--gts-primary-gradient);
}

@media (max-width: 991px) {
    html body #wrapper #page-wrapper {
        border-radius: 12px;
    }

    html body #page-wrapper .panel:hover {
        transform: none;
    }
}

@media (max-width: 767px) {
    body.gts-login-page #phContentView .container,
    body.gts-login-page .gts-login-shell {
        justify-content: center;
        gap: 12px;
    }

    body.gts-login-page #img_logo {
        max-height: 64px;
    }

    html body .btn-primary:hover,
    html body .btn-default:hover,
    html body .btn-info:hover,
    html body .btn-success:hover,
    html body .btn-warning:hover,
    html body .btn-danger:hover {
        transform: none;
    }
}

/* --- Dark profile/menu polish inspired by modern app shells --- */
:root[data-theme="dark"] #navGTS .gts-navbar-utilities {
    display: flex;
    align-items: center;
    gap: 6px;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li {
    display: flex;
    align-items: center;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    height: 36px;
    padding: 0 10px !important;
    border-radius: 10px;
    line-height: 1;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li > a .fa,
:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li > a .glyphicon {
    line-height: 1;
}

:root[data-theme="dark"] #navGTS .greetings {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li.dropdown:last-child > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    height: 36px;
    padding: 8px 12px !important;
    border-radius: 999px;
    border: 1px solid rgba(116, 134, 162, 0.32);
    background: linear-gradient(180deg, rgba(29, 38, 57, 0.92) 0%, rgba(18, 24, 37, 0.96) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.36);
}

@media (min-width: 768px) {
    #navGTS.navbar-default .gts-navbar-utilities.navbar-nav > li {
        display: flex;
        align-items: center;
    }

    #navGTS.navbar-default .gts-navbar-utilities.navbar-nav > li > a {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        height: 36px;
        min-height: 36px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 8px;
        margin-bottom: 8px;
        line-height: 1;
    }

    #navGTS .gts-theme-picker-nav-item,
    #navGTS .gts-theme-picker-mount {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    #navGTS .greetings {
        line-height: 1;
    }
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li.dropdown:last-child > a > .fa-user {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #d9e5f7;
    background: rgba(129, 155, 194, 0.25);
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li.dropdown:last-child > a:hover {
    border-color: rgba(155, 180, 218, 0.46);
    background: linear-gradient(180deg, rgba(35, 45, 66, 0.96) 0%, rgba(22, 30, 45, 0.98) 100%);
}

/* User dropdown: consistent width and layout in light + dark */
#navGTS .dropdown-user.dropdown-menu {
    margin-top: 10px;
    padding: 8px;
    min-width: 250px;
    border-radius: 12px;
}

#navGTS .dropdown-user.dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 13px;
}

#navGTS .dropdown-user.dropdown-menu > li > a i.fa {
    width: 16px;
    text-align: center;
}

#navGTS .dropdown-user.dropdown-menu > li.divider {
    margin: 6px 0;
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu {
    border: 1px solid rgba(102, 123, 156, 0.34);
    background: linear-gradient(180deg, rgba(18, 24, 36, 0.98) 0%, rgba(11, 16, 26, 0.99) 100%);
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.03) inset;
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a {
    color: #c7d2e6;
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a i.fa {
    color: #8ea2c2;
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a:hover,
:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a:focus {
    color: #eaf1ff;
    background: rgba(62, 92, 139, 0.24);
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a:hover i.fa,
:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li > a:focus i.fa {
    color: #b8cef2;
}

:root[data-theme="dark"] #navGTS .dropdown-user.dropdown-menu > li.divider {
    margin: 6px 0;
    background: rgba(102, 123, 156, 0.24);
}

/* Dropdown theme picker: full-width segmented control (left / center / right) */
#navGTS .dropdown-user.dropdown-menu .gts-theme-menu-item {
    padding: 4px 8px;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker-mount {
    display: block;
    width: 100%;
    padding: 0;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px;
    box-sizing: border-box;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker-btn .fa {
    font-size: 15px;
    pointer-events: none;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker-btn:hover {
    transform: none;
}

#navGTS .dropdown-user.dropdown-menu .gts-theme-picker-btn.active {
    box-shadow: none;
}

:root[data-theme="dark"] #navGTS .gts-theme-picker {
    border-radius: 10px;
    border: 1px solid rgba(96, 116, 148, 0.36);
    background: linear-gradient(180deg, rgba(29, 37, 53, 0.95) 0%, rgba(17, 23, 35, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="dark"] #navGTS .gts-theme-picker-btn {
    border-radius: 8px;
    color: #99adc9;
}

:root[data-theme="dark"] #navGTS .gts-theme-picker-btn.active {
    background: linear-gradient(180deg, rgba(69, 128, 202, 0.95) 0%, rgba(48, 102, 171, 0.98) 100%);
    color: #f4f8ff;
    box-shadow: none;
}

/* --- Top-right utility polish (favorite, alerts, welcome pill) --- */
#navGTS .gts-navbar-utilities > li:not(:last-child) > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0 !important;
    border-radius: 999px;
    border: 1px solid var(--gts-border);
    background: var(--gts-surface-2);
    color: var(--gts-nav-text);
    box-shadow: var(--gts-shadow-sm);
    position: relative;
    overflow: visible;
}

#navGTS .gts-navbar-utilities > li:not(:last-child) {
    margin-right: 8px;
}

#navGTS .gts-navbar-utilities > li:not(:last-child) > a:hover,
#navGTS .gts-navbar-utilities > li:not(:last-child) > a:focus {
    background: var(--gts-nav-hover-bg);
    color: var(--gts-text-heading);
    border-color: var(--gts-border-strong);
}

#navGTS .gts-navbar-utilities > li:not(:last-child) > a #lblNavNTCount {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    background: rgba(120, 127, 138, 0.92);
    color: #ffffff;
    margin-left: 0;
}

#navGTS .gts-navbar-utilities > li:last-child > a {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 36px;
    min-height: 36px;
    padding: 0 12px !important;
    border-radius: 999px;
    border: 1px solid var(--gts-border-strong);
    background: linear-gradient(180deg, var(--gts-surface) 0%, var(--gts-surface-2) 100%);
    box-shadow: var(--gts-shadow-sm);
    color: var(--gts-text-heading) !important;
}

#navGTS .gts-navbar-utilities > li:last-child > a .fa-user {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--gts-primary-soft);
}

#navGTS .gts-navbar-utilities > li:last-child > a:hover,
#navGTS .gts-navbar-utilities > li:last-child > a:focus {
    border-color: var(--gts-primary);
    background: linear-gradient(180deg, var(--gts-surface-2) 0%, var(--gts-surface-3) 100%);
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li:not(:last-child) > a {
    border-color: rgba(116, 134, 162, 0.34);
    background: linear-gradient(180deg, rgba(29, 38, 57, 0.92) 0%, rgba(18, 24, 37, 0.96) 100%);
    color: #c7d2e6;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li:not(:last-child) > a:hover {
    border-color: rgba(155, 180, 218, 0.48);
    color: #eef4ff;
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li:last-child > a {
    border-color: rgba(116, 134, 162, 0.38);
    background: linear-gradient(180deg, rgba(29, 38, 57, 0.92) 0%, rgba(18, 24, 37, 0.96) 100%);
    color: #d7e3f8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 18px rgba(0, 0, 0, 0.36);
}

:root[data-theme="dark"] #navGTS .gts-navbar-utilities > li:last-child > a:hover {
    border-color: rgba(155, 180, 218, 0.46);
    background: linear-gradient(180deg, rgba(35, 45, 66, 0.96) 0%, rgba(22, 30, 45, 0.98) 100%);
}