/* Dorax Finance — "Does it match your bank?" (features/accounts/bank-check.js, v497): the panel, and the line at the end of an import. */
.bc { gap: 14px; }
.bc-lead { margin: 0; line-height: 1.5; }
.bc-ok { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: var(--r-mid); background: var(--good-bg); color: var(--ink); }
.bc-ok > svg { flex: none; width: 20px; height: 20px; color: var(--good); }
.bc-ok span, .bc-row .grow, .bc-cta .grow { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.bc-ok b, .bc-row b, .bc-cta b { font-weight: 500; color: var(--ink-strong); overflow-wrap: anywhere; }
.bc-ok small, .bc-row small, .bc-cta small { color: var(--ink-2); font-size: 13px; line-height: 1.45; }
.bc-sum { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; border: 1px solid var(--line); border-radius: var(--r-mid); overflow: hidden; background: var(--line); }
.bc-sum > div { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; background: var(--surface-0, var(--bg)); }
.bc-sum .bc-diff { grid-column: 1 / -1; }
.bc-sum dt { color: var(--ink-3); font-size: 12.5px; }
.bc-sum dd { margin: 0; color: var(--ink-strong); font-size: 17px; font-weight: 500; }
.bc-sum .bc-diff dd { color: var(--warn); }
.bc-h { margin: 6px 0 0; font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
.bc-list { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-mid); overflow: hidden; }
.bc-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 56px; padding: 10px 14px; background: none; border: 0; border-top: 1px solid var(--line); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.bc-row:first-child { border-top: 0; }
.bc-row:hover { background: var(--surface); }
.bc-row:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.bc-row.bc-start { border: 1px solid var(--line); border-radius: var(--r-mid); }
.bc-row .bc-eff { align-self: flex-start; margin-top: 4px; padding: 2px 8px; border-radius: 999px; background: var(--warn-bg); color: var(--warn); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.bc-chev { flex: none; display: grid; color: var(--ink-3); }
.bc-chev svg { width: 16px; height: 16px; }
.bc-left { margin: 0; }
/* the line at the end of an import */
.bc-after { margin: 12px 0 0; }
.bc-after:empty { display: none; }
.bc-cta { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--r-mid); background: var(--surface-0, transparent); color: var(--ink); font: inherit; text-align: left; cursor: pointer; }
.bc-cta > svg { flex: none; width: 18px; height: 18px; color: var(--ink-2); }
.bc-cta.ok { cursor: default; background: var(--good-bg); border-color: transparent; }
.bc-cta.ok > svg { color: var(--good); }
.bc-cta.warn { background: var(--warn-bg); border-color: transparent; }
.bc-cta.warn > svg:first-child { color: var(--warn); }
button.bc-cta:hover { background: var(--surface); }
button.bc-cta.warn:hover { filter: brightness(.98); }
button.bc-cta:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
/* the owner's v6 end of an import (features/phone/r6-success.js): on the page's black */
.bc-after.r6 { width: 100%; margin: 4px 0 8px; }
.bc-after.r6 .bc-cta { border-color: rgba(239, 241, 246, .08); background: rgba(239, 241, 246, .05); border-radius: 18px; padding: 14px 16px; }
.bc-after.r6 .bc-cta b { color: #EFF1F6; }
.bc-after.r6 .bc-cta small { color: rgba(239, 241, 246, .6); }
.bc-after.r6 .bc-cta > svg { color: rgba(239, 241, 246, .7); }
.bc-after.r6 .bc-cta.ok > svg { color: #9FD182; }
.bc-after.r6 .bc-cta.warn > svg:first-child { color: #FFC56B; }
.bc-took { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; }
.bc-took svg { flex: none; width: 16px; height: 16px; color: var(--good); }
.bc-miss { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.bc-miss .bc-h, .bc-miss .note { margin: 0; }
.bc-after.r6 .bc-took { color: rgba(239, 241, 246, .7); }
.bc-after.r6 .bc-took svg { color: #9FD182; }
.bc-after.r6 .bc-miss .bc-h { color: rgba(239, 241, 246, .55); }
.bc-after.r6 .bc-miss .note { color: rgba(239, 241, 246, .6); }
.bc-after.r6 .bc-list { border-color: rgba(239, 241, 246, .08); border-radius: 18px; }
.bc-after.r6 .bc-row { border-top-color: rgba(239, 241, 246, .07); }
.bc-after.r6 .bc-row b { color: #EFF1F6; }
.bc-after.r6 .bc-row small { color: rgba(239, 241, 246, .6); }