/* Centrastate Fire company info bar (brandbar.js). Navy, slim; phones: logo + name + compact links + Call button. Never printed. */
.csf-bb{--bb-h:44px;box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:var(--bb-h);padding:6px 20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));background:#0f2244;color:#fff;font:500 13px/1.25 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;border-bottom:3px solid #c8102e;position:relative;z-index:30;-webkit-font-smoothing:antialiased}
.csf-bb a{color:inherit;text-decoration:none}
.csf-bb a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px}
.csf-bb svg{flex:none;opacity:.85}
.csf-bb .bb-logo{flex:none;display:block;line-height:0}
.csf-bb .bb-logo img{display:block;height:32px;width:auto;max-width:none;object-fit:contain}
.csf-bb .bb-id{display:flex;flex-direction:column;min-width:0;flex:none}
.csf-bb .bb-name{font-weight:700;font-size:13.5px;letter-spacing:.02em;white-space:nowrap}
.csf-bb .bb-compact{display:none}
.csf-bb .bb-items{display:flex;align-items:center;justify-content:flex-end;gap:6px 18px;flex:1;min-width:0;flex-wrap:wrap}
.csf-bb .bb-i{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#dbe4f3}
.csf-bb .bb-ph{color:#fff;font-weight:700}
.csf-bb .bb-ph em{font-style:normal;font-size:11px;font-weight:700;background:#c8102e;color:#fff;border-radius:4px;padding:1px 5px;margin-right:2px}
.csf-bb .bb-ad-s{display:none}
.csf-bb .bb-call{display:none}
body.has-bb .login{min-height:calc(100vh - 47px)}
body.bb-in-app .csf-bb{padding-left:32px;padding-right:32px}
@media (max-width:1200px){.csf-bb .bb-ad-l{display:none}.csf-bb .bb-ad-s{display:inline}}
@media (max-width:1499px){body.bb-in-app .csf-bb .bb-ad-l{display:none}body.bb-in-app .csf-bb .bb-ad-s{display:inline}}
@media (max-width:1279px){body.bb-in-app .csf-bb .bb-web{display:none}}
@media (max-width:1023px){.csf-bb .bb-web{display:none}}
@media (max-width:860px){.csf-bb .bb-items{display:none}.csf-bb .bb-compact{display:flex}.csf-bb .bb-call{display:inline-flex}}
@media (max-width:860px){
  .csf-bb{gap:10px;padding:6px 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  body.bb-in-app .csf-bb{padding-left:12px;padding-right:12px}
  .csf-bb .bb-logo img{height:34px}
  .csf-bb .bb-id{flex:1}
  .csf-bb .bb-compact{align-items:center;gap:5px;font-size:11.5px;color:#c9d5ea;margin-top:2px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .csf-bb .bb-compact::-webkit-scrollbar{display:none}
  .csf-bb .bb-compact a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:2px}
  .csf-bb .bb-compact i{font-style:normal;opacity:.5}
  .csf-bb .bb-call{flex:none;align-items:center;gap:6px;background:#c8102e;color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:8px 13px;min-height:36px;box-sizing:border-box}
  .csf-bb .bb-call:hover{text-decoration:none}
  .csf-bb .bb-call svg{opacity:1}
  body.has-bb .login{min-height:0}
}
@media (max-width:379px){.csf-bb .bb-compact{font-size:11px}}
@media (max-width:339px){.csf-bb .bb-call span{display:none}.csf-bb .bb-call{padding:8px 10px}}
@media print{.csf-bb{display:none!important}}