/* Acabamento de Documentos sobre os componentes do CSS central (espelho de calculos_interface.css). */
@media screen {
  /* O central define 8px; nas paginas de Documentos (fora do formulario embutido) o raio e 6px. */
  body.pj-interface.docs-app-body:not(:where(.pj-cd-formulario)) { --pj-input-radius: 6px; }

  body.docs-app-body [hidden] { display: none !important; }
  body.docs-app-body {
    --pj-btn-text-font-size: 12.5px;
    --pj-btn-text-font-weight: 550;
    --pj-btn-text-letter-spacing: 1.15px;
    --pj-btn-text-border-width: 1.5px;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content :is(.pj-btn-text, .btn, .module-card-action) {
    font-size: 12.5px;
    font-weight: 550;
    letter-spacing: 1.15px;
    border-width: 1.5px;
    border-style: solid;
    box-sizing: border-box;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content :is(.pj-btn-text, .btn, .module-card-action):hover {
    font-weight: 630 !important;
    border-width: 2px !important;
  }
  body.docs-app-body .pj-btn-icon-circle svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content form label:not(.editor-checkbox):not(.pj-tiptap-check):not(.pj-tiptap-campo):not(.pj-choice-item):not(:has(> input[type=checkbox])):not(:has(> input[type=radio])) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0 0 2px;
    font-family: var(--font-stack, 'Google Sans Flex', 'Aptos', 'Segoe UI', sans-serif);
    font-size: 11.5px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.2;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content form label:not(.editor-checkbox):not(.pj-tiptap-check):not(.pj-tiptap-campo):not(.pj-choice-item):not(:has(> input[type=checkbox])):not(:has(> input[type=radio])) > :is(input:not([type=checkbox]):not([type=radio]), select, textarea) {
    width: 100%;
  }
  /* Campos com a mesma altura, raio e tipografia do formulário central. */
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content :is(input.form-control, select.form-control, .form-select, .tool-select, .input-field, .pj-input):not(.a4-sheet *):not(:where(.editor-ribbon *, [data-pj-estilo-local], :disabled, [readonly])) {
    box-sizing: border-box;
    height: 25px !important;
    max-height: 25px !important;
    min-height: 25px !important;
    padding: 2px 4px !important;
    border: 1.2px solid var(--pj-border-strong, #b9c7cd) !important;
    border-radius: 6px !important;
    background: var(--pj-surface, #fff);
    color: var(--pj-text-main, #061b39);
    font-family: var(--font-stack, 'Google Sans Flex', 'Aptos', 'Segoe UI', sans-serif);
    font-size: 12px !important;
    font-weight: 420 !important;
    letter-spacing: 0;
    line-height: 1.2;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content textarea.form-control:not(.a4-sheet *):not(:where(.editor-ribbon *, [data-pj-estilo-local], :disabled, [readonly])) {
    height: auto;
    min-height: 64px;
    padding: 4px 5px;
  }
  body.docs-app-body:not(:where(.pj-cd-formulario)) .docs-content :is(input.form-control, select.form-control, .form-select, .tool-select, .input-field, .pj-input):not(.a4-sheet *):not(:where(.editor-ribbon *, [data-pj-estilo-local], :disabled, [readonly])):focus {
    font-weight: 500;
    border-width: 1.8px;
    border-color: var(--pj-cyan, #2fc9f2);
    box-shadow: 0 0 0 2px rgba(47, 201, 242, .25);
    outline: none;
  }

}