/* Hub screen (signed-in section picker) + BNB Construction section. Reuses the ht-* building blocks from hometeam.css. */

/* Legend chips */
.bc-legend { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; }
.bc-leg { display: inline-flex; align-items: center; gap: 6px; background: var(--panel-2); border: 1px solid var(--line); color: var(--text); font: 600 11px Montserrat, sans-serif; padding: 5px 8px; cursor: pointer; }
.bc-leg i { width: 9px; height: 9px; border-radius: 50%; }
.bc-leg b { color: var(--muted); font-weight: 600; }
.bc-leg:hover { border-color: var(--teal); }

/* List rows */
.bc-row { grid-template-columns: 10px 1fr auto; }
.bc-swatch { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex: none; }
.bc-pill { font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--c); border: 1px solid color-mix(in srgb, var(--c) 45%, transparent); padding: 3px 6px; max-width: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bc-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; vertical-align: 0; }

/* Card */
.bc-hero { background-color: #1b2023; }
.bc-issues { margin-top: 16px; border: 1px solid rgba(255,107,94,.4); background: rgba(255,107,94,.08); padding: 10px 12px; }
.bc-issues p { margin: 6px 0 0; font-size: 13px; }
.bc-xcheck { display: grid; gap: 8px; }
.bc-xcheck div { display: grid; grid-template-columns: 26px 1fr; column-gap: 8px; background: var(--panel-2); border: 1px solid var(--line); padding: 10px; }
.bc-xcheck b { font-size: 13px; }
.bc-xcheck small { grid-column: 2; font-size: 12px; color: var(--muted); margin-top: 2px; }
.bc-yn { grid-row: span 2; width: 22px; height: 22px; display: grid; place-items: center; font-weight: 700; font-size: 12px; border-radius: 50%; }
.bc-yn.y { background: rgba(26,175,169,.18); color: var(--teal); }
.bc-yn.n { background: rgba(255,107,94,.15); color: var(--danger); }

/* Analytics */
.bc-stack { display: flex; }
.bc-stack i { height: 100%; }
.bc-xgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 28px; }
.bc-xgrid h4 { margin: 0; font-size: 14px; display: flex; justify-content: space-between; gap: 8px; }
.bc-xgrid h4 b { color: var(--danger); }
.bc-xgrid .muted { margin: 4px 0 8px; }
.bc-xgrid .ht-watch li { grid-template-columns: 10px 1fr auto; }
#bc-ana-body .ht-watch li { cursor: pointer; }

body.bc-overlay .leaflet-control-zoom { display: none; }

@media (max-width: 1100px) { .bc-xgrid { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  body.bc-overlay #bc-panel { height: auto; }
  body.bc-overlay #bc-panel :is(#bc-list, #bc-q, .ht-filters, .ht-colorby, .bc-legend, .ht-count-row) { display: none; }
  body.bc-overlay #bc-panel .tabs { margin-bottom: 0; }
  body.bc-overlay #bc-analytics { bottom: 96px; }
}
.bc-tabs { grid-template-columns: repeat(2, 1fr) !important; }