/* Narrow Spatial Deck brand.
 * At 312 px the action row kept its width and the name box shrank to 12 px.
 * The name takes the first row. The actions take the next. Wide bar is unchanged.
 */
@media (max-width:600px){
  .topbar{flex-wrap:wrap;row-gap:8px}
  .brand,.brand-text{flex:1 1 100%;min-width:max-content}
  .topbar-actions{flex:1 1 100%;max-width:100%;min-width:0;justify-content:flex-start}
}