'use client';

export default function PortalLayout({ children }: { children: React.ReactNode }) {
  return (
    <div style={{ minHeight: '100vh', backgroundColor: '#F8FAFC', fontFamily: 'Fira Sans, sans-serif' }}>
      <header style={{ backgroundColor: '#ffffff', borderBottom: '1px solid #E2E8F0', padding: '0 24px' }}>
        <div style={{ maxWidth: 1200, margin: '0 auto', display: 'flex', alignItems: 'center', height: 56 }}>
          <span style={{ fontSize: 20, fontWeight: 700, color: '#0891B2', letterSpacing: '-0.02em' }}>
            FiberOps
          </span>
          <span style={{ marginLeft: 8, fontSize: 13, color: '#64748B', fontWeight: 500 }}>
            Subscriber Portal
          </span>
        </div>
      </header>
      <main>{children}</main>
    </div>
  );
}