/* Específico do painel do síndico (/painel). O tema base (cores, sidebar, tabela,
   stats, cards de aparelho, botões, responsivo) vem de /dashboard/app.css, que o
   shell também linka. Aqui só o que é novo: a barra de busca/filtro da home de
   pacotes e o "carregar mais". Usa as mesmas variáveis de tema do base. */

/* ---- tela de criar nova senha (login com must_change_password) ---- */
.pwtitle{font-size:24px;font-weight:700;margin:4px 0 6px}

/* ---- barra de busca + filtro de status (home de pacotes) ---- */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 4px}
/* campo segue o tema: branco no claro, escuro no dark (var(--panel) é #fff no
   claro e o painel escuro no dark); ícone de lupa (SVG embutido, cinza —
   contrasta nos dois fundos) à esquerda do campo; padding-left abre espaço
   pro texto não passar por baixo. */
.toolbar .search{flex:1 1 220px;min-width:160px;width:auto;padding-left:36px;
  background-color:var(--panel);color:var(--fg);border-color:var(--line);
  background-repeat:no-repeat;background-position:11px center;background-size:16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E")}
.toolbar .search::placeholder{color:#98a2b0}
/* ícone de código de barras DENTRO do campo (direita): abre a câmera/galeria
   e manda a foto do recibo pro /panel/scan (QR/CODE39 no server) — achou,
   navega pro detalhe do volume. Mesmo desenho da lupa: SVG embutido, cinza. */
.searchwrap{position:relative;display:flex;flex:1 1 220px;min-width:160px}
.searchwrap .search{flex:1 1 auto;min-width:0;width:100%;padding-right:42px}
.searchwrap .scanbtn{position:absolute;right:2px;top:50%;transform:translateY(-50%);
  width:36px;height:34px;border:0;background-color:transparent;border-radius:6px;cursor:pointer;
  background-repeat:no-repeat;background-position:center;background-size:19px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='%2364748b'%3E%3Cpath d='M2 5h2v14H2zM6 5h1v14H6zM9 5h2v14H9zM13 5h1v14h-1zM16 5h3v14h-3zM21 5h1v14h-1z'/%3E%3C/svg%3E")}
.searchwrap .scanbtn:hover{background-color:var(--panel2)}
.searchwrap .scanbtn.busy{animation:scanbusy 1s linear infinite;cursor:default}
.searchwrap input[type=file]{display:none}
@keyframes scanbusy{50%{opacity:.25}}
/* filtro de status: os próprios cards de resumo (todos / na portaria /
   retirados) — o card marcado .on é o filtro ativo da listagem */
a.stat.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
/* mobile: 2 colunas fixas (o auto-fit do base espremia os 4 cards numa linha) */
@media(max-width:640px){.stats{grid-template-columns:1fr 1fr}}

/* ---- rodapé da listagem: "carregar mais" centralizado + contagem ---- */
.loadwrap{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0 4px}
.loadwrap .count{font-size:11px;color:var(--faint)}

/* ---- login: botão "Entrar com Biometria" (ícone de digital + texto) ---- */
.btn.pkbio{display:flex;align-items:center;justify-content:center;gap:8px}
.btn.pkbio svg{flex:none}
.btn.pkbio[hidden]{display:none}

/* ---- detalhe de volume: botão "Compartilhar Comprovante" 100% no mobile ---- */
@media(max-width:640px){.cpshare{display:block;width:100%;text-align:center;padding:11px 14px}}