/* Minification failed. Returning unminified contents.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(185,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(203,46): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(204,46): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(205,52): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb-hover'
(215,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-page'
(216,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(275,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(276,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(277,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(281,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(282,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(285,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(286,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(287,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(292,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(295,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(296,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(297,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(300,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(301,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(302,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(305,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(306,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(307,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(308,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(313,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(314,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(319,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(320,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(324,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(325,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(329,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(330,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(333,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(334,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(337,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(341,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(344,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(345,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(346,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(352,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(353,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(354,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(357,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(362,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(365,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(366,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(367,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(371,24): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(374,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(380,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(401,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(402,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(405,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(415,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(419,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(420,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(423,28): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(428,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(429,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(432,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(433,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(434,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(437,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(442,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(443,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(446,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(455,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(461,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(462,29): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(463,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(466,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(467,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(473,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(477,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(480,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(484,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(488,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(494,24): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(495,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(498,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(501,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(502,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(507,28): run-time error CSS1039: Token not allowed after unary operator: '-status-info-bg'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-status-info-text'
(509,24): run-time error CSS1039: Token not allowed after unary operator: '-status-info'
(512,28): run-time error CSS1039: Token not allowed after unary operator: '-status-success-bg'
(513,17): run-time error CSS1039: Token not allowed after unary operator: '-status-success-text'
(514,24): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(517,28): run-time error CSS1039: Token not allowed after unary operator: '-status-warning-bg'
(518,17): run-time error CSS1039: Token not allowed after unary operator: '-status-warning-text'
(521,28): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(522,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(523,24): run-time error CSS1039: Token not allowed after unary operator: '-status-danger'
(528,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(529,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(533,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(534,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(535,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(538,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(539,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(544,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(549,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(555,28): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(560,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(565,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(568,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(571,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(574,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(583,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(590,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(594,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(600,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(605,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(608,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(611,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(616,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(628,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(631,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(636,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(647,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(653,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(661,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(668,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(673,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(679,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(685,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(690,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-bright'
(697,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(700,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(703,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(706,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(707,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(710,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(714,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(721,31): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(724,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(725,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(726,31): run-time error CSS1039: Token not allowed after unary operator: '-border-light'
(731,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(736,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(739,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(740,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(743,22): run-time error CSS1039: Token not allowed after unary operator: '-status-success-bg'
(744,17): run-time error CSS1039: Token not allowed after unary operator: '-status-success-text'
(747,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(751,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(754,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(757,29): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(761,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(764,22): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(765,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(768,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(769,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(772,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(773,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(782,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(785,35): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(792,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(797,35): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(813,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(814,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(819,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(824,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(829,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(837,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(840,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(843,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(846,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(849,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(852,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(855,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(858,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(861,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(867,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(870,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(870,70): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(871,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(872,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(880,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(883,58): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(884,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(887,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(888,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(902,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(903,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(914,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(915,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(916,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(922,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(930,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(936,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(936,70): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(937,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(944,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(949,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(959,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(967,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(975,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(981,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(982,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(988,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(989,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(995,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1000,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1001,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1002,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1005,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1006,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1011,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1020,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1025,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1026,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1035,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1036,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1037,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1040,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1041,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1050,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1052,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1055,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1056,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1066,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1068,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1072,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(1073,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1077,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1078,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1087,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-bright'
(1089,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-bright'
(1144,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1145,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1146,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1149,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1160,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1161,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1164,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1165,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1172,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1180,43): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1180,92): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1181,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1181,92): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1182,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1182,88): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1183,43): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1183,87): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1184,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1185,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1186,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1187,32): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1188,34): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1189,30): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1190,32): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1191,32): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(1192,41): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1193,40): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1194,39): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1195,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1196,41): run-time error CSS1039: Token not allowed after unary operator: '-status-success-bg'
(1197,40): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1198,41): run-time error CSS1039: Token not allowed after unary operator: '-status-warning-bg'
(1199,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1200,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1201,41): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1218,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1218,79): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1219,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(1223,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1227,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(1232,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1233,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1237,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1238,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1242,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1246,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1247,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1248,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1252,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1256,22): run-time error CSS1039: Token not allowed after unary operator: '-status-success-bg'
(1257,24): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(1261,17): run-time error CSS1039: Token not allowed after unary operator: '-status-success-text'
(1265,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1265,79): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1266,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(1267,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1270,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-soft'
(1273,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1277,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1278,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1281,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1290,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1291,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1294,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1294,70): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1295,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1296,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1299,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1302,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1303,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1304,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1307,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-page'
(1310,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1313,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1314,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1317,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1320,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1324,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1324,70): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1325,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1326,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1329,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1332,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1333,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1336,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-page'
(1337,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1347,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1350,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1355,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1360,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1361,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1366,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1369,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1374,28): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1377,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1381,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1388,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(1393,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1394,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent-bright'
(1397,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1398,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(1403,22): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1404,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1407,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1408,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(1420,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1421,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1424,28): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1428,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1429,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1439,28): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(1440,24): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(1448,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1449,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(1452,28): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1456,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1457,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1468,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1474,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1475,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1478,22): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1479,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1482,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1483,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1488,22): run-time error CSS1039: Token not allowed after unary operator: '-status-info-bg'
(1489,17): run-time error CSS1039: Token not allowed after unary operator: '-status-info-text'
(1492,22): run-time error CSS1039: Token not allowed after unary operator: '-status-success-bg'
(1493,17): run-time error CSS1039: Token not allowed after unary operator: '-status-success-text'
(1496,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(1497,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1500,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(1507,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1512,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1517,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1531,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1536,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1537,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1540,22): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1541,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(1546,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1549,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1568,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1569,17): run-time error CSS1039: Token not allowed after unary operator: '-text-tertiary'
(1570,32): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1575,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1576,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1579,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1585,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1586,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1591,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1592,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1593,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1596,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1599,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1602,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1603,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1606,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(1607,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1610,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1613,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1616,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1617,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1620,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1623,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1626,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1627,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1632,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1633,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1636,22): run-time error CSS1039: Token not allowed after unary operator: '-status-danger-bg'
(1637,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1642,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1647,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1648,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1651,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1654,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1655,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1661,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1669,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1670,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary-on-accent'
(1675,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1676,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1677,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1680,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1681,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1690,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1691,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1694,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1695,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1698,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(1701,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1712,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1715,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1718,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1723,28): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1728,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1731,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-gold-tint'
(1774,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1775,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1776,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1788,79): run-time error CSS1030: Expected identifier, found '*'
(1788,80): run-time error CSS1031: Expected selector, found ')'
(1788,80): run-time error CSS1025: Expected comma or open brace, found ')'
(1797,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1800,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(1804,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1807,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(1814,17): run-time error CSS1039: Token not allowed after unary operator: '-cp-brand-nav-text'
(1814,42): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(1821,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(1825,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-muted'
(1849,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1862,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1872,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1873,24): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1876,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1877,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1880,58): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1881,24): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(1884,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1887,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1898,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1899,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1900,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(1907,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(1910,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(1913,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(1916,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(1920,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(1970,22): run-time error CSS1039: Token not allowed after unary operator: '-status-info-bg'
(1971,17): run-time error CSS1039: Token not allowed after unary operator: '-status-info-text'
(1972,24): run-time error CSS1039: Token not allowed after unary operator: '-status-info-border'
(1977,46): run-time error CSS1039: Token not allowed after unary operator: '-bg-subtle'
(1977,76): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(1978,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2000,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-surface'
(2001,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2095,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(2096,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-primary'
(2099,51): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(2100,33): run-time error CSS1039: Token not allowed after unary operator: '-status-success'
(2103,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(2104,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-accent'
(2107,51): run-time error CSS1039: Token not allowed after unary operator: '-status-info'
(2108,33): run-time error CSS1039: Token not allowed after unary operator: '-status-info'
(2111,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(2112,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger'
(2115,51): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(2116,33): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary'
(2119,51): run-time error CSS1039: Token not allowed after unary operator: '-status-warning-alt'
(2120,33): run-time error CSS1039: Token not allowed after unary operator: '-status-warning-alt'
(2123,51): run-time error CSS1039: Token not allowed after unary operator: '-accent-purple'
(2124,33): run-time error CSS1039: Token not allowed after unary operator: '-accent-purple'
(2136,17): run-time error CSS1039: Token not allowed after unary operator: '-text-on-dark'
(2137,31): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(2140,17): run-time error CSS1039: Token not allowed after unary operator: '-text-body'
(2141,31): run-time error CSS1039: Token not allowed after unary operator: '-border-default'
(2144,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-purple-tint'
(2147,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary'
(2166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2167,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2168,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2169,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2170,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2171,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2172,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2173,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2174,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2175,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2176,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2177,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2178,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2179,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2180,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2181,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2182,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2183,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2184,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2187,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2188,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2189,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2190,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2191,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2192,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2193,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2195,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2196,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2197,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2199,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2200,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2204,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2205,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2209,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* theme-tokens.css -- Dark Mode Token Definitions
   Light mode defaults in :root, dark mode overrides in [data-theme="dark"]
   All CSS files reference tokens via var(--token, #fallback) syntax */

:root {
    /* Brand */
    --brand-primary: #3d1a6f;
    --brand-accent: #fdb913;
    --brand-danger: #ed174c;
    --brand-magenta: #7d1d61;

    /* Icon fonts -- SSOT for the FontAwesome family. Site loads FA7 Pro (assets/fontawesome).
       Pseudo-element icons (::before/::after { content:'\fXXX' }) MUST reference these tokens,
       never a raw "Font Awesome 6 Free"/"Font Awesome 5 Free"/FA4 "FontAwesome" literal -- those
       families are NOT loaded and render as a tofu box. Class-based <i class="fa-solid fa-x">
       icons resolve via the FA stylesheet automatically and need no token.
       Next FA major upgrade = change these two lines only. Enforced by .claude/scripts/lint-fa-family.ps1. */
    --bh-fa-family: "Font Awesome 7 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Free", "FontAwesome";
    --bh-fa-family-all: "Font Awesome 7 Pro", "Font Awesome 7 Brands", "Font Awesome 7 Duotone", "Font Awesome 7 Sharp", "Font Awesome 7 Sharp Duotone";

    /* Drag-to-reorder clone visual -- SSOT for the SortableJS drag-clone "pulled by the collar" tilt
       + lift. Consumed by .sortable-drag / .sortable-fallback / .nwc-file-drag-clone in BUZZHub.css.
       Change the drag look here once; never re-type the rotate/scale/shadow in a rule. */
    --bh-drag-tilt: rotate(-1.5deg) scale(1.02);
    --bh-drag-lift-shadow: drop-shadow(0 18px 40px rgba(61, 26, 111, 0.35));

    /* Surfaces */
    --bg-page: #f5f5f5;
    --bg-surface: #ffffff;
    --bg-card: #ffffff;                 /* alias for --bg-surface -- legacy callers (ActivityLog, Admin, ClientPortal, stories-calendar) reference --bg-card without ever defining it; aliasing prevents ghost-text bug in dark mode */
    --bg-subtle: #fafafa;
    --bg-muted: #f0f0f0;
    --bg-purple-tint: #f0ebf7;
    --bg-gold-tint: #fff5dc;
    --bg-slate-tint: #f1f0f4;           /* neutral grey-purple section band -- replaces gold for section headers */
    --bg-slate-tint-2: #f8f7fa;         /* gradient stop for slate band */
    --bg-danger-subtle: #fff5f5;

    /* Text */
    --text-primary: #333333;
    --text-body: #555555;
    --text-secondary: #666666;
    --text-tertiary: #888888;
    --text-muted: #999999;
    --text-on-dark: #ffffff;

    /* Page header */
    --page-title-color: #3d1a6f;

    /* Borders */
    --border-subtle: #e5e5ea;           /* quietest neutral border -- referenced ~60x app-wide but was undefined; centralised so dark mode can govern it */
    --border-light: #e9ecef;
    --border-default: #dddddd;
    --border-strong: #cccccc;
    --border-brand: #e0d4f0;
    --border-gold-soft: #e8dfa8;        /* muted gold, replaces aggressive 2px #fdb913 */
    --border-gold-softer: #f0e6b5;      /* even paler, for thin variants */

    /* Status */
    --status-success: #28a745;
    --status-success-bg: #d4edda;
    --status-success-text: #155724;
    --status-warning: #ffc107;
    --status-warning-bg: #fff3cd;
    --status-warning-text: #856404;
    --status-danger: #dc3545;
    --status-danger-bg: #f8d7da;
    --status-info: #17a2b8;
    --status-info-bg: #d1ecf1;
    --status-info-text: #0c5460;
    --status-success-border: #c3e6cb;
    --status-danger-border: #f5c6cb;
    --status-danger-text: #721c24;
    --status-warning-border: #ffeeba;
    --status-info-border: #bee5eb;

    /* Accents */
    --accent-purple: #6c5ce7;

    /* Shadows & Overlays */
    --shadow-color: rgba(0,0,0,0.1);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
    --overlay-bg: rgba(0,0,0,0.5);
    /* Subtle wash used by loading-state overlays (page-loader, bh-loading, kanban-loading, etc.) -- distinct from --overlay-bg which is for full modal backdrops. */
    --loader-overlay-bg: rgba(255,255,255,0.8);

    /* Scrollbar */
    --scrollbar-track: #f1f1f1;
    --scrollbar-thumb: #c1c1c1;
    --scrollbar-thumb-hover: #a1a1a1;
}

/* Dark mode overrides -- activated by data-theme="dark" on <html> */
/* WCAG AA contrast targets: 4.5:1 normal text, 3:1 large text on #141414 surface */
[data-theme="dark"] {
    /* Brand -- lifted for readability on dark backgrounds */
    --brand-primary: #a76bdf;       /* electric violet -- 5.2:1 on #141414, more presence than lavender */
    --brand-accent: #d4a824;        /* amber gold -- clean, rich, 6.4:1 contrast on #141414 */
    --brand-accent-bright: #fdb913; /* bright gold ONLY for active tab indicators */
    --brand-accent-soft: #8a6d18;   /* subtle warm gold for decorative-only borders */
    --brand-danger: #f44060;        /* vivid rose -- punchy red, 4.8:1 contrast */
    --brand-magenta: #d470b8;       /* magenta lifted */

    /* Surfaces */
    --bg-page: #0a0a0a;
    --bg-surface: #141414;
    --bg-card: #141414;                 /* dark-mode alias for --bg-surface */
    --bg-subtle: #1a1a1a;
    --bg-muted: #1e1e1e;
    --bg-purple-tint: #1e1430;
    --bg-gold-tint: #1e1a0e;        /* darker gold tint, less cream */
    --bg-slate-tint: #1c1a22;       /* dark slate section band -- pairs with light slate */
    --bg-slate-tint-2: #16151c;     /* gradient stop, dark */
    --bg-danger-subtle: #2a0f12;

    /* Text -- all comfortably pass WCAG AA on #141414.
       Dark-mode eyes need brighter muted tones than a naive inversion suggests;
       tertiary/muted bumped so "dim grey on black" stops feeling unreadable. */
    --text-primary: #e8e8e8;        /* 15:1 on #141414 */
    --text-body: #d4d4d4;           /* 12:1 -- body copy */
    --text-secondary: #bcbcbc;      /* 9:1 -- secondary labels */
    --text-tertiary: #a5a5a5;       /* 7:1 -- tertiary meta (was #909090 = 5.5:1, felt dim) */
    --text-muted: #b0b0b0;          /* 7.8:1 -- muted detail (was #959595 = 5.8:1, felt dark-grey-on-black) */
    --text-on-dark: #ffffff;

    /* Page header */
    --page-title-color: #e5d9ff;    /* soft lavender -- 13:1 on #141414 */

    /* Borders */
    --border-subtle: #232328;           /* subtle border, dark -- quieter than --border-default; replaces the near-white fallbacks that leaked into dark mode */
    --border-light: #1e1e1e;
    --border-default: #2a2a2a;
    --border-strong: #3a3a3a;
    --border-brand: #2a1a3a;
    --border-gold-soft: #3a3620;        /* muted dark gold, pairs with dark bg-gold-tint */
    --border-gold-softer: #2e2b1a;

    /* Status */
    --status-success: #28a745;
    --status-success-bg: #0d2818;
    --status-success-text: #6ddf8b;
    --status-warning: #ffc107;
    --status-warning-bg: #1a1608;
    --status-warning-text: #d4a824;
    --status-danger: #dc3545;
    --status-danger-bg: #2a0f12;
    --status-info: #17a2b8;
    --status-info-bg: #0a1e24;
    --status-info-text: #5dc8db;
    --status-success-border: #1a4a2a;
    --status-danger-border: #3a1520;
    --status-danger-text: #ff8a9a;
    --status-warning-border: #2a2010;
    --status-info-border: #0e2a30;

    /* Accents */
    --accent-purple: #9b8ce8;

    /* Shadows & Overlays */
    --shadow-color: rgba(0,0,0,0.4);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --overlay-bg: rgba(0,0,0,0.7);
    --loader-overlay-bg: rgba(0,0,0,0.55);

    /* Scrollbar -- brand gold thumb for dark mode */
    --scrollbar-track: #1a1a1a;
    --scrollbar-thumb: var(--brand-accent, #d4a824);
    --scrollbar-thumb-hover: #fdb913;

    /* Bootstrap 4 native variable overrides */
    --primary: #fdb913;
    --secondary: #a76bdf;
    --blue: #a76bdf;
    --light: #1a1a1a;
    --dark: #e0e0e0;
}

/* Pseudo-element overrides for dark mode */
[data-theme="dark"] ::placeholder {
    color: var(--text-muted, #666) !important;
}
[data-theme="dark"] ::selection {
    background: var(--brand-primary, #a76bdf);
    color: #fff;
}

/* Native date/time/month/week picker indicator -- black glyph by default,
   invisible on dark surfaces. Invert + brighten to match icon-on-dark token. */
[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="month"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="week"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(0.85);
    cursor: pointer;
    opacity: 0.9;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track, #f1f1f1); }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb, #c1c1c1); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover, #a1a1a1); }

/* =============================================
   Dark Mode Component Overrides
   Catches Bootstrap defaults and hardcoded values
   that the token migration could not reach
   ============================================= */

/* --- Body & Page --- */
[data-theme="dark"] body {
    background-color: var(--bg-page) !important;
    color: var(--text-primary) !important;
}

/* --- RTE-rendered surfaces in dark mode ---
   User-authored RTE content (tickets, AskRalph, Help articles, the editor itself, future RTE
   surfaces) carries inline style="color:rgb(0,0,0)" on every block from the editor's save path.
   Inline style beats normal CSS specificity, so the only way to override it is !important.
   Approach: dark surface + wildcard !important descendant rule forcing light text. Mirrors the
   existing pattern at RichTextEditor.css :659. Trade-off: user-pasted text colour is reset to
   light. Accepted for visual integration with dark mode chrome. Authorised inline 2026-05-02
   by George (option A from Documentation/rte-dark-paper-mockup.html). */
[data-theme="dark"] .ticket-update-bubble,
[data-theme="dark"] .ticket-details-html,
[data-theme="dark"] .helppage,
[data-theme="dark"] .askralph-msg-bubble,
[data-theme="dark"] .bh-rte-editor,
[data-theme="dark"] .bh-rte-paper,
[data-theme="dark"] .email-preview-body {
    background-color: #1e1e1e !important;
}
[data-theme="dark"] .ticket-update-bubble *,
[data-theme="dark"] .ticket-details-html *,
[data-theme="dark"] .helppage *,
[data-theme="dark"] .askralph-msg-bubble *,
[data-theme="dark"] .bh-rte-editor *,
[data-theme="dark"] .bh-rte-paper *,
[data-theme="dark"] .email-preview-body * {
    color: #e8e8e8 !important;
}
[data-theme="dark"] .ticket-update-bubble :is(h1, h2, h3, h4),
[data-theme="dark"] .ticket-details-html :is(h1, h2, h3, h4),
[data-theme="dark"] .helppage :is(h1, h2, h3, h4),
[data-theme="dark"] .askralph-msg-bubble :is(h1, h2, h3, h4),
[data-theme="dark"] .bh-rte-editor :is(h1, h2, h3, h4),
[data-theme="dark"] .bh-rte-paper :is(h1, h2, h3, h4),
[data-theme="dark"] .email-preview-body :is(h1, h2, h3, h4) {
    color: #e5d9ff !important;
}
[data-theme="dark"] .ticket-update-bubble a,
[data-theme="dark"] .ticket-details-html a,
[data-theme="dark"] .helppage a,
[data-theme="dark"] .askralph-msg-bubble a,
[data-theme="dark"] .bh-rte-editor a,
[data-theme="dark"] .bh-rte-paper a,
[data-theme="dark"] .email-preview-body a {
    color: #d4b3ff !important;
}
[data-theme="dark"] .ticket-update-bubble .update-meta,
[data-theme="dark"] .ticket-update-bubble .update-meta *,
[data-theme="dark"] .ticket-details-html .update-meta,
[data-theme="dark"] .ticket-details-html .update-meta * {
    color: #a5a5a5 !important;
}

/* --- Form Controls --- */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] select.form-control,
[data-theme="dark"] textarea.form-control {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background-color: var(--bg-subtle) !important;
    color: var(--text-tertiary) !important;
}
[data-theme="dark"] .input-group-text {
    background-color: var(--bg-muted);
    color: var(--text-secondary);
    border-color: var(--border-strong);
}

/* --- Nav Tabs --- */
[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border-default) !important;
}
[data-theme="dark"] .nav-tabs .nav-link {
    background-color: var(--bg-subtle) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-default) !important;
}
[data-theme="dark"] .nav-tabs .nav-link:hover {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--brand-primary) !important;
    color: var(--text-on-dark) !important;
    border-color: var(--brand-primary) !important;
    border-bottom-color: var(--brand-accent) !important;
}

/* --- Tab Content --- */
[data-theme="dark"] .tab-content {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-default) !important;
}

/* --- Cards --- */
[data-theme="dark"] .card {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-default) !important;
}
/* .card-header dark mode is in the consolidated .bh-gold-header block below */
[data-theme="dark"] .card-footer {
    background: var(--bg-subtle) !important;
    border-top-color: var(--border-default) !important;
}
/* Checkboxes and radio buttons - visible borders in dark mode */
[data-theme="dark"] .form-check-input {
    background-color: var(--bg-muted, #1e1e1e);
    border-color: var(--border-strong, #3a3a3a);
}
[data-theme="dark"] .form-check-input:checked {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
[data-theme="dark"] .form-check-label {
    color: var(--text-secondary, #b0b0b0);
}
/* CRM contact/brand card body text */
[data-theme="dark"] .crm-contact-card .card-body {
    color: var(--text-primary, #e8e8e8);
}
[data-theme="dark"] .crm-contact-card .badge-contact {
    background-color: var(--bg-subtle, #1a1a1a);
    border-color: var(--border-default, #2a2a2a);
    color: var(--text-secondary, #b0b0b0);
}

/* --- Panels (BUZZHub custom) --- */
[data-theme="dark"] .panel h2,
[data-theme="dark"] .panelcollapsed h2 {
    background-color: var(--bg-subtle) !important;
    border-color: var(--border-default) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .panelcontent {
    background-color: var(--bg-surface) !important;
}

/* --- Tables --- */
[data-theme="dark"] .table {
    color: var(--text-primary);
}
[data-theme="dark"] .table thead th {
    background-color: var(--bg-subtle) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-default) !important;
}
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--border-light) !important;
}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--bg-subtle) !important;
}
[data-theme="dark"] .table-hover tbody tr:hover,
[data-theme="dark"] .table-hover tbody tr:hover > td,
[data-theme="dark"] .table-hover tbody tr:hover > th {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
}

/* --- Modals --- */
/* Elevation pattern: modal surface sits ~10% lighter than page,
   stronger shadow + brighter hairline border so it pops clear of the dim backdrop. */
[data-theme="dark"] .modal-content {
    background-color: #1e1e24 !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.70), 0 4px 14px rgba(0, 0, 0, 0.55) !important;
}
[data-theme="dark"] .modalPopup {
    background-color: #1e1e24 !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    box-shadow: 0 20px 56px rgba(0, 0, 0, 0.70), 0 4px 14px rgba(0, 0, 0, 0.55) !important;
}
[data-theme="dark"] .modalBackground {
    background-color: #000 !important;
    opacity: 0.65 !important;
}
[data-theme="dark"] .modal-header {
    border-bottom-color: var(--border-default) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .modal-footer {
    border-top-color: var(--border-default) !important;
}

/* --- Dropdowns --- */
[data-theme="dark"] .dropdown-menu {
    background-color: #0d0d12 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}
[data-theme="dark"] .dropdown-item {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .dropdown-divider {
    border-top-color: var(--border-light) !important;
}

/* --- Popovers --- */
[data-theme="dark"] .popover {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-default) !important;
}
[data-theme="dark"] .popover-header {
    background-color: var(--bg-subtle) !important;
    border-bottom-color: var(--border-default) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .popover .arrow::after {
    border-top-color: var(--bg-surface) !important;
}

/* --- Badges --- */
[data-theme="dark"] .badge-soft-secondary {
    background-color: var(--bg-muted) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .badge-light {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
}

/* --- Progress bars & skeletons --- */
[data-theme="dark"] .progress,
[data-theme="dark"] .bh-progress-bar,
[data-theme="dark"] .skeleton-line,
[data-theme="dark"] .skeleton-circle {
    background-color: var(--bg-muted) !important;
}

/* --- Dropzone.js (CDN CSS hardcodes white bg) --- */
[data-theme="dark"] .dropzone,
[data-theme="dark"] .dropzone.dz-clickable {
    background: var(--bg-subtle) !important;
    border: 2px dashed var(--border-strong) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .dropzone:hover {
    background: var(--bg-muted) !important;
    border-color: var(--brand-primary) !important;
}
[data-theme="dark"] .dropzone .dz-message,
[data-theme="dark"] .dropzone .dz-message h5,
[data-theme="dark"] .dropzone .dz-message p,
[data-theme="dark"] .dropzone .dz-message .text-muted {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .dropzone .dz-message i,
[data-theme="dark"] .dropzone .dz-message .fa {
    color: var(--text-tertiary) !important;
}
[data-theme="dark"] .dropzone .dz-preview .dz-image {
    background: var(--bg-muted) !important;
}
[data-theme="dark"] .dropzone .dz-preview .dz-details {
    background: rgba(0,0,0,0.6) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .dropzone .dz-preview .dz-filename,
[data-theme="dark"] .dropzone .dz-preview .dz-size {
    color: var(--text-primary) !important;
}

/* --- List groups --- */
[data-theme="dark"] .list-group-item {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-light) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .list-group-item:hover {
    background-color: var(--bg-subtle) !important;
}
[data-theme="dark"] .list-group-item.active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* --- Alerts --- */
[data-theme="dark"] .alert-info {
    background-color: var(--status-info-bg) !important;
    color: var(--status-info-text) !important;
    border-color: var(--status-info) !important;
}
[data-theme="dark"] .alert-success {
    background-color: var(--status-success-bg) !important;
    color: var(--status-success-text) !important;
    border-color: var(--status-success) !important;
}
[data-theme="dark"] .alert-warning {
    background-color: var(--status-warning-bg) !important;
    color: var(--status-warning-text) !important;
}
[data-theme="dark"] .alert-danger {
    background-color: var(--status-danger-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--status-danger) !important;
}

/* --- Pagination --- */
[data-theme="dark"] .page-link {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-default) !important;
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--text-on-dark) !important;
}
[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--bg-muted) !important;
    color: var(--text-muted) !important;
}

/* --- Breadcrumbs --- */
[data-theme="dark"] .breadcrumb {
    background-color: var(--bg-subtle) !important;
}

/* --- Close button --- */
[data-theme="dark"] .close {
    color: var(--text-primary) !important;
    text-shadow: none !important;
}

/* --- HR --- */
[data-theme="dark"] hr {
    border-top-color: var(--border-light) !important;
}

/* --- Jumbotron --- */
[data-theme="dark"] .jumbotron {
    background-color: var(--bg-subtle) !important;
}

/* --- Well / BG utilities --- */
[data-theme="dark"] .bg-white {
    background-color: var(--bg-surface) !important;
}
[data-theme="dark"] .bg-light {
    background-color: var(--bg-subtle) !important;
}
[data-theme="dark"] .text-dark {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .text-muted {
    color: var(--text-muted) !important;
}

/* Loader / empty-state contrast in dark mode.
   Covers the site-wide '<i class="fa fa-spinner fa-spin"></i><p>...</p>' pattern
   and the '<i class="fa fa-search fa-3x"></i><p>...</p>' empty-state pattern.
   Without this, loader text in .text-muted wrappers rendered too dim. */
[data-theme="dark"] .fa-spinner.fa-spin,
[data-theme="dark"] .spinner-border {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .text-center.py-5.text-muted,
[data-theme="dark"] .text-center.py-5.text-muted p,
[data-theme="dark"] .text-center.py-5 p,
[data-theme="dark"] .empty-state,
[data-theme="dark"] .empty-state p {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .empty-state h5,
[data-theme="dark"] .text-center.py-5 h5 {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .empty-state i,
[data-theme="dark"] .text-center.py-5 > .fa-search,
[data-theme="dark"] .text-center.py-5 > i.fa-inbox,
[data-theme="dark"] .text-center.py-5 > i[class*="fa-3x"] {
    color: var(--text-tertiary) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .border {
    border-color: var(--border-default) !important;
}
[data-theme="dark"] .border-bottom {
    border-bottom-color: var(--border-default) !important;
}
[data-theme="dark"] .border-top {
    border-top-color: var(--border-default) !important;
}

/* --- Navbar header --- */
[data-theme="dark"] .navbar {
    border-bottom-color: var(--border-default) !important;
}

/* =============================================
   Jen's Dark Mode Design Refinements
   Principle: Content is king. Chrome recedes.
   Gold borders become muted warm borders.
   Bright gold only on interactive/active elements.
   ============================================= */

/* --- Mute ALL decorative gold card borders --- */
[data-theme="dark"] .card-body {
    border-color: var(--brand-accent-soft) !important;
}
[data-theme="dark"] .profile-card-header.yellow {
    border-left-color: var(--brand-accent) !important;
}

/* --- Dashboard card gold headers: warm and subtle, not screaming --- */
[data-theme="dark"] .dashboard-card .card-header {
    border-left-color: var(--brand-accent-soft) !important;
}

/* --- News Agenda: content readability is critical --- */
[data-theme="dark"] .news-headline,
[data-theme="dark"] .agenda-item,
[data-theme="dark"] .agenda-item a,
[data-theme="dark"] .card-body-scroll li,
[data-theme="dark"] .card-body-scroll a,
[data-theme="dark"] .card-body-scroll p,
[data-theme="dark"] .card-body-scroll span {
    color: var(--text-body) !important;
}
[data-theme="dark"] .card-body-scroll h5,
[data-theme="dark"] .card-body-scroll h4,
[data-theme="dark"] .card-body-scroll strong,
[data-theme="dark"] .card-body-scroll b {
    color: var(--text-primary) !important;
}

/* --- Badge text on coloured backgrounds: ensure readability --- */
[data-theme="dark"] .badge {
    font-size: 0.8em;
}
[data-theme="dark"] .badge-pill {
    color: var(--text-on-dark) !important;
}

/* --- Mail Stats: numbers must be readable --- */
[data-theme="dark"] .stat-value,
[data-theme="dark"] .mail-stat-value,
[data-theme="dark"] .kpi-value {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .stat-label,
[data-theme="dark"] .mail-stat-label,
[data-theme="dark"] .kpi-label {
    color: var(--text-secondary) !important;
}

/* --- Horizontal gold divider lines: mute to warm grey --- */
[data-theme="dark"] hr[style*="border"],
[data-theme="dark"] hr[style*="fdb913"] {
    border-color: var(--brand-accent-soft) !important;
}

/* --- Card body borders throughout: muted warm, not bright gold --- */
[data-theme="dark"] [style*="border"][style*="fdb913"],
[data-theme="dark"] [style*="border"][style*="FDB913"] {
    border-color: var(--brand-accent-soft) !important;
}

/* --- Active tab indicator: this IS the one place gold should be bright --- */
[data-theme="dark"] .nav-tabs .nav-link.active {
    border-bottom-color: var(--brand-accent-bright, #fdb913) !important;
}

/* =============================================
   News Agenda dark mode readability
   ============================================= */
[data-theme="dark"] .news-tabs {
    border-bottom-color: var(--border-default) !important;
}
[data-theme="dark"] .news-tab {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .news-tab:hover {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .news-tab.active {
    color: var(--brand-primary) !important;
    border-bottom-color: var(--brand-primary) !important;
}
[data-theme="dark"] .news-article-count {
    color: var(--text-muted) !important;
}
/* Outlet section headers - organizational, should be visible */
[data-theme="dark"] .outlet-name {
    color: var(--text-primary) !important;
}
[data-theme="dark"] .outlet-name small {
    color: var(--text-secondary) !important;
}
/* Story clusters */
[data-theme="dark"] .story-cluster {
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] .story-cluster.multi-outlet {
    background: var(--bg-purple-tint) !important;
    border-left-color: var(--brand-primary) !important;
    border-bottom-color: var(--border-light) !important;
}
[data-theme="dark"] .cluster-headline,
[data-theme="dark"] .cluster-headline a,
[data-theme="dark"] .cluster-sub-article a {
    color: var(--text-body) !important;
}
[data-theme="dark"] .cluster-headline:hover,
[data-theme="dark"] .cluster-headline a:hover,
[data-theme="dark"] .cluster-sub-article a:hover {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .cluster-outlet-badge {
    background: var(--bg-purple-tint) !important;
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .cluster-tier1-badge {
    background: var(--status-success-bg) !important;
    color: var(--status-success-text) !important;
}
[data-theme="dark"] .cluster-topic {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .cluster-time,
[data-theme="dark"] .cluster-sub-article .sub-pub {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .cluster-expand {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .cluster-articles-list {
    border-left-color: var(--border-default) !important;
}
/* News spike pills */
[data-theme="dark"] .news-spike-pill {
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] .news-spike-pill.spiking-hot {
    background: var(--status-danger-bg) !important;
    color: var(--brand-danger) !important;
}
[data-theme="dark"] .news-spike-pill.spiking-warm {
    background: var(--bg-purple-tint) !important;
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .news-spike-pill.spiking-cool {
    background: var(--bg-muted) !important;
    color: var(--text-secondary) !important;
}

/* =============================================
   Border continuity fix
   Card borders should form a continuous outline,
   not disconnected segments
   ============================================= */
[data-theme="dark"] .dashboard-card {
    border: 1px solid var(--border-default) !important;
}
[data-theme="dark"] .dashboard-card .card-header {
    border-bottom: 1px solid var(--border-default) !important;
}
[data-theme="dark"] .dashboard-card .card-body {
    border: none !important;
}
/* Profile cards: continuous border */
[data-theme="dark"] .profile-card {
    border: 1px solid var(--border-default) !important;
    border-radius: 8px !important;
    overflow: hidden;
}
[data-theme="dark"] .profile-card-header {
    border-bottom: 1px solid var(--border-default) !important;
}
[data-theme="dark"] .profile-card-body {
    border: none !important;
}

/* --- Footer (authenticated/user pages: Site.Master + portal masters using .footer/.bg-white) ---
   Bumped specificity so the dark rule always wins over .bg-white:
   - footer.footer (0,2,1) beats [data-theme="dark"] .bg-white (0,2,0)
   - .footer.bg-white (0,3,0) beats [data-theme="dark"] .bg-white (0,2,0)
   Public/login masters (Buzzhub, Middle, LoginMaster) use class="bs-footer" with their own
   brand-styled footer in Buzzscribed.css -- intentionally NOT overridden here. */
[data-theme="dark"] footer.footer,
[data-theme="dark"] .footer.bg-white,
[data-theme="dark"] footer#footer {
    background-color: #000 !important;
    color: var(--text-secondary) !important;
    border-top-color: var(--border-default) !important;
}
[data-theme="dark"] footer.footer a,
[data-theme="dark"] .footer.bg-white a,
[data-theme="dark"] footer#footer a {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] footer.footer a:hover,
[data-theme="dark"] .footer.bg-white a:hover,
[data-theme="dark"] footer#footer a:hover {
    color: var(--text-primary) !important;
}

/* --- Links (global) --- */
[data-theme="dark"] a {
    color: var(--brand-primary);
}
[data-theme="dark"] a:hover {
    color: #c9a4e8;
}
/* Buttons rendered as <a> (asp:LinkButton) must keep their own text color.
   Must use !important to beat .footer a rule above. */
[data-theme="dark"] a.btn {
    color: var(--text-on-dark, #fff) !important;
}
[data-theme="dark"] a.btn:hover {
    color: var(--text-on-dark, #fff) !important;
}
[data-theme="dark"] a.btn-outline-primary {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] a.btn-outline-primary:hover {
    color: var(--text-on-dark, #fff) !important;
}
[data-theme="dark"] a.btn-default {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] a.btn-default:hover {
    color: var(--text-on-dark, #fff) !important;
}
[data-theme="dark"] a.btn-outline-secondary {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] a.btn-link {
    color: var(--brand-primary) !important;
}
[data-theme="dark"] a.btn-danger {
    color: var(--text-on-dark, #fff) !important;
}

/* --- Profile cards (Campaign Builder section headers) --- */
/* These have cream/gold gradients in light mode - must go dark */
[data-theme="dark"] .profile-card {
    background-color: var(--bg-surface) !important;
}
[data-theme="dark"] .profile-card-header.yellow {
    background: linear-gradient(135deg, var(--bg-gold-tint) 0%, var(--bg-subtle) 100%) !important;
    color: var(--text-primary) !important;
    border-left-color: var(--brand-accent) !important;
}
[data-theme="dark"] .profile-card-header.yellow h4,
[data-theme="dark"] .profile-card-header.yellow h3,
[data-theme="dark"] .profile-card-header.yellow .profile-card-title,
[data-theme="dark"] .dashboard-card .card-header,
[data-theme="dark"] .dashboard-card .card-header .card-title,
[data-theme="dark"] .dashboard-card .card-header .card-title i {
    color: var(--brand-accent) !important;
}
[data-theme="dark"] .profile-card-header {
    background: linear-gradient(135deg, #1a1430 0%, var(--bg-subtle) 100%) !important;
    color: var(--text-on-dark) !important;
}
[data-theme="dark"] .profile-card-body {
    background-color: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

/* --- All remaining gold-tint / cream backgrounds (inline styles) --- */
[data-theme="dark"] [style*="fff5dc"],
[data-theme="dark"] [style*="FFF5DC"],
[data-theme="dark"] [style*="fcf8e3"],
[data-theme="dark"] [style*="FCF8E3"],
[data-theme="dark"] [style*="fffbf0"],
[data-theme="dark"] [style*="FFFBF0"],
[data-theme="dark"] [style*="fff8e1"],
[data-theme="dark"] [style*="FFF8E1"],
[data-theme="dark"] [style*="fef9e7"],
[data-theme="dark"] [style*="FEF9E7"] {
    background: var(--bg-gold-tint) !important;
    color: var(--text-primary) !important;
}
/* Catch cream gradients -- browsers may normalize hex to rgb() so match both */
[data-theme="dark"] .alert[style*="fff5dc"],
[data-theme="dark"] .alert[style*="fffbf0"],
[data-theme="dark"] div[style*="fff5dc"],
[data-theme="dark"] div[style*="fffbf0"],
[data-theme="dark"] [style*="rgb(255, 245, 220)"],
[data-theme="dark"] [style*="rgb(255, 251, 240)"],
[data-theme="dark"] [style*="rgb(252, 248, 227)"],
[data-theme="dark"] #smartAutoFillPrompt {
    background: var(--bg-gold-tint) !important;
    border-color: var(--brand-accent-soft) !important;
    color: var(--text-primary) !important;
}
/* Force text colour on children with inline color:#333 inside dark gold-tint panels */
[data-theme="dark"] #smartAutoFillPrompt *,
[data-theme="dark"] [style*="rgb(255, 245, 220)"] *,
[data-theme="dark"] [style*="fff5dc"] * {
    color: var(--text-primary) !important;
}

/* --- Content area catch-all for remaining light backgrounds --- */
[data-theme="dark"] .content-area,
[data-theme="dark"] .main-content,
[data-theme="dark"] #ContentPlaceHolder1,
[data-theme="dark"] [id*="ContentPlaceHolder"] {
    color: var(--text-primary);
}

/* --- Sub-content profile card overrides (CampaignBuilder uses !important) --- */
[data-theme="dark"] .sub-content .profile-card-header.yellow,
[data-theme="dark"] .smallside .profile-card-header.yellow {
    background: linear-gradient(135deg, var(--bg-gold-tint) 0%, var(--bg-subtle) 100%) !important;
    color: var(--text-primary) !important;
}

/* --- Section divider lines (gold hr/borders under section headings) --- */
/* These are the bright yellow lines under KEY DATES, SPECIFIC OBJECTIVES etc. */
[data-theme="dark"] .profile-card-body hr,
[data-theme="dark"] .profile-card-body .section-divider {
    border-color: var(--brand-accent-soft) !important;
}
/* Catch-all: any gold border inside content panels - mute it */
[data-theme="dark"] .profile-card-body [style*="border"],
[data-theme="dark"] .tab-content [style*="border"] {
    border-color: var(--brand-accent-soft) !important;
}

/* --- Content panel text readability (Campaign Builder, all pages) --- */
[data-theme="dark"] .profile-card-body p,
[data-theme="dark"] .profile-card-body span,
[data-theme="dark"] .profile-card-body div,
[data-theme="dark"] .profile-card-body li,
[data-theme="dark"] .profile-card-body td,
[data-theme="dark"] .profile-card-body label {
    color: var(--text-body);
}
[data-theme="dark"] .profile-card-body h1,
[data-theme="dark"] .profile-card-body h2,
[data-theme="dark"] .profile-card-body h3,
[data-theme="dark"] .profile-card-body h4,
[data-theme="dark"] .profile-card-body h5,
[data-theme="dark"] .profile-card-body h6 {
    color: var(--text-primary);
}

/* --- FormView / DetailsView content panels --- */
[data-theme="dark"] .formview-content,
[data-theme="dark"] .details-content,
[data-theme="dark"] [id*="FormView"],
[data-theme="dark"] [id*="DetailsView"] {
    color: var(--text-body) !important;
}

/* --- Section heading text (KEY DATES & TIMELINE etc.) --- */
[data-theme="dark"] .section-heading,
[data-theme="dark"] .bp-section-heading {
    color: var(--brand-accent) !important;
    border-bottom-color: var(--brand-accent-soft) !important;
}

/* --- Specific BUZZHub component fixes --- */
/* KPI cards */
[data-theme="dark"] .kpi-card {
    background-color: var(--bg-surface) !important;
    border-color: var(--border-default) !important;
}

/* Stat cards on dashboard */
[data-theme="dark"] .stat-card,
[data-theme="dark"] .dashboard-card {
    background-color: var(--bg-surface) !important;
}

/* Select dropdowns (native) */
[data-theme="dark"] select {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] select option {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

/* Checkbox and radio labels */
[data-theme="dark"] .custom-control-label {
    color: var(--text-primary);
}

/* ASP.NET GridView / table rows with inline white backgrounds */
[data-theme="dark"] tr[style*="background-color: White"],
[data-theme="dark"] tr[style*="background-color:White"],
[data-theme="dark"] tr[style*="background-color: white"],
[data-theme="dark"] td[style*="background-color: White"],
[data-theme="dark"] td[style*="background-color:White"] {
    background-color: var(--bg-surface) !important;
}

/* --- Buttons --- */
[data-theme="dark"] .btn-outline-danger {
    color: var(--brand-danger) !important;
    border-color: var(--brand-danger) !important;
}
[data-theme="dark"] .btn-outline-danger:hover,
[data-theme="dark"] .btn-outline-danger:focus,
[data-theme="dark"] .btn-outline-danger:active,
[data-theme="dark"] .btn-outline-danger.active,
[data-theme="dark"] .btn-outline-danger:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-outline-danger:not(:disabled):not(.disabled).active,
[data-theme="dark"] .show > .btn-outline-danger.dropdown-toggle {
    background-color: var(--brand-danger) !important;
    color: var(--text-on-dark) !important;
    border-color: var(--brand-danger) !important;
}
[data-theme="dark"] .btn-outline-primary {
    color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}
[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:focus,
[data-theme="dark"] .btn-outline-primary:active,
[data-theme="dark"] .btn-outline-primary.active,
[data-theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-outline-primary:not(:disabled):not(.disabled).active,
[data-theme="dark"] .show > .btn-outline-primary.dropdown-toggle {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    border-color: var(--brand-primary) !important;
}
[data-theme="dark"] .btn-outline-secondary {
    color: var(--text-secondary) !important;
    border-color: var(--border-strong) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:focus,
[data-theme="dark"] .btn-outline-secondary:active,
[data-theme="dark"] .btn-outline-secondary.active,
[data-theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-outline-secondary:not(:disabled):not(.disabled).active,
[data-theme="dark"] .show > .btn-outline-secondary.dropdown-toggle {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
    border-color: var(--brand-primary) !important;
}
[data-theme="dark"] .btn-outline-secondary:disabled,
[data-theme="dark"] .btn-outline-secondary.disabled {
    color: var(--text-tertiary) !important;
    border-color: var(--border-default) !important;
    background-color: transparent !important;
}
[data-theme="dark"] .btn-outline-warning {
    color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
}
[data-theme="dark"] .btn-outline-warning:hover,
[data-theme="dark"] .btn-outline-warning:focus,
[data-theme="dark"] .btn-outline-warning:active,
[data-theme="dark"] .btn-outline-warning.active,
[data-theme="dark"] .btn-outline-warning:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-outline-warning:not(:disabled):not(.disabled).active,
[data-theme="dark"] .show > .btn-outline-warning.dropdown-toggle {
    background-color: var(--brand-accent-bright) !important;
    color: #1a1a1a !important;
    border-color: var(--brand-accent-bright) !important;
}
/* btn-secondary (amber gold bg): light violet --brand-primary is unreadable on
   amber. Force deep purple text for contrast; keeps brand look. */
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-secondary:focus,
[data-theme="dark"] .btn-secondary:active,
[data-theme="dark"] .btn-secondary:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-secondary:not(:disabled):not(.disabled).active,
[data-theme="dark"] .btn-secondary.disabled,
[data-theme="dark"] .btn-secondary:disabled {
    color: #3d1a6f !important;
}
/* btn-warning (gold bg): same problem as btn-secondary -- light-mode
   --brand-primary text flips to light violet in dark mode and disappears
   on the gold background. Force deep purple. */
[data-theme="dark"] .btn-warning,
[data-theme="dark"] .btn-warning:hover,
[data-theme="dark"] .btn-warning:focus,
[data-theme="dark"] .btn-warning:active,
[data-theme="dark"] .btn-warning:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-warning:not(:disabled):not(.disabled).active,
[data-theme="dark"] .btn-warning.disabled,
[data-theme="dark"] .btn-warning:disabled {
    color: #3d1a6f !important;
}
/* btn-primary (solid violet bg) in dark mode: previous #5a2d9e was AA-safe but
   read as muted/disabled against dark surfaces. 2026-05-08: bumped to a more
   vivid mid-violet that still supports white text:
     #7c3fc6 normal vs #fff = 5.84:1 (AA pass)
     #8e54d9 hover  vs #fff = 4.81:1 (AA pass)
     disabled keeps #5a2d9e so disabled state is visually distinct from active. */
[data-theme="dark"] .btn-primary {
    background-color: #7c3fc6 !important;
    border-color: #7c3fc6 !important;
}
[data-theme="dark"] .btn-primary.disabled,
[data-theme="dark"] .btn-primary:disabled {
    background-color: #4a2682 !important;
    border-color: #4a2682 !important;
    opacity: 0.65;
}
[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus,
[data-theme="dark"] .btn-primary.focus,
[data-theme="dark"] .btn-primary:active,
[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled):active,
[data-theme="dark"] .btn-primary:not(:disabled):not(.disabled).active,
[data-theme="dark"] .show > .btn-primary.dropdown-toggle {
    background-color: #8e54d9 !important;
    border-color: #8e54d9 !important;
    box-shadow: 0 0 0 0.15rem rgba(167, 107, 223, 0.35) !important;
}
[data-theme="dark"] .btn-light {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] .btn-danger {
    color: var(--text-on-dark) !important;
}
[data-theme="dark"] .btn-outline-light {
    color: #fff !important;
    border-color: rgba(255,255,255,0.5) !important;
}
[data-theme="dark"] .btn-outline-light:hover {
    background-color: rgba(255,255,255,0.15) !important;
    color: #fff !important;
}
[data-theme="dark"] .btn-outline-dark {
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}
[data-theme="dark"] .btn-outline-dark:hover {
    background-color: var(--bg-muted) !important;
    color: var(--text-primary) !important;
}

/* --- Small text readability boost --- */
[data-theme="dark"] small,
[data-theme="dark"] .small,
[data-theme="dark"] .text-sm {
    color: var(--text-secondary);
}

/* =============================================
   ASP.NET GridView / FormView style utility classes
   Replace ForeColor/BackColor attributes with CssClass
   Also usable in VB code-behind: cell.CssClass = "bh-header-brand"
   ============================================= */
.bh-header-brand { background-color: var(--brand-primary, #3d1a6f) !important; color: var(--text-on-dark, #fff) !important; }
.bh-header-accent { background-color: var(--brand-accent, #fdb913) !important; color: var(--text-primary, #333) !important; }
.bh-header-light { background-color: var(--bg-subtle, #f8f9fa) !important; color: var(--text-primary, #333) !important; }
.bh-header-muted { background-color: var(--bg-muted, #e9ecef) !important; color: var(--text-primary, #333) !important; }
.bh-text-brand { color: var(--brand-primary, #3d1a6f) !important; }
.bh-text-accent { color: var(--brand-accent, #fdb913) !important; }
.bh-text-danger { color: var(--brand-danger, #ed174c) !important; }
.bh-text-primary { color: var(--text-primary, #333) !important; }
.bh-text-secondary { color: var(--text-secondary, #666) !important; }
.bh-text-muted { color: var(--text-muted, #999) !important; }
.bh-text-on-dark { color: var(--text-on-dark, #fff) !important; }
.bh-text-success { color: var(--status-success, #28a745) !important; }
.bh-bg-surface { background-color: var(--bg-surface, #fff) !important; }
.bh-bg-subtle { background-color: var(--bg-subtle, #fafafa) !important; }
.bh-bg-muted { background-color: var(--bg-muted, #e9ecef) !important; }
.bh-bg-brand { background-color: var(--brand-primary, #3d1a6f) !important; }
.bh-bg-success { background-color: var(--status-success-bg, #d4edda) !important; }
.bh-bg-danger { background-color: var(--status-danger-bg, #f8d7da) !important; }
.bh-bg-warning { background-color: var(--status-warning-bg, #fff3cd) !important; }
.bh-border-brand { border-color: var(--brand-primary, #3d1a6f) !important; }
.bh-border-accent { border-color: var(--brand-accent, #fdb913) !important; }
.bh-border-default { border-color: var(--border-default, #ddd) !important; }

/* =============================================
   Font Scale -- Accessibility
   Applied via class on <html> element
   ============================================= */
html.font-medium {
    font-size: 110% !important;
}
html.font-large {
    font-size: 120% !important;
}

/* =============================================
   SMART KPI Seeding Banner -- dark mode overrides
   ============================================= */
[data-theme="dark"] .smart-kpi-seed-banner {
    background: linear-gradient(135deg, var(--bg-gold-tint, #1e1a0e) 0%, var(--bg-subtle, #1a1a1a) 100%);
    border-color: var(--brand-accent-soft, #8a6d18);
}

[data-theme="dark"] .smart-kpi-seed-banner h6 {
    color: var(--text-primary, #e0e0e0);
}

[data-theme="dark"] .smart-kpi-seed-banner .smart-context {
    color: var(--text-body, #ccc);
    background: rgba(0,0,0,0.3);
}

[data-theme="dark"] .smart-kpi-seed-section h6 {
    color: var(--text-secondary, #b0b0b0);
    border-bottom-color: var(--border-default, #2a2a2a);
}

[data-theme="dark"] .smart-kpi-card {
    background: var(--bg-surface, #141414);
    border-color: var(--border-strong, #3a3a3a);
}

[data-theme="dark"] .smart-kpi-card .kpi-type {
    color: var(--text-primary, #e0e0e0);
}

[data-theme="dark"] .smart-kpi-card .kpi-target-input {
    background: var(--bg-muted, #1e1e1e);
    border-color: var(--border-strong, #3a3a3a);
    color: var(--text-primary, #e0e0e0);
}

[data-theme="dark"] .smart-kpi-card .kpi-rationale {
    color: var(--text-muted, #808080);
}

[data-theme="dark"] .smart-kpi-card.accepted {
    background: var(--status-success-bg, #0d2818);
    border-color: var(--status-success, #28a745);
}

[data-theme="dark"] .smart-kpi-card.accepted::after {
    color: var(--status-success-text, #6ddf8b);
}

[data-theme="dark"] .outcome-evidence-banner {
    background: linear-gradient(135deg, var(--bg-gold-tint, #1e1a0e) 0%, var(--bg-subtle, #1a1a1a) 100%);
    border-color: var(--brand-accent-soft, #8a6d18);
    color: var(--text-primary, #e0e0e0);
}
[data-theme="dark"] .outcome-needs-actual {
    border-left-color: var(--brand-accent-soft, #8a6d18) !important;
}
[data-theme="dark"] .outcome-hint {
    color: var(--text-muted, #808080);
}

[data-theme="dark"] .planning-readiness-badge {
    background: var(--bg-surface, #141414);
    border-color: var(--border-strong, #3a3a3a);
}
[data-theme="dark"] .readiness-label {
    color: var(--text-primary, #e0e0e0);
}

/* =============================================
   Setup Branding dark mode overrides
   Card headers have hardcoded cream gradients,
   dimensions badge has hardcoded light border
   ============================================= */
[data-theme="dark"] .branding-logo-card {
    border-color: var(--border-default) !important;
    background: var(--bg-surface) !important;
}
[data-theme="dark"] .branding-logo-card-header {
    background: linear-gradient(135deg, var(--bg-gold-tint) 0%, var(--bg-subtle) 100%) !important;
    border-left-color: var(--brand-accent) !important;
    border-bottom-color: var(--border-default) !important;
}
[data-theme="dark"] .branding-logo-card-header h5 {
    color: var(--brand-accent) !important;
}
[data-theme="dark"] .branding-logo-dimensions {
    background: var(--bg-muted) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .branding-logo-preview {
    background: var(--bg-page) !important;
}
[data-theme="dark"] .branding-logo-empty {
    color: var(--text-muted) !important;
}
[data-theme="dark"] .branding-logo-actions {
    background: var(--bg-surface) !important;
    border-top-color: var(--border-default) !important;
}
[data-theme="dark"] .branding-colour-label {
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .branding-colour-swatch {
    border-color: var(--border-strong) !important;
}
/* Crop dialog */
[data-theme="dark"] .branding-crop-header {
    background: linear-gradient(135deg, var(--bg-gold-tint) 0%, var(--bg-subtle) 100%) !important;
    border-left-color: var(--brand-accent) !important;
    border-bottom-color: var(--border-default) !important;
}
[data-theme="dark"] .branding-crop-header h5 {
    color: var(--brand-accent) !important;
}
[data-theme="dark"] .branding-crop-dialog {
    background: var(--bg-surface) !important;
    border: 1px solid var(--border-default);
}
[data-theme="dark"] .branding-crop-container {
    background: var(--bg-page) !important;
    border-color: var(--border-default) !important;
}

/* =============================================================================
   DARK MODE SWEEP (2026-04-02) -- Comprehensive overrides for hardcoded
   light-mode colours throughout BUZZHub.css and page-level styles.
   ============================================================================= */

/* --- Talent page --- */
[data-theme="dark"] .talent-photo {
    background: var(--bg-surface) !important;
}
[data-theme="dark"] .talent-section-label {
    background: var(--bg-surface) !important;
}

/* --- NewsWire filename badge --- */
[data-theme="dark"] .nw-filename-badge {
    background-color: var(--bg-subtle) !important;
}

/* --- Unavailable/disabled blocks --- */
[data-theme="dark"] .unavailable-block {
    background: var(--bg-subtle) !important;
    color: var(--text-muted) !important;
}

/* --- Scrollbar tracks (global) --- */
[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-subtle, #1a1a1a) !important;
}
[data-theme="dark"] .infinite-scroll-container::-webkit-scrollbar-track {
    background: var(--bg-subtle) !important;
}

/* --- Sub-brand contact row statuses --- */
[data-theme="dark"] .sub-brand-contact-row.status-bounced {
    background-color: var(--status-danger-bg, #2a0f12) !important;
}
[data-theme="dark"] .sub-brand-contact-row.status-unsubscribed {
    background-color: var(--bg-subtle) !important;
}
[data-theme="dark"] .crm-contact-card.status-unsubscribed .card-header,
[data-theme="dark"] .crm-contact-card.status-bounced .card-header {
    background: var(--bg-subtle) !important;
}

/* --- Row selection states (EDM, GridView) --- */
[data-theme="dark"] .edm-contacts-table tbody tr.gv-row-selected,
[data-theme="dark"] .edm-row.edm-row-selected,
[data-theme="dark"] .edm-row:nth-child(even).edm-row-selected {
    background: var(--bg-purple-tint) !important;
}

/* --- Conversation reception pills --- */
[data-theme="dark"] .conversation-reception.reception-lukewarm {
    background: var(--bg-gold-tint) !important;
    color: var(--brand-accent-bright) !important;
}
[data-theme="dark"] .conversation-reception.reception-icecold {
    background: var(--bg-muted) !important;
    color: var(--text-body) !important;
}

/* --- News spike pills --- */
[data-theme="dark"] .news-spike-pill.spiking-hot {
    background: var(--status-danger-bg) !important;
    color: var(--brand-danger, #f44060) !important;
}
[data-theme="dark"] .news-spike-pill.spiking-cool {
    background: var(--bg-subtle) !important;
    color: var(--text-tertiary) !important;
}

/* --- Custom Switch -- dark state legibility (reworked 2026-07-12, George/Jen).
   The old "gold at rest" treatment gave the UNCHECKED switch a gold knob +
   amber border, and its !importants also beat the checked gold-track rules
   (which carry none in BUZZHub.css) -- so ON and OFF both rendered as a muted
   track with a gold knob, distinguishable only by knob position. OFF is now
   neutral (muted track, strong border, grey knob); ON re-asserts the gold
   track + white knob with matching weight. Covers the standard
   .custom-control-input path AND the .bh-switch-hit postback variant. --- */
[data-theme="dark"] .custom-control-label::before {
    background-color: var(--bg-muted, #1e1e1e) !important;
    border-color: var(--border-strong, #3a3a42) !important;
}
[data-theme="dark"] .custom-switch .custom-control-label::after {
    background-color: var(--text-muted, #959595) !important;
}
[data-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before,
[data-theme="dark"] .custom-switch .bh-switch-hit > input[type="checkbox"]:checked ~ .custom-control-label::before {
    background-color: var(--brand-accent, #d4a824) !important;
    border-color: var(--brand-accent, #d4a824) !important;
}
[data-theme="dark"] .custom-switch .custom-control-input:checked ~ .custom-control-label::after,
[data-theme="dark"] .custom-switch .bh-switch-hit > input[type="checkbox"]:checked ~ .custom-control-label::after {
    background-color: #ffffff !important;
}
/* Publish toggle keeps its green ON semantics (its light-mode green carries no
   !important, so the gold re-assert above would clobber it). Higher specificity
   + !important restores green in dark. */
[data-theme="dark"] .nwc-publish-toggle .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--status-success, #28a745) !important;
    border-color: var(--status-success, #28a745) !important;
}

/* --- Legacy .switch/.slider toggle (ClientEDM, Reporting, MailQueue,
   DeliveryPlanner, InterviewCoverage). Light-mode thumb uses --bg-surface
   which collapses to #141414 in dark mode -> invisible circle. Same
   state-legibility rework as .custom-switch: neutral at rest, gold when on. --- */
[data-theme="dark"] .slider {
    background-color: var(--bg-muted, #1e1e1e) !important;
    border: 1px solid var(--border-strong, #3a3a42);
}
[data-theme="dark"] .slider:before {
    background-color: var(--text-muted, #959595) !important;
}
/* Checked: track gold, thumb stays white for contrast against gold */
[data-theme="dark"] input:checked + .slider {
    background-color: var(--brand-accent, #d4a824) !important;
    border-color: var(--brand-accent, #d4a824);
}
[data-theme="dark"] input:checked + .slider:before {
    background-color: #ffffff !important;
}

/* --- Action button backgrounds --- */
/* Primary: lighter violet from --brand-primary gives poor contrast with white
   icons in dark mode. Force a deeper saturated violet for clarity. */
[data-theme="dark"] .action-btn-primary {
    background: #6a3daf !important;
    color: var(--text-on-dark, #fff) !important;
}
[data-theme="dark"] .action-btn-primary:hover {
    background: #8559c9 !important;
}
[data-theme="dark"] .action-btn-secondary {
    background: var(--bg-subtle) !important;
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .action-btn-danger {
    background: var(--status-danger-bg) !important;
    color: var(--brand-danger, #f44060) !important;
}
[data-theme="dark"] .action-btn-none {
    background: var(--bg-subtle) !important;
    color: var(--text-muted) !important;
}

/* --- Engagement badges --- */
[data-theme="dark"] .engagement-badge.downloads {
    background: var(--status-info-bg) !important;
    color: var(--status-info-text) !important;
}
[data-theme="dark"] .engagement-badge.bookings {
    background: var(--status-success-bg) !important;
    color: var(--status-success-text) !important;
}
[data-theme="dark"] .engagement-badge.emails {
    background: var(--bg-purple-tint) !important;
    color: var(--brand-primary) !important;
}
[data-theme="dark"] .engagement-badge.clickable.active {
    background-color: var(--bg-purple-tint) !important;
}

/* --- Top engaged cards (gold/silver/bronze) ---
   Soften the bright metallic gradients in dark mode -- subtle left-border
   accent only, no glossy gradient fill. Keep medal rank badges legible. */
[data-theme="dark"] .top-engaged-card.gold {
    background: var(--bg-surface, #141414) !important;
    border-left: 3px solid rgba(253, 185, 19, 0.55) !important;
    box-shadow: inset 4px 0 0 rgba(253, 185, 19, 0.12);
}
[data-theme="dark"] .top-engaged-card.silver {
    background: var(--bg-surface, #141414) !important;
    border-left: 3px solid rgba(192, 192, 192, 0.45) !important;
    box-shadow: inset 4px 0 0 rgba(192, 192, 192, 0.10);
}
[data-theme="dark"] .top-engaged-card.bronze {
    background: var(--bg-surface, #141414) !important;
    border-left: 3px solid rgba(205, 127, 50, 0.45) !important;
    box-shadow: inset 4px 0 0 rgba(205, 127, 50, 0.10);
}
[data-theme="dark"] .top-engaged-card.gold .top-engaged-rank {
    background: rgba(253, 185, 19, 0.85) !important;
    color: #1a1a1a !important;
}
[data-theme="dark"] .top-engaged-card.silver .top-engaged-rank {
    background: rgba(192, 192, 192, 0.75) !important;
    color: #1a1a1a !important;
}
[data-theme="dark"] .top-engaged-card.bronze .top-engaged-rank {
    background: rgba(205, 127, 50, 0.85) !important;
    color: var(--text-on-dark, #fff) !important;
}

/* --- Email status badges --- */
[data-theme="dark"] .edm-badge-muted {
    background: var(--bg-muted) !important;
    color: var(--text-secondary) !important;
}
[data-theme="dark"] .bl-badge-bounced {
    background: var(--status-danger-bg) !important;
    color: var(--brand-danger, #f44060) !important;
}

/* --- JournoIntel publisher badges --- */
[data-theme="dark"] .ji-pub-badge {
    background: var(--bg-subtle) !important;
}
[data-theme="dark"] .ji-card.dismissed .ji-pub-badge {
    background: var(--bg-muted) !important;
}

/* --- Journalist Intel hover badge (CRM/EmailPitching contact cards) ---
   Light gradient (#667eea -> #764ba2) bottoms out too dark on dark surfaces;
   white "Intel" text + 0.75 chevron opacity wash out. Lift the gradient,
   full-opacity chevron, ring to separate from the card. */
[data-theme="dark"] .journalist-intel-badge {
    background: linear-gradient(135deg, #8b6dff 0%, #b378ff 100%) !important;
    color: #fff !important;
    box-shadow: 0 0 0 1px rgba(167, 107, 223, 0.35);
}
[data-theme="dark"] .journalist-intel-badge:hover {
    box-shadow: 0 2px 10px rgba(167, 107, 223, 0.5);
}
[data-theme="dark"] .journalist-intel-badge .badge-chevron {
    opacity: 1;
}
[data-theme="dark"] .journalist-intel-badge.no-intel {
    background: var(--bg-subtle, #1a1a1a) !important;
    color: var(--text-tertiary, #999) !important;
    box-shadow: 0 0 0 1px var(--border-default, #2a2a2a);
}

/* --- InterviewCoverage booking cards --- */
[data-theme="dark"] .booking-card-header {
    background: var(--bg-subtle, #1a1a1a) !important;
    border-bottom-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .booking-datetime .time {
    color: var(--brand-primary, #b89cf0) !important;
}
[data-theme="dark"] .outlet-logo {
    background: #fff !important; /* keep white so logos with transparent bg remain visible */
}
[data-theme="dark"] .booking-date-group .date-header {
    background: var(--bg-subtle, #1a1a1a) !important;
    color: var(--brand-primary, #b89cf0) !important;
}

/* --- JournoIntel quick import banner & outlet expansion --- */
[data-theme="dark"] .ji-quick-import {
    background: var(--bg-subtle, #1a1a1a) !important;
    border-color: var(--border-default, #2a2a2a) !important;
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .ji-quick-import .text-muted {
    color: var(--text-secondary, #a0a0a0) !important;
}
[data-theme="dark"] .ji-outlet-group {
    border-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .ji-outlet-header {
    background: var(--bg-subtle, #1a1a1a) !important;
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .ji-outlet-header .badge-light {
    background: var(--bg-purple-tint, #1e1430) !important;
    color: var(--brand-primary, #b89cf0) !important;
}
[data-theme="dark"] .ji-outlet-body {
    background: var(--bg-surface, #121212) !important;
}
[data-theme="dark"] .ji-outlet-body .ji-card {
    border-bottom-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .ji-outlet-actions .btn {
    border-color: var(--border-default, #2a2a2a) !important;
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .ji-outlet-actions .btn:hover {
    background: var(--bg-muted, #222) !important;
}
[data-theme="dark"] .ji-filter-bar {
    background: var(--bg-subtle, #1a1a1a) !important;
}
[data-theme="dark"] .ji-bulk-bar {
    background: var(--bg-gold-tint, #2a2410) !important;
    color: var(--text-primary, #e8e8e8) !important;
}

/* --- AI quota warnings --- */
[data-theme="dark"] .ai-quota-warning {
    background: var(--bg-gold-tint) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .ai-quota-exhausted {
    background: var(--status-danger-bg) !important;
    color: var(--text-primary) !important;
}

/* --- Merge token pills --- */
[data-theme="dark"] .merge-token-pill.story-token {
    background: var(--bg-gold-tint) !important;
}

/* --- EmailPitching field category headers and items --- */
[data-theme="dark"] .field-category-header {
    background: var(--bg-subtle) !important;
    color: var(--text-primary) !important;
}
[data-theme="dark"] .field-category-header:hover {
    background: var(--bg-muted) !important;
}
[data-theme="dark"] .field-item {
    background: var(--bg-muted) !important;
    color: var(--text-primary) !important;
}

/* --- Filter card badges (shared bh-filter-card primitives) --- */
[data-theme="dark"] .bh-filter-badge,
[data-theme="dark"] .ep-filter-pill {
    background: var(--bg-subtle) !important;
}
/* Preserve the amber "Needed" cue and the amber "n of m" counter in dark mode
   (updateFilterBadges adds .needed / .counter at runtime). Both need the explicit
   override because the neutral .bh-filter-badge rule above is !important. Scoped to
   the section header so it does not affect neutral badges. */
[data-theme="dark"] .bh-filter-section-header .bh-filter-badge.needed,
[data-theme="dark"] .bh-filter-section-header .bh-filter-badge.counter {
    background: var(--brand-accent, #d4a824) !important;
    color: var(--brand-primary-on-accent, #1a1a1a) !important;
}

/* --- EmailPitching: Compose form labels and field picker panel --- */
[data-theme="dark"] .ep-prepend-label {
    background: var(--bg-subtle) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-default) !important;
}
[data-theme="dark"] .emailfieldpicker {
    background: var(--bg-subtle) !important;
    border-color: var(--border-default) !important;
}

/* --- Email Preview: dark mode adopts theme surface --- */
/* Frame + header chrome only. The body itself is handled by the RTE-rendered  */
/* surfaces block above (inline style="color:rgb(0,0,0)" from the editor needs */
/* !important wildcard override; .email-preview-body is added to that list).   */
/* Use Send Self Test to view the email as the recipient sees it (white).      */
[data-theme="dark"] .email-preview-frame {
    background: var(--bg-surface, #141414) !important;
    border-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .email-preview-header {
    background: var(--bg-subtle, #1a1a1a) !important;
    border-bottom-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .email-preview-header .ep-field-label {
    color: var(--text-muted, #b0b0b0) !important;
}
[data-theme="dark"] .email-preview-header .ep-field-value {
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .email-preview-body iframe {
    background: #1e1e1e !important;
}

/* --- Public page alternating sections --- */
[data-theme="dark"] .cq-section-alt,
[data-theme="dark"] .sm-section-alt,
[data-theme="dark"] .prm-section-alt,
[data-theme="dark"] .sm-game-wrap {
    background: var(--bg-subtle) !important;
}
[data-theme="dark"] .ps-wheel-info {
    background: var(--bg-subtle) !important;
}
[data-theme="dark"] .bs-compare-category {
    background: var(--bg-subtle) !important;
}

/* --- Collapsible profile section headers (CRM detail view) --- */
[data-theme="dark"] .profile-section-collapsible {
    border-top-color: var(--border-default) !important;
}

/* --- Landing/marketing button variants --- */
[data-theme="dark"] .btn-landing-primary {
    background: var(--bg-subtle) !important;
}
[data-theme="dark"] .bs-button-main {
    background: var(--bg-gold-tint) !important;
}

/* --- BH Gold Header dark mode (matches .bh-gold-header master list in BUZZHub.css) --- */
[data-theme="dark"] .bh-gold-header,
[data-theme="dark"] .profile-card-header.yellow,
[data-theme="dark"] .card-header,
[data-theme="dark"] .info-section-card h4,
[data-theme="dark"] .qa-card-header,
[data-theme="dark"] .portal-card-header,
[data-theme="dark"] .portal-section-header,
[data-theme="dark"] .media-release-questions,
[data-theme="dark"] .coverage-panel-header,
[data-theme="dark"] .survey-import-zone,
[data-theme="dark"] .survey-table th,
[data-theme="dark"] .agreement-card-header,
[data-theme="dark"] .report-link-card,
[data-theme="dark"] .calendar-options-header,
[data-theme="dark"] .crm-top-contacts-header,
[data-theme="dark"] .crm-section-header,
[data-theme="dark"] .crm-modal-header,
[data-theme="dark"] .group-members-header,
[data-theme="dark"] .group-members-panel table thead th,
[data-theme="dark"] .table-blocked-emails th,
[data-theme="dark"] .table-condensed > tbody > tr > th,
[data-theme="dark"] .key-messages-modal .modal-header,
[data-theme="dark"] .edm-groups-header,
[data-theme="dark"] .ji-country-pack,
[data-theme="dark"] .branding-logo-card-header,
[data-theme="dark"] .branding-crop-header,
[data-theme="dark"] .sp-tips-card-header,
[data-theme="dark"] .brand-header-card,
[data-theme="dark"] .form-card h3, [data-theme="dark"] .form-card h4,
[data-theme="dark"] .form-card .form-header,
[data-theme="dark"] .storybuilder-form h3, [data-theme="dark"] .storybuilder-form h4,
[data-theme="dark"] .sub-brand-expandable.expanded .sub-brand-header-row,
[data-theme="dark"] .crm-contact-card .card-header,
[data-theme="dark"] .slideout-body .qa-card-header,
[data-theme="dark"] .modalPopup .input-group .input-group-text,
[data-theme="dark"] .modal-body .input-group .input-group-text,
[data-theme="dark"] .form-view-modern .input-group .input-group-text,
[data-theme="dark"] .sub-content .profile-card-header.yellow,
[data-theme="dark"] .smallside .profile-card-header.yellow {
    background: var(--bg-subtle, #1a1a1a) !important;
    color: var(--text-primary, #e8e8e8) !important;
    border-bottom-color: var(--border-default, #2a2a2a) !important;
}

/* Schedule portal: RTE / Word-pasted content carries inline color styles (HtmlSanitiser
   does not strip the style attribute) that ignore dark mode -> dark text on a dark card.
   Force readable text on the content surfaces; re-colour links and the questions heading. */
[data-theme="dark"] .schedule-portal .info-section-content,
[data-theme="dark"] .schedule-portal .info-section-content *,
[data-theme="dark"] .schedule-portal .media-release-content,
[data-theme="dark"] .schedule-portal .media-release-content *,
[data-theme="dark"] .schedule-portal .media-release-bullets,
[data-theme="dark"] .schedule-portal .media-release-bullets *,
[data-theme="dark"] .schedule-portal .media-release-questions :not(h5):not(h5 *) {
    color: var(--text-body, #d4d4d4) !important;
}
[data-theme="dark"] .schedule-portal .info-section-content a,
[data-theme="dark"] .schedule-portal .media-release-content a,
[data-theme="dark"] .schedule-portal .media-release-questions a {
    color: #9db8ff !important;
}
[data-theme="dark"] .schedule-portal .media-release-questions h5 {
    color: var(--text-primary, #e5e5e5) !important;
}
[data-theme="dark"] .schedule-portal .media-release-questions h5 i {
    color: var(--brand-accent, #fdb913) !important;
}
/* jQuery Knob writes the value text colour inline (= fgColor); keep it legible on the dark card. */
[data-theme="dark"] .schedule-portal .support-stat-dial input.dial {
    color: var(--text-primary, #e5e5e5) !important;
}
[data-theme="dark"] .schedule-portal .support-stat-caption {
    color: var(--text-body, #d4d4d4) !important;
}
/* Media-release headline sits on the brand-primary header -- use the brand's contrast-safe
   nav-text (its own Text colour, else auto white/black), enforced in BOTH modes and over any
   inline colour pasted into the Headline field. Was hard white for the old purple masthead. */
.schedule-portal .media-release-title h4,
.schedule-portal .media-release-title h4 * {
    color: var(--cp-brand-nav-text, var(--text-on-dark, #ffffff)) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

/* Selected row states with gold background */
[data-theme="dark"] .outlet-contact-row.selected {
    background: var(--bg-purple-tint, #1e1430) !important;
}
/* Survey import zone hover */
[data-theme="dark"] .survey-import-zone:hover {
    background: var(--bg-muted, #1e1e1e) !important;
}

/* =============================================
   Modal body text / headings -- dark mode
   Naked <h4>/<h5>/<h6> section headings inside
   .modalPopup .body inherit dim colour from
   somewhere in the cascade and become unreadable
   on dark surfaces. Force --text-primary.
   ============================================= */
[data-theme="dark"] .modalPopup,
[data-theme="dark"] .modalPopup .body,
[data-theme="dark"] .modalPopup .body h1,
[data-theme="dark"] .modalPopup .body h2,
[data-theme="dark"] .modalPopup .body h3,
[data-theme="dark"] .modalPopup .body h4,
[data-theme="dark"] .modalPopup .body h5,
[data-theme="dark"] .modalPopup .body h6,
[data-theme="dark"] .modal-body h1,
[data-theme="dark"] .modal-body h2,
[data-theme="dark"] .modal-body h3,
[data-theme="dark"] .modal-body h4,
[data-theme="dark"] .modal-body h5,
[data-theme="dark"] .modal-body h6 {
    color: var(--text-primary, #e8e8e8) !important;
}

/* =============================================
   Section headings -- dark mode
   Naked h5/h6 inside card-style section headers (Outreach Groups,
   Syndication Groups, EDM Groups panels) and ClientEDM engagement
   stat labels inherit a dim colour from the cascade and render as
   dark-grey-on-black. Force --text-primary.
   ============================================= */
[data-theme="dark"] .groups-header h5,
[data-theme="dark"] .groups-header h6,
[data-theme="dark"] #engagements .row.text-center > [class*="col-"] > h5 {
    color: var(--text-primary, #e8e8e8) !important;
}

/* =============================================
   EDM Group card -- selected state in dark mode
   Hardcoded cream gradient (f0fff4 -> fff) becomes unreadable when
   .group-name text (--text-primary) flips to near-white. Swap to a
   subtle dark panel and keep the green border as the selected signal.
   ============================================= */
[data-theme="dark"] .group-card {
    background: var(--bg-surface, #141414) !important;
    border-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .group-card:hover {
    background: var(--bg-subtle, #1a1a1a) !important;
    border-color: var(--brand-primary, #a76bdf) !important;
}
[data-theme="dark"] .group-card.selected {
    background: linear-gradient(135deg, #0d2818 0%, var(--bg-surface, #141414) 100%) !important;
    border-color: var(--status-success, #28a745) !important;
}
[data-theme="dark"] .group-card .group-name {
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .group-card .group-meta {
    color: var(--text-secondary, #bcbcbc) !important;
}

/* =============================================
   EDM Email Groups list -- dark mode
   BUZZHub.css sets per-column colours on .edm-col-* which overrides
   the .edm-list-header brand-primary. Email column has no override
   so its header reads purple and the cell inherits dim body text.
   Force a single readable palette in dark mode for header and cells.
   ============================================= */
[data-theme="dark"] .edm-list-header {
    background: var(--bg-subtle, #1a1a1a) !important;
    color: var(--text-primary, #e8e8e8) !important;
    border-bottom-color: var(--border-default, #2a2a2a) !important;
}
[data-theme="dark"] .edm-list-header .edm-col-name,
[data-theme="dark"] .edm-list-header .edm-col-email,
[data-theme="dark"] .edm-list-header .edm-col-brand,
[data-theme="dark"] .edm-list-header .edm-col-state,
[data-theme="dark"] .edm-list-header .edm-col-pos {
    color: var(--text-primary, #e8e8e8) !important;
}
[data-theme="dark"] .edm-row .edm-col-email {
    color: var(--text-body, #d4d4d4);
}
[data-theme="dark"] .edm-row .edm-col-email a {
    color: var(--brand-primary, #a76bdf);
}
[data-theme="dark"] .edm-row .edm-col-brand {
    color: var(--text-body, #d4d4d4);
}
[data-theme="dark"] .edm-row .edm-col-state,
[data-theme="dark"] .edm-row .edm-col-pos {
    color: var(--text-secondary, #bcbcbc);
}

/* =============================================
   Inline #ffc107 (warning yellow) badges -- dark mode
   Several pages build status pills with
   `background:#ffc107; color:var(--text-primary, #333)`.
   In dark mode --text-primary flips to near-white,
   leaving white-on-gold = unreadable. Force dark ink
   on any element that carries a yellow background
   via inline style.
   ============================================= */
[data-theme="dark"] [style*="background:#ffc107"],
[data-theme="dark"] [style*="background: #ffc107"],
[data-theme="dark"] [style*="background-color:#ffc107"],
[data-theme="dark"] [style*="background-color: #ffc107"],
[data-theme="dark"] [style*="background:#fdb913"],
[data-theme="dark"] [style*="background: #fdb913"],
[data-theme="dark"] [style*="background-color:#fdb913"],
[data-theme="dark"] [style*="background-color: #fdb913"] {
    color: #1a1a1a !important;
}

/* =============================================
   Class-level hardcoded warning yellow -- dark mode
   Same pattern as the inline rule above but for CSS classes
   declared in page-level <style> blocks.
   ============================================= */
[data-theme="dark"] .priority-P3,
[data-theme="dark"] .priority-P2,
[data-theme="dark"] .status-onhold,
[data-theme="dark"] .review-status.amber,
[data-theme="dark"] .top-engaged-card.gold .top-engaged-rank {
    color: #1a1a1a !important;
}

/* =============================================
   Inline light-blue / pale-blue backgrounds -- dark mode
   Common pattern for info banners (e.g. pipeline context help).
   ============================================= */
[data-theme="dark"] [style*="background:#f0f4ff"],
[data-theme="dark"] [style*="background: #f0f4ff"],
[data-theme="dark"] [style*="background:#e8f0fe"],
[data-theme="dark"] [style*="background: #e8f0fe"],
[data-theme="dark"] [style*="background:#e3f2fd"],
[data-theme="dark"] [style*="background: #e3f2fd"],
[data-theme="dark"] [style*="background:#d1ecf1"],
[data-theme="dark"] [style*="background: #d1ecf1"],
[data-theme="dark"] [style*="background-color:#f0f4ff"],
[data-theme="dark"] [style*="background-color: #f0f4ff"] {
    background: var(--status-info-bg, #0a1e24) !important;
    color: var(--status-info-text, #5dc8db) !important;
    border-color: var(--status-info-border, #0e2a30) !important;
}
/* Linear-gradient variants */
[data-theme="dark"] [style*="linear-gradient(135deg,#f0f4ff"],
[data-theme="dark"] [style*="linear-gradient(135deg, #f0f4ff"] {
    background: linear-gradient(135deg, var(--bg-subtle, #1a1a1a) 0%, var(--bg-surface, #141414) 100%) !important;
    color: var(--text-primary, #e8e8e8) !important;
}

/* =============================================
   Inline pure-white backgrounds -- dark mode
   Small catch-all so hardcoded `style="background:#fff"` does not
   keep a white card stranded on the dark page. Applies only when
   the inline style sets the background; page-level white classes
   such as `.bg-white` are handled separately above.
   ============================================= */
[data-theme="dark"] [style*="background:#fff;"],
[data-theme="dark"] [style*="background: #fff;"],
[data-theme="dark"] [style*="background:#ffffff;"],
[data-theme="dark"] [style*="background: #ffffff;"],
[data-theme="dark"] [style*="background:#fafafa;"],
[data-theme="dark"] [style*="background: #fafafa;"],
[data-theme="dark"] [style*="background:#f8f9fa;"],
[data-theme="dark"] [style*="background: #f8f9fa;"],
[data-theme="dark"] [style*="background-color:#fff;"],
[data-theme="dark"] [style*="background-color: #fff;"],
[data-theme="dark"] [style*="background-color:#ffffff;"],
[data-theme="dark"] [style*="background-color: #ffffff;"] {
    background-color: var(--bg-surface, #141414) !important;
    color: var(--text-primary, #e8e8e8);
}

/* =============================================
   Dark mode card elevation lift (2026-04-21)
   Cards that rely on soft light-mode shadows (rgba(0,0,0,0.05-0.08))
   read flat on #0a0a0a page bg because the shadow alpha is invisible.
   Solution: lift surface one step above --bg-surface, beef shadow alpha,
   strengthen border. Preserves light mode (scoped to [data-theme="dark"]).
   If you add a new card class anywhere, add it here too.
   See .claude/scripts/dark-mode-lint.ps1 for audit helper.
   ============================================= */
[data-theme="dark"] .ji-pack-card,
[data-theme="dark"] .ji-stat-card,
[data-theme="dark"] .ji-country-card,
[data-theme="dark"] .ji-card,
[data-theme="dark"] .coverage-card,
[data-theme="dark"] .coverage-stats-bar .kpi-card,
[data-theme="dark"] .pitch-stat-card,
[data-theme="dark"] .bh-data-card,
[data-theme="dark"] .compose-card,
[data-theme="dark"] .nwcard,
[data-theme="dark"] .crm-stat-card,
[data-theme="dark"] .contact-card,
[data-theme="dark"] .search-result-card,
[data-theme="dark"] .crm-contact-card,
[data-theme="dark"] .top-engaged-card,
[data-theme="dark"] .outlet-contact-card,
[data-theme="dark"] .top-contact-card,
[data-theme="dark"] .group-card,
[data-theme="dark"] .blocked-stat-card,
[data-theme="dark"] .profile-card,
[data-theme="dark"] .edm-stat-card,
[data-theme="dark"] .inbox-message-card,
[data-theme="dark"] .mi-stat-card,
[data-theme="dark"] .portal-metric-card,
[data-theme="dark"] .bh-summary-card,
[data-theme="dark"] .media-release-card,
[data-theme="dark"] .sub-brand-item,
[data-theme="dark"] .conversation-item,
[data-theme="dark"] .outlet-syndication-card,
[data-theme="dark"] .form-section,
[data-theme="dark"] .outlet-profile,
[data-theme="dark"] .edm-groups-sidebar,
[data-theme="dark"] .edm-group-panel,
[data-theme="dark"] .nwc-card,
[data-theme="dark"] .social-stat-card,
[data-theme="dark"] .media-stat-card,
[data-theme="dark"] .kpi-card,
[data-theme="dark"] .kpi-stat,
[data-theme="dark"] .analytics-card,
[data-theme="dark"] .analytics-panel,
[data-theme="dark"] .dashboard-widget,
[data-theme="dark"] .pipeline-stat-card,
[data-theme="dark"] .pitch-list-card,
[data-theme="dark"] .pitch-contact-card,
[data-theme="dark"] .focus-card,
[data-theme="dark"] .task-stat-box,
[data-theme="dark"] .decline-stat-card,
[data-theme="dark"] .mail-stat-card,
[data-theme="dark"] .callback-card,
[data-theme="dark"] .history-item,
[data-theme="dark"] .graphic-card,
[data-theme="dark"] .dc-editor,
[data-theme="dark"] .dc-share,
[data-theme="dark"] .dc-preview-card,
[data-theme="dark"] .task-card,
[data-theme="dark"] .pipeline-table-view,
[data-theme="dark"] .pipeline-chart-view,
[data-theme="dark"] .ji-panel,
[data-theme="dark"] .ji-feed-panel,
[data-theme="dark"] .ra-stat-card,
[data-theme="dark"] .bh-kpi,
[data-theme="dark"] .bh-eng-summary-tile,
[data-theme="dark"] .nw-story-card,
[data-theme="dark"] .skel-card,
[data-theme="dark"] .health-card {
    background-color: #1d1e24 !important;
    /* Override only 3 sides -- preserve border-left-color so coloured
       accent borders (brand/success/danger/warning) stay visible. */
    border-top-color: #3a3a42 !important;
    border-right-color: #3a3a42 !important;
    border-bottom-color: #3a3a42 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
}

/* Compact KPI strip palette wash -- dark twin of engagement-design-system
   section 0 (2026-07-12, George/Jen: compact chips read as plain boxes).
   The dark-card flattener above would erase the light wash, and the cascade
   greys the coloured left edge in dark, so both are re-asserted per palette.
   Media query mirrors section 0 (short + wide laptops only). Fallbacks are
   the dark-theme token values. */
@media (max-height: 900px) and (min-width: 992px) {
    [data-theme="dark"] .bh-kpi.primary, [data-theme="dark"] .crm-stat-card.primary, [data-theme="dark"] .pipeline-stat-card.primary, [data-theme="dark"] .kpi-card.primary, [data-theme="dark"] .ra-stat-card.primary, [data-theme="dark"] .pitch-stat-card.primary {
        background-color: color-mix(in srgb, var(--brand-primary, #a76bdf) 20%, #1d1e24) !important;
        border-left-color: var(--brand-primary, #a76bdf) !important;
    }
    [data-theme="dark"] .bh-kpi.success, [data-theme="dark"] .crm-stat-card.success, [data-theme="dark"] .pipeline-stat-card.success, [data-theme="dark"] .kpi-card.success, [data-theme="dark"] .ra-stat-card.success, [data-theme="dark"] .pitch-stat-card.success {
        background-color: color-mix(in srgb, var(--status-success, #28a745) 20%, #1d1e24) !important;
        border-left-color: var(--status-success, #28a745) !important;
    }
    [data-theme="dark"] .bh-kpi.warning, [data-theme="dark"] .crm-stat-card.warning, [data-theme="dark"] .pipeline-stat-card.warning, [data-theme="dark"] .kpi-card.warning, [data-theme="dark"] .ra-stat-card.warning, [data-theme="dark"] .pitch-stat-card.warning {
        background-color: color-mix(in srgb, var(--brand-accent, #d4a824) 20%, #1d1e24) !important;
        border-left-color: var(--brand-accent, #d4a824) !important;
    }
    [data-theme="dark"] .bh-kpi.info, [data-theme="dark"] .crm-stat-card.info, [data-theme="dark"] .pipeline-stat-card.info, [data-theme="dark"] .ra-stat-card.info, [data-theme="dark"] .pitch-stat-card.info {
        background-color: color-mix(in srgb, var(--status-info, #17a2b8) 20%, #1d1e24) !important;
        border-left-color: var(--status-info, #17a2b8) !important;
    }
    [data-theme="dark"] .bh-kpi.danger, [data-theme="dark"] .crm-stat-card.danger, [data-theme="dark"] .pipeline-stat-card.danger, [data-theme="dark"] .kpi-card.danger, [data-theme="dark"] .ra-stat-card.danger, [data-theme="dark"] .pitch-stat-card.danger {
        background-color: color-mix(in srgb, var(--brand-danger, #f44060) 18%, #1d1e24) !important;
        border-left-color: var(--brand-danger, #f44060) !important;
    }
    [data-theme="dark"] .bh-kpi.secondary, [data-theme="dark"] .crm-stat-card.secondary, [data-theme="dark"] .ra-stat-card.secondary {
        background-color: color-mix(in srgb, var(--text-secondary, #bcbcbc) 14%, #1d1e24) !important;
        border-left-color: var(--text-secondary, #bcbcbc) !important;
    }
    [data-theme="dark"] .bh-kpi.risk, [data-theme="dark"] .crm-stat-card.risk {
        background-color: color-mix(in srgb, var(--status-warning-alt, #e8a824) 18%, #1d1e24) !important;
        border-left-color: var(--status-warning-alt, #e8a824) !important;
    }
    [data-theme="dark"] .crm-stat-card.inbox-stat {
        background-color: color-mix(in srgb, var(--accent-purple, #6f42c1) 20%, #1d1e24) !important;
        border-left-color: var(--accent-purple, #6f42c1) !important;
    }
}

/* =============================================
   Time Report table (CRMClients Activity) -- dark mode
   th uses --brand-primary text on --bg-purple-tint -> light violet
   on dark violet, low contrast. td has no explicit colour and
   inherits a dim cascade colour, reading as grey-on-grey. Force
   white headers and full --text-body on cells.
   ============================================= */
[data-theme="dark"] .time-report-table th {
    color: var(--text-on-dark, #ffffff) !important;
    border-bottom-color: var(--border-strong, #3a3a42) !important;
}
[data-theme="dark"] .time-report-table td {
    color: var(--text-body, #d4d4d4);
    border-bottom-color: var(--border-default, #2a2a2a);
}
[data-theme="dark"] .time-report-table tr:hover td {
    background: var(--bg-purple-tint, #1e1430) !important;
}
[data-theme="dark"] .time-report-table tfoot td {
    color: var(--text-primary, #e8e8e8);
}

/* CRM contact cards -- hover pop in dark mode.
   Base elevation handled above. Hover adds a subtle purple-tinted glow
   so the card edge reads crisp against #0a0a0a page bg. */
[data-theme="dark"] .crm-contact-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.55),
                0 12px 28px rgba(0,0,0,0.6),
                0 0 0 1px rgba(253, 185, 19, 0.08) !important;
    border-top-color: #4a4a55 !important;
    border-right-color: #4a4a55 !important;
    border-bottom-color: #4a4a55 !important;
}

/* Print reset -- forces light mode for printing */
@media print {
    :root, [data-theme="dark"] {
        --brand-primary: #3d1a6f;
        --brand-accent: #fdb913;
        --brand-danger: #ed174c;
        --brand-magenta: #7d1d61;
        --bg-page: #ffffff;
        --bg-surface: #ffffff;
        --bg-subtle: #fafafa;
        --bg-muted: #f0f0f0;
        --bg-purple-tint: #f0ebf7;
        --bg-gold-tint: #fff5dc;
        --text-primary: #333333;
        --text-body: #555555;
        --text-secondary: #666666;
        --text-tertiary: #888888;
        --text-muted: #999999;
        --text-on-dark: #ffffff;
        --page-title-color: #3d1a6f;
        --border-subtle: #e5e5ea;
        --border-light: #e9ecef;
        --border-default: #dddddd;
        --border-strong: #cccccc;
        --border-brand: #e0d4f0;
        --status-success: #28a745;
        --status-success-bg: #d4edda;
        --status-success-text: #155724;
        --status-warning: #ffc107;
        --status-warning-bg: #fff3cd;
        --status-warning-text: #856404;
        --status-danger: #dc3545;
        --status-danger-bg: #f8d7da;
        --status-info: #17a2b8;
        --status-info-bg: #d1ecf1;
        --status-info-text: #0c5460;
        --status-success-border: #c3e6cb;
        --status-danger-border: #f5c6cb;
        --status-danger-text: #721c24;
        --status-warning-border: #ffeeba;
        --status-info-border: #bee5eb;
        --accent-purple: #6c5ce7;
        --shadow-color: rgba(0,0,0,0.1);
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
        --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
        --overlay-bg: rgba(0,0,0,0.5);
        --scrollbar-track: #f1f1f1;
        --scrollbar-thumb: #c1c1c1;
        --scrollbar-thumb-hover: #a1a1a1;
    }
}

/* =============================================================================
   Engagement Lifecycle Redesign tokens (added 2026-05-10)
   Spec: .claude/buzzscribed/engagement-design-system-2026-05-10.md sec 1.2
   All additive -- no existing token redefined.
   ============================================================================= */
:root {
    /* Engagement State badges (axis A2) */
    --es-provisional-bg: #fff5dc;
    --es-provisional-fg: #8a6d00;
    --es-provisional-border: #fdb913;
    --es-draft-bg: #e3f2fd;
    --es-draft-fg: #0d47a1;
    --es-draft-border: #90caf9;
    --es-pending-bg: #fff3cd;
    --es-pending-fg: #856404;
    --es-pending-border: #ffeaa7;
    --es-active-bg: #d4edda;
    --es-active-fg: #155724;
    --es-active-border: #c3e6cb;
    --es-closed-bg: #e9ecef;
    --es-closed-fg: #495057;
    --es-closed-border: #ced4da;

    /* Work Lifecycle layer rendering (axis A3)
       2026-05-15: forecast stripe alpha softened (0.6 -> 0.22) so labels stay legible
       on the striped background. Pattern density also lowered in engagement-design-system.css. */
    --wl-forecast-stripe-color: rgba(125, 95, 195, 0.22);
    --wl-forecast-base-bg: var(--bg-purple-tint);
    --wl-forecast-opacity: 0.6;
    --wl-committed-bg: var(--brand-primary);
    --wl-committed-fg: #ffffff;
    --wl-actual-progress-bg: var(--brand-accent);
    --wl-actual-text: #1a1024;

    /* Execution Health (axis A5) */
    --eh-ontrack: #28a745;
    --eh-ontrack-bg: #d4edda;
    --eh-over: #ed174c;
    --eh-over-bg: #fde0e6;
    --eh-under: #fd7e14;
    --eh-under-bg: #fff0e0;

    /* Resource conflict overlay */
    --conflict-overlay: rgba(237, 23, 76, 0.18);
    --conflict-icon: #ed174c;

    /* LSE legacy badge */
    --legacy-bg: #ede7f6;
    --legacy-fg: #4527a0;
    --legacy-border: #b39ddb;
}

[data-theme="dark"] {
    /* Engagement State (dark variants -- WCAG AA 4.5:1 minimum) */
    --es-provisional-bg: #3a2f10;
    --es-provisional-fg: #ffd966;
    --es-provisional-border: #fdb913;
    --es-draft-bg: #0d2438;
    --es-draft-fg: #90caf9;
    --es-draft-border: #1e3a5f;
    --es-pending-bg: #3a2f10;
    --es-pending-fg: #ffd966;
    --es-pending-border: #856404;
    --es-active-bg: #14361e;
    --es-active-fg: #6cd189;
    --es-active-border: #1e5028;
    --es-closed-bg: #2a2a2a;
    --es-closed-fg: #adb5bd;
    --es-closed-border: #3a3a3a;

    /* Work Lifecycle (dark) -- alpha softened in parallel with light theme (2026-05-15). */
    --wl-forecast-stripe-color: rgba(180, 150, 255, 0.2);
    --wl-committed-bg: #6b3eb0;
    --wl-actual-progress-bg: #ffd966;

    /* Execution Health (dark variants) */
    --eh-ontrack: #6cd189;
    --eh-ontrack-bg: #14361e;
    --eh-over: #ff5577;
    --eh-over-bg: #401822;
    --eh-under: #ff9c40;
    --eh-under-bg: #3a2410;

    /* Resource conflict */
    --conflict-overlay: rgba(255, 85, 119, 0.22);
    --conflict-icon: #ff5577;

    /* Legacy badge */
    --legacy-bg: #2a2238;
    --legacy-fg: #d1c4e9;
    --legacy-border: #4527a0;
}