/* AS TRES QUALIDADES, no diálogo de iniciar o processamento. Item 153. */
  .q-rot { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
           color: var(--ink-3); margin: 0 0 var(--s2); }
  /* 6px de vão e 8px de recheio (eram 7 e 10): cinco cartões + o interruptor têm de caber
     sem rolar nos 738px do notebook dele — pedido dele em 14/09/2026, "não deveria ter
     scroll". Medido no diálogo real, a 1536x738: o teto do cartão é 664px. */
  .q-lista { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--s3); }
  /* O RESET, e ele NAO e firula: `.q-op` e um `<label>`, e a regra generica de formulario
     desta folha poe `text-transform: uppercase; font-size: 11px; color: var(--ink-3)` em
     TODO label — feita para o rotulo curto que fica em cima de um campo. Sem desfazer isso
     aqui, as tres opcoes saem em CAIXA ALTA e cinza, e a descricao vira um bloco ilegivel.
     Medido na tela antes de consertar. E a mesma armadilha que a `CLAUDE.md` ja registra
     para caixa e radio: elemento de formulario reaproveitado precisa do proprio reset. */
  .q-op { display: grid; grid-template-columns: 18px 1fr auto; gap: 11px; align-items: center;
          background: var(--surface-2); border: 1px solid var(--border); border-radius: 9px;
          padding: 8px 12px; cursor: pointer;
          text-transform: none; letter-spacing: normal; font-size: 14px; font-weight: 400;
          color: var(--ink); margin-bottom: 0; }
  /* 🔴 A GRADE PERDIA PARA `.dlg-cartao label` — medido em 14/09/2026, no print dele.
     A regra dos formulários (o display block com margem de `.dlg-cartao label`, linha ~1987)
     tem especificidade 0,1,1 e vence `.q-op` (0,1,0): dentro do diálogo cada
     cartão virava BLOCO — a bolinha (um span sem largura em fluxo) virava uma barra de 4px,
     o tempo caía para baixo do nome, cada cartão dobrava de altura e o diálogo passava dos
     664px do notebook dele e ROLAVA. O render solto (fora do diálogo) ficava perfeito, e foi
     assim que passou. O seletor com o pai é o que devolve a grade onde ela é usada. */
  .dlg-cartao .q-op { display: grid; margin: 0; }
  .dlg-cartao .q-chk { margin: 0 0 var(--s3); }
  .q-op:hover { background: var(--surface); }
  .q-op.sel { background: var(--surface); border-color: var(--orange);
              box-shadow: 0 0 0 3px rgba(255,101,1,.13); }
  /* O rádio de verdade fica escondido mas PRESENTE: é ele que dá teclado e leitor de tela.
     A bolinha ao lado é só o desenho. */
  .q-op input { position: absolute; opacity: 0; width: 0; height: 0; }
  .q-bolha { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border);
             background: #fff; }
  .q-op.sel .q-bolha { border-color: var(--orange); border-width: 5px; }
  .q-op input:focus-visible ~ .q-bolha { outline: 2px solid var(--orange); outline-offset: 2px; }
  .q-nome { font-size: 13.5px; font-weight: 700; color: var(--ink); }
  .q-desc { display: block; font-size: 12px; color: var(--ink-3); margin-top: 1px; }
  /* A MARCA DE RECOMENDADA — item 275. Verde e não laranja de propósito: o laranja desta
     folha é o da AÇÃO (o contorno da opção escolhida), e dois laranjas na mesma linha
     disputariam o olho. Aqui é informação, não convite. */
  .q-rec { display: inline-block; font-size: 10px; font-weight: 800; color: var(--good);
           background: var(--good-bg); border-radius: 4px; padding: 1px 6px;
           margin-left: 6px; vertical-align: 1px; text-transform: uppercase;
           letter-spacing: .04em; }
  .q-tempo { text-align: right; font-size: 12.5px; font-weight: 700; color: var(--navy);
             max-width: 130px; line-height: 1.3; }
  .q-tempo small { display: block; font-size: 10.5px; font-weight: 400; color: var(--ink-3); }
  .q-tempo.estimado { color: var(--warn); }
  /* `.q-nota` (a nota "25 min na Média contra 53 na Alta") SAIU em 14/09/2026 junto com o
     bloco que a desenhava — regra inteira, para nao ficar vestindo classe que ninguem usa. */
  /* O INTERRUPTOR "textura na resolucao da foto" — item 413, 14/09/2026. E o mesmo cartao
     `.q-op` da qualidade, com QUADRADO em vez de bolinha: e uma caixa de marcar, nao uma
     escolha entre varias. A marca segue a mesma regra de `.sel` (laranja = escolhido). */
  .q-chk { margin-bottom: var(--s4); }
  .q-chk .q-bolha { border-radius: 4px; }
  .q-chk.sel .q-bolha { border-width: 2px; background: var(--orange); }
  /* A ESCOLHA DO MOTOR — 16/10/2026, docs/propostas/motor-no-processar.html (aprovada). Dois
     cartoes lado a lado, so para quem e da plataforma; o cartao reusa o desenho de .q-op, com
     a grade da bolinha e do texto. O selo EXPERIMENTAL e o "so a plataforma ve" sao ambar:
     aviso, e nao acao (o laranja desta folha e o da opcao escolhida). */
  .q-motor { display: grid; grid-template-columns: auto 1fr 1fr; gap: 6px; align-items: center;
             margin-bottom: var(--s3); }
  .q-motor .q-rot { margin: 0; white-space: nowrap; }
  .dlg-cartao .q-mot-op { grid-template-columns: 16px 1fr; gap: 8px; padding: 6px 10px; }
  .q-mot-op .q-nome { white-space: nowrap; }
  .q-so-plat { display: inline-block; font-size: 10px; font-weight: 700; color: #7A4A00;
               background: #FFF1DC; border-radius: 4px; padding: 1px 6px; margin-left: 8px;
               vertical-align: 1px; text-transform: none; letter-spacing: 0; }
  /* O selo EXPERIMENTAL e a nota da textura (q-exp, q-info) sairam em 17/10/2026: o motor
     novo virou o de todos, e a textura foi para o rotulo da qualidade. */
  /* O TIPO DO VOO E OS CINCO NIVEIS -- 17/10/2026, docs/propostas/cinco-niveis-no-processar.html.
     Os tres tipos lado a lado, no desenho do .q-op (cartao inteiro clicavel); o selo MEDIDO e
     verde porque e o dado do servidor, e o aviso do mapa 2D e ambar: e para ler antes do clique.
     A barra de detalhe dos niveis ocupa o lugar do tempo, que o motor novo ainda nao mede. */
  .q-tipo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
            margin-bottom: 8px; }
  .q-tipo ~ .q-motor { margin-bottom: 8px; }
  .dlg-cartao .q-tipo-op { grid-template-columns: 16px 1fr; gap: 8px; padding: 6px 10px; }
  .q-tipo-op .q-nome { white-space: nowrap; }
  .q-tipo-dica { display: block; font-size: 10.5px; color: var(--ink-3); margin-top: 1px;
                 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .q-medido { display: inline-block; font-size: 9.5px; font-weight: 800; color: var(--good);
              background: var(--good-bg); border-radius: 4px; padding: 1px 5px;
              text-transform: uppercase; letter-spacing: .04em; }
  .q-aviso-2d { border-left: 3px solid var(--warn); background: #FFF6E8; border-radius: 8px;
                padding: 5px 12px; font-size: 12px; line-height: 1.35; color: #5A3A0C;
                margin: -2px 0 8px; }
  .q-aviso-2d b { color: #3E2806; }
  /* Com cinco niveis os cartoes eram BAIXOS (2 px de folga) para caber nos 664 uteis do
     notebook. Com dois (20/10/2026) o cartao volta ao tamanho padrao, como no print aprovado. */
  .q-rot-nota { text-transform: none; letter-spacing: 0; font-weight: 400; color: var(--ink-3);
                margin-left: 5px; }
  .q-nivel { min-width: 104px; }
  /* O PROCESSAR · TESTE — item 453, 19/09/2026. A pagina (nao dialogo: nao cabe nos 738 px
     dele) reusa o cartao `.q-op` do dialogo Processar, com uma CHAVE no lugar da bolinha e a
     ordem por importancia numerada. Os interruptores ficam ligados para todos os mapas ate
     alguem desligar; a previsao e por interruptor e no total, com faixa. */
  .rt-folha { display: grid; grid-template-columns: 1fr 380px; gap: var(--s4); align-items: start; }
  .rt-leitura { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s2); margin-top: var(--s2); }
  .rt-leitura div { background: var(--surface); border: 1px solid var(--hair); border-radius: 8px; padding: 6px 10px; }
  .rt-leitura b { display: block; font-size: 15px; color: var(--navy); }
  .rt-leitura span { font-size: 11px; color: var(--ink-3); }
  .voo-lido.rt-sugere { border-left-color: var(--info); }
  .rt-sug { display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; font-size: 12.5px; margin-top: 6px; }
  .rt-sug .v { font-weight: 700; color: var(--navy); text-align: right; white-space: nowrap; }
  .rt-op { grid-template-columns: 38px 1fr auto; }
  .rt-chave { width: 38px; height: 24px; border-radius: 12px; background: #c9d2de; position: relative;
              transition: background .12s; }
  .rt-chave::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px;
                     border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25);
                     transition: left .12s; }
  .rt-op.sel .rt-chave { background: var(--orange); }
  .rt-op.sel .rt-chave::after { left: 17px; }
  .rt-op.rt-salvando { opacity: .6; pointer-events: none; }
  .rt-ordem { display: inline-block; min-width: 26px; font-size: 12px; font-weight: 800; color: var(--orange); }
  .q-desc i { font-style: normal; font-weight: 700; color: var(--ink-2); }
  .q-rec.rt-nao { color: var(--ink-3); background: var(--hair); }

  .q-tempo.rt-ganho { color: var(--good); }
  .rt-total { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center;
              background: var(--info-bg); border: 1px solid #cfdcf5; border-radius: 10px;
              padding: 12px 14px; margin-bottom: var(--s3); }
  .rt-total b { font-size: 22px; color: var(--info); }
  .rt-total small { display: block; font-size: 12px; color: var(--ink-3); }
  .rt-hist { font-size: 12px; color: var(--ink-3); border-top: 1px solid var(--hair);
             padding-top: var(--s2); margin-top: var(--s2); }
  .rt-hist table { border-collapse: collapse; width: 100%; margin-top: 4px; }
  .rt-hist td { padding: 2px 0; font-variant-numeric: tabular-nums; }
  .rt-hist td:last-child { text-align: right; color: var(--ink-2); font-weight: 600; }
  .rt-hist .rt-errou { color: var(--bad); }
  .rt-nota { font-size: 12px; color: var(--ink-3); margin: 0 0 var(--s3); }
  .rt-voltar { background: none; border: 0; color: var(--info); font-size: 13px; cursor: pointer; padding: 0; margin-bottom: var(--s2); }
  /* A regua do "Escolher fotos pelo angulo" - item 456, print aprovado por ele em 23/09/2026. */
  .rt-angulo { margin: 0 0 var(--s2) 56px; padding: 16px 18px; border: 1px solid #d9e8e1;
               background: #f5fbf8; border-radius: 12px; }
  .rt-ang-topo { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
  .rt-ang-rot { font-size: 13px; color: var(--ink-2); font-weight: 600; }
  .rt-ang-graus { font-size: 30px; font-weight: 700; color: var(--good); line-height: 1; }
  .rt-ang-conta { font-size: 15px; color: var(--navy); }
  .rt-ang-conta b.ficam { color: var(--good); }
  .rt-ang-conta span { color: var(--ink-3); }
  .rt-angulo input[type=range] { width: 100%; margin: 14px 0 2px; accent-color: var(--good); }
  .rt-ang-marcas { display: flex; justify-content: space-between; font-size: 12px; color: var(--ink-3); padding: 0 2px; }
  .rt-ang-marcas .agora { color: var(--good); font-weight: 700; }
  .rt-ang-limites { display: flex; justify-content: space-between; font-size: 12px; color: var(--warn); margin-top: 4px; }
  .rt-ang-corpo { display: grid; grid-template-columns: 1fr 250px; gap: 16px; margin-top: 14px; align-items: start; }
  .rt-ang-mapa svg { display: block; width: 100%; background: #fafbfd; border: 1px solid var(--hair); border-radius: 10px; }
  .rt-ang-mapa circle.fica { fill: #1f9d6b; }
  .rt-ang-mapa circle.sai { fill: none; stroke: #c9ccd6; stroke-width: 1.3; }
  .rt-ang-legenda { font-size: 12px; color: var(--ink-2); margin-top: 6px; }
  .rt-ang-dois { display: grid; grid-template-columns: 1fr 200px; gap: 16px; align-items: start; }
  .rt-ang-sub { font-size: 12px; font-weight: 600; color: var(--ink-2); margin-bottom: 6px; }
  .rt-ang-como { font-size: 13px; color: var(--navy); line-height: 1.55; }
  .rt-ang-como .t { font-weight: 600; margin-bottom: 6px; }
  .rt-ang-como .ok { color: var(--good); }
  .rt-ang-aviso { margin-top: 10px; padding: 8px 10px; background: var(--warn-bg); border-radius: 8px;
                  color: var(--warn); font-size: 12.5px; }
  .rt-ang-carregando { font-size: 13px; color: var(--ink-3); }
  @media (max-width: 1100px) { .rt-ang-corpo { grid-template-columns: 1fr; } .rt-angulo { margin-left: 0; } }
  @media (max-width: 1100px) { .rt-folha { grid-template-columns: 1fr; } }

  /* O QUE AS FOTOS DIZEM — item 234, 17/08/2026.
     Fica no topo do diálogo, no lugar da frase que dizia "o perfil será o de fachada" lendo um
     `select` que ninguém abria. Verde porque é uma confirmação, e não um alerta: o Sherlock
     ACERTOU sozinho, e é isso que o aluno precisa sentir.
     A borda esquerda grossa em vez de caixa inteira colorida: o diálogo já tem a lista de
     qualidade logo abaixo, e dois blocos preenchidos disputariam o olho. */
  .voo-lido { border-left: 4px solid var(--good); background: var(--surface-2);
              border-radius: 8px; padding: 10px 13px; margin-bottom: var(--s4); }
  .voo-nome { font-size: 13.5px; font-weight: 700; color: var(--navy); }
  .voo-porque { font-size: 12px; color: var(--ink-3); margin-top: 2px; line-height: 1.45; }
  .voo-porque b { color: var(--ink-2); }
  /* ÂMBAR quando a medição não respondeu. Cor diferente de propósito: "não sei" e "sei" não
     podem parecer a mesma coisa — foi confiar num palpite com cara de certeza que custou as
     duas rodadas de motor. */
  .voo-lido.voo-incerto { border-left-color: var(--warn); }
  /* VERMELHO quando o Processar está bloqueado (sem GPS / sem ângulo) — 21/09/2026.
     Diferente do âmbar de "não sei": aqui o botão some e a frase diz o motivo. */
  .voo-lido.voo-travado { border-left-color: var(--bad, #c0392b); }
  .voo-trava { font-size: 12.5px; color: var(--bad, #c0392b); font-weight: 600;
               margin-top: 8px; line-height: 1.45; }
  /* ÂMBAR também no aviso de divisão: é o mesmo tipo de informação que o aluno
     precisa ver ANTES de clicar — senão cancela achando que travou, como nos
     três voos de 889. Classe irmã da incerteza do voo, não a mesma: os dois
     avisos podem aparecer juntos. */
  .voo-lido.voo-dividir { border-left-color: var(--warn); }
  /* LADOS SEM LIGAÇÃO (04/10/2026): âmbar e com fundo, porque é o único destes avisos que
     custa a rodada inteira se for ignorado. Os cartões dos lados, lado a lado, com o
     porquê no meio. */
  .voo-lido.voo-partido { border-left-color: var(--warn); background: var(--warn-bg); }
  .vp-lados { display: flex; gap: 8px; align-items: center; margin: 9px 0 8px; flex-wrap: wrap; }
  .vp-lado { flex: 1 1 140px; background: var(--surface); border: 1px solid var(--border);
             border-radius: 8px; padding: 7px 10px; font-size: 12px; color: var(--ink-2);
             line-height: 1.4; }
  .vp-lado b { color: var(--navy); display: block; font-size: 12.5px; }
  .vp-x { font-size: 11px; font-weight: 700; color: var(--warn); text-align: center; line-height: 1.3; }
  .vp-fazer { font-size: 12px; color: var(--ink-2); line-height: 1.5; margin-top: 4px; }
  .vp-fazer b { color: var(--ink); }
  /* A GEOMETRIA DO VOO (26/10/2026): a mesma veste dos lados sem ligação, mais compacta — a
     caixa de quatro linhas do print, e o link para o detalhe na Importar. */
  /* Mais apertada que os irmãos, medido a 1536x738: o diálogo já mora no limite dos 664 px
     úteis, e cada linha aqui empurra o botão Iniciar. */
  .voo-lido.voo-geometria { border-left-color: var(--warn); background: var(--warn-bg);
    padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; }
  .voo-geometria ul { margin: 2px 0 0 16px; padding: 0; font-size: 12px; color: var(--ink-2); line-height: 1.4; }
  .voo-geometria .geo-voo { font-size: 11.5px; font-weight: 700; color: var(--ink-2); margin-top: 3px; }
  .voo-geometria a { display: inline-block; margin-top: 2px; font-size: 12px; font-weight: 700;
    color: #b04500; text-decoration: none; }
  .voo-geometria a:hover { text-decoration: underline; }

  /* O TRECHO DE LAUDO, RECOLHIDO. Proposta 155, 09/08/2026. */
  .norma-laudo { border: 1px solid var(--border); border-radius: 9px;
                 background: var(--surface-2); margin-top: var(--s4); }
  .norma-laudo > summary { cursor: pointer; padding: 10px 13px; font-size: 12.5px;
                           font-weight: 700; color: var(--ink-2); list-style: none;
                           display: flex; align-items: center; gap: 8px; }
  .norma-laudo > summary::-webkit-details-marker { display: none; }
  .norma-laudo > summary:hover { color: var(--ink); }
  .norma-laudo > summary .seta { flex: none; transition: transform .15s; }
  .norma-laudo[open] > summary .seta { transform: rotate(90deg); }
  .norma-laudo > summary small { font-weight: 400; color: var(--ink-3);
                                 margin-left: auto; font-size: 11px; }
  .norma-dentro { padding: 0 13px 14px; }
  /* O primeiro subtítulo dentro do recolhe não pode herdar a folga de cima do fechado */
  .norma-dentro .norma-sub:first-child { margin-top: 4px; }

  /* A FILA DO MOTOR, dentro do painel navy. Proposta 142.
     As cores sao as da familia CLARA — as de estado do tema foram calibradas para texto
     escuro sobre branco e apagam sobre navy. */
  /* O painel navy e um GRID de tres colunas, e sem esta linha a fila cai numa celula so —
     medido: 588px de largura com o resto da linha vazio. O teto de 760px e deliberado: a
     lista tem tres linhas curtas, e esticada em 1.400px o olho perde o fio entre o nome do
     projeto e o tempo, que ficam nas duas pontas. */
  .proc-fila { grid-column: 1 / -1; max-width: 760px; margin: var(--s4) 0 0; }
  .pf-tit { font-size: 13px; font-weight: 800; color: #fff; margin: 0 0 9px; }
  .pf-tit span { display: block; font-size: 11.5px; font-weight: 400; color: var(--tinta-esc-2b);
                 margin-top: 2px; }
  .pf-lista { list-style: none; margin: 0; padding: 0; display: flex;
              flex-direction: column; gap: 6px; }
  /* A COLUNA DAS AÇÕES entrou no item 378: `auto` no fim, e some sozinha na linha sem
     botão (voo alheio, legado) porque o span nem é desenhado. O punho de arrasto vai na
     frente, também `auto` — a linha de quem não pode arrastar segue com 3 colunas. */
  .pf-lista li { display: grid; grid-template-columns: auto 28px 1fr auto auto; gap: 11px;
                 align-items: center; background: rgba(255,255,255,.05);
                 border: 1px solid transparent; border-radius: 9px; padding: 8px 12px;
                 font-size: 12.5px; }
  .pf-lista li:not([draggable]) { grid-template-columns: 28px 1fr auto; }
  .pf-lista .pos { font-weight: 800; font-size: 13.5px; color: var(--tinta-esc-2b); text-align: center; }
  .pf-lista li.agora { background: rgba(255,165,36,.14); border-color: rgba(255,165,36,.35); }
  .pf-lista li.agora .pos { color: var(--warn-claro); }
  .pf-lista li.voce { background: rgba(255,101,1,.16); border-color: rgba(255,101,1,.45); }
  .pf-lista li.voce .pos { color: var(--orange); }
  .pf-lista .nome { color: #e7edf5; font-weight: 600; }
  .pf-lista .nome b { color: var(--orange); }
  /* O TRABALHO DE OUTRA EMPRESA, sem nome. Item 176: a fila passou a contar todas as
     contas, porque o motor é um só e "1º da fila" era mentira quando havia outro voo na
     frente. O nome não vem — chega como "outro assinante" —, e aqui ele fica em itálico e
     apagado para a pessoa ler a linha como o que ela é: espera, e não um projeto dela que
     ela não reconhece. Sem esta regra, "outro assinante" apareceria com o mesmo peso do
     nome do projeto dela, e a primeira reação seria procurar de quem é. */
  .pf-lista li.de-outro .nome { color: var(--tinta-esc-2b); font-weight: 500; font-style: italic; }
  .pf-lista .det { display: block; color: var(--tinta-esc-2b); font-weight: 400; font-size: 11.5px;
                   margin-top: 1px; }
  .pf-lista .dir { text-align: right; color: var(--tinta-esc-2c); font-size: 11.5px; line-height: 1.35; }

  /* ------------------------------------------- as ações da fila, item 378 (as DUAS telas)
     O mesmo componente na Processar (fundo navy) e na Motor (fundo claro): a base é
     neutra e cada lista só ajusta a tinta. Soltar é verde (devolve a vez), Tirar é
     vermelho (sai da fila) — as mesmas cores do print aprovado em docs/propostas/378. */
  .fila-acoes { display: flex; gap: 6px; align-items: center; flex: none; }
  .fila-acoes button { border: 1px solid var(--border); background: var(--surface);
                       color: var(--ink-2); border-radius: 7px; padding: 4px 8px;
                       font-size: 11.5px; font-weight: 700; cursor: pointer;
                       line-height: 1; min-height: 26px; }
  .fila-acoes button:hover { border-color: var(--navy); color: var(--navy); }
  .fila-acoes .fa-soltar { color: #0c7a43; border-color: rgba(12,122,67,.45); }
  .fila-acoes .fa-soltar:hover { background: rgba(12,122,67,.08); color: #0c7a43; }
  .fila-acoes .fa-tirar { color: #c0392b; border-color: rgba(192,57,43,.4); }
  .fila-acoes .fa-tirar:hover { background: rgba(192,57,43,.08); color: #c0392b; }
  /* No painel navy da Processar a mesma botoeira troca só a tinta. */
  .pf-lista .fila-acoes button { background: rgba(255,255,255,.07);
                                 border-color: rgba(255,255,255,.22); color: #d7e0ec; }
  .pf-lista .fila-acoes button:hover { border-color: #fff; color: #fff; }
  .pf-lista .fila-acoes .fa-soltar { color: var(--good-claro); border-color: rgba(46,224,138,.5); }
  .pf-lista .fila-acoes .fa-tirar { color: #ff8a7a; border-color: rgba(255,138,122,.5); }
  /* O punho de arrasto: pontos, cursor de agarrar. É atalho, nunca o único caminho —
     as setas fazem o mesmo (CLAUDE.md: enfeite não pode ser o único caminho). */
  .fila-arrasto { cursor: grab; color: var(--tinta-esc-2b); font-size: 12px; letter-spacing: -2px;
                  user-select: none; padding: 0 2px; }
  .fila-arrastando { opacity: .45; }
  /* O chip "segurado" ocupa o lugar do número: segurado não tem vez marcada. */
  .fila-seg { font-style: normal; font-size: 9.5px; font-weight: 800; padding: 3px 6px;
              border-radius: 999px; background: rgba(255,165,36,.18); color: #b06a00;
              border: 1px solid rgba(255,165,36,.45); text-transform: lowercase; }
  .pf-lista .fila-seg { color: #ffc46b; }
  .pf-lista li.segurado { opacity: .85; border-style: dashed; }
  .pf-lista .dir b { display: block; color: #fff; font-size: 13px; }