/*
Arquivo: agendamentoviewatendimentocss.css
*/

#builder-layout button[name='btn_finalizaratendimento'].btn.btn-default
{
    background: #F3E5F5 !important;
    color: #5E35B1 !important;
    width: 240px !important;
    height: 36px !important;
    border-left: 10px solid #9575CD !important;
    border-top: 1px solid #9575CD !important;
    border-right: 1px solid #9575CD !important;
    border-bottom: 1px solid #9575CD !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.20) !important;
    border-radius: 6px !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: block !important;
    background-image: linear-gradient(90deg, #F3E5F5, #D1C4E9) !important;
}

#builder-layout button[name='btn_finalizaratendimento'].btn.btn-default:hover
{
    background: linear-gradient(90deg, #D1C4E9, #F3E5F5) !important;
    color: #5E35B1 !important;
    width: 240px !important;
    height: 36px !important;
    font-weight: bold !important;
    border-left: 10px solid #9575CD !important;
    border-top: 1px solid #9575CD !important;
    border-right: 1px solid #9575CD !important;
    border-bottom: 1px solid #9575CD !important;
    box-shadow: 2px 2px 8px rgba(0,0,0,.20) !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    opacity: .9 !important;
}

#builder-layout button[name='btn_finalizarcomoausente'].btn.btn-default
{
    background: #F5F5F5 !important;
    color: #424242 !important;
    width: 240px !important;
    height: 36px !important;
    border-left: 10px solid #7C7C7C !important;
    border-top: 1px solid #7C7C7C !important;
    border-right: 1px solid #7C7C7C !important;
    border-bottom: 1px solid #7C7C7C !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.20) !important;
    border-radius: 6px !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: block !important;
    background-image: linear-gradient(90deg, #F5F5F5, #E0E0E0) !important;
}

#builder-layout button[name='btn_finalizarcomoausente'].btn.btn-default:hover
{
    background: linear-gradient(90deg, #E0E0E0, #F5F5F5) !important;
    color: #424242 !important;
    width: 240px !important;
    height: 36px !important;
    font-weight: bold !important;
    border-left: 10px solid #7C7C7C !important;
    border-top: 1px solid #7C7C7C !important;
    border-right: 1px solid #7C7C7C !important;
    border-bottom: 1px solid #7C7C7C !important;
    box-shadow: 2px 2px 8px rgba(0,0,0,.20) !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    opacity: .9 !important;
}

#builder-layout button[name='btn_chamarvideo'].btn.btn-default
{
    background: #ECEFF1 !important;
    color: #37474F !important;
    width: 240px !important;
    height: 36px !important;
    border-left: 10px solid #2F4F4F !important;
    border-top: 1px solid #2F4F4F !important;
    border-right: 1px solid #2F4F4F !important;
    border-bottom: 1px solid #2F4F4F !important;
    box-shadow: 7px 5px 5px rgba(50, 50, 50, 0.20) !important;
    border-radius: 6px !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: block !important;
    background-image: linear-gradient(90deg, #ECEFF1, #CFD8DC) !important;
}

#builder-layout button[name='btn_chamarvideo'].btn.btn-default:hover
{
    background: linear-gradient(90deg, #CFD8DC, #ECEFF1) !important;
    color: #37474F !important;
    width: 240px !important;
    height: 36px !important;
    font-weight: bold !important;
    border-left: 10px solid #2F4F4F !important;
    border-top: 1px solid #2F4F4F !important;
    border-right: 1px solid #2F4F4F !important;
    border-bottom: 1px solid #2F4F4F !important;
    box-shadow: 2px 2px 8px rgba(0,0,0,.20) !important;
    outline: none !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    opacity: .9 !important;
}

/* ============================================================
   FOTO DO PACIENTE
   ============================================================ */
#builder-layout #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 (dados do paciente)
   ============================================================ */
#builder-layout #tab_dadosbasicos label
{
    color: #546e7a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
}

/* Valores exibidos nos TTextDisplay */
#builder-layout #tab_dadosbasicos span.tfield
{
    color: #1a1a2e !important;
    font-weight: 500 !important;
}

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

#builder-layout #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 — TABELAS INTERNAS
   ============================================================ */
#builder-layout .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 .tdatagrid_table tbody tr:hover td
{
    background: #eaf1fb !important;
}

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

/* Botões de ação dentro do datagrid (Editar / Imprimir) */
#builder-layout .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 .tdatagrid_table .btn.btn-default.btn-sm:hover
{
    background: #1565C0 !important;
    color: white !important;
    border-color: #1565C0 !important;
}

/* ============================================================
   CABEÇALHO DO FORMULÁRIO
   ============================================================ */

/* Título da ficha - destaque visual */
#builder-layout .panel-heading .form-title
{
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    line-height: 1.5 !important;
}

/* Borda superior colorida no painel principal */
#builder-layout > .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;
}

/* FIM */