.mbn-dashboard{--dash-border:#23425a;--dash-muted:#9dafc5;--dash-blue:#4eb5ff;--dash-green:#56e9b1;color:#f1f7ff;max-width:1440px;margin:0 auto;padding:32px 24px;font-family:inherit;background:radial-gradient(ellipse at 80% 0,rgba(16,92,144,.15),transparent 55%)}.mbn-dashboard *{box-sizing:border-box}.mbn-dashboard button,.mbnd-compact button{cursor:pointer;border:1px solid #345577;background:#10263c;color:#e9f5ff;border-radius:8px;padding:10px 14px;font:inherit;font-size:13px}.mbn-dashboard button:hover,.mbnd-compact button:hover{border-color:#4eb5ff;background:#173752}.mbn-dashboard button:focus-visible,.mbn-dashboard input:focus-visible,.mbnd-compact button:focus-visible{outline:3px solid #77caff;outline-offset:3px}.mbn-dashboard button:disabled{opacity:.4;cursor:default}.mbnd-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.mbnd-eyebrow{letter-spacing:2px;font-size:11px;color:#6dc6ff;margin:0 0 10px}.mbn-dashboard h1{font-size:clamp(26px,3vw,40px);margin:0 0 10px;line-height:1.15}.mbnd-muted{color:var(--dash-muted);font-size:14px;margin:8px 0}.mbnd-top-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.mbnd-sample{color:#a8bdd3;font-size:11px;max-width:280px;line-height:1.5}.mbnd-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}.mbnd-summary article{background:linear-gradient(135deg,#102a43,#091b2c);border:1px solid var(--dash-border);border-radius:12px;padding:21px;box-shadow:0 10px 35px #0003}.mbnd-summary span{font-size:13px;color:#becfe0}.mbnd-summary strong{display:block;font-size:clamp(23px,2.5vw,32px);margin:12px 0 8px}.mbnd-summary small{font-size:11px;color:var(--dash-muted)}.mbnd-yellow strong{color:#ffd577}.mbnd-green strong{color:var(--dash-green)}.mbnd-workspace{border:1px solid var(--dash-border);border-radius:14px;background:#081c2deb;overflow:hidden;box-shadow:0 20px 60px #0004}.mbnd-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--dash-border)}.mbnd-toolbar [role=tablist]{display:flex;gap:5px;flex-wrap:wrap}.mbnd-toolbar [role=tab]{border-color:transparent;background:transparent;color:var(--dash-muted)}.mbnd-toolbar [aria-selected=true]{background:#123352;color:#71c6ff;border-color:#275e89}.mbnd-toolbar [role=tab] span{margin-left:9px;border-radius:10px;padding:2px 7px;background:#ffffff0b;font-size:11px}.mbnd-search input,.mbnd-detail input[type=number]{border:1px solid #2d4a65;background:#061726;color:#f1f7ff;padding:12px;border-radius:8px;font:inherit;font-size:13px;width:100%}.mbnd-list-head,.mbnd-case{display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(100px,1fr)) minmax(165px,1.3fr);gap:14px;align-items:center;padding:18px 22px}.mbnd-list-head{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--dash-muted);background:#0b2136}.mbnd-case{border-bottom:1px solid #213c52;font-size:14px;min-height:90px}.mbnd-case.is-paid{background:linear-gradient(90deg,#0b3a342e,#0a302021);box-shadow:inset 3px 0 #3ddb9d}.mbnd-person{display:flex;gap:13px;align-items:center!important;padding:0!important;border:0!important;background:transparent!important;text-align:left}.mbnd-avatar{display:grid;place-items:center;background:#123b5c;border:1px solid #2e6693;border-radius:50%;min-width:43px;height:43px;color:#79c9ff}.mbnd-person strong,.mbnd-person small{display:block}.mbnd-person strong{font-size:14px}.mbnd-person small{color:var(--dash-muted);font-size:11px;margin-top:5px}.mbnd-person .mbnd-new{color:#69c7ff}.mbnd-balance{color:#ffd577;font-weight:700}.is-paid .mbnd-balance{color:var(--dash-green)}.mbnd-case-action{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.mbnd-badge{font-size:11px;color:#ffd577}.is-paid .mbnd-badge{color:var(--dash-green)}.mbnd-case-action button{padding:6px 10px;font-size:11px}.mbnd-pagination{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:18px 22px;color:var(--dash-muted);font-size:12px}.mbnd-pagination div{display:flex;gap:8px}.mbnd-demo{margin:22px 0;color:var(--dash-muted);font-size:12px}.mbnd-demo summary{cursor:pointer}.mbnd-demo button{margin:5px 8px 5px 0}.mbnd-empty{padding:35px;text-align:center;color:var(--dash-muted)}.mbnd-status{font-size:13px;color:#8bd5ff;min-height:20px}.mbnd-modal-backdrop{position:fixed;inset:0;background:#010811c9;backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.mbnd-detail{position:relative;background:linear-gradient(140deg,#122c43,#081a2c);border:1px solid #38678a;border-radius:18px;padding:32px;width:min(640px,100%);max-height:90vh;overflow:auto;box-shadow:0 25px 100px #000b}.mbnd-close{position:absolute;top:15px;right:15px;font-size:22px!important;padding:4px 11px!important}.mbnd-detail h2{font-size:28px;margin:10px 0}.mbnd-detail h3{font-size:15px;margin:24px 0 12px}.mbnd-detail-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.mbnd-detail-totals div{background:#071a2b;border:1px solid #28445a;padding:14px;border-radius:9px;font-size:11px;color:var(--dash-muted)}.mbnd-detail-totals strong{display:block;color:#f1f7ff;font-size:21px;margin-top:8px}.mbnd-detail-totals div:last-child strong{color:#ffd577}.mbnd-docs{display:flex;flex-wrap:wrap;gap:10px}.mbnd-mobile-label{display:none}.mbnd-history{list-style:none;padding:0;margin:0}.mbnd-history li{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #28445a;font-size:13px}.mbnd-history li span{color:var(--dash-muted)}.mbnd-detail form{display:grid;gap:12px;margin-top:24px}.mbnd-detail label{font-size:13px;line-height:1.7}.mbnd-detail input[type=number]{display:block;margin-top:8px}.mbnd-primary{background:linear-gradient(100deg,#207ed1,#285ede)!important;margin-top:20px}.mbnd-confirm{display:flex;gap:10px;align-items:flex-start}.mbnd-confirm input{margin-top:5px}.mbnd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mbnd-compact{display:flex;gap:9px;padding:10px 16px;background:#07192dec;border:1px solid #2b4b68;border-radius:12px;position:sticky;top:100px;z-index:20;max-width:100%;overflow:auto}.mbnd-compact button{display:flex;align-items:center;gap:8px;white-space:nowrap}.mbnd-compact button span{border-radius:50%;background:#1c476d;padding:7px;font-size:11px}.mbnd-compact button small{color:#ffdc80}.mbnd-compact .is-paid{border-color:#389c75}.mbnd-compact .is-paid span{background:#176548}.mbnd-compact .is-paid small{color:#6cf2b7}@media(max-width:1000px){.mbnd-toolbar{align-items:stretch;flex-direction:column}.mbnd-list-head,.mbnd-case{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(80px,1fr)) 140px;padding:16px 14px;gap:10px}.mbnd-summary{gap:10px}.mbnd-summary article{padding:16px}}@media(max-width:760px){.mbn-dashboard{padding:22px 14px}.mbnd-top{flex-direction:column;align-items:flex-start;gap:12px}.mbnd-top-actions{align-items:flex-start}.mbnd-summary{grid-template-columns:repeat(2,1fr)}.mbnd-list-head{display:none}.mbnd-case{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px}.mbnd-person{grid-column:1/3}.mbnd-case-action{grid-column:3;grid-row:1;align-items:flex-end;text-align:right}.mbnd-mobile-label{display:block;color:#96adc3;font-size:10px;margin-bottom:6px}.mbnd-case>.mbnd-amount{font-size:13px}.mbnd-toolbar{padding:14px}.mbnd-toolbar [role=tab]{font-size:11px;padding:9px}.mbnd-detail{padding:25px 20px}.mbnd-detail-totals{gap:7px}.mbnd-detail-totals div{padding:10px}.mbnd-detail-totals strong{font-size:17px}.mbnd-pagination{padding:15px;font-size:11px}}@media(prefers-reduced-motion:reduce){.mbn-dashboard *{scroll-behavior:auto}}
.mbn-dashboard[hidden],.mbn-bondsman-workspace [data-dashboard-checklist][hidden]{display:none!important}.mbn-bondsman-workspace .bondsman-checklist-step{background:linear-gradient(135deg,#102a43,#091b2c);border-color:#284a64;box-shadow:0 10px 35px #0003}.mbn-bondsman-workspace .bondsman-checklist-step>.profile-review-summary{color:#f1f7ff}.mbn-bondsman-workspace .bondsman-checklist-step>.profile-review-content{background:#071b2b;border-color:#284a64}

/* Bondsman-only navigation: one compact row across viewport sizes. */
body.mbn-bondsman-signed-in .site-header{display:none!important}
.mbn-bondsman-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 16px;background:linear-gradient(110deg,#061d35,#031326);border-top:1px solid #1168ad;border-bottom:1px solid #1a527b;box-shadow:0 6px 24px #0003;color:#f3f8ff}
.mbnh-brand{display:flex;align-items:center;gap:6px;text-decoration:none;color:#f3f8ff;flex-shrink:0}.mbnh-brand img{width:28px;height:28px;object-fit:contain}.mbnh-brand strong{font-size:19px;letter-spacing:-.6px}.mbnh-brand strong span{color:#29a6ff}
.mbn-bondsman-header nav{display:flex;align-self:stretch;align-items:stretch;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.mbn-bondsman-header nav::-webkit-scrollbar{display:none}
.mbn-bondsman-header nav button{flex:0 0 auto;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:9px 8px;color:#b9cbe0;font:600 12px/1 Arial,sans-serif;white-space:nowrap;cursor:pointer}
.mbn-bondsman-header nav button:hover{color:white;background:#0e355544}.mbn-bondsman-header nav button[aria-current]{color:white;border-bottom-color:#19a8ff}.mbn-bondsman-header :focus-visible{outline:2px solid #68caff;outline-offset:-4px}
body.mbn-bondsman-signed-in .mbnd-compact{top:46px}
@media(max-width:760px){.mbn-bondsman-header{padding:4px 8px;gap:4px;min-height:42px}.mbnh-brand img{width:24px;height:24px}.mbnh-brand strong{font-size:16px;letter-spacing:-.4px}.mbn-bondsman-header nav{width:auto;gap:0}.mbn-bondsman-header nav button{padding:8px 6px;font-size:10px}.mbn-bondsman-signed-in .mbnd-compact{top:42px}}

#mbn-station .mbn-payment-circles{display:flex;gap:12px;overflow-x:auto;max-width:100%;padding:10px 6px 12px;margin:0 0 12px;scrollbar-width:thin;overscroll-behavior-x:contain}
#mbn-station .mbn-payment-circle{position:relative;flex:0 0 36px;width:36px;height:36px;min-height:36px;display:grid;place-items:center;border-radius:50%;padding:0;background:#f3cb58;color:#102338;border:1px solid #f8db80;font-size:13px;font-weight:750}
#mbn-station .mbn-payment-circle.is-paid{background:#13ae7b;border-color:#56e9b1;color:white}
#mbn-station .mbn-payment-circle[aria-expanded=true]{outline:3px solid #78caff;outline-offset:4px}
#mbn-station .mbn-payment-count{position:absolute;right:-5px;top:-5px;width:18px;min-width:18px;height:18px;display:grid;place-items:center;padding:0;border-radius:50%;background:#377ad7;color:white;border:1px solid #071b2b;font-size:8px}
#mbn-station .is-paid .mbn-payment-count{background:#13ae7b;border-color:#56e9b1}


#mbn-station .mbn-payment-circles[hidden]{display:none}

.mbn-dashboard:has(#mbn-payment-circles:not([hidden])){padding-top:0}
#mbn-station>.mbn-payment-circles{padding:4px 22px 2px;margin-bottom:0}
#mbn-station>.mbn-payment-circles+main{margin-top:0;padding-top:6px}
#mbn-station .heading>div>p:first-child{margin-top:0}

@media(max-width:430px){.mbnh-brand strong{display:none}.mbn-bondsman-header nav button{padding-inline:4px;font-size:9px}}

#mbn-station .heading .mbn-dashboard-network{margin:4px 0 0}


/* Owner-approved sponsored square beside the existing payments chart. */
#mbn-station #mbn-reports{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start}
#mbn-station .mbn-dashboard-ad{width:min(100%,300px);justify-self:center;box-sizing:border-box;border:1px solid #38556d;border-radius:12px;padding:10px;background:#0b2133;color:#dbe5ef;text-align:center}
#mbn-station .mbn-ad-label{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#abb9c5;margin:0 0 8px}
#mbn-station .mbn-ad-image{display:block;border-radius:8px;overflow:hidden}
#mbn-station .mbn-ad-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
#mbn-station .mbn-ad-image[href]:focus-visible{outline:3px solid #77caff;outline-offset:4px}
#mbn-station .mbn-ad-status{font-size:12px;color:#abb9c5;margin:0}
#mbn-station .mbn-dashboard-ad[hidden],#mbn-station .mbn-ad-image[hidden]{display:none}
@media(max-width:620px){#mbn-station #mbn-reports{grid-template-columns:1fr}#mbn-station .mbn-dashboard-ad{width:min(100%,260px)}}

/* Match the signed-in bondsman page to its dashboard surface. */
html:has(body.mbn-bondsman-signed-in),
body.mbn-bondsman-signed-in,
body.mbn-bondsman-signed-in main#app,
body.mbn-bondsman-signed-in .mbn-bondsman-workspace,
body.mbn-bondsman-signed-in .mbn-dashboard {
  background: #071727;
}
body.mbn-bondsman-signed-in::before,
body.mbn-bondsman-signed-in::after,
body.mbn-bondsman-signed-in > .circuit-activity {
  display: none;
}

/* Only the expanded case record uses these grids. */
#mbn-station .mbn-case-record{margin:16px 0;overflow-wrap:anywhere}
#mbn-station .mbn-case-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px;margin:12px 0}
#mbn-station .mbn-case-facts dt{color:var(--muted);font-size:12px}
#mbn-station .mbn-case-facts dd{margin:3px 0 0;overflow-wrap:anywhere}
#mbn-station .mbn-vault-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}
#mbn-station .mbn-vault-records h4{margin:0 0 10px}

#mbn-station .mbn-case-record label{display:block}
#mbn-station .mbn-case-record input:not([type=checkbox]),#mbn-station .mbn-case-record select,#mbn-station .mbn-case-record textarea{display:block;width:100%;max-width:100%;font:inherit;color:inherit;background:#071727;border:1px solid #345577;border-radius:7px;padding:9px;margin-top:5px}
#mbn-station .mbn-case-record textarea{resize:vertical;min-height:96px}
#mbn-station .mbn-case-record textarea:focus-visible,#mbn-station .mbn-case-record select:focus-visible{outline:3px solid #68caff;outline-offset:2px}
#mbn-station .mbn-log-checkbox{margin:12px 0}
#mbn-station .mbn-case-log{list-style:none;padding:0;display:grid;gap:12px}
#mbn-station .mbn-case-log h4{margin:0}
#mbn-station .mbn-case-message{white-space:pre-wrap;overflow-wrap:anywhere}

#mbn-station .mbn-case-record .mbn-log-checkbox{display:flex;align-items:center;gap:8px}
#mbn-station .mbn-case-record .mbn-log-checkbox input[type=checkbox]{width:18px;min-width:18px;margin:0;display:inline-block}