/* =========================================================
   SAM EduGPT — AI ACTION BUTTON
   ========================================================= */

.btn-ai {
  color: #fff !important;
  border: 0 !important;

  background: linear-gradient(
    135deg,
    #2563eb 0%,
    #6366f1 48%,
    #8b5cf6 100%
  ) !important;

  box-shadow: 0 3px 10px rgba(99, 102, 241, .20);

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    filter .15s ease;
}

.btn-ai:hover,
.btn-ai:focus {
  color: #fff !important;

  filter: brightness(1.05);

  transform: translateY(-1px);

  box-shadow: 0 5px 14px rgba(99, 102, 241, .28);
}

.btn-ai:active {
  transform: translateY(0);
  filter: brightness(.98);
}

.btn-ai:disabled {
  opacity: .65;
  transform: none;
  box-shadow: none;
}

/* =========================================================
   SAM EduGPT — AI OUTLINE BUTTON
   ========================================================= */

.btn-ai-outline {
  color: #6366f1 !important;
  border: 1px solid #6366f1 !important;

  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(
      135deg,
      #2563eb 0%,
      #6366f1 48%,
      #8b5cf6 100%
    ) border-box !important;

  border: 1px solid transparent !important;

  box-shadow: none;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.btn-ai-outline:hover,
.btn-ai-outline:focus {
  color: #fff !important;

  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #6366f1 48%,
      #8b5cf6 100%
    ) !important;

  transform: translateY(-1px);

  box-shadow:
    0 4px 12px rgba(99, 102, 241, .20);
}

.btn-ai-outline:active {
  transform: translateY(0);
}

.btn-ai-outline:disabled {
  opacity: .55;
  transform: none;
  box-shadow: none;
}


/* Dark mode */

[data-bs-theme="dark"] .btn-ai-outline {
  color: #a5b4fc !important;

  background:
    linear-gradient(
      var(--bs-body-bg),
      var(--bs-body-bg)
    ) padding-box,
    linear-gradient(
      135deg,
      #60a5fa 0%,
      #818cf8 48%,
      #a78bfa 100%
    ) border-box !important;

  border: 1px solid transparent !important;
}

[data-bs-theme="dark"] .btn-ai-outline:hover,
[data-bs-theme="dark"] .btn-ai-outline:focus {
  color: #fff !important;

  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #6366f1 48%,
      #8b5cf6 100%
    ) !important;
}