/* Custom styles for the time management coach app */

.task-done {
    text-decoration: line-through;
    opacity: 0.6;
  }
  
  .chat-container {
    height: 400px;
    overflow-y: auto;
    scroll-behavior: smooth;
  }
  
  .bot-message {
    background-color: #e9f5ff;
    border-radius: 1rem 1rem 0 1rem;
  }
  
  .user-message {
    background-color: #dcfce7;
    border-radius: 1rem 1rem 1rem 0;
  }
  
  /* Loading indicator */
  .loading-dots {
    display: inline-flex;
  }
  
  .loading-dots span {
    animation: loading 1.4s infinite ease-in-out both;
    height: 6px;
    width: 6px;
    margin: 0 2px;
    border-radius: 50%;
    background-color: #3b82f6;
  }
  
  .loading-dots span:nth-child(1) {
    animation-delay: -0.32s;
  }
  
  .loading-dots span:nth-child(2) {
    animation-delay: -0.16s;
  }
  
  @keyframes loading {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
  }
  
  /* Task item hover effects */
  .task-item {
    transition: all 0.2s ease;
  }
  
  .task-item:hover {
    background-color: #f3f4f6;
  }
  
  /* Subtle animation for the schedule builder */
  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  #schedule-result.show {
    display: block;
    animation: fadeIn 0.3s ease-out;
  }