body[data-pg^="fr-"] #btn-filtros { display: none; }



body[data-pg^="fr-"] #carregador-barra:not(.on)::before, body[data-pg^="fr-"] #carregador-anel:not(.on) .anel { animation: none; }


:where(.fr-pagina, #fr-gaveta, #fr-folha, #fr-toast) button { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-align: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
:where(.fr-pagina, #fr-gaveta, #fr-folha, #fr-toast) :is(ul, ol) { list-style: none; margin: 0; padding: 0; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) :is(h2, h3, h4, p, dl, dd, figure, fieldset) { margin: 0; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) :is(h2, h3, h4) { font-size: inherit; font-weight: inherit; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) fieldset { border: 0; padding: 0; min-width: 0; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) legend { padding: 0; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) summary { list-style: none; cursor: pointer; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) summary::-webkit-details-marker { display: none; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) small { font-size: inherit; }
:where(.fr-pagina, #fr-gaveta, #fr-folha) [hidden] { display: none !important; }
:where(.fr-pagina, #fr-gaveta, #fr-folha, #fr-toast) :focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; }
:where(.fr-pagina, #fr-gaveta, #fr-folha, #fr-toast) [aria-disabled="true"] { cursor: default; }
.fr-ic { display: inline-block; vertical-align: middle; flex-shrink: 0; width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.fr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fr-num { font-variant-numeric: tabular-nums; }
.fr-bloco { display: block; }
.fr-girar { animation: fr-girar 1s linear infinite; }
@keyframes fr-girar { to { transform: rotate(360deg); } }


.fr-pagina { color: var(--texto); }
.fr-raiz { container: fr / inline-size; min-width: 0; font-size: 16px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.fr-cab { display: flex; flex-direction: column; margin-bottom: 22px; }
.fr-cab__linha { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 14px; }
.pg-titulo.fr-titulo { margin: 0; font-size: 28px; font-weight: 800; line-height: 1.2; letter-spacing: -.02em; color: var(--texto); }
.fr-titulo:focus:not(:focus-visible) { outline: none; }
.fr-cab__acoes { margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.fr-cab__sub { margin-top: 4px; font-size: 16px; color: var(--texto-2); }
.fr-cab__recado { margin-top: 10px; max-width: 760px; }
.fr-cab__recado .fr-nota { margin-top: 0; }
.fr-voltar { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px 0 6px; margin: 0 0 2px -6px; border-radius: 10px; font-weight: 700; color: var(--acento); align-self: flex-start; }
.fr-voltar:hover { background: var(--acento-suave); }
.fr-voltar .fr-ic { width: 18px; height: 18px; }
.fr-abas { position: relative; display: flex; gap: 30px; margin-top: 12px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; box-shadow: inset 0 -1px 0 var(--linha); }
.fr-aba { position: relative; flex-shrink: 0; min-height: 48px; padding: 0 2px; font-size: 16px; font-weight: 600; color: var(--texto-2); white-space: nowrap; transition: color .15s ease; }
.fr-aba:hover { color: var(--texto); }
.fr-aba::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: transparent; }
.fr-aba[aria-selected="true"] { color: var(--texto); font-weight: 800; }
.fr-aba[aria-selected="true"]::after { background: var(--acento); }
.fr-aba:focus-visible { outline-offset: -3px; border-radius: 8px; }
.fr-pn { position: relative; max-width: 1000px; }


.fr-pn__aba--fora { content-visibility: hidden; }
.fr-raiz > .fr-lista-fora { content-visibility: hidden; margin: 0; }
.fr-pn__aba--aquece { position: absolute; top: 0; left: 0; right: 0; max-height: 100vh; overflow: hidden; clip-path: inset(0 0 100% 0); }
.fr-pn__topo { margin-bottom: 20px; }
.fr-pn:focus-visible { outline-offset: 6px; border-radius: 12px; }
.fr-carregando { padding: 18px 2px; font-size: 16px; color: var(--texto-2); }
.fr-pilha { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.fr-notas { display: flex; flex-direction: column; gap: 8px; }
.fr-notas .fr-nota { margin-top: 0; }
.fr-grade { display: grid; grid-template-columns: minmax(0, 1fr) 248px; gap: 24px; align-items: start; }
.fr-grade--calc { grid-template-columns: minmax(0, 1fr) minmax(0, 424px); }
.fr-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.fr-texto { font-size: 16px; color: var(--texto-2); margin-bottom: 14px; }


.fr-cartao { background: var(--cartao); border: 1px solid var(--linha); border-radius: 18px; box-shadow: var(--sombra); padding: 24px; min-width: 0; }
.fr-cartao__cab { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 12px; }
.fr-cartao__titulo { font-size: 19px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; color: var(--texto); }
.fr-cartao__sub { font-size: 15px; color: var(--texto-2); margin-top: 2px; }
.fr-cartao__dir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fr-cartao--estreito { max-width: 560px; }
.fr-rotulo { font-size: 15px; font-weight: 700; color: var(--texto-2); letter-spacing: .01em; }


.fr-conta { display: flex; flex-direction: column; }
.fr-conta__linha { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; column-gap: 14px; row-gap: 8px; align-items: center; padding: 11px 0 10px; border-bottom: 1px solid var(--linha); }
.fr-conta__op { width: 30px; height: 30px; border-radius: 999px; display: grid; place-items: center; font-size: 19px; font-weight: 700; line-height: 1; color: var(--texto-2); background: var(--cartao-2); border: 1px solid var(--linha); }
.fr-conta__op--vazio { background: transparent; border-color: transparent; }
.fr-conta__rot { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 17px; font-weight: 600; min-width: 0; }
.fr-conta__rot small { font-size: 15px; font-weight: 500; color: var(--texto-2); }
.fr-conta__val { font-size: 20px; font-weight: 700; text-align: right; white-space: nowrap; letter-spacing: -.005em; }
.fr-conta__val small { font-size: 14px; font-weight: 600; color: var(--texto-2); margin-right: 4px; }
.fr-conta__barra { grid-column: 2 / 4; position: relative; height: 6px; border-radius: 999px; background: var(--trilho); overflow: hidden; }
.fr-conta__barra > span { position: absolute; top: 0; bottom: 0; left: var(--ini, 0%); width: var(--p, 0%); border-radius: 999px; background: var(--barra-custo); }
.fr-conta__linha--frete .fr-conta__barra > span { background: var(--barra-frete); }
.fr-conta__total { border-bottom: 0; border-top: 2px solid var(--linha-forte); margin-top: 4px; padding-top: 14px; }
.fr-conta__total .fr-conta__rot { font-size: 20px; font-weight: 800; }
.fr-conta__total .fr-conta__val { font-size: 40px; font-weight: 800; line-height: 1.05; letter-spacing: -.025em; }
.fr-conta__total .fr-conta__val small { display: block; font-size: 15px; font-weight: 600; letter-spacing: 0; color: var(--texto-2); margin: 2px 0 0; }
.fr-conta__total--pos .fr-conta__op { background: var(--pos-suave); color: var(--pos); border-color: transparent; }
.fr-conta__total--pos .fr-conta__val { color: var(--pos); }
.fr-conta__total--pos .fr-conta__barra > span { background: var(--pos); }
.fr-conta__total--neg .fr-conta__op { background: var(--neg-suave); color: var(--neg); border-color: transparent; }
.fr-conta__total--neg .fr-conta__val { color: var(--neg); }
.fr-conta__total--neg .fr-conta__barra > span { background: var(--neg); }
.fr-conta__total--neutro .fr-conta__op { background: var(--acento-suave); color: var(--acento); border-color: transparent; }
.fr-conta__total--neutro .fr-conta__val { color: var(--texto); }
.fr-conta--sem-barra .fr-conta__linha { padding: 16px 0; }
.fr-soma__pe { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; padding-top: 10px; border-top: 1px dashed var(--linha); }
.fr-soma__frase { font-size: 16px; color: var(--texto-2); }
.fr-soma__frase .fr-ic { width: 17px; height: 17px; }
.fr-soma__pe .fr-nota { flex-basis: 100%; margin-top: 4px; }


.fr-apoio { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.fr-apoio__item { display: flex; flex-direction: column; gap: 2px; padding: 16px 18px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); min-width: 0; }
.fr-apoio__num { font-size: 26px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; overflow-wrap: anywhere; }
.fr-apoio__rot { font-size: 15px; color: var(--texto-2); }
.fr-apoio__tit { font-size: 15px; font-weight: 700; color: var(--texto-2); margin-bottom: 8px; }
.fr-split { display: flex; height: 12px; border-radius: 999px; overflow: hidden; background: var(--trilho); gap: 2px; }
.fr-split span:first-child { width: var(--p); background: var(--acento); }
.fr-split span:last-child { flex: 1; background: repeating-linear-gradient(135deg, var(--barra-custo) 0 4px, var(--trilho) 4px 7px); }
.fr-split__leg { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; font-size: 15px; color: var(--texto-2); }
.fr-split__leg b { display: block; font-size: 18px; font-weight: 800; color: var(--texto); }
.fr-split__leg span:last-child { text-align: right; }


.fr-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: 12px; font-size: 16px; font-weight: 700; line-height: 1.2; white-space: nowrap; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.fr-btn .fr-ic { width: 18px; height: 18px; }
.fr-btn--prim { background: var(--acento); color: var(--no-acento); }
.fr-btn--prim:hover { background: var(--acento-forte); }
.fr-btn--sec { background: var(--cartao); color: var(--texto); border: 1.5px solid var(--linha-forte); }
.fr-btn--sec:hover { border-color: var(--texto-2); background: var(--cartao-2); }
.fr-btn--sutil { color: var(--acento); padding: 0 12px; }
.fr-btn--sutil:hover { background: var(--acento-suave); }
.fr-btn--perigo { background: var(--neg); color: var(--no-acento); }
.fr-btn--perigo:hover { background: var(--neg); text-decoration: underline; text-underline-offset: 3px; }
.fr-btn--largo { width: 100%; min-height: 52px; font-size: 17px; white-space: normal; }
.fr-btn[aria-disabled="true"], .fr-btn:disabled { background: var(--cartao-2); color: var(--texto-2); border-color: var(--linha); }
.fr-btn--sutil[aria-disabled="true"] { background: transparent; }
.fr-dica-desab { font-size: 14px; color: var(--texto-2); }
.fr-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 4px; border-radius: 8px; font-weight: 700; color: var(--acento); text-align: left; }
.fr-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.fr-link .fr-ic { width: 18px; height: 18px; }
.fr-status { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 3px 11px 3px 9px; border-radius: 999px; font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.fr-status .fr-ic { width: 16px; height: 16px; }
.fr-status--neutro { background: var(--cartao-2); color: var(--texto-2); box-shadow: inset 0 0 0 1px var(--linha); }
.fr-status--acento { background: var(--acento-suave); color: var(--acento); }
.fr-status--pos { background: var(--pos-suave); color: var(--pos); }
.fr-status--neg { background: var(--neg-suave); color: var(--neg); }
.fr-status--aviso { background: var(--aviso-suave); color: var(--aviso); }
.fr-selo { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px 2px 7px; border-radius: 999px; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--texto-2); background: var(--cartao-2); border: 1px solid var(--linha); white-space: nowrap; vertical-align: middle; }
.fr-selo .fr-ic { width: 14px; height: 14px; }
.fr-selo--forte { color: var(--acento); background: var(--acento-suave); border-color: transparent; font-weight: 700; }
.fr-selo--ex { color: var(--texto-2); background: var(--cartao-2); border-style: dashed; border-color: var(--linha-forte); font-size: 13px; font-weight: 700; }
.fr-placa { font-size: 18px; font-weight: 800; letter-spacing: .02em; line-height: 1.2; }


.fr-form { display: flex; flex-direction: column; gap: 18px; }
.fr-campo { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fr-campo__rot { font-size: 16px; font-weight: 700; color: var(--texto); }
.fr-opc { font-size: 14px; font-weight: 500; color: var(--texto-3); margin-left: 6px; }
.fr-inp { display: block; width: 100%; height: auto; min-height: 52px; padding: 10px 14px; border-radius: 12px; border: 1.5px solid var(--linha-forte); background: var(--cartao); background-image: none; color: var(--texto); font: inherit; font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; appearance: none; -webkit-appearance: none; box-shadow: none; transition: border-color .15s ease; }
.fr-inp::placeholder { color: var(--texto-3); font-weight: 500; opacity: 1; }
.fr-inp:hover { border-color: var(--texto-2); }
.fr-inp:focus { box-shadow: none; }
.fr-inp:focus-visible { outline: 3px solid var(--foco); outline-offset: 1px; border-color: var(--acento); }
.fr-inp:disabled { background: var(--cartao-2); color: var(--texto-2); border-style: dashed; }
.fr-inp[readonly] { background: var(--cartao-2); border-color: var(--linha-forte); cursor: default; }
.fr-inp[readonly]:hover { border-color: var(--linha-forte); }
textarea.fr-inp { min-height: 96px; resize: vertical; font-weight: 500; line-height: 1.45; }
.fr-inp-un { position: relative; }
.fr-inp-un .fr-inp { padding-right: 60px; }
.fr-inp-un--pre .fr-inp { padding-right: 14px; padding-left: 46px; }
.fr-inp-un__u { position: absolute; top: 50%; right: 14px; transform: translateY(-50%); font-size: 16px; font-weight: 600; color: var(--texto-3); pointer-events: none; }
.fr-inp-un--pre .fr-inp-un__u { right: auto; left: 14px; }
.fr-sel { position: relative; }
.fr-sel .fr-inp { padding-right: 44px; cursor: pointer; font-size: 16px; background-image: none; }
.fr-sel > .fr-ic { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: var(--texto-2); pointer-events: none; }
.fr-dica { font-size: 14px; color: var(--texto-3); margin: 0; line-height: 1.45; }
.fr-dica b { color: var(--texto); }
.fr-erro { color: var(--neg); font-weight: 600; font-size: 15px; margin: 0; }
.fr-erro:empty { display: none; }
.fr-duas { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.fr-linha-sw { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 4px 6px 0; }
.fr-linha-sw__txt { display: flex; flex-direction: column; min-width: 0; font-weight: 600; }
.fr-linha-sw__txt .fr-dica { font-weight: 500; }
.fr-switch { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 6px; border-radius: 12px; font-weight: 700; font-size: 17px; flex-shrink: 0; }
.fr-switch__trilho { position: relative; width: 54px; height: 32px; border-radius: 999px; background: var(--cartao-2); border: 1.5px solid var(--linha-forte); transition: background-color .2s ease, border-color .2s ease; }
.fr-switch__trilho::after { content: ""; position: absolute; top: 3px; left: 3px; width: 23px; height: 23px; border-radius: 50%; background: var(--linha-forte); transition: transform .2s ease, background-color .2s ease; }
.fr-switch[aria-checked="true"] .fr-switch__trilho { background: var(--acento); border-color: var(--acento); }
.fr-switch[aria-checked="true"] .fr-switch__trilho::after { transform: translateX(22px); background: var(--no-acento); }
.fr-sw-sim, .fr-sw-nao { font-size: 15px; font-weight: 700; color: var(--texto-2); }
.fr-switch .fr-sw-sim { display: none; }
.fr-switch[aria-checked="true"] .fr-sw-sim { display: inline; }
.fr-switch[aria-checked="true"] .fr-sw-nao { display: none; }
.fr-switch[aria-disabled="true"] { opacity: .6; }
.fr-chips { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 2px 4px; margin: -2px; }
.fr-chips::-webkit-scrollbar { display: none; }
.fr-chips--quebra { flex-wrap: wrap; overflow: visible; }
.fr-chip { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--linha-forte); background: var(--cartao); font-size: 15px; font-weight: 600; color: var(--texto); white-space: nowrap; }
.fr-chip:hover { border-color: var(--texto-2); }
.fr-chip[aria-pressed="true"] { background: var(--acento); border-color: var(--acento); color: var(--no-acento); font-weight: 800; }
.fr-chip .fr-ic { width: 17px; height: 17px; }
.fr-chip__n { font-weight: 800; }
.fr-seg { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: 14px; background: var(--cartao-2); border: 1px solid var(--linha); max-width: 100%; align-self: flex-start; }
.fr-seg__op { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 11px; font-weight: 600; color: var(--texto-2); border: 1.5px solid transparent; white-space: nowrap; }
.fr-seg__op[aria-pressed="true"] { background: var(--cartao); color: var(--acento); border-color: var(--acento); font-weight: 800; }
.fr-seg__op .fr-ic { width: 17px; height: 17px; }


.fr-mais { border-radius: 14px; border: 1px solid var(--linha); background: var(--cartao-2); min-width: 0; }
.fr-mais > summary { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 16px; border-radius: 14px; font-weight: 700; }
.fr-mais > summary > span { min-width: 0; }
.fr-mais > summary small { font-weight: 500; color: var(--texto-2); font-size: 15px; }
.fr-mais > summary .fr-ic { width: 19px; height: 19px; color: var(--texto-2); }
.fr-mais > summary .fr-mais__seta { margin-left: auto; transition: transform .2s ease; }
.fr-mais[open] > summary .fr-mais__seta { transform: rotate(180deg); }
.fr-mais__corpo { display: flex; flex-direction: column; gap: 14px; padding: 4px 16px 16px; }
.fr-mais--sub { background: var(--cartao); }
.fr-mais--sub > summary { min-height: 48px; font-size: 16px; }
.fr-mais--sub > summary small { font-size: 14px; }
.fr-aviso { display: flex; align-items: flex-start; gap: 14px; width: 100%; padding: 18px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); text-align: left; }
.fr-aviso__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex-shrink: 0; background: var(--aviso-suave); color: var(--aviso); }
.fr-aviso__ic .fr-ic { width: 20px; height: 20px; }
.fr-aviso__corpo { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fr-aviso__tit { font-size: 16px; font-weight: 800; line-height: 1.35; }
.fr-aviso__txt { font-size: 15px; color: var(--texto-2); line-height: 1.5; }
.fr-aviso__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; font-weight: 700; color: var(--acento); font-size: 15px; }
.fr-aviso--neg .fr-aviso__ic { background: var(--neg-suave); color: var(--neg); }
.fr-aviso--pos .fr-aviso__ic { background: var(--pos-suave); color: var(--pos); }
.fr-nota { display: flex; align-items: flex-start; gap: 8px; margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: var(--cartao-2); font-size: 15px; color: var(--texto-2); }
.fr-nota > .fr-ic { width: 18px; height: 18px; color: var(--acento); margin-top: 1px; }
.fr-nota > div { min-width: 0; }
.fr-nota b { color: var(--texto); }
.fr-nota--aviso { background: var(--aviso-suave); color: var(--texto); }
.fr-nota--aviso > .fr-ic { color: var(--aviso); }
.fr-nota--neg { background: var(--neg-suave); color: var(--texto); }
.fr-nota--neg > .fr-ic { color: var(--neg); }
.fr-nota--pos { background: var(--pos-suave); color: var(--texto); }
.fr-nota--pos > .fr-ic { color: var(--pos); }
.fr-pilha > .fr-nota, .fr-pn > .fr-nota, .fr-pn__aba > .fr-nota, .fr-gaveta__corpo > .fr-nota { margin-top: 0; }
.fr-vazio { display: flex; align-items: center; gap: 14px; padding: 22px 24px; border-radius: 18px; border: 1.5px dashed var(--linha-forte); color: var(--texto-2); font-size: 17px; }
.fr-vazio > .fr-ic { width: 24px; height: 24px; color: var(--acento); }


.fr-lista { display: flex; flex-direction: column; }
.fr-lista > li + li { border-top: 1px solid var(--linha); }
.fr-item { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 56px; padding: 12px 10px; border-radius: 12px; text-align: left; color: inherit; }
button.fr-item:hover { background: var(--cartao-2); }
.fr-item__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--cartao-2); color: var(--texto-2); flex-shrink: 0; }
.fr-item__ic .fr-ic { width: 20px; height: 20px; }
.fr-item__meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fr-item__tit { font-weight: 700; line-height: 1.35; }
.fr-item__sub { font-size: 15px; color: var(--texto-2); }
.fr-item__dir { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex-shrink: 0; text-align: right; }
.fr-item__seta { width: 20px; height: 20px; color: var(--texto-3); flex-shrink: 0; }
.fr-sub { font-size: 15px; color: var(--texto-2); line-height: 1.4; }
.fr-ic-mini { width: 15px; height: 15px; vertical-align: -2px; margin-right: 4px; }
.fr-dado { display: flex; flex-direction: column; gap: 1px; min-width: 0; font-size: 15px; font-weight: 600; }
.fr-dado > small { font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--texto-3); }
.fr-frete { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; white-space: nowrap; }


.fr-v-topo { display: flex; flex-direction: column; gap: 12px; }
.fr-v-topo__linha { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 12px; }
.fr-v-busca { flex: 1 1 280px; max-width: 520px; }
.fr-v-busca .fr-inp { padding-right: 14px; }
.fr-v-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fr-chip--tira .fr-ic { width: 16px; height: 16px; }
.fr-vlista { display: flex; flex-direction: column; }


.fr-vlista > li:not(.fr-vl-li--total), .fr-lista--longa > li:not(.fr-mo-regra--aberta) { content-visibility: auto; contain-intrinsic-size: auto 76px; overflow-clip-margin: 6px; }
.fr-vlista > li :focus-visible, .fr-lista--longa > li:not(.fr-mo-regra--aberta) :focus-visible { outline-offset: -3px; }
.fr-vlista > li + li { border-top: 1px solid var(--linha); }
.fr-vlista > li.fr-vl-li--total { border-top: 2px solid var(--linha-forte); margin-top: 6px; }
.fr-vl { display: grid; grid-template-columns: 108px minmax(0, 1fr) 150px 180px 24px; column-gap: 16px; align-items: center; width: 100%; min-height: 60px; padding: 10px 12px; border-radius: 12px; text-align: left; color: inherit; }
.fr-vlista .fr-vl--and { grid-template-columns: 108px minmax(0, 1fr) 236px 150px; }
.fr-vl--link { cursor: pointer; }
.fr-vl--link:hover { background: var(--cartao-2); }
.fr-vl--cab { min-height: 32px; padding-top: 0; padding-bottom: 6px; font-size: 14px; font-weight: 700; color: var(--texto-3); box-shadow: inset 0 -1px 0 var(--linha); }
.fr-vl__id { min-width: 0; }
.fr-vl__cod { display: block; font-weight: 800; font-size: 16px; }
.fr-vl__data { display: block; font-size: 14px; color: var(--texto-2); }
.fr-vl__meio { min-width: 0; }
.fr-vl__rota { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-vl__sub { display: block; font-size: 14px; color: var(--texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-vl__st { display: block; margin-top: 6px; }
.fr-vl__frete { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; font-weight: 700; white-space: nowrap; }
.fr-vl__frete .fr-selo { font-size: 13px; }
.fr-vl__frete--fech { flex-direction: column; align-items: flex-end; gap: 3px; }
.fr-vl__frete--fech .fr-selo { padding: 2px 8px; }
.fr-vl__marg { text-align: right; font-weight: 700; color: var(--pos); white-space: nowrap; }
.fr-vl__marg small { display: block; font-weight: 600; font-size: 14px; color: var(--texto-2); }
.fr-vl__marg--neg { color: var(--neg); }
.fr-vl__dir { text-align: right; }
.fr-vl__seta { width: 20px; height: 20px; color: var(--texto-3); }
.fr-vl--total { min-height: 56px; font-weight: 800; }
.fr-vl--total .fr-vl__frete { font-size: 18px; }
.fr-vl--total .fr-vl__marg { font-size: 17px; }
.fr-vl-nota { margin-top: 10px; padding: 0 12px; font-size: 15px; color: var(--texto-2); }


.fr-v-trechos { display: flex; flex-direction: column; gap: 14px; }
.fr-v-trecho { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 14px; background: var(--cartao); border: 1px solid var(--linha); }
.fr-v-trecho__tit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 17px; font-weight: 800; line-height: 1.35; }
.fr-v-trecho__linhas { display: flex; flex-direction: column; gap: 4px; font-size: 15px; color: var(--texto-2); }
.fr-v-trecho__linhas b { color: var(--texto); font-weight: 800; }
.fr-v-trecho__km { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.fr-v-trecho__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.fr-v-piso { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 12px; background: var(--cartao-2); border: 1px solid var(--linha); }
.fr-v-piso--neg { background: var(--neg-suave); border-color: transparent; }
.fr-v-piso__linha { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-weight: 600; }
.fr-v-piso__linha strong { font-weight: 800; }
.fr-v-piso__dif { font-size: 15px; color: var(--texto-2); }
.fr-v-piso__alerta { display: flex; align-items: flex-start; gap: 8px; font-weight: 700; color: var(--neg); }
.fr-v-piso__alerta .fr-ic { width: 18px; height: 18px; margin-top: 2px; }
.fr-v-piso small { font-size: 14px; color: var(--texto-2); }
.fr-v-alerta-piso { display: inline-flex; align-items: flex-start; gap: 6px; margin-top: 6px; font-weight: 700; color: var(--neg); }
.fr-v-alerta-piso .fr-ic { width: 18px; height: 18px; margin-top: 2px; }
.fr-v-inverter { display: flex; justify-content: flex-end; margin: -10px 0 -12px; }
.fr-v-km .fr-dist { margin-top: 8px; }
.fr-v-dl { display: flex; flex-direction: column; }
.fr-v-dl div { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linha); }
.fr-v-dl div:last-child { border-bottom: 0; }
.fr-v-dl dt { font-size: 15px; color: var(--texto-2); }
.fr-v-dl dd { font-weight: 600; overflow-wrap: anywhere; }
.fr-dia { font-size: 14px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); margin: 18px 0 6px; }
.fr-dia:first-of-type { margin-top: 0; }
.fr-tempo li { position: relative; display: grid; grid-template-columns: 56px 36px minmax(0, 1fr); column-gap: 12px; align-items: start; padding-bottom: 14px; }
.fr-tempo li::before { content: ""; position: absolute; left: calc(56px + 12px + 17px); top: 36px; bottom: -2px; width: 2px; background: var(--linha); }
.fr-tempo li:last-child::before { display: none; }
.fr-tempo time { font-size: 15px; font-weight: 700; color: var(--texto-2); padding-top: 7px; }
.fr-tempo__pt { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: var(--cartao-2); border: 1px solid var(--linha); color: var(--texto-2); }
.fr-tempo__pt .fr-ic { width: 17px; height: 17px; }
.fr-tempo__pt--ac { background: var(--acento-suave); color: var(--acento); border-color: transparent; }
.fr-tempo__pt--av { background: var(--aviso-suave); color: var(--aviso); border-color: transparent; }
.fr-tempo__txt { padding-top: 6px; font-weight: 600; line-height: 1.4; min-width: 0; }
.fr-tempo__txt small { display: block; font-weight: 500; font-size: 15px; color: var(--texto-2); }

.fr-ev-prox { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 16px; background: var(--acento-suave); }
.fr-ev-prox__rot { font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; color: var(--texto); }
.fr-ev-prox .fr-dica { color: var(--texto-2); }
.fr-opcoes { display: flex; flex-direction: column; gap: 10px; }
.fr-opcao { display: flex; align-items: center; gap: 14px; width: 100%; min-height: 72px; padding: 12px 16px; border-radius: 16px; border: 1.5px solid var(--linha-forte); background: var(--cartao); text-align: left; }
.fr-opcao:hover { border-color: var(--texto-2); }
.fr-opcao[aria-pressed="true"] { border: 2px solid var(--acento); background: var(--acento-suave); }
.fr-opcao[aria-disabled="true"] { border-style: dashed; background: var(--cartao-2); color: var(--texto-2); }
.fr-opcao__ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--cartao-2); color: var(--acento); flex-shrink: 0; }
.fr-opcao[aria-pressed="true"] .fr-opcao__ic { background: var(--cartao); }
.fr-opcao__ic .fr-ic { width: 22px; height: 22px; }
.fr-opcao__txt { display: flex; flex-direction: column; min-width: 0; }
.fr-opcao__tit { font-size: 17px; font-weight: 800; }
.fr-opcao__sub { font-size: 14px; color: var(--texto-2); }


.fr-dist { display: flex; flex-direction: column; gap: 6px; margin-top: 8px; }
.fr-dist:empty { display: none; }
.fr-dist__linha { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 15px; color: var(--texto-2); line-height: 1.4; }
.fr-dist__acoes { display: flex; flex-wrap: wrap; gap: 0 14px; }
.fr-dist__acoes .fr-link { font-size: 15px; }
.fr-busca { position: relative; }
.fr-busca__caixa { position: relative; }
.fr-busca__ic { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); display: flex; color: var(--texto-3); pointer-events: none; }
.fr-busca__ic .fr-ic { width: 20px; height: 20px; }
.fr-busca .fr-inp { padding-left: 44px; padding-right: 50px; text-overflow: ellipsis; }
.fr-busca__limpar { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 10px; display: grid; place-items: center; color: var(--texto-2); }
.fr-busca__limpar:hover { background: var(--cartao-2); color: var(--texto); }
.fr-busca__limpar .fr-ic { width: 20px; height: 20px; }
.fr-busca__lista { position: absolute; z-index: 25; left: 0; right: 0; top: calc(100% + 6px); max-height: 320px; overflow-y: auto; padding: 6px; background: var(--cartao); border: 1px solid var(--linha-forte); border-radius: 14px; box-shadow: var(--sombra-moldura); }
.fr-busca__grupo { display: flex; align-items: center; gap: 6px; padding: 8px 10px 4px; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); }
.fr-busca__grupo .fr-ic { width: 15px; height: 15px; }
.fr-busca__op { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 10px; border-radius: 10px; cursor: pointer; }
.fr-busca__op:hover { background: var(--cartao-2); }
.fr-busca__op[aria-selected="true"] { background: var(--acento-suave); color: var(--acento); }
.fr-busca__op .fr-ic { width: 18px; height: 18px; color: var(--texto-3); }
.fr-busca__op[aria-selected="true"] .fr-ic { color: var(--acento); }
.fr-busca__op-txt { display: flex; flex-direction: column; min-width: 0; }
.fr-busca__op-rot { font-weight: 700; line-height: 1.3; }
.fr-busca__op-sub { font-size: 14px; color: var(--texto-2); }
.fr-busca__op[aria-selected="true"] .fr-busca__op-sub { color: inherit; }
.fr-busca__vazio { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; padding: 10px 12px; color: var(--texto-2); font-size: 15px; }
.fr-busca__vazio-caixa { position: absolute; z-index: 25; left: 0; right: 0; top: calc(100% + 6px); background: var(--cartao); border: 1px solid var(--linha-forte); border-radius: 14px; box-shadow: var(--sombra-moldura); padding: 4px; }


.fr-calc-exemplos { display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; font-size: 15px; color: var(--texto-2); }
.fr-calc-exemplos .fr-link { font-size: 15px; }
.fr-calc__campos { display: flex; flex-direction: column; gap: 18px; }
.fr-calc__campos > .fr-dist { margin-top: -10px; }
.fr-calc-inverter { align-self: flex-end; margin: -12px 0 -10px; }
.fr-calc-ped-volta { font-size: 15px; color: var(--texto-2); }
.fr-calc-ped-volta:empty { display: none; }
.fr-calc-ped-volta b { color: var(--texto); }
.fr-calc-res { display: flex; flex-direction: column; border: 1.5px solid var(--acento); position: relative; }
.fr-calc-res__valor { font-size: 48px; font-weight: 800; line-height: 1.05; letter-spacing: -.03em; margin-top: 4px; overflow-wrap: anywhere; }
.fr-calc-res__acao { display: flex; flex-direction: column; gap: 6px; margin-top: auto; }
.fr-calc-res__links { display: flex; flex-wrap: wrap; gap: 0 12px; }
.fr-calc-res__nota { margin-top: 12px; }
.fr-cr-conta { margin-top: 18px; border-top: 1px solid var(--linha); }
.fr-cr-conta > div { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linha); }
.fr-cr-conta .fr-conta__op { width: 26px; height: 26px; font-size: 17px; }
.fr-cr-conta dt { font-weight: 600; min-width: 0; }
.fr-cr-conta dd { font-weight: 700; text-align: right; white-space: nowrap; min-width: 0; }
.fr-cr-conta .fr-cr-marg dt { font-weight: 800; }
.fr-cr-conta .fr-cr-marg dd { font-size: 21px; font-weight: 800; color: var(--pos); display: flex; flex-direction: column; align-items: flex-end; line-height: 1.2; }
.fr-cr-conta .fr-cr-marg .fr-conta__op { background: var(--pos-suave); color: var(--pos); border-color: transparent; }
.fr-cr-marg__v { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.fr-cr-conta .fr-cr-marg dd .fr-ic { width: 19px; height: 19px; }
.fr-cr-conta .fr-cr-marg dd small { font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-cr-conta .fr-cr-marg--neg dd { color: var(--neg); }
.fr-cr-conta .fr-cr-marg--neg .fr-conta__op { background: var(--neg-suave); color: var(--neg); }
.fr-cr-comp { margin-top: 12px; background: transparent; border-style: dashed; }
.fr-cr-comp > summary { min-height: 44px; font-size: 15px; }
.fr-cr-comp dl { display: flex; flex-direction: column; gap: 6px; padding: 0 16px 14px; }
.fr-cr-comp dl div { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--texto-2); }
.fr-cr-comp dl div dt { min-width: 0; color: var(--texto); }
.fr-cr-comp dl div dt small { display: block; font-size: 14px; color: var(--texto-2); font-weight: 500; }
.fr-cr-comp dl div dd { color: var(--texto); font-weight: 600; white-space: nowrap; }
.fr-cr-comp dl .fr-cr-comp__tot { border-top: 1px solid var(--linha); padding-top: 6px; font-weight: 700; color: var(--texto); }
.fr-cr-comp dl .fr-cr-comp__tot dt { font-weight: 800; }
.fr-antt { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 18px; font-size: 15px; color: var(--texto-2); }
.fr-antt > .fr-ic { width: 18px; height: 18px; margin-top: 1px; }
.fr-antt strong { color: var(--texto); font-weight: 700; white-space: nowrap; }
.fr-antt__corpo { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fr-antt__corpo > p:first-child { color: var(--texto); font-weight: 600; }
.fr-antt__tipo { font-size: 14px; font-weight: 500; color: var(--texto-2); }
.fr-antt__conta { margin-top: 2px; }
.fr-antt__sub { font-size: 14px; color: var(--texto-2); }
.fr-antt__st { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-top: 4px; color: var(--texto); font-weight: 600; }
.fr-antt--abaixo { padding: 12px; border-radius: 14px; background: var(--neg-suave); }
.fr-antt--abaixo > .fr-ic { color: var(--neg); }
.fr-antt__falta { color: var(--texto); }
.fr-fechado-ok { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 14px; background: var(--acento-suave); font-size: 15px; }
.fr-fechado-ok .fr-selo { align-self: flex-start; background: var(--cartao); }
.fr-calc-res .fr-confirma small { font-size: 14px; color: var(--texto-2); }

.fr-rg-lista { display: flex; flex-direction: column; margin-top: 14px; }
.fr-rg { border-bottom: 1px solid var(--linha); }
.fr-rg:last-child { border-bottom: 0; }
.fr-rg__linha { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) 24px; gap: 6px 20px; align-items: center; min-height: 56px; padding: 10px 4px; border-radius: 12px; cursor: pointer; }
.fr-rg__linha:hover { background: var(--cartao-2); }
.fr-rg__col { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.fr-rg__col--km, .fr-rg__col--ped { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.fr-rg__abre { display: grid; place-items: center; color: var(--texto-3); }
.fr-rg__abre .fr-ic { width: 19px; height: 19px; transition: transform .2s ease; }
.fr-rg__det[open] .fr-rg__abre .fr-ic { transform: rotate(180deg); }
.fr-rg__corpo { display: flex; flex-direction: column; gap: 4px; padding: 2px 4px 14px; }
.fr-rg__tit { font-weight: 800; line-height: 1.35; }
.fr-rg__num { font-size: 18px; font-weight: 800; white-space: nowrap; }
.fr-rg__num small { font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-rg__sub { font-size: 14px; color: var(--texto-2); }
.fr-rg__acoes { display: flex; flex-wrap: wrap; gap: 0 16px; margin: 4px 0 0 -4px; }
.fr-rg__acoes .fr-link { font-size: 15px; }


.fr-cfg-grupos { display: flex; flex-direction: column; gap: 10px; }
.fr-cfg-lista { display: flex; flex-direction: column; }
.fr-cfg-linha { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 20px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linha); }
.fr-cfg-lista > .fr-cfg-linha:last-child { border-bottom: 0; }
.fr-cfg-linha--fixa { border-bottom: 0; margin-bottom: 12px; padding: 12px 16px; border-radius: 14px; background: var(--cartao-2); }
.fr-cfg-linha__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fr-cfg-linha__nome { font-weight: 700; line-height: 1.35; }
.fr-cfg-linha__nome .fr-selo { margin-left: 4px; }
.fr-cfg-linha__sub { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; color: var(--texto-2); }
.fr-cfg-linha__ctl { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 16px; }
.fr-cfg-linha__ctl .fr-linha-sw { padding: 0; }
.fr-cfg-linha__ctl .fr-campo { flex-direction: row; align-items: center; gap: 10px; }
.fr-cfg-linha__ctl .fr-campo__rot { font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-cfg-linha__ctl--sel .fr-campo { flex-direction: column; align-items: stretch; min-width: 260px; }
.fr-cfg-linha--2 .fr-campo { max-width: 220px; }
.fr-cfg-bloco { display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0 0 18px; border: 0; min-width: 0; }
.fr-cfg-bloco:last-child { margin-bottom: 0; }
.fr-cfg-bloco__tit { padding: 0; margin-bottom: 10px; font-size: 14px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--texto-3); }
.fr-antt-res { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-weight: 600; }
.fr-antt-formula { margin: 16px 0 12px; font-size: 30px; font-weight: 800; letter-spacing: -.015em; color: var(--acento); }
.fr-antt-notas { display: flex; flex-direction: column; gap: 8px; }
.fr-antt-notas li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; color: var(--texto-2); line-height: 1.45; }
.fr-antt-notas .fr-ic { width: 18px; height: 18px; margin-top: 2px; color: var(--acento); }
.fr-antt-destaque { border: 1.5px solid var(--acento); }
.fr-rolagem-x { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; }
.fr-tab { width: 100%; font-size: 15px; border-collapse: collapse; }
.fr-tab th, .fr-tab td { padding: 10px 12px; border-bottom: 1px solid var(--linha); text-align: right; white-space: nowrap; }
.fr-tab th:first-child, .fr-tab td:first-child { text-align: left; white-space: normal; }
.fr-tab thead th { font-size: 14px; font-weight: 800; color: var(--texto-3); border-bottom: 2px solid var(--linha-forte); }
.fr-tab tbody tr:hover { background: var(--cartao-2); }
.fr-tab--antt td small { display: block; font-size: 13px; color: var(--texto-2); }
.fr-tab--antt th[scope="row"] { font-weight: 700; min-width: 180px; }
.fr-rodape-salvar { position: sticky; bottom: 12px; z-index: 6; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-top: 20px; padding: 12px 16px; border-radius: 14px; background: var(--cartao); border: 1.5px solid var(--acento); box-shadow: var(--sombra-moldura); }
.fr-rodape-salvar p { font-weight: 700; }
.fr-lc-ok { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 15px; color: var(--texto-2); }


.fr-cav { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 190px 20px; gap: 8px 20px; align-items: center; width: 100%; min-height: 72px; padding: 14px 10px; border-radius: 12px; text-align: left; color: inherit; }
.fr-cav:hover { background: var(--cartao-2); }
.fr-cav__id, .fr-im__id { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fr-cav__tit { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; }
.fr-cav__mod { font-weight: 700; line-height: 1.3; }
.fr-cav__st { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; }
.fr-lida { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--texto-2); }
.fr-lida .fr-ic { width: 16px; height: 16px; }
.fr-lida--velha { color: var(--aviso); font-weight: 700; }
.fr-res { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; min-width: 0; }
.fr-res strong { font-size: 20px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }
.fr-res small { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-res--neutro strong { color: var(--texto); }
.fr-total { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-top: 6px; padding: 16px 10px 4px; border-top: 2px solid var(--linha-forte); }
.fr-total__rot { font-weight: 700; }
.fr-total__rot small { display: block; font-weight: 500; font-size: 15px; color: var(--texto-2); }
.fr-total strong { font-size: 26px; font-weight: 800; letter-spacing: -.015em; white-space: nowrap; }
.fr-im { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr) 150px 170px; gap: 8px 20px; align-items: center; padding: 14px 10px; }
.fr-im__uso { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.fr-im__frete { text-align: right; }
.fr-im__st { display: flex; justify-content: flex-end; }
.fr-mo-linha { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr) minmax(0, 1fr) 170px 20px; gap: 6px 18px; align-items: center; width: 100%; min-height: 72px; padding: 14px 10px; border-radius: 12px; text-align: left; color: inherit; }
.fr-mo-linha:hover { background: var(--cartao-2); }
.fr-mo-linha__quem { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fr-mo-linha__nome { font-weight: 800; line-height: 1.3; }
.fr-mo-linha__regra { min-width: 0; }
.fr-mo-linha__regra .fr-selo { white-space: normal; }
.fr-mo-linha__pe { grid-column: 1 / 5; font-size: 14px; color: var(--texto-2); }
.fr-mo-linha__pe b { color: var(--texto); }
.fr-mo-regra { padding: 4px 0; }
.fr-mo-regra__linha { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) minmax(0, .9fr) auto; gap: 8px 18px; align-items: center; padding: 12px 10px; }
.fr-mo-regra__acao { display: flex; justify-content: flex-end; }
.fr-mo-regra--aberta .fr-mo-regra__linha { padding-bottom: 6px; }
.fr-mo-regra__form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px 16px; align-items: start; margin: 0 0 12px; padding: 16px; border-radius: 14px; background: var(--cartao-2); border: 1.5px solid var(--acento); }
.fr-mo-previa, .fr-mo-regra__nota, .fr-mo-regra__form > .fr-acoes { grid-column: 1 / -1; }
.fr-mo-previa { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--cartao); font-size: 16px; }
.fr-mo-previa > .fr-ic { width: 20px; height: 20px; color: var(--acento); margin-top: 2px; }
.fr-mo-previa small { display: block; font-size: 14px; color: var(--texto-2); margin-top: 2px; }
.fr-mo-como { display: flex; flex-direction: column; gap: 12px; }
.fr-mo-como li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; align-items: start; }
.fr-mo-como__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--acento-suave); color: var(--acento); }
.fr-mo-como__ic .fr-ic { width: 19px; height: 19px; }


.fr-camada { position: fixed; inset: 0; }
.fr-camada--gaveta { z-index: 205; }
.fr-camada--folha { z-index: 215; }
.fr-veu { position: absolute; inset: 0; background: var(--veu); }
.fr-gaveta { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; width: min(520px, 100vw); display: flex; flex-direction: column; padding-top: var(--safe-t, 0px); background: var(--fundo); color: var(--texto); border-left: 1px solid var(--linha); box-shadow: var(--sombra-moldura); font-size: 16px; line-height: 1.5; }
.fr-gaveta__topo { display: flex; align-items: center; gap: 10px; min-height: 64px; padding: 8px 20px 8px 12px; background: var(--lateral); border-bottom: 1px solid var(--linha); }
.fr-gaveta__topo h2 { font-size: 20px; font-weight: 800; letter-spacing: -.01em; line-height: 1.25; min-width: 0; }
.fr-gaveta__topo .fr-voltar { margin: 0; align-self: center; }
.fr-gaveta__corpo { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px 24px 32px; display: flex; flex-direction: column; gap: 18px; }
.fr-gaveta__acoes { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 4px; }
.fr-folha { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(500px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); overflow-y: auto; display: flex; flex-direction: column; gap: 14px; padding: 24px; background: var(--cartao); color: var(--texto); border: 1px solid var(--linha); border-radius: 20px; box-shadow: var(--sombra-moldura); font-size: 16px; line-height: 1.5; }
.fr-folha__titulo { font-size: 20px; font-weight: 800; letter-spacing: -.01em; line-height: 1.3; }
.fr-folha__texto { display: flex; flex-direction: column; gap: 12px; color: var(--texto); font-size: 16px; }
.fr-folha__texto > p { color: var(--texto-2); }
.fr-folha__texto > p b { color: var(--texto); }
.fr-folha__acoes { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 4px; }
.fr-folha__acoes--coluna { flex-direction: column; align-items: stretch; }
.fr-folha__acoes--coluna .fr-btn { justify-content: flex-start; white-space: normal; text-align: left; min-height: 52px; }
.fr-toast { position: fixed; z-index: 1300; left: 50%; bottom: calc(28px + var(--safe-b, 0px)); transform: translate(-50%, 12px); opacity: 0; visibility: hidden; display: flex; align-items: center; gap: 12px; width: max-content; max-width: min(560px, calc(100vw - 32px)); padding: 10px 10px 10px 18px; border-radius: 14px; background: var(--toast-fundo); color: var(--toast-texto); box-shadow: var(--sombra-moldura); font-size: 16px; font-weight: 600; line-height: 1.35; transition: opacity .2s ease, transform .2s ease, visibility .2s; }
.fr-toast:empty { padding: 0; }
.fr-toast.mostra { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.fr-toast__txt { padding: 6px 0; }
.fr-toast__btn { flex-shrink: 0; min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1.5px solid currentColor; font-weight: 800; color: inherit; }
.fr-confirma { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; border-radius: 14px; background: var(--acento-suave); color: var(--texto); }
.fr-confirma--perigo { background: var(--neg-suave); }
.fr-confirma__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 599px) {
  .fr-gaveta { width: 100vw; border-left: 0; }
  .fr-gaveta__corpo { padding: 16px 16px 28px; }
  .fr-gaveta__acoes .fr-btn { flex: 1 1 auto; }
  .fr-folha { left: 0; right: 0; top: auto; bottom: 0; transform: none; width: 100%; max-height: 88dvh; border-radius: 22px 22px 0 0; padding: 20px 16px max(20px, env(safe-area-inset-bottom)); }
  .fr-folha__acoes .fr-btn { flex: 1 1 auto; }
  .fr-v-dl div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .fr-v-inverter { margin: -6px 0 -8px; }
}


@media (max-width: 860px) {
  .fr-btn, .fr-link, .fr-chip, .fr-voltar, .fr-seg__op, .fr-aba, .fr-toast__btn { min-height: 48px; }
  .fr-busca__limpar { width: 48px; height: 48px; right: 2px; }
  .fr-cr-comp > summary, .fr-mais > summary { min-height: 48px; }
  .fr-toast { bottom: calc(76px + var(--safe-b, 0px)); }
  .pg-titulo.fr-titulo { font-size: 25px; }
  .fr-abas { gap: 22px; }
}


@container fr (max-width: 900px) {
  .fr-cartao { padding: 18px; }
  .fr-grade, .fr-grade--calc { grid-template-columns: minmax(0, 1fr); }
  .fr-cab__acoes { margin-left: 0; width: 100%; }
  .fr-apoio { display: grid; grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)); gap: 8px; }
  .fr-apoio__item { padding: 12px; }
  .fr-apoio__item--split { grid-column: 1 / -1; }
  .fr-apoio__num { font-size: 18px; }
  .fr-apoio__rot { font-size: 14px; }
  .fr-conta__linha { grid-template-columns: 28px minmax(0, 1fr) auto; column-gap: 10px; }
  .fr-conta__op { width: 26px; height: 26px; font-size: 17px; }
  .fr-conta__rot { font-size: 16px; }
  .fr-conta__val { font-size: 17px; }
  .fr-conta__total .fr-conta__rot { font-size: 17px; }
  .fr-conta__total { grid-template-columns: 28px minmax(0, 1fr); }
  .fr-conta__total .fr-conta__val { grid-column: 2; text-align: left; font-size: 32px; }
  .fr-conta__total .fr-conta__barra { grid-column: 2; }
  .fr-conta__total .fr-conta__val small { font-size: 14px; }
  .fr-vl > span:empty { display: none; }
  .fr-vl, .fr-vlista .fr-vl--and { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; column-gap: 12px; padding: 12px; }
  .fr-vl--cab { display: none; }
  .fr-vl__id { grid-column: 1; grid-row: 1; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
  .fr-vl__meio { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
  .fr-vl__frete { grid-column: 2; grid-row: 1; }
  .fr-vl__marg { grid-column: 1 / -1; grid-row: 3; text-align: left; }
  .fr-vl__marg small { display: inline; margin-left: 6px; }
  .fr-vl--and > .fr-status { grid-column: 1 / -1; grid-row: 3; justify-self: start; }
  .fr-vl--total .fr-vl__meio { grid-row: 1; grid-column: 1; }
  .fr-vl--total .fr-vl__id { display: none; }
  .fr-vl--total .fr-vl__frete { grid-column: 2; grid-row: 1; }
  .fr-vl--total .fr-vl__marg { grid-row: 2; }
  .fr-vl__rota, .fr-vl__sub { white-space: normal; }
  .fr-vl__seta { display: none; }
  .fr-vl__st { margin-top: 4px; }
  .fr-calc-res__valor { font-size: 40px; }
  .fr-duas { grid-template-columns: minmax(0, 1fr); }
  .fr-tempo li { grid-template-columns: 48px 36px minmax(0, 1fr); column-gap: 10px; }
  .fr-tempo li::before { left: calc(48px + 10px + 17px); }
  .fr-item { flex-wrap: wrap; }
  .fr-item__meio { flex: 1 1 200px; }
  .fr-item__dir { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 10px; flex-shrink: 1; min-width: 0; max-width: 100%; text-align: left; }
  .fr-item:has(> .fr-item__seta) { position: relative; padding-right: 36px; }
  .fr-item > .fr-item__seta { position: absolute; right: 10px; top: 16px; }
  .fr-cav { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px 4px; }
  .fr-cav__st { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
  .fr-cav .fr-res { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; text-align: left; }
  .fr-cav .fr-item__seta { display: none; }
  .fr-res strong { font-size: 18px; }
  .fr-total strong { font-size: 22px; }
  .fr-im { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px 4px; }
  .fr-im__id, .fr-im__uso { grid-column: 1 / -1; }
  .fr-im__frete { text-align: left; }
  .fr-mo-linha { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px 4px; }
  .fr-mo-linha__quem, .fr-mo-linha__regra, .fr-mo-linha__pe { grid-column: 1 / -1; }
  .fr-mo-linha .fr-dado { grid-column: 1; grid-row: 3; }
  .fr-mo-linha .fr-res { grid-column: 2; grid-row: 3; }
  .fr-mo-linha .fr-item__seta { display: none; }
  .fr-mo-regra__linha { grid-template-columns: minmax(0, 1fr) auto; padding: 12px 4px; }
  .fr-mo-regra__linha .fr-mo-linha__quem, .fr-mo-regra__linha .fr-mo-linha__regra { grid-column: 1 / -1; }
  .fr-mo-regra__form { grid-template-columns: minmax(0, 1fr); padding: 14px; }
  .fr-rg__linha { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 24px; gap: 8px 14px; }
  .fr-rg__col--rota { grid-column: 1 / 3; }
  .fr-rg__abre { grid-column: 3; grid-row: 1; }
  .fr-cfg-linha { grid-template-columns: minmax(0, 1fr); }
  .fr-cfg-linha__ctl { justify-content: flex-start; }
  .fr-cfg-linha__ctl .fr-campo { flex-wrap: wrap; }
  .fr-cfg-linha__ctl--sel .fr-campo { min-width: 0; width: 100%; }
  .fr-cfg-linha--2 .fr-campo { max-width: none; }
  .fr-antt-formula { font-size: 24px; }
  .fr-calc-inverter { margin: -8px 0; }
  .fr-v-dl div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .fr-status, .fr-selo { white-space: normal; }
}






.fr-sb-cont { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-left: auto; padding: 0 6px; border-radius: 999px; background: var(--aviso-suave); color: var(--aviso); font-size: 12px; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; }
.sb-item .fr-sb-cont.oculto { display: none; }
body.sb-recolhida .sb-item .fr-sb-cont { position: absolute; top: 1px; right: 4px; min-width: 18px; height: 18px; padding: 0 4px; font-size: 11px; }

.fr-cab__acoes .fr-exp { margin-left: 0; }
.fr-exp .btn-export { min-height: 44px; }
.fr-neg { color: var(--neg); }
.fr-pos { color: var(--pos); }
.fr-b-depois { margin-top: 20px; }
.fr-pilha--estreita { gap: 12px; }
.fr-grade--agora { grid-template-columns: minmax(0, 1fr) 300px; }
.fr-dia--soma { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.fr-dia--soma .fr-num { font-size: 15px; letter-spacing: 0; text-transform: none; color: var(--texto); }
.fr-selo--aviso { color: var(--aviso); background: var(--aviso-suave); border-color: transparent; margin-top: 4px; white-space: normal; }
.fr-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-tag .fr-ic { width: 16px; height: 16px; }
.fr-tag--aviso { color: var(--aviso); background: var(--aviso-suave); padding: 2px 9px 2px 7px; border-radius: 999px; }
.fr-tag--neg { color: var(--neg); background: var(--neg-suave); padding: 2px 9px 2px 7px; border-radius: 999px; }
.fr-aviso-txt { display: inline-flex; align-items: center; gap: 6px; color: var(--aviso); font-weight: 600; }
.fr-aviso-txt .fr-ic { width: 16px; height: 16px; }

.fr-leit { display: flex; flex-direction: column; gap: 2px; }
.fr-leit__item { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 0; border-bottom: 1px solid var(--linha); font-size: 16px; line-height: 1.45; }
.fr-leit__item:last-child { border-bottom: 0; }
.fr-leit__ic { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--cartao-2); color: var(--texto-2); }
.fr-leit__ic .fr-ic { width: 18px; height: 18px; }
.fr-leit__item--aviso .fr-leit__ic { background: var(--aviso-suave); color: var(--aviso); }
.fr-leit__item--neg .fr-leit__ic { background: var(--neg-suave); color: var(--neg); }
.fr-leit__item--pos .fr-leit__ic { background: var(--pos-suave); color: var(--pos); }
.fr-rank-lista { display: flex; flex-direction: column; gap: 6px; }
.fr-rank { border-radius: 14px; transition: background-color .15s ease; }
.fr-rank:hover, .fr-rank[open] { background: var(--cartao-2); }
.fr-rank--neg, .fr-rank--neg:hover, .fr-rank--neg[open] { background: var(--neg-suave); }
.fr-rank__linha { display: grid; grid-template-columns: minmax(150px, 236px) minmax(0, 1fr) 250px 24px; column-gap: 20px; align-items: center; min-height: 64px; padding: 10px 14px; border-radius: 14px; }
.fr-rank__id { display: flex; flex-direction: column; min-width: 0; }
.fr-rank__modelo { font-size: 14px; color: var(--texto-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-rank__barra { position: relative; height: 10px; border-radius: 999px; background: var(--trilho); }
.fr-rank--neg .fr-rank__barra { background: var(--cartao); }
.fr-rank__barra::before { content: ""; position: absolute; left: var(--zero); top: -7px; bottom: -7px; width: 2px; margin-left: -1px; border-radius: 2px; background: var(--linha-forte); }
.fr-rank__fill { position: absolute; top: 0; bottom: 0; width: var(--p); border-radius: 999px; }
.fr-rank__fill--pos { left: var(--zero); background: var(--pos); }
.fr-rank__fill--neg { right: calc(100% - var(--zero)); background: var(--neg); }
.fr-rank__val { display: flex; align-items: center; justify-content: flex-end; gap: 8px; white-space: nowrap; }
.fr-rank__val .fr-ic { width: 18px; height: 18px; }
.fr-rank__palavra { font-size: 14px; font-weight: 700; }
.fr-rank__val strong { font-size: 19px; font-weight: 800; min-width: 138px; text-align: right; }
.fr-rank__val--pos { color: var(--pos); }
.fr-rank__val--neg { color: var(--neg); }
.fr-rank__seta { width: 20px; height: 20px; color: var(--texto-2); transition: transform .2s ease; }
.fr-rank[open] .fr-rank__seta { transform: rotate(180deg); }
.fr-rank__det { display: flex; flex-direction: column; gap: 10px; padding: 0 14px 16px; }
.fr-rank__meta { font-size: 15px; color: var(--texto-2); }
.fr-rank__alerta, .fr-rank__aviso { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; font-weight: 600; color: var(--neg); }
.fr-rank__aviso { color: var(--aviso); }
.fr-rank__alerta .fr-ic, .fr-rank__aviso .fr-ic { width: 18px; height: 18px; margin-top: 1px; }
.fr-mini { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.fr-mini div { padding: 10px 12px; border-radius: 12px; background: var(--cartao); border: 1px solid var(--linha); min-width: 0; }
.fr-mini dt { font-size: 14px; color: var(--texto-2); }
.fr-mini dd { font-size: 16px; font-weight: 700; white-space: nowrap; }
.fr-mini .fr-mini__total { border-color: var(--linha-forte); }
.fr-rank-soma { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; margin-top: 14px; padding: 16px 14px 2px; border-top: 2px solid var(--linha-forte); }
.fr-rank-soma__rot { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-weight: 700; }
.fr-rank-soma__rot small { font-weight: 500; color: var(--texto-2); font-size: 15px; }
.fr-rank-soma strong { font-size: 24px; font-weight: 800; color: var(--pos); }
.fr-rank-soma--neg strong { color: var(--neg); }
.fr-rank-soma__dir { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.fr-rank-soma__dir small { font-size: 15px; font-weight: 600; color: var(--texto-2); }
.fr-agora > li { border-bottom: 1px solid var(--linha); }
.fr-agora > li:last-child { border-bottom: 0; }
.fr-agora__linha { display: grid; grid-template-columns: 190px minmax(0, 1fr) 20px; gap: 16px; align-items: center; width: 100%; min-height: 64px; padding: 12px 8px; border-radius: 12px; text-align: left; color: inherit; }
.fr-agora__linha:hover { background: var(--cartao-2); }
.fr-agora__id { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.fr-agora__txt { min-width: 0; }
.fr-agora__tit, .fr-agora__sub { display: block; }
.fr-agora__tit { font-size: 16px; font-weight: 700; line-height: 1.35; }
.fr-agora__sub { font-size: 15px; color: var(--texto-2); }
.fr-avisos { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.fr-prazos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.fr-prazos__cortes { display: flex; flex-direction: column; gap: 14px; }
.fr-prazo { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-radius: 14px; background: var(--cartao-2); border: 1px solid var(--linha); }
.fr-prazo:focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; }
.fr-prazo--atrasado { border-color: var(--linha-forte); }
.fr-prazo__cab { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 12px; }
.fr-prazo__rot { font-weight: 800; }
.fr-prazo__tot { display: flex; align-items: baseline; gap: 8px; }
.fr-prazo__tot strong { font-size: 22px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap; }
.fr-prazo__tot small { font-size: 14px; color: var(--texto-2); }
.fr-prazo .fr-lista > li + li { border-top: 1px solid var(--linha); }
.fr-prazo .fr-item { padding: 10px 4px; }
.fr-prazo__val { font-weight: 700; white-space: nowrap; }
.fr-atraso { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; color: var(--neg); white-space: nowrap; }
.fr-atraso .fr-ic { width: 15px; height: 15px; }


@container fr (min-width: 901px) {
  .fr-prazo .fr-item__dir:has(> .fr-atraso) { flex-shrink: 1; min-width: 0; max-width: 42%; }
  .fr-prazo .fr-item__dir > .fr-atraso { display: block; white-space: normal; text-align: right; }
  .fr-prazo .fr-item__dir > .fr-atraso .fr-ic { display: inline-block; vertical-align: -2px; margin-right: 4px; }   
}

.fr-ap-topo { display: flex; flex-direction: column; gap: 2px; }
.fr-ap-topo__num { font-size: 26px; font-weight: 800; letter-spacing: -.015em; line-height: 1.2; }
.fr-ap-lote { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.fr-ap-lista { padding: 6px 24px; }
.fr-ap-ul > li { border-bottom: 1px solid var(--linha); }
.fr-ap-ul > li:last-child, .fr-ap-ul > li.fr-ap-dia { border-bottom: 0; }
.fr-ap-ul > li:not(.fr-ap-dia) { content-visibility: auto; contain-intrinsic-size: auto 150px; overflow-clip-margin: 6px; }
.fr-ap-dia .fr-dia { margin: 18px 0 2px; }
.fr-ap-ul > li.fr-ap-dia:first-child .fr-dia { margin-top: 8px; }
.fr-ap-lista.fr-lista > li + li { border-top: 1px solid var(--linha); }
.fr-ap { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; column-gap: 16px; row-gap: 12px; align-items: start; padding: 18px 0; }
.fr-ap--inativo .fr-ap__oque, .fr-ap--inativo .fr-ap__valor { color: var(--texto-2); }
.fr-ap__ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--cartao-2); color: var(--texto-2); flex-shrink: 0; }
.fr-ap__ic .fr-ic { width: 21px; height: 21px; }
.fr-ap__meio { min-width: 0; }
.fr-ap__oque { font-size: 17px; font-weight: 800; line-height: 1.3; }
.fr-ap__cod { font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-ap__meta { font-size: 15px; color: var(--texto-2); margin-top: 2px; }
.fr-ap__tags { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 6px; }
.fr-ap__lado { display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
.fr-ap__valor { font-size: 21px; font-weight: 800; white-space: nowrap; letter-spacing: -.01em; }
.fr-ap__acoes { grid-column: 2 / 4; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fr-ap__conf { grid-column: 2 / 4; }
.fr-ap__conf:empty { display: none; }
.fr-ap__conf .fr-campo { max-width: 420px; }
.fr-marcar { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 12px 0 8px; border-radius: 12px; font-weight: 600; color: var(--texto); }
.fr-marcar:hover { background: var(--cartao-2); }
.fr-marcar__caixa { width: 24px; height: 24px; border-radius: 6px; border: 2px solid var(--linha-forte); display: grid; place-items: center; background: var(--cartao); color: transparent; flex-shrink: 0; }
.fr-marcar__caixa .fr-ic { width: 16px; height: 16px; stroke-width: 3; }
.fr-marcar[aria-checked="true"] .fr-marcar__caixa { background: var(--acento); border-color: var(--acento); color: var(--no-acento); }
.fr-rc-resumo, .fr-cp-cab { display: flex; align-items: flex-start; gap: 14px; padding: 14px; border-radius: 14px; background: var(--cartao); border: 1px solid var(--linha); }
.fr-cp-valor { font-size: 28px; font-weight: 800; letter-spacing: -.015em; margin: 2px 0 6px; }
.fr-cp-tit { font-size: 17px; font-weight: 800; }

.fr-grupos > li { display: grid; grid-template-columns: 40px minmax(0, 1fr) 140px 120px; column-gap: 14px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linha); }
.fr-grupos__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--cartao-2); color: var(--texto-2); }
.fr-grupos__ic .fr-ic { width: 19px; height: 19px; }
.fr-grupos__nome { font-weight: 600; line-height: 1.35; min-width: 0; }
.fr-grupos__barra { height: 8px; border-radius: 999px; background: var(--trilho); overflow: hidden; }
.fr-grupos__barra span { display: block; height: 100%; width: var(--p); border-radius: 999px; background: var(--barra-custo); }
.fr-grupos__val { text-align: right; font-weight: 700; white-space: nowrap; }
.fr-grupos-total { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 6px; padding-top: 16px; border-top: 2px solid var(--linha-forte); }
.fr-grupos-total > span { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; font-weight: 700; }
.fr-grupos-total strong { font-size: 26px; font-weight: 800; letter-spacing: -.015em; }
.fr-v-lanc > li + li { border-top: 1px solid var(--linha); }
.fr-v-rodape { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--linha); font-size: 15px; color: var(--texto-2); }
.fr-acerto { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-top: 22px; }
.fr-acerto .fr-dica, .fr-acerto .fr-dica-desab { flex: 1; min-width: 220px; font-size: 15px; }
.fr-acerto-feito { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-top: 22px; padding: 14px 16px; border-radius: 14px; background: var(--cartao-2); }
.fr-acerto-feito p { font-size: 15px; color: var(--texto-2); flex: 1; min-width: 200px; }
.fr-notas .fr-nota .fr-btn, .fr-notas .fr-nota .fr-link { margin-top: 4px; }

.fr-placa--p { font-size: 16px; }
.fr-conts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.fr-cont { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-height: 104px; padding: 16px 18px; border-radius: 16px; background: var(--cartao); border: 1.5px solid var(--linha-forte); box-shadow: var(--sombra); text-align: left; color: var(--texto); }
.fr-cont:hover { border-color: var(--texto-2); }
.fr-cont[aria-pressed="true"] { border-color: var(--acento); background: var(--acento-suave); box-shadow: inset 0 0 0 1.5px var(--acento); }
.fr-cont__num { font-size: 36px; font-weight: 800; line-height: 1; letter-spacing: -.02em; }
.fr-cont__rot { display: inline-flex; align-items: center; gap: 6px; font-size: 17px; font-weight: 800; }
.fr-cont__rot .fr-ic { width: 19px; height: 19px; }
.fr-cont__dica { font-size: 14px; color: var(--texto-2); }
.fr-cont--neg .fr-cont__num, .fr-cont--neg .fr-cont__rot { color: var(--neg); }
.fr-cont--aviso .fr-cont__num, .fr-cont--aviso .fr-cont__rot { color: var(--aviso); }
.fr-cont--pos .fr-cont__num, .fr-cont--pos .fr-cont__rot { color: var(--pos); }
.fr-barra { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 14px; }
.fr-barra__filtro { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; font-size: 15px; color: var(--texto-2); }
.fr-barra__filtro b { color: var(--texto); }
.fr-mtgs { display: flex; flex-direction: column; gap: 10px; }
.fr-mtg > summary { flex-wrap: wrap; row-gap: 8px; padding: 10px 16px; }
.fr-mtg__nome { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; min-width: 0; }
.fr-mtg__nome small { flex-basis: 100%; }
.fr-mtg__cont { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.fr-mtg .fr-mais__seta { margin-left: 4px !important; }
.fr-mts { display: flex; flex-direction: column; }
.fr-mt { display: grid; grid-template-columns: minmax(0, 1.1fr) 116px minmax(0, 1.1fr) minmax(0, 1.3fr) auto; gap: 8px 16px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--linha); font-variant-numeric: tabular-nums; }
.fr-mt:last-child { border-bottom: 0; }
.fr-mt__nome { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-weight: 700; }
.fr-mt__nome small { font-size: 14px; font-weight: 600; color: var(--texto-2); }
.fr-mt__falta { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-size: 15px; font-weight: 600; min-width: 0; }
.fr-mt--neg .fr-mt__falta > span:last-child { color: var(--neg); }
.fr-mt--aviso .fr-mt__falta > span:last-child { color: var(--aviso); }
.fr-mt__acao { display: flex; justify-content: flex-end; }
.fr-mtf { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 12px; padding: 16px; border-radius: 14px; background: var(--cartao); border: 1.5px solid var(--acento); }
.fr-mtf__tit { display: flex; align-items: center; gap: 8px; font-weight: 800; }
.fr-mtf__tit .fr-ic { width: 18px; height: 18px; color: var(--acento); }
.fr-mtf__filhos { display: flex; flex-direction: column; gap: 2px; }
.fr-mtf__filhos legend { font-weight: 700; margin-bottom: 4px; }
.fr-medidores { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; }
.fr-medidor { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 14px; background: var(--cartao); border: 1px solid var(--linha); }
.fr-medidor__id { font-weight: 800; }
.fr-medidor__num { font-size: 18px; font-weight: 800; }
.fr-medidor__sub { font-size: 14px; color: var(--texto-2); }
.fr-medidor--velha { border-color: var(--aviso); background: var(--aviso-suave); }
.fr-medidor--velha .fr-medidor__sub { color: var(--texto); }
.fr-leit-lista { margin-top: 14px; }
.fr-regras { display: flex; flex-direction: column; gap: 10px; }
.fr-regras li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 15px; line-height: 1.45; }
.fr-regras .fr-ic { width: 19px; height: 19px; color: var(--texto-2); margin-top: 1px; }
.fr-cfg-linha__conta { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 6px 10px; margin: 6px 0 2px; }
.fr-cfg-linha__conta .fr-campo { flex: 1 1 260px; max-width: 420px; }

.fr-cfg-linha__nomes { line-height: 1.35; }
.fr-cfg-trocar { font-size: 14px; margin: -12px 0 -14px 4px; }

.cap-foto .fr-ap-ul > li, .cap-foto .fr-vlista > li, .cap-foto .fr-lista--longa > li { content-visibility: visible; }
@media (max-width: 860px) {
  .fr-exp .btn-export, .fr-marcar, .fr-cont { min-height: 48px; }
  .fr-cfg-trocar { margin: -14px 0 -16px 4px; }
}
@container fr (max-width: 900px) {
  .fr-grade--agora, .fr-prazos { grid-template-columns: minmax(0, 1fr); }
  .fr-rank__linha { grid-template-columns: minmax(0, 1fr) auto 20px; row-gap: 10px; column-gap: 10px; padding: 12px; }
  .fr-rank__barra { grid-column: 1 / -1; grid-row: 2; }
  .fr-rank__val strong { min-width: 0; font-size: 17px; }
  .fr-rank__palavra { display: none; }
  .fr-rank__det { padding: 0 12px 14px; }
  .fr-mini { grid-template-columns: minmax(0, 1fr); }
  .fr-mini div { display: flex; justify-content: space-between; gap: 8px; padding: 8px 12px; }
  .fr-agora__linha { grid-template-columns: minmax(0, 1fr) 20px; row-gap: 6px; gap: 6px 10px; padding: 12px 4px; }
  .fr-agora__id { grid-column: 1; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px 12px; }
  .fr-agora__txt { grid-column: 1; }
  .fr-agora__linha > .fr-item__seta { grid-column: 2; grid-row: 1 / span 2; }
  .fr-ap-lista { padding: 4px 14px; }
  .fr-ap { grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; padding: 16px 0; }
  .fr-ap__ic { width: 40px; height: 40px; }
  .fr-ap__lado { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: wrap; }
  .fr-ap__acoes, .fr-ap__conf { grid-column: 1 / -1; }
  .fr-ap__acoes .fr-btn { flex: 1 1 auto; }
  .fr-ap-topo__num { font-size: 22px; }
  .fr-grupos > li { grid-template-columns: 40px minmax(0, 1fr) auto; row-gap: 6px; }
  .fr-grupos__barra { grid-column: 2 / -1; grid-row: 2; }
  .fr-grupos-total strong { font-size: 22px; }
  .fr-conts { gap: 8px; }
  .fr-cont { min-height: 88px; padding: 12px; }
  .fr-cont__num { font-size: 28px; }
  .fr-cont__rot { font-size: 15px; }
  .fr-cont__dica { display: none; }
  .fr-mtg > summary { padding: 10px 12px; }
  .fr-mtg__cont { margin-left: 0; }
  .fr-mt { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px 12px; }
  .fr-mt__nome, .fr-mt__falta, .fr-mt__acao { grid-column: 1 / -1; }
  .fr-mt__falta { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
  .fr-mt__acao .fr-btn { width: 100%; }
  .fr-mtf { padding: 14px; }
  .fr-medidores { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
  .fr-prazo__tot strong { font-size: 20px; }
  .fr-item__dir .fr-atraso { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .fr-pagina *, #fr-gaveta *, #fr-folha *, .fr-toast, .fr-girar { transition: none !important; animation: none !important; }
}



.fr-mo-acesso { margin-top: 20px; }
#fr-mo-ac-conf:not(:empty) { margin-top: 14px; }
.fr-mo-acesso .fr-v-dl + .fr-acoes, .fr-mo-acesso .fr-mais + .fr-acoes, .fr-mo-acesso .fr-v-dl + .fr-mais { margin-top: 14px; }
.fr-ma-senha { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 14px; background: var(--cartao-2); border: 1.5px solid var(--linha-forte); }
.fr-ma-senha__rot { margin: 0; font-size: 15px; color: var(--texto-2); }
.fr-ma-senha__valor { margin: 0; font-size: 36px; font-weight: 800; letter-spacing: .08em; line-height: 1.2; color: var(--texto); overflow-wrap: anywhere; user-select: all; }
.fr-ma-msg { margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--cartao-2); color: var(--texto); font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; user-select: text; }
.fr-ma-envio a.fr-btn { text-decoration: none; }
@media (max-width: 860px) {
  
  .fr-mn-btn { padding: 0 12px; }
  .fr-ma-envio .fr-btn { flex: 1 1 auto; }
  .fr-ma-senha__valor { font-size: 30px; }
}


.fr-ap__foto { padding: 0; border: 1px solid var(--linha); overflow: hidden; cursor: pointer; font: inherit; color: inherit; }
button.fr-ap__foto:hover { border-color: var(--texto-2); }
.fr-foto-mini { display: block; width: 100%; height: 100%; object-fit: cover; }
.fr-foto-mini:not([src]), .fr-foto-grande:not([src]) { visibility: hidden; }
.fr-tempo__foto { display: block; width: 56px; height: 56px; margin-top: 8px; padding: 0; border: 1px solid var(--linha); border-radius: 12px; overflow: hidden; background: var(--cartao-2); cursor: pointer; }
.fr-tempo__foto:hover { border-color: var(--texto-2); }
.fr-cp-foto { flex: 0 0 auto; margin: 0; min-height: 120px; border-radius: 14px; background: var(--cartao-2); overflow: hidden; }
.fr-foto-grande { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; }

#fr-v-fotos { margin-top: 16px; }
.fr-fv { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 12px; }
.fr-fv__it { display: flex; flex-direction: column; gap: 4px; width: 100%; height: 100%; margin: 0; padding: 0 0 10px; border: 1px solid var(--linha); border-radius: 12px; overflow: hidden; background: var(--cartao-2); cursor: pointer; font: inherit; color: var(--texto); text-align: left; }
.fr-fv__it:hover { border-color: var(--texto-2); }
.fr-fv__it .fr-foto-mini { height: auto; aspect-ratio: 4 / 3; margin-bottom: 4px; }
.fr-fv__rot { padding: 0 10px; font-size: 13px; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.fr-fv__em { padding: 0 10px; font-size: 12px; color: var(--texto-2); }
.fr-fv__cap { margin: 10px 0 0; font-weight: 600; }
.fr-fv__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.fr-fv__pos { color: var(--texto-2); font-size: 14px; }
.fr-le__foto { flex: 0 0 auto; width: 44px; height: 44px; padding: 0; border: 1px solid var(--linha); border-radius: 10px; overflow: hidden; background: var(--cartao-2); cursor: pointer; }
.fr-le__foto:hover { border-color: var(--texto-2); }
.fr-item__dir:has(> .fr-le__foto) { flex-direction: row; align-items: center; }
.fr-le-foto-grande { margin-bottom: 12px; }
.fr-le-foto-grande .fr-foto-grande { max-height: 45vh; }



:root {
  --fr-visor-fundo: #151A1C; --fr-visor-texto: #E6EDED; --fr-visor-texto-2: #B2BFC1;
  --fr-visor-cartao: #232B2F; --fr-visor-cartao-2: #2A3337; --fr-visor-linha: #354045; --fr-visor-linha-forte: #7F9095;
  --fr-visor-acento: #7FCAD8; --fr-visor-acento-forte: #9AD6E1; --fr-visor-no-acento: #0B2A31; --fr-visor-acento-suave: #1D3C43;
  --fr-visor-foco: #9AD6E1;
}
.fr-foto-barra { flex: 0 0 auto; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.fr-tela { position: fixed; inset: 0; z-index: 1250; display: flex; flex-direction: column; width: 100vw; height: 100vh; height: 100dvh;
  padding: var(--safe-t, 0px) 0 var(--safe-b, 0px); background: var(--fr-visor-fundo); color: var(--fr-visor-texto); color-scheme: dark;
  --cartao: var(--fr-visor-cartao); --cartao-2: var(--fr-visor-cartao-2); --linha: var(--fr-visor-linha); --linha-forte: var(--fr-visor-linha-forte);
  --texto: var(--fr-visor-texto); --texto-2: var(--fr-visor-texto-2);
  --acento: var(--fr-visor-acento); --acento-forte: var(--fr-visor-acento-forte); --no-acento: var(--fr-visor-no-acento);
  --acento-suave: var(--fr-visor-acento-suave); --foco: var(--fr-visor-foco);
  font-size: 16px; line-height: 1.5; }
.fr-tela[hidden], .fr-tela__nav[hidden] { display: none; }
:where(#fr-tela) button { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
:where(#fr-tela) [aria-disabled="true"] { cursor: default; }
#fr-tela :focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; }
.fr-tela__topo, .fr-tela__nav { flex: 0 0 auto; display: flex; align-items: center; gap: 8px 12px; padding: 10px 16px; }
.fr-tela__topo { border-bottom: 1px solid var(--linha); }
.fr-tela__nav { justify-content: space-between; border-top: 1px solid var(--linha); }
.fr-tela__tit { flex: 1 1 auto; min-width: 0; margin: 0; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fr-tela__zoom { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; }
.fr-tela__ic { width: 44px; padding: 0; }
.fr-tela__nivel { min-width: 2.6em; text-align: center; font-variant-numeric: tabular-nums; color: var(--texto-2); font-size: 14px; }
.fr-tela__pos { color: var(--texto-2); font-size: 14px; }
.fr-tela__palco { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; touch-action: none; user-select: none; -webkit-user-select: none; }
.fr-tela__palco.fr-tela--zoom { cursor: grab; }
.fr-tela__palco.fr-tela--arrasta { cursor: grabbing; }
.fr-tela__img { position: absolute; inset: 0; margin: auto; display: block; max-width: 100%; max-height: 100%; transform-origin: 50% 50%; -webkit-user-drag: none; }
.fr-tela__img:not([src]) { visibility: hidden; }
@media (max-width: 520px) {
  
  .fr-tela__topo { flex-wrap: wrap; justify-content: space-between; }
  .fr-tela__topo, .fr-tela__nav { padding: 8px 12px; gap: 8px; }
  .fr-tela__tit { order: 3; flex: 1 0 100%; white-space: normal; font-size: 15px; line-height: 1.35; }
  .fr-tela__topo .fr-btn:not(.fr-tela__ic) { padding: 0 12px; }
}


.fr-i-camada { position: absolute; inset: 0; z-index: 2; }
.fr-i-folha { width: min(1040px, 100vw); }
.fr-i-folha .fr-gaveta__corpo { container: fr / inline-size; font-variant-numeric: tabular-nums; }
.fr-i-folha .fr-gaveta__topo h2 { overflow-wrap: anywhere; }
#fr-i-acao .fr-nota { margin-top: 4px; }
#fr-calc-ped-aviso .fr-nota { margin-top: 4px; }


.fr-j-rec { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
.fr-j-pz-acao { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 12px 10px 52px; }
.fr-j-faixa { margin-top: 8px; align-items: center; }
.fr-j-faixa .fr-link { display: inline-flex; vertical-align: baseline; }
.fr-j-vazio { flex-wrap: wrap; }



.fr-gaveta__corpo > * { flex-shrink: 0; }

.fr-nota--acao { align-items: center; }
.fr-nota--acao > div { flex: 1 1 auto; display: flex; align-items: center; gap: 12px; }
.fr-nota-acao__txt { flex: 1 1 auto; min-width: 0; }
.fr-notas .fr-nota--acao .fr-btn { flex: none; margin-top: 0; }
@media (max-width: 599px) {
  .fr-nota--acao { align-items: flex-start; }
  .fr-nota--acao > div { flex-wrap: wrap; gap: 10px; }
  .fr-notas .fr-nota--acao .fr-btn { flex: 1 1 100%; justify-content: center; }
}




.fr-k-col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.fr-k-din { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 16px 18px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); }
.fr-k-din__tit { font-size: 16px; font-weight: 700; color: var(--texto); }
.fr-k-bloco { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fr-k-bloco + .fr-k-bloco { padding-top: 12px; border-top: 1px solid var(--linha); }
.fr-k-bloco__rot { font-size: 14px; font-weight: 700; color: var(--texto-2); }
.fr-k-soma { font-size: 15px; color: var(--texto-2); overflow-wrap: anywhere; }
.fr-k-soma strong { font-size: 22px; font-weight: 800; color: var(--texto); }
.fr-k-barra { height: 10px; border-radius: 999px; background: var(--trilho); overflow: hidden; }
.fr-k-barra span { display: block; width: var(--p); height: 100%; border-radius: 999px; background: var(--pos); }
.fr-k-linhas { display: flex; flex-direction: column; gap: 6px; margin: 2px 0 0; padding: 0; list-style: none; }
.fr-k-li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; font-size: 15px; line-height: 1.4; color: var(--texto); overflow-wrap: anywhere; }
.fr-k-li .fr-ic { width: 18px; height: 18px; margin-top: 1px; color: var(--texto-2); }
.fr-k-li--pos .fr-ic { color: var(--pos); }
.fr-k-li--neg .fr-ic { color: var(--neg); }
.fr-k-li--aviso .fr-ic { color: var(--aviso); }
.fr-k-selo { display: block; margin-top: 4px; }
.fr-k-rec { flex-basis: 100%; font-size: 15px; color: var(--texto-2); overflow-wrap: anywhere; }
.fr-k-rec b { color: var(--texto); }
.fr-k-venc { color: var(--neg); font-weight: 700; white-space: nowrap; }
.fr-k-venc .fr-ic { width: 16px; height: 16px; margin-right: 3px; vertical-align: -3px; }
.fr-k-nota { flex-basis: 100%; }
.fr-k-nota .fr-nota { margin-top: 0; }
.fr-k-parado { color: var(--texto-2); }
.fr-k-parado strong { min-width: 0; }
.fr-k-palavra { display: inline-flex; align-items: center; gap: 8px; }
.fr-k-palavra .fr-ic { flex: none; }
@container fr (max-width: 900px) {
  .fr-k-selo { display: block; margin: 4px 0 0; }   
  .fr-k-parado { display: contents; }
  .fr-k-parado strong { grid-column: 2; grid-row: 1; justify-self: end; }
  .fr-k-parado .fr-k-palavra { display: inline-flex; grid-column: 1 / -1; grid-row: 3; }
}





.fr-l-topo { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.fr-l-linha { min-width: 0; padding: 14px 12px 12px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); }
.fr-l-etapas { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.fr-l-etapas > .fr-l-et { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; padding: 0 6px; text-align: center; }
.fr-l-etapas > .fr-l-et + .fr-l-et::before { content: ""; position: absolute; top: 11px; left: calc(-50% + 18px); right: calc(50% + 18px); height: 2px; border-radius: 2px; background: var(--linha); }
.fr-l-etapas > .fr-l-et--pos + .fr-l-et--pos::before { background: var(--pos); }
.fr-l-et > .fr-ic { width: 24px; height: 24px; }
.fr-l-et--pos > .fr-ic { color: var(--pos); }
.fr-l-et--acento > .fr-ic { color: var(--acento); }
.fr-l-et--aviso > .fr-ic { color: var(--aviso); }
.fr-l-et--futuro > .fr-ic { color: var(--texto-3); }
.fr-l-et__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.fr-l-et__nome { font-size: 15px; font-weight: 600; line-height: 1.3; color: var(--texto); }
.fr-l-et--acento .fr-l-et__nome, .fr-l-et--aviso .fr-l-et__nome { font-weight: 800; }
.fr-l-et--futuro .fr-l-et__nome { color: var(--texto-3); }
.fr-l-et__linha { font-size: 13px; line-height: 1.35; color: var(--texto-2); }
.fr-l-m { display: none; }
.fr-l-m__txt { font-size: 16px; font-weight: 700; color: var(--texto); overflow-wrap: anywhere; }
.fr-l-barra { height: 8px; border-radius: 999px; background: var(--trilho); overflow: hidden; }
.fr-l-barra span { display: block; width: var(--p); height: 100%; border-radius: 999px; background: var(--pos); }
.fr-l-lista { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.fr-l-lista > .fr-l-et { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.fr-l-lista > .fr-l-et > .fr-ic { width: 22px; height: 22px; }
.fr-l-px { padding: 20px 22px; }
.fr-l-px .fr-cartao__cab { margin-bottom: 10px; }
.fr-l-pd { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 15px; line-height: 1.45; color: var(--texto); }
.fr-l-pd > .fr-ic { width: 20px; height: 20px; margin-top: 2px; }
.fr-l-pd--aviso > .fr-ic { color: var(--aviso); }
.fr-l-pd--neg > .fr-ic { color: var(--neg); }
.fr-l-pd--acento > .fr-ic { color: var(--acento); }
.fr-l-pd--pos > .fr-ic { color: var(--pos); }
.fr-l-pd__corpo { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; min-width: 0; }
.fr-l-pd__txt { flex: 1 1 300px; min-width: 0; overflow-wrap: anywhere; }
.fr-l-pd__txt strong { font-weight: 800; color: var(--texto); }
.fr-l-pd__acoes { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-left: auto; }
.fr-l-pd__acoes .fr-acoes { display: contents; }
.fr-l-pd__acoes .fr-btn { white-space: normal; text-align: center; }
.fr-l-px__1 .fr-l-pd { font-size: 16px; }
.fr-l-px__sec { margin-top: 18px; font-size: 14px; font-weight: 700; color: var(--texto-2); }
.fr-l-px__lista { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.fr-l-px__lista > li + li { padding-top: 10px; border-top: 1px solid var(--linha); }
.fr-l-px__pe { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--linha); }



.fr-l-pd:has(> .fr-l-pd__corpo > .fr-l-pd__acoes) { align-items: first baseline; }
.fr-l-pd:has(> .fr-l-pd__corpo > .fr-l-pd__acoes) > .fr-ic { margin-top: -8px; position: relative; top: calc(10px - 0.35em); }

.fr-l-olhar { margin-top: 14px; }
.fr-l-olhar .fr-l-px__lista { margin-top: 0; }
@container fr (max-width: 900px) {
  .fr-l-etapas { display: none; }
  .fr-l-linha { padding: 14px 16px; }
  .fr-l-m { display: flex; flex-direction: column; gap: 10px; }
  .fr-l-px { padding: 16px; }
  .fr-l-pd__corpo { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; }   
  .fr-l-pd__txt { flex: none; }
  .fr-l-pd__acoes { justify-content: flex-start; margin-left: 0; }
  


  .fr-l-pd__acoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(max(min(100%, 8rem), calc((100% - 8px) / 2)), 1fr)); }
  .fr-l-pd__acoes .fr-btn.fr-l-btn--toda { grid-column: 1 / -1; }
  .fr-l-pd:has(> .fr-l-pd__corpo > .fr-l-pd__acoes) { align-items: start; }
  .fr-l-pd:has(> .fr-l-pd__corpo > .fr-l-pd__acoes) > .fr-ic { margin-top: 2px; top: 0; }
}








.fr-m-pend { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.fr-m-atu { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 15px; line-height: 1.4; color: var(--texto-2); }
.fr-m-atu > .fr-ic { width: 18px; height: 18px; flex-shrink: 0; color: var(--acento); }
.fr-m-atu__txt { flex: 1 1 240px; min-width: 0; }
.fr-m-num .fr-apoio { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.fr-m-grade { display: grid; grid-template-columns: minmax(0, 63fr) minmax(0, 37fr); gap: 20px; align-items: start; }
.fr-m-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.fr-m-col > .fr-nota { margin-top: 0; }
.fr-m-cartao { padding: 20px 22px; }
.fr-m-cartao .fr-cartao__cab { margin-bottom: 10px; }
.fr-m-cartao .fr-cartao__titulo:focus:not(:focus-visible) { outline: none; }
.fr-m-lista { margin-top: 0; }
.fr-m-lista > li:focus:not(:focus-visible) { outline: none; }
.fr-m-pd:focus:not(:focus-visible) { outline: none; }
.fr-m-pd:focus-visible { outline-offset: 4px; border-radius: 6px; }
.fr-m-meta, .fr-m-frase { display: block; margin-top: 2px; font-size: 14px; line-height: 1.4; color: var(--texto-2); }
.fr-m-frase { color: var(--texto); }
.fr-m-sit { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 700; }
.fr-m-sit .fr-ic { width: 15px; height: 15px; }
.fr-m-sit--neg { color: var(--neg); }
.fr-m-sit--aviso { color: var(--aviso); }
.fr-m-sitb { display: block; margin-top: 2px; }
.fr-m-pd .fr-status { margin-left: 4px; vertical-align: middle; }
.fr-m-mais { margin-top: 6px; }
.fr-m-soma { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-bottom: 12px; font-size: 16px; color: var(--texto-2); }
.fr-m-soma strong { font-size: 20px; font-weight: 800; color: var(--texto); }
.fr-m-pe { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 14px; margin-top: 12px; padding-top: 8px; border-top: 1px solid var(--linha); font-size: 15px; color: var(--texto-2); }
.fr-m-vem .fr-cartao__dir { margin-left: auto; }
.fr-m-cav { padding: 16px 12px 10px; }
.fr-m-cav .fr-cartao__cab { padding: 0 8px; }
.fr-m-cav__lista > li + li { border-top: 1px solid var(--linha); }
.fr-m-cav__linha { display: grid; grid-template-columns: minmax(0, 1fr) 20px; gap: 4px 10px; align-items: center; width: 100%; min-height: 44px; padding: 8px 12px; border-radius: 10px; text-align: left; color: inherit; }
.fr-m-cav__linha:hover { background: var(--cartao-2); }
.fr-m-cav__id { grid-column: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.fr-m-cav__id .fr-placa { font-size: 16px; }
.fr-m-cav__id .fr-selo { margin-top: 0; }
.fr-m-cav__txt { grid-column: 1; min-width: 0; font-size: 14px; line-height: 1.4; color: var(--texto-2); overflow-wrap: anywhere; }
.fr-m-cav__linha > .fr-item__seta { grid-column: 2; grid-row: 1 / span 2; }
.fr-l-pd__acoes.fr-l-mede { align-items: start; }
@container fr (max-width: 900px) {
  .fr-m-grade { grid-template-columns: minmax(0, 1fr); }
  .fr-m-num .fr-apoio { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .fr-m-atu__btn { flex: 1 1 100%; }
  .fr-m-cartao { padding: 16px; }
  .fr-m-cav { padding: 14px 8px 8px; }
  .fr-m-pe { justify-content: flex-start; }
  .fr-m-pd .fr-l-pd__acoes > .fr-btn:last-child:nth-child(odd) { grid-column: 1 / -1; }
}






.fr-n-ind { display: flex; flex-direction: column; gap: 8px; }
.fr-n-passos { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.fr-n-passos__it { flex: 1 1 0; min-width: 0; }
.fr-n-passos__cx { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 4px 8px; border-radius: 10px; font-size: 15px; line-height: 1.25; color: var(--texto-2); text-align: left; }
.fr-n-passos__bt:hover { background: var(--acento-suave); }
.fr-n-passos__n { display: inline-grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border: 2px solid var(--linha-forte); border-radius: 999px; font-size: 14px; font-weight: 800; color: var(--texto-2); }
.fr-n-passos__it--atual .fr-n-passos__n { background: var(--acento); border-color: var(--acento); color: var(--no-acento); }
.fr-n-passos__it--atual .fr-n-passos__rot { font-weight: 800; color: var(--texto); }
.fr-n-passos__it--feito .fr-n-passos__rot { color: var(--texto); }
.fr-n-passos__n--ok { border: 0; color: var(--pos); }
.fr-n-passos__n--ok .fr-ic { width: 26px; height: 26px; }
.fr-n-ind__cel { display: none; margin: 0; font-size: 15px; font-weight: 800; color: var(--texto); }
.fr-n-barras { display: none; gap: 6px; }
.fr-n-barra { flex: 1 1 0; height: 4px; border-radius: 4px; background: var(--linha-forte); }
.fr-n-barra--feita { background: var(--pos); }
.fr-n-barra--atual { background: var(--acento); }
.fr-n-resumos { display: flex; flex-direction: column; gap: 6px; }
.fr-n-res { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 10px; padding: 4px 4px 4px 12px; border-radius: 12px; background: var(--cartao-2); font-size: 14px; line-height: 1.4; color: var(--texto-2); }
.fr-n-res__txt { flex: 1 1 220px; min-width: 0; padding: 6px 0; overflow-wrap: anywhere; }
.fr-n-res__val { font-weight: 600; color: var(--texto); }
.fr-n-res .fr-link { font-size: 15px; }
.fr-n-passo { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.fr-n-passo[hidden] { display: none; }
.fr-n-passo__tit { margin: 0; font-size: 20px; font-weight: 800; line-height: 1.25; color: var(--texto); }
.fr-n-passo__tit:focus:not(:focus-visible) { outline: none; }
.fr-n-passo__tit + .fr-dica { margin-top: -12px; font-size: 15px; color: var(--texto-2); }
.fr-n-passo > .fr-nota, .fr-n-falha .fr-nota { margin-top: 0; }
.fr-n-nav--volta { display: flex; }
.fr-n-st { min-height: 20px; }
.fr-n-fixo { position: sticky; bottom: 0; z-index: 2; display: flex; flex-direction: column; gap: 8px; margin: 0 -24px; padding: 12px 24px calc(12px + var(--safe-b, 0px)); border-top: 1px solid var(--linha); background: var(--fundo); }
.fr-n-fixo > .fr-gaveta__acoes { padding-top: 0; }
.fr-n-grupo { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.fr-n-grupo__tit { margin: 0; font-size: 15px; font-weight: 800; color: var(--texto-2); }
.fr-n-cards { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.fr-n-cards__li { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.fr-n-card { display: flex; flex-direction: column; align-items: stretch; gap: 3px; width: 100%; min-height: 44px; padding: 12px 14px; border: 1px solid var(--linha); border-radius: 14px; background: var(--cartao); color: var(--texto); font-size: 15px; line-height: 1.4; text-align: left; }
.fr-n-card:hover { border-color: var(--linha-forte); }
.fr-n-card[aria-pressed="true"] { padding: 11px 13px; border: 2px solid var(--acento); background: var(--acento-suave); }
.fr-n-card__l1 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; min-width: 0; }
.fr-n-card__tit { margin-right: auto; font-size: 16px; font-weight: 800; overflow-wrap: anywhere; }
.fr-n-card__esc { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 800; color: var(--acento); }
.fr-n-card__esc .fr-ic { width: 16px; height: 16px; }
.fr-n-card__l { display: block; font-size: 14px; color: var(--texto-2); overflow-wrap: anywhere; }
.fr-n-card[aria-pressed="true"] .fr-n-card__l { color: var(--texto); }
.fr-n-al, .fr-n-alb { display: flex; align-items: flex-start; gap: 6px; min-width: 0; font-size: 14px; line-height: 1.4; color: var(--texto); overflow-wrap: anywhere; }
.fr-n-al .fr-ic, .fr-n-alb .fr-ic { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 2px; }
.fr-n-al--neg .fr-ic, .fr-n-al--neg b, .fr-n-alb--neg .fr-ic, .fr-n-alb--neg b { color: var(--neg); }
.fr-n-al--aviso .fr-ic, .fr-n-al--aviso b, .fr-n-alb--aviso .fr-ic, .fr-n-alb--aviso b { color: var(--aviso); }
.fr-n-alb--neutro .fr-ic, .fr-n-alb--neutro b { color: var(--texto-2); }
.fr-n-trocas { display: flex; flex-wrap: wrap; gap: 0 16px; padding: 0 4px; }
.fr-n-lista { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--linha-forte); border-radius: 14px; background: var(--cartao); }
.fr-n-lista__tit { margin: 0; font-size: 15px; font-weight: 800; color: var(--texto); }
.fr-n-lista__ul { display: flex; flex-direction: column; gap: 6px; margin: 0; padding: 0; list-style: none; }
.fr-n-op { display: flex; flex-direction: column; align-items: stretch; gap: 2px; width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--linha); border-radius: 12px; background: var(--cartao); color: var(--texto); font-size: 14px; line-height: 1.4; text-align: left; }
.fr-n-op:hover { border-color: var(--linha-forte); }
.fr-n-op[aria-pressed="true"] { padding: 9px 11px; border: 2px solid var(--acento); background: var(--acento-suave); }
.fr-n-op__l1 { font-size: 15px; overflow-wrap: anywhere; }
.fr-n-op__l { color: var(--texto-2); overflow-wrap: anywhere; }
.fr-n-op[aria-pressed="true"] .fr-n-op__l { color: var(--texto); }
.fr-n-sit { display: flex; align-items: flex-start; gap: 5px; font-weight: 700; overflow-wrap: anywhere; }
.fr-n-sit .fr-ic { flex: 0 0 15px; width: 15px; height: 15px; margin-top: 2px; }
.fr-n-sit--pos { color: var(--pos); }
.fr-n-sit--aviso { color: var(--aviso); }
.fr-n-sit--neg { color: var(--neg); }
.fr-n-sit--neutro { color: var(--texto-2); }
.fr-n-antes { padding: 18px 20px; }
.fr-n-antes .fr-cartao__cab { margin-bottom: 8px; }
.fr-n-antes .fr-cartao__sub { font-size: 15px; font-weight: 800; color: var(--texto); }
.fr-n-antes__corpo { display: flex; flex-direction: column; gap: 12px; }
.fr-n-antes__corpo > .fr-nota { margin-top: 0; }
.fr-n-antes__l1 { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-size: 15px; line-height: 1.4; color: var(--texto-2); }
.fr-n-antes__l1 .fr-ic { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; }
.fr-n-als { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.fr-n-als > li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.fr-n-alb { flex: 1 1 240px; font-size: 15px; }
.fr-n-recalc { min-height: 44px; padding: 0 14px; font-size: 15px; }
.fr-n-nada { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 15px; font-weight: 700; color: var(--pos); }
.fr-n-nada .fr-ic { width: 18px; height: 18px; }
.fr-n-cb__vazio { padding: 8px 10px 4px; font-size: 14px; color: var(--texto-2); }
@media (max-width: 599px) {
  .fr-n-passos { display: none; }
  .fr-n-ind__cel { display: block; }
  .fr-n-barras { display: flex; }
  .fr-n-card { padding: 12px; }
  .fr-n-card[aria-pressed="true"] { padding: 11px; }
  .fr-n-lista { padding: 10px; }
  .fr-n-nav { flex-direction: column; }
  .fr-n-fixo { margin: 0 -16px; padding-inline: 16px; }
  .fr-n-nav .fr-btn { width: 100%; }
  .fr-n-antes { padding: 16px; }
  .fr-n-als > li > .fr-btn { width: 100%; }
}






.fr-calc__campos.fr-c5-passos { gap: 0; }
.fr-c5-passo { display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 22px 0; border-top: 1px solid var(--linha); }
.fr-c5-passos > .fr-c5-passo:first-child { padding-top: 6px; border-top: 0; }
.fr-c5-passos > .fr-mais { margin-top: 4px; }
.fr-c5-passo > .fr-dist { margin-top: -10px; }
.fr-c5-passo .fr-inp-un { max-width: 280px; }
.fr-c5-tit { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -.005em; color: var(--texto); }
.fr-c5-n { display: inline-grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 2px solid var(--linha-forte); border-radius: 999px; font-size: 15px; font-weight: 800; line-height: 1; letter-spacing: 0; color: var(--texto); }
.fr-c5-volta { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.fr-c5-volta > .fr-nota { margin-top: 0; }
.fr-c5-tab { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fr-c5-tab > .fr-campo__rot { margin: 0 0 2px; }
.fr-c5-tab__val { margin: 0; font-size: 17px; font-weight: 600; color: var(--texto); overflow-wrap: anywhere; }
.fr-c5-tab__val b { font-weight: 800; }
.fr-c5-tab > .fr-link { align-self: flex-start; }

.fr-c5-res { padding-top: 22px; }
.fr-c5-res > .fr-c5-passo:first-child { padding-top: 0; border-top: 0; }
.fr-c5-res > .fr-c5-passo:last-of-type { padding-bottom: 18px; }
.fr-c5-total { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fr-c5-total .fr-calc-res__valor { margin-top: 0; }
.fr-c5-arred { margin: 0; font-size: 14px; color: var(--texto-2); }
.fr-c5-passo > .fr-nota, .fr-c5-passo > #fr-calc-ped-aviso > .fr-nota { margin-top: 0; }
.fr-c5-passo > .fr-cr-conta { margin-top: -6px; }
.fr-c5-conta-cx { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.fr-c5-conta { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 12px 14px; border-radius: 12px; background: var(--cartao-2); }
.fr-c5-conta > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 15px; color: var(--texto-2); }
.fr-c5-conta dt { min-width: 0; font-weight: 600; color: var(--texto); }
.fr-c5-conta dt small { display: block; font-size: 14px; font-weight: 500; color: var(--texto-2); }
.fr-c5-conta dd { margin: 0; white-space: nowrap; font-weight: 700; color: var(--texto); }
.fr-c5-conta > .fr-cr-comp__tot { padding-top: 8px; border-top: 1px solid var(--linha-forte); }
.fr-c5-conta > .fr-cr-comp__tot dt { font-weight: 800; }
.fr-c5-passo > .fr-cr-comp { margin-top: -6px; }
.fr-c5-passo > .fr-calc-res__nota { margin-top: -6px; }
.fr-c5-passo > .fr-antt { margin: 0; }


.paginas:has(> #pg-fr-calc.ativa .fr-c5) { overflow-x: clip; }

html:has(#pg-fr-calc.ativa .fr-c5) { scroll-padding-top: calc(var(--appbar, 56px) + var(--safe-t, 0px) + 16px); scroll-padding-bottom: calc(56px + var(--safe-b, 0px) + 16px); }
@container fr (min-width: 901px) {
  .fr-c5 > .fr-c5-res { position: sticky; top: calc(var(--appbar, 56px) + var(--safe-t, 0px) + 16px); max-height: calc(100vh - var(--appbar, 56px) - var(--safe-t, 0px) - 32px);
    overflow-y: auto; scrollbar-width: thin; scroll-padding-bottom: 104px; }
  .fr-c5 > .fr-c5-res > .fr-calc-res__acao { position: sticky; bottom: -24px; z-index: 1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 12px;
    margin: 0 -24px -24px; padding: 12px 24px 18px; border-top: 1px solid var(--linha); background: var(--cartao); }
  .fr-c5 > .fr-c5-res > .fr-calc-res__acao > .fr-btn--largo { flex: 1 1 200px; width: auto; }
  .fr-c5 > .fr-c5-res > .fr-calc-res__acao > :not(.fr-btn):not(.fr-calc-res__links) { flex: 1 0 100%; }
  .fr-c5 > .fr-c5-res > .fr-calc-res__acao > .fr-dica-desab { order: 3; }
}




.fr-p-cli { display: flex; flex-direction: column; gap: 10px; margin-top: 2px; padding-top: 12px; border-top: 1px solid var(--linha); min-width: 0; }
.fr-p-resumo { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 15px; color: var(--texto-2); overflow-wrap: anywhere; }
.fr-p-resumo b { color: var(--texto); font-weight: 700; }
.fr-p-falta { font-size: 17px; font-weight: 800; color: var(--texto); }
.fr-p-tudo { display: inline-flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 800; color: var(--texto); }
.fr-p-tudo .fr-ic { width: 18px; height: 18px; color: var(--pos); }
.fr-p-lista { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fr-p-item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 10px 12px; border-radius: 12px; background: var(--cartao-2); border: 1px solid var(--linha); min-width: 0; }
.fr-p-item__txt { flex: 1 1 220px; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 15px; color: var(--texto); overflow-wrap: anywhere; }
.fr-p-item__txt b { font-weight: 700; }
.fr-p-item__sub { font-size: 14px; color: var(--texto-2); }
.fr-p-item--cancelado .fr-p-item__txt > span:first-child { color: var(--texto-2); text-decoration: line-through; }
.fr-p-item .fr-btn { flex: none; }
.fr-p-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
@container fr (max-width: 600px) {
  .fr-p-item .fr-btn { flex: 1 1 100%; justify-content: center; }
  .fr-p-acoes .fr-btn { flex: 1 1 100%; justify-content: center; }
  
  .fr-p-item .fr-btn, .fr-p-acoes .fr-btn { min-width: 0; white-space: normal; text-align: center; }
}


.fr-q-dest { display: flex; flex-direction: column; gap: 6px; }
.fr-q-dest__tit { font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: var(--texto); }
.fr-q-dest__num { font-size: 36px; font-weight: 800; line-height: 1.15; letter-spacing: -.02em; color: var(--texto); margin-top: 4px; overflow-wrap: anywhere; }
.fr-q-dest__un { font-size: 22px; font-weight: 700; color: var(--texto-2); margin-left: 2px; }
.fr-q-dest__rot { font-size: 15px; color: var(--texto-2); }
.fr-q-dest__apoio { font-size: 15px; color: var(--texto-2); }
.fr-q-dest__apoio b { color: var(--texto); font-weight: 700; }
.fr-q-dest__frase { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--linha); font-size: 16px; color: var(--texto); }
.fr-q-var { display: inline-flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 600; color: var(--texto-2); }
.fr-q-var .fr-ic { width: 18px; height: 18px; flex: none; }
.fr-q-var--pos { color: var(--pos); }
.fr-q-var--neg { color: var(--neg); }
.fr-q-var--neutro { color: var(--texto-2); }
.fr-q-apoio { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.fr-q-apoio__item { display: flex; flex-direction: column; gap: 2px; padding: 14px 18px; border-radius: 16px; background: var(--cartao); border: 1px solid var(--linha); min-width: 0; }
.fr-q-apoio__num { font-size: 24px; font-weight: 800; line-height: 1.2; letter-spacing: -.015em; color: var(--texto); overflow-wrap: anywhere; }
.fr-q-apoio__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fr-q-apoio__rot { font-size: 15px; color: var(--texto-2); }
.fr-q-apoio .fr-q-var { font-size: 14px; }
.fr-q-apoio .fr-q-var .fr-ic { width: 16px; height: 16px; }
.fr-q-duo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }

.fr-q-comp { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; margin-bottom: 14px; }
.fr-q-rosca { position: relative; width: 180px; height: 180px; flex: none; }
.fr-q-rosca__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.fr-q-arco { fill: none; stroke-width: 14; stroke: var(--q-cor); }
.fr-q-rosca__centro { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
.fr-q-rosca__centro strong { font-size: 18px; font-weight: 800; line-height: 1.2; color: var(--texto); white-space: nowrap; }
.fr-q-rosca__centro--longo strong { font-size: 15px; }
.fr-q-rosca__centro span { font-size: 13px; color: var(--texto-2); }
.fr-q--combustivel { --q-cor: var(--cat-frota); }
.fr-q--pedagio { --q-cor: var(--cat-fixo); }
.fr-q--motorista { --q-cor: var(--cat-pessoal); }
.fr-q--manut-viagem { --q-cor: var(--cat-imposto); }
.fr-q--manut-fora { --q-cor: var(--cat-financeiro); }
.fr-q--outros { --q-cor: var(--cat-outro); }
.fr-q-leg { flex: 1 1 220px; display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.fr-q-leg__it { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; font-size: 15px; min-width: 0; }
.fr-q-leg__cor { display: inline-block; width: 12px; height: 12px; border-radius: 3px; background: var(--q-cor); flex: none; }
.fr-q-leg__rot { font-weight: 600; color: var(--texto); min-width: 0; }
.fr-q-leg__val { margin-left: auto; color: var(--texto); white-space: nowrap; }
.fr-q-itens { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.fr-q-itens__tit { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--texto); }
.fr-q-itens__tit .fr-num { margin-left: auto; }
.fr-q-itens__lista { margin: 6px 0 0 20px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.fr-q-itens__lista li { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--texto-2); }
.fr-q-itens__lista li .fr-num { color: var(--texto); white-space: nowrap; }
.fr-q-pe { margin-top: 12px; font-size: 14px; color: var(--texto-2); line-height: 1.45; }

.fr-q-evo { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; align-items: start; }
.fr-q-evo__y { position: relative; height: 200px; min-width: 64px; }
.fr-q-evo__y span { position: absolute; right: 0; transform: translateY(-50%); font-size: 13px; color: var(--graf-texto); white-space: nowrap; font-variant-numeric: tabular-nums; }
.fr-q-evo__y1 { top: 5%; }
.fr-q-evo__y2 { top: 50%; }
.fr-q-evo__y3 { top: 95%; }
.fr-q-evo__area { min-width: 0; }
.fr-q-evo__svg { display: block; width: 100%; height: 200px; overflow: visible; }
.fr-q-grade { stroke: var(--graf-grade); stroke-width: 1; }
.fr-q-lin { fill: none; stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.fr-q-lin--tot { stroke: var(--graf-serie); }
.fr-q-lin--via { stroke: var(--graf-neutro); stroke-dasharray: 5 5; }
.fr-q-pt { fill: none; stroke: var(--graf-serie); stroke-width: 8; stroke-linecap: round; }
.fr-q-pt--mes { stroke: var(--graf-destaque); stroke-width: 11; }
.fr-q-evo__x { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); margin: 6px 0 0; padding: 0; list-style: none; }
.fr-q-evo__x li { font-size: 13px; color: var(--graf-texto); text-align: center; white-space: nowrap; }

.fr-q-evo__x li:not(:nth-child(2n)) { visibility: hidden; }
.fr-q-evo__leg { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 12px 0 14px; padding: 0; list-style: none; }
.fr-q-evo__leg li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--texto-2); }
.fr-q-traco { display: inline-block; width: 24px; height: 0; border-top: 3px solid var(--graf-serie); }
.fr-q-traco--via { border-top-style: dashed; border-top-color: var(--graf-neutro); }

.fr-q-evo-espera { display: flex; flex-direction: column; justify-content: center; gap: 12px; min-height: 248px; padding: 0 4px; font-size: 15px; color: var(--texto-2); }
.fr-q-evo-espera__barra { display: block; height: 160px; border-radius: 12px; background: var(--cartao-2); border: 1px dashed var(--linha); }
.fr-q-evo-espera--erro .fr-nota { margin-top: 0; }
.fr-q-evo-espera:focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; border-radius: 12px; }

.fr-q-tab-caixa { overflow-x: auto; min-width: 0; }
.fr-q-tab { width: 100%; border-collapse: collapse; font-size: 15px; }
.fr-q-tab th, .fr-q-tab td { padding: 10px 8px; border-bottom: 1px solid var(--linha); text-align: left; vertical-align: middle; color: var(--texto); }
.fr-q-tab thead th { font-size: 14px; font-weight: 700; color: var(--texto-2); white-space: nowrap; }
.fr-q-tab tbody th { font-weight: 600; }
.fr-q-tab .fr-q-n { text-align: right; white-space: nowrap; }
.fr-q-tab tfoot th, .fr-q-tab tfoot td { font-weight: 800; border-top: 2px solid var(--linha-forte); border-bottom: 0; }
.fr-q-tab tr[tabindex]:focus-visible { outline: 3px solid var(--foco); outline-offset: -3px; }
.fr-q-rota { font-weight: 700; margin-right: 6px; }
.fr-q-selo { margin: 2px 6px 2px 0; }
.fr-q-m { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; white-space: nowrap; }
.fr-q-m .fr-ic { width: 16px; height: 16px; flex: none; }
.fr-q-m--pos { color: var(--pos); }
.fr-q-m--neg { color: var(--neg); }
.fr-q-m--neutro { color: var(--texto-2); }
.fr-q-tab small, .fr-q-card small { font-size: 13px; color: var(--texto-2); font-weight: 600; }
.fr-q-cards { display: none; margin: 0; padding: 0; list-style: none; }
.fr-q-card { padding: 14px; border-radius: 14px; background: var(--cartao-2); border: 1px solid var(--linha); min-width: 0; }
.fr-q-card:focus-visible { outline: 3px solid var(--foco); outline-offset: 2px; }
.fr-q-card--total { border-top: 2px solid var(--linha-forte); }
.fr-q-card__tit { font-size: 16px; font-weight: 800; color: var(--texto); overflow-wrap: anywhere; }
.fr-q-card__l { font-size: 15px; color: var(--texto-2); margin-top: 2px; overflow-wrap: anywhere; }
.fr-q-card__selos { margin-top: 6px; }
.fr-q-mais { margin-top: 12px; }
.fr-q-rotas .fr-cartao__dir .fr-campo { margin: 0; }
@container fr (max-width: 900px) {
  .fr-q-dest__num { font-size: 28px; }
  .fr-q-dest__un { font-size: 19px; }
  .fr-q-duo { grid-template-columns: minmax(0, 1fr); }
  .fr-q-apoio { display: flex; gap: 8px; }
  .fr-q-apoio__item { flex-direction: row; align-items: center; gap: 12px; padding: 12px 14px; }
  .fr-q-apoio__num { font-size: 22px; flex: none; white-space: nowrap; }
  .fr-q-apoio__txt { margin-left: auto; text-align: right; align-items: flex-end; }
}
@container fr (max-width: 600px) {
  .fr-q-rotas-tab { display: none; }
  .fr-q-cards { display: flex; flex-direction: column; gap: 10px; }
  .fr-q-comp { flex-direction: column; align-items: stretch; }
  .fr-q-rosca { width: 160px; height: 160px; align-self: center; }
  .fr-q-leg { flex-basis: auto; }
  .fr-q-evo__y, .fr-q-evo__svg { height: 160px; }
  .fr-q-evo__x li:nth-child(n) { visibility: hidden; }
  .fr-q-evo__x li:nth-child(3n) { visibility: visible; }
  .fr-q-rosca__centro strong { font-size: 16px; }
  .fr-q-rosca__centro--longo strong { font-size: 14px; }
  .fr-q-rotas .fr-seg { display: flex; }
  .fr-q-rotas .fr-seg__op { flex: 1 1 auto; white-space: normal; text-align: center; }
  .fr-q-mais .fr-btn { width: 100%; justify-content: center; }
}