/* A single header rhythm across the spatial workspace and its supporting pages. */
.surface-page .surface-topbar,body.canvas .workspace-topbar {display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);min-height:72px;padding:0 28px;gap:20px;box-shadow:none;}
.surface-brand,.workspace-brand {gap:11px;}
.surface-brand > span,.workspace-brand > span {font-size:21px;line-height:1.05;font-weight:600;letter-spacing:-.03em;}
.surface-brand small,.workspace-brand small {font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;margin-top:5px;color:var(--muted);}
.surface-brand > .ui-icon,.workspace-brand > .ui-icon {width:29px;height:29px;color:var(--gold);}
.surface-nav,.workspace-nav {margin:0;justify-content:center;align-self:stretch;gap:2px;}
.surface-nav a,.workspace-nav a {padding:0 13px;gap:8px;font-size:12px;font-weight:400;}
.surface-nav .ui-icon,.workspace-nav .ui-icon {width:17px;height:17px;}
.surface-account,.account-menu {grid-column:3;justify-self:end;font-size:12px;}
.surface-account summary > span:last-child,.account-name {max-width:140px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
@media(max-width:1100px){
 .surface-page .surface-topbar,body.canvas .workspace-topbar {grid-template-columns:minmax(100px,1fr) auto minmax(48px,1fr);padding:0 20px;gap:12px;}
 .surface-brand small,.workspace-brand small {display:none;}
 .surface-account summary > span:last-child,.account-name {display:none;}
 .surface-nav a,.workspace-nav a {padding:0 10px;}
}
@media(max-width:760px){
 .surface-page .surface-topbar,body.canvas .workspace-topbar {grid-template-columns:1fr auto;grid-template-rows:48px 49px;min-height:97px;padding:0 12px;gap:0;}
 .surface-brand,.workspace-brand {grid-column:1;grid-row:1;justify-self:start;}
 .surface-brand > span,.workspace-brand > span {display:block;font-size:18px;}
 .surface-brand > .ui-icon,.workspace-brand > .ui-icon {width:25px;height:25px;}
 .surface-account,.account-menu {grid-column:2;grid-row:1;}
 .surface-nav,.workspace-nav {grid-column:1/-1;grid-row:2;display:flex;width:100%;overflow:visible;gap:0;}
 .surface-nav a,.workspace-nav a,.ontology-page .surface-nav a {flex:1;flex-direction:column;justify-content:center;gap:3px;padding:4px 3px 7px;font-size:10px;white-space:nowrap;}
 .surface-nav .ui-icon,.workspace-nav .ui-icon {width:16px;height:16px;}
 .surface-avatar,.avatar {width:28px;height:28px;}
 .account-menu summary > .ui-icon {display:none;}
}