/* screen_finance_inicio.jsx — Pagina de entrada Finance (Salvador) */
window.ScreenFinanceInicio = () => {
  return (
    <div style={{ padding: '40px 32px', maxWidth: 800 }}>
      <h1 className="font-display" style={{ fontSize: 28, fontWeight: 700, color: 'var(--dgd-fg-1)', marginBottom: 8 }}>
        Finance
      </h1>
      <p style={{ fontSize: 14, color: 'var(--dgd-fg-2)', lineHeight: 1.6, marginBottom: 24 }}>
        Bem-vindo ao modulo de Finance. Esta pagina e editavel — comeca a construir aqui.
      </p>
      <div style={{ padding: 20, borderRadius: 8, border: '1px solid var(--dgd-border-1)', background: 'var(--dgd-bg-card,white)' }}>
        <div style={{ fontSize: 11, fontFamily: 'var(--dgd-font-mono,monospace)', color: 'var(--dgd-fg-3)', letterSpacing: '0.08em', textTransform: 'uppercase', marginBottom: 8 }}>
          FICHEIRO
        </div>
        <code style={{ fontSize: 13, color: 'var(--dgd-fg-1)' }}>
          public/js/screen_finance_inicio.jsx
        </code>
      </div>
    </div>
  );
};