html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: #f5f6f8;
}

/* Login */
.login-wrapper {
  min-height: 70vh;
}

.login-card {
  width: 100%;
  max-width: 400px;
}

/* Piyasa */
.price-value {
  font-variant-numeric: tabular-nums;
}

.live-dot {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #198754;
  animation: live-pulse 2s ease-in-out infinite;
}

.live-dot-error {
  background-color: #dc3545;
  animation: none;
}

@keyframes live-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

/* Geçmiş */
.history-chart-wrapper {
  position: relative;
  height: 360px;
  max-width: 100%;
}