import { style } from '@vanilla-extract/css';

export const RoutePane = style({
  flex: 1,
  minWidth: 0,
  minHeight: 0,
  overflow: 'hidden',
  display: 'flex',
  flexDirection: 'column',
});

/** Full-bleed overlay for the press→navigate gap only. */
export const PendingOverlay = style({
  position: 'absolute',
  inset: 0,
  zIndex: 2,
  display: 'flex',
  minWidth: 0,
  minHeight: 0,
  pointerEvents: 'none',
});
