/* Isolated - Minimal custom styles (edencss provides the rest) */

.app-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--eden-font-family-base);
}

.chat-section {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.chat-messages {
  flex: 1;
  overflow-y: auto;
  min-height: 100px;
  border-radius: var(--eden-radius-md);
}

.chat-message {
  margin-bottom: var(--eden-space-sm);
  padding: var(--eden-space-xs) var(--eden-space-sm);
  border-radius: var(--eden-radius-sm);
  background: var(--eden-color-bg-surface);
  font-size: var(--eden-font-size-sm);
}

.chat-message.own {
  background: var(--eden-color-accent-warning-muted);
  margin-left: 20%;
}

.chat-message.system {
  background: var(--eden-color-bg-glass-light);
  color: var(--eden-color-text-secondary);
  font-style: italic;
  text-align: center;
}

.chat-message .time {
  font-size: var(--eden-font-size-xs);
  color: var(--eden-color-text-tertiary);
  float: right;
}

.direct-chat {
  border: 1px solid var(--eden-color-accent-warning-muted);
}