.hba-monitor { background:#0b1220; color:#e2e8f0; padding:20px; min-height:80vh; font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell; }
.hba-monitor-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.hba-columns { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.hba-col h3 { margin:0 0 8px; font-weight:700; }
.hba-list { display:flex; flex-direction:column; gap:8px; }
.hba-card { background:#0f172a; border:1px solid #1f2937; border-radius:14px; padding:12px; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
.hba-title { font-weight:700; }
.hba-dates, .hba-meta { font-size:13px; color:#94a3b8; }
.hba-status { margin-top:6px; font-size:12px; opacity:.9; }

/* Кружок и двухстрочная "голова" */
.hba-card .hba-head{
  display:grid;
  grid-template-columns:16px 1fr;
  grid-template-rows:auto auto;
  column-gap:8px;
  row-gap:2px;
  align-items:start;
  margin-bottom:6px;
}
.hba-card .hba-dot{
  grid-row:1 / span 2;
  width:12px;height:12px;border-radius:50%;
  background: var(--dot-color,#64748B);
  margin-top:2px;
}
/* Даты слева, "Тип · Тел" справа в той же строке */
.hba-card .hba-subline{
  display:flex; align-items:baseline; gap:8px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.hba-card .hba-subline .hba-meta-inline{
  margin-left:auto; text-align:right;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}