/* logicboxes_wallet — custom styles on top of Bootstrap 5 */

body { font-size: 15px; }

.card { border-radius: .75rem; }
.border-dashed { border-style: dashed !important; }
.font-monospace { font-size: .85em; }

/* Success checkmark animation (success.html) */
.success-check { width: 84px; height: 84px; }
.checkmark {
  width: 84px; height: 84px; border-radius: 50%;
  display: block; stroke-width: 3; stroke: #198754;
  box-shadow: inset 0 0 0 #198754;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark-circle {
  stroke-dasharray: 166; stroke-dashoffset: 166;
  stroke-width: 3; stroke: #198754;
  animation: stroke .6s cubic-bezier(0.65,0,0.45,1) forwards;
}
.checkmark-tick {
  transform-origin: 50% 50%;
  stroke-dasharray: 48; stroke-dashoffset: 48;
  stroke: #fff;
  animation: stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards;
}
@keyframes stroke { 100% { stroke-dashoffset: 0; } }
@keyframes scale { 0%,100% { transform: none; } 50% { transform: scale3d(1.1,1.1,1); } }
@keyframes fill { 100% { box-shadow: inset 0 0 0 42px #198754; } }

/* Reduce spinner motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .checkmark, .checkmark-circle, .checkmark-tick { animation: none; }
  .checkmark-circle, .checkmark-tick { stroke-dashoffset: 0; }
  .checkmark { box-shadow: inset 0 0 0 42px #198754; }
}