/* v6.4.19 — concern -> matching Karte selection visibility */
#empathy-ledger .v649-concern-card,
#empathy-ledger .v649-case-card{
  transition:
    transform .28s ease,
    border-color .28s ease,
    background-color .28s ease,
    box-shadow .28s ease,
    color .28s ease !important;
}

/* Chosen concern: keep the user's choice visible until another concern is selected. */
#empathy-ledger .v649-concern-card.is-selected-source{
  background:#fff3ef !important;
  border-color:#f47b6d !important;
  box-shadow:0 0 0 3px rgba(244,123,109,.10), 0 14px 30px rgba(244,123,109,.12) !important;
  transform:translateY(-3px) !important;
  z-index:4;
}
#empathy-ledger .v649-concern-card.is-selected-source::after{
  background:#fff3ef !important;
  border-right-color:#f47b6d !important;
  border-bottom-color:#f47b6d !important;
}
#empathy-ledger .v649-concern-card.is-selected-source::before{
  content:"選択中";
  position:absolute;
  top:9px;
  right:10px;
  z-index:3;
  padding:3px 8px;
  border-radius:999px;
  background:#f47b6d;
  color:#fff;
  font-size:9px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.04em;
}

/* Matching Karte: stronger visual change than the temporary connecting line. */
#empathy-ledger .v649-case-card.is-selected-target{
  background:linear-gradient(180deg,#fff0ec 0%,#fff7f4 100%) !important;
  border-color:#f47b6d !important;
  box-shadow:0 0 0 4px rgba(244,123,109,.11), 0 18px 34px rgba(244,123,109,.16) !important;
  transform:translateY(-6px) scale(1.035) !important;
  z-index:6 !important;
}
#empathy-ledger .v649-case-card.is-selected-target::before{
  content:"このお悩みに対応";
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
  padding:4px 8px;
  border-radius:999px;
  background:#f47b6d;
  color:#fff;
  font-size:9px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.025em;
  white-space:nowrap;
}
#empathy-ledger .v649-case-card.is-selected-target .v649-case-num{
  color:#d96054 !important;
}
#empathy-ledger .v649-case-card.is-selected-target strong{
  color:#173a5a !important;
}
#empathy-ledger .v649-case-card.is-selected-target .v649-case-arrow{
  color:#fff !important;
  background:#f47b6d !important;
  border-color:#f47b6d !important;
  box-shadow:0 6px 14px rgba(244,123,109,.20);
}

/* Temporary line animation can coexist, but selected state remains after it disappears. */
#empathy-ledger .v649-case-card.is-selected-target.is-linked,
#empathy-ledger .v649-concern-card.is-selected-source.is-linked{
  border-color:#f47b6d !important;
}

@media (max-width:680px){
  #empathy-ledger .v649-concern-card.is-selected-source{
    transform:translateY(-2px) !important;
  }
  #empathy-ledger .v649-concern-card.is-selected-source::before{
    top:7px;
    right:7px;
    font-size:8px;
    padding:3px 6px;
  }
  #empathy-ledger .v649-case-card.is-selected-target{
    transform:translateY(-4px) scale(1.025) !important;
  }
  #empathy-ledger .v649-case-card.is-selected-target::before{
    top:8px;
    right:7px;
    max-width:88px;
    padding:3px 6px;
    font-size:8px;
    white-space:normal;
    text-align:center;
  }
}

@media (prefers-reduced-motion:reduce){
  #empathy-ledger .v649-concern-card,
  #empathy-ledger .v649-case-card{
    transition:none !important;
  }
}