/* ETMA Backoffice mockup extras on top of Tailwind CDN */

html, body, #app {
  height: 100%;
}

.nav-active {
  background-color: #f1f5f9;
  color: #0f172a;
  font-weight: 600;
}

.section {
  display: none;
}

.section.active {
  display: block;
}

.modal {
  display: none;
}

.modal.active {
  display: flex;
}

.modal-panel {
  animation: fade-in 0.15s ease-out;
}

@keyframes fade-in {
  from { opacity: 0; transform: scale(0.98); }
  to { opacity: 1; transform: scale(1); }
}

.tab-btn.active {
  border-bottom: 2px solid #0f172a;
  color: #0f172a;
  font-weight: 600;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
}

.status-draft { background-color: #f1f5f9; color: #475569; }
.status-submitted { background-color: #fef3c7; color: #92400e; }
.status-approved { background-color: #dcfce7; color: #166534; }
.status-published { background-color: #dbeafe; color: #1e40af; }
.status-rejected { background-color: #fee2e2; color: #991b1b; }
.status-pending { background-color: #ffedd5; color: #9a3412; }
.status-completed { background-color: #dcfce7; color: #166534; }
.status-failed { background-color: #fee2e2; color: #991b1b; }
.status-running { background-color: #e0f2fe; color: #0c4a6e; }
.status-high { background-color: #fee2e2; color: #991b1b; }
.status-medium { background-color: #fef3c7; color: #92400e; }
.status-low { background-color: #dcfce7; color: #166534; }