/* -------------------------------------------------------------------------
   Formulario respondido pelo paciente (ResponderFormularioPacienteForm)
   Usa a moldura e as classes do login (login.css): login-v2-form, login-v2-label, login-v2-btn.
   Aqui ficam so os ajustes que o login.css nao cobre, porque ele foi feito para um cartao estreito com um campo por linha.
   ------------------------------------------------------------------------- */

/* A moldura do login reserva a esquerda para o painel de marca: nesta pagina o formulario ocupa a tela toda. */
.login-v2__main:has([page-name=ResponderFormularioPacienteForm]) .login-v2__brand {
    display: none;
}

.login-v2__main:has([page-name=ResponderFormularioPacienteForm]) .login-v2__form {
    width: 100%;
    align-items: flex-start;
}

.formulario-paciente-box {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Os campos ficam todos numa tformrow so (colunas lado a lado), mas o login.css espaca por tformrow e zera o padding das colunas.
   O espaco vai em cada coluna (18px abaixo e 8px de cada lado) e a linha compensa o lateral, como no grid do Bootstrap. */
.formulario-paciente-box .login-v2-form .tformrow {
    margin: 0 -8px !important;
}

.formulario-paciente-box .login-v2-form .fb-field-container {
    padding: 0 8px 18px 8px !important;
}

/* Paragrafo: o login.css forca 50px em .tfield e o TText grava height: 100px no proprio involucro. */
.formulario-paciente-box .fb-inline-field-container[wrapped-widget=ttext] {
    height: auto !important;
}

.login-v2-form textarea.tfield {
    height: auto !important;
    min-height: 110px;
    padding: 12px 16px !important;
    line-height: 1.5;
}

/* Selecao unica sem busca: o login.css so estiliza combo com busca (select2). */
.login-v2-form select.tcombo {
    width: 100% !important;
    height: 50px;
    border: 1.5px solid var(--login-field-border);
    border-radius: var(--login-radius);
    padding: 0 16px;
    font-size: 15px;
    color: var(--login-ink);
    background: var(--login-field-bg);
    outline: none;
}

.login-v2-form select.tcombo:focus {
    border-color: var(--login-brand, #5148c8);
    box-shadow: 0 0 0 4px var(--login-brand-ring, rgba(81, 72, 200, .12));
    background: #fff;
}

/* Data e data e hora: o botao do calendario vai para dentro do campo, por cima do fundo do input. */
.login-v2-form .tdate-group {
    position: relative;
}

.login-v2-form .tdate-group .tfield {
    padding-right: 48px !important;
}

.login-v2-form .tdate-group .tdate-group-addon {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 5;
    color: var(--login-ink-soft, #4b5563) !important;
}