/* [project]/exypnos/src/Components/Bernard/ChatSidebar.module.css [app-client] (css) */
.ChatSidebar-module__xTLXSq__Sidebar {
  background-color: var(--sidebar-bg);
  width: 260px;
  height: 100vh;
  color: var(--sidebar-text);
  z-index: 20;
  border-right: 1px solid #0000001a;
  flex-direction: column;
  padding: 0;
  transition: width .3s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

[data-theme="dark"] .ChatSidebar-module__xTLXSq__Sidebar {
  border-right: 1px solid #ffffff0d;
}

.ChatSidebar-module__xTLXSq__Sidebar.ChatSidebar-module__xTLXSq__Collapsed {
  width: 56px;
  overflow: visible;
}

.ChatSidebar-module__xTLXSq__TopRow {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 60px;
  padding: 12px 8px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__TopRow {
  justify-content: flex-start;
  padding: 12px 8px;
}

.ChatSidebar-module__xTLXSq__IconGroup {
  align-items: center;
  gap: 4px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__IconButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  transition: background-color .15s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__IconButton:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__LogoButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__LogoButton:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__CollapsedLogoButton {
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  transition: background-color .15s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__CollapsedLogoButton:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__LogoIcon {
  border-radius: 6px;
}

.ChatSidebar-module__xTLXSq__LogoIconMasked {
  background-color: var(--icon-color);
  border-radius: 6px;
  width: 24px;
  height: 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ChatSidebar-module__xTLXSq__BrandText {
  color: var(--sidebar-text);
  white-space: nowrap;
  flex: 1;
  font-size: 16px;
  font-weight: 600;
  transition: opacity .2s;
}

.ChatSidebar-module__xTLXSq__BrandTextHidden {
  opacity: 0;
}

.ChatSidebar-module__xTLXSq__CollapseButton {
  width: 40px;
  height: 40px;
  color: var(--sidebar-icon);
  cursor: pointer;
  opacity: 1;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transition: background-color .15s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__CollapseButtonVisible {
  opacity: 1;
}

.ChatSidebar-module__xTLXSq__CollapseButton:hover {
  color: var(--sidebar-text);
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__NewChatButton {
  background-color: var(--input-bg);
  color: var(--sidebar-text);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin: 0 12px 20px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s;
  display: flex;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__NewChatButton:hover {
  background-color: var(--hover-bg, #0000001a);
}

.ChatSidebar-module__xTLXSq__NewChatIcon {
  flex-shrink: 0;
  margin-right: 8px;
}

.ChatSidebar-module__xTLXSq__MenuList {
  flex-direction: column;
  gap: 0;
  padding: 0 8px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__MenuList {
  align-items: flex-start;
  padding: 0 8px;
}

.ChatSidebar-module__xTLXSq__MenuItem {
  width: 100%;
  min-height: 37px;
  color: var(--sidebar-text);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 10px 11.5px;
  font-family: inherit;
  font-size: 13px;
  transition: background-color .15s;
  display: flex;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__MenuItemActive {
  background-color: var(--selected-bg, #ffffff26) !important;
}

.ChatSidebar-module__xTLXSq__MenuIcon {
  color: var(--sidebar-text, #fff);
  flex-shrink: 0;
  width: 17px;
  height: 17px;
}

.ChatSidebar-module__xTLXSq__MenuText {
  opacity: 1;
  transition: opacity .2s;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__MenuText {
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__MenuItem {
  border-radius: 8px;
  justify-content: center;
  gap: 0;
  width: 40px;
  height: 37px;
  padding: 10px 11px;
}

.ChatSidebar-module__xTLXSq__Divider {
  background-color: var(--dropdown-border, #2f2f2f);
  height: 1px;
  margin: 12px;
  transition: opacity .2s;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__Divider {
  opacity: 0;
}

.ChatSidebar-module__xTLXSq__ChatsSection {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0 12px;
  transition: opacity .2s;
  display: flex;
  overflow: visible;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ChatsSection {
  opacity: 0;
  pointer-events: none;
}

.ChatSidebar-module__xTLXSq__ChatsLabel {
  color: var(--text-muted, #8e8e8e);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  transition: opacity .2s;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ChatsLabel {
  opacity: 0;
}

.ChatSidebar-module__xTLXSq__ChatList {
  flex: 1;
  padding-bottom: 200px;
  padding-right: 4px;
  overflow: hidden auto;
}

.ChatSidebar-module__xTLXSq__ChatList::-webkit-scrollbar {
  width: 4px;
}

.ChatSidebar-module__xTLXSq__ChatList::-webkit-scrollbar-track {
  background: none;
}

.ChatSidebar-module__xTLXSq__ChatList::-webkit-scrollbar-thumb {
  background: var(--dropdown-border, #4a4a4a);
  border-radius: 4px;
}

.ChatSidebar-module__xTLXSq__DateGroup {
  margin-bottom: 8px;
}

.ChatSidebar-module__xTLXSq__DateLabel {
  color: var(--text-muted, #8e8e8e);
  text-transform: uppercase;
  letter-spacing: .03em;
  padding: 8px 12px 4px;
  font-size: 11px;
  font-weight: 600;
  transition: opacity .2s;
  display: block;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__DateLabel {
  opacity: 0;
}

.ChatSidebar-module__xTLXSq__ChatItem {
  cursor: pointer;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 11.5px;
  transition: background-color .1s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__ChatItem:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__ChatItemActive {
  background-color: var(--selected-bg, #ffffff26);
}

.ChatSidebar-module__xTLXSq__ChatTitle {
  color: var(--sidebar-text, #ececec);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-size: 13px;
  transition: opacity .2s;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ChatTitle {
  opacity: 0;
}

.ChatSidebar-module__xTLXSq__StatusContainer {
  flex-shrink: 0;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__LoadingSpinner {
  width: 24px;
  height: 24px;
  color: var(--text-muted, #8e8e8e);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  animation: 1s linear infinite ChatSidebar-module__xTLXSq__spin;
  display: flex;
}

@keyframes ChatSidebar-module__xTLXSq__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.ChatSidebar-module__xTLXSq__UnreadDot {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__UnreadDot:after {
  content: "";
  background-color: #3b82f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.ChatSidebar-module__xTLXSq__MenuContainer {
  position: relative;
}

.ChatSidebar-module__xTLXSq__MenuButton {
  color: var(--text-muted, #8e8e8e);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .15s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__MenuButtonVisible {
  opacity: 1;
}

.ChatSidebar-module__xTLXSq__MenuButton:hover {
  color: var(--text-primary, #ececec);
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__DropdownMenu {
  background-color: var(--dropdown-bg, #111);
  border: 1px solid var(--dropdown-border, #1f1f1f);
  z-index: 1000;
  border-radius: 10px;
  min-width: 160px;
  margin-top: 4px;
  padding: 4px;
  animation: .15s ChatSidebar-module__xTLXSq__dropdownFadeIn;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 4px 16px #0009;
}

@keyframes ChatSidebar-module__xTLXSq__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ChatSidebar-module__xTLXSq__DropdownItem:hover {
  background-color: var(--dropdown-hover, #1a1a1a);
}

.ChatSidebar-module__xTLXSq__DropdownItem svg {
  color: var(--text-muted, #8e8e8e);
  flex-shrink: 0;
}

.ChatSidebar-module__xTLXSq__DropdownDivider {
  background-color: var(--dropdown-border, #1f1f1f);
  height: 1px;
  margin: 4px 0;
}

.ChatSidebar-module__xTLXSq__DropdownItemDanger, .ChatSidebar-module__xTLXSq__DropdownItemDanger svg {
  color: #ef4444;
}

.ChatSidebar-module__xTLXSq__DropdownItemDanger:hover {
  background-color: #ef444426;
}

.ChatSidebar-module__xTLXSq__ChatItemRenaming {
  background-color: var(--selected-bg, #ffffff26);
}

.ChatSidebar-module__xTLXSq__RenameInput {
  color: var(--text-primary, #ececec);
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  margin-top: 1px;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1;
}

.ChatSidebar-module__xTLXSq__RenameActions {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__RenameButton {
  width: 20px;
  height: 20px;
  color: var(--text-muted, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__RenameButton:hover {
  color: var(--text-primary, #ececec);
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__EmptyMessage {
  text-align: center;
  color: var(--text-muted, #8e8e8e);
  padding: 24px 12px;
  font-size: 13px;
}

@media (max-width: 768px) {
  .ChatSidebar-module__xTLXSq__Sidebar {
    z-index: 100;
    width: 280px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .ChatSidebar-module__xTLXSq__Sidebar.ChatSidebar-module__xTLXSq__MobileOpen {
    transform: translateX(0);
    box-shadow: 2px 0 12px #00000080;
  }
}

.ChatSidebar-module__xTLXSq__MobileOverlay {
  z-index: 90;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #00000080;
  animation: .15s ChatSidebar-module__xTLXSq__fadeIn;
  position: fixed;
  inset: 0;
}

.ChatSidebar-module__xTLXSq__ModalOverlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  animation: .15s ChatSidebar-module__xTLXSq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.ChatSidebar-module__xTLXSq__ModalContent {
  background-color: var(--dropdown-bg, #1a1a1a);
  border: 1px solid var(--dropdown-border, #2f2f2f);
  border-radius: 12px;
  width: 320px;
  max-width: 90vw;
  padding: 24px;
  animation: .15s ChatSidebar-module__xTLXSq__scaleIn;
  box-shadow: 0 4px 24px #00000080;
}

@keyframes ChatSidebar-module__xTLXSq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ChatSidebar-module__xTLXSq__scaleIn {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.ChatSidebar-module__xTLXSq__ModalTitle {
  color: var(--text-primary, #ececec);
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__ModalNote {
  color: var(--text-muted, #8e8e8e);
  margin-top: 8px;
  font-size: 12px;
}

.ChatSidebar-module__xTLXSq__CancelButton {
  color: var(--text-primary, #ececec);
  background-color: #0000;
  border: 1px solid var(--dropdown-border, #353535) !important;
}

.ChatSidebar-module__xTLXSq__CancelButton:hover {
  background-color: #ffffff0d;
  border-color: #525252;
}

.ChatSidebar-module__xTLXSq__DeleteButton {
  color: #fff;
  background-color: #ef4444;
}

.ChatSidebar-module__xTLXSq__DeleteButton:hover {
  background-color: #dc2626;
}

.ChatSidebar-module__xTLXSq__ProfileSection {
  background-color: var(--sidebar-bg);
  flex-direction: column;
  gap: 0;
  margin-top: auto;
  padding: 0 12px 12px;
  display: flex;
  position: relative;
}

.ChatSidebar-module__xTLXSq__ProfileSection:before {
  content: "";
  background-color: var(--dropdown-border, #2f2f2f);
  height: 1px;
  margin: 12px 0;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileSection {
  align-items: center;
  padding: 8px;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileSection:before {
  display: none;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileInfo {
  justify-content: center;
  width: auto;
  padding: 4px;
}

.ChatSidebar-module__xTLXSq__CompactUpgradeButton {
  color: #fff;
  cursor: pointer;
  background: #1f1f1f;
  border: 1px solid #333;
  border-radius: 999px;
  margin-left: auto;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
}

.ChatSidebar-module__xTLXSq__ProfileMenu {
  background: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  z-index: 500;
  box-sizing: border-box;
  border-radius: 10px;
  flex-direction: column;
  min-width: 200px;
  margin-bottom: 8px;
  padding: 6px;
  display: flex;
  position: absolute;
  bottom: 100%;
  left: 8px;
  right: 8px;
  box-shadow: 0 4px 16px #0009;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileMenu {
  z-index: 99999;
  width: 250px;
  right: auto;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileMenu .ChatSidebar-module__xTLXSq__MenuItem {
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: auto;
  padding: 10px 12px;
}

.ChatSidebar-module__xTLXSq__MenuName {
  color: var(--text-primary, #ececec);
  font-size: 14px;
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__MenuHandle {
  color: var(--text-muted, #a1a1aa);
  font-size: 12px;
}

.ChatSidebar-module__xTLXSq__MenuItem {
  width: 100%;
  color: var(--text-primary, #ececec);
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 6px;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__ProfileInfo {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 6px 8px;
  transition: background .2s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__ProfileInfo:hover {
  background: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__Avatar {
  background: var(--dropdown-hover, #444);
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__GuestAvatar {
  width: 100%;
  height: 100%;
  color: var(--text-primary-inverse, white);
  background: var(--action-color, #3b82f6);
  justify-content: center;
  align-items: center;
  font-weight: bold;
  display: flex;
}

.ChatSidebar-module__xTLXSq__UserAvatarImg {
  object-fit: cover;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.ChatSidebar-module__xTLXSq__ProfileText {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__ProfileText {
  display: none;
}

.ChatSidebar-module__xTLXSq__ProfileName {
  color: var(--sidebar-text);
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 500;
  overflow: hidden;
}

.ChatSidebar-module__xTLXSq__ProfileStatus {
  color: var(--text-muted, #888);
  font-size: 11px;
}

.ChatSidebar-module__xTLXSq__CompactUpgradeButton {
  background: var(--dropdown-hover, #1f1f1f);
  color: var(--text-primary, white);
  border: 1px solid var(--dropdown-border, #333);
  cursor: pointer;
  border-radius: 999px;
  margin-left: auto;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
}

.ChatSidebar-module__xTLXSq__CompactUpgradeButton:hover {
  background: var(--selected-bg, #333);
  border-color: var(--action-color, #555);
}

.ChatSidebar-module__xTLXSq__Collapsed .ChatSidebar-module__xTLXSq__CompactUpgradeButton {
  display: none;
}

.ChatSidebar-module__xTLXSq__MenuHeader {
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__MenuHeaderText {
  flex-direction: column;
  display: flex;
}

.ChatSidebar-module__xTLXSq__MenuName {
  color: var(--text-primary, #ececec);
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
  font-size: 14px;
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__ProfileName, .ChatSidebar-module__xTLXSq__ProfileStatus {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.ChatSidebar-module__xTLXSq__MenuHandle {
  color: var(--text-muted, #a1a1aa);
  cursor: text;
  -webkit-user-select: text;
  user-select: text;
  font-size: 12px;
}

.ChatSidebar-module__xTLXSq__MenuDivider {
  background: var(--dropdown-border, #252525);
  height: 1px;
  margin: 4px 0;
}

.ChatSidebar-module__xTLXSq__MenuItem {
  width: 100%;
  color: var(--text-primary, #ececec);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.ChatSidebar-module__xTLXSq__MenuItem:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.ChatSidebar-module__xTLXSq__MenuItemIcon {
  color: var(--text-muted, #a1a1aa);
  width: 16px;
  height: 16px;
}

.ChatSidebar-module__xTLXSq__ModalOverlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 2000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.ChatSidebar-module__xTLXSq__ModalContent {
  background: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  width: 400px;
  color: var(--text-primary, #ececec);
  border-radius: 12px;
  padding: 24px;
}

.ChatSidebar-module__xTLXSq__ModalTitle {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__ModalText {
  color: var(--text-secondary, #e4e4e7);
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.5;
}

.ChatSidebar-module__xTLXSq__ModalDetails {
  color: var(--text-primary, #fff);
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__ModalNote {
  color: var(--text-muted, #71717a);
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.4;
}

.ChatSidebar-module__xTLXSq__ModalActions {
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.ChatSidebar-module__xTLXSq__ModalButton {
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s;
}

.ChatSidebar-module__xTLXSq__CancelButton {
  background: var(--dropdown-hover, #27272a);
  color: var(--text-primary, #e4e4e7);
}

.ChatSidebar-module__xTLXSq__CancelButton:hover {
  background: var(--selected-bg, #3f3f46);
}

.ChatSidebar-module__xTLXSq__DeleteButton {
  color: #fff;
  background: #ef4444;
  font-weight: 600;
}

.ChatSidebar-module__xTLXSq__DeleteButton:hover {
  background: #dc2626;
}

/* [project]/exypnos/src/Components/UI/Tooltip.module.css [app-client] (css) */
.Tooltip-module__Z1cxRq__tooltipWrapper {
  display: inline-flex;
  position: relative;
}

.Tooltip-module__Z1cxRq__tooltip {
  background-color: var(--surface-gray);
  color: var(--text-primary);
  white-space: nowrap;
  z-index: 99999;
  pointer-events: none;
  border: 1px solid var(--border-gray);
  box-shadow: var(--shadow-md);
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 500;
  animation: .15s ease-in-out Tooltip-module__Z1cxRq__fadeIn;
  position: absolute;
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__top {
  margin-bottom: 4px;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(-8px);
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__top:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: var(--surface-gray) transparent transparent transparent;
  margin-left: -4px;
  position: absolute;
  top: 100%;
  left: 50%;
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__bottom {
  margin-top: 4px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(8px);
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__bottom:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent var(--surface-gray) transparent;
  margin-left: -4px;
  position: absolute;
  bottom: 100%;
  left: 50%;
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__left {
  margin-right: 4px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%)translateX(-8px);
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__left:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent transparent var(--surface-gray);
  margin-top: -4px;
  position: absolute;
  top: 50%;
  left: 100%;
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__right {
  margin-left: 4px;
  top: 50%;
  left: 100%;
  transform: translateY(-50%)translateX(8px);
}

.Tooltip-module__Z1cxRq__tooltip.Tooltip-module__Z1cxRq__right:after {
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent var(--surface-gray) transparent transparent;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  right: 100%;
}

@keyframes Tooltip-module__Z1cxRq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* [project]/exypnos/src/Components/Bernard/SearchModal.module.css [app-client] (css) */
.SearchModal-module__tdfQqq__Overlay {
  z-index: 9999;
  background-color: #0009;
  justify-content: center;
  align-items: center;
  animation: .15s SearchModal-module__tdfQqq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.SearchModal-module__tdfQqq__Modal {
  background-color: var(--dropdown-bg, #2f2f2f);
  border: 1px solid var(--dropdown-border, #404040);
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  animation: .2s SearchModal-module__tdfQqq__slideIn;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px #00000080;
}

.SearchModal-module__tdfQqq__Header {
  border-bottom: 1px solid var(--dropdown-border, #404040);
  align-items: center;
  padding: 16px;
  display: flex;
}

.SearchModal-module__tdfQqq__SearchInput {
  color: var(--text-primary, #fff);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  font-family: inherit;
  font-size: 16px;
}

.SearchModal-module__tdfQqq__SearchInput::placeholder {
  color: var(--text-muted, #8e8e8e);
}

.SearchModal-module__tdfQqq__CloseButton {
  width: 32px;
  height: 32px;
  color: var(--text-muted, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.SearchModal-module__tdfQqq__CloseButton:hover {
  background-color: var(--hover-bg, #404040);
  color: var(--text-primary, #fff);
}

.SearchModal-module__tdfQqq__Results {
  max-height: 400px;
  padding: 8px;
  overflow-y: auto;
}

.SearchModal-module__tdfQqq__NewChatOption {
  background-color: var(--dropdown-hover, #404040);
  border: 1px solid var(--dropdown-border, transparent);
  width: 100%;
  color: var(--text-primary, #fff);
  cursor: pointer;
  text-align: left;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding: 12px 16px;
  font-family: inherit;
  font-size: 14px;
  display: flex;
}

.SearchModal-module__tdfQqq__NewChatOption:hover {
  background-color: var(--selected-bg, #4a4a4a);
  border-color: var(--action-color);
}

.SearchModal-module__tdfQqq__Group {
  margin-bottom: 8px;
}

.SearchModal-module__tdfQqq__GroupLabel {
  color: var(--text-muted, #8e8e8e);
  padding: 8px 16px 4px;
  font-size: 12px;
  display: block;
}

.SearchModal-module__tdfQqq__ResultItem {
  width: 100%;
  color: var(--text-secondary, #e5e5e5);
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.SearchModal-module__tdfQqq__ResultItem:hover {
  background-color: var(--hover-bg, #404040);
  color: var(--text-primary);
}

.SearchModal-module__tdfQqq__NoResults {
  text-align: center;
  color: #8e8e8e;
  padding: 24px;
  font-size: 14px;
}

@keyframes SearchModal-module__tdfQqq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes SearchModal-module__tdfQqq__slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

/* [project]/exypnos/src/Components/Bernard/ProfileEditModal.module.css [app-client] (css) */
.ProfileEditModal-module__XJU64a__Overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 2000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.ProfileEditModal-module__XJU64a__Content {
  background: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  width: 400px;
  color: var(--text-primary, #ececec);
  border-radius: 12px;
  padding: 24px;
}

.ProfileEditModal-module__XJU64a__Header {
  margin-bottom: 24px;
}

.ProfileEditModal-module__XJU64a__Title {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.ProfileEditModal-module__XJU64a__AvatarSection {
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
}

.ProfileEditModal-module__XJU64a__AvatarCircle {
  background: var(--action-color, #3b82f6);
  color: #fff;
  border: 4px solid #18181b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  font-size: 32px;
  font-weight: 500;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 2px #fff;
}

.ProfileEditModal-module__XJU64a__CameraIcon {
  background: var(--dropdown-bg, #27272a);
  border: 1px solid var(--dropdown-border, #3f3f46);
  width: 32px;
  height: 32px;
  color: var(--text-primary, white);
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.ProfileEditModal-module__XJU64a__Form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.ProfileEditModal-module__XJU64a__InputGroup {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.ProfileEditModal-module__XJU64a__Label {
  color: var(--text-secondary, #e4e4e7);
  font-size: 13px;
  font-weight: 500;
}

.ProfileEditModal-module__XJU64a__Input {
  border: 1px solid var(--input-border, #444);
  color: var(--text-primary, white);
  background: none;
  border-radius: 6px;
  outline: none;
  padding: 10px 12px;
  font-size: 14px;
  transition: box-shadow .2s;
}

.ProfileEditModal-module__XJU64a__Input:focus {
  border-color: var(--action-color, #3b82f6);
  box-shadow: 0 0 0 1px var(--action-color, #3b82f6);
}

.ProfileEditModal-module__XJU64a__Input:disabled {
  color: #71717a;
  cursor: not-allowed;
  border-color: #27272a;
}

.ProfileEditModal-module__XJU64a__Note {
  color: var(--text-muted, #71717a);
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
}

.ProfileEditModal-module__XJU64a__Actions {
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
  display: flex;
}

.ProfileEditModal-module__XJU64a__CancelButton {
  border: 1px solid var(--dropdown-border, #333);
  color: var(--text-primary, #e4e4e7);
  cursor: pointer;
  background: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
}

.ProfileEditModal-module__XJU64a__CancelButton:hover {
  background: var(--hover-bg, #3f3f46);
}

.ProfileEditModal-module__XJU64a__SaveButton {
  background: var(--text-primary, white);
  color: var(--background-primary, black);
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 600;
}

.ProfileEditModal-module__XJU64a__SaveButton:hover {
  background: #e4e4e7;
}

/* [project]/exypnos/src/Components/Bernard/SettingsModal.module.css [app-client] (css) */
.SettingsModal-module__zlSgXW__Overlay {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 2000;
  background: #000000b3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.SettingsModal-module__zlSgXW__Modal {
  background: var(--dropdown-bg, #141414);
  width: 85%;
  max-width: 700px;
  height: 500px;
  max-height: 80vh;
  color: var(--text-primary, #ececec);
  border: 1px solid var(--dropdown-border, #252525);
  border-radius: 12px;
  flex-direction: row;
  display: flex;
  overflow: hidden;
  box-shadow: 0 20px 50px #00000080;
}

.SettingsModal-module__zlSgXW__Sidebar {
  background: var(--bg-secondary, #101010);
  border-right: 1px solid var(--dropdown-border, #252525);
  flex-direction: column;
  width: 200px;
  padding: 12px;
  display: flex;
}

.SettingsModal-module__zlSgXW__SidebarHeader {
  justify-content: space-between;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
  padding: 0 8px;
  display: flex;
}

.SettingsModal-module__zlSgXW__CloseButton {
  color: #a0a0a0;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 4px;
  font-size: 24px;
  line-height: 1;
  transition: all .2s;
  display: flex;
}

.SettingsModal-module__zlSgXW__CloseButton:hover {
  color: var(--text-primary, #ededed);
  background: var(--hover-bg, #ffffff1a);
}

.SettingsModal-module__zlSgXW__NavList {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.SettingsModal-module__zlSgXW__NavItem {
  color: #a0a0a0;
  cursor: pointer;
  text-align: left;
  background: none;
  border: none;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.SettingsModal-module__zlSgXW__NavItem:hover {
  background: var(--hover-bg, #ffffff0d);
  color: var(--text-primary, #ededed);
}

.SettingsModal-module__zlSgXW__ActiveNavItem {
  background: color-mix(in srgb, var(--action-color, #3b82f6) 15%, transparent);
  color: var(--action-color, #3b82f6);
  font-weight: 600;
}

.SettingsModal-module__zlSgXW__ContentPanel {
  background: var(--dropdown-bg, #141414);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.SettingsModal-module__zlSgXW__PanelHeader {
  align-items: center;
  height: 56px;
  padding: 16px 24px;
  display: flex;
}

.SettingsModal-module__zlSgXW__PanelTitle {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.SettingsModal-module__zlSgXW__PanelBody {
  flex: 1;
  padding: 0 24px 24px;
  overflow-y: auto;
}

.SettingsModal-module__zlSgXW__PanelBody::-webkit-scrollbar {
  width: 8px;
}

.SettingsModal-module__zlSgXW__PanelBody::-webkit-scrollbar-track {
  background: none;
}

.SettingsModal-module__zlSgXW__PanelBody::-webkit-scrollbar-thumb {
  background: var(--dropdown-border, #333);
  border-radius: 4px;
}

.SettingsModal-module__zlSgXW__PanelBody::-webkit-scrollbar-thumb:hover {
  background: var(--hover-bg, #444);
}

.SettingsModal-module__zlSgXW__Section {
  margin-bottom: 20px;
}

.SettingsModal-module__zlSgXW__SectionTitle {
  color: var(--text-muted, #a0a0a0);
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  display: none;
}

.SettingsModal-module__zlSgXW__SettingRow {
  border-bottom: 1px solid var(--dropdown-border, #252525);
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  display: flex;
}

.SettingsModal-module__zlSgXW__SettingRow:last-child {
  border-bottom: none;
}

.SettingsModal-module__zlSgXW__SettingInfo {
  flex: 1;
  padding-right: 16px;
}

.SettingsModal-module__zlSgXW__SettingLabel {
  color: var(--text-primary, #ededed);
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.SettingsModal-module__zlSgXW__SettingDescription {
  color: var(--text-muted, #888);
  font-size: 12px;
  line-height: 1.3;
}

.SettingsModal-module__zlSgXW__ColorGrid {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.SettingsModal-module__zlSgXW__ColorItem {
  background: var(--input-bg, #1a1a1a);
  border: 1px solid var(--input-border, #252525);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  transition: all .2s;
  display: flex;
}

.SettingsModal-module__zlSgXW__ColorItem:hover {
  border-color: var(--dropdown-border, #444);
  background: var(--hover-bg, #202020);
}

.SettingsModal-module__zlSgXW__ColorLabel {
  color: var(--text-primary, #ececec);
  font-size: 13px;
  font-weight: 500;
}

.SettingsModal-module__zlSgXW__ColorValue {
  color: var(--text-muted, #666);
  margin-top: 1px;
  font-family: monospace;
  font-size: 10px;
}

.SettingsModal-module__zlSgXW__ColorPreview {
  cursor: pointer;
  border: 2px solid #ffffff1a;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: hidden;
}

.SettingsModal-module__zlSgXW__Toggle {
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.SettingsModal-module__zlSgXW__ToggleInput {
  opacity: 0;
  width: 0;
  height: 0;
}

.SettingsModal-module__zlSgXW__ToggleSlider {
  cursor: pointer;
  background-color: var(--dropdown-hover, #333);
  border-radius: 24px;
  transition: all .3s;
  position: absolute;
  inset: 0;
}

.SettingsModal-module__zlSgXW__ToggleSlider:before {
  content: "";
  background-color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: all .3s;
  position: absolute;
  bottom: 3px;
  left: 3px;
  box-shadow: 0 2px 4px #0003;
}

.SettingsModal-module__zlSgXW__ToggleInput:checked + .SettingsModal-module__zlSgXW__ToggleSlider:before {
  background-color: #000;
  transform: translateX(20px);
}

.SettingsModal-module__zlSgXW__ToggleInput:checked + .SettingsModal-module__zlSgXW__ToggleSlider {
  background-color: var(--action-color, #3b82f6);
}

.SettingsModal-module__zlSgXW__ToggleInput:checked + .SettingsModal-module__zlSgXW__ToggleSlider:before {
  background-color: #fff;
}

.SettingsModal-module__zlSgXW__ResetButton {
  color: #ef4444;
  cursor: pointer;
  background: none;
  border: 1px solid #ef4444;
  border-radius: 8px;
  width: auto;
  margin-top: 32px;
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  transition: all .2s;
  display: inline-block;
}

.SettingsModal-module__zlSgXW__ResetButton:hover {
  background: #ef44441a;
}

.SettingsModal-module__zlSgXW__PresetGrid {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 8px;
  display: grid;
}

.SettingsModal-module__zlSgXW__PresetCard {
  background: var(--dropdown-hover, #1a1a1a);
  border: 2px solid var(--dropdown-border, #252525);
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  gap: 6px;
  padding: 10px 8px;
  transition: all .2s;
  display: flex;
  position: relative;
}

.SettingsModal-module__zlSgXW__PresetCard:hover {
  border-color: var(--dropdown-border, #444);
  background: var(--hover-bg, #202020);
}

.SettingsModal-module__zlSgXW__PresetCardActive {
  border-color: var(--action-color, #60a5fa);
  background: color-mix(in srgb, var(--action-color, #60a5fa) 8%, transparent);
}

.SettingsModal-module__zlSgXW__PresetName {
  color: var(--text-primary, #ededed);
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

.SettingsModal-module__zlSgXW__PresetSwatches {
  justify-content: center;
  gap: 3px;
  display: flex;
}

.SettingsModal-module__zlSgXW__PresetSwatch {
  border: 1px solid #ffffff26;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}

.SettingsModal-module__zlSgXW__GenerationContainer {
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  display: flex;
}

.SettingsModal-module__zlSgXW__GenerationInput {
  background: var(--dropdown-bg, #111);
  border: 1px solid var(--dropdown-border, #333);
  color: var(--text-primary, #ededed);
  border-radius: 6px;
  flex: 1;
  height: 36px;
  padding: 8px 12px;
  font-family: inherit;
  font-size: 13px;
}

.SettingsModal-module__zlSgXW__GenerationInput:focus {
  border-color: var(--action-color, #3b82f6);
  outline: none;
}

.SettingsModal-module__zlSgXW__ActionButton {
  cursor: pointer;
  background: var(--action-color, #3b82f6);
  color: #fff;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.SettingsModal-module__zlSgXW__ActionButton:hover {
  filter: brightness(1.1);
}

.SettingsModal-module__zlSgXW__ActionButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.SettingsModal-module__zlSgXW__SaveThemeRow {
  gap: 8px;
  margin-top: 12px;
  margin-bottom: 8px;
  display: flex;
}

.SettingsModal-module__zlSgXW__SaveInput {
  background: var(--dropdown-bg, #141414);
  border: 1px solid var(--dropdown-border, #252525);
  color: var(--text-primary, #ededed);
  border-radius: 6px;
  flex: 1;
  padding: 8px 12px;
  font-size: 12px;
}

.SettingsModal-module__zlSgXW__DeletePresetBtn {
  color: #fff;
  border: 2px solid var(--dropdown-bg, #141414);
  cursor: pointer;
  opacity: 0;
  background: #ef4444;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  transition: all .2s;
  display: flex;
  position: absolute;
  top: -6px;
  right: -6px;
  transform: scale(.8);
}

.SettingsModal-module__zlSgXW__PresetCard:hover .SettingsModal-module__zlSgXW__DeletePresetBtn {
  opacity: 1;
  transform: scale(1);
}

.SettingsModal-module__zlSgXW__ColorInput {
  opacity: 0;
  cursor: pointer;
  width: 200%;
  height: 200%;
  position: absolute;
  top: -50%;
  left: -50%;
}

.SettingsModal-module__zlSgXW__DreamingButton {
  border: 1px solid var(--dropdown-border, #333);
  background: none;
  background-image: linear-gradient(90deg, var(--gradient-start, #3b82f6), var(--gradient-end, #8b5cf6), var(--gradient-start, #3b82f6));
  -webkit-text-fill-color: transparent;
  color: #0000;
  text-shadow: none;
  background-size: 200%;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  min-width: 100px;
  animation: 3s linear infinite SettingsModal-module__zlSgXW__gradientFlow;
}

@keyframes SettingsModal-module__zlSgXW__gradientFlow {
  to {
    background-position: 200%;
  }
}

.SettingsModal-module__zlSgXW__TooltipWrapper {
  cursor: help;
  align-items: center;
  margin-left: 6px;
  display: inline-flex;
  position: relative;
}

.SettingsModal-module__zlSgXW__InfoIcon {
  width: 14px;
  height: 14px;
  color: var(--text-muted, #8e8e8e);
  justify-content: center;
  align-items: center;
  transition: color .15s;
  display: flex;
}

.SettingsModal-module__zlSgXW__TooltipWrapper:hover .SettingsModal-module__zlSgXW__InfoIcon {
  color: var(--text-primary, #ededed);
}

.SettingsModal-module__zlSgXW__Tooltip {
  visibility: hidden;
  background-color: var(--surface-gray);
  border: 1px solid var(--border-gray);
  color: var(--text-primary);
  white-space: normal;
  text-align: center;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  width: max-content;
  max-width: 280px;
  box-shadow: var(--shadow-lg);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.5;
  transition: opacity .2s, transform .2s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(4px);
}

.SettingsModal-module__zlSgXW__TooltipWrapper:hover .SettingsModal-module__zlSgXW__Tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%)translateY(0);
}

.SettingsModal-module__zlSgXW__Tooltip:after {
  content: "";
  border-style: solid;
  border-width: 5px;
  border-color: var(--surface-gray) transparent transparent transparent;
  margin-left: -5px;
  position: absolute;
  top: 100%;
  left: 50%;
}

@media (max-width: 768px) {
  .SettingsModal-module__zlSgXW__Modal {
    flex-direction: column;
    width: 95%;
    height: 85vh;
    max-height: 85vh;
  }

  .SettingsModal-module__zlSgXW__Sidebar {
    border-right: none;
    border-bottom: 1px solid var(--dropdown-border, #252525);
    flex-shrink: 0;
    width: 100%;
    padding: 12px 12px 0;
  }

  .SettingsModal-module__zlSgXW__SidebarHeader {
    margin-bottom: 8px;
  }

  .SettingsModal-module__zlSgXW__NavList {
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex-direction: row;
    gap: 8px;
    padding-bottom: 12px;
    overflow-x: auto;
  }

  .SettingsModal-module__zlSgXW__NavList::-webkit-scrollbar {
    display: none;
  }

  .SettingsModal-module__zlSgXW__NavItem {
    white-space: nowrap;
    flex: 1;
    justify-content: center;
    padding: 8px 12px;
    font-size: 13px;
  }

  .SettingsModal-module__zlSgXW__ContentPanel {
    width: 100%;
  }

  .SettingsModal-module__zlSgXW__PanelHeader {
    height: auto;
    min-height: 48px;
    padding: 12px 16px;
  }

  .SettingsModal-module__zlSgXW__PanelTitle {
    font-size: 18px;
  }

  .SettingsModal-module__zlSgXW__PanelBody {
    padding: 0 16px 24px;
  }

  .SettingsModal-module__zlSgXW__GenerationContainer {
    flex-direction: column;
    align-items: stretch;
  }

  .SettingsModal-module__zlSgXW__GenerationInput {
    width: 100%;
  }

  .SettingsModal-module__zlSgXW__ActionButton {
    justify-content: center;
  }

  .SettingsModal-module__zlSgXW__PresetGrid {
    grid-template-columns: repeat(3, 1fr);
  }

  .SettingsModal-module__zlSgXW__ColorGrid {
    grid-template-columns: 1fr;
  }
}

/* [project]/exypnos/src/Components/Bernard/Sidebar/SidebarChatItem.module.css [app-client] (css) */
.SidebarChatItem-module__TwoXwG__ChatItem {
  cursor: pointer;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 37px;
  padding: 10px 11.5px;
  transition: background-color .1s;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__ChatItem:hover {
  background-color: var(--hover-bg, #ffffff1a);
}

.SidebarChatItem-module__TwoXwG__ChatItemActive {
  background-color: var(--selected-bg, #ffffff26);
}

.SidebarChatItem-module__TwoXwG__ChatTitle {
  color: var(--text-primary, #ececec);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 13px;
  display: flex;
  overflow: hidden;
}

.SidebarChatItem-module__TwoXwG__PinIcon {
  color: var(--text-muted, #8e8e8e);
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__LoadingSpinner {
  width: 24px;
  height: 24px;
  color: var(--text-muted, #8e8e8e);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  animation: 1s linear infinite SidebarChatItem-module__TwoXwG__spin;
  display: flex;
}

@keyframes SidebarChatItem-module__TwoXwG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.SidebarChatItem-module__TwoXwG__UnreadDot {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__UnreadDot:after {
  content: "";
  background-color: #3b82f6;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.SidebarChatItem-module__TwoXwG__MenuContainer {
  position: relative;
}

.SidebarChatItem-module__TwoXwG__MenuButton {
  color: var(--text-muted, #8e8e8e);
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: all .15s;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__MenuButtonVisible {
  opacity: 1;
}

.SidebarChatItem-module__TwoXwG__MenuButton:hover {
  color: var(--text-primary, #ececec);
  background-color: var(--hover-bg, #ffffff1a);
}

.SidebarChatItem-module__TwoXwG__DropdownMenu {
  background-color: var(--dropdown-bg, #111);
  border: 1px solid var(--dropdown-border, #1f1f1f);
  z-index: 1000;
  border-radius: 10px;
  min-width: 160px;
  margin-top: 4px;
  padding: 4px;
  animation: .15s SidebarChatItem-module__TwoXwG__dropdownFadeIn;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 4px 16px #0009;
}

@keyframes SidebarChatItem-module__TwoXwG__dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.SidebarChatItem-module__TwoXwG__DropdownItem {
  width: 100%;
  color: var(--text-primary, #ececec);
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: none;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 14px;
  transition: background-color .1s;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__DropdownItem:hover {
  background-color: var(--dropdown-hover, #1a1a1a);
}

.SidebarChatItem-module__TwoXwG__DropdownItem svg {
  color: var(--text-muted, #8e8e8e);
  flex-shrink: 0;
}

.SidebarChatItem-module__TwoXwG__DropdownDivider {
  background-color: var(--dropdown-border, #1f1f1f);
  height: 1px;
  margin: 4px 0;
}

.SidebarChatItem-module__TwoXwG__DropdownItemDanger, .SidebarChatItem-module__TwoXwG__DropdownItemDanger svg {
  color: #ef4444;
}

.SidebarChatItem-module__TwoXwG__DropdownItemDanger:hover {
  background-color: #ef444426;
}

.SidebarChatItem-module__TwoXwG__ChatItemRenaming {
  background-color: var(--selected-bg, #ffffff26);
}

.SidebarChatItem-module__TwoXwG__RenameInput {
  color: var(--text-primary, #ececec);
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  margin-top: 1px;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 1;
}

.SidebarChatItem-module__TwoXwG__RenameActions {
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__RenameButton {
  width: 20px;
  height: 20px;
  color: var(--text-muted, #8e8e8e);
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.SidebarChatItem-module__TwoXwG__RenameButton:hover {
  color: var(--text-primary, #ececec);
  background-color: var(--hover-bg, #ffffff1a);
}

/* [project]/exypnos/src/app/chat/layout.module.css [app-client] (css) */
.layout-module__KEGopq__Layout {
  background-color: var(--chat-bg);
  display: flex;
  position: fixed;
  inset: 0;
}

.layout-module__KEGopq__Content {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

/*# sourceMappingURL=exypnos_src_9732e4a8._.css.map*/