/**
 * Elinom Copilot conversation inbox + Agent Assist.
 * Unique filename: nginx caches /css/ immutable.
 */

.eco-home-split {
  display: block;
}

.eco-inbox {
  display: grid;
  grid-template-columns: 15rem minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.eco-assist,
.eco-inbox-list,
.eco-inbox-thread {
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 1rem;
  padding: 0.9rem 1rem;
  min-width: 0;
}

.eco-assist h3,
.eco-inbox-list h3,
.eco-inbox-thread h3 {
  margin: 0 0 0.55rem;
  font-size: 0.92rem;
}

.eco-assist dl {
  margin: 0;
  display: grid;
  grid-template-columns: 6.2rem minmax(0, 1fr);
  gap: 0.28rem 0.5rem;
  font-size: 0.78rem;
}

.eco-assist dt {
  color: #94a3b8;
}

.eco-assist dd {
  margin: 0;
}

.eco-signal {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.72rem;
  color: #cbd5e1;
}

.eco-thread-item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0.55rem 0.35rem;
  border-radius: 0.6rem;
  cursor: pointer;
}

.eco-thread-item[aria-current="true"] {
  background: rgba(99, 102, 241, 0.2);
}

.eco-nba {
  margin: 0.7rem 0 0;
  padding: 0.55rem 0.65rem;
  border-radius: 0.7rem;
  background: rgba(99, 102, 241, 0.12);
  font-size: 0.78rem;
}

@media (max-width: 1100px) {
  .eco-inbox {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .eco-home-split,
  .eco-inbox {
    grid-template-columns: minmax(0, 1fr);
  }

  .eco-assist dl {
    grid-template-columns: minmax(0, 1fr);
  }
}