/* Shared brand tokens — SE ERP
   Loaded by every page so the primary/nav color and basic button
   interaction states stay consistent across modules. */
:root {
  --se-primary: #0d1e3d;
  --se-primary-light: #1a3565;
  --se-accent: #059669;
  --se-danger: #dc2626;
  --se-border: #e2e8f0;
  --se-text: #1e293b;
  --se-muted: #64748b;
}

/* Universal button interaction states (press + disabled) so every
   button/.btn gets consistent feedback without touching each page's
   own bespoke button classes. */
button, .btn {
  transition: transform 0.1s ease, opacity 0.15s ease, background 0.15s ease;
}
button:not(:disabled):active, .btn:not(:disabled):active {
  transform: scale(0.97);
}
button:disabled, .btn:disabled, .btn[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Skeleton shimmer placeholder for loading values */
.skeleton {
  display: inline-block;
  height: 1em;
  width: 3em;
  border-radius: 4px;
  background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 37%, #e5e7eb 63%);
  background-size: 400% 100%;
  animation: se-shimmer 1.4s ease infinite;
  vertical-align: middle;
}
@keyframes se-shimmer {
  0%   { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}