/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --app-primary: #0014dc;
  --app-secondary: #00d2dc;
  --app-accent: #1e1464;
  --app-muted: #555555;
  --app-border: #aaaaaa;
  --bs-font-sans-serif: "Roboto", sans-serif;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-primary: var(--app-primary);
  --bs-primary-rgb: 0, 20, 220;
  --bs-secondary: var(--app-secondary);
  --bs-body-color: var(--app-accent);
  --bs-body-bg: #f8f9ff;
  --bs-border-color: var(--app-border);
}

body {
  font-family: var(--bs-font-sans-serif);
  background: var(--bs-body-bg);
  color: var(--bs-body-color);
  margin: 0;
}

.app-container {
  max-width: 600px;
  margin: 0 auto;
}

.app-title {
  letter-spacing: 0.03em;
  font-size: 1.5rem;
}

.app-subtitle {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
}

.section-heading {
  letter-spacing: 0.06em;
  font-size: 0.7rem;
}

.card {
  border-radius: 0.5rem;
  border: 1px solid rgba(30, 20, 100, 0.12);
}

.card-body {
  padding: 0.9rem 1rem;
}

.btn-primary,
.btn-primary:focus {
  background-color: var(--app-primary);
  border-color: var(--app-primary);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:active {
  background-color: #0b1baa;
  border-color: #0b1baa;
}

.btn-outline-primary {
  color: var(--app-primary);
  border-color: var(--app-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: #ffffff;
  background-color: var(--app-primary);
  border-color: var(--app-primary);
}

.btn-outline-secondary {
  color: var(--app-muted);
  border-color: var(--app-border);
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
  color: var(--app-accent);
  background-color: rgba(0, 210, 220, 0.1);
  border-color: var(--app-secondary);
}

.btn-outline-danger {
  color: #d9534f;
  border-color: #d9534f;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}

.btn {
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
}

.status-text {
  min-height: 1.25rem;
}

.status-error {
  color: #d9534f !important;
}

.status-ok {
  color: #198754 !important;
}

dl {
  margin-bottom: 0;
}

dt {
  font-weight: 400;
}

dd {
  margin-bottom: 0;
}

.danger-zone {
  display: block;
}

.danger-summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
  color: #d9534f;
  -webkit-user-select: none;
          user-select: none;
}

.danger-zone .chevron {
  width: 0.6rem;
  height: 0.6rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.15s ease-in-out;
}

.danger-zone .chevron.open {
  transform: rotate(45deg);
}

/*# sourceMappingURL=styles.css.map*/