src/layouts/POSLayout.jsx

import { Outlet } from 'react-router-dom';
import Navbar from '../components/Navbar';

export default function POSLayout() {
  return (
    <div className="bg-[var(--color-bg)]" style={{ position: 'fixed', inset: 0, display: 'flex', flexDirection: 'column', overflow: 'hidden' }}>
      <Navbar />
      <main style={{ flex: 1, overflow: 'hidden' }}>
        <Outlet />
      </main>
    </div>
  );
}