/* App mobile (M31) — Controle (a Planilha de Controle / "Trabalho" do desktop),
   só leitura. CSS copiado do bloco "CONTROLE (o Trabalho), só leitura — 3 telas
   empilhadas" de MODULOS\M31-mobile-mockup.html (fonte do layout), adaptado à
   casca do app: reusa .chips/.chip/.secao-tit/.rcard/.faixa/.loader-svg de
   app.css (não duplicados aqui). Pastilhas .pill.* com as cores FIXAS da
   PLANILHA CONTROLE.xlsx, iguais nos dois temas — não passam pelas variáveis. */

.appbar .volta{background:transparent;border:none;color:#fff;font-size:22px;width:32px;height:32px;cursor:pointer;flex-shrink:0;padding:0;line-height:1}

.busca{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--linha-forte);border-radius:12px;padding:7px 11px;margin:10px 12px 0;color:var(--fraco);font-size:12.5px}
.busca input{border:none;background:transparent;flex:1;font:inherit;color:inherit;outline:none;min-width:0}
.busca input::placeholder{color:var(--fraco)}

.fchips{display:flex;flex-wrap:wrap;gap:6px;padding:9px 12px 8px;background:var(--card);border-bottom:1px solid var(--linha)}
.fchips .chip{padding:4px 10px;font-size:11.5px;display:inline-flex;align-items:center;gap:4px}
.fchips .chip .n{background:rgba(0,0,0,.12);border-radius:10px;padding:0 6px;font-size:10px}
.chip.on .n{background:rgba(255,255,255,.25)}
.fchips .chip.limpar{border-style:dashed;color:var(--fraco)}

/* a "folha" que um chip abre (no app é bottom-sheet; aqui, inline) */
.folha{background:var(--card);border-bottom:1px solid var(--linha);padding:8px 12px 10px}
.folha .ft{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--fraco);font-weight:700;margin-bottom:6px;display:flex}
.folha .ft .x{margin-left:auto;cursor:pointer;text-transform:none;letter-spacing:0;font-weight:600;color:var(--sel)}
.folha .ops{display:flex;flex-wrap:wrap;gap:6px}
.folha .op{border:1px solid var(--linha-forte);border-radius:9px;padding:4px 9px;font-size:11.5px;cursor:pointer;background:var(--bg);color:var(--corpo);display:inline-flex;align-items:center;gap:5px}
.folha .op.on{background:var(--sel-bg);border-color:var(--sel-bd);color:var(--sel);font-weight:700}
.folha .op .n{color:var(--fraco);font-size:10px}

.resumo-lista{display:flex;align-items:center;gap:8px;padding:9px 13px 2px;font-size:11px;color:var(--fraco)}
.resumo-lista b{color:var(--texto)}
.resumo-lista .ord{margin-left:auto;color:var(--sel);font-weight:600;cursor:pointer;white-space:nowrap}

/* pastilhas de andamento = cores da PLANILHA CONTROLE.xlsx, fixas nos 2 temas */
.pill{display:inline-block;font-size:9.5px;font-weight:800;border-radius:20px;padding:2px 8px;border:1px solid transparent;letter-spacing:.02em;white-space:nowrap;line-height:1.5}
.pill.homologada{color:#1a1a1a;background:#47D45A;border-color:#2BB83E}
.pill.desclassificado{color:#1a1a1a;background:#D9D9D9;border-color:#AEAEAE}
.pill.aguardando{color:#1a1a1a;background:#E59EDD;border-color:#D561C8}
.pill.andamento{color:#1a1a1a;background:#FFFF00;border-color:#CCCC00}
.pill.recurso{color:#1a1a1a;background:#E97132;border-color:#CC5516}
.pill.contra{color:#fff;background:#FF0000;border-color:#CC0000}
.pill.suspensa{color:#6E6E6E;background:#F4F4F4;border-color:#DADADA}
.pill.aberto{color:#3B2170;background:#C9B8EC;border-color:#A98AE0}
.pill.emp{color:#0A0A0A;background:#FF9900;border-color:#e08600;font-weight:800}   /* PALETA_EMPRESA do app.py: cores de marca, fixas nos 2 temas */
.pill.emp.vwm{color:#FFFFFF;background:#0A5AF6;border-color:#0846c0}
.pill.emp.megmed{color:#162E42;background:#FFFFFF;border-color:rgba(128,128,128,.45)}
.pill.herd{color:var(--azul);background:var(--azul-bg);border-color:var(--azul-bd)}

/* card de pregão na lista */
.pcard{background:var(--card);border:1px solid var(--linha);border-radius:13px;margin:8px 12px 0;padding:10px 12px 9px;box-shadow:var(--sombra);cursor:pointer;min-width:0;position:relative}
.pcard:active{background:var(--zebra)}
.pcard .l0{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:5px}
.pcard .l0 .ico{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:13px}
.pcard .org{font-size:13.5px;font-weight:700;line-height:1.3;word-break:break-word}
.pcard .meta{font-size:11px;color:var(--fraco);margin-top:2px;display:flex;flex-wrap:wrap;gap:0 6px}
.pcard .meta b{color:var(--corpo);font-weight:600}
.pcard .l3{display:flex;align-items:baseline;gap:8px;margin-top:6px;font-size:11px;color:var(--fraco);flex-wrap:wrap}
.pcard .l3 .val{margin-left:auto;font-size:14px;font-weight:800;color:var(--texto);font-variant-numeric:tabular-nums}
.pcard .nota-p{margin-top:6px;font-size:11.5px;color:var(--nota-tx);background:var(--nota-bg);border:1px solid var(--nota-bd);border-radius:8px;padding:5px 8px;display:flex;gap:6px;line-height:1.35}
.pcard .nota-p span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.estrela{color:#f5a623;font-size:14px}
.ico-link{width:14px;height:14px;stroke:var(--sel);fill:none;stroke-width:2;vertical-align:-2px}
.ico-link.off{stroke:var(--linha-forte)}
.sem-casa{font-size:9.5px;color:var(--fraco);border:1px dashed var(--linha-forte);border-radius:8px;padding:0 6px}

/* tela do pregão */
.cab-p{background:var(--card);border-bottom:1px solid var(--linha);padding:12px 13px 11px}
.cab-p .l0{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.cab-p h2{margin:0;font-size:16px;line-height:1.25;word-break:break-word}
.cab-p .meta{font-size:11.5px;color:var(--fraco);margin-top:4px;line-height:1.5}
.cab-p .meta b{color:var(--corpo);font-weight:600}
.acoes{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.acoes .bt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sel-bd);background:var(--sel-bg);color:var(--sel);border-radius:10px;padding:6px 10px;font-size:11.5px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none}
.acoes .bt.off{border-color:var(--linha);background:transparent;color:var(--fraco);font-weight:500;cursor:default}
.totais{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:10px 12px 2px}
.totais .t{background:var(--card);border:1px solid var(--linha);border-radius:11px;padding:8px 9px;min-width:0}
.totais .t .rot{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--fraco);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.totais .t b{display:block;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}
.totais .t.verde b{color:var(--verde)} .totais .t.amarelo b{color:var(--amarelo)}
.nota-full{margin:10px 12px 0;background:var(--nota-bg);border:1px solid var(--nota-bd);color:var(--nota-tx);border-radius:11px;padding:9px 11px;font-size:12px;line-height:1.45}
.nota-full .r{font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:800;margin-bottom:3px;opacity:.85}

/* card de item */
.icard{background:var(--card);border:1px solid var(--linha);border-radius:12px;margin:8px 12px 0;padding:9px 11px;box-shadow:var(--sombra);cursor:pointer;min-width:0}
.icard:active{background:var(--zebra)}
.icard .l0{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.icard .num{font-size:11px;font-weight:800;color:var(--fraco);background:var(--painel);border-radius:6px;padding:1px 6px}
.icard .l0 .dir{margin-left:auto;display:flex;gap:6px;align-items:center}
.icard .desc{font-size:12.5px;font-weight:600;line-height:1.3;margin-top:5px;word-break:break-word}
.icard .cat{font-size:10.5px;color:var(--fraco);margin-top:2px}
.icard .l3{display:flex;align-items:baseline;gap:8px;margin-top:5px;font-size:11px;color:var(--fraco);flex-wrap:wrap;font-variant-numeric:tabular-nums}
.icard .l3 .val{margin-left:auto;font-size:13.5px;font-weight:800;color:var(--texto)}
.icard.fora .desc,.icard.fora .l3 .val{color:var(--fraco);font-weight:600}

/* timeline do acompanhamento */
.tl{margin:4px 12px 0;padding:2px 0 4px 6px}
.tl .ev{position:relative;padding:0 0 12px 18px;border-left:2px solid var(--linha-forte);margin-left:6px}
.tl .ev:last-child{border-left-color:transparent}
.tl .ev::before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--sel);border:2px solid var(--card)}
.tl .ev.tipo-andamento::before{background:var(--verde)} .tl .ev.tipo-nota::before{background:var(--amarelo)}
.tl .q{font-size:10.5px;color:var(--fraco);font-variant-numeric:tabular-nums}
.tl .q b{color:var(--corpo);font-weight:600;margin-left:6px}
.tl .tx{font-size:12px;color:var(--texto);line-height:1.4;margin-top:1px}
.tl .vazio{font-size:11.5px;color:var(--fraco);padding:4px 0 10px 8px}

/* detalhe do item — ficha de campos */
.ficha{background:var(--card);border:1px solid var(--linha);border-radius:13px;margin:10px 12px 0;padding:4px 13px;box-shadow:var(--sombra)}
.ficha .campo{display:flex;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--linha);font-size:12.5px}
.ficha .campo:last-child{border-bottom:none}
.ficha .campo .k{flex:0 0 108px;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--fraco);font-weight:700}
.ficha .campo .v{flex:1;min-width:0;word-break:break-word;color:var(--texto)}
.ficha .campo .v.dim{color:var(--fraco)}
.ficha .campo .v.num{font-variant-numeric:tabular-nums;font-weight:700}
.ficha .campo .v .sim{color:var(--verde);font-weight:700} .ficha .campo .v .nao{color:var(--fraco)}

.rodape-leitura{text-align:center;font-size:10.5px;color:var(--fraco);padding:14px 20px 18px;line-height:1.5}