import type { Metadata, Viewport } from "next";
import type { ReactNode } from "react";
import "./globals.css";

export const metadata: Metadata = {
  title: {
    default: "ISP DIGITAL — Billing & Management Platform",
    template: "%s · ISP DIGITAL",
  },
  description:
    "Complete ISP management platform: customers, MikroTik PPPoE, billing, payments, invoicing, support tickets, reports and automation.",
  applicationName: "ISP DIGITAL",
};

export const viewport: Viewport = {
  themeColor: "#0a1120",
  width: "device-width",
  initialScale: 1,
};

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body className="min-h-screen bg-ink-950 text-slate-100 antialiased">{children}</body>
    </html>
  );
}