/* A EQUIPE POR ESTADO, E A LIXEIRA DELA. Proposta 158, 09/08/2026. */
  .eq-dono { font-size: 9.5px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
             background: var(--orange); color: #fff; padding: 1px 7px; border-radius: 999px;
             margin-left: 6px; vertical-align: 1px; }
  /* O botão do dono fica VISÍVEL e desligado, e não escondido: botão que some do lugar não
     explica por que sumiu, e a pessoa procura o que não existe. */
  .eq-acoes .dono-off { border-style: dashed; opacity: .5; cursor: not-allowed; }
  .eq-acoes .ok:hover:not(:disabled) { border-color: var(--good); color: var(--good); }
  .eq-acoes .perigo:hover:not(:disabled) { border-color: var(--bad); color: var(--bad); }

  .eq-lixeira { border: 1px solid var(--border); border-radius: 9px; background: var(--surface-2);
                margin-top: var(--s4); }
  .eq-lixeira > summary { cursor: pointer; padding: 9px 12px; font-size: 12.5px; font-weight: 700;
                          color: var(--ink-2); list-style: none; display: flex;
                          align-items: center; gap: 8px; }
  .eq-lixeira > summary::-webkit-details-marker { display: none; }
  .eq-lixeira > summary .seta { flex: none; transition: transform .15s; }
  .eq-lixeira[open] > summary .seta { transform: rotate(90deg); }
  .eq-lixeira > summary small { font-weight: 400; color: var(--ink-3); margin-left: auto;
                                font-size: 11px; }
  .eq-lixnum { font-size: 10.5px; font-weight: 800; background: var(--hair); color: var(--ink-2);
               padding: 1px 8px; border-radius: 999px; }
  .eq-lixeira .eq-lista { padding: 0 12px 12px; }
  .eq-lixeira .eq-item { background: var(--surface); }

  /* A ABA MENSAGENS. Item 161. */
  .msg-grade { display: grid; grid-template-columns: 290px 1fr; gap: var(--s4);
               align-items: start; }
  .msg-lista { border: 1px solid var(--border); border-radius: 11px; overflow: hidden; }
  .msg-it { display: block; width: 100%; text-align: left; background: var(--surface); border: 0;
            border-bottom: 1px solid var(--hair); border-radius: 0; height: auto;
            padding: 11px 14px; cursor: pointer; }
  .msg-it:last-child { border-bottom: 0; }
  .msg-it:hover:not(:disabled) { background: var(--surface-2); }
  /* A selecionada usa o traco laranja a esquerda, o mesmo do titulo de secao — o padrao do
     produto para "voce esta aqui", em vez de mais uma cor de fundo. */
  .msg-it.sel { background: var(--surface-2); box-shadow: inset 3px 0 0 var(--orange); }
  .msg-it b { display: block; font-size: 12.5px; color: var(--ink); }
  .msg-it small { display: block; font-size: 11px; color: var(--ink-3); margin-top: 1px; }
  .msg-it small.msg-fora { color: var(--bad); font-weight: 600; }
  .msg-it.editada b::after { content: "editada"; font-size: 9px; font-weight: 800;
        background: var(--warn-bg); color: var(--warn); padding: 1px 6px; border-radius: 999px;
        margin-left: 7px; vertical-align: 1px; text-transform: uppercase; letter-spacing: .04em; }
  .msg-editor textarea { font-family: inherit; line-height: 1.55; }
  .msg-fichas { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
  /* A ficha e um BOTAO, e nao um enfeite: clicar insere no ponto do cursor. Por isso ela
     tem cursor de mao e a altura nao segue a regra dos 32px — e um chip, nao uma acao. */
  .msg-ficha { font-family: Consolas, monospace; font-size: 11px; background: #e8eef8;
               color: var(--info); border: 1px solid #c8d6ee; border-radius: 6px;
               padding: 2px 8px; height: auto; cursor: pointer; }
  .msg-ficha:hover:not(:disabled) { background: #dbe6f7; border-color: #a9c1e4; }
  .msg-acoes { display: flex; gap: 8px; justify-content: flex-end; margin-top: var(--s4); }

  /* A marca de "texto proprio" na aba do revisor. Mesma familia do selo "editada" da
     Plataforma, para as duas telas dizerem a mesma coisa do mesmo jeito. */
  .ent-marca-msg { font-size: 9.5px; font-weight: 800; letter-spacing: .04em;
                   text-transform: uppercase; background: var(--warn-bg); color: var(--warn);
                   padding: 3px 9px; border-radius: 999px; align-self: center; }

  /* O selo do PROPRIETARIO na Equipe. Item 162: ele e o unico papel que nao vive na coluna
     `papel` — vem de `usuarios.plataforma` — e por isso ganha cor propria, laranja, a
     mesma do selo "dono da conta". As duas coisas sao a mesma pessoa hoje. */
  .us-papel.dono { background: var(--orange); color: #fff; }
  /* O CATALOGO DAS MEDIDAS QUE MORAVAM NA TELA, item 384, 01/10/2026. Eram style= escritos
     dentro do HTML gerado; hoje cada um tem NOME, aqui. Os valores sao os MESMOS, e cada
     declaracao leva !important porque e isso que reproduz a prioridade do estilo na propria
     tag: sem ele, uma regra mais especifica que ja existisse passaria a vencer onde antes
     perdia, e a tela mudaria sem ninguem ter pedido. Medida nova vem para ca, com nome; a
     catraca de tests/test_a_medida_nao_mora_na_tela.py so deixa o numero de style= descer. */
  .bloco-folga-24 { padding: 24px !important; }
  .dlg-520 { width: min(520px,94vw) !important; }
  .dlg-560 { width: min(560px,94vw) !important; }
  .dlg-linha-de-aviso { font-size: 12.5px !important; min-height: 18px !important; margin-bottom: 6px !important; }
  .lg-2fa { text-align: left !important; margin: 4px 0 2px !important; }
  .lg-2fa-tit { margin: 0 0 6px !important; font-size: 12.5px !important; }
  .lg-erro { color: var(--bad) !important; font-size: 12.5px !important; min-height: 18px !important; margin-bottom: 6px !important; }
  .lg-lembrar { display: flex !important; gap: 6px !important; align-items: center !important; font-size: 12px !important; margin: 4px 0 !important; }
  .lg-link-miudo { font-size: 11.5px !important; color: var(--tinta-esc-2) !important; }
  .lg-rodape { margin: 12px 0 0 !important; font-size: 11.5px !important; }
  .nota-115-s4 { margin: 0 0 var(--s4) !important; font-size: 11.5px !important; }
  .nota-miuda-s2 { font-size: 11px !important; margin: var(--s2) 0 0 !important; }
  .nota-miuda-s2-s4 { margin: var(--s2) 0 var(--s4) !important; font-size: 11px !important; }
  .nota-miuda-s3 { margin: var(--s3) 0 0 !important; font-size: 11px !important; }
  .sf-chave { margin: 0 0 8px !important; font-size: 11.5px !important; }
  .sf-codigos { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 6px !important; font-family: ui-monospace,monospace !important; font-size: 13px !important; margin: var(--s3) 0 !important; }
  .sf-passo { margin: 0 0 6px !important; }
  .sf-qr { background: #fff !important; border-radius: 6px !important; }
  .sf-selo-miudo { height: 18px !important; font-size: 11px !important; }
  .texto-125-ink2 { color: var(--ink-2) !important; font-size: 12.5px !important; margin-top: 4px !important; }