/* Ajustes > Pixel (CAPI multi-clínica) · Clinello (14/10/2026). Prefixo px-
   21/10 noite (Dieter): redesenho pela hierarquia do uso. Conexão numa linha quando pronta; fases como lista (ligar na
   linha, valor e envios à vista); editor da fase como tabela legível (select nativo por baixo de um rótulo que não corta);
   barra de salvar fixa; páginas e histórico no fim. Campo = névoa sobre cartão; dentro do painel névoa, campo = cartão.
   Só tokens de marca.css: zero hex/rgba soltos, zero style= com cor (a largura das barras vem do dado). */
[hidden]{display:none!important}
.px{--campo:var(--nevoa);display:flex;flex-direction:column;gap:16px;min-width:0;color:var(--txt)}
.px .px-num{font-variant-numeric:tabular-nums}

/* ---------- cartão e cabeçalho ---------- */
.px-card{display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:24px;background:var(--cartao);min-width:0;box-sizing:border-box}
.px-cab{display:flex;align-items:center;gap:14px;min-width:0}
.px-cab-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.px-card h3{margin:0;display:flex;align-items:center;gap:6px;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.3;color:var(--tinta)}
.px-sub{margin:0;font-size:13.5px;line-height:1.5;color:var(--tx-3)}
.px-selo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--nevoa);color:var(--tinta)}
.px-con.ok .px-selo{background:var(--ok-claro);color:var(--ok)}
.px-con:not(.ok) .px-selo{background:var(--atencao-claro);color:var(--atencao)}
.px-teste-on{color:var(--atencao);font-weight:600}

/* ---------- botões ---------- */
.px .px-bt{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 18px;border-radius:14px;font-size:14px;line-height:1;white-space:nowrap;box-sizing:border-box;cursor:pointer;transition:background-color .15s,box-shadow .15s,opacity .15s}
.px .px-bt .ic{width:16px;height:16px}
.px .px-bt-p{min-height:40px;padding:0 14px;font-size:13.5px}
.px .px-bt-ic{width:40px;padding:0}
.px .btn-save.px-bt{color:var(--papel)!important}
.px .btn-ghost.px-bt:hover:not(:disabled){background:var(--nevoa)!important}
.px .px-bt:disabled{opacity:.45;cursor:default}
.px .btn-ghost.perigo{color:var(--erro)!important;box-shadow:inset 0 0 0 1px var(--erro)!important}

/* ---------- campos (parecem campo em qualquer fundo) ---------- */
.px-campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.px-lab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--tx-2)}
.px-lab i{font-style:normal;font-weight:500;color:var(--tx-4)}
.px-lab .ajq{margin-left:0}
.px-dica{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.45;color:var(--tx-4)}
.px-dica .ic{width:14px;height:14px}
.px-inp{width:100%;box-sizing:border-box;min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:var(--campo);color:var(--tinta);font:500 15px/1.4 var(--fonte);outline:0;box-shadow:inset 0 0 0 1px var(--linha);transition:box-shadow .15s}
.px-inp::placeholder{color:var(--tx-4);font-weight:400}
.px-inp:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--tx-4)}
.px-inp:focus,.px-inp:focus-visible{box-shadow:inset 0 0 0 1.5px var(--tinta);outline:0!important}
.px-inp:disabled{opacity:.6}
.px-grade{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.px-acoes{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.px-con-form{display:flex;flex-direction:column;gap:16px;padding-top:18px;border-top:1px solid var(--linha)}
.px-con-dica{max-width:620px}
.px-aviso{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:12px;background:var(--atencao-claro);color:var(--atencao);font-size:13.5px;font-weight:500}
.px-aviso .ic{width:16px;height:16px}

/* ---------- chips e pontos de estado ---------- */
.px-chip{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--nevoa);color:var(--tx-2);white-space:nowrap}
.px-chip.ok{background:var(--ok-claro);color:var(--ok)}
.px-chip.at{background:var(--atencao-claro);color:var(--atencao)}
.px-chip.er{background:var(--erro-claro);color:var(--erro)}
.px-chip.ok::before,.px-chip.at::before,.px-chip.er::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.px-pt{width:8px;height:8px;border-radius:50%;flex:none;background:var(--tx-4)}
.px-pt.sent{background:var(--ok)}
.px-pt.error{background:var(--erro)}
.px-pt.enviando{background:var(--atencao)}
.px-txt-erro{color:var(--erro)}

/* ---------- fases: lista ---------- */
.px-fases{display:flex;flex-direction:column;margin:0 -12px}
.px-fase{border-radius:18px;transition:background-color .15s}
.px-fase + .px-fase::before{content:"";display:block;height:1px;margin:0 16px;background:var(--linha)}
.px-fase.aberta::before,.px-fase.aberta + .px-fase::before{visibility:hidden}
.px-fase.aberta{background:var(--nevoa);--campo:var(--cartao)}
.px-fase-linha{display:flex;align-items:stretch;min-width:0}
.px-liga{flex:none;width:52px;display:grid;place-items:center;cursor:pointer}
.px-liga input{width:20px;height:20px;margin:0;accent-color:var(--tinta);cursor:pointer}
.px-liga input:disabled{cursor:default}
.px-fase-abre{flex:1;min-width:0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.3fr) minmax(0,1.4fr) 20px;align-items:center;gap:16px;padding:14px 16px 14px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:0 18px 18px 0}
.px-fase:not(.aberta) .px-fase-linha:hover{background:var(--hover);border-radius:18px}
.px-fase-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.px-fase-nome{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--tinta);letter-spacing:-.01em}
.px-fase.mudou .px-fase-nome::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--atencao)}
.px-fase-ev{font-family:var(--mono);font-size:12.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-fase-dados{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.px-tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:500;padding:4px 10px;border-radius:8px;background:var(--nevoa);color:var(--tx-2);max-width:100%;line-height:1.35;box-sizing:border-box}
.px-fase.aberta .px-tag{background:var(--cartao)}
.px-tag-valor{color:var(--tinta);font-weight:600}
.px-tag-sem{color:var(--tx-4)}
.px-fase-envios{display:flex;flex-direction:column;gap:3px;min-width:0}
.px-est{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--tx-2);min-width:0}
.px-est-ult{font-size:12.5px;color:var(--tx-4);padding-left:15px}
.px-fase-seta{display:flex;color:var(--tx-4);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.px-fase.aberta .px-fase-seta{transform:rotate(90deg);color:var(--tinta)}
.px-fase.desl .px-fase-nome{color:var(--tx-3)}
.px-fase.desl .px-fase-ev,.px-fase.desl .px-fase-dados{opacity:.5}
.px-fase.desl .px-est{color:var(--tx-4)}

/* ---------- fase aberta: editor ---------- */
.px-fase-painel{display:flex;flex-direction:column;gap:22px;padding:6px 20px 22px 52px}
.px-fase-topo{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:20px;align-items:end}
.px-fase-cont{display:flex;flex-direction:column;gap:4px;justify-self:end;text-align:right;font-size:13.5px;color:var(--tx-2)}
.px-fase-cont .px-lab{justify-content:flex-end}
.px-fase-cont .px-bt{align-self:flex-end;margin-top:4px}
.px-cont-erro{font-size:12.5px;max-width:320px}
.px-dados{display:flex;flex-direction:column;gap:8px}
.px-dados-cab{display:flex;align-items:center;justify-content:space-between}
.px-tab-cab,.px-par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 150px 40px;gap:8px;align-items:start}
.px-tab-cab{padding:4px 2px 0;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--tx-4)}
.px-pares{display:flex;flex-direction:column;gap:6px}
.px-par-chave,.px-par-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
/* select nativo por baixo de um rótulo legível: não corta texto e a % fica fora da opção */
.px-sel{position:relative;display:flex;align-items:center;min-height:48px;padding:6px 34px 6px 13px;border-radius:12px;background:var(--campo);box-shadow:inset 0 0 0 1px var(--linha);box-sizing:border-box;transition:box-shadow .15s}
.px-sel:hover{box-shadow:inset 0 0 0 1px var(--tx-4)}
.px-sel:focus-within{box-shadow:inset 0 0 0 1.5px var(--tinta)}
.px-sel select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;margin:0}
.px-sel select:disabled{cursor:default}
.px-sel select:focus-visible{outline:0!important}
.px-sel-rot{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0;pointer-events:none}
.px-sel-t{font-size:14px;font-weight:500;color:var(--tinta);line-height:1.3}
.px-sel-vazio{color:var(--atencao)}
.px-sel-k{font-family:var(--mono);font-size:11.5px;color:var(--tx-4)}
.px-sel-g{font-size:11.5px;color:var(--tx-4)}
.px-sel-seta{position:absolute;right:12px;top:50%;margin-top:-7px;display:flex;color:var(--tx-4);transform:rotate(90deg);pointer-events:none}
.px-sel-seta .ic{width:14px;height:14px}
.px-par.falta .px-par-campo .px-sel{box-shadow:inset 0 0 0 1.5px var(--atencao)}
.px-livre{font-family:var(--mono);font-size:14px}
.px-par-pct{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 4px}
.px-barra-pct{flex:none;width:56px;height:6px;border-radius:999px;background:var(--linha);overflow:hidden}
.px-barra-pct i{display:block;height:100%;border-radius:999px;background:var(--tinta)}
.px-barra-pct.ok i,.ok > .px-barra-pct i{background:var(--ok)}
.px-barra-pct.at i,.at > .px-barra-pct i{background:var(--atencao)}
.px-pct-txt{font-size:12.5px;font-weight:600;color:var(--tx-2);white-space:nowrap;font-variant-numeric:tabular-nums}
.px-pct-txt.ok{color:var(--ok)}
.px-pct-txt.at{color:var(--atencao)}
.px-pct-txt.zero{color:var(--tx-4);font-weight:500}
.px-par-del{width:40px;height:48px;border:0;border-radius:12px;background:none;color:var(--tx-4);display:grid;place-items:center;cursor:pointer;transition:color .15s,background-color .15s}
.px-par-del:hover{color:var(--erro);background:var(--erro-claro)}
.px-par-del .ic{width:17px;height:17px}
.px-add-par{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px 0 8px;margin-left:-8px;border:0;border-radius:12px;background:none;color:var(--tinta);font:600 14px var(--fonte);cursor:pointer}
.px-add-par:hover{background:var(--cartao)}
.px-add-par .ic{width:16px;height:16px}

/* conferir: prévia e teste */
.px-conferir{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--linha)}
.px-conferir-t{display:flex;flex-direction:column;gap:2px}
.px-fase-teste{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.px-teste-grupo{display:flex;gap:8px;flex:1;min-width:280px;justify-content:flex-end}
.px-teste-grupo .px-inp{max-width:260px;font-size:14px}
.px-previa{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:16px;background:var(--cartao)}
.px-previa-res{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:500}
.px-previa-res .ic{width:16px;height:16px;flex:none}
.px-previa-res.ok{background:var(--ok-claro);color:var(--ok)}
.px-previa-res.er{background:var(--erro-claro);color:var(--erro);overflow-wrap:anywhere}
.px-previa-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.px-previa-top div{display:flex;flex-direction:column;gap:3px;min-width:0}
.px-previa-top dt{font-size:12px;color:var(--tx-4)}
.px-previa-top dd{margin:0;font-size:14px;font-weight:600;color:var(--tinta);overflow-wrap:anywhere}
.px-previa-top small{font-weight:400;color:var(--tx-3)}
.px-previa-pares{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.px-previa-pares li{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1.2fr) auto;gap:10px;align-items:center;padding:9px 0;font-size:13.5px;box-shadow:0 -1px 0 var(--linha)}
.px-previa-pares li:first-child{box-shadow:none}
.px-previa-ic{display:flex;color:var(--ok)}
.px-previa-k{font-weight:600;color:var(--tinta);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.px-previa-c{color:var(--tx-2)}
.px-previa-s{font-size:12.5px;color:var(--ok);font-weight:600;white-space:nowrap}
.px-previa-pares li.vazio .px-previa-k,.px-previa-pares li.vazio .px-previa-c{color:var(--tx-4)}
.px-previa-pares li.vazio .px-previa-s{color:var(--tx-4);font-weight:500}
.px-previa-tec summary,.px-pag-tec summary{font-size:13px;font-weight:500;color:var(--tx-3);cursor:pointer;min-height:32px;display:flex;align-items:center;width:max-content}
.px-previa-tec summary:hover,.px-pag-tec summary:hover{color:var(--tinta)}
.px-previa-tec summary,.px-pag-tec summary{gap:6px;list-style:none}
.px-previa-tec summary::-webkit-details-marker,.px-pag-tec summary::-webkit-details-marker{display:none}
.px-previa-tec summary .ic,.px-pag-tec summary .ic{width:14px;height:14px;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.px-previa-tec[open] summary .ic,.px-pag-tec[open] summary .ic{transform:rotate(90deg)}
.px-previa-tec pre,.px-pag-caddy pre,.px-log-resp{font-family:var(--mono);font-size:11.5px;line-height:1.55;padding:12px;border-radius:12px;background:var(--nevoa);color:var(--tx-2);margin:6px 0 0;overflow-x:auto;white-space:pre-wrap;word-break:break-all}

/* barra de salvar: fica presa embaixo enquanto tem fase alterada */
.px-barra{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 -8px -8px;padding:10px 10px 10px 18px;border-radius:18px;background:var(--cartao);box-shadow:0 0 0 1px var(--linha),var(--sombra-flutua);animation:px-sobe .22s cubic-bezier(.2,.8,.2,1)}
.px-fases-mud{flex:1;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--tinta)}
.px-fases-mud::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--atencao)}
@keyframes px-sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- qualidade ---------- */
.px-q-lista{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.px-q-item{display:grid;grid-template-columns:1fr auto;gap:8px 10px;align-items:baseline;padding:14px 16px;border-radius:16px;background:var(--nevoa)}
.px-q-nome{font-size:13px;font-weight:500;color:var(--tx-2)}
.px-q-pct{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--tinta);font-variant-numeric:tabular-nums}
.px-q-item.zero .px-q-pct{color:var(--tx-4)}
.px-q-item .px-barra-pct{grid-column:1/-1;width:100%;background:var(--linha)}
.px-q-motivos{margin:0;padding-left:18px;font-size:13px;line-height:1.6;color:var(--tx-3)}

/* ---------- páginas ---------- */
.px-pags{display:flex;flex-direction:column}
.px-pag{display:flex;flex-direction:column;gap:2px;padding:12px 0}
.px-pag + .px-pag{box-shadow:0 -1px 0 var(--linha)}
.px-pag-cab{display:flex;align-items:center;gap:10px;min-width:0}
.px-pag-t{flex:1;min-width:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.px-pag-dom{font-size:15px;font-weight:600;color:var(--tinta);overflow-wrap:anywhere}
.px-pag-cod{font-family:var(--mono);font-size:11.5px;color:var(--tx-3);background:var(--nevoa);padding:3px 8px;border-radius:7px}
.px-pag-acoes{display:flex;gap:6px;flex:none}
.px-pag-caddy{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.px-pag-caddy pre{width:100%;box-sizing:border-box}
.px-add-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.px-add-campo{flex:1;min-width:220px}

/* ---------- histórico ---------- */
.px-log{display:flex;flex-direction:column}
.px-log-item{display:flex;flex-direction:column}
.px-log-item + .px-log-item{box-shadow:0 -1px 0 var(--linha)}
.px-log-linha1{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px;margin:0 -10px;box-sizing:content-box;border:0;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.px-log-linha1:disabled{cursor:default}
.px-log-linha1 .px-pt{display:none}
.px-log-linha1:not(:disabled):hover{background:var(--hover)}
.px-log-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.px-log-nome{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--tinta);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-log-sub{font-size:12.5px;color:var(--tx-4)}
.px-log-status{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;flex:none;background:var(--nevoa);color:var(--tx-3)}
.px-log-status.sent{background:var(--ok-claro);color:var(--ok)}
.px-log-status.error{background:var(--erro-claro);color:var(--erro)}
.px-log-status.enviando{background:var(--atencao-claro);color:var(--atencao)}
.px-log-quando{font-size:12.5px;color:var(--tx-4);flex:none;font-variant-numeric:tabular-nums;min-width:96px;text-align:right}
.px-log-resp{display:none;margin:0 0 10px}
.px-log-item.aberto .px-log-resp{display:block}
.px-log-btns{display:flex;gap:6px;padding-bottom:10px}
.px-mais{align-self:flex-start;min-height:44px;padding:0 4px;border:0;background:none;color:var(--tinta);font:600 14px var(--fonte);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--linha)}

/* ---------- carregando e erro ---------- */
.px-esq{min-height:96px;background:var(--cartao);position:relative;overflow:hidden}
.px-esq.alto{min-height:320px}
.px-esq::after{content:"";position:absolute;inset:24px auto auto 24px;width:40%;height:14px;border-radius:7px;background:var(--nevoa);box-shadow:0 30px 0 0 var(--nevoa)}
@media (prefers-reduced-motion:no-preference){.px-esq{animation:px-pulsa 1.2s ease-in-out infinite alternate}}
@keyframes px-pulsa{from{opacity:1}to{opacity:.6}}
.px-erro-carga{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
.px-erro-carga p{margin:0;font-size:14.5px;color:var(--tx-2)}

/* ---------- telas médias: envios descem para baixo do nome ---------- */
@media (max-width:1100px){
  .px-fase-abre{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 20px;row-gap:8px}
  .px-fase-envios{grid-column:1/3;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:4px 12px}
  .px-est-ult{padding-left:0}
  .px-fase-seta{grid-column:3;grid-row:1}
  .px-tab-cab,.px-par{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 120px 40px}
  .px-barra-pct{width:36px}
  .px-q-item .px-barra-pct{width:100%}
}

/* ---------- celular ---------- */
@media (max-width:640px){
  .px-card{padding:18px;border-radius:20px;gap:16px}
  .px-grade{grid-template-columns:1fr}
  .px-cab{align-items:flex-start;flex-wrap:wrap}
  .px-con .px-cab-t{flex-basis:calc(100% - 60px)}
  .px-con #px-con-alterar{width:100%}
  .px-fases{margin:0 -8px}
  .px-liga{width:44px;align-items:start;padding-top:14px}
  .px-fase-abre{grid-template-columns:minmax(0,1fr) 20px;gap:8px;padding:13px 12px 13px 0}
  .px-fase-id{grid-column:1}
  .px-fase-seta{grid-column:2;grid-row:1}
  .px-fase-dados,.px-fase-envios{grid-column:1/-1;grid-row:auto}
  .px-fase-envios{flex-direction:column;gap:2px}
  .px-fase-painel{padding:4px 12px 18px;gap:18px}
  .px-fase-topo{grid-template-columns:1fr;gap:12px}
  .px-fase-cont{justify-self:start;text-align:left}
  .px-fase-cont .px-lab{justify-content:flex-start}
  .px-fase-cont .px-bt{align-self:flex-start}
  .px-tab-cab{display:none}
  .px-pares{gap:8px}
  .px-par{grid-template-columns:minmax(0,1fr) 40px;grid-template-areas:"chave del" "campo campo" "pct pct";gap:6px;padding:8px;border-radius:14px;background:var(--cartao)}
  .px-par{--campo:var(--nevoa)}
  .px-par-chave{grid-area:chave}
  .px-par-campo{grid-area:campo}
  .px-par-pct{grid-area:pct;min-height:28px}
  .px-par-del{grid-area:del}
  .px-par > span:last-child:empty{display:none}
  .px-fase-teste,.px-teste-grupo{flex-direction:column;align-items:stretch;min-width:0}
  .px-teste-grupo .px-inp{max-width:none}
  .px-previa{padding:14px}
  .px-previa-top{grid-template-columns:1fr}
  .px-previa-pares li{grid-template-columns:20px minmax(0,1fr);row-gap:2px}
  .px-previa-c,.px-previa-s{grid-column:2}
  .px-barra{bottom:calc(76px + env(safe-area-inset-bottom));margin:0 -4px -4px;padding-left:14px;flex-wrap:wrap}
  .px-barra .px-bt{flex:1}
  .px-fases-mud{flex-basis:100%}
  .px-q-lista{grid-template-columns:1fr 1fr;gap:8px}
  .px-q-item{padding:12px 14px}
  .px-add-form{flex-direction:column;align-items:stretch}
  .px-add-campo{min-width:0}
  .px-log-quando{min-width:0}
  .px-log-status{display:none}
  .px-log-linha1 .px-pt{display:block}
}