/* views/shop.css */
.ts-app {
  --ts-pink: 348 99% 58%;
  --ts-cyan: 178 90% 47%;
  --ts-new: 178 85% 38%;
  --ts-planned: 262 70% 58%;
  --ts-scripted: 36 95% 48%;
  --ts-filmed: 348 90% 52%;
  --ts-published: 145 60% 38%;
  --ts-dropped: 220 8% 55%;
}
.dark .ts-app,
.dark.ts-app {
  --ts-cyan: 178 90% 55%;
  --ts-new: 178 85% 52%;
  --ts-scripted: 40 95% 58%;
  --ts-published: 145 55% 52%;
}
.ts-glitch {
  text-shadow: -1.5px -1px 0 hsl(var(--ts-cyan) / 0.85), 1.5px 1px 0 hsl(var(--ts-pink) / 0.85);
}
.ts-ring {
  border: 2px solid transparent;
  background:
    linear-gradient(hsl(var(--card)), hsl(var(--card))) padding-box,
    linear-gradient(
      135deg,
      hsl(var(--ts-cyan)),
      hsl(var(--ts-pink))) border-box;
}
.ts-status-dot {
  background: hsl(var(--ts-status));
  box-shadow: 0 0 0 3px hsl(var(--ts-status) / 0.2);
}
.ts-status-pill {
  color: hsl(var(--ts-status));
  background: hsl(var(--ts-status) / 0.12);
  border-color: hsl(var(--ts-status) / 0.35);
}
.ts-idea {
  border-left: 4px solid hsl(var(--ts-status));
}
.ts-hook {
  background:
    linear-gradient(
      135deg,
      hsl(var(--ts-status) / 0.14),
      hsl(var(--ts-pink) / 0.1));
  border-left: 3px solid hsl(var(--ts-pink));
}
.ts-report table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  font-size: 0.8125rem;
}
.ts-report th {
  white-space: nowrap;
}
.ts-date {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}