/* BPN operational edition: same brand, restrained colour and readable controls. */
:root,body{--paper:#c4cecd;--ink:#111412;--orange:#ce2b0b;--muted:#46554b;--line:#b0bcb3;--green:#20644d}
body{background:#c4cecd;color:#111412;font-family:Arial,Helvetica,sans-serif}
h1,h2,h3{letter-spacing:-.045em}h1{font-size:clamp(30px,3.4vw,48px);font-weight:750;line-height:1.08}h2{font-weight:650}
.topbar{background:#c4cecd;border-bottom:1px solid #9eaaa7;padding:20px 26px}
.demo-banner{background:#252d29;color:#f2f4ed;border:0;border-bottom:1px solid #536159;font-size:14px}
.layout{max-width:1680px}.sidebar{background:#d4dcd5;border-right:1px solid #a4b1a7;gap:5px}
.sidebar button{border-radius:3px;font-size:16px;color:#25332c;min-height:46px;box-shadow:none}
.sidebar button span{color:#526057}.sidebar button.active{background:#252d29;color:#fff;box-shadow:inset 3px 0 #ef3b16}.sidebar button.active span{color:#ffad94}.sidebar button:hover:not(.active){background:#e6ebe4}
.workspace{padding:34px}.page-heading h1{color:#111412}.page-heading p{color:#405047;font-size:17px;line-height:1.6}
.card{background:#f0f3ec;border:1px solid #b0bcb3;border-radius:5px;box-shadow:none;padding:25px}
.grid>.card:not(.pass-card),.directory .grid>.card:nth-child(n){border-top:2px solid #7c8b80}
.metric{color:#111412;font-weight:700}.metric.orange{color:#b62a0c}.directory h2.section-title{color:#25332c}
.btn{border-radius:3px;min-height:47px;background:#f4f6f0;border-color:#9baa9e;color:#25332c;font-size:16px;box-shadow:none}
.btn.primary{background:#ce2b0b;border-color:#ce2b0b;color:#fff}.btn.orange{background:#252d29;border-color:#252d29;color:#fff}.btn.danger{background:#fff0eb;color:#9e2910;border-color:#cf9a8b}
.btn:focus-visible,button:focus-visible{outline:3px solid #ce2b0b;outline-offset:3px}
.notice{background:#e9eee6;border-left:3px solid #718276;border-radius:0 4px 4px 0;color:#253d2e;font-size:16px;line-height:1.65}.notice.warm{background:#f9e8df;color:#633824;border-left-color:#ce2b0b}
small,.muted{color:#46554b;font-size:14px;line-height:1.6}.profile-badge{background:#e6ece1;color:#354b3a}.count{background:#d6dfd1;color:#354b3a}
.pass-card{background:#252d29;border:1px solid #54665a;color:#fff;border-top:3px solid #ef3b16}.pass-card p,.pass-card small{color:#e1e8df}.pass-card .metric{color:#ffad94}.pass-card .tag{color:#fff}
.table-wrap{border-radius:4px;border-color:#acb9af;box-shadow:none;background:#f3f5ee}th{background:#dce4da;color:#354c3b;font-size:15px}td{color:#25332c;font-size:16px;border-color:#c5cfc4}
input,select,textarea{border-radius:3px;background:#f9faf6;border-color:#a0b09f;color:#1d3022;font-size:16px}input::placeholder,textarea::placeholder{color:#5b6d5d}input:focus,select:focus,textarea:focus{outline:2px solid #ce2b0b;outline-offset:2px}
dialog{border-radius:6px;background:#f0f3ec;color:#111412;border:1px solid #9fae9f}dialog::backdrop{background:#111a15aa}
.empty{background:#e9eee4;border-color:#a0b09f;border-radius:4px}.code-box{background:#e1e8dc;border-radius:3px;color:#304832}
.login-story{background:#252d29;border:0;border-radius:5px;color:#f5f6ef;padding:34px}.login-story h1{color:#fff}.login-story p,.login-story small{color:#e0e8dd}.login-story>img{border-radius:12px}.login-card{border-top:3px solid #ef3b16}.login-tabs button{border-radius:3px}.login-tabs button.selected{background:#252d29;color:#fff}
.catalog-controls{border:1px solid #a9b9aa;border-radius:4px;background:#eaf0e5;box-shadow:none}
.benefit-card{border-radius:6px;border-color:#a7b7a7;box-shadow:none}.benefit-card-head{background:#252d29;border-top:5px solid var(--card-accent)}.benefit-card-body{background:#f0f3ec}.benefit-category{background:#ffffff12;border-color:#ffffff44}.benefit-card .benefit-badge{background:var(--card-soft);color:#253d2e;border-radius:4px;box-shadow:none}.benefit-card-head h2,.benefit-card-head p{color:#fff}.benefit-card .benefit-illustration{color:#c4d0c0}.benefit-prices .benefit-final{background:#252d29;border-radius:4px}.benefit-prices .benefit-saving{border-radius:4px;background:#e6efe0;color:#245333}.benefit-card .actions .btn{border-radius:3px;background:#ce2b0b;border-color:#ce2b0b;color:#fff}.benefit-card .coverage-note{border-radius:3px}.benefit-card .venue-contacts a{color:#365b3f;text-decoration:underline}
@media(max-width:700px){.workspace{padding:25px 18px}.topbar{padding:18px}.card{padding:21px}.login-story{padding:26px}.sidebar{border-bottom:1px solid #a4b1a7}.benefit-card-head,.benefit-card-body{padding:22px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17251912}}