@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

:root {
  --border-radius-btn: 0.7rem;
  --border-radius-region: 1rem;
  --border-radius-item: 1rem;
  --border-radius-popup: 3rem;
  --color-gl-white: #FFFFFF;
  --color-gl-black: #000000;
  --color-celos-green: #56BAA2;
  --color-celos-blue: #3363AC;
  --color-celos-yellow: #F9B233;
  --color-border-grey: #dfdfdf;
  --color-gl-dark-grey: #66798a;
  --font-celos: 'PT Sans', sans-serif;
  --font-size-btn: 1.6rem;
  --font-size-text: 1.6rem;
  --font-size-title: 1.9rem;
  --font-size-label: 1.3rem;
}

html {
  font-size: 62.5%;
}

body {
  font-family: var(--font-celos);
  font-weight: 500;
}

.ocultar {
  display: none !important;
}

/* Classes APEX */
.apex-item-select:disabled,
.apex-item-text:disabled {
  opacity: 1;
}

.apex-item-textarea:focus, 
.apex-item-textarea:focus-within {
  font-size: var(--font-size-text) !important;
  padding-top: 3.5rem;
}

.textarea.apex-item-textarea,
.apex-item-popup-lov,
.apex-item-display-only,
.apex-item-select,
.apex-item-text,
.apex-item-number,
.apex-help-dialog {
  font-size: var(--font-size-text);
  white-space: break-spaces !important;
  border-radius: var(--border-radius-item) !important;
}

/* Propriedades dos itens APEX - apenas copiados */
.input-celos {
  min-height: var(--ut-field-input-min-height, 0);
  padding-top: var(--ut-field-fl-label-offset, calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px)));
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  min-width: 0;
  width: var(--a-field-input-width);
  flex-grow: var(--a-field-input-flex-grow);
  line-height: var(--a-field-input-line-height, 16px);
  color: var(--a-field-input-state-text-color, var(--a-field-input-text-color));
  border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
  border-width: var(--a-field-input-border-width, 1px);
  border-style: solid;
  box-shadow: var(--a-field-input-state-shadow, var(--a-field-input-shadow));
  padding-bottom: calc(var(--a-field-input-padding-y, 4px) - var(--a-field-input-border-width, 1px));
  padding-right: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
  transition: background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;
  padding-left: calc(var(--a-field-input-padding-x, 4px) - var(--a-field-input-border-width, 1px));
}

.t-Form-label {
  font-size: var(--font-size-label) !important;
} 

.t-Body {
  background-color: var(--color-gl-white);  /* Cor de fundo tela */
}

.t-WizardSteps-label { /* Fonte menu etapas */
  font-size: 1.4rem;
}

/* Região standard - Celos */
.t-Region-Celos {
  border: 0.1rem solid var(--color-border-grey);
  border-radius: var(--border-radius-region);
  font-family: var(--font-celos);
  font-size: var(--font-size-text);
}

.t-Region-Celos h2 {
  font-size: var(--font-size-title);
  font-weight: bold;
}

.t-Region-header-Celos {
  border-top-left-radius: var(--border-radius-region);
  border-top-right-radius: var(--border-radius-region);
  border-color: var(--color-celos-blue);
  background-color: var(--color-celos-blue);
  color: var(--color-gl-white);
}

/* Item optional-floating-celos / required-floating-celos */
.t-Form-itemWrapper-Celos input {
  border-radius: var(--border-radius-item);
}

.t-Form-fieldContainer--floatingLabel.is-required .t-Form-inputContainer-Celos:before { /* required-floating-celos */
  border-top-left-radius: var(--border-radius-item);
  border-width: 0.6rem;
}

.t-Form-fieldContainer--floatingLabel .apex-item-display-only { /* optional-floating-celos */
  font-size: var(--font-size-text);
  border-style: solid;
  border-radius: var(--border-radius-item);
}

/* Botão text-celos-blue / text-celos-green */
.t-Button-Celos-Blue {
  background-color: var(--color-celos-blue);
  border: 0.1rem solid var(--color-celos-blue);
}

.t-Button-Celos-Green {
  background-color: var(--color-celos-green);
  border: 0.1rem solid var(--color-celos-green);
}

.t-Button-Celos-Green,
.t-Button-Celos-Blue {
  border-radius: var(--border-radius-btn);
  color: var(--color-gl-white);
}

.t-Button-Celos-Green span,
.t-Button-Celos-Blue span {
  font-size: var(--font-size-btn);
  font-weight: bold;
  text-transform: uppercase;
}

.t-Button-Celos-Blue:focus,
.t-Button-Celos-Blue:focus-within {
  outline-color: var(--color-celos-blue);
}

.t-Button-Celos-Green:focus,
.t-Button-Celos-Green:focus-within {
  outline-color: var(--color-celos-green);
}

/* Região inline - popup - celos */
.t-DialogRegion-Celos {
  background-color: var(--color-celos-blue) !important;
  border-radius: var(--border-radius-popup);
  color: var(--color-gl-white);
}