.chat-input-shell {
  background: var(--g-input-shell-bg) !important;
  border-top: 1px solid #e0e2e5 !important;
  padding: 1.25rem !important;
}

.chat-input-shell textarea {
  border-radius: 16px !important;
  border: 1px solid #dee1e6 !important;
  background: #fff !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
  min-height: 52px !important;
  padding: 0.85rem 1.1rem !important;
  font-size: 0.95rem !important;
}

.chat-input-shell textarea:focus {
  border-color: var(--g-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--g-accent) 35%, transparent);
}

.markdown-body {
  color-scheme: light !important;
  --bgColor-default: transparent !important;
  --fgColor-default: #1f2328 !important;
  background: transparent !important;
  color: #1f2328 !important;
}

@media (max-width: 768px) {
  .mini-chat-container {
    background: white !important;
  }

  .mini-chat-container.minimized {
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    -webkit-background: rgba(0, 0, 0, 0) !important;
    -webkit-background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
    opacity: 1 !important;
  }

  .mini-chat-container.minimized::before,
  .mini-chat-container.minimized::after {
    display: none !important;
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .chat-content-wrapper {
    background: white !important;
  }
}

@supports (-webkit-touch-callout: none) {
  .mini-chat-container.minimized {
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    -webkit-background: rgba(0, 0, 0, 0) !important;
    -webkit-background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
  }

  .mini-chat-container.minimized * {
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px) {
  .mini-chat-container.minimized {
    background: rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    -webkit-background: rgba(0, 0, 0, 0) !important;
    -webkit-background-color: rgba(0, 0, 0, 0) !important;
  }
}
