/* 銀行代碼查詢；共用元件沿用 site.css */
#bc-tool [hidden] { display: none !important; }
#bc-q, #bc-bq { font-size: 1.25rem; min-height: 52px; }
.bc-searchrow { display: flex; gap: 8px; align-items: flex-end; }
.bc-searchrow .qr-field { flex: 1; min-width: 0; }
.bc-searchrow .btn { margin-bottom: 10px; }
.bc-quick-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 4px; }
.bc-quick { text-align: left; }
.bc-quick b { margin-right: .4em; }
.bc-quick b, .bc-bcode, .bc-cell b { font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.bc-count { color: var(--muted); font-size: 1rem; margin: .5rem 0; }
.bc-item { display: flex; gap: 8px; align-items: stretch; margin: 8px 0; }
.bc-pick { flex: 1; min-width: 0; text-align: left; border: 1px solid var(--line); border-radius: 10px; background: #fff; padding: 8px 12px; cursor: pointer; font: inherit; color: var(--fg); display: grid; grid-template-columns: 3.2em 1fr; gap: 0 10px; align-items: baseline; min-height: 56px; }
.bc-pick:hover, .bc-pick:focus-visible { border-color: var(--brand); background: #eff4ff; }
.bc-bcode { font-weight: 700; font-size: 1.3rem; color: var(--brand-dark); grid-row: span 2; }
.bc-bname { font-weight: 600; overflow-wrap: anywhere; }
.bc-bmeta { color: var(--muted); font-size: .9rem; grid-column: 2; }
.bc-copy { white-space: nowrap; flex: none; }
.bc-item .bc-copy { align-self: center; }
#bc-panel { border-top: 2px solid var(--line); margin-top: 1rem; padding-top: .5rem; }
#bc-panel h2 { margin: .5rem 0 .25rem; overflow-wrap: anywhere; }
#bc-pcode { margin: 0 0 .25rem; font-size: 1.1rem; }
#bc-pcode b { font-size: 1.4rem; letter-spacing: .06em; margin-right: 4px; }
#bc-phead { color: var(--muted); font-size: .95rem; margin: 0 0 .5rem; }
.bc-filters { display: grid; grid-template-columns: 1fr 12em; gap: 0 12px; }
.bc-filters > * { min-width: 0; }
.bc-row { display: grid; grid-template-columns: minmax(0, 17em) 1fr; gap: 6px 14px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.bc-codes { display: flex; flex-direction: column; gap: 4px; }
.bc-cell { display: grid; grid-template-columns: 4.6em 6.2em auto; align-items: center; gap: 8px; justify-content: start; }
.bc-cell b { font-size: 1.15rem; }
.bc-lab { color: var(--muted); font-size: .85rem; }
.bc-annot { display: block; color: var(--muted); font-weight: 400; font-size: .85rem; }
.bc-warn { color: var(--warn); font-weight: 600; }
#bc-pnote { color: var(--muted); font-size: .95rem; margin: 0 0 .5rem; }
.bc-name { font-weight: 600; overflow-wrap: anywhere; }
.bc-addr { color: var(--muted); font-size: .95rem; overflow-wrap: anywhere; }
#bc-more { margin: 12px 0 0; width: 100%; }
@media (max-width: 560px) {
  .bc-row { grid-template-columns: 1fr; }
  .bc-filters { grid-template-columns: 1fr; }
  .bc-item { flex-wrap: wrap; }
  .bc-item .bc-copy { flex: 1 1 100%; }
}