:root{--g:#006b4f;--mint:#e7f5ee;--ink:#173832;--line:#dce7e3;--bg:#f4f8f6;--danger:#a51d2d}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);font:16px/1.5 "Segoe UI",Arial;color:var(--ink);overflow-x:hidden}.page{width:calc(100% - 24px);max-width:1180px;margin:18px auto}.print-only{display:none}.screen-header,.card{margin-bottom:18px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(19,56,50,.055)}.header-title{display:flex;align-items:center;gap:15px}.round-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;color:var(--g);background:#e4f5ed;font-size:22px}.header-title h1{margin:0;font-size:27px;line-height:1.2}.header-title p{margin:4px 0 0;color:#66756f;font-size:13px}.guidance{display:flex;align-items:flex-start;gap:13px;margin-top:17px;padding:15px 17px;border:1px solid #cfe3dc;border-radius:12px;background:#f4fbf8}.guidance>b{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:2px solid #128064;border-radius:50%;color:#128064;font-family:Georgia}.guidance p{margin:0 0 6px;color:#48645d;font-size:13px}.business{padding-top:8px;border-top:1px solid #d4e7e0}.card{border-radius:14px}.card h2{font-size:18px;padding-bottom:10px;border-bottom:1px solid var(--line)}.ok{padding:12px;background:var(--mint);border-radius:8px}.validation{padding:12px;color:var(--danger);background:#fff0f1;border-left:4px solid var(--danger)}.fields,.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid{grid-template-columns:repeat(3,1fr)}.field label{display:block;font-weight:700;margin-bottom:6px}.input{width:100%;height:44px;padding:9px 12px;border:1px solid #cbdad5;border-radius:9px;font-size:16px}.input[readonly]{background:#eef4f1}.input-error{border-color:var(--danger)!important}.field-error{display:block;color:var(--danger);font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:9px;min-height:44px;padding:11px 18px;font-weight:700;text-decoration:none;cursor:pointer}.primary{background:var(--g);color:#fff}.secondary{background:#e8f3ef;color:var(--g)}.wait{display:none}.is-loading .normal{display:none}.is-loading .wait{display:inline}.grid article{padding:14px;border:1px solid var(--line);border-radius:11px}.grid span,.grid small{display:block;color:#60706d;font-size:12px}.grid b{font-size:18px}.em{background:var(--mint)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th{background:var(--g);color:#fff;padding:10px;text-align:left}.table-wrap td{padding:9px 10px;border-bottom:1px solid #e8efec}.note{padding:12px;background:#f4faf7;border-radius:8px;font-size:13px}@media(max-width:760px){.page{width:100%;margin:0;padding:8px}.screen-header,.card{padding:15px}.header-title h1{font-size:22px}.round-icon{width:40px;height:40px;flex-basis:40px}.guidance p{font-size:12px}.fields,.grid{grid-template-columns:1fr}.actions{display:grid}.btn{width:100%}.table-wrap table{min-width:0}.table-wrap thead{display:none}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap tr{padding:10px;border-bottom:1px solid var(--line)}.table-wrap td{display:grid;grid-template-columns:145px 1fr;text-align:right;border:0;padding:5px}.table-wrap td:before{font-weight:700;text-align:left}.table-wrap td:nth-child(1):before{content:"Parcela"}.table-wrap td:nth-child(2):before{content:"Vencimento"}.table-wrap td:nth-child(3):before{content:"Original"}.table-wrap td:nth-child(4):before{content:"Atualizado"}.table-wrap td:nth-child(5):before{content:"Acumulado"}.table-wrap td:nth-child(6):before{content:"Dias de antecipação"}}@media print{html,body{background:#fff}.screen-only,.no-print{display:none!important}.print-only{display:block!important}.page{width:100%;max-width:none;margin:0}.print-header{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #aebdb8}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand-row img{width:155px;height:auto}.generated{font-size:9px;text-align:right;color:#66736f}.generated strong{display:block;font-size:10px;color:#203c36}.divider{height:1px;margin:10px 0;background:#dfe8e4}.print-header .header-title h1{font-size:19px}.print-header .round-icon{width:35px;height:35px;flex-basis:35px;font-size:16px}.print-header .guidance{margin-top:10px;padding:9px 11px}.print-header .guidance p,.print-header .guidance strong{font-size:8.5px}.card{margin:0;padding:0;border:0;box-shadow:none}.grid{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.table-wrap th,.table-wrap td{font-size:9px;padding:4px}@page{size:A4 portrait;margin:10mm 12mm}}

/* Ajuda contextual dos campos */
.field-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.field-label-row label {
    margin-bottom: 0;
}

.field-help {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
}

.help-trigger {
    display: inline-grid;
    width: 24px;
    height: 24px;
    padding: 0;
    place-items: center;
    border: 1px solid #9ab8ae;
    border-radius: 50%;
    color: #006b4f;
    background: #eef8f4;
    font: 700 14px/1 "Segoe UI", Arial, sans-serif;
    cursor: help;
}

.help-trigger:hover,
.help-trigger:focus-visible,
.field-help.is-open .help-trigger {
    color: #ffffff;
    background: #006b4f;
    border-color: #006b4f;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 107, 79, 0.16);
}

.help-tooltip {
    position: absolute;
    z-index: 40;
    right: 0;
    bottom: calc(100% + 10px);
    width: min(330px, 78vw);
    padding: 11px 13px;
    border-radius: 9px;
    color: #ffffff;
    background: #173832;
    box-shadow: 0 8px 24px rgba(14, 45, 38, 0.24);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    pointer-events: auto;
}

.help-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 7px;
    border: 7px solid transparent;
    border-top-color: #173832;
}

.field-help:hover .help-tooltip,
.field-help:focus-within .help-tooltip,
.field-help.is-open .help-tooltip {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* Mantém o balão aberto quando o ponteiro passa do ícone para o texto. */
.field-help::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 12px;
}

@media (max-width: 760px) {
    .help-tooltip {
        position: fixed;
        z-index: 1000;
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        max-width: none;
    }

    .help-tooltip::after {
        display: none;
    }
}

@media print {
    .field-help {
        display: none !important;
    }
}