.lwf-root[data-v-87b3d4bf] {
  padding: 12px 16px 20px;
}
.lwf-id[data-v-87b3d4bf] {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
  color: rgb(100 116 139);
}
.lwf-title[data-v-87b3d4bf] {
  font-size: 13px;
  font-weight: 500;
  color: rgb(15 23 42);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}
.lwf-date[data-v-87b3d4bf] {
  font-family: "Geist Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
  font-size: 11.5px;
  color: rgb(71 85 105);
}
.lwf-date--expired[data-v-87b3d4bf] {
  color: rgb(180 83 9);
}
.lwf-badge[data-v-87b3d4bf] {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.lwf-badge--gain[data-v-87b3d4bf] {
  background: rgb(236 253 245);
  color: rgb(4 120 87);
}
.lwf-badge--loss[data-v-87b3d4bf] {
  background: rgb(255 241 242);
  color: rgb(190 18 60);
}
.lwf-badge--expired[data-v-87b3d4bf] {
  background: rgb(254 243 199);
  color: rgb(146 64 14);
}
.lwf-badge--pending[data-v-87b3d4bf] {
  background: rgb(241 245 249);
  color: rgb(71 85 105);
}

/* Dark mode */
.dark .lwf-title[data-v-87b3d4bf] {
  color: rgb(241 245 249);
}
.dark .lwf-id[data-v-87b3d4bf] {
  color: rgb(148 163 184);
}
.dark .lwf-date[data-v-87b3d4bf] {
  color: rgb(148 163 184);
}
.dark .lwf-date--expired[data-v-87b3d4bf] {
  color: rgb(252 211 77);
}
.dark .lwf-badge--gain[data-v-87b3d4bf] {
  background: rgb(6 78 59 / 0.3);
  color: rgb(110 231 183);
}
.dark .lwf-badge--loss[data-v-87b3d4bf] {
  background: rgb(136 19 55 / 0.3);
  color: rgb(253 164 175);
}
.dark .lwf-badge--expired[data-v-87b3d4bf] {
  background: rgb(146 64 14 / 0.3);
  color: rgb(252 211 77);
}
.dark .lwf-badge--pending[data-v-87b3d4bf] {
  background: rgb(30 41 59 / 0.6);
  color: rgb(203 213 225);
}