/* Root-level JS HTML templates: former style= attributes (CSP style-src hygiene).
   html body + class repeated 3× so these beat index.css the way inline did.
   Still inline in those templates:
   - computed background-color on photo swatches
   - computed aspect-ratio on bulk-ad thumbs
   - display:none on #lockHealthList (the toggle reads element.style.display) */

html body .rjs-s-0953a9bc.rjs-s-0953a9bc.rjs-s-0953a9bc {
  font-size: 12px;
  word-break: break-all;
}

html body .rjs-s-0f44790a.rjs-s-0f44790a.rjs-s-0f44790a {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,0.2);
  min-height: 96px;
}

html body .rjs-s-13b180ad.rjs-s-13b180ad.rjs-s-13b180ad {
  opacity: .7;
}

html body .rjs-s-173a4dd3.rjs-s-173a4dd3.rjs-s-173a4dd3 {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

html body .rjs-s-17daee8e.rjs-s-17daee8e.rjs-s-17daee8e {
  display: block;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,0.25);
}

html body .rjs-s-22e4f334.rjs-s-22e4f334.rjs-s-22e4f334 {
  font-size: 11px;
  margin-bottom: 6px;
  color: var(--text-secondary);
  line-height: 1.4;
}

html body .rjs-s-242d767d.rjs-s-242d767d.rjs-s-242d767d {
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

html body .rjs-s-269035c2.rjs-s-269035c2.rjs-s-269035c2 {
  margin-top: 8px;
  padding: 8px;
  background: rgba(0,0,0,0.2);
}

html body .rjs-s-2ee3f6c9.rjs-s-2ee3f6c9.rjs-s-2ee3f6c9 {
  font-size: 12px;
  color: var(--text-secondary);
  padding: 6px 8px;
  background: rgba(0,0,0,0.25);
  border-radius: 6px;
}

html body .rjs-s-3061a36e.rjs-s-3061a36e.rjs-s-3061a36e {
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
}

html body .rjs-s-30f345fe.rjs-s-30f345fe.rjs-s-30f345fe {
  display: block;
  font-size: 9px;
  padding: 4px 6px;
  color: var(--text-secondary);
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.06);
  line-height: 1.25;
}

html body .rjs-s-37f9f702.rjs-s-37f9f702.rjs-s-37f9f702 {
  font-size: 12px;
  color: var(--danger);
  margin: 0;
}

html body .rjs-s-41f7cf09.rjs-s-41f7cf09.rjs-s-41f7cf09 {
  font-size: 11px;
  color: var(--text-secondary);
  padding: 7px 9px;
  background: rgba(0,0,0,0.25);
  border-radius: 6px;
  line-height: 1.4;
}

html body .rjs-s-452acf19.rjs-s-452acf19.rjs-s-452acf19 {
  color: #fff;
}

html body .rjs-s-46b2ffc0.rjs-s-46b2ffc0.rjs-s-46b2ffc0 {
  font-size: 9px;
  margin-top: 4px;
  color: var(--text-muted);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html body .rjs-s-48eda623.rjs-s-48eda623.rjs-s-48eda623 {
  color: #a7f3d0;
}

html body .rjs-s-510774e4.rjs-s-510774e4.rjs-s-510774e4 {
  color: var(--text-secondary);
  text-align: center;
}

html body .rjs-s-5788b5cd.rjs-s-5788b5cd.rjs-s-5788b5cd {
  padding: 8px 0;
}

html body .rjs-s-5fb61222.rjs-s-5fb61222.rjs-s-5fb61222 {
  aspect-ratio: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  font-size: 10px;
  padding: 6px;
  text-align: center;
}

html body .rjs-s-63fcc49b.rjs-s-63fcc49b.rjs-s-63fcc49b {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

html body .rjs-s-6b744709.rjs-s-6b744709.rjs-s-6b744709 {
  font-size: 9px;
  padding: 4px 6px;
  color: var(--text-secondary);
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.06);
}

html body .rjs-s-6e22c58a.rjs-s-6e22c58a.rjs-s-6e22c58a {
  display: none;
}

html body .rjs-s-6f53c402.rjs-s-6f53c402.rjs-s-6f53c402 {
  font-size: 11px;
  padding: 6px 10px;
}

html body .rjs-s-721896bb.rjs-s-721896bb.rjs-s-721896bb {
  font-size: 11px;
  color: var(--text-secondary);
}

html body .rjs-s-7233a9f6.rjs-s-7233a9f6.rjs-s-7233a9f6 {
  margin: 0 0 8px;
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.45;
}

html body .rjs-s-791b51a7.rjs-s-791b51a7.rjs-s-791b51a7 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

html body .rjs-s-801fce41.rjs-s-801fce41.rjs-s-801fce41 {
  display: block;
  aspect-ratio: 3/4;
  position: relative;
}

html body .rjs-s-8947a809.rjs-s-8947a809.rjs-s-8947a809 {
  color: var(--text-secondary);
  text-align: center;
  padding: 12px 0;
}

html body .rjs-s-8f466b3c.rjs-s-8f466b3c.rjs-s-8f466b3c {
  font-size: 12px;
  color: #fff;
  margin-bottom: 6px;
  font-weight: 700;
}

html body .rjs-s-91f6cc08.rjs-s-91f6cc08.rjs-s-91f6cc08 {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 16px;
  height: 16px;
}

html body .rjs-s-9d21da37.rjs-s-9d21da37.rjs-s-9d21da37 {
  color: var(--text-muted);
}

html body .rjs-s-b25718cc.rjs-s-b25718cc.rjs-s-b25718cc {
  font-size: 8px;
  color: var(--accent-primary);
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px;
}

html body .rjs-s-b42f5691.rjs-s-b42f5691.rjs-s-b42f5691 {
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  overflow: hidden;
  background: rgba(0,0,0,0.2);
}

html body .rjs-s-bf8e9f7e.rjs-s-bf8e9f7e.rjs-s-bf8e9f7e {
  grid-column: 1/-1;
}

html body .rjs-s-cc7dcfa6.rjs-s-cc7dcfa6.rjs-s-cc7dcfa6 {
  font-size: 10px;
  color: var(--text-muted);
  padding: 6px;
  text-align: center;
  line-height: 1.3;
}

html body .rjs-s-d258454e.rjs-s-d258454e.rjs-s-d258454e {
  color: var(--accent-primary);
}

html body .rjs-s-d5a3ad30.rjs-s-d5a3ad30.rjs-s-d5a3ad30 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  cursor: pointer;
}

html body .rjs-s-df502b42.rjs-s-df502b42.rjs-s-df502b42 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  cursor: pointer;
}

html body .rjs-s-e0489cab.rjs-s-e0489cab.rjs-s-e0489cab {
  grid-column: 1/-1;
  padding: 14px 12px;
  border: 1px dashed rgba(56,189,248,0.35);
  border-radius: 10px;
  background: rgba(56,189,248,0.06);
  text-align: center;
}

html body .rjs-s-e8026db8.rjs-s-e8026db8.rjs-s-e8026db8 {
  font-size: 13px;
  font-weight: 600;
  margin-top: 2px;
}

html body .rjs-s-f63ea001.rjs-s-f63ea001.rjs-s-f63ea001 {
  font-size: 10px;
  color: #ccc;
  max-height: 60px;
  overflow-y: auto;
  font-family: var(--font-mono);
}