/* runtime.css - estilos que o Vue/Quasar injeta dinamicamente no DOM em runtime.
   Nao existem em nenhum arquivo do bundle; foram capturados das <style> que o
   app cria via JS. Sem eles o layout nao bate (ex.: .row com space-around).
   O bloco de splash screen foi omitido: no SPA ele some via JS, aqui nao ha JS
   para remove-lo e ele cobriria a tela inteira. */

/* variaveis de tema aplicadas ao :root pelo app */
:root {
  --main-bg-color: #000000;
  --q-color-primary: #000000;
  --q-color-secondary: #FFFFFF;
}

/* reset do body aplicado pelo app */
body {
  margin: 0;
  padding: 0;
}
body > .header > h1 {
  font-size: 0;
}

/* regra .row do app: sobrescreve a do Quasar e centraliza os blocos */
.row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: top;
}

.circle { border-radius: 50%; }
.square-list { width: 100%; }

/* skeleton de carregamento */
.vue-skeleton-loading { position: relative; width: 100%; }
@keyframes backpos {
  0% { background-position-x: -200px; }
  to { background-position-x: 300px; }
}
.vue-skeleton-loading .skeleton-bac-animation {
  position: absolute; z-index: auto; width: 100%; height: 100%;
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0));
}

/* toasts/notificacoes do Quasar ficam desligados neste build */
.q-notifications,
.q-notification-list,
.q-notification { display: none !important; }

/* Campo com erro: label e borda em vermelho (mesmo visual do q-field-with-error) */
.q-field.q-field-with-error .q-if-label-inner,
.q-field.q-field-with-error .q-if-label {
  color: #db2828;
}
.q-field.q-field-with-error .q-if::after,
.q-field.q-field-with-error .q-if:after {
  border-color: #db2828;
}

/* Alto contraste (A+ / A- / circulos de contraste) */
body.tl-high-contrast {
  background: #000 !important;
  filter: invert(1) hue-rotate(180deg);
}
body.tl-high-contrast img {
  filter: invert(1) hue-rotate(180deg);
}