// app/unauthorized/page.tsx
import Link from "next/link"

export default function UnauthorizedPage() {
  return (
    <div style={{
      minHeight: "100vh",
      display: "flex",
      alignItems: "center",
      justifyContent: "center",
      background: "#f7fafc"
    }}>
      <div style={{
        textAlign: "center",
        padding: "2rem"
      }}>
        <h1 style={{ fontSize: "4rem", marginBottom: "1rem" }}>🚫</h1>
        <h2 style={{ fontSize: "2rem", marginBottom: "1rem", color: "#333" }}>
          Acesso Negado
        </h2>
        <p style={{ color: "#666", marginBottom: "2rem" }}>
          Você não tem permissão para acessar este workspace.
        </p>
        <Link 
          href="/"
          style={{
            padding: "0.75rem 2rem",
            background: "#667eea",
            color: "white",
            textDecoration: "none",
            borderRadius: "0.5rem",
            display: "inline-block"
          }}
        >
          Voltar para Home
        </Link>
      </div>
    </div>
  )
}