/* Demo Bank - shared styles for Internet Banking (ib) and the ops console (ops). Vendored Bootstrap 5.3 underneath. */
:root {
  --db-navy: #14325c;
  --db-orange: #e8710a;
}
body.ib { font-size: 18px; background: #f4f6fa; }
body.ops { font-size: 16px; background: #f6f7f9; }
body.ib .form-control, body.ib .btn, body.ib .form-select { font-size: 18px; }
body.ib .btn-lg { font-size: 20px; padding: .7rem 1.4rem; }

.db-header { background: var(--db-navy); color: #fff; }
.db-header a, .db-header .navbar-brand { color: #fff; }
.db-header .brand { font-weight: 700; font-size: 1.35em; letter-spacing: .02em; }

/* Required on every bank-side page (contract: exact wording "Bank-side reference implementation"). */
.ref-badge {
  display: inline-block; background: var(--db-orange); color: #fff; font-weight: 700;
  border-radius: 999px; padding: .25em .9em; font-size: .85em; white-space: nowrap;
}

.num { text-align: right; font-variant-numeric: tabular-nums; }
.match-number { font-size: 120px; font-weight: 800; line-height: 1; color: var(--db-navy); letter-spacing: .05em; }
.countdown { font-size: 1.4em; font-weight: 600; }
.card-big { max-width: 640px; margin: 2.5rem auto; }
.status-box { min-height: 4.5rem; }
.sample-img { max-width: 100%; border: 2px dashed #b3b9c4; border-radius: 8px; }
.mock-tag { background: #6c757d; color: #fff; border-radius: 4px; padding: .1em .5em; font-size: .8em; font-weight: 600; }

/* ops */
.ops-nav { min-height: calc(100vh - 56px); background: #fff; border-right: 1px solid #e3e6ea; }
.ops-nav .nav-link { color: #222; padding: .6rem 1rem; border-radius: 6px; }
.ops-nav .nav-link.active { background: var(--db-navy); color: #fff; }
.tile { background: #fff; border: 1px solid #e3e6ea; border-radius: 10px; padding: 1rem 1.2rem; }
.tile .value { font-size: 2.6rem; font-weight: 800; color: var(--db-navy); line-height: 1.1; }
.tile .label { color: #555; font-weight: 600; }
.ev-icon { display: inline-block; width: 1.6em; text-align: center; font-weight: 700; border-radius: 4px; }
.ev-ok { color: #1a7f37; }
.ev-bad { color: #c62828; }
.ev-warn { color: #b26a00; }
.ev-info { color: #14325c; }
table.table td, table.table th { vertical-align: middle; }