/* SınavYolu — minimal global styles */

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Sidebar scrollbar */
#user-sidebar ::-webkit-scrollbar-track,
#admin-sidebar ::-webkit-scrollbar-track {
  background: #1e293b;
}
#user-sidebar ::-webkit-scrollbar-thumb,
#admin-sidebar ::-webkit-scrollbar-thumb {
  background: #334155;
}

/* Smooth transitions */
a, button {
  transition: all 0.15s ease;
}

/* Hide browser default focus outline, use custom */
:focus-visible {
  outline: 2px solid #185FA5;
  outline-offset: 2px;
}
:host, html {
  font-family:'Inter',-apple-system,sans-serif;
}
.bg-blue-grad {
  background: linear-gradient(135deg,#1A56DB,#1e3fa5);
}
.text-card-gray {
  color: #f1f1f1;
}
.text-study , .text-practice, .text-exam{
  color: #fff !important;
}
.container {
  max-width: 1320px !important;
  margin: auto;
}
.ai-insight {
  border-radius: 1rem;
  padding: 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.ai-insight::before {
  content: '';
  position: absolute;
  top: -24px;
  right: -24px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
}

.ai-insight::after {
  content: '';
  position: absolute;
  bottom: -30px;
  left: -20px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.04);
}

.ai-insight__eyebrow {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: var(--space-2);
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.ai-insight__eyebrow-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--color-accent);
  animation: badge-pulse 1.6s ease-in-out infinite;
}

.ai-insight__title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: var(--space-2);
  line-height: 1.3;
  position: relative;
  z-index: 1;
}

.ai-insight__body {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.65;
  flex: 1;
  position: relative;
  z-index: 1;
  margin-bottom: var(--space-4);
}

.ai-insight__footer {
  position: relative;
  z-index: 1;
}
.flex.items-center.gap-2 .text-analytics {
  color: #fff !important;
}
.flex.items-center.gap-3 .text-study {
  color: rgb(26 86 219 / var(--tw-text-opacity, 1)) !important;
}
.text-exam-light {
  color: #e2e2e2 !important;
}