.company-route-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0;
}

.company-route-nav button {
  padding: 10px 13px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #fff;
  color: #637269;
  font-size: 12px;
}

.company-route-nav button:hover,
.company-route-nav button.active {
  border-color: var(--green);
  background: var(--green);
  color: #fff;
}

.company-route-panel > .card:first-child { margin-top: 0; }

.zalo-history-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
}

.zalo-history-grid .item-list { max-height: 560px; overflow: auto; }

.zalo-history-grid .item-row { cursor: pointer; }
.zalo-history-grid .item-row:hover, .zalo-history-grid .item-row.active { background: #f3f7f4; }

.zalo-history-thread {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  max-height: 560px;
  overflow: auto;
}

.zalo-history-thread .messages { padding: 18px; }
.zalo-history-thread .empty-state { padding: 40px 18px; }
.zalo-history-image { max-width: 260px; border-radius: 10px; margin-top: 8px; display: block; }

@media (max-width: 700px) {
  .zalo-history-grid { grid-template-columns: 1fr; }
}