/* [project]/src/app/page.module.css [app-client] (css) */
.page-module___8aEwW__container {
  background: #fff;
  height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  display: flex;
}

.page-module___8aEwW__leftColumn {
  border-right: 1px solid #e5e7eb;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.page-module___8aEwW__rightColumn {
  background: #ede9fe;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.page-module___8aEwW__rightColumnPendingApproval {
  background: #fef08a;
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.page-module___8aEwW__titleBar {
  background: linear-gradient(to top right, #bbe5ff, #bbfcff);
  border-bottom: 1px solid #e5e7eb;
  padding: .2rem;
}

.page-module___8aEwW__title {
  color: #111827;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 2rem;
  font-weight: 600;
}

.page-module___8aEwW__messagesArea {
  flex: 1;
  padding: 0 2rem 4rem;
  overflow-y: auto;
}

.page-module___8aEwW__welcomeMessage {
  color: #6b7280;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 2rem;
  font-size: .875rem;
  display: flex;
}

.page-module___8aEwW__userMessage {
  color: #1f2937;
  background: #eff6ff;
  margin-bottom: 0;
  margin-left: -2rem;
  margin-right: -2rem;
  padding: .75rem 2rem .75rem 4rem;
  font-size: .9375rem;
  line-height: 1.6;
  position: relative;
}

.page-module___8aEwW__userMessage:before {
  content: "> ";
  color: #2563eb;
  font-size: .9375rem;
  font-weight: normal;
  line-height: 1.6;
  position: absolute;
  left: 2rem;
}

.page-module___8aEwW__assistantMessage {
  color: #1f2937;
  margin-bottom: 0;
  padding: .75rem 0 .75rem 2rem;
  font-size: .9375rem;
  line-height: 1.6;
  position: relative;
}

.page-module___8aEwW__toolCall {
  cursor: pointer;
  background: #f3f4f6;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: -2rem;
  padding: .75rem 2rem .75rem 1rem;
  font-size: .9375rem;
  line-height: 1.6;
  transition: background-color .15s;
  position: relative;
}

.page-module___8aEwW__toolCall:hover {
  background: #e5e7eb;
}

.page-module___8aEwW__toolCallPinned {
  cursor: pointer;
  background: #ede9fe;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: -2rem;
  padding: .75rem 2rem .75rem 1rem;
  font-size: .9375rem;
  line-height: 1.6;
  transition: background-color .15s;
  position: relative;
}

.page-module___8aEwW__toolCallPinned:hover {
  background: #ede9fe;
}

.page-module___8aEwW__toolCallPendingApproval {
  cursor: pointer;
  background: #fef08a;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: -2rem;
  padding: .75rem 2rem .75rem 1rem;
  font-size: .9375rem;
  line-height: 1.6;
  transition: background-color .15s;
  position: relative;
}

.page-module___8aEwW__toolCallPendingApproval:hover {
  background: #fde047;
}

.page-module___8aEwW__toolCallPendingApprovalPinned {
  cursor: pointer;
  background: #fde047;
  margin-bottom: .5rem;
  margin-left: 1rem;
  margin-right: -2rem;
  padding: .75rem 2rem .75rem 1rem;
  font-size: .9375rem;
  line-height: 1.6;
  transition: background-color .15s;
  position: relative;
}

.page-module___8aEwW__toolCallPendingApprovalPinned:hover {
  background: #fde047;
}

.page-module___8aEwW__toolName {
  color: #111827;
  font-size: .9375rem;
  font-weight: 600;
}

.page-module___8aEwW__toolResult {
  color: #6b7280;
  margin-bottom: 0;
  padding: .75rem 0 .75rem 3rem;
  font-size: .9375rem;
  line-height: 1.6;
  position: relative;
}

.page-module___8aEwW__toolResult:before {
  content: "⎿ ";
  color: #9ca3af;
  font-size: .9375rem;
  font-weight: normal;
  line-height: 1.6;
  position: absolute;
  left: 2rem;
}

.page-module___8aEwW__detailPane {
  padding: 2rem;
}

.page-module___8aEwW__detailPaneInstructions {
  color: #6b7280;
  text-align: center;
  padding: 4rem 2rem;
  font-size: .875rem;
}

.page-module___8aEwW__detailPaneContent {
  background: #fff;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px #0000001a;
}

.page-module___8aEwW__inputArea {
  background: #fff;
  border-top: 1px solid #e5e7eb;
  padding: 1rem 2rem;
}

.page-module___8aEwW__inputForm {
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.page-module___8aEwW__textarea {
  resize: none;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  flex: 1;
  min-height: 80px;
  padding: .75rem;
  font-family: inherit;
  font-size: .875rem;
}

.page-module___8aEwW__textarea:focus {
  border-color: #3b82f6;
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.page-module___8aEwW__sendButton {
  color: #fff;
  cursor: pointer;
  background: #3b82f6;
  border: none;
  border-radius: 6px;
  padding: .75rem 1.5rem;
  font-size: .875rem;
  font-weight: 500;
}

.page-module___8aEwW__sendButton:hover:not(:disabled) {
  background: #2563eb;
}

.page-module___8aEwW__sendButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.page-module___8aEwW__connectionStatus {
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-left: .5rem;
  display: inline-block;
}

.page-module___8aEwW__connectionStatus.page-module___8aEwW__connected {
  background: #22c55e;
  box-shadow: 0 0 0 2px #22c55e33;
}

.page-module___8aEwW__connectionStatus.page-module___8aEwW__connecting {
  background: #eab308;
  box-shadow: 0 0 0 2px #eab30833;
}

.page-module___8aEwW__connectionStatus.page-module___8aEwW__disconnected {
  background: #ef4444;
  box-shadow: 0 0 0 2px #ef444433;
}

.page-module___8aEwW__assistantMessage pre {
  background: #f8f8f8;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  margin: .5rem 0;
  padding: .75rem;
  overflow-x: auto;
}

.page-module___8aEwW__assistantMessage code {
  font-family: Monaco, Menlo, monospace;
  font-size: .875rem;
}

.page-module___8aEwW__assistantMessage p code {
  background: #f3f4f6;
  border-radius: 3px;
  padding: .125rem .25rem;
}

.page-module___8aEwW__assistantMessage p {
  margin: .5rem 0;
  line-height: 1.6;
}

.page-module___8aEwW__assistantMessage ul, .page-module___8aEwW__assistantMessage ol {
  margin: .5rem 0;
  padding-left: 1.5rem;
}

.page-module___8aEwW__assistantMessage li {
  margin: .25rem 0;
}

/*# sourceMappingURL=src_app_page_module_2aa510fc.css.map*/