/* W-DX SPA styles */
[x-cloak] { display: none !important; }

.badge {
  display: inline-flex; align-items: center;
  padding: 2px 8px; border-radius: 9999px;
  font-size: 11px; font-weight: 600;
  line-height: 1.5;
}
.badge-green    { background:#dcfce7; color:#166534; }
.badge-blue     { background:#dbeafe; color:#1e40af; }
.badge-yellow   { background:#fef3c7; color:#92400e; }
.badge-red      { background:#fee2e2; color:#991b1b; }
.badge-gray     { background:#e5e7eb; color:#374151; }
.badge-indigo   { background:#e0e7ff; color:#3730a3; }
.badge-pink     { background:#fce7f3; color:#9d174d; }

.table-row-hover:hover { background:#f8fafc; }

.tab-btn.active { border-color:#4f46e5; color:#4f46e5; }

/* Simple modal styling */
.modal-backdrop {
  position: fixed; inset: 0; background: rgba(15,23,42,.5); z-index: 50;
  display: flex; align-items: flex-start; justify-content: center;
  padding: 4rem 1rem;
  overflow-y: auto;
}
.modal-panel {
  background:#fff; border-radius:12px; padding: 24px;
  width: 100%; max-width: 720px; box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}