/* Arquivo: pacienteviewform01css.css */
/* Reescrito em: 2026-06-25 15:00:00 - Gerado por: Qwen */
/* Seletores agora usam IDs dos botoes (estaveis) em vez de href (fragil) */

/* ============================================================
BOTÕES DE FORMULÁRIOS (aba 9 - Formulários)
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] #btn_form_anotacoes.btn.btn-default,
#builder-layout [page-name='PacienteViewForm01'] #btn_form_anotacoes.btn.btn-default:hover {
    background: #2D7DD2 !important;
    color: white !important;
    width: 260px !important;
    height: 36px !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.77) !important;
    border-radius: 6px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: normal !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
#builder-layout [page-name='PacienteViewForm01'] #btn_form_anotacoes.btn.btn-default:hover {
    font-weight: bold !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    opacity: 0.6 !important;
}

#builder-layout [page-name='PacienteViewForm01'] #btn_form_acompanhamento.btn.btn-default,
#builder-layout [page-name='PacienteViewForm01'] #btn_form_acompanhamento.btn.btn-default:hover {
    background: #4DB6AC !important;
    color: white !important;
    width: 260px !important;
    height: 36px !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.77) !important;
    border-radius: 6px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: normal !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
#builder-layout [page-name='PacienteViewForm01'] #btn_form_acompanhamento.btn.btn-default:hover {
    font-weight: bold !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    opacity: 0.6 !important;
}

#builder-layout [page-name='PacienteViewForm01'] #btn_form_ecg.btn.btn-default,
#builder-layout [page-name='PacienteViewForm01'] #btn_form_ecg.btn.btn-default:hover {
    background: #EF5350 !important;
    color: white !important;
    width: 260px !important;
    height: 36px !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.77) !important;
    border-radius: 6px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: normal !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
#builder-layout [page-name='PacienteViewForm01'] #btn_form_ecg.btn.btn-default:hover {
    font-weight: bold !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    opacity: 0.6 !important;
}

#builder-layout [page-name='PacienteViewForm01'] #btn_form_pressao.btn.btn-default,
#builder-layout [page-name='PacienteViewForm01'] #btn_form_pressao.btn.btn-default:hover {
    background: #66BB6A !important;
    color: white !important;
    width: 260px !important;
    height: 36px !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.77) !important;
    border-radius: 6px !important;
    border: none !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: normal !important;
    text-decoration: none !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}
#builder-layout [page-name='PacienteViewForm01'] #btn_form_pressao.btn.btn-default:hover {
    font-weight: bold !important;
    box-shadow: 2px 2px 2px 2px rgb(0 0 0 / 20%) !important;
    opacity: 0.6 !important;
}

/* ============================================================
CABEÇALHO DO FORMULÁRIO
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] .panel-heading .form-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    line-height: 1.5 !important;
}

#builder-layout [page-name='PacienteViewForm01'] > .form-container > .panel {
    border-top: 4px solid #1565C0 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}

/* ============================================================
FOTO DO PACIENTE
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] #foto-paciente {
    border-radius: 8px !important;
    border: 3px solid #1565C0 !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.18) !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto !important;
}

/* ============================================================
LABELS DE CAMPO
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] #tab_dadospaciente label {
    color: #546e7a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

#builder-layout [page-name='PacienteViewForm01'] #tab_dadospaciente span.tfield {
    color: #1a1a2e !important;
    font-weight: 500 !important;
}

/* ============================================================
PAINÉIS INTERNOS DO HISTÓRICO
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] #tab_historicosaude .panel.panel-default.formView-detail {
    border-radius: 5px !important;
    border: 1px solid #dce3ea !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07) !important;
    margin-top: 8px !important;
}

#builder-layout [page-name='PacienteViewForm01'] #tab_historicosaude .panel.panel-default.formView-detail .panel-heading {
    background: #e8eef5 !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 7px 12px !important;
    font-weight: 600 !important;
    color: #1565C0 !important;
    border-bottom: 1px solid #c8d5e3 !important;
}

/* ============================================================
DATAGRID
============================================================ */
#builder-layout [page-name='PacienteViewForm01'] .tdatagrid_table thead th {
    background: #e8eef5 !important;
    color: #1a3a5c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #1565C0 !important;
    padding: 6px 8px !important;
}

#builder-layout [page-name='PacienteViewForm01'] .tdatagrid_table tbody tr:hover td {
    background: #eaf1fb !important;
}

#builder-layout [page-name='PacienteViewForm01'] .tdatagrid_table tbody td {
    font-size: 14px !important;
    color: #2c3e50 !important;
    padding: 5px 8px !important;
    border-bottom: 1px solid #ecf0f4 !important;
}

#builder-layout [page-name='PacienteViewForm01'] .tdatagrid_table .btn.btn-default.btn-sm {
    font-size: 14px !important;
    padding: 2px 7px !important;
    border-radius: 3px !important;
    border: 1px solid #b0bec5 !important;
    color: #37474f !important;
}

#builder-layout [page-name='PacienteViewForm01'] .tdatagrid_table .btn.btn-default.btn-sm:hover {
    background: #1565C0 !important;
    color: white !important;
    border-color: #1565C0 !important;
}