/* Minification failed. Returning unminified contents.
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(95,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(98,35): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(102,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(106,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-header'
(149,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(163,37): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(163,61): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(174,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(176,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(177,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(209,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(210,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(251,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(256,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(270,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(271,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(281,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(288,54): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(291,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(293,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(295,42): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(295,71): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(323,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(331,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(337,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(347,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(352,40): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(352,69): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(363,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(364,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(365,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(372,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(374,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(375,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(382,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(383,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(384,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(404,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(414,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(416,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(417,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(435,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off-bg'
(436,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(450,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(461,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(463,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(464,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(471,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(472,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(473,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(477,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(495,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(496,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(509,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off-bg'
(510,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off'
(513,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-money-bg'
(514,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-money'
(526,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off-bg'
(527,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off'
(544,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(555,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(580,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off-bg'
(581,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(587,46): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(593,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip'
(596,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip'
(603,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip-off-bg'
(604,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip-off'
(614,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(627,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(666,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(667,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(689,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(695,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(699,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(712,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(727,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(732,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(739,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(760,40): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(773,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(778,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(785,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(802,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(819,38): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(830,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(831,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(838,66): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(842,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(847,45): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(859,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(860,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(861,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(869,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(870,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(884,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(885,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(889,71): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(890,72): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(894,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(896,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(898,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(905,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(906,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(916,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off-bg'
(920,70): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(923,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(932,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(940,32): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(942,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-bottom'
(943,29): run-time error CSS1039: Token not allowed after unary operator: '-cab-bottom-line'
(1009,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1012,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1024,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1033,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1040,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip'
(1041,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip'
(1056,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1057,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1061,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1070,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1071,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1075,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1082,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1087,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1112,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1117,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-off'
(1120,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1137,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1139,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1159,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1173,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1176,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1192,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1204,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1219,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1220,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1224,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1237,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1248,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1249,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1282,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1284,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1297,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1335,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1337,39): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1346,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1348,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1363,48): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1366,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1367,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1400,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1401,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1408,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1409,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1437,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1438,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1449,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1465,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1489,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1496,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1541,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1542,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1559,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1560,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1581,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1629,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1630,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1633,21): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1636,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1642,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1665,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(1694,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1703,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1716,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1726,14): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1732,14): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1735,14): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1743,16): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1754,16): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1757,14): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1782,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1784,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1792,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1793,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(1794,36): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1802,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1813,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1817,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1818,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1828,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1829,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(1834,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(1844,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1852,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(1859,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1898,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1900,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1909,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1920,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1939,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(1941,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(1942,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(1954,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1977,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(1980,37): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2058,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2059,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2080,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-header'
(2126,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2128,40): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2129,42): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2134,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2151,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2152,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2165,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2167,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2176,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2177,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(2182,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2193,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2195,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2196,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2204,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2206,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2207,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2216,44): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2217,68): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2234,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2236,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2247,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip'
(2250,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-vip-off'
(2255,51): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2261,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2270,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2276,42): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2277,43): run-time error CSS1039: Token not allowed after unary operator: '-cab-stop'
(2281,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2282,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2283,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2299,64): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2301,56): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2305,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2322,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2324,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2331,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2332,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(2344,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2351,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2352,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2357,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(2363,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2375,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2376,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2381,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2394,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(2402,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2409,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2422,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2424,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2425,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2446,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2447,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(2448,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2487,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2490,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(2495,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2496,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2513,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2515,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2516,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2524,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2540,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2562,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2574,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2589,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2591,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2592,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2626,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2629,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-header'
(2631,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-header'
(2635,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-header'
(2636,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2648,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2694,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2712,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2732,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2742,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2744,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2758,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2761,21): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2764,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2769,22): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2770,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(2772,53): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2780,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2781,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2805,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2813,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-money-bg'
(2814,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2815,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2846,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2847,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2848,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2856,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2875,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(2876,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(2885,77): run-time error CSS1039: Token not allowed after unary operator: '-cab-name'
(2890,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-money-bg'
(2891,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2909,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2911,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2943,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2955,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(2960,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2963,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2964,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2972,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(2977,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2980,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(2992,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(2993,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(2994,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3007,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3008,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(3009,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3018,52): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(3024,42): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3034,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3040,25): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3042,96): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3049,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3051,20): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(3058,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3065,64): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3072,33): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3074,15): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3078,61): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3084,30): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3087,44): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3088,56): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3091,25): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3095,81): run-time error CSS1039: Token not allowed after unary operator: '-cab-link'
(3095,97): run-time error CSS1039: Token not allowed after unary operator: '-cab-accent'
(3097,48): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3105,44): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3105,96): run-time error CSS1039: Token not allowed after unary operator: '-cab-card'
(3107,119): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3111,54): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3113,131): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3113,158): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3114,25): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3116,54): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3116,105): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(3116,129): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3117,36): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3117,70): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3117,94): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3119,55): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3119,89): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3119,113): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3122,118): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3123,35): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3123,87): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(3125,53): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3125,124): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3126,60): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3128,62): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3128,133): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3129,35): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3129,69): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3129,93): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3130,37): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3130,71): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3130,95): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3131,130): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3133,26): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3134,25): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3138,55): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3138,126): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3139,37): run-time error CSS1039: Token not allowed after unary operator: '-cab-play-bg'
(3139,71): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3139,95): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3154,64): run-time error CSS1039: Token not allowed after unary operator: '-cab-play'
(3157,180): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3157,231): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(3157,255): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3158,99): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3162,49): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
(3164,148): run-time error CSS1039: Token not allowed after unary operator: '-cab-border'
(3164,200): run-time error CSS1039: Token not allowed after unary operator: '-cab-page'
(3164,224): run-time error CSS1039: Token not allowed after unary operator: '-cab-text'
(3168,62): run-time error CSS1039: Token not allowed after unary operator: '-cab-muted'
 */
html, body, #app {
  height: 100%;
  margin: 0;
  overflow: hidden;
  overscroll-behavior-y: none;
}
[v-cloak] { display: none !important; }
:root,
html.v-theme--light,
.v-theme--light {
  --cab-page: #d5d9e0;
  --cab-card: #e7eaef;
  --cab-border: #c5ccd4;
  --cab-text: #1a1d21;
  --cab-muted: #6f7680;
  --cab-header: #2c323a;
  --cab-play-bg: #d7ead9;
  --cab-play: #2e7d32;
  --cab-play-off-bg: #d5d9e0;
  --cab-play-off: #607078;
  --cab-name: #1565c0;
  --cab-vip: #f6a609;
  --cab-vip-off-bg: #d5d9e0;
  --cab-vip-off: #7b828a;
  --cab-bottom: #e7eaef;
  --cab-bottom-line: #c5ccd4;
  --cab-money-bg: #e7e1d4;
  --cab-money: #c47f00;
}
html.v-theme--dark,
.v-theme--dark {
  --cab-page: #1a1e24;
  --cab-card: #242a32;
  --cab-border: #343b45;
  --cab-text: #e8eaed;
  --cab-muted: #9aa3ad;
  --cab-header: #14181d;
  --cab-play-bg: #1e3a24;
  --cab-play: #81c784;
  --cab-play-off-bg: #2c323a;
  --cab-play-off: #90a4ae;
  --cab-name: #90caf9;
  --cab-vip: #f6a609;
  --cab-vip-off-bg: #2c323a;
  --cab-vip-off: #9aa3ad;
  --cab-bottom: #22282f;
  --cab-bottom-line: #343b45;
  --cab-money-bg: #3a3218;
  --cab-money: #c9a24a;
}
html, body, #app,
.v-application,
.v-application__wrap,
.v-main {
  background: var(--cab-page) !important;
}
.v-application,
.v-application__wrap {
  height: 100%;
  overflow: hidden;
  overscroll-behavior-y: none;
}
.v-main {
  overflow: hidden !important;
  overflow-x: hidden !important;
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overscroll-behavior-y: none;
}
.v-main__wrap {
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}
.cab-page.cab-settings {
  padding-top: 0;
}
.cab-login-tg {
    width: 189px;
    height: 40px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 12px;
}
.cab-set-head {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--cab-page);
    margin: 0 -12px 12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--cab-border);
}
.v-application {
  font-family: Roboto, sans-serif !important;
  color: var(--cab-text);
  -webkit-font-smoothing: antialiased;
}
.cab-header {
  background: var(--cab-header) !important;
}
.cab-header .v-toolbar-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  overflow: visible;
}
.cab-game {
  color: #fff !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  padding-left: 8px !important;
  align-self: center;
}
.cab-game--static {
  padding: 0 12px;
  line-height: 48px;
}
.cab-job-param { display: flex; align-items: flex-start; gap: 4px; }
.cab-job-param cab-select, .cab-job-param .cab-opt { flex: 1; }
.cab-job-count { display: flex; gap: 8px; align-items: flex-end; }
.cab-job-count > :first-child { flex: 1; }
.cab-job-count > :last-child { width: 72px; }
.cab-coin {
  font-size: 12px !important;
  font-weight: 600 !important;
}
.cab-coin-wrap {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.cab-cart {
  color: #fff !important;
}
.cab-page {
  padding: 12px 12px 88px;
  max-width: 560px;
  margin: 0 auto;
  min-height: 100%;
  background: var(--cab-page);
}
.cab-slow {
  display: flex;
  justify-content: center;
  padding: 28px 0 8px;
}
.cab-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.cab-add--end { margin-left: auto; }
.cab-add.is-on { border-color: var(--cab-play); color: var(--cab-play); }
.cab-search-line {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  overflow: hidden;
}
.cab-add {
  width: 44px;
  height: 44px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
}
.cab-add .mdi {
  font-size: 22px;
}
.cab-toolbar .cab-search,
.cab-search-line .cab-search {
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: inherit;
}
.cab-search-line .cab-search {
  transform-origin: right center;
  animation: cab-search-in .2s ease;
}
@keyframes cab-search-in {
  from { transform: scaleX(0.12); opacity: 0.4; }
  to { transform: scaleX(1); opacity: 1; }
}
.cab-toolbar .cab-search .v-field,
.cab-search-line .cab-search .v-field {
  background: var(--cab-card) !important;
  border: 1px solid var(--cab-border);
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
  min-height: 44px !important;
  height: 44px !important;
}
.cab-toolbar .cab-search .v-field__input,
.cab-search-line .cab-search .v-field__input {
  min-height: 44px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 14px;
}
.cab-toolbar .cab-search .v-field__prepend-inner,
.cab-search-line .cab-search .v-field__prepend-inner {
  padding-top: 0 !important;
  align-self: center;
}
.cab-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 10px 0 14px;
}
.cab-filters .v-chip {
  font-weight: 500;
}
.cab-groups.v-expansion-panels {
  background: transparent !important;
  gap: 14px;
}
.cab-groups .v-expansion-panel {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.cab-groups .v-expansion-panel-title {
  min-height: 36px;
  padding: 0 2px 8px;
  font-size: 15px;
  font-weight: 600;
  color: var(--cab-text);
  background: transparent !important;
}
.cab-groups .v-expansion-panel-title__overlay,
.cab-groups .v-expansion-panel-title__icon {
  color: var(--cab-muted);
}
.cab-groups .v-expansion-panel-text,
.cab-groups .v-expansion-panel-text__wrapper {
  padding: 0;
  background: transparent !important;
  pointer-events: auto;
}
.cab-groups .cab-card {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.cab-card {
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  margin-bottom: 8px;
}
.cab-grip {
  width: 18px;
  height: 36px;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  padding: 0;
  flex-shrink: 0;
  touch-action: none;
  cursor: grab;
}
.cab-card.is-drag { opacity: 0.35; }
.cab-card.is-before { box-shadow: inset 0 2px 0 var(--cab-play); }
.cab-folder {
  margin-bottom: 10px;
  border: 1px solid var(--cab-border);
  border-radius: 14px;
  background: var(--cab-page);
}
.cab-folder.is-over { border-color: var(--cab-play); background: var(--cab-play-bg); }
.cab-folder__head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 4px 6px 4px 10px;
  cursor: pointer;
  font-weight: 600;
}
.cab-folder__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cab-folder__moves {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-left: -4px;
}
.cab-folder__move {
  width: 18px;
  height: 16px;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  display: grid;
  place-items: center;
  padding: 0;
  line-height: 1;
}
.cab-folder__move .mdi { font-size: 16px; }
.cab-folder__move:disabled { opacity: 0.28; }
.cab-folder__n { color: var(--cab-muted); font-size: 12px; font-weight: 600; }
.cab-folder__x {
  width: 28px;
  height: 28px;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  display: grid;
  place-items: center;
  padding: 0;
}
.cab-folder__body { padding: 0 6px 6px; }
.cab-folder__body .cab-card:last-child { margin-bottom: 0; }
.cab-folder-root {
  font-size: 12px;
  font-weight: 700;
  color: var(--cab-muted);
  padding: 6px 8px;
  margin: 2px 0 8px;
  border-radius: 8px;
}
.cab-folder-root.is-over { color: var(--cab-play); background: var(--cab-play-bg); }
.cab-folder-new {
  display: flex;
  gap: 6px;
  margin-bottom: 8px;
}
.cab-folder-new input {
  flex: 1;
  min-width: 0;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  padding: 0 12px;
  font: inherit;
}
.cab-folder-new button {
  width: 40px;
  height: 40px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
}
.cab-drag-ghost {
  position: fixed;
  z-index: 80;
  transform: translate(-50%, -140%);
  pointer-events: none;
  background: var(--cab-card);
  border: 1px solid var(--cab-play);
  color: var(--cab-text);
  border-radius: 10px;
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 600;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.16);
}
.cab-empty {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.cab-empty__title {
  font-size: 16px;
  font-weight: 700;
  color: var(--cab-text);
  padding: 4px 2px 8px;
}
.cab-empty__item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  text-align: left;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  font: inherit;
}
.cab-empty__item.is-btn {
  cursor: pointer;
}
.cab-empty__item.is-btn:active {
  opacity: 0.85;
}
.cab-empty__ico {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--cab-play-off-bg);
  color: var(--cab-muted);
}
.cab-empty__ico .mdi {
  font-size: 20px;
  line-height: 1;
}
.cab-empty__body {
  flex: 1;
  min-width: 0;
}
.cab-empty__label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--cab-text);
}
.cab-empty__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.cab-empty__chip {
  margin: 0;
  padding: 6px 12px;
  border: 1px solid var(--cab-border);
  border-radius: 999px;
  background: var(--cab-page);
  color: var(--cab-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
}
.cab-empty__chip.is-on {
  border-color: var(--cab-play);
  background: var(--cab-play-bg);
  color: var(--cab-play);
}
.cab-empty__go {
  flex-shrink: 0;
  color: var(--cab-muted);
  font-size: 22px;
  line-height: 1;
}
.cab-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 48px;
  padding: 4px 8px 4px 4px;
  -webkit-touch-callout: none;
  user-select: none;
}
.cab-play {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: var(--cab-play-bg);
  color: var(--cab-play);
  display: grid;
  place-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
.cab-play .mdi {
  font-size: 22px;
  line-height: 1;
}
.cab-play.is-paused,
.cab-play.is-off,
.cab-play.is-stop {
  background: var(--cab-play-off-bg);
  color: var(--cab-play-off);
}
.cab-play.is-money {
  background: var(--cab-money-bg);
  color: var(--cab-money);
}
.cab-pause {
  min-width: 120px;
  padding: 4px 0;
}
.cab-pause__ico {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--cab-play-off-bg);
  color: var(--cab-play-off);
  font-size: 20px;
}
.cab-pause .v-list-item-title {
  font-size: 15px;
  font-weight: 700;
}
.cab-row__main {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 6px;
  cursor: pointer;
}
.cab-row__name {
  font-weight: 400;
  color: var(--cab-name);
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13.5px;
  min-width: 0;
}
.cab-row__meta {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--cab-muted);
  white-space: nowrap;
}
.cab-row__main--stack {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
}
.cab-row__main--stack .cab-row__name { width: 100%; }
.cab-row__main--stack .cab-row__meta { font-size: 11px; line-height: 1.2; }
.cab-row__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.cab-fed {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 22px;
  padding: 0 6px;
  border: 0;
  border-radius: 999px;
  background: var(--cab-play-off-bg, #eef0f3);
  color: var(--cab-text, #1a1d21);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.cab-fed .mdi { font-size: 14px; color: var(--cab-play, #2e7d32); }
.cab-vip {
  height: 22px;
  min-width: 36px;
  padding: 0 8px;
  box-sizing: border-box;
  border: 1px solid var(--cab-vip);
  border-radius: 999px;
  background: transparent;
  color: var(--cab-vip);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.cab-vip.is-off {
  background: var(--cab-vip-off-bg);
  color: var(--cab-vip-off);
  text-decoration: line-through;
}
.cab-days {
  min-width: 42px;
  border: 0;
  background: transparent;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
  color: var(--cab-text);
  padding: 8px 2px;
  cursor: pointer;
}
.cab-days.is-zero {
  color: #c07070;
  font-weight: 500;
}
.cab-tool {
  width: 32px;
  height: 32px;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 8px;
}
.cab-tool .mdi {
  font-size: 18px;
}
.cab-tool.is-busy { color: #1565c0; }
.cab-tool.is-ok { color: #2e7d32; }
.cab-tool.is-err { color: #c07070; }
.cab-tool:disabled { opacity: 0.35; }
.cab-login-page {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.cab-login-page .cab-login {
  flex: 1;
  margin-bottom: 16px;
}
.cab-login {
  max-width: 220px;
  margin: 28px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cab-login-btn.v-btn {
  width: 198px;
  height: 40px;
  margin-bottom: 12px;
  font-size: 11px !important;
  letter-spacing: 0.01em;
  text-transform: none !important;
  justify-content: flex-start !important;
  padding-inline: 10px !important;
  border-color: #3949ab !important;
  color: var(--cab-text) !important;
  background: var(--cab-card) !important;
}
.cab-login-btn.cab-login-btn--dark {
  border-color: #1a1d21 !important;
}
.cab-login-btn .cab-login-ico {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 4px;
  object-fit: contain;
}
.cab-login-btn.v-btn.is-off,
.cab-login-btn.v-btn:disabled {
  opacity: 0.55;
  pointer-events: none;
}
.cab-login-proxy {
  width: 198px;
  margin-bottom: 12px;
  font-size: 12px;
  line-height: 1.35;
  color: var(--cab-muted);
}
.cab-login-help {
  margin-top: 8px;
  text-align: center;
  font-size: 13px;
  color: var(--cab-muted);
  max-width: 280px;
}
.cab-login-help a {
  color: var(--cab-text);
  text-decoration: none;
}
.cab-login-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 13px;
}
.cab-history-item {
  padding: 10px 0;
  border-bottom: 1px solid var(--cab-border);
  font-size: 13px;
}
.cab-htable {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 13px;
}
.cab-htable col.cab-htable__c-dt { width: 76px; }
.cab-htable col.cab-htable__c-type { width: 44%; }
.cab-htable col.cab-htable__c-num { width: 42px; }
.cab-htable col.cab-htable__c-det { width: auto; }
.cab-htable td {
  padding: 8px 6px 8px 0;
  border-bottom: 1px solid var(--cab-border);
  vertical-align: top;
}
.cab-htable td:last-child { padding-right: 0; }
.cab-htable__dt {
  color: var(--cab-muted);
  line-height: 1.2;
  white-space: nowrap;
}
.cab-htable__tm {
  font-size: 12px;
  font-weight: 700;
  color: var(--cab-text);
}
.cab-htable__type {
  line-height: 1.25;
}
.cab-htable__type span,
.cab-htable__det span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.cab-htable__num {
  white-space: nowrap;
  text-align: right;
  font-weight: 700;
  padding-left: 6px;
  padding-right: 8px;
}
.cab-htable__num.is-plus { color: var(--cab-play); }
.cab-htable__num.is-minus { color: #c62828; }
.cab-htable__det {
  text-align: left;
}
.cab-hlist {
  max-width: 560px;
}
.cab-hrow {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--cab-border);
  font-size: 13px;
}
.cab-hrow__dt {
  flex: 0 0 76px;
  color: var(--cab-muted);
  line-height: 1.2;
  white-space: nowrap;
}
.cab-hrow__tm {
  font-size: 12px;
  font-weight: 700;
  color: var(--cab-text);
}
.cab-hrow__body {
  flex: 1;
  min-width: 0;
}
.cab-hrow__type {
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.cab-hrow__det {
  margin-top: 2px;
  color: var(--cab-muted);
  font-size: 12px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.cab-hrow__num {
  flex: 0 0 48px;
  white-space: nowrap;
  text-align: right;
  font-weight: 700;
  padding-top: 1px;
}
.cab-hrow__num.is-plus { color: var(--cab-play); }
.cab-hrow__num.is-minus { color: #c62828; }
.cab-news-wrap { flex: 0 0 auto; }
.cab-news {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  background: var(--cab-card);
  border-bottom: 1px solid var(--cab-border);
  text-align: left;
  cursor: pointer;
  color: inherit;
}
.cab-news__ico { flex-shrink: 0; opacity: 0.7; }
.cab-news__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.cab-news__date { font-size: 11px; font-weight: 700; color: var(--cab-muted); }
.cab-news__text {
  font-size: 13px;
  line-height: 1.3;
  color: var(--cab-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cab-news__go { flex-shrink: 0; color: var(--cab-muted); }
.cab-news-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 12px 16px 8px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.cab-news-chip {
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.cab-news-chip.is-on {
  background: var(--cab-play);
  border-color: var(--cab-play);
  color: #fff;
}
.cab-news-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 16px 24px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.cab-news-card {
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  padding: 12px 14px;
}
.cab-news-card__date { font-size: 12px; font-weight: 700; color: var(--cab-muted); margin-bottom: 6px; }
.cab-news-card__text { font-size: 14px; line-height: 1.45; color: var(--cab-text); white-space: pre-wrap; }
.cab-news-tg {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--cab-border);
  font-size: 13px;
  color: var(--cab-muted);
}
.cab-news-tg a { color: var(--cab-name); font-weight: 600; }
.cab-acc-list { display: flex; flex-direction: column; gap: 8px; padding: 8px 0 16px; }
.cab-acc-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
}
.cab-acc-row__ico {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--cab-play-off-bg);
  flex-shrink: 0;
}
.cab-acc-row__main { flex: 1; min-width: 0; }
.cab-acc-row__title { font-size: 15px; font-weight: 700; color: var(--cab-text); }
.cab-acc-row__sub {
  font-size: 12px;
  color: var(--cab-muted);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cab-acc-row__btn {
  flex-shrink: 0;
  border: 0;
  background: var(--cab-play);
  color: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.cab-acc-row__ok { color: var(--cab-play); }
.cab-bottom {
  background: var(--cab-bottom) !important;
  box-shadow: 0 -1px 0 var(--cab-bottom-line) !important;
}
.cab-bottom .v-btn {
  min-width: 0;
  font-size: 11px;
}
.cab-settings .setcard {
  background: transparent !important;
  border: 0;
  box-shadow: none !important;
  margin: 0;
}
.cab-settings .setcard h3 { display: none; }
.cab-settings .v-card-text { padding: 0 !important; }
.massCb { display: none; }
.cab-pay .massCb,
.cab-mass-row .massCb {
  display: flex !important;
  flex: 0 0 36px;
  max-width: 36px;
  margin: 0 !important;
  align-self: center;
}
.cab-mass-row {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cab-mass-row > :not(.massCb) {
  flex: 1;
  min-width: 0;
}
.cab-mass-row.is-off > :not(.massCb) {
  opacity: 0.4;
  pointer-events: none;
}
.cab-mass-row .massCb .v-selection-control {
  flex-direction: row !important;
  justify-content: center !important;
  width: auto !important;
  min-height: 36px !important;
  padding: 0 !important;
}
.cab-mass-stack {
  align-items: flex-start;
}
.cab-mass-stack > .massCb {
  align-self: flex-start;
  margin-top: 8px !important;
}
.cab-mass-stack__body {
  flex: 1;
  min-width: 0;
}
.cab-limit-cb.is-blue .v-selection-control__input > .v-icon,
.cab-limit-cb.is-blue .v-selection-control__input .mdi-checkbox-marked {
  color: #1976d2 !important;
}
.cab-limit-cb.is-red .v-selection-control__input > .v-icon,
.cab-limit-cb.is-red .v-selection-control__input .mdi-checkbox-marked {
  color: #c62828 !important;
}
.cab-set-head {
  position: sticky;
  top: 0;
  z-index: 6;
  background: var(--cab-page);
  margin: -12px -12px 12px;
  padding: 8px 12px 8px;
  border-bottom: 1px solid var(--cab-border);
}
.cab-set-head__top {
  display: flex;
  align-items: center;
  gap: 4px;
}
.cab-set-back { margin-left: -8px; }
.cab-set-id { flex: 1; min-width: 0; }
.cab-set-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--cab-text);
  line-height: 1.15;
}
.cab-set-sub {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  font-size: 12px;
  color: var(--cab-muted);
}
.cab-set-aid {
  font-variant-numeric: tabular-nums;
}
.cab-vip-badge {
  background: transparent;
  color: var(--cab-vip);
  border: 1px solid var(--cab-vip);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  border-radius: 6px;
  padding: 1px 6px;
  cursor: pointer;
}
.cab-set-toggle { flex: 0 0 auto; }
.cab-set-until {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 10px;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  color: var(--cab-muted);
}
.cab-renew {
  text-transform: none !important;
}
div.cab-search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  padding: 8px 12px;
  margin: 10px 0 12px;
  color: var(--cab-muted);
}
div.cab-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--cab-text);
  font-size: 14px;
}
.cab-acc { gap: 8px; }
.cab-acc .v-expansion-panel {
  background: var(--cab-card) !important;
  border-radius: 12px !important;
  margin-bottom: 8px;
  overflow: hidden;
}
.cab-acc .v-expansion-panel-title {
  min-height: 52px;
  font-weight: 600;
  font-size: 15px;
  padding: 0 12px;
}
.cab-acc__ico {
  margin-right: 10px;
  opacity: 0.85;
}
.cab-acc .v-expansion-panel-text__wrapper { padding: 0 4px 8px; }
.cab-settings .v-switch .v-selection-control,
.cab-settings .v-checkbox .v-selection-control {
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  min-height: 48px;
  padding: 0 8px;
}
.cab-settings .v-switch {
  border-bottom: 1px solid var(--cab-border);
  margin: 0;
}
.cab-settings .v-switch .v-switch__track {
  opacity: 1 !important;
  background: var(--cab-play-off) !important;
}
.cab-settings .v-switch .v-selection-control--dirty .v-switch__track {
  background: var(--cab-play) !important;
}
.cab-settings .v-switch .v-switch__thumb {
  color: #fff !important;
}
.cab-settings .cab-set-toggle {
  border-bottom: 0;
}
.cab-opt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 8px;
  border: 0;
  border-bottom: 1px solid var(--cab-border);
  background: transparent;
  color: var(--cab-text);
  text-align: left;
  cursor: pointer;
}
.cab-shop-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0 0 8px;
}
@media (min-width: 420px) {
  .cab-shop-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.cab-opt__label { font-size: 14px; }
.cab-opt__value {
  display: flex;
  align-items: center;
  gap: 2px;
  color: var(--cab-muted);
  font-size: 13px;
  max-width: 55%;
  min-width: 0;
  justify-content: flex-end;
}
.cab-opt__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.cab-sheet {
  background: var(--cab-card);
  border-radius: 20px 20px 0 0;
  padding: 8px 16px 12px;
  color: var(--cab-text);
  display: flex;
  flex-direction: column;
  max-height: min(85vh, 640px);
  overflow: hidden;
}
.v-bottom-sheet > .v-overlay__content {
  align-self: flex-end !important;
  max-height: 85vh !important;
  width: 100% !important;
  overflow: hidden !important;
}
.cab-sheet__grab {
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background: var(--cab-border);
  margin: 6px auto 14px;
  flex-shrink: 0;
}
.cab-sheet__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
  flex-shrink: 0;
}
.cab-sheet__hint {
  font-size: 13px;
  color: var(--cab-muted);
  margin-bottom: 12px;
  flex-shrink: 0;
}
.cab-sheet__bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.cab-sheet__search {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--cab-page);
  border: 1px solid var(--cab-border);
  border-radius: 10px;
  padding: 8px 10px;
  margin-bottom: 8px;
  color: var(--cab-muted);
  flex-shrink: 0;
}
.cab-sheet__bar .cab-sheet__search {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.cab-sheet__search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--cab-text);
  font-size: 14px;
  min-width: 0;
}
.cab-sheet__clear {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--cab-border);
  color: var(--cab-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cab-sheet__all {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cab-sheet__list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  flex: 1 1 auto;
  min-height: 0;
  overscroll-behavior: contain;
}
.cab-sheet__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--cab-border);
  background: transparent;
  color: var(--cab-text);
  font-size: 15px;
  text-align: left;
  cursor: pointer;
}
.cab-sheet__row:disabled {
  opacity: 0.38;
  cursor: default;
}
.cab-sheet__mark {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid var(--cab-muted);
  position: relative;
  flex-shrink: 0;
}
.cab-sheet__mark.is-on {
  border-color: #2e7d32;
}
.cab-sheet__mark.is-on:after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #2e7d32;
}
.cab-sheet__mark.is-multi { border-radius: 4px; }
.cab-sheet__mark.is-multi.is-on:after { border-radius: 2px; }
.cab-sheet__mark.is-multi.is-part {
  border-color: #2e7d32;
}
.cab-sheet__mark.is-multi.is-part:after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 50%;
  height: 3px;
  transform: translateY(-50%);
  border-radius: 1px;
  background: #2e7d32;
}
.cab-sheet__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
  padding-top: 8px;
  padding-bottom: env(safe-area-inset-bottom, 8px);
  flex-shrink: 0;
  background: var(--cab-card);
}
.cab-sheet__cancel { background: var(--cab-border) !important; }
.cab-sheet__apply { font-weight: 700 !important; }
.cab-mail {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--cab-border);
  background: transparent;
  color: var(--cab-text);
  padding: 12px 2px;
  cursor: pointer;
}
.cab-mail__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2e7d32;
  flex: 0 0 auto;
}
.cab-mail__dot.is-read { background: transparent; }
.cab-mail.is-new .cab-mail__subj { font-weight: 700; }
.cab-mail__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.cab-mail__subj { font-size: 15px; line-height: 1.3; }
.cab-mail__date { font-size: 12px; color: var(--cab-muted); }
.cab-mail-read { white-space: pre-wrap; font-size: 15px; line-height: 1.45; }
.cab-mail-pop {
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 16px;
  padding: 16px 16px 12px;
  max-height: min(80vh, 640px);
  display: flex;
  flex-direction: column;
}
.cab-mail-pop__title { font-size: 18px; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.cab-mail-pop__body { overflow: auto; font-size: 15px; line-height: 1.45; white-space: pre-wrap; }
.cab-mail-pop__bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 12px; }
.cab-mail-pop__check { flex: 1; min-width: 0; margin: 0; }
.cab-mail-pop__check .v-label { white-space: normal; font-size: 13px; }
.cab-mail-pop__close { flex: 0 0 auto; font-weight: 700; }
.cab-savebar {
  position: sticky;
  bottom: 16px;
  margin-top: 16px;
  z-index: 3;
}
.cab-savebar .v-btn {
  height: 44px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
}
.cab-savebar--split {
  display: flex;
  gap: 8px;
}
.cab-savebar--split .v-btn { flex: 1; }
.cab-shop {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--cab-page);
  color: var(--cab-text);
}
.cab-shop__bar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 8px 8px 4px;
  background: var(--cab-card);
  border-bottom: 1px solid var(--cab-border);
  flex-shrink: 0;
}
.cab-shop__title {
  flex: 1;
  font-weight: 700;
  font-size: 16px;
  min-width: 0;
}
.cab-shop__body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px;
}
.cab-shop-card__title {
  text-align: center;
  font-weight: 700;
  margin-bottom: 12px;
}
.cab-shop-grid {
  display: grid;
  gap: 8px;
}
.cab-shop-grid--2 { grid-template-columns: 1fr 1fr; }
.cab-shop-grid--3 { grid-template-columns: 1fr 1fr 1fr; }
.cab-shop-item {
  position: relative;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  overflow: visible;
}
button.cab-shop-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px 10px;
  color: var(--cab-text);
  cursor: pointer;
}
.cab-shop-item.is-on {
  border-color: #2e7d32;
  box-shadow: inset 0 0 0 1px #2e7d32;
}
.cab-shop-item__btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 8px 10px;
  border: 0;
  background: transparent;
  color: var(--cab-text);
  cursor: pointer;
}
.cab-shop-item__icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.cab-shop-item,
.cab-shop-item__btn,
.cab-shop-item__price,
.cab-shop-item__limit,
.cab-shop-cart__chip,
.cab-shop-cart__chip span {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.cab-shop-item__price {
  font-size: 13px;
  font-weight: 700;
}
.cab-shop-item__order {
  font-size: 11px;
  color: var(--cab-muted);
  text-align: center;
  line-height: 1.2;
  min-height: 2.4em;
}
.cab-shop-item__limit {
  font-size: 12px;
  color: var(--cab-muted);
}
.cab-shop-item.is-off {
  opacity: 0.45;
}
.cab-shop-item__del {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #c62828;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.cab-shop-item__del .v-icon { color: #fff; }
.cab-shop-item__del--chip {
  top: -6px;
  right: -6px;
  width: 18px;
  height: 18px;
}
.cab-shop-levels {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 0 0 12px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.cab-shop-levels::-webkit-scrollbar { display: none; }
.cab-shop-levels button {
  flex: 0 0 auto;
  min-width: 36px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: var(--cab-card);
  color: var(--cab-muted);
  font-weight: 700;
  cursor: pointer;
}
.cab-shop-levels button.is-on {
  background: #1a1d21;
  color: #fff;
}
[data-theme="dark"] .cab-shop-levels button.is-on,
.v-theme--dark .cab-shop-levels button.is-on {
  background: #f3f4f6;
  color: #111;
}
.cab-shop-cart {
  position: sticky;
  bottom: 0;
  margin-top: 12px;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px 12px 0 0;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
}
.cab-shop-cart__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  margin-bottom: 8px;
}
.cab-shop-cart__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cab-shop-cart__chip {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--cab-page);
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
}
.cab-shop-cart__chip img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.cab-pet-icons {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.cab-pet-icons img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.cab-opt.is-err { border-color: #c62828; }
.cab-opt:disabled,
.cab-opt.is-off { opacity: 0.45; }
.cab-date { position: relative; cursor: pointer; }
.cab-date input[type="date"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.cab-clock__head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 8px 0 12px;
}
.cab-clock__num {
  width: 2.4em;
  min-height: 52px;
  font-size: 40px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: center;
  border: 0;
  outline: 0;
  background: var(--cab-page);
  color: var(--cab-text);
  border-radius: 10px;
  padding: 4px 0 6px;
  caret-color: var(--cab-play);
}
.cab-clock__num.is-on {
  background: var(--cab-play);
  color: #fff;
}
.cab-clock__colon {
  font-size: 40px;
  font-weight: 700;
  color: var(--cab-text);
  line-height: 1;
  padding-bottom: 4px;
}
.cab-clock {
  display: none;
}
.cab-drums {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 4px;
  height: 200px;
  margin: 0 12px 8px;
}
.cab-drums__band {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 40px;
  margin-top: -20px;
  background: var(--cab-play-bg);
  border-radius: 10px;
  pointer-events: none;
  z-index: 0;
}
.cab-drums__col {
  position: relative;
  z-index: 1;
  flex: 1;
  max-width: 140px;
  overflow-y: auto;
  scroll-snap-type: y mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.cab-drums__col::-webkit-scrollbar { display: none; }
.cab-drums__pad {
  height: 80px;
  flex-shrink: 0;
}
.cab-drums__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  font-size: 20px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  scroll-snap-align: center;
  cursor: pointer;
  padding: 0;
}
.cab-drums__item.is-on {
  color: var(--cab-text);
  font-size: 26px;
  font-weight: 800;
}
.cab-drums__colon {
  position: relative;
  z-index: 1;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  color: var(--cab-text);
  pointer-events: none;
}
.cab-clock__svg {
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
}
.cab-clock__disc {
  fill: var(--cab-page);
}
.cab-clock__hit {
  fill: transparent;
}
.cab-clock__hit.is-on {
  fill: var(--cab-play);
}
.cab-clock__label {
  fill: var(--cab-text);
  font-size: 13px;
  font-weight: 600;
  pointer-events: none;
}
.cab-clock__label.is-inner { font-size: 12px; }
.cab-clock__label.is-on { fill: #fff; }
.cab-clock__hand {
  stroke: var(--cab-muted);
  stroke-linecap: round;
  pointer-events: none;
}
.cab-clock__hand--h {
  stroke-width: 6;
}
.cab-clock__hand--m {
  stroke-width: 3.5;
}
.cab-clock__hand.is-active {
  stroke: var(--cab-play);
}
.cab-clock__hub {
  fill: var(--cab-play);
  pointer-events: none;
}
.cab-sheet--time {
  padding-bottom: 8px;
}
.cab-affairs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 8px 4px 12px;
}
.cab-affairs.is-off {
  opacity: 0.4;
  pointer-events: none;
}
.cab-affairs__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.cab-affairs__btn {
  width: 100%;
  height: 52px;
  border: 1px solid var(--cab-border);
  border-radius: 10px;
  background: var(--cab-page);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.cab-affairs__btn.is-on {
  border-color: var(--cab-play);
  background: var(--cab-play-bg);
  box-shadow: inset 0 0 0 1px var(--cab-play);
}
.cab-affairs__btn img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.cab-affairs__arrow {
  color: var(--cab-muted);
}
.cab-mat {
  margin: 8px 4px 12px;
}
.cab-mat.is-off {
  opacity: 0.5;
  pointer-events: none;
}
.cab-mat__label {
  font-size: 13px;
  color: var(--cab-muted);
  margin: 0 4px 6px;
}
.cab-mat__list {
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  overflow: hidden;
}
.cab-mat__row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 10px;
  border-bottom: 1px solid var(--cab-border);
  background: var(--cab-card);
  user-select: none;
}
.cab-mat__row:last-child { border-bottom: 0; }
.cab-mat__row.is-drag {
  background: var(--cab-play-bg);
  opacity: 0.85;
}
.cab-mat__drag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 44px;
  margin-left: -8px;
  color: var(--cab-muted);
  cursor: grab;
  touch-action: none;
}
.cab-mat__cb {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: var(--cab-play);
  cursor: pointer;
}
.cab-mat__name {
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  color: var(--cab-text);
  cursor: grab;
  touch-action: none;
}
.cab-period {
  display: grid;
  grid-template-columns: minmax(64px, 0.9fr) minmax(64px, 0.9fr) minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: 4px;
  padding: 6px 4px 8px;
  align-items: start;
}
.cab-period__q { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cab-period__q .cab-cell-wrap { width: 100%; min-width: 0; }
.cab-period .cab-cell--bare {
  box-sizing: border-box;
  width: 100%;
  height: 24px;
  min-height: 24px;
  padding: 0 2px;
  gap: 0;
  border-radius: 6px;
  justify-content: center;
}
.cab-period .cab-cell--bare .cab-cell__value {
  justify-content: center;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
}
.cab-period__max {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 2px;
  width: 100%;
  min-width: 0;
  height: 18px;
  padding: 0 4px;
  border: 1px solid var(--cab-border);
  border-radius: 4px;
  background: var(--cab-page);
}
.cab-period__max.is-red { border-color: rgba(192, 112, 112, 0.7); }
.cab-period__max.is-blue { border-color: rgba(80, 140, 200, 0.7); }
.cab-period__max span {
  flex: 0 0 auto;
  font-size: 9px;
  font-weight: 800;
  line-height: 16px;
  color: var(--cab-muted);
}
.cab-period__max.is-red span { color: #c07070; }
.cab-period__max.is-blue span { color: #6aa0d8; }
.cab-period__max input {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 16px;
  border: 0;
  background: transparent;
  color: var(--cab-text);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  text-align: right;
  outline: none;
  padding: 0;
}
.cab-period__max input:disabled { opacity: 0.45; }
.cab-cell-wrap { min-width: 0; }
.cab-cell {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  min-height: 48px;
  padding: 6px 8px 8px;
  border: 1px solid var(--cab-border);
  border-radius: 10px;
  background: var(--cab-page);
  color: var(--cab-text);
  text-align: left;
  cursor: pointer;
}
.cab-cell:disabled,
.cab-cell.is-off { opacity: 0.45; }
.cab-cell.is-err { border-color: #c62828; }
.cab-cell__label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--cab-muted);
  line-height: 1.2;
}
.cab-cell__value {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  min-width: 0;
}
.cab-time-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-left: auto;
  flex: 0 0 auto;
  color: var(--cab-muted);
  cursor: pointer;
}
.cab-time-clear:hover { color: var(--cab-text); }
.cab-settings .v-field__input {
  text-align: right !important;
  justify-content: flex-end;
}
.cab-job-status {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 14px;
  padding: 14px 16px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 14px;
  line-height: 1.35;
}
.cab-job-status__dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
  animation: cab-job-pulse 1.2s ease-in-out infinite;
}
.cab-job-status__ico { flex-shrink: 0; }
.cab-job-status__main { min-width: 0; }
.cab-job-status__type {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}
.cab-job-status__text {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.9;
  margin-top: 2px;
}
.cab-job-status.is-result { padding: 16px; }
.cab-pay.cab-job--done .cab-pay__body > *:not(.cab-job-status),
.cab-pay.cab-job--fail .cab-pay__body > *:not(.cab-job-status),
.cab-pay.cab-job--cancel .cab-pay__body > *:not(.cab-job-status) {
  opacity: 0.72;
}
@keyframes cab-job-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.7); }
}
.cab-job-status.is-wait { background: #e3f2fd; color: #1565c0; }
.cab-job-status.is-run { background: #fff8e1; color: #ef6c00; }
.cab-job-status.is-done { background: #e8f5e9; color: #2e7d32; }
.cab-job-status.is-fail { background: #ffebee; color: #c62828; }
.cab-job-status.is-cancel { background: #eceff1; color: #546e7a; }
.cab-pay.cab-job--wait { box-shadow: inset 4px 0 0 #1565c0; }
.cab-pay.cab-job--run { box-shadow: inset 4px 0 0 #ef6c00; }
.cab-pay.cab-job--done { box-shadow: inset 4px 0 0 #2e7d32; }
.cab-pay.cab-job--fail { box-shadow: inset 4px 0 0 #c62828; }
.cab-pay.cab-job--cancel { box-shadow: inset 4px 0 0 #78909c; }
html.v-theme--dark .cab-job-status.is-wait,
.v-theme--dark .cab-job-status.is-wait { background: #0d47a1; color: #bbdefb; }
html.v-theme--dark .cab-job-status.is-run,
.v-theme--dark .cab-job-status.is-run { background: #e65100; color: #ffe0b2; }
html.v-theme--dark .cab-job-status.is-done,
.v-theme--dark .cab-job-status.is-done { background: #1b5e20; color: #c8e6c9; }
html.v-theme--dark .cab-job-status.is-fail,
.v-theme--dark .cab-job-status.is-fail { background: #b71c1c; color: #ffcdd2; }
html.v-theme--dark .cab-job-status.is-cancel,
.v-theme--dark .cab-job-status.is-cancel { background: #37474f; color: #cfd8dc; }
.cab-pay-dlg .v-overlay__content {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.cab-pay {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--cab-page);
  color: var(--cab-text);
}
.cab-pay__mask {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}
html.v-theme--light .cab-pay__mask,
.v-theme--light .cab-pay__mask {
  background: rgba(255, 255, 255, 0.55);
}
.cab-pay__bar {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 10px 12px;
  background: var(--cab-header);
  color: #fff;
}
.cab-pay__icon {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.cab-pay__title {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  min-width: 0;
}
.cab-pay__nav {
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-weight: 800;
  font-size: 15px;
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 12px;
  cursor: pointer;
}
.cab-pay__nav:disabled { opacity: 0.35; }
.cab-pay__nav.is-next {
  border-color: #2e7d32;
  background: #2e7d32;
  color: #fff;
}
.cab-pay__steps {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px 0;
}
.cab-pay__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--cab-border);
}
.cab-pay__dot.is-on { background: var(--cab-play); }
.cab-pay__dot.is-done { background: var(--cab-play); opacity: 0.45; }
.cab-pay__step {
  margin-left: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cab-muted);
}
.cab-pay__body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 8px;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.cab-pay__card {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.5;
  background: var(--cab-card);
  border: 1px solid var(--cab-border);
  border-radius: 14px;
  padding: 14px 16px;
}
.cab-pay-methods {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.cab-pay-method {
  width: 72px;
  height: 72px;
  padding: 4px;
  border: 2px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  cursor: pointer;
}
.cab-pay-method img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cab-pay-method.is-on {
  border-color: var(--cab-play);
  box-shadow: 0 0 0 2px var(--cab-play-bg);
}
.cab-pay__label {
  font-size: 13px;
  font-weight: 600;
  color: var(--cab-muted);
}
.cab-pay__count {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 220px;
}
.cab-pay__count input {
  flex: 1;
  height: 44px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.cab-pay__stepper {
  width: 44px;
  height: 44px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.cab-prolong__name { font-size: 16px; font-weight: 700; margin-bottom: 4px; display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.cab-prolong__name .cab-row__meta { flex-shrink: 0; }
.cab-prolong__row { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.cab-prolong__row.is-new { margin-top: 8px; }
.cab-prolong__row.is-promo b { color: var(--cab-play, #2e7d32); }
.cab-prolong__vip { font-size: 12px; font-weight: 700; color: var(--cab-muted); }
.cab-prolong__viprow { display: flex; align-items: center; }
.cab-prolong__viprow .cab-vip { cursor: default; }
.cab-vip-info__text {
  white-space: pre-wrap;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 8px;
}
.cab-vip-opt {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  text-align: left;
  padding: 14px;
  margin-bottom: 10px;
  border: 1px solid var(--cab-border);
  border-radius: 14px;
  background: var(--cab-card);
  color: inherit;
  cursor: pointer;
}
.cab-vip-opt.is-off { opacity: 0.55; cursor: default; }
.cab-vip-opt__mark {
  flex-shrink: 0;
  min-width: 52px;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--cab-vip);
}
.cab-vip-opt__mark.is-off {
  color: var(--cab-vip-off);
  text-decoration: line-through;
}
.cab-vip-opt__main { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; }
.cab-vip-opt__title { font-weight: 700; font-size: 14px; }
.cab-vip-opt__hint { font-size: 12px; color: var(--cab-muted); }
.cab-prolong__promo { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 8px; }
.cab-prolong__input {
  flex: 1;
  min-width: 0;
  height: 36px;
  border: 1px solid var(--cab-border, #e4e7ec);
  border-radius: 10px;
  padding: 0 10px;
  background: transparent;
  color: inherit;
}
.cab-prolong__apply {
  border: 0;
  background: transparent;
  color: var(--cab-play, #2e7d32);
  font-weight: 700;
  cursor: pointer;
}
.cab-prolong__apply:disabled { opacity: 0.4; }
.cab-prolong__status { width: 100%; font-size: 12px; }
.cab-prolong__status.is-ok { color: var(--cab-play, #2e7d32); }
.cab-prolong__status.is-err { color: var(--cab-stop, #c62828); }
.cab-prolong__actions { display: flex; gap: 10px; margin-top: 12px; }
.cab-prolong__nav {
  flex: 1;
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  font-weight: 800;
  font-size: 15px;
  min-height: 44px;
  padding: 8px 16px;
  border-radius: 12px;
  cursor: pointer;
}
.cab-prolong__nav:disabled { opacity: 0.35; }
.cab-prolong__nav.is-next {
  border-color: #2e7d32;
  background: #2e7d32;
  color: #fff;
}
.cab-prolong-sum { display: flex; flex-direction: column; gap: 4px; margin: 8px 0; }
.cab-prolong-sum__row { display: flex; justify-content: space-between; font-size: 14px; }
.cab-prolong-item { padding: 8px 0; border-top: 1px solid var(--cab-border, #e4e7ec); }
.cab-prolong-item__name { font-weight: 600; font-size: 13px; }
.cab-prolong-item__time { font-size: 12px; color: var(--cab-muted); }
.cab-pay__hint {
  margin-top: 8px;
  font-size: 12px;
  color: var(--cab-muted);
}
.cab-pay__err {
  font-size: 12px;
  color: #c62828;
}
.cab-pay__terms {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cab-pay__oferta {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--cab-border);
  border-radius: 14px;
  background: var(--cab-card);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  cursor: pointer;
}
.cab-pay__oferta.is-on {
  border-color: var(--cab-play);
  background: var(--cab-play-bg);
}
.cab-pay__oferta input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.cab-pay__box {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  margin-top: 1px;
  border: 2px solid var(--cab-muted);
  border-radius: 6px;
  display: grid;
  place-items: center;
  color: #fff;
}
.cab-pay__box.is-on {
  border-color: var(--cab-play);
  background: var(--cab-play);
}
.cab-pay__link {
  margin-top: 2px;
  font-size: 14px;
  color: var(--cab-name);
}
.cab-pay__sum {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid var(--cab-border);
  font-size: 14px;
}
.cab-pay__gateways { margin-top: 16px; }
.cab-pay__gateways.is-off { filter: grayscale(1); pointer-events: none; opacity: 0.6; }
.cab-pay__foot {
  flex-shrink: 0;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  padding: 12px 16px 20px;
  box-sizing: border-box;
  border-top: 1px solid var(--cab-border);
  background: var(--cab-page);
}
.cab-pay__msg {
  text-align: center;
  font-size: 13px;
  color: var(--cab-muted);
  margin-bottom: 10px;
}
.cab-pay__help {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
}
.cab-pay__help a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cab-name);
  text-decoration: none;
}
.cab-pay__help img { width: 20px; height: 20px; }
.cab-login-ip {
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
  color: var(--cab-muted);
}
.cab-pay__form { display: flex; flex-direction: column; gap: 12px; }
.cab-add-legal p {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--cab-muted);
}
.cab-add-legal p:last-child { margin-bottom: 0; }
.cab-auth-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cab-auth {
  width: 48px;
  height: 48px;
  min-width: 48px;
  padding: 0;
  border: 2px solid var(--cab-border);
  border-radius: 14px;
  background: var(--cab-card);
  color: var(--cab-text);
  display: grid;
  place-items: center;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.cab-auth .mdi {
  font-size: 22px;
  line-height: 1;
  width: 22px;
  height: 22px;
  display: block;
}
.cab-auth img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
}
.cab-auth.is-on {
  border-color: var(--cab-play);
  background: var(--cab-play-bg);
  color: var(--cab-play);
}
.cab-auth--ga {
  width: auto;
  min-width: 48px;
  padding: 0 8px;
  display: flex;
  gap: 4px;
}
.cab-auth--ga span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.cab-auth--google { position: relative; }
.cab-auth__gis {
  position: absolute;
  inset: 0;
  opacity: 0.02;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cab-auth__gis > div { transform: scale(1.35); }
.cab-auth-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cab-auth-help {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cab-auth-help p {
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
  color: var(--cab-muted);
}
.cab-auth-help a {
  color: var(--cab-name);
  font-size: 14px;
  font-weight: 600;
}
.cab-pick {
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 16px;
  padding: 16px;
}
.cab-pick__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.cab-choice {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 14px;
  margin-bottom: 8px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-page);
  color: var(--cab-text);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.cab-choice .mdi {
  font-size: 22px;
  color: var(--cab-muted);
  flex-shrink: 0;
}
.cab-choice:last-child { margin-bottom: 0; }
.cab-add-found-id {
  flex: 1;
  min-width: 0;
  text-align: left;
}
.cab-add-found-id .cab-set-name {
  font-size: 15px;
}
.cab-choice:last-child { margin-bottom: 0; }
.cab-add-found {
  font-size: 12px;
  font-weight: 700;
  color: var(--cab-muted);
  margin-bottom: 4px;
}
.cab-twink-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding-right: 8px;
}
.cab-twink-head__name {
  font-size: 15px;
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cab-twink-head__count {
  flex-shrink: 0;
  font-size: 12px;
  color: var(--cab-muted);
}
.cab-twink-warn {
  color: #c07070;
  font-size: 18px;
  cursor: pointer;
}
.cab-add-group { margin-bottom: 14px; }
.cab-add-group__title {
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  color: var(--cab-muted);
  margin: 0 0 6px;
  text-align: left;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.cab-add-row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 0 12px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  margin-bottom: 6px;
  cursor: pointer;
  text-align: left;
}
.cab-add-row.is-err {
  border-color: #c62828;
  cursor: default;
  opacity: 0.92;
}
.cab-add-row.is-err:disabled {
  pointer-events: none;
}
.cab-add-row.is-ok {
  border-color: #2e7d32;
  cursor: default;
}
.cab-add-ok {
  margin-top: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #2e7d32;
}
.cab-job-result {
  margin-left: auto;
  flex-shrink: 0;
  max-width: 46%;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
}
.cab-job-result.is-ok { color: #2e7d32; }
.cab-job-result.is-err { color: #c62828; }
.cab-add-row.is-part {
  border-color: var(--cab-play);
}
.cab-add-row--group {
  background: var(--cab-header);
  color: #fff;
  border-color: var(--cab-header);
}
.cab-add-row--group.is-on,
.cab-add-row--group.is-part {
  background: var(--cab-header);
  border-color: var(--cab-play);
}
.cab-add-row--group .cab-sheet__mark {
  border-color: rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.12);
}
.cab-add-row--group .cab-add-row__name { color: #fff; }
.cab-add-row__n {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--cab-muted);
}
.cab-add-row--group .cab-add-row__n { color: rgba(255,255,255,0.8); }
.cab-add-row__chev {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
  opacity: 0.85;
}
.cab-add-row--group .cab-add-row__name { flex: 1; }
.cab-add-group .cab-add-row:not(.cab-add-row--group) {
  margin-left: 18px;
  width: calc(100% - 18px);
}
.cab-add-row__name {
  font-size: 15px;
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cab-add-row--wrap {
  align-items: flex-start;
  height: auto;
  white-space: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cab-add-row--wrap .cab-sheet__mark { margin-top: 3px; }
.cab-add-row--wrap .cab-add-row__name {
  flex: 1;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  line-height: 1.3;
}
.cab-add-row__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.cab-add-row__meta {
  font-size: 11px;
  line-height: 1.2;
  color: var(--cab-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cab-add-row__days { margin-left: auto; flex-shrink: 0; pointer-events: none; padding: 0; min-width: 42px; }

.cab-cell--red .cab-cell__value { color: #c62828; }
.cab-cell--blue .cab-cell__value { color: #1565c0; }
html.v-theme--dark .cab-cell--red .cab-cell__value,
.v-theme--dark .cab-cell--red .cab-cell__value { color: #ef9a9a; }
html.v-theme--dark .cab-cell--blue .cab-cell__value,
.v-theme--dark .cab-cell--blue .cab-cell__value { color: #90caf9; }

.cab-week { width: 100%; }
.cab-week__label {
  font-size: 12px;
  font-weight: 600;
  color: var(--cab-muted);
  padding: 4px 0 8px;
}
.cab-week__row {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
}
.cab-week__day {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
}
.cab-week__name {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--cab-muted);
  text-align: center;
  line-height: 1.2;
}
.cab-week__day.is-end .cab-week__name { color: #c62828; }
html.v-theme--dark .cab-week__day.is-end .cab-week__name,
.v-theme--dark .cab-week__day.is-end .cab-week__name { color: #ef9a9a; }
.cab-week__box {
  width: 100%;
  height: 44px;
  border: 1px solid var(--cab-border);
  border-radius: 10px;
  background: var(--cab-page);
  display: flex;
  align-items: center;
  justify-content: center;
}
.cab-week__input {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: var(--cab-text);
  outline: none;
  padding: 0;
  caret-color: var(--cab-play);
}
.cab-week__input::placeholder {
  color: var(--cab-muted);
  font-weight: 600;
  opacity: 0.7;
}
.cab-week__day.is-on .cab-week__box {
  border-color: var(--cab-play);
  background: var(--cab-play-bg);
}
.cab-week__day.is-on .cab-week__input { color: var(--cab-play); }
.cab-week.is-off { opacity: 0.45; pointer-events: none; }

.setcard .cab-textarea {
  margin-top: 8px;
  margin-bottom: 8px;
}
.setcard .cab-textarea .v-field {
  background: var(--cab-page) !important;
  border: 1px solid var(--cab-border);
  border-radius: 10px;
}
.setcard .cab-textarea .v-field__outline { display: none; }
.cab-settings .setcard .cab-textarea .v-field__input {
  text-align: left !important;
  justify-content: flex-start;
}


.cab-main-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: none;
}
.cab-ptr {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0;
  min-height: 0;
  overflow: hidden;
  color: var(--cab-muted);
  pointer-events: none;
}
.cab-wolf {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--cab-money-bg);
  color: var(--cab-text);
  border-bottom: 1px solid var(--cab-border);
}
.cab-wolf__text { flex: 1; font-size: 13px; font-weight: 600; }
.cab-wolf__close { border: 0; background: transparent; color: inherit; cursor: pointer; }
.cab-rsc {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  background: #f8e4e4;
  color: #8a3a3a;
  border-bottom: 1px solid #e4c2c2;
}
.cab-rsc__text { flex: 1; font-size: 13px; font-weight: 600; line-height: 1.35; }
[data-theme="dark"] .cab-rsc {
  background: #3a2828;
  color: #e7b4b4;
  border-bottom-color: #5a3838;
}
.cab-rsc-pop__bar { justify-content: flex-end; }

.cab-help { max-width: 720px; margin: 0 auto; padding: 12px; }
.cab-help-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.cab-help-chip {
  width: 100%;
  text-align: left;
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.cab-help-card {
  background: var(--cab-card);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 12px;
}
.cab-help-card h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  margin: 0 0 12px;
}
.cab-help-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  border-radius: 8px;
  background: var(--cab-play-bg);
  color: var(--cab-play);
  font-size: 12px;
}
.cab-help-steps { margin: 0; padding-left: 18px; }
.cab-help-steps li { margin: 8px 0; font-size: 14px; line-height: 1.4; }
.cab-help-shot-btn { display: block; margin-top: 8px; border: 0; background: transparent; padding: 0; cursor: pointer; }
.cab-help-shot { max-width: 100%; border-radius: 10px; }
.cab-help-shot--full { width: 100%; }
.cab-help-videos { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.cab-help-video { display: flex; align-items: center; gap: 8px; color: var(--cab-name); font-size: 14px; font-weight: 600; text-decoration: none; }
.cab-help-note {
  margin-top: 8px;
  padding: 12px;
  border-radius: 12px;
  background: var(--cab-money-bg);
  border: 1px solid var(--cab-border);
}
.cab-help-note b { display: block; margin-bottom: 6px; font-size: 13px; }
.cab-help-note p { margin: 0; font-size: 13px; line-height: 1.45; }
.cab-help-html { font-size: 14px; line-height: 1.45; }





.cab-cert-switch {
  margin: 0 0 4px;
}
.cab-cert {
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--cab-border);
  padding: 10px 2px;
  color: var(--cab-text);
}
.cab-cert__top {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cab-cert__name {
  display: flex;
  align-items: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.cab-cert__code {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 700;
  font-size: 15px;
  text-align: left;
  padding: 0;
  cursor: pointer;
}
.cab-cert__copy {
  flex: 0 0 auto;
  border: 0;
  background: transparent;
  color: var(--cab-muted);
  padding: 4px;
  display: inline-flex;
  cursor: pointer;
}
.cab-cert__n {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.cab-cert__sub {
  margin-top: 2px;
  font-size: 12px;
  color: var(--cab-muted);
}
.cab-cert-input {
  width: 100%;
  height: 44px;
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  padding: 0 12px;
  background: var(--cab-card);
  color: var(--cab-text);
  font-size: 16px;
}

.cab-sec {
  margin: 14px 0 6px;
  font-size: 13px;
  font-weight: 700;
  color: var(--cab-text);
}

.ctl { display: flex; flex-direction: column; align-items: stretch; gap: 10px; width: 100%; }
.ctl-row {
  border: 1px solid var(--cab-border);
  border-radius: 12px;
  padding: 8px;
  background: var(--cab-page);
  width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.ctl-head { display: flex; align-items: center; gap: 4px; }
.ctl-pick { flex: 1; min-width: 0; }
.ctl-types { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }
.ctl-type {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  cursor: pointer;
}
.ctl-type img { width: 16px; height: 16px; object-fit: contain; }
.ctl-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.ctl-card {
  display: flex;
  gap: 6px;
  align-items: center;
  text-align: left;
  border: 1px solid var(--cab-border);
  background: var(--cab-card);
  color: var(--cab-text);
  border-radius: 10px;
  padding: 6px;
  opacity: 0.45;
  cursor: pointer;
}
.ctl-card.is-on {
  opacity: 1;
  border-color: #c9a24a;
  background: color-mix(in srgb, #c9a24a 16%, var(--cab-card));
}
.ctl-ico { width: 36px; height: 36px; object-fit: contain; flex: 0 0 auto; }
.ctl-card__body { display: flex; flex-direction: column; min-width: 0; }
.ctl-name { font-size: 12px; font-weight: 700; line-height: 1.2; }
.ctl-stars { color: #d4a017; font-size: 11px; letter-spacing: -1px; }
.ctl-kind { font-size: 10px; color: var(--cab-muted); }
.ctl-add { align-self: flex-start; }

.ctl-head { cursor: pointer; }
.ctl-who {
  flex: 1;
  min-width: 0;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--cab-text);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  padding: 4px 0;
}
.ctl-chev { color: var(--cab-muted); }
.ctl-counts { display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 6px; }
.ctl-count { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; color: var(--cab-muted); }
.ctl-count img { width: 16px; height: 16px; object-fit: contain; }
.ctl-menu {
  display: flex;
  flex-direction: column;
  max-height: 220px;
  overflow: auto;
  border: 1px solid var(--cab-border);
  border-radius: 10px;
  background: var(--cab-card);
  margin-bottom: 6px;
}
.ctl-opt {
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--cab-text);
  padding: 8px 10px;
  cursor: pointer;
}
.ctl-opt.is-on { color: #c9a24a; font-weight: 700; }

.cab-play-wrap { display: flex; flex-direction: column; align-items: center; gap: 1px; flex-shrink: 0; }
.cab-play__left { font-size: 10px; line-height: 1; color: var(--cab-muted); font-variant-numeric: tabular-nums; }

.ctl-lower { cursor: pointer; }
.ctl-find {
  width: 100%;
  box-sizing: border-box;
  border: 0;
  border-bottom: 1px solid var(--cab-border);
  background: transparent;
  color: var(--cab-text);
  padding: 8px 10px;
  outline: none;
}
.ctl-count { font-size: 16px; font-weight: 700; color: var(--cab-text); gap: 5px; }
.ctl-count img { width: 22px; height: 22px; }

.ctl-lower {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--cab-border);
}
.ctl-counts { align-items: center; }
.ctl-picked { font-size: 13px; color: var(--cab-muted); margin-right: 4px; }
.ctl-counts .ctl-chev { margin-left: auto; color: var(--cab-muted); }

.ctl-addrow { display: flex; align-items: center; gap: 4px; width: 100%; }
.ctl-hint { color: var(--cab-text); }
.ctl-hint { width: 36px; height: 36px; }

.ctl-loadrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ctl-load { margin: 4px 0; border: 0; background: none; padding: 0; color: var(--cab-link, var(--cab-accent, #c9862a)); text-decoration: underline; cursor: pointer; font-size: 14px; }
.ctl-load:disabled { opacity: .5; cursor: default; }
.ctl-loadstatus { font-size: 13px; color: var(--cab-muted); }
.ctl-loadstatus.is-ok { color: #2e7d32; }
.ctl-loadstatus.is-error { color: #c62828; }

.ctl-card.is-locked { opacity: .4; filter: grayscale(1); cursor: default; }
.ctl-card.is-locked.is-on { background: transparent; }


.hip { width: 100%; border: 1px solid var(--cab-border); border-radius: 12px; background: var(--cab-card); }
.hip.is-off { opacity: .6; }
.hip-bar { width: 100%; display: flex; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--cab-text); text-align: left; padding: 10px 12px; cursor: pointer; }
.hip-bar:disabled { cursor: default; }
.hip-bar__main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.hip-label { font-size: 14px; font-weight: 700; }
.hip-hint, .hip-empty { font-size: 12px; color: var(--cab-muted); }
.hip-ranges { display: flex; flex-wrap: wrap; gap: 6px; }
.hip-range { display: inline-flex; align-items: center; min-height: 28px; padding: 2px 10px; border-radius: 8px; background: var(--cab-play-bg); color: var(--cab-play); font-size: 13px; font-weight: 700; }
.hip-chev { color: var(--cab-muted); flex: 0 0 auto; }
.hip-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; padding: 0 12px 12px; touch-action: none; user-select: none; }
.hip-chip { min-height: 34px; border: 1px solid var(--cab-border); border-radius: 8px; background: var(--cab-page); color: var(--cab-muted); font-size: 12px; font-weight: 700; cursor: pointer; }
.hip-chip.is-on { background: var(--cab-play-bg); border-color: var(--cab-play); color: var(--cab-play); }
.hip-chip.is-locked.is-on,
.hip-chip.is-locked.is-on:disabled { background: var(--cab-play-bg); border-color: var(--cab-play); color: var(--cab-play); opacity: 0.85; cursor: default; }
.hip-chip:disabled { cursor: default; }
.pzp-group { margin-top: 14px; }
.pzp-group__title { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--cab-muted); margin: 0 0 8px; }
.pzp-row { border: 1px solid var(--cab-border); border-radius: 12px; background: var(--cab-page); margin-bottom: 8px; overflow: hidden; }
.pzp-head { display: flex; align-items: stretch; gap: 8px; padding: 8px; }
.pzp-whole { flex: 0 0 auto; border: 1px solid var(--cab-border); border-radius: 8px; background: transparent; color: var(--cab-muted); font-size: 12px; font-weight: 700; padding: 0 10px; cursor: pointer; }
.pzp-all { border: 0; background: transparent; color: var(--cab-play); font-size: 13px; font-weight: 700; padding: 0; margin: 0 0 8px; cursor: pointer; text-decoration: underline; }
.pzp-tabs { display: flex; gap: 6px; margin-bottom: 10px; }
.pzp-tab { flex: 1; min-height: 34px; border: 1px solid var(--cab-border); border-radius: 8px; background: transparent; color: var(--cab-muted); font-size: 13px; font-weight: 700; cursor: pointer; }
.pzp-tab.is-on { background: var(--cab-play-bg); border-color: var(--cab-play); color: var(--cab-play); }
.pzp-whole.is-on { background: var(--cab-play-bg); border-color: var(--cab-play); color: var(--cab-play); }
.pzp-name { flex: 1; min-width: 0; display: flex; align-items: center; gap: 8px; border: 0; background: transparent; color: var(--cab-text); text-align: left; font-size: 14px; font-weight: 700; cursor: pointer; }
.pzp-name span:first-child { flex: 1; min-width: 0; }
.pzp-count { color: var(--cab-muted); font-size: 12px; font-weight: 700; }
.pzp-chev { color: var(--cab-muted); }
.pzp-grid { display: grid; gap: 6px; padding: 0 8px 10px; }
.pzp-grid.is-t1 { grid-template-columns: repeat(3, minmax(0, 72px)); }
.pzp-grid.is-t2 { grid-template-columns: repeat(4, minmax(0, 72px)); }
.pzp-piece { min-height: 36px; border: 1px solid var(--cab-border); border-radius: 8px; background: transparent; color: var(--cab-muted); font-size: 12px; font-weight: 700; cursor: pointer; }
.pzp-piece.is-on { background: var(--cab-play-bg); border-color: var(--cab-play); color: var(--cab-play); }
.pzp.is-off .pzp-whole,
.pzp.is-off .pzp-piece { cursor: default; }
@media (max-width: 420px) {
  .pzp-head { flex-direction: column; }
  .pzp-grid.is-t2 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .hip-grid { grid-template-columns: repeat(4, 1fr); }
}

.lodc, .lodc * { -webkit-user-select: none; user-select: none; }
.lodc.is-off { opacity: 0.55; }
.lodc__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.lodc__title { font-size: 13px; font-weight: 700; line-height: 1.3; }
.lodc__clear { border: 0; background: transparent; color: var(--cab-play); font-size: 12px; font-weight: 700; cursor: pointer; padding: 0; }
.lodc__clear:disabled { opacity: 0.4; cursor: default; }
.lodc__strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; }
.lodc__chip { position: relative; width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; border: 1px solid var(--cab-border); border-radius: 8px; background: var(--cab-page); color: var(--cab-text); padding: 10px 1px 3px; font-size: 10px; font-weight: 700; line-height: 1.1; cursor: pointer; }
.lodc__n { position: absolute; top: 1px; left: 3px; font-size: 9px; font-weight: 800; color: var(--cab-muted); line-height: 1; }
.lodc__chip img, .lodc__type img { object-fit: contain; }
.lodc__chip img { width: 16px; height: 16px; }
.lodc__chip span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.lodc__empty { grid-column: 1 / -1; color: var(--cab-muted); font-size: 12px; }
.lodc__types { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 6px; }
.lodc__type { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4px; min-height: 40px; border: 1px solid var(--cab-border); border-radius: 10px; background: var(--cab-page); color: var(--cab-text); cursor: pointer; padding: 4px 4px; }
.lodc__type img { width: 20px; height: 20px; flex-shrink: 0; }
.lodc__meta { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; line-height: 1.1; }
.lodc__sum { font-size: 12px; font-weight: 800; }
.lodc__next { font-size: 10px; font-weight: 700; color: var(--cab-muted); }
.lodc__type:disabled { opacity: 0.45; cursor: default; }