/* src/styles.scss */
@layer primeng;
:root {
  color-scheme: dark;
  background: #070707;
  background-color: #070707;
  --bg-primary: #070707;
  --bg-surface-1: #0f0f0f;
  --bg-surface-2: #141414;
  --bg-surface-3: #1a1a1a;
  --bg-surface-4: #222222;
  --text-primary: #e8e8e8;
  --text-secondary: #a0a0a0;
  --accent: #6366f1;
  --border: #2a2a2a;
  --p-surface-0: #070707;
  --p-surface-50: #0f0f0f;
  --p-surface-100: #0f0f0f;
  --p-surface-200: #141414;
  --p-surface-300: #1a1a1a;
  --p-surface-400: #222222;
  --p-surface-500: #2a2a2a;
  --p-surface-600: #333333;
  --p-surface-700: #444444;
  --p-surface-800: #555555;
  --p-surface-900: #888888;
  --p-surface-950: #e8e8e8;
  --p-content-background: #0f0f0f;
  --p-content-border-color: #2a2a2a;
  --p-content-color: #e8e8e8;
  --p-navigation-item-color: #e8e8e8;
  --p-tabs-tablist-background: #0f0f0f;
  --p-tabs-tablist-border-color: #2a2a2a;
  --p-tabs-tab-background: #0f0f0f;
  --p-tabs-tab-color: #a0a0a0;
  --p-tabs-tab-active-color: #e8e8e8;
  --p-tabs-tab-border-color: transparent;
  --p-tabs-tab-active-border-color: #6366f1;
  --p-tabs-tabpanel-background: #0f0f0f;
  --p-tabs-tabpanel-color: #e8e8e8;
  --p-datatable-header-background: #141414;
  --p-datatable-header-color: #e8e8e8;
  --p-datatable-body-row-background: #0f0f0f;
  --p-datatable-body-row-color: #e8e8e8;
  --p-datatable-body-row-hover-background: #141414;
  --p-datatable-column-title-color: #a0a0a0;
  --p-datatable-border-color: #2a2a2a;
  --p-inputtext-background: #141414;
  --p-inputtext-color: #e8e8e8;
  --p-inputtext-border-color: #2a2a2a;
  --p-select-background: #141414;
  --p-select-border-color: #2a2a2a;
  --p-select-color: #e8e8e8;
  --p-overlay-popover-background: #141414;
  --p-overlay-popover-border-color: #2a2a2a;
  --p-overlay-popover-color: #e8e8e8;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  background: #070707;
  background-color: #070707;
  color: var(--text-primary);
  font-family:
    "Inter",
    system-ui,
    sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
app-root {
  display: block;
  width: 100vw;
  min-height: 100vh;
  background: #070707;
  background-color: #070707;
}
a {
  color: var(--accent);
  text-decoration: none;
}
.badge-todo {
  background: #334155;
  color: #e2e8f0;
}
.badge-in_progress {
  background: #1d4ed8;
  color: #dbeafe;
}
.badge-testing {
  background: #92400e;
  color: #fef3c7;
}
.badge-validated {
  background: #166534;
  color: #dcfce7;
}
.badge-deployed {
  background: #6b21a8;
  color: #f3e8ff;
}
.p-tabs,
.p-tablist,
.p-tabpanels,
.p-tabpanel {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
.p-tab {
  color: var(--text-secondary) !important;
  background: transparent !important;
}
.p-tab[data-p-active=true],
.p-tab.p-tab-active {
  color: var(--text-primary) !important;
  border-color: var(--accent) !important;
}
.p-datatable,
.p-datatable-table,
.p-datatable-thead > tr > th,
.p-datatable-tbody > tr,
.p-datatable-tbody > tr > td,
.p-datatable-tfoot > tr > td {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
.p-datatable-tbody > tr:hover > td {
  background: var(--bg-surface-2) !important;
}
.p-inputtext {
  background: var(--bg-surface-2) !important;
  color: var(--text-primary) !important;
  border-color: var(--border) !important;
}
.p-inputtext.p-invalid {
  border-color: #ef4444 !important;
}
.field-error {
  display: block;
  color: #ef4444;
  font-size: 0.72rem;
  margin-top: 0.2rem;
  line-height: 1.3;
}
.p-button:not(.p-button-text):not(.p-button-outlined) {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #fff !important;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */
