/* Subtle and thin composer */
#message-composer {
  background-color: transparent !important;
  border: 1px solid hsl(var(--border)) !important;
  /*border-radius: 8px !important; */
}

/* Apply theme background to login page */
body {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

/* Left panel */
.grid.min-h-svh > div:first-child {
  background-color: hsl(var(--background)) !important;
}

/* Login button - use primary color */
button.border.border-input {
  background-color: hsl(var(--primary)) !important;
  color: hsl(var(--primary-foreground)) !important;
  border-color: hsl(var(--primary)) !important;
}

button.border.border-input:hover {
  background-color: hsl(var(--accent)) !important;
  border-color: hsl(var(--accent)) !important;
}

/* Login title */
h1.text-2xl {
  color: hsl(var(--foreground)) !important;
}

span.relative.flex.shrink-0.overflow-hidden.rounded-full.h-5.w-5 {
  width: 2rem !important;   /* equivalent to Tailwind w-6 */
  height: 2rem !important;  /* equivalent to Tailwind h-6 */
  border-radius: 0 !important;
}

#sidebar-company-logo {
  display: block;
  width: 120px;
  max-width: calc(100% - 16px);
  height: auto;
  margin: 8px auto 16px;
}