/* Component ownership: loading.css */

body.app-shell:not(.app-shell--default) .erp-loading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  color: #475569;
}

body.app-shell:not(.app-shell--default) .erp-loading--inline {
  justify-content: flex-start;
}

body.app-shell:not(.app-shell--default) .erp-loading__spinner {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(37, 99, 235, 0.28);
  border-top-color: var(--erp-primary);
  border-radius: 999px;
  animation: erp-loading-spin 0.8s linear infinite;
}

body.app-shell:not(.app-shell--default) .erp-loading--small .erp-loading__spinner {
  width: 0.8rem;
  height: 0.8rem;
}

body.app-shell:not(.app-shell--default) .erp-loading--large .erp-loading__spinner {
  width: 1.35rem;
  height: 1.35rem;
  border-width: 3px;
}

body.app-shell:not(.app-shell--default) .erp-loading__label {
  font-size: 0.8rem;
  font-weight: 600;
}

@keyframes erp-loading-spin {
  to {
    transform: rotate(360deg);
  }
}