/* BGP › Pesquisa (19/09/2026) — tokens do tema (dark padrão, html[data-theme="light"] claro). */
:root { --bq-acc: #35e0d0; --bq-ok: #4ade80; --bq-warn: #fbbf24; --bq-crit: #f87171; --bq-info: #60a5fa; --bq-in: color-mix(in srgb, var(--bg-card) 70%, #000); --bq-line: color-mix(in srgb, var(--border) 85%, transparent); --bq-mono: "JetBrains Mono", ui-monospace, Menlo, monospace; }
html[data-theme="light"] { --bq-acc: #0f9488; --bq-ok: #15803d; --bq-warn: #b45309; --bq-crit: #dc2626; --bq-info: #2563eb; --bq-in: #fff; }

.bgpq-abas { display: flex; gap: 4px; border-bottom: 1px solid var(--bq-line); margin: 0 0 16px; }
.bgpq-abas button { padding: 8px 16px; font-size: 13.5px; font-weight: 600; color: var(--text-secondary); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer; }
.bgpq-abas button[aria-selected="true"] { color: var(--text-primary); border-bottom-color: var(--bq-acc); }
.bgpq-abas button:focus-visible { outline: 2px solid var(--bq-acc); outline-offset: 2px; }
[hidden] { display: none !important; }

.bgpq { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.bgpq .mono { font-family: var(--bq-mono); }
.bgpq-busca { display: flex; align-items: center; gap: 10px; border: 1px solid color-mix(in srgb, var(--bq-acc) 45%, var(--border)); border-radius: 14px; background: var(--bq-in); padding: 6px 6px 6px 14px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--bq-acc) 7%, transparent); }
.bgpq-busca__ico { color: var(--text-secondary); font-size: 18px; }
.bgpq-busca input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent !important; color: var(--text-primary); font: 500 15px var(--bq-mono); box-shadow: none !important; padding: 6px 0; }
.bgpq-busca input::placeholder { font-family: "DM Sans", system-ui, sans-serif; color: var(--text-secondary); opacity: .8; }
.bgpq-btn { border: 1px solid var(--border); border-radius: 10px; padding: 7px 14px; font-size: 13px; font-weight: 700; color: var(--text-primary); background: transparent; cursor: pointer; }
.bgpq-btn--pri { background: var(--bq-acc); border-color: transparent; color: #04211e; }
.bgpq-atalhos { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.bgpq-atalhos__rot { font-size: 12px; color: var(--text-secondary); }
.bgpq-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; padding: 3px 10px; border-radius: 99px; border: 1px solid var(--border); color: var(--text-primary); text-decoration: none; background: transparent; }
.bgpq-chip:hover { border-color: var(--bq-acc); }
.bgpq-chip--acc { color: var(--bq-acc); border-color: color-mix(in srgb, var(--bq-acc) 50%, transparent); }
.bgpq-chip--fora { color: var(--bq-crit); border-color: color-mix(in srgb, var(--bq-crit) 50%, transparent); }
.bgpq-chip.mono { font-size: 11.5px; }

.bgpq-carregando { display: flex; align-items: center; gap: 10px; padding: 18px; color: var(--text-secondary); font-size: 13px; }
.bgpq-spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--border); border-top-color: var(--bq-acc); animation: bgpqGira .8s linear infinite; }
@keyframes bgpqGira { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .bgpq-spin { animation: none; } }
.bgpq-erro { padding: 12px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--bq-crit) 40%, transparent); color: var(--bq-crit); margin: 0; }
.bgpq-avisos { font-size: 12px; color: var(--bq-warn); margin: 0; }
.bgpq-quando, .bgpq-fontes { font-size: 11.5px; color: var(--text-secondary); margin: 0; }

.bgpq-hd { display: flex; align-items: flex-start; gap: 14px; flex-wrap: wrap; }
.bgpq-hd__id { font: 700 24px var(--bq-mono); color: var(--bq-info); }
.bgpq-hd__tx { min-width: 0; flex: 1; }
.bgpq-hd__tx h3 { margin: 0; font-size: 19px; font-weight: 700; color: var(--text-primary); }
.bgpq-hd__tx p { margin: 3px 0 0; font-size: 13px; color: var(--text-secondary); }
.bgpq-hd__pills { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.bgpq-pill { display: inline-flex; align-items: center; font-size: 11.5px; font-weight: 700; padding: 2px 10px; border-radius: 99px; white-space: nowrap; text-decoration: none; }
.bgpq-pill--ok { color: var(--bq-ok); background: color-mix(in srgb, var(--bq-ok) 12%, transparent); }
.bgpq-pill--warn { color: var(--bq-warn); background: color-mix(in srgb, var(--bq-warn) 13%, transparent); }
.bgpq-pill--crit { color: var(--bq-crit); background: color-mix(in srgb, var(--bq-crit) 13%, transparent); }
.bgpq-pill--info { color: var(--bq-info); background: color-mix(in srgb, var(--bq-info) 12%, transparent); }
.bgpq-pill--mu { color: var(--text-secondary); background: color-mix(in srgb, var(--text-secondary) 12%, transparent); }

.bgpq-nos { border: 1px solid color-mix(in srgb, var(--bq-acc) 40%, transparent); background: color-mix(in srgb, var(--bq-acc) 6%, transparent); border-radius: 12px; padding: 10px 14px; font-size: 13px; color: var(--text-primary); display: flex; flex-direction: column; gap: 6px; }
.bgpq-nos p { margin: 0; }
.bgpq-nos__rot { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--bq-acc); font-weight: 800; }
.bgpq-crit { color: var(--bq-crit); }
.bgpq-warn { color: var(--bq-warn); }
.bgpq-mu { color: var(--text-secondary); font-size: 12px; }
.bgpq-dica { font-size: 12px; color: var(--text-secondary); margin: 6px 0 0; }
.bgpq-sess { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 6px 10px; border: 1px solid var(--bq-line); border-radius: 10px; background: color-mix(in srgb, var(--text-primary) 2%, transparent); }
.bgpq-sess__st { margin-left: auto; font-size: 12px; color: var(--text-secondary); }
.bgpq-sess--fora { border-color: color-mix(in srgb, var(--bq-crit) 45%, transparent); }
.bgpq-sess--fora .bgpq-sess__st { color: var(--bq-crit); font-weight: 600; }
.bgpq-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--bq-ok); flex: none; }
.bgpq-sess--fora .bgpq-dot { background: var(--bq-crit); }
.bgpq-sess--dis .bgpq-dot { background: var(--text-secondary); }
.bgpq-sub { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--text-secondary); font-weight: 800; margin-top: 4px; }
.bgpq-nos .bgpq-chip { margin: 2px 4px 2px 0; }

.bgpq-cols { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 14px; align-items: start; }
.bgpq-card { border: 1px solid var(--bq-line); border-radius: 14px; background: var(--bg-card); padding: 0 0 8px; overflow: hidden; }
.bgpq-card > h4 { margin: 0 0 4px; padding: 10px 14px; border-bottom: 1px solid var(--bq-line); font-size: 13.5px; color: var(--text-primary); display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.bgpq-card > h4 small { margin-left: auto; font-weight: 500; font-size: 11.5px; color: var(--text-secondary); }
.bgpq-card > .bgpq-sub, .bgpq-card > .bgpq-chips, .bgpq-card > .bgpq-dica, .bgpq-card > .bgpq-kpis { padding: 0 14px; }
.bgpq-chips { display: flex; flex-wrap: wrap; gap: 4px; padding-bottom: 6px; }
.bgpq-tab { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.bgpq-tab td { padding: 6px 14px; border-bottom: 1px solid var(--bq-line); color: var(--text-primary); vertical-align: middle; }
.bgpq-tab tr:last-child td { border-bottom: 0; }
.bgpq-tr-g td { font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-secondary); font-weight: 800; background: color-mix(in srgb, var(--text-primary) 3%, transparent); }
.bgpq-tr-nos td { background: color-mix(in srgb, var(--bq-acc) 7%, transparent); }
.bgpq-lk { color: var(--bq-info); text-decoration: none; }
.bgpq-lk:hover { text-decoration: underline; }
.bgpq-tag { font-size: 11px; color: var(--bq-acc); border: 1px solid color-mix(in srgb, var(--bq-acc) 40%, transparent); border-radius: 6px; padding: 0 6px; margin-left: 4px; white-space: nowrap; }
.bgpq-bar { height: 6px; min-width: 70px; border-radius: 99px; background: color-mix(in srgb, var(--bq-info) 14%, transparent); overflow: hidden; }
.bgpq-bar i { display: block; height: 100%; background: var(--bq-info); }
.bgpq-num { text-align: right; font-variant-numeric: tabular-nums; color: var(--text-secondary) !important; }
.bgpq-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding-top: 8px !important; padding-bottom: 8px !important; }
.bgpq-kpis b { display: block; font: 700 18px system-ui, sans-serif; color: var(--text-primary); }
.bgpq-kpis small { font-size: 11.5px; color: var(--text-secondary); }
.bgpq-vazio { padding: 10px 14px; margin: 0; color: var(--text-secondary); font-size: 13px; }

@media (max-width: 900px) {
  .bgpq-cols { grid-template-columns: minmax(0, 1fr); }
  .bgpq-busca { flex-wrap: wrap; }
  .bgpq-busca input { font-size: 14px; }
  .bgpq-hd__pills { justify-content: flex-start; }
  .bgpq-hd__id { font-size: 20px; }
  .bgpq-atalhos { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .bgpq-atalhos > * { flex: none; }
  .bgpq-tab td { padding: 6px 10px; }
  .bgpq-sess__st { margin-left: 0; width: 100%; }
}
@media (max-width: 900px) {
  .bgpq-hd__tx { flex-basis: 100%; }
  .bgpq-tab td { word-break: break-word; }
  .bgpq-tab .bgpq-pill { white-space: normal; }
}
.bgpq-tab .bgpq-lk.mono { white-space: nowrap; word-break: normal; }