/* Preserve original dimensions; tint only interactive cards. */
@media (hover: hover) and (pointer: fine) {
  #main
    :is(
      a.card,
      a.si-card,
      a.pv-entry,
      a.atb-card,
      a.ref-specialty,
      a.wh-event,
      a.wh-care-card,
      .ph-bi-list a
    ):hover,
  #main
    :is(.resource-favorite, .tool-card):hover
    > :is(a.card, a.si-card, a.pv-entry, a.atb-card, a.ref-specialty) {
    background: #f0f7f6;
    background: color-mix(in srgb, var(--ui-accent, #176f68) 6%, white);
    border-color: #a7c9c4;
  }
}
/* Restrained BI: white surfaces, colour only on status labels. */
#main .ph-bi-card {
  background: #fff;
  border: 1px solid #dce4e8;
  border-radius: 12px;
  box-shadow: 0 2px 5px #18344104;
}
#main .ph-bi-card > header {
  padding: 18px 18px 10px;
  align-items: center;
}
#main .ph-bi-card h2 {
  font-size: 16px;
}
#main .ph-bi-card .ph-bi-status {
  font-weight: 600;
  background: #f5f7f8;
  font-size: 12px;
}
#main .ph-bi-card .ph-table thead {
  background: #f5f7f8;
}
#main .ph-bi-card .ph-table {
  border-color: #dce4e8;
}
#main .ph-bi-card-footer {
  background: #fafbfc;
}
/* Very light clinical tints; preserve the explicit status text. */
#main .ph-bi-card[data-tone='ok'] {
  background: #f7fbf9;
  border-color: #d8e7df;
}
#main .ph-bi-card[data-tone='caution'] {
  background: #fffcf6;
  border-color: #e9e1cf;
}
#main .ph-bi-card[data-tone='danger'] {
  background: #fff8f8;
  border-color: #ecdcdc;
}
#main .ph-bi-card-footer {
  background: transparent;
}