/* 〇〇商店カスタムスタイル */

/* ボタンスタイル */
.btn {
  @apply px-4 py-2 rounded-lg font-medium transition-all duration-200 cursor-pointer inline-flex items-center justify-center;
}

.btn-primary {
  @apply bg-trust-blue text-white hover:bg-opacity-90 active:scale-95;
}

.btn-outline {
  @apply border-2 border-trust-blue text-trust-blue hover:bg-trust-blue hover:text-white;
}

/* カードスタイル */
.card {
  @apply rounded-lg overflow-hidden;
}

.card-body {
  @apply p-6;
}

.card-title {
  @apply text-lg font-bold mb-4 flex items-center;
}

/* プログレスバー */
.progress {
  @apply w-full bg-base-200 rounded-full h-2;
}

.progress-bar {
  @apply h-full rounded-full transition-all duration-300;
}

.progress-success .progress-bar {
  @apply bg-success-green;
}

/* インプット */
.input {
  @apply px-4 py-2 rounded-lg border;
}

.input-bordered {
  @apply border-neutral-gray bg-base-200 text-base-content focus:border-trust-blue focus:outline-none;
}

/* チャットバブル */
.chat {
  @apply flex mb-4;
}

.chat-start {
  @apply justify-start;
}

.chat-end {
  @apply justify-end;
}

.chat-bubble {
  @apply px-4 py-2 rounded-lg max-w-xs bg-base-100 text-base-content;
}

.chat-bubble-primary {
  @apply bg-trust-blue text-white;
}

/* ネットワーク可視化エリア */
#trust-network svg {
  @apply rounded-lg;
}

/* アニメーション */
.animate-slide-up {
  animation: slide-up 0.3s ease-out forwards;
}

@keyframes slide-up {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* ホバーエフェクト */
.hover-lift {
  @apply transition-transform duration-200 hover:scale-105;
}

/* レスポンシブ調整 */
@media (max-width: 768px) {
  .container {
    @apply px-4;
  }
  
  .grid-cols-1 {
    @apply gap-4;
  }
  
  .text-3xl {
    @apply text-2xl;
  }
}

/* スクロールバーカスタマイズ */
#chat-container::-webkit-scrollbar {
  width: 6px;
}

#chat-container::-webkit-scrollbar-track {
  background: #191e24;
}

#chat-container::-webkit-scrollbar-thumb {
  background: #3498DB;
  border-radius: 3px;
}

#chat-container::-webkit-scrollbar-thumb:hover {
  background: #2980b9;
}