/* Old visit texts card. Staff-only. Matches Appointment messages chrome. */
.hm-old{
  background:var(--panel2);
  border:1px solid var(--line);
  border-radius:16px;
  padding:14px 15px 16px;
  min-width:0;
  overflow-wrap:anywhere;
}
.hm-old-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.hm-old-h b{
  font-size:var(--fs-md);
  font-weight:850;
}
.hm-old-lede,.hm-old-empty,.hm-old-counts,.hm-old-msg{
  margin:8px 0 0;
  max-width:72ch;
  color:var(--sageg);
  line-height:1.45;
  font-size:var(--fs-sm);
}
.hm-old-msg.is-ok{color:var(--green, #3d7a4a);font-weight:750}
.hm-old-msg.is-err{color:var(--mag);font-weight:750}
.hm-old-check,.hm-old-clear{
  appearance:none;
  font:inherit;
  font-weight:750;
  font-size:var(--fs-sm);
  border-radius:9px;
  padding:8px 14px;
  min-height:44px;
  cursor:pointer;
}
.hm-old-check{
  border:1px solid var(--line);
  background:transparent;
  color:var(--ww, inherit);
}
.hm-old-check:hover{border-color:var(--mag);color:var(--mag)}
.hm-old-clear{
  margin-top:12px;
  border:0;
  background:var(--mag);
  color:#fff;
}
.hm-old-check:disabled,.hm-old-clear:disabled{opacity:.55;cursor:default}
.hm-old-grp{margin-top:12px}
.hm-old-grp h3{
  margin:0 0 6px;
  font-size:var(--fs-micro);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--sagel);
  font-weight:800;
}
.hm-old-grp ul{list-style:none;margin:0;padding:0}
.hm-old-row{
  display:grid;
  gap:2px;
  padding:10px 0;
  border-top:1px solid var(--line);
  font-size:var(--fs-sm);
}
.hm-old-who{font-weight:800}
.hm-old-meta,.hm-old-when,.hm-old-id{
  color:var(--sageg);
  font-size:var(--fs-sm);
}
.hm-old-id{word-break:break-all}
@media(max-width:640px){
  .hm-old-h{flex-wrap:wrap}
  .hm-old-check,.hm-old-clear{width:100%}
}