.logs-dialog {
  padding: 20px 20px 16px;
  max-width: 560px;
  width: calc(100vw - 32px);
  max-height: calc(var(--app-height) - 80px);
}

.logs-dialog[open] {
  display: flex;
  flex-direction: column;
}

.logs-list {
  flex: 1;
  min-height: 120px;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.72rem;
  line-height: 1.5;
  background: light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.04));
  border-radius: 8px;
  padding: 10px 12px;
}

.logs-line {
  white-space: pre;
  color: var(--muted);
}

.logs-line--info { color: var(--text); }
.logs-line--warn { color: #fbbf24; }
.logs-line--error { color: #fca5a5; }

.logs-empty {
  margin: 0;
  color: var(--muted);
  font-size: 0.8rem;
}

.logs-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 16px;
}