/* Correção para campo Observação aparecer melhor */
.form.large.gastos-form{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
}

.gastos-form .observacao-input,
.form.large input[name="observacao"]{
    width:240px!important;
    min-width:240px!important;
    flex:0 0 240px!important;
}

.gastos-form input[name="parcelas"],
.gastos-form input[name="parcela_atual"],
form input[name="parcelas"],
form input[name="parcela_atual"]{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    flex:0 0 68px!important;
    text-align:center!important;
    padding-left:6px!important;
    padding-right:6px!important;
}

.pessoa-select{
    width:105px!important;
    min-width:105px!important;
}

.pessoa-tag{
    color:#111827;
    font-weight:700;
}

.obs-cell{
    min-width:180px;
    max-width:280px;
    white-space:normal!important;
    color:#475569;
}

.actions{
    display:flex;
    gap:8px;
    align-items:center;
}

.mini.cancel{
    background:#e5e7eb;
    color:#374151;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
}

@media(max-width:1000px){
    .form.large input,
    .form.large select,
    .gastos-form .observacao-input,
    .form.large input[name="observacao"],
    .gastos-form input[name="parcelas"],
    .gastos-form input[name="parcela_atual"],
    .pessoa-select{
        width:100%!important;
        min-width:100%!important;
        max-width:100%!important;
        flex:1 1 100%!important;
    }
}