/* ========================================================================== */
/* LABEL + RADIO: alinhamento vertical e espaçamento */
/* ========================================================================== */
[data-field="mt_forma_pgto"] .rnr-radio-label {
    display: flex;
    cursor: pointer;
    margin-bottom: 5px;
    width: 99.5%;
}

/* ========================================================================== */
/* CONTROLA A LARGURA DAS DIVS */
/* ========================================================================== */
.fp-table {
  display: grid;
    grid-template-columns:
        minmax(30ch, 1fr)  /* Forma */
        minmax(5ch, 1fr)   /* Parcela */
        minmax(5ch, 1fr)   /* Desconto */
        minmax(5ch, 1fr)   /* Cupom */
        minmax(5ch, 1fr)   /* Total */
        minmax(5ch, 1fr);   /* Legenda */
    min-height: 75px;
    width: 99.5%;
    align-items: center;
    border: 2px solid #444;
    border-radius: 3px;
    background: #333;
    padding: 5px 15px;
    column-gap: 10px;
    transition: all 0.2s ease;
}

/* ========================================================================== */
/* IMPEDE QUEBRA DE TEXTOS NAS COLUNAS ABAIXO */
/* ========================================================================== */
.fp-parcela,
.fp-desc-val,
.fp-cupom-val,
.fp-total-val {
    white-space: nowrap !important;
}

/* ========================================================================== */
/* CÉLULAS */
/* ========================================================================== */
.fp-cell {
    padding: 8px 6px;
    font-size: 125%;
    color: #e8e8e8;
    white-space: normal; /* permite dividir texto longo */
    overflow-wrap: break-word;
}

.fp-option {
    background: #f8f9fa;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
    padding: 8px;
    border-radius: 4px;
}

/* ========================================================================== */
/* Selecionado -> destaque visual da linha */
/* ========================================================================== */
input[type="radio"]:checked + .rnr-radio-label .fp-table {
    border-color: #ff3f33;
}

input[type="radio"]:checked + .rnr-radio-label .fp-option {
    background: #ff3f33;
    color: #fff;
}

/* ========================================================================== */
/* Estilos específicos de campos */
/* ========================================================================== */
.fp-parcela {
    color: #00d0ff;
    font-weight: bold;
}

.fp-desc-val {
    color: #7dff82;
    font-weight: bold;
}

.fp-cupom-val {
    color: #7dff82;
    font-weight: bold;
}

.fp-total-val {
    color: #00d0ff;
    font-weight: bold;
}

.fp-legenda {
    color: #a3a3a3;
    font-size: 100% !important;
    line-height: 1.25;
    align-self: center;
    white-space: normal;
}

/* ========================================================================== */
/* CONTROLA O CÍRCULO DO RADIO*/
/* ========================================================================== */
[data-field="mt_forma_pgto"] input.rnr-radio-button {
  margin-top: 25px;
}