:root { --radius: 1rem; }
.card, .btn, .form-control, .form-select, .modal-content { border-radius: var(--radius) !important; }
.card { box-shadow: 0 10px 24px rgba(0,0,0,.05); }
.table thead th { background: #f8f9fb; }
.badge-soft { background: rgba(13,110,253,.1); color: #0d6efd; }
.navbar-brand { letter-spacing: .2px; }
.alert.fade-out { animation: fadeOut 1s ease-in forwards; animation-delay: 3s; }
@keyframes fadeOut { to { opacity: 0; height:0; margin:0; padding:0; } }
/* Small round icon-only buttons for invoice actions */
.btn-icon-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;    
  margin-left:0.5rem !important;
  margin-right:0.5rem !important;/* icon size */
}

/* optional: tighten the group */
.btn-icon-circle + .btn-icon-circle {
  margin-left: 0.25rem;
}