/* ==========================================================================
   Fluxos principais: Fechar caixa (loja) e Detalhe do caixa (conferente).
   Gerado dos mockups aprovados (loja-fechar-caixa.html, detalhe-caixa.html);
   escopo: .fx (telas) e .fxm (conteúdo dos modais). Só tokens do tema.
   ========================================================================== */
.fx, .fxm {
  --fx-verde: var(--accent); --fx-acao: var(--gp-green-cta);
  --fx-ok: var(--st-ok); --fx-okbg: var(--st-ok-bg); --fx-warn: var(--st-wait); --fx-warnbg: var(--st-wait-bg);
  --fx-bad: var(--st-inv); --fx-badbg: var(--st-inv-bg); --fx-ia: var(--violeta); --fx-iabg: var(--violeta-bg);
  --fx-reab: var(--laranja); --fx-reabbg: var(--laranja-bg); --fx-info: var(--st-an); --fx-infobg: var(--st-an-bg);
}
.fx { container-type: inline-size; container-name: tela; --fx-gut: 30px; --fx-pb: 40px; --fx-top: 70px; }
@media (max-width: 1024px) { .fx { --fx-gut: 20px; --fx-pb: 20px; } }
@media (max-width: 768px) { .fx { --fx-gut: 14px; --fx-pb: 14px; --fx-top: 58px; } }
@media (max-width: 480px) { .fx { --fx-gut: 10px; --fx-pb: 12px; } }
.fx > * + * { margin-top: 14px; }
.fx > .navbar + .cabx { margin-top: 6px; }



.modal:has(.fxm) { position: relative; max-width: 560px; padding: 22px 24px 20px; }
.modal:has(.fxm.larga) { max-width: 920px; }
.modal:has(.fxm) #modal-title { font: 600 18px "Poppins", sans-serif; margin: 0 40px 4px 0; }
.modal:has(.fxm) .modal-footer { display: none; }
@media (max-width: 768px) {
  .modal:has(.fxm) { padding: 6px 16px 20px; max-height: 94vh; }
  .modal:has(.fxm)::before { content: ""; display: block; width: 40px; height: 4px; border-radius: 4px; background: var(--line); margin: 6px auto 12px; }
  .modal:has(.fxm) #modal-title { margin-bottom: 4px; }
}
.fx [hidden], .fxm [hidden] { display: none !important; }
.fx .fxi, .fxm .fxi { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.fx .tnum, .fxm .tnum { font-variant-numeric: tabular-nums; }
.fx .vlr, .fxm .vlr { font-variant-numeric: tabular-nums; font-weight: 600; }
.fx .mut, .fxm .mut { color: var(--muted); }
.fx .fa, .fxm .fa { color: var(--faint); }
.fx .sm, .fxm .sm { font-size: 13px; }
.fx .cor-ok, .fxm .cor-ok { color: var(--fx-ok); }
.fx .cor-warn, .fxm .cor-warn { color: var(--fx-warn); }
.fx .sr, .fxm .sr { position: absolute; left: -9999px; }
.fx .opc, .fxm .opc { font-weight: 400; color: var(--muted); }
.fx button, .fxm button, .fx a, .fxm a, .fx input, .fxm input, .fx select, .fxm select, .fx textarea, .fxm textarea, .fx summary, .fxm summary { font-family: inherit; }
.fx .acao, .fxm .acao { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 14px; border-radius: 10px; font: 600 13px "Inter", sans-serif; cursor: pointer; border: 1px solid var(--line); background: transparent; color: var(--ink); text-decoration: none; }
.fx .acao:hover:not(:disabled), .fxm .acao:hover:not(:disabled) { border-color: var(--fx-verde); }
.fx .acao:focus-visible, .fxm .acao:focus-visible, .fx .btn-prim:focus-visible, .fxm .btn-prim:focus-visible, .fx .btn-ok:focus-visible, .fxm .btn-ok:focus-visible, .fx button:focus-visible, .fxm button:focus-visible { outline: none; box-shadow: var(--focus); }
.fx .acao:disabled, .fxm .acao:disabled { opacity: .55; cursor: not-allowed; }
.fx .acao.peq, .fxm .acao.peq { height: 32px; padding: 0 11px; font-size: 12.5px; }
.fx .acao.prim, .fxm .acao.prim { background: var(--fx-acao); border-color: transparent; color: #1A1A18; }
.fx .acao.prim:hover:not(:disabled), .fxm .acao.prim:hover:not(:disabled) { background: #9BCB2E; }
.fx .acao.perigo, .fxm .acao.perigo { color: var(--fx-bad); }
.fx .acao.perigo:hover:not(:disabled), .fxm .acao.perigo:hover:not(:disabled) { border-color: var(--fx-bad); }
.fx .acao.cheio, .fxm .acao.cheio { width: 100%; justify-content: center; height: 44px; }
.fx .btn-prim, .fxm .btn-prim { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--fx-acao); color: #1A1A18; font: 600 14px "Inter", sans-serif; cursor: pointer; }
.fx .btn-prim:hover:not(:disabled), .fxm .btn-prim:hover:not(:disabled) { background: #9BCB2E; }
.fx .btn-prim[disabled], .fxm .btn-prim[disabled] { background: var(--surface-2); color: var(--muted); cursor: not-allowed; box-shadow: inset 0 0 0 1px var(--line); }
.fx .btn-prim.grande, .fxm .btn-prim.grande { height: 48px; font-size: 15px; }
.fx .btn-prim.perigo, .fxm .btn-prim.perigo { background: var(--fx-bad); color: #fff; }
.fx html[data-tema="escuro"] .btn-prim.perigo, .fxm html[data-tema="escuro"] .btn-prim.perigo { background: #D64545; }
.fx .btn-ok, .fxm .btn-ok { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; padding: 0 18px; border: 0; border-radius: 12px; background: var(--fx-acao); color: #1A1A18; font: 600 15px "Inter", sans-serif; cursor: pointer; width: 100%; }
.fx .btn-ok:hover, .fxm .btn-ok:hover { background: #9BCB2E; }
.fx .pill, .fxm .pill { display: inline-flex; align-items: center; gap: 6px; font: 600 12px "Inter", sans-serif; padding: 4px 11px 4px 9px; border-radius: 999px; white-space: nowrap; }
.fx .pill i, .fxm .pill i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.fx .pill.ok, .fxm .pill.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .pill.wait, .fxm .pill.wait { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .pill.an, .fxm .pill.an { background: var(--fx-infobg); color: var(--fx-info); }
.fx .pill.ia, .fxm .pill.ia { background: var(--fx-iabg); color: var(--fx-ia); }
.fx .pill.inv, .fxm .pill.inv { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .pill.reab, .fxm .pill.reab { background: var(--fx-reabbg); color: var(--fx-reab); }
.fx .sev, .fxm .sev { font: 600 12px "Inter", sans-serif; padding: 3px 10px; border-radius: 999px; display: inline-flex; gap: 6px; align-items: center; }
.fx .sev.crit, .fxm .sev.crit { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .sev.alerta, .fxm .sev.alerta { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .sev.info, .fxm .sev.info { background: var(--fx-infobg); color: var(--fx-info); }
.fx .res-linhas, .fxm .res-linhas { display: grid; font-size: 14px; }
.fx .res-linhas > div, .fxm .res-linhas > div { display: flex; justify-content: space-between; gap: 14px; padding: 9px 0; border-bottom: 1px solid var(--line); }
.fx .res-linhas > div:last-child, .fxm .res-linhas > div:last-child { border-bottom: 0; }
.fx .res-linhas .eq, .fxm .res-linhas .eq { font-weight: 600; }
.fx .res-linhas span:last-child, .fxm .res-linhas span:last-child { font-variant-numeric: tabular-nums; white-space: nowrap; }
.fx .res-linhas .op, .fxm .res-linhas .op { color: var(--faint); margin-right: 6px; }
.fx .campo label, .fxm .campo label, .fx .campo .lb, .fxm .campo .lb { display: block; font: 600 13px "Inter", sans-serif; margin-bottom: 6px; color: var(--ink); }
.fx .campo label i, .fxm .campo label i { color: var(--fx-bad); font-style: normal; }
.fx .campo small, .fxm .campo small { display: block; font-size: 12.5px; color: var(--muted); margin-top: 6px; line-height: 1.45; }
.fx .campo .aviso-txt, .fxm .campo .aviso-txt { color: var(--fx-warn); }
.fx .campo input:not([type=radio]):not([type=checkbox]):not([type=file]), .fxm .campo input:not([type=radio]):not([type=checkbox]):not([type=file]), .fx .campo select, .fxm .campo select, .fx .campo textarea, .fxm .campo textarea { width: 100%; height: 42px; border: 1px solid var(--line); background: var(--campo); color: var(--ink); border-radius: 12px; font: 500 14px "Inter", sans-serif; padding: 0 14px; }
.fx .campo textarea, .fxm .campo textarea { height: auto; min-height: 84px; padding: 10px 14px; resize: vertical; line-height: 1.5; }
.fx .campo input:focus, .fxm .campo input:focus, .fx .campo select:focus, .fxm .campo select:focus, .fx .campo textarea:focus, .fxm .campo textarea:focus { outline: none; border-color: var(--fx-verde); box-shadow: var(--focus); }
.fx .campo input[disabled], .fxm .campo input[disabled] { background: var(--surface-2); color: var(--muted); }
.fx .campo input.dinheiro, .fxm .campo input.dinheiro { height: 56px; font: 700 24px "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.fx .campo input.dinheiro::placeholder, .fxm .campo input.dinheiro::placeholder { font-weight: 500; }
.fx .campo.erro input, .fxm .campo.erro input, .fx .campo.erro select, .fxm .campo.erro select, .fx .campo.erro textarea, .fxm .campo.erro textarea { border-color: var(--fx-bad); }
.fx .campo .msg, .fxm .campo .msg { display: none; color: var(--fx-bad); font-size: 12.5px; margin-top: 6px; }
.fx .campo.erro .msg, .fxm .campo.erro .msg { display: block; }
.fx .duas, .fxm .duas { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.fx .sw, .fxm .sw { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; cursor: pointer; }
.fx .sw b, .fxm .sw b { display: block; font: 600 13.5px "Inter", sans-serif; }
.fx .sw span, .fxm .sw span { font-size: 12.5px; color: var(--muted); }
.fx .sw input, .fxm .sw input { appearance: none; width: 44px; height: 26px; border-radius: 999px; background: var(--gray-300); position: relative; cursor: pointer; flex: none; border: 0; transition: background-color .15s; }
.fx .sw input::after, .fxm .sw input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: translate .15s; }
.fx .sw input:checked, .fxm .sw input:checked { background: var(--fx-acao); }
.fx .sw input:checked::after, .fxm .sw input:checked::after { translate: 18px 0; }
.fx .sw input:focus-visible, .fxm .sw input:focus-visible { outline: none; box-shadow: var(--focus); }
.fx .previa, .fxm .previa { display: flex; gap: 10px; align-items: flex-start; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; font-size: 13px; color: var(--muted); line-height: 1.5; }
.fx .previa b, .fxm .previa b { color: var(--ink); font-weight: 600; }
.fx .previa .q, .fxm .previa .q { display: grid; grid-template-columns: repeat(3, auto); gap: 4px 22px; margin-top: 6px; justify-content: start; }
.fx .previa .q span, .fxm .previa .q span { font-size: 12px; color: var(--muted); display: block; }
.fx .previa .q b, .fxm .previa .q b { font-variant-numeric: tabular-nums; font-size: 14px; }
.fx .mini, .fxm .mini { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; padding: 10px 12px; border-radius: 10px; line-height: 1.45; }
.fx .mini .fxi, .fxm .mini .fxi { margin-top: 2px; }
.fx .mini.ok, .fxm .mini.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .mini.warn, .fxm .mini.warn { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .mini.info, .fxm .mini.info { background: var(--surface-2); color: var(--muted); }
.fx .linha-it, .fxm .linha-it { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.fx .linha-it:last-child, .fxm .linha-it:last-child { border-bottom: 0; }
.fx .linha-it .d, .fxm .linha-it .d { flex: 1; min-width: 170px; }
.fx .linha-it .d b, .fxm .linha-it .d b { display: block; font-weight: 600; }
.fx .linha-it .d small, .fxm .linha-it .d small { color: var(--muted); font-size: 12.5px; }
.fx .linha-it.rev, .fxm .linha-it.rev { background: var(--fx-warnbg); padding: 11px 12px; border-radius: 12px; border-bottom: 0; margin-top: 4px; }
.fx .sub-rot, .fxm .sub-rot { font: 600 13px "Inter", sans-serif; color: var(--muted); margin: 0 0 6px; }
.fx .dif, .fxm .dif { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border-radius: 12px; font-size: 13.5px; margin-top: 12px; }
.fx .dif .t, .fxm .dif .t { display: flex; gap: 8px; align-items: center; }
.fx .dif .fxi, .fxm .dif .fxi { width: 18px; height: 18px; }
.fx .dif b, .fxm .dif b { font: 700 18px "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.fx .dif.ok, .fxm .dif.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .dif.warn, .fxm .dif.warn { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .dif.crit, .fxm .dif.crit { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .novo, .fxm .novo { border: 1px dashed var(--faint); border-radius: 14px; padding: 14px; display: grid; gap: 12px; margin-top: 10px; }
.fx .add, .fxm .add { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; margin-top: 8px; border: 1px dashed var(--faint); background: transparent; color: var(--ink); border-radius: 12px; font: 600 13.5px "Inter", sans-serif; cursor: pointer; }
.fx .add:hover, .fxm .add:hover { border-color: var(--fx-verde); }
.fx .anexar, .fxm .anexar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border: 1px dashed var(--faint); border-radius: 12px; background: var(--campo); }
.fx .anexar .x, .fxm .anexar .x { flex: 1; min-width: 140px; font-size: 13px; color: var(--muted); overflow-wrap: anywhere; }
.fx .anexar .x b, .fxm .anexar .x b { color: var(--ink); font-weight: 600; }
.fx .prog, .fxm .prog { height: 8px; border-radius: 99px; background: var(--line); box-shadow: inset 0 0 0 1px var(--faint); overflow: hidden; }
.fx .prog i, .fxm .prog i { display: block; height: 100%; background: var(--verde-txt); border-radius: 99px; }
.fx .esq, .fxm .esq { height: 76px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, var(--surface-2) 25%, var(--line) 50%, var(--surface-2) 75%); background-size: 200% 100%; animation: fxesq 1.4s linear infinite; }
@keyframes fxesq { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) {
.fx .esq, .fxm .esq { animation: none; }
}
.fx .chk, .fxm .chk { list-style: none; padding: 0; margin: 0; display: grid; }
.fx .chk li, .fxm .chk li, .fx .chk-l li, .fxm .chk-l li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; line-height: 1.4; }
.fx .chk li:last-child, .fxm .chk li:last-child, .fx .chk-l li:last-child, .fxm .chk-l li:last-child { border-bottom: 0; }
.fx .chk .i, .fxm .chk .i, .fx .chk-l .i, .fxm .chk-l .i { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex: none; margin-top: 1px; }
.fx .chk .i svg, .fxm .chk .i svg, .fx .chk-l .i svg, .fxm .chk-l .i svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.fx .chk .ok .i, .fxm .chk .ok .i, .fx .chk-l .ok .i, .fxm .chk-l .ok .i { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .chk .pend .i, .fxm .chk .pend .i, .fx .chk-l .pe .i, .fxm .chk-l .pe .i { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .chk-l .cr .i, .fxm .chk-l .cr .i { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .chk .t, .fxm .chk .t, .fx .chk-l .t, .fxm .chk-l .t { flex: 1; }
.fx .chk .t b, .fxm .chk .t b { display: block; font-weight: 600; }
.fx .chk .t small, .fxm .chk .t small, .fx .chk-l .t small, .fxm .chk-l .t small { display: block; color: var(--muted); font-size: 12.5px; }
.fx .chk .lk, .fxm .chk .lk, .fx .chk-l .lk, .fxm .chk-l .lk { border: 0; background: none; color: var(--verde-txt); font: 600 12.5px "Inter", sans-serif; cursor: pointer; min-height: 32px; padding: 0 4px; text-decoration: underline; text-underline-offset: 3px; }
.fx .linha-orig, .fxm .linha-orig { font: 12px/1.5 ui-monospace, Menlo, monospace; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; word-break: break-all; color: var(--muted); }
.fx .nota-peq, .fxm .nota-peq { font-size: 12.5px; margin-top: 10px; }
.fx .voltar { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px 0 6px; border: 0; background: none; color: var(--muted); font: 600 13.5px "Inter", sans-serif; cursor: pointer; border-radius: 10px; margin-left: -6px; }
.fx .voltar:hover { color: var(--ink); }
.fx .intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.fx .intro p { color: var(--muted); font-size: 14px; line-height: 1.5; max-width: 74ch; }
.fx .intro p b { color: var(--ink); font-weight: 600; }
.fx .chips { display: flex; gap: 10px; flex-wrap: wrap; }
.fx .chip { flex: 1 1 150px; min-width: 140px; display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 13px 16px 12px; border: 1px solid var(--line); background: var(--surface); border-radius: 14px; cursor: pointer; font: inherit; color: var(--ink); box-shadow: var(--shadow); transition: border-color .15s, background-color .15s; }
.fx .chip:hover { border-color: var(--fx-verde); }
.fx .chip .l { display: flex; align-items: center; gap: 7px; font: 600 12.5px "Inter", sans-serif; color: var(--muted); }
.fx .chip .d { width: 8px; height: 8px; border-radius: 50%; flex: none; }
.fx .chip .n { font: 700 26px/1.05 "Poppins", sans-serif; letter-spacing: -.01em; }
.fx .chip[aria-pressed="true"] { border-color: var(--fx-verde); background: var(--soft); box-shadow: inset 0 0 0 1px var(--fx-verde); }
.fx .chip[aria-pressed="true"] .l { color: var(--ink); }
.fx .kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; }
.fx .kpi { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--line); background: var(--surface); border-radius: 14px; box-shadow: var(--shadow); }
.fx .kpi .ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; flex: none; background: var(--soft); color: var(--verde-txt); }
.fx .kpi .ic .fxi { width: 19px; height: 19px; }
.fx .kpi .ic.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .kpi .ic.info { background: var(--fx-infobg); color: var(--fx-info); }
.fx .kpi .t { font: 600 12.5px "Inter", sans-serif; color: var(--muted); }
.fx .kpi .v { font: 700 22px/1.1 "Poppins", sans-serif; margin-top: 2px; }
.fx .kpi .s { font-size: 12px; color: var(--faint); margin-top: 2px; }
.fx .painel { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; }
.fx .ph { display: flex; align-items: center; justify-content: space-between; padding: 16px 22px; border-bottom: 1px solid var(--line); gap: 12px; flex-wrap: wrap; }
.fx .ph .t { font: 600 15px "Poppins", sans-serif; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.fx .ph .t span { font: 500 13px "Inter", sans-serif; color: var(--muted); }
.fx .ph .dica { flex-basis: 100%; font-size: 13px; color: var(--muted); margin-top: -4px; }
.fx .ph .dica:empty { display: none; }
.fx .pb { padding: 18px 22px; }
.fx .filtro-ativo { display: inline-flex; align-items: center; gap: 6px; font: 600 12.5px "Inter", sans-serif; color: var(--verde-txt); background: var(--soft); border-radius: 999px; padding: 4px 6px 4px 11px; }
.fx .filtro-ativo button { width: 20px; height: 20px; border-radius: 50%; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 14px; line-height: 1; }
.fx .limpar { height: 42px; padding: 0 16px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); border-radius: 12px; font: 600 13.5px "Inter", sans-serif; cursor: pointer; }
.fx .limpar:hover { color: var(--ink); border-color: var(--fx-verde); }
.fx .vazio { padding: 48px 20px; text-align: center; }
.fx .vazio h4 { font: 600 16px "Poppins", sans-serif; margin-bottom: 6px; }
.fx .vazio p { color: var(--muted); font-size: 14px; margin-bottom: 14px; }
.fx .rod { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 14px 22px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.fx table { width: 100%; border-collapse: collapse; }
.fx thead th { text-align: left; font: 600 12px "Inter", sans-serif; letter-spacing: 0; text-transform: none; color: var(--faint); padding: 11px 14px; border-bottom: 1px solid var(--line); background: transparent; white-space: nowrap; }
.fx th.r, .fx td.r { text-align: right; }
.fx tbody td { padding: 10px 14px; border-bottom: 1px solid var(--line); font-size: 14px; white-space: nowrap; vertical-align: middle; color: var(--ink); }
.fx tbody td:first-child, .fx thead th:first-child { padding-left: 22px; }
.fx tbody td:last-child, .fx thead th:last-child { padding-right: 22px; }
.fx tbody tr:last-child td { border-bottom: 0; }
.fx tr.lin { cursor: default; }
.fx tr.lin:hover { background: var(--surface-2); }
.fx tr.lin.alvo, .fx tr.alvo:hover { background: var(--fx-warnbg); }
.fx .dois b { display: block; font-weight: 600; }
.fx .dois small { font-size: 12px; color: var(--faint); white-space: nowrap; }
.fx .just { color: var(--muted); font-size: 12.5px; display: block; white-space: normal; max-width: 220px; }
.fx td.c-meio { white-space: normal; }
.fx .so-c, .fx .so-cel { display: none; }
.fx .aviso { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.fx .aviso .ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.fx .aviso .ic .fxi { width: 18px; height: 18px; }
.fx .aviso b { display: block; font: 600 14.5px "Poppins", sans-serif; }
.fx .aviso span.tx { font-size: 13px; color: var(--muted); }
.fx .aviso.warn { border-color: var(--b-warn); background: var(--fx-warnbg); }
.fx .aviso.warn .ic { background: var(--surface); color: var(--fx-warn); }
.fx .aviso.bad { border-color: var(--b-danger); background: var(--fx-badbg); }
.fx .aviso.bad .ic { background: var(--surface); color: var(--fx-bad); }
.fx details.pb-d > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 8px; min-height: 44px; font: 600 13.5px "Inter", sans-serif; color: var(--verde-txt); }
.fx details.pb-d > summary::-webkit-details-marker { display: none; }
.fx details.pb-d[open] > summary .fxi { rotate: 180deg; }
.fx details.pb-d > summary .fxi { transition: rotate .15s; }
.fx .fil { display: flex; gap: 6px; flex-wrap: wrap; }
.fx .fil button { min-height: 36px; padding: 0 14px; border: 1px solid var(--line); background: var(--surface); color: var(--muted); border-radius: 999px; font: 600 13px "Inter", sans-serif; cursor: pointer; font-variant-numeric: tabular-nums; }
.fx .fil button:hover { border-color: var(--fx-verde); color: var(--ink); }
.fx .fil button[aria-pressed="true"] { border-color: var(--fx-verde); background: var(--soft); color: var(--ink); box-shadow: inset 0 0 0 1px var(--fx-verde); }
.fx .grp-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 22px; background: var(--surface-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13px; }
.fx .grp-h b { font: 600 13.5px "Inter", sans-serif; }
.fx .grp-h span { color: var(--muted); font-variant-numeric: tabular-nums; }
.fx .grp-h:first-of-type { border-top: 0; }
.fx .grp-t .acao { height: 36px; }
.fx .grp-t td .pill { margin-right: 6px; }
.fx .cx-lista { display: grid; }
.fx .cx { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; gap: 6px 16px; align-items: center; padding: 16px 22px; border-bottom: 1px solid var(--line); }
.fx .cx:last-child { border-bottom: 0; }
.fx .cx .ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--surface-2); color: var(--muted); }
.fx .cx .ic .fxi { width: 20px; height: 20px; stroke-width: 1.8; }
.fx .cx.fazer .ic { background: var(--soft); color: var(--verde-txt); }
.fx .cx b { font: 600 15px "Poppins", sans-serif; display: block; }
.fx .cx small { font-size: 13px; color: var(--muted); }
.fx .cx .motivo { grid-column: 2 / -1; display: flex; gap: 10px; align-items: flex-start; background: var(--fx-reabbg); color: var(--ink); border-radius: 12px; padding: 10px 14px; font-size: 13px; line-height: 1.45; }
.fx .cx .motivo .fxi { color: var(--fx-reab); width: 18px; height: 18px; margin-top: 1px; }
.fx .cx .motivo b { font: 600 13px "Inter", sans-serif; display: inline; }
.fx .cx .motivo.neutro { background: var(--surface-2); color: var(--muted); }
.fx .cx .motivo.neutro .fxi { color: var(--muted); }
.fx .cx .progl { display: flex; align-items: center; gap: 10px; margin-top: 6px; max-width: 300px; }
.fx .cx .progl span { font-size: 12.5px; color: var(--muted); white-space: nowrap; }
.fx .cab { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.fx .cab .ic { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: var(--soft); color: var(--verde-txt); flex: none; }
.fx .cab .ic .fxi { width: 24px; height: 24px; stroke-width: 1.8; }
.fx .cab h4 { font: 700 20px "Poppins", sans-serif; }
.fx .cab p { font-size: 13.5px; color: var(--muted); margin-top: 2px; }
.fx .cab .meta { flex: 1; min-width: 180px; }
.fx .layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 18px; align-items: start; }
.fx .layout > .col > * + * { margin-top: 14px; }
.fx .layout .side-p { position: sticky; top: calc(var(--fx-top) + 74px); }
.fx [data-sec] { scroll-margin-top: calc(var(--fx-top) + 74px); }
.fx .passos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; position: sticky; top: var(--fx-top); z-index: 5; background: var(--bg); padding: 6px 0; margin-top: 8px; }
.fx .passo { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--ink); text-align: left; cursor: pointer; font: inherit; }
.fx .passo:hover { border-color: var(--fx-verde); }
.fx .passo .n { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex: none; font: 700 13px "Inter", sans-serif; background: var(--surface-2); color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); }
.fx .passo.feito .n { background: var(--fx-okbg); color: var(--fx-ok); box-shadow: none; }
.fx .passo .n svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.fx .passo b { display: block; font: 600 13.5px "Inter", sans-serif; }
.fx .passo small { font-size: 12px; color: var(--muted); }
.fx .sumario { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); overflow: hidden; }
.fx .sumario:empty { display: none; }
.fx .sumario .sh { padding: 18px 20px 14px; }
.fx .sumario .sh .k { font: 600 12.5px "Inter", sans-serif; color: var(--muted); }
.fx .sumario .sh .big { font: 700 34px/1.1 "Poppins", sans-serif; letter-spacing: -.02em; margin: 4px 0 10px; }
.fx .sumario .sh .big small { font: 500 14px "Inter", sans-serif; color: var(--muted); letter-spacing: 0; margin-left: 6px; }
.fx .sumario .sb { padding: 4px 20px 18px; }
.fx .sumario .btn-prim, .fx .sumario .acao { width: 100%; justify-content: center; }
.fx .sumario .acao { height: 44px; margin-top: 8px; }
.fx .sumario .nota-ia { font-size: 12.5px; color: var(--muted); margin-top: 12px; display: flex; gap: 6px; align-items: flex-start; line-height: 1.45; }
.fx .aceite { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid var(--line); border-radius: 12px; font-size: 13.5px; line-height: 1.5; cursor: pointer; margin: 6px 0 14px; background: var(--surface-2); }
.fx .aceite input { width: 24px; height: 24px; flex: none; margin-top: 1px; accent-color: var(--verde-txt); cursor: pointer; }
.fx .falta { font-size: 13px; color: var(--fx-warn); background: var(--fx-warnbg); border-radius: 10px; padding: 9px 12px; margin-bottom: 10px; line-height: 1.45; display: flex; gap: 8px; align-items: flex-start; }
.fx .falta .fxi { margin-top: 2px; }
.fx .falta.pronto { color: var(--fx-ok); background: var(--fx-okbg); }
.fx .barra-fixa { display: none; position: sticky; bottom: 0; z-index: 6; margin: 14px calc(-1 * var(--fx-gut)) calc(-1 * var(--fx-pb)); padding: 12px var(--fx-gut) 14px; background: var(--surface); border-top: 1px solid var(--line); box-shadow: 0 -8px 20px -12px rgba(0, 0, 0, .25); gap: 8px; }
.fx .barra-fixa:empty { display: none !important; }
.fx .barra-fixa .lin1 { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 14px; }
.fx .barra-fixa .lin1 b { font-variant-numeric: tabular-nums; }
.fx .barra-fixa .lin1 span { font-size: 12.5px; color: var(--muted); }
.fx .barra-fixa .cap { font-size: 12.5px; color: var(--muted); line-height: 1.4; }
.fx .barra-fixa .bts { display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px; }
.fx .barra-fixa .bts .acao, .fx .barra-fixa .bts .btn-prim, .fx .barra-fixa .bts .btn-ok { width: 100%; justify-content: center; height: 48px; font-size: 15px; }
.fx .barra-fixa .lin1.w, .fx .barra-fixa .lin1.o { justify-content: flex-start; align-items: center; gap: 8px; font-size: 13.5px; }
.fx .barra-fixa .lin1.w { color: var(--fx-warn); }
.fx .barra-fixa .lin1.o { color: var(--fx-ok); }
.fx .barra-fixa.pr .lin1 b { color: var(--fx-ok); }
.fx .ok-final { text-align: center; padding: 40px 24px 32px; }
.fx .ok-final .big-ic { width: 68px; height: 68px; border-radius: 50%; background: var(--fx-okbg); color: var(--fx-ok); display: grid; place-items: center; margin: 0 auto 16px; }
.fx .ok-final .big-ic .fxi { width: 34px; height: 34px; stroke-width: 2.4; }
.fx .ok-final h4 { font: 700 22px "Poppins", sans-serif; }
.fx .ok-final p { color: var(--muted); font-size: 14px; margin: 8px auto 0; max-width: 52ch; line-height: 1.55; }
.fx .prox { text-align: left; max-width: 460px; margin: 22px auto 0; display: grid; list-style: none; padding: 0; }
.fx .prox li { display: flex; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; align-items: flex-start; }
.fx .prox li:last-child { border-bottom: 0; }
.fx .prox .i { width: 24px; height: 24px; border-radius: 50%; flex: none; display: grid; place-items: center; font: 700 12px "Inter", sans-serif; background: var(--surface-2); color: var(--muted); box-shadow: inset 0 0 0 1px var(--line); }
.fx .prox .i.ok { background: var(--fx-okbg); color: var(--fx-ok); box-shadow: none; }
.fx .prox .i .fxi { width: 13px; height: 13px; stroke-width: 2.6; }
.fx .prox b { display: block; font-weight: 600; }
.fx .prox small { color: var(--muted); font-size: 12.5px; }
.fx .ok-final .bts { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 22px; }
.fx .navbar { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.fx .dia { display: flex; gap: 8px; }
.fx .dia button { min-height: 40px; padding: 0 14px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); border-radius: 10px; font: 600 13px "Inter", sans-serif; cursor: pointer; }
.fx .dia button:hover:not(:disabled) { border-color: var(--fx-verde); }
.fx .dia button:disabled { color: var(--faint); cursor: default; }
.fx .cabx { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; padding: 18px 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
.fx .cabx h4 { font: 700 21px "Poppins", sans-serif; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.fx .cabx .tagc { font: 600 12px "Inter", sans-serif; color: var(--muted); background: var(--fx-infobg); padding: 3px 10px; border-radius: 999px; }
.fx .cabx .sub { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13.5px; color: var(--muted); margin-top: 6px; }
.fx .cabx .sub b { color: var(--ink); font-weight: 600; }
.fx .cabx .m { flex: 1; min-width: 240px; }
.fx .anel { display: flex; align-items: center; gap: 12px; }
.fx .anel svg { width: 64px; height: 64px; flex: none; }
.fx .anel .trk { stroke: var(--line); }
.fx .anel .arc { stroke: var(--verde-txt); }
.fx .anel .n { font: 700 22px "Poppins", sans-serif; font-variant-numeric: tabular-nums; line-height: 1; }
.fx .anel .n small { font: 500 13px "Inter", sans-serif; color: var(--muted); }
.fx .anel .l { font-size: 12.5px; color: var(--muted); margin-top: 4px; max-width: 20ch; line-height: 1.35; }
.fx .pendb { display: flex; gap: 14px; align-items: flex-start; padding: 14px 18px; border: 1px solid var(--b-warn); background: var(--fx-warnbg); border-radius: 14px; }
.fx .pendb:empty { display: none; }
.fx .pendb.ok { border-color: transparent; background: var(--fx-okbg); }
.fx .pendb .ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; background: var(--surface); color: var(--fx-warn); }
.fx .pendb.ok .ic { color: var(--fx-ok); }
.fx .pendb .ic .fxi { width: 18px; height: 18px; }
.fx .pendb b { display: block; font: 600 14.5px "Poppins", sans-serif; }
.fx .pendb .tx { font-size: 13px; color: var(--muted); }
.fx .pendb .links { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.fx .pendb .links button { min-height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--b-warn); background: var(--surface); color: var(--ink); font: 600 13px "Inter", sans-serif; cursor: pointer; }
.fx .pendb .links button:hover { border-color: var(--fx-verde); }
.fx .abas { display: flex; gap: 6px; position: sticky; top: var(--fx-top); z-index: 5; background: var(--bg); padding: 6px 0; overflow-x: auto; scrollbar-width: none; margin-top: 8px; }
.fx .aba { flex: none; display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font: 600 13.5px "Inter", sans-serif; cursor: pointer; }
.fx .aba:hover { border-color: var(--fx-verde); }
.fx .aba .b { min-width: 22px; height: 22px; border-radius: 999px; display: inline-grid; place-items: center; padding: 0 6px; font: 700 12px "Inter", sans-serif; background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .aba .b.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .aba .b svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.fx .side-p { display: grid; gap: 14px; }
.fx .er th { white-space: nowrap; }
.fx .er td.dif { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; margin: 0; padding: 10px 14px; border-radius: 0; display: table-cell; }
.fx .tdf { display: inline-flex; align-items: center; gap: 6px; font: 600 13px "Inter", sans-serif; padding: 3px 10px; border-radius: 999px; }
.fx .tdf .fxi { width: 13px; height: 13px; stroke-width: 2.4; }
.fx .tdf.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .tdf.warn { background: var(--fx-warnbg); color: var(--fx-warn); }
.fx .tdf.crit { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .al-g { border-top: 1px solid var(--line); }
.fx .al-h { display: flex; align-items: center; gap: 10px; padding: 13px 22px 6px; flex-wrap: wrap; }
.fx .al-h b { font: 600 14px "Inter", sans-serif; flex: 1; min-width: 180px; }
.fx .al-h small { color: var(--muted); font-size: 12.5px; }
.fx .al-i { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 6px 22px 14px; }
.fx .al-i .tx { flex: 1; min-width: 220px; font-size: 13.5px; line-height: 1.5; }
.fx .al-i .tx em { display: block; margin-top: 4px; font-style: normal; font-size: 12.5px; color: var(--fx-ok); }
.fx .al-i .bt { display: flex; gap: 8px; flex-wrap: wrap; }
.fx .al-i.fechado .tx { color: var(--muted); }
.fx .chk-l { list-style: none; padding: 0; margin: 0; display: grid; }
.fx .doc { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); font-size: 13.5px; }
.fx .doc .fxi { width: 20px; height: 20px; stroke-width: 1.8; color: var(--muted); }
.fx .doc b { font-weight: 600; overflow-wrap: anywhere; }
.fx .doc small { color: var(--muted); display: block; font-size: 12.5px; }
.fx .doc .acao { margin-left: auto; }
.fx .obsl { padding: 12px 14px; border-left: 3px solid var(--fx-verde); background: var(--surface-2); border-radius: 0 12px 12px 0; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.fx .sumario .sb { display: grid; gap: 12px; }
.fx .sumario .bts { display: grid; gap: 8px; }
.fx .sumario .campo textarea { min-height: 90px; }
.fx .sumario .sb > .falta, .fx .sumario .sb > .acoes { }
.fx .sumario .acoes { display: grid; }
.fx .sumario.ia { padding: 16px 20px; }
.fx .ia .h { display: flex; gap: 10px; align-items: flex-start; }
.fx .ia .h .ic { width: 32px; height: 32px; border-radius: 10px; background: var(--fx-iabg); color: var(--fx-ia); display: grid; place-items: center; flex: none; }
.fx .ia .h .ic .fxi { width: 17px; height: 17px; }
.fx .ia .h .ic.erro { background: var(--fx-badbg); color: var(--fx-bad); }
.fx .ia .h b { font: 600 14px "Poppins", sans-serif; display: block; }
.fx .ia .h small { font-size: 12.5px; color: var(--muted); }
.fx .ia .ap { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 13px; line-height: 1.5; }
.fx .ia .ap p { color: var(--muted); margin: 4px 0 8px; }
.fx .ia .ap .bt { display: flex; gap: 8px; }
.fx .ia .ap .ok-t { font-size: 12.5px; color: var(--fx-ok); font-weight: 600; }
.fx .estado-fim { padding: 14px 18px; border-radius: 14px; display: flex; gap: 12px; align-items: center; font-size: 14px; flex-wrap: wrap; }
.fx .estado-fim.ok { background: var(--fx-okbg); color: var(--fx-ok); }
.fx .estado-fim .fxi { width: 22px; height: 22px; stroke-width: 2.2; }
.fx .estado-fim .sm { font-size: 13px; }
.fx .estado-fim .acao { margin-left: auto; color: var(--ink); }
.fx ol.hist { list-style: none; padding: 0; margin: 0; display: grid; }
.fx ol.hist li { display: flex; gap: 14px; padding: 8px 0; border-bottom: 1px solid var(--line); font-size: 13.5px; }
.fx ol.hist li:last-child { border-bottom: 0; }
.fx ol.hist .dt { color: var(--muted); min-width: 120px; }
.fx .painel:empty { display: none; }
@container tela (max-width: 1000px) {
.fx .layout { grid-template-columns: 1fr; }
.fx .layout .side-p { position: static; }
}
@container tela (max-width: 1100px) and (min-width: 761px) {
.fx .passo small { display: none; }
}
@container tela (max-width: 760px) {
.fx .so-c { display: block; }
.fx .so-cel { display: inline; }
.fx .chips { display: grid; grid-template-columns: repeat(2, 1fr); }
.fx .chip { min-width: 0; }
.fx .ph, .fx .pb { padding-left: 16px; padding-right: 16px; }
.fx .rod { padding: 12px 16px; }
.fx .intro .campo { width: 100%; }
.fx .cx { grid-template-columns: 44px minmax(0, 1fr) auto; padding: 14px 16px; }
.fx .cx .st { grid-column: 3; grid-row: 1; align-self: start; }
.fx .cx .bt { grid-column: 1 / -1; }
.fx .cx .bt .acao, .fx .cx .bt .btn-prim { width: 100%; justify-content: center; height: 46px; }
.fx .cx .motivo { grid-column: 1 / -1; }
.fx .duas { grid-template-columns: 1fr; }
.fx .campo input:not([type=radio]):not([type=checkbox]):not([type=file]), .fx .campo select { height: 48px; }
.fx .passos { display: flex; overflow-x: auto; margin: 0 calc(-1 * var(--fx-gut)); padding: 8px var(--fx-gut); border-bottom: 1px solid var(--line); scrollbar-width: none; gap: 6px; }
.fx .passo { flex: none; min-height: 44px; padding: 6px 12px 6px 8px; }
.fx .passo small { display: none; }
.fx .abas { margin: 0 calc(-1 * var(--fx-gut)); padding: 8px var(--fx-gut); border-bottom: 1px solid var(--line); }
.fx .aba { min-height: 44px; }
.fx .fil { width: 100%; }
.fx .fil button { flex: 1; min-height: 44px; }
.fx .grp-h { padding: 10px 16px; }
.fx thead { display: none; }
.fx table, .fx tbody, .fx tr, .fx td { display: block; }
.fx tr.lin { padding: 14px 16px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; }
.fx tbody td, .fx tbody td:first-child, .fx tbody td:last-child { padding: 0; border: 0; white-space: normal; }
.fx td.c-titulo { grid-column: 1; }
.fx td.c-direita { grid-column: 2; grid-row: 1; justify-self: end; text-align: right; }
.fx td.c-meio { grid-column: 1 / -1; }
.fx td.c-fim { grid-column: 1 / -1; text-align: left; margin-top: 4px; }
.fx td.so-desktop { display: none; }
.fx .er td.dif { padding: 0; }
.fx .grp-t td.c-fim .acao { width: 100%; justify-content: center; height: 46px; font-size: 14px; }
.fx .linha-it .acao { min-height: 44px; }
.fx .anexar .acao, .fx .add { width: 100%; justify-content: center; min-height: 46px; }
.fx .so-d { display: none; }
.fx .sumario .acoes { display: none; }
.fx .barra-fixa { display: grid; }
.fx .al-h, .fx .al-i { padding-left: 16px; padding-right: 16px; }
.fx .al-i .bt { width: 100%; }
.fx .al-i .bt .acao { flex: 1; justify-content: center; height: 46px; }
.fx .cabx { padding: 16px; }
.fx .cabx .anel { width: 100%; }
.fx .ok-final { padding: 28px 16px 24px; }
.fx .ok-final .bts .acao, .fx .ok-final .bts .btn-prim { width: 100%; justify-content: center; height: 48px; }
.fx .pendb .links button { min-height: 40px; }
.fx .doc { flex-wrap: wrap; }
.fx .dif { padding: 12px; }
.fx .campo input.dinheiro { height: 56px; }
.fx .navbar .dia { width: 100%; }
.fx .navbar .dia button { flex: 1; }
.fx ol.hist li { flex-direction: column; gap: 2px; }
}
@container tela (min-width: 761px) {
.fx .so-d { display: block; }
}
@container tela (min-width: 761px) {
.fx .kpis.so-d { display: grid; }
}
.fxm .msub { font-size: 13px; color: var(--muted); margin: 0 0 16px; padding-right: 36px; }
.fxm .fechar { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 10px; border: 0; background: transparent; color: var(--muted); cursor: pointer; font-size: 22px; line-height: 1; }
.fxm .fechar:hover { background: var(--surface-2); color: var(--ink); }
.fxm .mb { display: grid; gap: 16px; }
.fxm .mf { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; margin-top: 18px; border-top: 1px solid var(--line); }
.fxm .escolher { display: grid; gap: 10px; }
.fxm .escolher .acao { height: 52px; justify-content: center; font-size: 15px; width: 100%; }
.fxm .escolher .acao .fxi { width: 20px; height: 20px; }
.fxm .drop { border: 2px dashed var(--faint); border-radius: 14px; padding: 20px; text-align: center; color: var(--muted); font-size: 13.5px; background: var(--campo); }
.fxm .drop.over { border-color: var(--fx-verde); background: var(--soft); }
.fxm .drop b { display: block; color: var(--ink); font-weight: 600; margin-bottom: 4px; }
.fxm .campo.erro .drop { border-color: var(--fx-bad); }
.fxm .arq { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.fxm .arq .th { width: 56px; height: 56px; border-radius: 10px; flex: none; background: var(--surface-2); display: grid; place-items: center; color: var(--muted); overflow: hidden; border: 1px solid var(--line); }
.fxm .arq .th .fxi { width: 22px; height: 22px; stroke-width: 1.8; }
.fxm .arq .th img { width: 100%; height: 100%; object-fit: cover; }
.fxm .arq .n { flex: 1; min-width: 0; font-size: 13.5px; }
.fxm .arq .n b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fxm .arq .n small { color: var(--muted); font-size: 12.5px; }
.fxm .visu { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 0; margin: 0 -4px; }
.fxm .visu .foto { background: var(--surface-2); padding: 20px; display: grid; place-items: center; min-height: 340px; border-right: 1px solid var(--line); border-radius: 14px 0 0 14px; }
.fxm .visu .foto img { max-width: 100%; max-height: 420px; border-radius: 6px; box-shadow: 0 8px 24px -10px rgba(0, 0, 0, .45); display: block; }
.fxm .visu .foto-btn { border: 0; background: none; padding: 0; cursor: zoom-in; }
.fxm .pdf-ph { display: grid; gap: 10px; place-items: center; text-align: center; color: var(--muted); }
.fxm .pdf-ph .fxi { width: 44px; height: 44px; stroke-width: 1.5; }
.fxm .pdf-ph b { color: var(--ink); overflow-wrap: anywhere; font-size: 13px; }
.fxm .visu .dados { padding: 6px 4px 6px 22px; display: grid; gap: 14px; align-content: start; }
.fxm .cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.fxm .cmp > div { padding: 12px 14px; border: 1px solid var(--line); border-radius: 12px; }
.fxm .cmp small { display: block; font-size: 12px; color: var(--muted); }
.fxm .cmp b { font: 700 18px "Poppins", sans-serif; font-variant-numeric: tabular-nums; }
.fxm .cmp .x { border-color: var(--fx-bad); background: var(--fx-badbg); }
.fxm .visu .nav { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
@media (max-width: 768px) {
.fxm .mf { flex-direction: column-reverse; }
.fxm .mf .acao, .fxm .mf .btn-prim { width: 100%; justify-content: center; height: 48px; font-size: 15px; }
.fxm .duas { grid-template-columns: 1fr; }
.fxm .campo input:not([type=radio]):not([type=checkbox]):not([type=file]), .fxm .campo select { height: 48px; }
.fxm .sw { min-height: 56px; }
.fxm .sw input { width: 52px; height: 30px; }
.fxm .sw input::after { width: 24px; height: 24px; }
.fxm .sw input:checked::after { translate: 22px 0; }
.fxm .visu { grid-template-columns: 1fr; }
.fxm .visu .foto { min-height: 0; padding: 16px; border-right: 0; border-bottom: 1px solid var(--line); border-radius: 14px 14px 0 0; }
.fxm .visu .dados { padding: 16px 4px 0; }
.fxm .cmp b { font-size: 16px; }
.fxm .linha-it .acao { min-height: 44px; }
.fxm .anexar .acao { width: 100%; justify-content: center; min-height: 46px; }
}