@keyframes msp-fade-up {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes msp-pulse {
  0%, 100% { box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2); }
  50% { box-shadow: 0 0 0 6px rgba(22, 163, 74, 0.08); }
}

@keyframes msp-skeleton {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

.msp-skeleton {
  border-radius: 10px;
  background: linear-gradient(90deg, #EEF2F7 25%, #F8FAFC 37%, #EEF2F7 63%);
  background-size: 400% 100%;
  animation: msp-skeleton 1.2s ease infinite;
  height: 14px;
}

.msp-fade-in { animation: msp-fade-up 0.35s ease both; }

.dropdown-menu {
  border: 1px solid var(--msp-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--msp-shadow-hover) !important;
  padding: 8px !important;
  min-width: 220px;
}

.dropdown-item {
  border-radius: 8px !important;
  font-size: 13.5px !important;
  padding: 8px 10px !important;
  font-weight: 500;
}

.dropdown-item:hover {
  background: #F8FAFC !important;
}

.dropdown-item i { width: 18px; color: var(--msp-muted); }

.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  font-size: 13px;
}

.breadcrumb-item a { color: var(--msp-muted); }
.breadcrumb-item.active { color: var(--msp-text); font-weight: 600; }
