/* Shared hub shell: the global bar used by the church hub and the ministry workspace.
   One template (web/global-bar.html) is injected into both pages at build time, so the brand,
   main navigation and account controls look and behave the same everywhere. Tokens come from tokens.css. */
.global-bar{background:var(--surface);border-bottom:1px solid var(--rule);font-family:var(--f-ui)}
.global-inner{display:flex;align-items:center;gap:var(--sp-6);max-width:var(--shell-max,1264px);margin:0 auto;padding:0 var(--shell-pad,32px);min-height:64px}
.global-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;min-height:44px;flex:0 0 auto;border-radius:var(--r-md)}
.global-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:20px;line-height:1;letter-spacing:-.02em}
.global-name{display:flex;flex-direction:column;line-height:1.15}
.global-name strong{font-size:15px;font-weight:700;letter-spacing:.01em}
.global-name small{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin:2px 0 0}
.global-nav{display:flex;align-self:stretch;gap:4px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.global-nav::-webkit-scrollbar{display:none}
.global-nav a{display:flex;align-items:center;flex:0 0 auto;padding:0 12px;min-height:44px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}
.global-nav a:hover{color:var(--ink);background:var(--surface-2)}
.global-nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);background:var(--surface-2)}
.global-nav .label-short{display:none}
.global-account{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto;flex:0 0 auto;font-size:13px;color:var(--muted)}
.global-signout{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:transparent;border:1px solid var(--rule-strong);border-radius:var(--r-md);padding:6px 12px;min-height:36px;cursor:pointer}
.global-signout:hover{background:var(--surface-2)}
.global-signout:disabled{cursor:progress;opacity:.6}
.global-bar :focus-visible{outline:3px solid var(--focus);outline-offset:2px}
/* The navigation scrolls sideways on small screens, which would clip an outer focus ring. */
.global-nav a:focus-visible{outline-offset:-3px}
.global-role{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1000px){.global-name small{display:none}}
@media(max-width:760px){
  .global-inner{flex-wrap:wrap;gap:0 var(--sp-3);padding:0 16px;min-height:0}
  .global-brand{min-height:56px}
  .global-mark{width:32px;height:32px;font-size:18px}
  .global-account{order:2}
  .global-role{display:none}
  .global-signout{min-height:44px}
  .global-nav{order:3;flex-basis:100%;margin:0 -16px;padding:0 8px;border-top:1px solid var(--rule)}
  .global-nav a{padding:0 10px;min-height:46px;font-size:14px}
  @media(max-width:380px){.global-nav a{padding:0 7px}}
  .global-nav .label-long{display:none}
  .global-nav .label-short{display:inline}
}
@media print{.global-bar{display:none}}

.global-profile{color:var(--ink);font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}