/* Bezbednost na delu – Nalog. Isti vizuelni jezik kao registar, oglasi i kalendar. */
.bndn-wrap { --bndn-navy: #0F3B61; --bndn-navy-2: #0B2F4E; --bndn-red: #C8232B; --bndn-red-2: #A81B22; --bndn-ink: #1B2733; --bndn-muted: #5B6B7B; --bndn-line: #DDE3EA; --bndn-soft: #F4F7FA; --bndn-green: #1E8E5A; --bndn-radius: 14px; --bndn-accent: #0F3B61;
    max-width: 1240px; margin: 0 auto; padding: 24px 20px 64px; font-family: Poppins, "Segoe UI", Roboto, Arial, sans-serif; font-size: 15px; line-height: 1.55; color: var(--bndn-ink); -webkit-font-smoothing: antialiased; }
.bndn-wrap *, .bndn-wrap *::before, .bndn-wrap *::after { box-sizing: border-box; }
.bndn-wrap h1, .bndn-wrap h2, .bndn-wrap h3, .bndn-wrap p, .bndn-wrap ul { margin: 0; padding: 0; }
.bndn-wrap h1, .bndn-wrap h2, .bndn-wrap h3 { font-family: inherit; color: var(--bndn-ink); letter-spacing: -.01em; line-height: 1.25; text-transform: none; }
.bndn-wrap h2 { font-size: 21px; font-weight: 700; }
.bndn-wrap h3 { font-size: 16px; font-weight: 600; }
.bndn-wrap a { color: var(--bndn-navy); text-decoration: none; }
.bndn-wrap a:hover { color: var(--bndn-red); }
.bndn-wrap [hidden] { display: none !important; }
.bndn-wrap button { font-family: inherit; }
.bndn-icon { flex: 0 0 auto; vertical-align: middle; }
.bndn-muted { color: var(--bndn-muted); }
.bndn-small { font-size: 13.5px; }
.bndn-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.bndn-eyebrow { font-size: 12.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--bndn-red); margin-bottom: 8px; }

.bndn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 11px; border: 1px solid transparent; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer; text-decoration: none !important; transition: background .15s, border-color .15s, color .15s; white-space: nowrap; }
.bndn-wrap .bndn-btn-red, .bndn-wrap .bndn-btn-red:focus { background: var(--bndn-red) !important; border-color: var(--bndn-red) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(200, 35, 43, .25); }
.bndn-wrap .bndn-btn-red:hover { background: var(--bndn-red-2) !important; border-color: var(--bndn-red-2) !important; color: #fff !important; }
.bndn-wrap .bndn-btn-navy, .bndn-wrap .bndn-btn-navy:focus { background: var(--bndn-navy) !important; border-color: var(--bndn-navy) !important; color: #fff !important; }
.bndn-wrap .bndn-btn-navy:hover { background: var(--bndn-navy-2) !important; color: #fff !important; }
.bndn-wrap .bndn-btn-ghost, .bndn-wrap .bndn-btn-ghost:focus { background: #fff !important; border-color: var(--bndn-line) !important; color: var(--bndn-navy) !important; }
.bndn-wrap .bndn-btn-ghost:hover { border-color: var(--bndn-navy) !important; }
.bndn-wrap .bndn-btn-glass, .bndn-wrap .bndn-btn-glass:focus { background: rgba(255, 255, 255, .1) !important; border-color: rgba(255, 255, 255, .28) !important; color: #fff !important; }
.bndn-wrap .bndn-btn-glass:hover { background: rgba(255, 255, 255, .18) !important; color: #fff !important; }
.bndn-wrap .bndn-btn-danger, .bndn-wrap .bndn-btn-danger:focus { background: #fff !important; border-color: #F3C9CB !important; color: var(--bndn-red) !important; }
.bndn-wrap .bndn-btn-danger:hover { background: #FDEEEF !important; }
.bndn-btn-lg { min-height: 50px; font-size: 15.5px; }
.bndn-btn-sm { min-height: 36px; padding: 6px 12px; font-size: 13.5px; border-radius: 9px; }
.bndn-btn-block { width: 100%; }
.bndn-btn[disabled], .bndn-btn.is-busy { opacity: .6; pointer-events: none; }
.bndn-btn.is-busy::after { content: ""; width: 15px; height: 15px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: bndn-spin .7s linear infinite; }
@keyframes bndn-spin { to { transform: rotate(360deg); } }
.bndn-wrap button.bndn-linkbtn, .bndn-wrap button.bndn-linkbtn:hover, .bndn-wrap button.bndn-linkbtn:focus { display: inline; padding: 0 !important; border: 0 !important; background: none !important; color: var(--bndn-navy) !important; font-size: inherit; font-weight: 600; cursor: pointer; box-shadow: none !important; }
.bndn-wrap button.bndn-linkbtn:hover { color: var(--bndn-red) !important; }
.bndn-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.bndn-pill-green { background: #E8F6EF; color: var(--bndn-green); }
.bndn-pill-warn { background: #FFF6E0; color: #9A6200; }
.bndn-pill-muted { background: #EEF1F4; color: var(--bndn-muted); }
.bndn-pill-navy { background: #EAF1F8; color: var(--bndn-navy); }
.bndn-badge { display: inline-flex; min-width: 20px; height: 20px; padding: 0 6px; align-items: center; justify-content: center; border-radius: 999px; background: var(--bndn-red); color: #fff; font-size: 12px; font-weight: 700; line-height: 1; }
.bndn-banner { display: flex; gap: 10px; align-items: flex-start; padding: 13px 16px; margin: 0 0 18px; border-radius: 12px; font-size: 14.5px; background: #EAF1F8; color: var(--bndn-navy); border: 1px solid #D3E1EE; }
.bndn-banner-green { background: #E8F6EF; color: #14653F; border-color: #C9EBD8; }
.bndn-banner-warn { background: #FFF6E0; color: #7A4D00; border-color: #F4DFA8; }
.bndn-banner-muted { background: #F1F3F6; color: #46525E; border-color: #E1E6EB; }
.bndn-box { padding: 24px; border: 1px solid var(--bndn-line); border-radius: 16px; background: #fff; }
.bndn-box > h3 { margin-bottom: 14px; color: var(--bndn-navy); }
.bndn-avatar { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 56px; height: 56px; border-radius: 14px; overflow: hidden; background: color-mix(in srgb, var(--bndn-accent) 12%, #fff); color: var(--bndn-accent); font-size: 18px; font-weight: 700; border: 1px solid color-mix(in srgb, var(--bndn-accent) 18%, #fff); }
.bndn-avatar.is-person { border-radius: 50%; }
.bndn-avatar.has-logo { background: #fff; border-color: var(--bndn-line); padding: 6px; }
.bndn-avatar img { width: 100%; height: 100%; object-fit: contain; }
.bndn-avatar-lg { width: 72px; height: 72px; font-size: 24px; background: rgba(255, 255, 255, .14); color: #fff; border-color: rgba(255, 255, 255, .25); }

/* Forms */
.bndn-form { display: grid; gap: 14px; }
.bndn-field { display: grid; gap: 6px; }
.bndn-field > label { font-size: 14px; font-weight: 600; }
.bndn-field label small { font-weight: 400; color: var(--bndn-muted); }
.bndn-wrap .bndn-form input:not([type=checkbox]):not([type=radio]) { width: 100%; min-height: 46px; padding: 10px 13px; margin: 0; border: 1px solid #CBD5DF; border-radius: 10px; background: #fff; font: inherit; font-size: 15px; color: var(--bndn-ink); box-shadow: none; }
.bndn-wrap .bndn-form input:focus { outline: none; border-color: var(--bndn-navy); box-shadow: 0 0 0 3px rgba(15, 59, 97, .12); }
.bndn-wrap .bndn-form input[readonly] { background: var(--bndn-soft); color: var(--bndn-muted); }
.bndn-wrap .bndn-form .has-error input { border-color: var(--bndn-red); }
.bndn-help { font-size: 12.5px; color: var(--bndn-muted); }
.bndn-error { display: none; font-size: 13px; color: var(--bndn-red); font-weight: 500; }
.bndn-error:not(:empty) { display: block; }
.bndn-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.bndn-check { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--bndn-muted); line-height: 1.5; cursor: pointer; }
.bndn-check input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--bndn-navy); flex: 0 0 auto; }
.bndn-check.has-error span { color: var(--bndn-red); }
.bndn-formmsg:empty { display: none; }
.bndn-formmsg { padding: 12px 14px; border-radius: 10px; font-size: 14px; background: #EAF1F8; color: var(--bndn-navy); }
.bndn-formmsg.is-error { background: #FDEEEF; color: var(--bndn-red-2); }
.bndn-formmsg.is-ok { background: #E8F6EF; color: #14653F; }
.bndn-alt { font-size: 13.5px; color: var(--bndn-muted); text-align: center; }

/* Auth page */
.bndn-auth-grid { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 28px; align-items: start; }
.bndn-auth-side { padding: 40px; border-radius: 20px; color: #fff; background: radial-gradient(1200px 400px at 100% 0%, rgba(200, 35, 43, .25), transparent 60%), linear-gradient(135deg, #0F3B61 0%, #0B2F4E 100%); position: relative; overflow: hidden; }
.bndn-auth-side::after { content: ""; position: absolute; inset: auto -40px -60px auto; width: 260px; height: 260px; border: 36px solid rgba(255, 255, 255, .05); border-radius: 50%; }
.bndn-auth-side .bndn-eyebrow { color: #FFB3B6; }
.bndn-wrap .bndn-auth-side h1 { color: #fff; font-size: clamp(26px, 3.4vw, 36px); font-weight: 700; }
.bndn-auth-side > p { margin-top: 12px; color: #CFDDEA; font-size: 16px; max-width: 520px; }
.bndn-perks { list-style: none !important; display: grid; gap: 12px; margin-top: 26px !important; position: relative; z-index: 1; }
.bndn-perks li { display: flex; gap: 12px; align-items: flex-start; margin: 0; color: #E3ECF4; font-size: 14.5px; }
.bndn-perks .bndn-icon { color: #FFB3B6; margin-top: 2px; }
.bndn-auth-box { padding: 28px; }
.bndn-tabs { display: flex; gap: 4px; padding: 4px; margin-bottom: 20px; border-radius: 12px; background: var(--bndn-soft); border: 1px solid var(--bndn-line); }
.bndn-wrap .bndn-tabs button, .bndn-wrap .bndn-tabs button:focus { flex: 1; min-height: 40px; padding: 6px 10px; border: 0 !important; border-radius: 9px; background: transparent !important; color: var(--bndn-muted) !important; font-size: 14px; font-weight: 600; cursor: pointer; box-shadow: none; }
.bndn-wrap .bndn-tabs button[aria-selected="true"] { background: #fff !important; color: var(--bndn-navy) !important; box-shadow: 0 1px 3px rgba(15, 59, 97, .15); }

/* Dashboard */
.bndn-dash-hero { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; padding: 26px 30px; border-radius: 20px; background: linear-gradient(135deg, #0F3B61, #0B2F4E); color: #fff; margin-bottom: 20px; border-bottom: 5px solid var(--bndn-red); }
.bndn-dash-who { display: flex; gap: 18px; align-items: center; }
.bndn-dash-hero .bndn-eyebrow { color: #FFB3B6; margin-bottom: 2px; }
.bndn-wrap .bndn-dash-hero h1 { color: #fff; font-size: clamp(22px, 3vw, 30px); font-weight: 700; }
.bndn-dash-hero p { color: #CFDDEA; font-size: 14px; margin-top: 2px; }
.bndn-dash-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 24px; align-items: start; }
.bndn-dash-nav { display: grid; gap: 4px; position: sticky; top: 20px; }
.bndn-dash-nav a { display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 11px; color: var(--bndn-ink); font-weight: 500; font-size: 14.5px; }
.bndn-dash-nav a:hover { background: var(--bndn-soft); color: var(--bndn-navy); }
.bndn-dash-nav a.is-active { background: #EEF4FA; color: var(--bndn-navy); font-weight: 600; }
.bndn-dash-nav .bndn-badge { margin-left: auto; }
.bndn-dash-main { min-width: 0; }
.bndn-tabhead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.bndn-tabhead p { margin-top: 4px; font-size: 14.5px; max-width: 640px; }
.bndn-tabhead-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.bndn-overview { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; }
.bndn-ocard { display: grid; gap: 4px; padding: 20px; border: 1px solid var(--bndn-line); border-radius: 16px; background: #fff; color: var(--bndn-ink) !important; transition: box-shadow .2s, border-color .15s; }
.bndn-ocard:hover { border-color: var(--bndn-navy); box-shadow: 0 10px 28px rgba(15, 59, 97, .1); }
.bndn-ocard-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: #EAF1F8; color: var(--bndn-navy); margin-bottom: 8px; }
.bndn-ocard strong { font-size: 30px; line-height: 1.1; color: var(--bndn-navy); }
.bndn-ocard-label { font-weight: 600; }
.bndn-ocard small { color: var(--bndn-muted); font-size: 13px; }
.bndn-tips { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; margin-top: 22px; }
.bndn-tip { display: flex; gap: 12px; padding: 16px; border-radius: var(--bndn-radius); background: var(--bndn-soft); font-size: 13.5px; color: var(--bndn-muted); }
.bndn-tip .bndn-icon { color: var(--bndn-navy); flex: 0 0 auto; }
.bndn-tip strong { display: block; color: var(--bndn-ink); font-size: 14px; margin-bottom: 2px; }
.bndn-cards { display: grid; gap: 12px; }
.bndn-card { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 18px; border: 1px solid var(--bndn-line); border-left: 4px solid var(--bndn-accent); border-radius: var(--bndn-radius); background: #fff; }
.bndn-card-body { min-width: 0; display: grid; gap: 5px; }
.bndn-card-top { display: flex; flex-wrap: wrap; gap: 6px; }
.bndn-card h3 { font-size: 16.5px; }
.bndn-card-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13.5px; color: var(--bndn-muted); }
.bndn-card-meta span { display: inline-flex; align-items: center; gap: 5px; }
.bndn-card-actions { display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.bndn-empty { text-align: center; padding: 44px 24px; border: 1px dashed #C9D3DD; border-radius: 16px; background: #FBFCFE; }
.bndn-empty-icon { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; border-radius: 50%; background: #EAF1F8; color: var(--bndn-navy); margin-bottom: 12px; }
.bndn-empty h3 { font-size: 18px; margin-bottom: 6px; }
.bndn-empty p { color: var(--bndn-muted); max-width: 520px; margin: 0 auto 16px; }
.bndn-empty .bndn-btn + .bndn-btn { margin-left: 8px; }
.bndn-table-wrap { overflow-x: auto; border: 1px solid var(--bndn-line); border-radius: 14px; background: #fff; }
.bndn-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.bndn-table th { text-align: left; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--bndn-muted); font-weight: 600; padding: 10px 18px; background: var(--bndn-soft); border: 0; }
.bndn-table td { padding: 12px 18px; border: 0; border-top: 1px solid #EEF1F4; vertical-align: top; }
.bndn-table td small { display: block; font-size: 12.5px; }
.bndn-profile-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.bndn-profile-side { display: grid; gap: 18px; }
.bndn-danger { border-color: #F3C9CB; }
.bndn-navlink { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }

@media (max-width: 960px) {
    .bndn-auth-grid { grid-template-columns: minmax(0, 1fr); }
    .bndn-auth-side { padding: 28px 24px; }
    .bndn-dash-layout { grid-template-columns: minmax(0, 1fr); }
    .bndn-dash-nav { position: static; display: flex; gap: 4px; overflow-x: auto; padding-bottom: 4px; }
    .bndn-dash-nav a { white-space: nowrap; padding: 9px 12px; }
    .bndn-profile-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
    .bndn-wrap { padding: 16px 16px 48px; }
    .bndn-card { grid-template-columns: 46px minmax(0, 1fr); }
    .bndn-avatar { width: 46px; height: 46px; font-size: 15px; }
    .bndn-card-actions { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
    .bndn-grid-2 { grid-template-columns: minmax(0, 1fr); }
    .bndn-dash-hero { padding: 20px; }
    .bndn-dash-hero .bndn-btn { width: 100%; }
    .bndn-tabhead .bndn-btn, .bndn-tabhead-actions { width: 100%; }
    .bndn-tabhead-actions .bndn-btn { flex: 1; }
    .bndn-auth-box { padding: 20px; }
}

/* ------------------------------------------------------------------
 * 1.1.0 – Članski broj u zaglavlju
 * ---------------------------------------------------------------- */
.bndn-memberno { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 5px 12px 5px 6px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .18); color: #fff; font-size: 12.5px; line-height: 1.3; text-decoration: none !important; }
.bndn-wrap a.bndn-memberno, .bndn-wrap a.bndn-memberno:hover { color: #fff; }
.bndn-wrap a.bndn-memberno:hover { background: rgba(255, 255, 255, .16); }
.bndn-memberno-ic { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: var(--bndn-red); }
.bndn-memberno span { color: #CFDDEA; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; font-size: 11px; }
.bndn-memberno b { font-weight: 700; letter-spacing: .05em; font-size: 14px; font-variant-numeric: tabular-nums; }
.bndn-memberno.is-pending { padding-left: 12px; }
.bndn-memberno.is-pending b { font-weight: 500; letter-spacing: 0; font-size: 12.5px; color: #FFE2A8; }

/* ------------------------------------------------------------------
 * Članska karta (85,6 × 54 mm, ISO/IEC 7810 ID-1)
 * Sve mere su u cqw, pa se karta skalira kao slika.
 * ---------------------------------------------------------------- */
.bndn-mcard-stage { padding: 34px 20px; border-radius: 20px; background: radial-gradient(120% 90% at 20% 0%, #F4F7FA 0%, #E6EDF4 100%); display: flex; justify-content: center; }
.bndn-mcard { container-type: inline-size; position: relative; width: 100%; max-width: 560px; aspect-ratio: 85.6 / 54; overflow: hidden; border-radius: 3.715% / 5.89%; /* ISO/IEC 7810 ID-1: 3,18 mm */ background: #fff; color: #103E66; box-shadow: 0 1px 0 rgba(15, 59, 97, .06), 0 18px 44px rgba(15, 59, 97, .18), 0 4px 10px rgba(15, 59, 97, .08); font-family: Poppins, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.2; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.bndn-mcard::before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, rgba(255, 255, 255, 0) 40%, rgba(15, 59, 97, .035) 60%, rgba(255, 255, 255, 0) 75%); pointer-events: none; }
.bndn-mcard-mark { position: absolute; right: 3cqw; top: 7cqw; width: 40cqw; height: auto; opacity: .05; pointer-events: none; }
.bndn-mcard-top { position: absolute; left: 6cqw; right: 6cqw; top: 5.4cqw; display: flex; align-items: center; justify-content: space-between; gap: 3cqw; }
.bndn-mcard-logo { display: block; height: 8.4cqw; width: auto; max-width: none; }
.bndn-mcard-kind { font-size: 2.15cqw; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #C92127; white-space: nowrap; padding: 1cqw 1.8cqw; border: .25cqw solid rgba(201, 33, 39, .35); border-radius: 99cqw; }
.bndn-mcard-mid { position: absolute; left: 6cqw; right: 6cqw; top: 19.5cqw; bottom: 22.5cqw; display: flex; align-items: center; justify-content: space-between; gap: 4cqw; }
.bndn-mcard-person { min-width: 0; display: flex; flex-direction: column; gap: .9cqw; }
.bndn-mcard-lbl { display: block; font-size: 1.85cqw; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #6B7C8D; }
.bndn-mcard-name { display: block; font-size: 5.4cqw; font-weight: 700; letter-spacing: -.01em; color: #103E66; line-height: 1.08; overflow-wrap: anywhere; }
.bndn-mcard-org, .bndn-mcard-role { display: block; font-size: 2.55cqw; font-weight: 600; color: #2E4458; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60cqw; }
.bndn-mcard-role { font-weight: 400; color: #5B6B7B; margin-top: -.5cqw; }
.bndn-mcard-qr { flex: 0 0 auto; width: 18.5cqw; height: 18.5cqw; padding: 1.3cqw; border-radius: 2.2cqw; background: #fff; border: .25cqw solid #DDE3EA; }
.bndn-mcard-qr svg { display: block; width: 100%; height: 100%; }
.bndn-mcard-band { position: absolute; left: 0; right: 0; bottom: 0; height: 19cqw; padding: 0 6cqw; display: flex; align-items: center; justify-content: space-between; gap: 4cqw; background: linear-gradient(120deg, #103E66 0%, #0B2F4E 100%); border-top: .9cqw solid #C92127; color: #fff; }
.bndn-mcard-band .bndn-mcard-lbl { color: #9FB6CC; margin-bottom: .6cqw; }
.bndn-mcard-no { display: block; font-size: 5.3cqw; font-weight: 700; letter-spacing: .08em; color: #fff; font-variant-numeric: tabular-nums; line-height: 1; }
.bndn-mcard-since { text-align: right; }
.bndn-mcard-since strong { display: block; font-size: 2.9cqw; font-weight: 600; color: #fff; line-height: 1; }
.bndn-mcard-msg { text-align: center; margin-top: 10px; min-height: 1.4em; }

/* Javna provera karte */
.bndn-verify { max-width: 560px; padding-top: 48px; }
.bndn-verify-box { position: relative; padding: 36px 32px 26px; border-radius: 22px; background: #fff; border: 1px solid var(--bndn-line); box-shadow: 0 18px 44px rgba(15, 59, 97, .1); text-align: center; border-top: 6px solid var(--bndn-green); }
.bndn-verify-box.is-bad { border-top-color: var(--bndn-red); }
.bndn-verify-logo { display: block; height: 34px; width: auto; margin: 0 auto 26px; }
.bndn-verify-icon { display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; border-radius: 999px; background: #E8F6EF; color: var(--bndn-green); margin-bottom: 14px; }
.bndn-verify-box.is-bad .bndn-verify-icon { background: #FDEEEF; color: var(--bndn-red); }
.bndn-wrap .bndn-verify-box h1 { font-size: 26px; font-weight: 700; color: var(--bndn-navy); margin-bottom: 6px; }
.bndn-verify-rows { margin: 22px 0 0; display: grid; gap: 0; text-align: left; border: 1px solid var(--bndn-line); border-radius: 14px; overflow: hidden; }
.bndn-verify-rows div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; border-top: 1px solid var(--bndn-line); }
.bndn-verify-rows div:first-child { border-top: 0; }
.bndn-verify-rows dt { color: var(--bndn-muted); font-size: 14px; }
.bndn-verify-rows dd { margin: 0; font-weight: 600; color: var(--bndn-ink); text-align: right; }
.bndn-verify-rows dd strong { color: var(--bndn-navy); letter-spacing: .05em; }
.bndn-verify-foot { margin-top: 20px !important; }

@media (max-width: 720px) {
    .bndn-mcard-stage { padding: 18px 10px; border-radius: 16px; }
    .bndn-memberno { margin-top: 8px; }
    .bndn-verify { padding-top: 20px; }
    .bndn-verify-box { padding: 28px 18px 20px; }
}

/* Štampa: samo karta, u stvarnoj veličini */
@media print {
    body.bndn-printing * { visibility: hidden !important; }
    body.bndn-printing .bndn-mcard, body.bndn-printing .bndn-mcard * { visibility: visible !important; }
    body.bndn-printing .bndn-mcard { position: fixed !important; left: 12mm; top: 12mm; width: 85.6mm !important; max-width: none !important; box-shadow: none !important; border: .2mm solid #cfd6de; border-radius: 3.18mm; }
    @page { margin: 0; }
}

/* 1.1.2 – samostalna stranica provere (bez teme) */
.bndn-verify-page .bndn-verify { width: 100%; padding: 24px 16px; }
.bndn-wrap .bndn-verify-home { margin-top: 22px; }
.bndn-verify-page .bndn-verify-foot { margin-top: 14px !important; }