/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/@angular-devkit/build-angular/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/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/app/src/styles.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Lumio - Design System (Figma: cards-V2, cards-V3, light/dark) */
@font-face {
  font-family: "Thunder";
  src: url("/fonts/thunder/Thunder-BoldLC.woff2") format("woff2"), url("/fonts/thunder/Thunder-BoldLC.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
:root,
[data-theme=light] {
  --lumio-bg-primary: #FFFFFF;
  --lumio-bg-secondary: #F3F5F8;
  --lumio-bg-tertiary: #E8E9EA;
  --lumio-bg-muted: #E8E9EA;
  --lumio-bg-card: #FFFFFF;
  --lumio-bg-overlay: rgba(255, 255, 255, 0.9);
  --lumio-text-primary: #191C1F;
  --lumio-text-secondary: #595959;
  --lumio-text-muted: #6B6B6B;
  --lumio-text-inverse: #FFFFFF;
  --lumio-border: #DDDDDD;
  --lumio-border-light: #E8E9EA;
  --lumio-primary: #FF6714;
  --lumio-primary-light: #FFDD00;
  --lumio-gradient-header: linear-gradient(to right, #FF6714 0%, #FFDD00 100%);
  --lumio-accent-yellow: #FFCC00;
  --lumio-accent-green: #12B76A;
  --lumio-accent-green-light: #47D48E;
  --lumio-accent-red: #FF3E0C;
  --lumio-accent-red-light: #FE9277;
  --lumio-accent-blue: #014691;
  --lumio-accent-orange: #FF7F29;
  --lumio-nav-active-bg: #E8E9EA;
  --lumio-nav-inactive: #6B6B6B;
  --lumio-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  --lumio-logo-color: #FFCC00;
  --lumio-header-bg: #FFFFFF;
  --lumio-header-glow: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(255, 221, 0, 0.15) 0%, transparent 70%);
  --lumio-header-pill-bg: rgba(240, 240, 240, 0.7);
  --lumio-header-logo-color: #191C1F;
  --lumio-header-icon-color: #191C1F;
  --lumio-btn-primary-bg: #FFCC00;
  --lumio-btn-primary-text: #191C1F;
  --lumio-btn-primary-bg-disabled: #FFDE5D;
  --lumio-btn-primary-text-disabled: #4A4E50;
  --lumio-btn-secondary-bg: #014691;
  --lumio-btn-secondary-text: #FFFFFF;
  --lumio-btn-secondary-bg-disabled: #9AB5D3;
  --lumio-btn-secondary-text-disabled: #F3F5F8;
  --lumio-btn-secondary-l-bg: #FFE1DF;
  --lumio-btn-secondary-l-border: #FF0F01;
  --lumio-btn-secondary-l-text: #FF0F01;
  --lumio-btn-secondary-l-bg-dis: #FFEAE8;
  --lumio-btn-outlined-text: #191C1F;
  --lumio-btn-outlined-border: #E8E9EA;
  --lumio-btn-outlined-text-disabled: #FFDE5D;
  --lumio-btn-text-color: #191C1F;
  --lumio-btn-text-color-disabled: #92969E;
  --lumio-btn-icon-bg: rgba(255, 255, 255, 0.65);
  --lumio-btn-icon-outline: 1px solid #FFFFFF;
  --lumio-input-bg: #FFFFFF;
  --lumio-input-border: #E8E9EA;
  --lumio-input-border-active: #191C1F;
  --lumio-input-border-error: #FF3E0C;
  --lumio-input-border-disabled: #E8E9EA;
  --lumio-input-text: #191C1F;
  --lumio-input-text-placeholder: #6B6B6B;
  --lumio-input-text-disabled: #B5BAC1;
  --lumio-input-label: #4A4E50;
  --lumio-input-label-disabled: #B5BAC1;
  --lumio-checkbox-border: 1.30px solid #4A4E50;
  --lumio-checkbox-border-disabled: 1.30px solid #E8E9EA;
  --lumio-checkbox-checked-bg: #01A63D;
  --lumio-checkbox-checked-mark: #FFFFFF;
  --lumio-checkbox-disabled-bg: #567469;
  --lumio-checkbox-disabled-mark: #E8E9EA;
  --lumio-checkbox-label: #4A4E50;
  --lumio-checkbox-label-disabled: #B5BAC1;
  --lumio-switch-track-off: #E8E9EA;
  --lumio-switch-track-on: #01A63D;
  --lumio-switch-thumb: #FFFFFF;
  --lumio-prob-card-bg: rgba(255, 255, 255, 0.42);
  --lumio-prob-card-shadow: inset 0px 1.5px 1px #ffffff,
                                    inset 0px 20px 20px rgba(255, 255, 255, 0.24),
                                    0px 4px 6px rgba(206, 209, 213, 0.39);
  --lumio-prob-card-shadow-hover: inset 0px 1.5px 1px #ffffff,
                                    inset 0px 20px 20px rgba(255, 255, 255, 0.24),
                                    0px 6px 16px rgba(206, 209, 213, 0.55);
  --lumio-prob-card-outline: none;
  --lumio-prob-card-outline-offset: 0;
  --lumio-prob-card-progress-track: repeating-linear-gradient(
    -55deg, #ffffff, #ffffff 2px, #e8e9ea 2px, #e8e9ea 4px
  );
  --lumio-match-stats-border: #e7eaed;
  --lumio-match-dashed-color: #e8e9ea;
  --lumio-match-chip-bg: #ffffff;
  --lumio-match-chip-border: #e8e9ea;
  --lumio-match-bar-win: #98f5ca;
  --lumio-match-bar-loss: #ffcfcf;
  --lumio-match-stats-lumio-high-bg: linear-gradient(157.93deg, rgb(223, 255, 240) 17.1%, rgb(192, 252, 224) 91.9%);
  --lumio-match-stats-lumio-high-border: #47d48e;
  --lumio-match-stats-lumio-high-color: #0c5130;
  --lumio-match-stats-lumio-mid-bg: linear-gradient(157.9deg, rgba(255, 191, 128, 0.45) 17.1%, rgba(255, 127, 41, 0.18) 91.8%);
  --lumio-match-stats-lumio-low-bg: linear-gradient(157.9deg, rgba(255, 103, 20, 0.22) 17.1%, rgba(201, 68, 11, 0.18) 91.8%);
  --lumio-match-bet-closed-bg: #ffe1df;
  --lumio-match-bet-closed-border: #ff0f01;
  --lumio-match-bet-item-bg: rgba(255, 255, 255, 0.42);
}

[data-theme=dark] {
  --lumio-bg-primary: #000000;
  --lumio-bg-secondary: #1C1C1E;
  --lumio-bg-tertiary: #323335;
  --lumio-bg-muted: #323335;
  --lumio-bg-card: #1C1C1E;
  --lumio-bg-overlay: rgba(28, 28, 30, 0.95);
  --lumio-text-primary: #E8E9EA;
  --lumio-text-secondary: #B5BAC1;
  --lumio-text-muted: #92969E;
  --lumio-text-inverse: #191C1F;
  --lumio-border: #595959;
  --lumio-border-light: #323335;
  --lumio-primary: #FF6714;
  --lumio-primary-light: #FFDD00;
  --lumio-gradient-header: linear-gradient(to right, #FF6714 0%, #FFDD00 100%);
  --lumio-accent-yellow: #FFCC00;
  --lumio-accent-green: #12B76A;
  --lumio-accent-green-light: #47D48E;
  --lumio-accent-red: #FF3E0C;
  --lumio-accent-red-light: #FE9277;
  --lumio-accent-blue: #005BBE;
  --lumio-accent-orange: #FF7F29;
  --lumio-nav-active-bg: #595959;
  --lumio-nav-inactive: #B5BAC1;
  --lumio-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --lumio-logo-color: #FFCC00;
  --lumio-header-bg: #191C1F;
  --lumio-header-glow: radial-gradient(ellipse 80% 50% at 20% 50%, rgba(255, 221, 0, 0.08) 0%, transparent 70%);
  --lumio-header-pill-bg: rgba(74, 78, 80, 0.6);
  --lumio-header-logo-color: #FFFFFF;
  --lumio-header-icon-color: #FFFFFF;
  --lumio-btn-primary-bg: #FFCC00;
  --lumio-btn-primary-text: #191C1F;
  --lumio-btn-primary-bg-disabled: #A68501;
  --lumio-btn-primary-text-disabled: #1C1C1E;
  --lumio-btn-secondary-bg: #005BBE;
  --lumio-btn-secondary-text: #FFFFFF;
  --lumio-btn-secondary-bg-disabled: #072B53;
  --lumio-btn-secondary-text-disabled: #E8E9EA;
  --lumio-btn-secondary-l-bg: #774644;
  --lumio-btn-secondary-l-border: #774644;
  --lumio-btn-secondary-l-text: #E8E9EA;
  --lumio-btn-secondary-l-bg-dis: #553735;
  --lumio-btn-outlined-text: #FFCC00;
  --lumio-btn-outlined-border: #323335;
  --lumio-btn-outlined-text-disabled: #6A5C06;
  --lumio-btn-text-color: #FFCC00;
  --lumio-btn-text-color-disabled: #6A5C06;
  --lumio-btn-icon-bg: rgba(255, 255, 255, 0.02);
  --lumio-btn-icon-outline: 1px solid rgba(255, 255, 255, 0.15);
  --lumio-input-bg: rgba(28, 28, 30, 0.39);
  --lumio-input-border: #6B6B6B;
  --lumio-input-border-active: #B5BAC1;
  --lumio-input-border-error: #FF3E0C;
  --lumio-input-border-disabled: #323335;
  --lumio-input-text: #E8E9EA;
  --lumio-input-text-placeholder: #6B6B6B;
  --lumio-input-text-disabled: #323335;
  --lumio-input-label: #6B6B6B;
  --lumio-input-label-disabled: #323335;
  --lumio-checkbox-border: 1.30px solid #B5BAC1;
  --lumio-checkbox-border-disabled: 1.30px solid #323335;
  --lumio-checkbox-checked-bg: #01A63D;
  --lumio-checkbox-checked-mark: #FFFFFF;
  --lumio-checkbox-disabled-bg: #315545;
  --lumio-checkbox-disabled-mark: #E8E9EA;
  --lumio-checkbox-label: #E8E9EA;
  --lumio-checkbox-label-disabled: #323335;
  --lumio-switch-track-off: #595959;
  --lumio-switch-track-on: #01A63D;
  --lumio-switch-thumb: #FFFFFF;
  --lumio-prob-card-bg: #1C1C1E;
  --lumio-prob-card-shadow: none;
  --lumio-prob-card-shadow-hover: none;
  --lumio-prob-card-outline: none;
  --lumio-prob-card-outline-offset: 0;
  --lumio-prob-card-progress-track: rgba(255, 255, 255, 0.06);
  --lumio-match-stats-border: rgba(255, 255, 255, 0.10);
  --lumio-match-dashed-color: rgba(255, 255, 255, 0.10);
  --lumio-match-chip-bg: #323335;
  --lumio-match-chip-border: transparent;
  --lumio-match-bar-win: #6bab90;
  --lumio-match-bar-loss: #c77070;
  --lumio-match-stats-lumio-high-bg: #315545;
  --lumio-match-stats-lumio-high-border: #567469;
  --lumio-match-stats-lumio-high-color: #98f5ca;
  --lumio-match-stats-lumio-mid-bg: linear-gradient(157.9deg, rgba(255, 127, 41, 0.25) 17.1%, rgba(255, 127, 41, 0.10) 91.8%);
  --lumio-match-stats-lumio-low-bg: linear-gradient(157.9deg, rgba(201, 68, 11, 0.25) 17.1%, rgba(201, 68, 11, 0.10) 91.8%);
  --lumio-match-bet-closed-bg: rgba(201, 68, 11, 0.15);
  --lumio-match-bet-closed-border: rgba(201, 68, 11, 0.5);
  --lumio-match-bet-item-bg: #252527;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  height: 100%;
  background: #ffffff;
}

[data-theme=dark] html {
  background: #000000;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  /* Remove 300ms tap delay on touch devices */
  touch-action: manipulation;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--lumio-text-primary);
  background: var(--lumio-bg-primary);
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  /* Prevent pull-to-refresh overscroll on some browsers */
  overscroll-behavior-y: contain;
}

/* Mobile ONLY - 100vh para preencher viewport */
.lumio-app {
  min-height: 100vh;
  min-height: 100dvh;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
}

.lumio-app__content {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.lumio-content {
  flex: 1 1 0;
  min-height: 0;
  padding: 1rem;
  padding-left: calc(1rem + env(safe-area-inset-left));
  padding-right: calc(1rem + env(safe-area-inset-right));
  padding-bottom: calc(env(safe-area-inset-bottom, 0) + 80px);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.lumio-section {
  margin-bottom: 1.5rem;
}
.lumio-section:last-child {
  margin-bottom: 0;
}

.lumio-section__title {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--lumio-text-primary);
  margin-bottom: 0.75rem;
}

.lumio-section__count {
  font-weight: 700;
  color: var(--lumio-text-muted);
  margin-left: 0.5rem;
}

.lumio-card {
  background: var(--lumio-bg-card);
  border-radius: 12px;
  box-shadow: var(--lumio-card-shadow);
  padding: 1rem;
  transition: box-shadow 0.2s ease;
  margin-bottom: 1rem;
}
.lumio-card:last-child {
  margin-bottom: 0;
}

.lumio-card--compact {
  padding: 0.75rem;
}

.lumio-card--circular {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.lumio-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.lumio-card__body {
  margin-bottom: 0.75rem;
}
.lumio-card__body:last-child {
  margin-bottom: 0;
}

.lumio-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  border-top: 1px solid var(--lumio-border-light);
}

.lumio-card__teams {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.lumio-team-logo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--lumio-bg-tertiary);
  flex-shrink: 0;
}

.lumio-match-details {
  font-size: 0.875rem;
  color: var(--lumio-text-secondary);
}

.lumio-prediction-text {
  font-size: 1rem;
  font-weight: 600;
  color: var(--lumio-text-primary);
  margin-bottom: 0.5rem;
}

.lumio-odds-value {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--lumio-text-primary);
}
.lumio-odds-value .lumio-odds-value__icon {
  color: var(--lumio-accent-red);
}

.lumio-risk-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.lumio-risk-pill--low {
  background: var(--lumio-accent-green);
  color: #FFFFFF;
}

.lumio-risk-pill--mid {
  background: var(--lumio-accent-orange);
  color: #FFFFFF;
}

.lumio-risk-pill--high {
  background: var(--lumio-accent-red);
  color: #FFFFFF;
}

.lumio-risk-pill__icon {
  width: 14px;
  height: 14px;
}

.lumio-tag {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 4px;
}

.lumio-tag--blue {
  background: var(--lumio-accent-blue);
  color: #FFFFFF;
}

.lumio-tag--yellow {
  background: var(--lumio-accent-yellow);
  color: #191C1F;
}

.lumio-progress-bar {
  height: 6px;
  background: var(--lumio-bg-tertiary);
  border-radius: 9999px;
  overflow: hidden;
  margin-top: 0.5rem;
}

.lumio-progress-bar__fill {
  height: 100%;
  background: var(--lumio-accent-green);
  border-radius: 9999px;
  transition: width 0.3s ease;
}

.lumio-progress-bar__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--lumio-accent-green);
  margin-top: 0.25rem;
}

.lumio-indicator-ring {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 3px solid var(--lumio-bg-tertiary);
  border-top-color: var(--lumio-accent-green);
  animation: lumio-spin 0.8s linear infinite;
}

.lumio-indicator-ring--orange {
  border-top-color: var(--lumio-accent-orange);
}

@keyframes lumio-spin {
  to {
    transform: rotate(360deg);
  }
}
.lumio-premium-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  background: var(--lumio-accent-yellow);
  color: #191C1F;
  border-radius: 4px;
}

.lumio-upgrade-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #191C1F;
  background: var(--lumio-accent-yellow);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.1s;
}
.lumio-upgrade-button:hover {
  opacity: 0.95;
}
.lumio-upgrade-button:active {
  transform: scale(0.98);
}

.lumio-card--locked .lumio-card__body {
  filter: blur(4px);
  pointer-events: none;
}

.lumio-bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0.5rem 1rem;
  padding-bottom: calc(env(safe-area-inset-bottom, 0) + 0.5rem);
  background: var(--lumio-bg-primary);
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.08);
  z-index: 50;
}

[data-theme=dark] .lumio-bottom-nav {
  box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3);
}

.lumio-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--lumio-nav-inactive);
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.2s;
}
.lumio-nav-item:hover {
  color: var(--lumio-text-primary);
}

.lumio-nav-item--active {
  color: var(--lumio-text-primary);
  font-weight: 700;
}

.lumio-nav-item__icon {
  width: 24px;
  height: 24px;
}

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