/* A busca (Ctrl/⌘+K) — ver busca.js. Tokens do index.html; peças do kit s-* (secoes.css). */

/* o botão de lupa no topo da lateral, ao lado do nome */
#abrirBusca {
  margin-left:auto; display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 8px 0 7px;
  border:1px solid var(--vidro-brd); border-radius:9px; background:rgba(2,5,12,.32); color:var(--muted);
  font:inherit; cursor:pointer; box-shadow:inset 0 1px 2px rgba(0,0,0,.25); transition:color .15s, border-color .15s;
}
#abrirBusca:hover { color:var(--text); border-color:var(--line); }
#abrirBusca:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
#abrirBusca svg.ic { width:15px; height:15px; }
#abrirBusca kbd { font:inherit; font-size:10.5px; font-weight:600; letter-spacing:.02em; opacity:.8; }
@media (hover:none), (max-width:860px) { #abrirBusca kbd { display:none; } #abrirBusca { padding:0 7px; } }

/* a paleta */
.overlay.b-overlay { align-items:flex-start; padding-top:min(12vh, 110px); }
.card.b-card {
  width:min(640px, 100%); max-height:min(76vh, 680px); padding:0; overflow:hidden;
  display:flex; flex-direction:column;
}
.b-campo { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid var(--vidro-brd); }
.b-campo svg.ic { color:var(--accent); }
.b-campo input {
  flex:1; min-width:0; margin:0; padding:6px 0; border:none; background:none; border-radius:0; font-size:16px; outline:none;
}
.b-campo input::-webkit-search-cancel-button { display:none; }
.b-estado { font-size:11.5px; color:var(--muted); white-space:nowrap; opacity:0; transition:opacity .15s; }
.b-estado.on { opacity:1; }
.b-esc {
  flex:none; border:1px solid var(--vidro-brd); border-radius:7px; background:none; color:var(--muted);
  font:inherit; font-size:11px; font-weight:600; padding:3px 7px; cursor:pointer;
}
.b-esc:hover { color:var(--text); }

.b-res { flex:1; min-height:0; overflow:auto; padding:6px 8px 10px; overscroll-behavior:contain; }
.b-grupo + .b-grupo { margin-top:4px; }
.b-grupo-rot { font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); padding:10px 10px 5px; }
.b-item {
  display:flex; align-items:flex-start; gap:11px; padding:9px 10px; border-radius:11px; cursor:pointer;
  border:1px solid transparent; min-width:0;
}
.b-item.sel { background:rgba(56,189,248,.11); border-color:rgba(56,189,248,.28); }
.b-item.b-aberto { cursor:default; background:var(--vidro-leve); border-color:var(--vidro-brd); }
.b-item.b-aberto.sel { border-color:rgba(56,189,248,.4); }
.b-ic {
  flex:none; width:28px; height:28px; display:grid; place-items:center; border-radius:8px;
  background:rgba(255,255,255,.05); color:var(--muted);
}
.b-item.sel .b-ic { color:var(--accent); background:rgba(56,189,248,.14); }
.b-ic-txt { font-size:14px; }
.b-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.b-tit { font-size:13.5px; font-weight:600; color:var(--text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.b-aberto .b-tit { white-space:normal; overflow-wrap:anywhere; }
.b-trecho { font-size:12.5px; color:var(--muted); line-height:1.45; overflow-wrap:anywhere;
            display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.b-meta { display:flex; flex-wrap:wrap; gap:2px 6px; font-size:11.5px; color:var(--muted); opacity:.85; margin-top:1px; }
.b-ponto { opacity:.5; }
.b-item mark { background:rgba(245,181,68,.22); color:var(--text); border-radius:3px; padding:0 1px; }
.b-atalho .b-tit { color:var(--text); }

/* o pedido aberto ali mesmo */
.b-exp { margin-top:10px; display:flex; flex-direction:column; gap:8px; cursor:auto; }
.b-exp-rot { font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); }
.b-exp-acoes { display:flex; gap:8px; flex-wrap:wrap; margin-top:4px; }
.b-md {
  max-height:300px; overflow:auto; padding:10px 12px; border-radius:10px; background:rgba(2,5,12,.45);
  border:1px solid var(--vidro-brd); font-size:13.5px; line-height:1.55; color:var(--text); overflow-wrap:anywhere; min-width:0;
}
.b-md-cru { white-space:pre-wrap; }
.b-md > :first-child { margin-top:0; }
.b-md > :last-child { margin-bottom:0; }
.b-md p { margin:0 0 8px; }
.b-md h1, .b-md h2, .b-md h3, .b-md h4 { font-size:14.5px; margin:12px 0 6px; }
.b-md ul, .b-md ol { margin:0 0 8px; padding-left:20px; }
.b-md code { font-family:var(--mono); font-size:12px; background:rgba(255,255,255,.07); padding:1px 5px; border-radius:5px; }
.b-md pre { margin:0 0 8px; padding:9px 11px; border-radius:8px; background:rgba(0,0,0,.35); overflow:auto; }
.b-md pre code { background:none; padding:0; }
.b-md a { color:var(--accent); }
.b-md table { border-collapse:collapse; font-size:12.5px; display:block; overflow:auto; }
.b-md th, .b-md td { border:1px solid var(--vidro-brd); padding:4px 8px; }

.b-dica, .b-nada { padding:18px 12px; color:var(--muted); font-size:13px; text-align:center; }
.b-nada b { color:var(--text); }

.b-pe {
  display:flex; gap:16px; padding:9px 14px; border-top:1px solid var(--vidro-brd); font-size:11.5px; color:var(--muted);
}
.b-pe kbd {
  display:inline-block; min-width:18px; padding:1px 5px; margin-right:2px; border-radius:5px; text-align:center;
  border:1px solid var(--vidro-brd); background:rgba(255,255,255,.04); font:inherit; font-size:10.5px; color:var(--text);
}

@media (max-width:860px) {
  .overlay.b-overlay { padding:8px; padding-top:8px; }
  .card.b-card { max-height:calc(100dvh - 16px); border-radius:16px; }
  .b-pe { display:none; }
  .b-campo input { font-size:16px; }
}