9remote 2.0.73 → 2.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -955,6 +955,9 @@ button {
955
955
  .relative{
956
956
  position: relative;
957
957
  }
958
+ .sticky{
959
+ position: sticky;
960
+ }
958
961
  .inset-0{
959
962
  inset: 0px;
960
963
  }
@@ -962,9 +965,15 @@ button {
962
965
  top: 0px;
963
966
  bottom: 0px;
964
967
  }
968
+ .-right-1{
969
+ right: -0.25rem;
970
+ }
965
971
  .-right-1\.5{
966
972
  right: -0.375rem;
967
973
  }
974
+ .-top-1{
975
+ top: -0.25rem;
976
+ }
968
977
  .-top-1\.5{
969
978
  top: -0.375rem;
970
979
  }
@@ -977,6 +986,9 @@ button {
977
986
  .bottom-5{
978
987
  bottom: 1.25rem;
979
988
  }
989
+ .bottom-6{
990
+ bottom: 1.5rem;
991
+ }
980
992
  .bottom-full{
981
993
  bottom: 100%;
982
994
  }
@@ -986,24 +998,45 @@ button {
986
998
  .left-1\.5{
987
999
  left: 0.375rem;
988
1000
  }
1001
+ .left-1\/2{
1002
+ left: 50%;
1003
+ }
1004
+ .left-2{
1005
+ left: 0.5rem;
1006
+ }
989
1007
  .right-0{
990
1008
  right: 0px;
991
1009
  }
1010
+ .right-1{
1011
+ right: 0.25rem;
1012
+ }
992
1013
  .right-1\.5{
993
1014
  right: 0.375rem;
994
1015
  }
995
1016
  .right-2{
996
1017
  right: 0.5rem;
997
1018
  }
1019
+ .right-6{
1020
+ right: 1.5rem;
1021
+ }
998
1022
  .right-7{
999
1023
  right: 1.75rem;
1000
1024
  }
1025
+ .top-0{
1026
+ top: 0px;
1027
+ }
1001
1028
  .top-0\.5{
1002
1029
  top: 0.125rem;
1003
1030
  }
1004
1031
  .top-1\/2{
1005
1032
  top: 50%;
1006
1033
  }
1034
+ .top-2{
1035
+ top: 0.5rem;
1036
+ }
1037
+ .top-20{
1038
+ top: 5rem;
1039
+ }
1007
1040
  .top-full{
1008
1041
  top: 100%;
1009
1042
  }
@@ -1031,14 +1064,31 @@ button {
1031
1064
  .z-\[60\]{
1032
1065
  z-index: 60;
1033
1066
  }
1067
+ .z-\[70\]{
1068
+ z-index: 70;
1069
+ }
1070
+ .z-\[80\]{
1071
+ z-index: 80;
1072
+ }
1034
1073
  .-mx-3{
1035
1074
  margin-left: -0.75rem;
1036
1075
  margin-right: -0.75rem;
1037
1076
  }
1077
+ .mx-1{
1078
+ margin-left: 0.25rem;
1079
+ margin-right: 0.25rem;
1080
+ }
1038
1081
  .mx-auto{
1039
1082
  margin-left: auto;
1040
1083
  margin-right: auto;
1041
1084
  }
1085
+ .my-2{
1086
+ margin-top: 0.5rem;
1087
+ margin-bottom: 0.5rem;
1088
+ }
1089
+ .-mt-1{
1090
+ margin-top: -0.25rem;
1091
+ }
1042
1092
  .mb-1{
1043
1093
  margin-bottom: 0.25rem;
1044
1094
  }
@@ -1060,9 +1110,18 @@ button {
1060
1110
  .ml-1{
1061
1111
  margin-left: 0.25rem;
1062
1112
  }
1113
+ .ml-2{
1114
+ margin-left: 0.5rem;
1115
+ }
1063
1116
  .ml-auto{
1064
1117
  margin-left: auto;
1065
1118
  }
1119
+ .mr-1{
1120
+ margin-right: 0.25rem;
1121
+ }
1122
+ .mr-2{
1123
+ margin-right: 0.5rem;
1124
+ }
1066
1125
  .mt-0\.5{
1067
1126
  margin-top: 0.125rem;
1068
1127
  }
@@ -1072,12 +1131,18 @@ button {
1072
1131
  .mt-2{
1073
1132
  margin-top: 0.5rem;
1074
1133
  }
1134
+ .mt-3{
1135
+ margin-top: 0.75rem;
1136
+ }
1075
1137
  .mt-8{
1076
1138
  margin-top: 2rem;
1077
1139
  }
1078
1140
  .block{
1079
1141
  display: block;
1080
1142
  }
1143
+ .inline-block{
1144
+ display: inline-block;
1145
+ }
1081
1146
  .inline{
1082
1147
  display: inline;
1083
1148
  }
@@ -1105,12 +1170,18 @@ button {
1105
1170
  .h-10{
1106
1171
  height: 2.5rem;
1107
1172
  }
1173
+ .h-14{
1174
+ height: 3.5rem;
1175
+ }
1108
1176
  .h-16{
1109
1177
  height: 4rem;
1110
1178
  }
1111
1179
  .h-2{
1112
1180
  height: 0.5rem;
1113
1181
  }
1182
+ .h-32{
1183
+ height: 8rem;
1184
+ }
1114
1185
  .h-4{
1115
1186
  height: 1rem;
1116
1187
  }
@@ -1129,6 +1200,12 @@ button {
1129
1200
  .h-8{
1130
1201
  height: 2rem;
1131
1202
  }
1203
+ .h-\[10px\]{
1204
+ height: 10px;
1205
+ }
1206
+ .h-\[14px\]{
1207
+ height: 14px;
1208
+ }
1132
1209
  .h-\[26px\]{
1133
1210
  height: 26px;
1134
1211
  }
@@ -1138,6 +1215,15 @@ button {
1138
1215
  .h-px{
1139
1216
  height: 1px;
1140
1217
  }
1218
+ .max-h-32{
1219
+ max-height: 8rem;
1220
+ }
1221
+ .max-h-\[200px\]{
1222
+ max-height: 200px;
1223
+ }
1224
+ .max-h-\[400px\]{
1225
+ max-height: 400px;
1226
+ }
1141
1227
  .max-h-\[90vh\]{
1142
1228
  max-height: 90vh;
1143
1229
  }
@@ -1147,8 +1233,14 @@ button {
1147
1233
  .min-h-0{
1148
1234
  min-height: 0px;
1149
1235
  }
1150
- .min-h-\[58px\]{
1151
- min-height: 58px;
1236
+ .min-h-\[128px\]{
1237
+ min-height: 128px;
1238
+ }
1239
+ .min-h-\[164px\]{
1240
+ min-height: 164px;
1241
+ }
1242
+ .min-h-\[54px\]{
1243
+ min-height: 54px;
1152
1244
  }
1153
1245
  .w-1{
1154
1246
  width: 0.25rem;
@@ -1159,12 +1251,24 @@ button {
1159
1251
  .w-10{
1160
1252
  width: 2.5rem;
1161
1253
  }
1254
+ .w-12{
1255
+ width: 3rem;
1256
+ }
1257
+ .w-14{
1258
+ width: 3.5rem;
1259
+ }
1162
1260
  .w-16{
1163
1261
  width: 4rem;
1164
1262
  }
1165
1263
  .w-2{
1166
1264
  width: 0.5rem;
1167
1265
  }
1266
+ .w-24{
1267
+ width: 6rem;
1268
+ }
1269
+ .w-3{
1270
+ width: 0.75rem;
1271
+ }
1168
1272
  .w-4{
1169
1273
  width: 1rem;
1170
1274
  }
@@ -1189,12 +1293,24 @@ button {
1189
1293
  .w-80{
1190
1294
  width: 20rem;
1191
1295
  }
1296
+ .w-9{
1297
+ width: 2.25rem;
1298
+ }
1299
+ .w-\[10px\]{
1300
+ width: 10px;
1301
+ }
1192
1302
  .w-\[264px\]{
1193
1303
  width: 264px;
1194
1304
  }
1195
1305
  .w-\[46px\]{
1196
1306
  width: 46px;
1197
1307
  }
1308
+ .w-\[640px\]{
1309
+ width: 640px;
1310
+ }
1311
+ .w-\[7px\]{
1312
+ width: 7px;
1313
+ }
1198
1314
  .w-full{
1199
1315
  width: 100%;
1200
1316
  }
@@ -1207,6 +1323,12 @@ button {
1207
1323
  .min-w-\[160px\]{
1208
1324
  min-width: 160px;
1209
1325
  }
1326
+ .min-w-\[16px\]{
1327
+ min-width: 16px;
1328
+ }
1329
+ .min-w-\[180px\]{
1330
+ min-width: 180px;
1331
+ }
1210
1332
  .min-w-\[200px\]{
1211
1333
  min-width: 200px;
1212
1334
  }
@@ -1229,12 +1351,24 @@ button {
1229
1351
  .max-w-\[160px\]{
1230
1352
  max-width: 160px;
1231
1353
  }
1354
+ .max-w-\[90vw\]{
1355
+ max-width: 90vw;
1356
+ }
1357
+ .max-w-full{
1358
+ max-width: 100%;
1359
+ }
1232
1360
  .max-w-lg{
1233
1361
  max-width: 32rem;
1234
1362
  }
1235
1363
  .max-w-md{
1236
1364
  max-width: 28rem;
1237
1365
  }
1366
+ .max-w-none{
1367
+ max-width: none;
1368
+ }
1369
+ .max-w-sm{
1370
+ max-width: 24rem;
1371
+ }
1238
1372
  .flex-1{
1239
1373
  flex: 1 1 0%;
1240
1374
  }
@@ -1247,6 +1381,10 @@ button {
1247
1381
  .shrink-0{
1248
1382
  flex-shrink: 0;
1249
1383
  }
1384
+ .-translate-x-1\/2{
1385
+ --tw-translate-x: -50%;
1386
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1387
+ }
1250
1388
  .-translate-x-full{
1251
1389
  --tw-translate-x: -100%;
1252
1390
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1259,6 +1397,14 @@ button {
1259
1397
  --tw-translate-x: 0px;
1260
1398
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1261
1399
  }
1400
+ .translate-x-0\.5{
1401
+ --tw-translate-x: 0.125rem;
1402
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1403
+ }
1404
+ .translate-x-4{
1405
+ --tw-translate-x: 1rem;
1406
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1407
+ }
1262
1408
  .rotate-45{
1263
1409
  --tw-rotate: 45deg;
1264
1410
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1266,6 +1412,14 @@ button {
1266
1412
  .transform{
1267
1413
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1268
1414
  }
1415
+ @keyframes pulse{
1416
+ 50%{
1417
+ opacity: .5;
1418
+ }
1419
+ }
1420
+ .animate-pulse{
1421
+ animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
1422
+ }
1269
1423
  @keyframes spin{
1270
1424
  to{
1271
1425
  transform: rotate(360deg);
@@ -1274,9 +1428,21 @@ button {
1274
1428
  .animate-spin{
1275
1429
  animation: spin 1s linear infinite;
1276
1430
  }
1431
+ .cursor-col-resize{
1432
+ cursor: col-resize;
1433
+ }
1434
+ .cursor-default{
1435
+ cursor: default;
1436
+ }
1437
+ .cursor-not-allowed{
1438
+ cursor: not-allowed;
1439
+ }
1277
1440
  .cursor-pointer{
1278
1441
  cursor: pointer;
1279
1442
  }
1443
+ .cursor-row-resize{
1444
+ cursor: row-resize;
1445
+ }
1280
1446
  .select-none{
1281
1447
  -webkit-user-select: none;
1282
1448
  -moz-user-select: none;
@@ -1285,6 +1451,9 @@ button {
1285
1451
  .resize-none{
1286
1452
  resize: none;
1287
1453
  }
1454
+ .resize-y{
1455
+ resize: vertical;
1456
+ }
1288
1457
  .resize{
1289
1458
  resize: both;
1290
1459
  }
@@ -1356,11 +1525,29 @@ button {
1356
1525
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
1357
1526
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
1358
1527
  }
1528
+ .space-y-1 > :not([hidden]) ~ :not([hidden]){
1529
+ --tw-space-y-reverse: 0;
1530
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
1531
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
1532
+ }
1533
+ .space-y-2 > :not([hidden]) ~ :not([hidden]){
1534
+ --tw-space-y-reverse: 0;
1535
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1536
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1537
+ }
1538
+ .space-y-4 > :not([hidden]) ~ :not([hidden]){
1539
+ --tw-space-y-reverse: 0;
1540
+ margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
1541
+ margin-bottom: calc(1rem * var(--tw-space-y-reverse));
1542
+ }
1359
1543
  .space-y-8 > :not([hidden]) ~ :not([hidden]){
1360
1544
  --tw-space-y-reverse: 0;
1361
1545
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
1362
1546
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
1363
1547
  }
1548
+ .overflow-auto{
1549
+ overflow: auto;
1550
+ }
1364
1551
  .overflow-hidden{
1365
1552
  overflow: hidden;
1366
1553
  }
@@ -1370,6 +1557,9 @@ button {
1370
1557
  .overflow-y-auto{
1371
1558
  overflow-y: auto;
1372
1559
  }
1560
+ .overflow-x-hidden{
1561
+ overflow-x: hidden;
1562
+ }
1373
1563
  .overflow-y-hidden{
1374
1564
  overflow-y: hidden;
1375
1565
  }
@@ -1381,6 +1571,12 @@ button {
1381
1571
  .whitespace-nowrap{
1382
1572
  white-space: nowrap;
1383
1573
  }
1574
+ .whitespace-pre-wrap{
1575
+ white-space: pre-wrap;
1576
+ }
1577
+ .break-words{
1578
+ overflow-wrap: break-word;
1579
+ }
1384
1580
  .break-all{
1385
1581
  word-break: break-all;
1386
1582
  }
@@ -1402,24 +1598,82 @@ button {
1402
1598
  .rounded-md{
1403
1599
  border-radius: 0.375rem;
1404
1600
  }
1601
+ .rounded-sm{
1602
+ border-radius: 0.125rem;
1603
+ }
1405
1604
  .rounded-xl{
1406
1605
  border-radius: 0.75rem;
1407
1606
  }
1408
1607
  .border{
1409
1608
  border-width: 1px;
1410
1609
  }
1610
+ .border-0{
1611
+ border-width: 0px;
1612
+ }
1411
1613
  .border-b{
1412
1614
  border-bottom-width: 1px;
1413
1615
  }
1616
+ .border-b-2{
1617
+ border-bottom-width: 2px;
1618
+ }
1619
+ .border-l-2{
1620
+ border-left-width: 2px;
1621
+ }
1414
1622
  .border-r{
1415
1623
  border-right-width: 1px;
1416
1624
  }
1417
1625
  .border-t{
1418
1626
  border-top-width: 1px;
1419
1627
  }
1628
+ .border-t-2{
1629
+ border-top-width: 2px;
1630
+ }
1631
+ .border-border{
1632
+ border-color: var(--border);
1633
+ }
1634
+ .border-brand-500{
1635
+ border-color: var(--brand-500);
1636
+ }
1637
+ .border-emerald-500{
1638
+ --tw-border-opacity: 1;
1639
+ border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
1640
+ }
1641
+ .border-red-500\/50{
1642
+ border-color: rgb(239 68 68 / 0.5);
1643
+ }
1644
+ .border-text-muted{
1645
+ border-color: var(--text-muted);
1646
+ }
1647
+ .border-t-brand-500{
1648
+ border-top-color: var(--brand-500);
1649
+ }
1650
+ .bg-\[rgba\(var\(--danger-rgb\)\2c 0\.14\)\]{
1651
+ background-color: rgba(var(--danger-rgb),0.14);
1652
+ }
1653
+ .bg-\[rgba\(var\(--success-rgb\)\2c 0\.14\)\]{
1654
+ background-color: rgba(var(--success-rgb),0.14);
1655
+ }
1656
+ .bg-bg{
1657
+ background-color: var(--bg-main);
1658
+ }
1420
1659
  .bg-black\/40{
1421
1660
  background-color: rgb(0 0 0 / 0.4);
1422
1661
  }
1662
+ .bg-black\/5{
1663
+ background-color: rgb(0 0 0 / 0.05);
1664
+ }
1665
+ .bg-blue-400\/70{
1666
+ background-color: rgb(96 165 250 / 0.7);
1667
+ }
1668
+ .bg-border{
1669
+ background-color: var(--border);
1670
+ }
1671
+ .bg-brand-500{
1672
+ background-color: var(--brand-500);
1673
+ }
1674
+ .bg-emerald-500\/15{
1675
+ background-color: rgb(16 185 129 / 0.15);
1676
+ }
1423
1677
  .bg-green-400{
1424
1678
  --tw-bg-opacity: 1;
1425
1679
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
@@ -1428,6 +1682,25 @@ button {
1428
1682
  --tw-bg-opacity: 1;
1429
1683
  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
1430
1684
  }
1685
+ .bg-orange-600{
1686
+ --tw-bg-opacity: 1;
1687
+ background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
1688
+ }
1689
+ .bg-red-500\/15{
1690
+ background-color: rgb(239 68 68 / 0.15);
1691
+ }
1692
+ .bg-red-500\/20{
1693
+ background-color: rgb(239 68 68 / 0.2);
1694
+ }
1695
+ .bg-surface{
1696
+ background-color: var(--surface);
1697
+ }
1698
+ .bg-surface-2{
1699
+ background-color: var(--surface-2);
1700
+ }
1701
+ .bg-surface-3{
1702
+ background-color: var(--surface-3);
1703
+ }
1431
1704
  .bg-transparent{
1432
1705
  background-color: transparent;
1433
1706
  }
@@ -1435,10 +1708,23 @@ button {
1435
1708
  --tw-bg-opacity: 1;
1436
1709
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1437
1710
  }
1711
+ .bg-yellow-400{
1712
+ --tw-bg-opacity: 1;
1713
+ background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
1714
+ }
1715
+ .bg-\[repeating-conic-gradient\(\#0001_0\%_25\%\2c transparent_0\%_50\%\)\]{
1716
+ background-image: repeating-conic-gradient(#0001 0% 25%,transparent 0% 50%);
1717
+ }
1718
+ .bg-\[length\:20px_20px\]{
1719
+ background-size: 20px 20px;
1720
+ }
1438
1721
  .object-cover{
1439
1722
  -o-object-fit: cover;
1440
1723
  object-fit: cover;
1441
1724
  }
1725
+ .p-0\.5{
1726
+ padding: 0.125rem;
1727
+ }
1442
1728
  .p-1{
1443
1729
  padding: 0.25rem;
1444
1730
  }
@@ -1460,6 +1746,9 @@ button {
1460
1746
  .p-5{
1461
1747
  padding: 1.25rem;
1462
1748
  }
1749
+ .p-6{
1750
+ padding: 1.5rem;
1751
+ }
1463
1752
  .px-0\.5{
1464
1753
  padding-left: 0.125rem;
1465
1754
  padding-right: 0.125rem;
@@ -1468,6 +1757,10 @@ button {
1468
1757
  padding-left: 0.25rem;
1469
1758
  padding-right: 0.25rem;
1470
1759
  }
1760
+ .px-1\.5{
1761
+ padding-left: 0.375rem;
1762
+ padding-right: 0.375rem;
1763
+ }
1471
1764
  .px-2{
1472
1765
  padding-left: 0.5rem;
1473
1766
  padding-right: 0.5rem;
@@ -1508,6 +1801,10 @@ button {
1508
1801
  padding-top: 0.375rem;
1509
1802
  padding-bottom: 0.375rem;
1510
1803
  }
1804
+ .py-10{
1805
+ padding-top: 2.5rem;
1806
+ padding-bottom: 2.5rem;
1807
+ }
1511
1808
  .py-2{
1512
1809
  padding-top: 0.5rem;
1513
1810
  padding-bottom: 0.5rem;
@@ -1524,10 +1821,18 @@ button {
1524
1821
  padding-top: 0.875rem;
1525
1822
  padding-bottom: 0.875rem;
1526
1823
  }
1824
+ .py-4{
1825
+ padding-top: 1rem;
1826
+ padding-bottom: 1rem;
1827
+ }
1527
1828
  .py-5{
1528
1829
  padding-top: 1.25rem;
1529
1830
  padding-bottom: 1.25rem;
1530
1831
  }
1832
+ .py-6{
1833
+ padding-top: 1.5rem;
1834
+ padding-bottom: 1.5rem;
1835
+ }
1531
1836
  .py-8{
1532
1837
  padding-top: 2rem;
1533
1838
  padding-bottom: 2rem;
@@ -1535,27 +1840,51 @@ button {
1535
1840
  .pb-1{
1536
1841
  padding-bottom: 0.25rem;
1537
1842
  }
1843
+ .pb-2{
1844
+ padding-bottom: 0.5rem;
1845
+ }
1538
1846
  .pb-3{
1539
1847
  padding-bottom: 0.75rem;
1540
1848
  }
1849
+ .pb-4{
1850
+ padding-bottom: 1rem;
1851
+ }
1852
+ .pb-5{
1853
+ padding-bottom: 1.25rem;
1854
+ }
1541
1855
  .pb-6{
1542
1856
  padding-bottom: 1.5rem;
1543
1857
  }
1858
+ .pl-5{
1859
+ padding-left: 1.25rem;
1860
+ }
1544
1861
  .pl-6{
1545
1862
  padding-left: 1.5rem;
1546
1863
  }
1864
+ .pl-7{
1865
+ padding-left: 1.75rem;
1866
+ }
1547
1867
  .pl-9{
1548
1868
  padding-left: 2.25rem;
1549
1869
  }
1550
1870
  .pr-1{
1551
1871
  padding-right: 0.25rem;
1552
1872
  }
1873
+ .pr-2{
1874
+ padding-right: 0.5rem;
1875
+ }
1876
+ .pr-7{
1877
+ padding-right: 1.75rem;
1878
+ }
1553
1879
  .pr-8{
1554
1880
  padding-right: 2rem;
1555
1881
  }
1556
1882
  .pt-2{
1557
1883
  padding-top: 0.5rem;
1558
1884
  }
1885
+ .pt-3{
1886
+ padding-top: 0.75rem;
1887
+ }
1559
1888
  .pt-5{
1560
1889
  padding-top: 1.25rem;
1561
1890
  }
@@ -1565,6 +1894,9 @@ button {
1565
1894
  .text-center{
1566
1895
  text-align: center;
1567
1896
  }
1897
+ .text-right{
1898
+ text-align: right;
1899
+ }
1568
1900
  .font-mono{
1569
1901
  font-family: JetBrains Mono, ui-monospace, monospace;
1570
1902
  }
@@ -1637,6 +1969,9 @@ button {
1637
1969
  .font-medium{
1638
1970
  font-weight: 500;
1639
1971
  }
1972
+ .font-normal{
1973
+ font-weight: 400;
1974
+ }
1640
1975
  .font-semibold{
1641
1976
  font-weight: 600;
1642
1977
  }
@@ -1649,6 +1984,12 @@ button {
1649
1984
  .leading-5{
1650
1985
  line-height: 1.25rem;
1651
1986
  }
1987
+ .leading-\[1\.6\]{
1988
+ line-height: 1.6;
1989
+ }
1990
+ .leading-\[1\.7\]{
1991
+ line-height: 1.7;
1992
+ }
1652
1993
  .leading-tight{
1653
1994
  line-height: 1.25;
1654
1995
  }
@@ -1664,24 +2005,105 @@ button {
1664
2005
  .tracking-wider{
1665
2006
  letter-spacing: 0.05em;
1666
2007
  }
2008
+ .text-\[var\(--danger\)\]{
2009
+ color: var(--danger);
2010
+ }
2011
+ .text-\[var\(--success\)\]{
2012
+ color: var(--success);
2013
+ }
2014
+ .text-blue-400{
2015
+ --tw-text-opacity: 1;
2016
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
2017
+ }
2018
+ .text-brand-500{
2019
+ color: var(--brand-500);
2020
+ }
2021
+ .text-emerald-400{
2022
+ --tw-text-opacity: 1;
2023
+ color: rgb(52 211 153 / var(--tw-text-opacity, 1));
2024
+ }
1667
2025
  .text-gray-300{
1668
2026
  --tw-text-opacity: 1;
1669
2027
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
1670
2028
  }
2029
+ .text-green-400{
2030
+ --tw-text-opacity: 1;
2031
+ color: rgb(74 222 128 / var(--tw-text-opacity, 1));
2032
+ }
2033
+ .text-green-500{
2034
+ --tw-text-opacity: 1;
2035
+ color: rgb(34 197 94 / var(--tw-text-opacity, 1));
2036
+ }
2037
+ .text-green-500\/70{
2038
+ color: rgb(34 197 94 / 0.7);
2039
+ }
2040
+ .text-orange-400{
2041
+ --tw-text-opacity: 1;
2042
+ color: rgb(251 146 60 / var(--tw-text-opacity, 1));
2043
+ }
2044
+ .text-orange-500\/70{
2045
+ color: rgb(249 115 22 / 0.7);
2046
+ }
2047
+ .text-pink-500\/70{
2048
+ color: rgb(236 72 153 / 0.7);
2049
+ }
2050
+ .text-purple-500\/70{
2051
+ color: rgb(168 85 247 / 0.7);
2052
+ }
1671
2053
  .text-red-400{
1672
2054
  --tw-text-opacity: 1;
1673
2055
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
1674
2056
  }
2057
+ .text-red-500\/70{
2058
+ color: rgb(239 68 68 / 0.7);
2059
+ }
2060
+ .text-text{
2061
+ color: var(--text-main);
2062
+ }
2063
+ .text-text-muted{
2064
+ color: var(--text-muted);
2065
+ }
2066
+ .text-text-subtle{
2067
+ color: var(--text-subtle);
2068
+ }
1675
2069
  .text-white{
1676
2070
  --tw-text-opacity: 1;
1677
2071
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
1678
2072
  }
2073
+ .text-yellow-400{
2074
+ --tw-text-opacity: 1;
2075
+ color: rgb(250 204 21 / var(--tw-text-opacity, 1));
2076
+ }
2077
+ .text-yellow-500\/70{
2078
+ color: rgb(234 179 8 / 0.7);
2079
+ }
2080
+ .text-yellow-500\/80{
2081
+ color: rgb(234 179 8 / 0.8);
2082
+ }
2083
+ .placeholder-text-subtle::-moz-placeholder{
2084
+ color: var(--text-subtle);
2085
+ }
2086
+ .placeholder-text-subtle::placeholder{
2087
+ color: var(--text-subtle);
2088
+ }
2089
+ .accent-brand-500{
2090
+ accent-color: var(--brand-500);
2091
+ }
1679
2092
  .opacity-0{
1680
2093
  opacity: 0;
1681
2094
  }
1682
2095
  .opacity-100{
1683
2096
  opacity: 1;
1684
2097
  }
2098
+ .opacity-40{
2099
+ opacity: 0.4;
2100
+ }
2101
+ .opacity-60{
2102
+ opacity: 0.6;
2103
+ }
2104
+ .opacity-70{
2105
+ opacity: 0.7;
2106
+ }
1685
2107
  .shadow-lg{
1686
2108
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
1687
2109
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1696,6 +2118,14 @@ button {
1696
2118
  outline: 2px solid transparent;
1697
2119
  outline-offset: 2px;
1698
2120
  }
2121
+ .ring-1{
2122
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2123
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2124
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2125
+ }
2126
+ .ring-brand-500{
2127
+ --tw-ring-color: var(--brand-500);
2128
+ }
1699
2129
  .filter{
1700
2130
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1701
2131
  }
@@ -1709,6 +2139,11 @@ button {
1709
2139
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1710
2140
  transition-duration: 150ms;
1711
2141
  }
2142
+ .transition-colors{
2143
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
2144
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2145
+ transition-duration: 150ms;
2146
+ }
1712
2147
  .transition-opacity{
1713
2148
  transition-property: opacity;
1714
2149
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1725,6 +2160,9 @@ button {
1725
2160
  .duration-150{
1726
2161
  transition-duration: 150ms;
1727
2162
  }
2163
+ .duration-200{
2164
+ transition-duration: 200ms;
2165
+ }
1728
2166
  .duration-300{
1729
2167
  transition-duration: 300ms;
1730
2168
  }
@@ -1927,10 +2365,21 @@ button {
1927
2365
  .card-act:hover { background: var(--surface-2); color: var(--text-main); }
1928
2366
  .card-del { color: var(--text-muted); transition: all 0.15s ease; }
1929
2367
  .card-del:hover { background: rgba(239,68,68,0.15); color: #ef4444; }
1930
- .dashed-card { border: 1px dashed var(--border); color: var(--text-muted); transition: all 0.15s ease; }
1931
- .dashed-card:hover { border-color: var(--brand-500); color: var(--brand-500); background: var(--brand-tint); }
2368
+ .dashed-card { border: 1px dashed rgba(230,106,74,0.4); background: rgba(230,106,74,0.05); color: var(--text-muted); transition: all 0.15s ease; }
2369
+ .dashed-card:hover { border-color: var(--brand-500); color: var(--brand-500); background: var(--brand-tint); transform: translateY(-4px); }
2370
+ /* Terminal-window card action buttons (on dark titlebar) */
2371
+ .tw-act { color: rgba(251,191,36,0.7); transition: all 0.15s ease; }
2372
+ .tw-act:hover { background: rgba(251,191,36,0.15); color: #fcd34d; }
2373
+ .tw-del { color: rgba(248,113,113,0.7); transition: all 0.15s ease; }
2374
+ .tw-del:hover { background: rgba(239,68,68,0.2); color: #fca5a5; }
1932
2375
  /* Terminal input — brand focus ring (web parity; tailwind brand color unavailable here) */
1933
2376
  .term-input:focus { box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.4); }
2377
+ .placeholder\:text-text-muted::-moz-placeholder{
2378
+ color: var(--text-muted);
2379
+ }
2380
+ .placeholder\:text-text-muted::placeholder{
2381
+ color: var(--text-muted);
2382
+ }
1934
2383
  .first\:border-t-0:first-child{
1935
2384
  border-top-width: 0px;
1936
2385
  }
@@ -1940,27 +2389,110 @@ button {
1940
2389
  .last\:border-0:last-child{
1941
2390
  border-width: 0px;
1942
2391
  }
2392
+ .hover\:-translate-y-1:hover{
2393
+ --tw-translate-y: -0.25rem;
2394
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2395
+ }
2396
+ .hover\:bg-brand-600:hover{
2397
+ background-color: var(--brand-600);
2398
+ }
2399
+ .hover\:bg-orange-700:hover{
2400
+ --tw-bg-opacity: 1;
2401
+ background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
2402
+ }
2403
+ .hover\:bg-surface:hover{
2404
+ background-color: var(--surface);
2405
+ }
2406
+ .hover\:bg-surface-2:hover{
2407
+ background-color: var(--surface-2);
2408
+ }
2409
+ .hover\:bg-surface-3:hover{
2410
+ background-color: var(--surface-3);
2411
+ }
2412
+ .hover\:bg-white\/10:hover{
2413
+ background-color: rgb(255 255 255 / 0.1);
2414
+ }
2415
+ .hover\:text-danger:hover{
2416
+ color: var(--danger);
2417
+ }
2418
+ .hover\:text-orange-400:hover{
2419
+ --tw-text-opacity: 1;
2420
+ color: rgb(251 146 60 / var(--tw-text-opacity, 1));
2421
+ }
2422
+ .hover\:text-text:hover{
2423
+ color: var(--text-main);
2424
+ }
1943
2425
  .hover\:underline:hover{
1944
2426
  text-decoration-line: underline;
1945
2427
  }
2428
+ .hover\:opacity-90:hover{
2429
+ opacity: 0.9;
2430
+ }
2431
+ .focus\:border-brand-500:focus{
2432
+ border-color: var(--brand-500);
2433
+ }
1946
2434
  .focus\:outline-none:focus{
1947
2435
  outline: 2px solid transparent;
1948
2436
  outline-offset: 2px;
1949
2437
  }
2438
+ .focus\:ring-1:focus{
2439
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2440
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2441
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2442
+ }
2443
+ .focus\:ring-2:focus{
2444
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2445
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2446
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2447
+ }
2448
+ .focus\:ring-brand-500:focus{
2449
+ --tw-ring-color: var(--brand-500);
2450
+ }
2451
+ .focus\:ring-emerald-500\/40:focus{
2452
+ --tw-ring-color: rgb(16 185 129 / 0.4);
2453
+ }
1950
2454
  .active\:scale-\[0\.94\]:active{
1951
2455
  --tw-scale-x: 0.94;
1952
2456
  --tw-scale-y: 0.94;
1953
2457
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1954
2458
  }
2459
+ .active\:scale-\[0\.96\]:active{
2460
+ --tw-scale-x: 0.96;
2461
+ --tw-scale-y: 0.96;
2462
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2463
+ }
2464
+ .active\:scale-\[0\.98\]:active{
2465
+ --tw-scale-x: 0.98;
2466
+ --tw-scale-y: 0.98;
2467
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2468
+ }
2469
+ .disabled\:cursor-not-allowed:disabled{
2470
+ cursor: not-allowed;
2471
+ }
2472
+ .disabled\:bg-surface-2:disabled{
2473
+ background-color: var(--surface-2);
2474
+ }
2475
+ .disabled\:opacity-40:disabled{
2476
+ opacity: 0.4;
2477
+ }
2478
+ .disabled\:opacity-60:disabled{
2479
+ opacity: 0.6;
2480
+ }
1955
2481
  .group:hover .group-hover\:block{
1956
2482
  display: block;
1957
2483
  }
1958
2484
  .group:hover .group-hover\:hidden{
1959
2485
  display: none;
1960
2486
  }
2487
+ .group:hover .group-hover\:opacity-100{
2488
+ opacity: 1;
2489
+ }
1961
2490
  @media (min-width: 640px){
1962
- .sm\:grid-cols-2{
1963
- grid-template-columns: repeat(2, minmax(0, 1fr));
2491
+ .sm\:inline{
2492
+ display: inline;
2493
+ }
2494
+ .sm\:grid-cols-3{
2495
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1964
2496
  }
1965
2497
  .sm\:px-4{
1966
2498
  padding-left: 1rem;
@@ -1982,8 +2514,8 @@ button {
1982
2514
  .lg\:block{
1983
2515
  display: block;
1984
2516
  }
1985
- .lg\:grid-cols-3{
1986
- grid-template-columns: repeat(3, minmax(0, 1fr));
2517
+ .lg\:grid-cols-4{
2518
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1987
2519
  }
1988
2520
  .lg\:px-10{
1989
2521
  padding-left: 2.5rem;
@@ -1998,7 +2530,7 @@ button {
1998
2530
  }
1999
2531
  }
2000
2532
  @media (min-width: 1280px){
2001
- .xl\:grid-cols-4{
2002
- grid-template-columns: repeat(4, minmax(0, 1fr));
2533
+ .xl\:grid-cols-5{
2534
+ grid-template-columns: repeat(5, minmax(0, 1fr));
2003
2535
  }
2004
2536
  }