.case-item[data-status] { transition: opacity 0.3s; }
.case-item.hidden { display: none; }
/* key→value chips (stacked: label on top, value full width) */
.wpcm-kv{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.25rem;
  background:var(--bs-body-bg);
  border-color:var(--bs-border-color)!important;
}

.wpcm-kv .k{
  font-weight:600;
  color:var(--bs-secondary-color);
  font-size:.75rem;
  line-height:1;
}

.wpcm-kv .v{
  min-width:0;
  word-break:break-word;
}

/* code blocks (hashes/JSON) should wrap nicely */
.wpcm-kv code{
  font-size:.875rem;
  white-space:pre-wrap;
  word-break:break-word;
}

/* Cards should follow theme */
#cases-list .card{
  border:1px solid var(--bs-border-color);
  background:var(--bs-body-bg);
  color:var(--bs-body-color);
}

/* Thumbs keep a subtle border in both modes */
.wpcm-ev-grid .wpcm-ev-thumb{
  width:72px; height:72px; object-fit:cover;
  border-radius:.25rem; border:1px solid var(--bs-border-color);
}


/* Page container adopts theme (prevents white page around dark cards) */
#wpcm-my-cases {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}

/* Search input should follow the active theme */
#wpcm-my-cases #case-search.form-control,
#wpcm-my-cases input#case-search {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* Placeholder color (both modes) */
#wpcm-my-cases #case-search::placeholder {
  color: var(--bs-secondary-color) !important;
  opacity: 1;
}

/* Focus ring compatible with dark/light tokens */
#wpcm-my-cases #case-search:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) !important;
}

/* Force a tile to span the full row even inside row-cols grids */
.wpcm-field-grid .wpcm-col-full{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}