/* 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; }
.badge-purple   { background:#ede9fe; color:#5b21b6; }
.badge-orange   { background:#ffedd5; color:#9a3412; }

/* Sprint 2 shared form/button classes */
.input-field {
  border: 1px solid #cbd5e1; border-radius: 6px;
  padding: 4px 10px; font-size: 13px; background:#fff;
}
.input-field:focus { outline: 2px solid #6366f1; outline-offset: -1px; }
.btn-primary {
  background:#4f46e5; color:#fff; padding: 6px 14px;
  border-radius: 6px; font-size: 13px; font-weight: 500;
}
.btn-primary:hover:not(:disabled) { background:#4338ca; }
.btn-primary:disabled { background:#a5b4fc; cursor: not-allowed; }
.btn-secondary {
  background:#fff; color:#334155; border: 1px solid #cbd5e1;
  padding: 6px 14px; border-radius: 6px; font-size: 13px; font-weight: 500;
}
.btn-secondary:hover:not(:disabled) { background:#f1f5f9; }
.btn-secondary:disabled { color:#94a3b8; cursor: not-allowed; }

.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);
}