:root {
  --color-primary: oklch(48.8% .243 264.376);
}
.min-h-screen {
  min-height: calc(100vh - 152px);
}
.divider:before, .divider:after {
  background-color: var(--color-base-300);
  height: 1px;
}
.divider {
  margin: 0;
  height: unset;
}
.card-body {
  padding: var(--card-p, 1rem);
}

.chat-screen {
  max-height: calc(100vh - 64px);
  overflow: hidden;
}

.messages-container {
  max-height: calc(100vh - 300px);
}
@media (min-width: 1024px) {
  .messages-container {
    max-height: calc(100vh - 230px);
  }
}

.dark .border-base-300 {
  --color-base-300: rgb(92, 91, 91);
}

.dark .badge-primary.badge-outline, .dark .btn-neutral.btn-outline {
  --color-base-300: rgb(173, 173, 173);
  border-color: rgb(173, 173, 173);
  color: rgb(173, 173, 173);
}

.message-form-mobile {
  transform: translateY(-15x);
}

@media (min-width: 1024px) {
  .message-form-mobile {
    transform: translateY(0);
  }
}

.notification-count-badge {
  border-radius: 20px;
  padding: 3px 5px 2px 5px;
  top: 11px;
  right: 11px;
}