/* Shared Bradsher Digital owner-workspace header for /owner/ and /owner/intakes/. */
.topbar{
  min-height:76px;
  padding:0 max(20px,calc((100vw - 1180px)/2));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(216,205,192,.78);
  background:rgba(243,245,244,.93);
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(14px);
  font:16px/1.6 Inter,system-ui,sans-serif;
  color:#303434;
}
.topbar .brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:inherit;
  text-decoration:none;
  font-family:Manrope,sans-serif;
  font-weight:800;
  letter-spacing:-.02em;
}
.topbar .brand-mark{
  width:36px;
  height:36px;
  border-radius:8px;
  background:#303434;
  color:#fff;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  font-size:.82rem;
  letter-spacing:.04em;
}
.topbar .brand-mark:after{
  content:"";
  position:absolute;
  width:18px;
  height:3px;
  background:#3f7472;
  right:-3px;
  bottom:6px;
  transform:rotate(-35deg);
  border-radius:2px;
}
.topbar .brand strong,
.topbar .brand small{display:block}
.topbar .brand strong{font-size:.96rem}
.topbar .brand small{margin-top:1px;color:#667172;font:600 .72rem/1.6 Inter,system-ui,sans-serif;letter-spacing:0}
.is-authenticated .topbar .brand small{display:none}
.topbar .owner-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex:1;
  min-width:0;
}
.topbar .owner-nav[hidden]{display:none}
.topbar .owner-nav-item,
.topbar .owner-nav-live{
  display:inline-flex;
  align-items:center;
  border:0;
  background:transparent;
  color:#667172;
  text-decoration:none;
  padding:9px 11px;
  min-height:0;
  border-radius:9px;
  font:650 .8rem/1.6 Inter,system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.topbar .owner-nav-item:hover,
.topbar .owner-nav-live:hover{background:#e7eceb;color:#303434}
.topbar .owner-nav-item.active{background:#dce7e5;color:#2f5268}
.topbar .owner-nav-live{color:#3f7472}
.topbar .owner-nav-item:focus-visible,
.topbar .owner-nav-live:focus-visible,
.topbar .sign-out-button:focus-visible,
.topbar .brand:focus-visible{outline:2px solid #3f7472;outline-offset:2px}
.topbar .sign-out-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d3dada;
  background:rgba(255,255,255,.45);
  color:#303434;
  border-radius:12px;
  min-height:0;
  padding:9px 12px;
  font:800 .78rem/1.6 Inter,system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.topbar .sign-out-button[hidden]{display:none}
.topbar .sign-out-button:hover{border-color:#aebbbb;background:#edf3f2}
.topbar .owner-nav-badge{
  display:inline-grid;
  place-items:center;
  min-width:19px;
  height:19px;
  margin-left:4px;
  padding:0 5px;
  border-radius:999px;
  background:#b65b37;
  color:#fff;
  font-size:.66rem;
  font-weight:900;
  line-height:1;
}
.topbar .owner-nav-badge[hidden]{display:none}
@media(max-width:1000px){
  .topbar{flex-wrap:wrap;padding-block:8px}
  .topbar .owner-nav{
    order:3;
    flex-basis:100%;
    overflow-x:auto;
    justify-content:flex-start;
    padding-bottom:2px;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:560px){
  .topbar{min-height:68px;padding-inline:14px}
  .topbar .brand strong{font-size:.9rem}
  .topbar .brand span:last-child{min-width:0}
  .topbar .owner-nav-item,
  .topbar .owner-nav-live{font-size:.75rem;padding:8px 9px}
  .topbar .sign-out-button{padding:8px 10px}
}