@import url("fecod-design-system.80f43ad87af9.css");
@import url("fecod-header.cdf99fea0216.css");
@import url("fecod-pages.2172cff3c74b.css");

:root {
  --brand-bg: var(--fecod-bg);
  --brand-surface: var(--fecod-surface);
  --brand-surface-2: var(--fecod-surface-2);
  --brand-text: var(--fecod-text);
  --brand-text-muted: var(--fecod-text-muted);
  --brand-primary: var(--fecod-primary);
  --brand-accent: var(--fecod-accent);
  --brand-danger: var(--fecod-danger);
  --brand-border: var(--fecod-border);
  --brand-radius-sm: var(--fecod-radius-sm);
  --brand-radius-md: var(--fecod-radius-md);
  --brand-radius-lg: var(--fecod-radius-lg);

  --bs-body-bg: var(--fecod-bg);
  --bs-body-color: var(--fecod-text);
  --bs-body-font-family: var(--fecod-font-body);
  --bs-border-color: var(--fecod-border);
  --bs-link-color: var(--fecod-accent);
  --bs-link-hover-color: #d8f4ff;
  --bs-primary: var(--fecod-primary);
  --bs-secondary: var(--fecod-surface-2);
  --bs-success: #1fa971;
  --bs-info: var(--fecod-accent);
  --bs-warning: #f0b429;
  --bs-danger: var(--fecod-danger);
  --bs-dark: var(--fecod-bg);
  --bs-light: var(--fecod-text);
  --bs-heading-color: var(--fecod-text);
  --bs-tertiary-bg: rgba(175, 223, 249, 0.06);
  --bs-secondary-bg: var(--fecod-surface);
  --bs-primary-bg-subtle: rgba(0, 75, 156, 0.25);
  --bs-secondary-bg-subtle: rgba(175, 223, 249, 0.1);
}

html,
body {
  background-color: var(--fecod-bg);
  color: var(--fecod-text);
}

body {
  font-family: var(--fecod-font-body);
}

main {
  min-width: 0;
}

hr {
  border-color: var(--fecod-border);
  opacity: 1;
}

::placeholder {
  color: rgba(175, 223, 249, 0.7);
}

.text-muted,
.fecod-text-muted {
  color: var(--fecod-text-muted) !important;
}

.text-primary {
  color: var(--fecod-accent) !important;
}

.bg-primary {
  background-color: var(--fecod-primary) !important;
}

.bg-dark,
.bg-black {
  background-color: var(--fecod-bg) !important;
}

.bg-secondary {
  background-color: var(--fecod-surface) !important;
}

.border,
.border-top,
.border-end,
.border-bottom,
.border-start {
  border-color: var(--fecod-border) !important;
}

.shadow,
.shadow-sm {
  box-shadow: var(--fecod-shadow-soft) !important;
}

.rounded {
  border-radius: var(--fecod-radius-md) !important;
}

.rounded-lg,
.rounded-3 {
  border-radius: var(--fecod-radius-lg) !important;
}

.card {
  background: linear-gradient(180deg, rgba(175, 223, 249, 0.05), rgba(175, 223, 249, 0.02)) var(--fecod-surface);
  border: 1px solid var(--fecod-border);
  border-radius: var(--fecod-radius-lg);
  color: var(--fecod-text);
}

.card-header,
.card-footer {
  background: rgba(175, 223, 249, 0.04);
  border-color: var(--fecod-border);
}

.card-title,
.card-subtitle,
.card-text {
  color: inherit;
}

.btn {
  border-radius: var(--fecod-radius-md);
}

.btn-primary {
  --bs-btn-bg: var(--fecod-primary);
  --bs-btn-border-color: rgba(175, 223, 249, 0.24);
  --bs-btn-hover-bg: #0058b8;
  --bs-btn-hover-border-color: rgba(175, 223, 249, 0.34);
  --bs-btn-active-bg: #00458e;
  --bs-btn-active-border-color: rgba(175, 223, 249, 0.34);
  --bs-btn-disabled-bg: rgba(0, 75, 156, 0.55);
  --bs-btn-disabled-border-color: rgba(0, 75, 156, 0.25);
}

.btn-outline-primary {
  --bs-btn-color: var(--fecod-accent);
  --bs-btn-border-color: var(--fecod-border-strong);
  --bs-btn-hover-bg: rgba(175, 223, 249, 0.1);
  --bs-btn-hover-border-color: rgba(175, 223, 249, 0.34);
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: rgba(175, 223, 249, 0.14);
  --bs-btn-active-border-color: rgba(175, 223, 249, 0.34);
}

.btn-secondary {
  --bs-btn-bg: var(--fecod-surface-2);
  --bs-btn-border-color: var(--fecod-border);
  --bs-btn-hover-bg: #11408f;
  --bs-btn-hover-border-color: var(--fecod-border-strong);
}

.btn-link {
  color: var(--fecod-accent);
}

.badge {
  border-radius: var(--fecod-radius-pill);
}

.form-control,
.form-select,
.input-group-text {
  background-color: rgba(0, 30, 70, 0.9);
  border-color: var(--fecod-border);
  color: var(--fecod-text);
}

.input-group-text {
  color: var(--fecod-text-muted);
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(175, 223, 249, 0.7);
  box-shadow: 0 0 0 0.2rem rgba(175, 223, 249, 0.18);
}

.dropdown-menu {
  background-color: var(--fecod-surface);
  border: 1px solid var(--fecod-border);
  box-shadow: var(--fecod-shadow);
  color: var(--fecod-text);
}

.dropdown-item {
  color: var(--fecod-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: rgba(175, 223, 249, 0.08);
  color: #fff;
}

.table {
  color: var(--fecod-text);
}

.table > :not(caption) > * > * {
  border-bottom-color: var(--fecod-border);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-bg-type: rgba(175, 223, 249, 0.035);
}

.alert {
  border-radius: var(--fecod-radius-md);
}

.alert-primary {
  background-color: rgba(0, 75, 156, 0.24);
  border-color: rgba(175, 223, 249, 0.22);
  color: var(--fecod-text);
}

.alert-danger {
  background-color: rgba(211, 5, 53, 0.16);
  border-color: rgba(211, 5, 53, 0.34);
  color: var(--fecod-text);
}

.modal-content {
  background-color: var(--fecod-surface);
  border: 1px solid var(--fecod-border);
  border-radius: var(--fecod-radius-lg);
  color: var(--fecod-text);
}

.modal-header,
.modal-footer {
  border-color: var(--fecod-border);
}

.tooltip .tooltip-inner {
  background-color: rgba(0, 30, 70, 0.95);
  color: #fff;
  border: 1px solid var(--fecod-border);
}

.fecod-layout {
  margin-inline: auto;
  max-width: var(--fecod-content-width);
  padding-inline: 1rem;
  width: 100%;
}

.fecod-layout--narrow {
  max-width: var(--fecod-content-width-narrow);
}

.fecod-hidden-overflow {
  overflow-x: clip;
}

.fecod-soft-border {
  border: 1px solid var(--fecod-border);
}

.fecod-surface {
  background: var(--fecod-surface);
  border: 1px solid var(--fecod-border);
  border-radius: var(--fecod-radius-lg);
}

.fecod-pill {
  border-radius: var(--fecod-radius-pill);
}

@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
