/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/angular/focus/src/styles.scss?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./apps/angular/focus/src/styles.scss?ngGlobalStyle (1) ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/* Spark Design System tokens */
:root {
  --spark-color-primary: #1f1f1f;
  --spark-color-primary-active: #515151;
  --spark-color-white: #ffffff;
  --spark-color-gray: #141414;
  --spark-color-gray-secondary: #acacac;
  --spark-color-disabled: #eaeae6;
  --spark-color-unselected: #f2f2f0;
  --spark-color-background-a: #515151;
  --spark-color-background-b: #f2f2f0;
  --spark-color-background-d: #141414;
  --spark-color-content-a: #ffffff;
  --spark-color-content-d: #1f1f1f;
  --spark-color-background-card: #f2f2f0;
  --spark-color-success: #1ba285;
  --spark-color-danger: #e8524d;
  --spark-color-warning: #ed6100;
  --spark-color-critical: #e8524d;
  --spark-color-feedback-done: #004b90;
  --spark-color-score-danger: #ef4f4f;
  --spark-color-score-orange: #eb9135;
  --spark-color-score-yellow: #ffda66;
  --spark-color-score-success: #35d38a;
  --spark-color-score-success-strong: #16ab64;
  --spark-color-opacity-bright-weakest: #ffffff;
  --spark-color-opacity-weakest: rgba(0, 0, 0, 0.08);
  --spark-color-text-primary: #1f1f1f;
  --spark-color-text-secondary: #acacac;
  --spark-color-text-inverse: #ffffff;
  --spark-color-bg: #f2f2f0;
  --spark-color-surface: #ffffff;
  --spark-color-border: #eaeae6;
  --spark-spacing-xs: 4px;
  --spark-spacing-sm: 8px;
  --spark-spacing-md: 16px;
  --spark-spacing-lg: 24px;
  --spark-spacing-xl: 32px;
  --spark-spacing-2xl: 48px;
  --spark-radius-sm: 4px;
  --spark-radius-md: 6px;
  --spark-radius-lg: 8px;
  --spark-radius-pill: 16px;
  --spark-font-family: "Inter", "Roboto", "Segoe UI", sans-serif;
  --spark-font-size-xs: 11px;
  --spark-font-size-sm: 12px;
  --spark-font-size-base: 13px;
  --spark-font-size-md: 14px;
  --spark-font-size-lg: 16px;
  --spark-font-size-xl: 20px;
  --spark-font-size-2xl: 24px;
  --spark-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --spark-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
  --spark-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);
}

/* Spark Tooltip global styles (directive injects into document.body) */
.spark-tooltip {
  position: absolute;
  z-index: 10000;
  max-width: 240px;
  padding: 6px 12px;
  border-radius: var(--spark-radius-md, 6px);
  background: var(--spark-color-primary, #1f1f1f);
  color: var(--spark-color-text-inverse, #ffffff);
  font-family: var(--spark-font-family, "Inter", sans-serif);
  font-size: var(--spark-font-size-sm, 12px);
  font-weight: 500;
  line-height: 1.4;
  pointer-events: none;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), transform 150ms cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--spark-shadow-md, 0 2px 8px rgba(0, 0, 0, 0.08));
  word-wrap: break-word;
}
.spark-tooltip--visible {
  opacity: 1;
  transform: translateY(0);
}
.spark-tooltip--top {
  transform: translateY(4px);
}
.spark-tooltip--top.spark-tooltip--visible {
  transform: translateY(0);
}
.spark-tooltip--top .spark-tooltip__arrow {
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.spark-tooltip--bottom {
  transform: translateY(-4px);
}
.spark-tooltip--bottom.spark-tooltip--visible {
  transform: translateY(0);
}
.spark-tooltip--bottom .spark-tooltip__arrow {
  top: -4px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.spark-tooltip--left {
  transform: translateX(4px);
}
.spark-tooltip--left.spark-tooltip--visible {
  transform: translateX(0);
}
.spark-tooltip--left .spark-tooltip__arrow {
  right: -4px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.spark-tooltip--right {
  transform: translateX(-4px);
}
.spark-tooltip--right.spark-tooltip--visible {
  transform: translateX(0);
}
.spark-tooltip--right .spark-tooltip__arrow {
  left: -4px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.spark-tooltip__arrow {
  position: absolute;
  width: 8px;
  height: 8px;
  background: var(--spark-color-primary, #1f1f1f);
}

/* Global font: Inter via Google Fonts (variable) */
/* Define CSS variable for ease of reuse */
:root {
  /* Fonte sans principal seguindo especificação fornecida */
  --app-font-sans: Inter, -apple-system, San Francisco, blinkmacsystemfont, Segoe UI, Helvetica Neue, helvetica, arial,
      sans-serif;
}

html,
body {
  min-height: 100%;
  margin: 0px;
  font-family: var(--app-font-sans);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

focus-root,
apollo-provider,
focus-container {
  display: block;
  min-height: 100%;
}

apollo-button .mdc-button.mdc-button--unelevated:not(:disabled) {
  background-color: var(--mdc-theme-primary, #238662);
}