/** Shared responsive typography & spacing for billing UI (xs → md mirrors desktop layout, smaller scale). */
/** Apply to scrollable billing regions (tables, tabs, page). Matches slate-800/900 theme. */
export declare const BILLING_SCROLLBAR_CLASS = "billing-scrollbar";
/** MUI `sx` for dark-themed scrollbars (WebKit + Firefox). */
export declare const billingScrollbarSx: {
    readonly scrollbarWidth: "thin";
    readonly scrollbarColor: "#475569 #1e293b";
    readonly '&::-webkit-scrollbar': {
        readonly width: 8;
        readonly height: 8;
    };
    readonly '&::-webkit-scrollbar-track': {
        readonly background: "#1e293b";
        readonly borderRadius: 4;
    };
    readonly '&::-webkit-scrollbar-thumb': {
        readonly background: "#475569";
        readonly borderRadius: 4;
        readonly border: "2px solid #1e293b";
    };
    readonly '&::-webkit-scrollbar-thumb:hover': {
        readonly background: "#64748b";
    };
    readonly '&::-webkit-scrollbar-corner': {
        readonly background: "#1e293b";
    };
};
export declare const billingFontSize: {
    readonly pageTitle: {
        readonly xs: "1.125rem";
        readonly sm: "1.35rem";
        readonly md: "1.5rem";
    };
    readonly pageSubtitle: {
        readonly xs: "0.75rem";
        readonly sm: "0.8125rem";
        readonly md: "0.875rem";
    };
    readonly sectionTitle: {
        readonly xs: "0.875rem";
        readonly sm: "0.9375rem";
        readonly md: "1rem";
    };
    readonly body: {
        readonly xs: "0.75rem";
        readonly sm: "0.8125rem";
        readonly md: "0.875rem";
    };
    readonly caption: {
        readonly xs: "0.6875rem";
        readonly sm: "0.75rem";
        readonly md: "0.8125rem";
    };
    readonly tab: {
        readonly xs: "0.6875rem";
        readonly sm: "0.75rem";
        readonly md: "0.875rem";
    };
    readonly tableHead: {
        readonly xs: "0.65rem";
        readonly sm: "0.75rem";
        readonly md: "0.8125rem";
    };
    readonly tableCell: {
        readonly xs: "0.72rem";
        readonly sm: "0.8125rem";
        readonly md: "0.875rem";
    };
    readonly button: {
        readonly xs: "0.75rem";
        readonly sm: "0.8125rem";
        readonly md: "0.875rem";
    };
    readonly chip: {
        readonly xs: "0.65rem";
        readonly sm: "0.7rem";
        readonly md: "0.75rem";
    };
};
export declare const billingIconSize: {
    readonly xs: 16;
    readonly sm: 18;
    readonly md: 20;
};
export declare const billingSpacing: {
    readonly paperPx: {
        readonly xs: 1.5;
        readonly sm: 2.5;
        readonly md: 4;
    };
    readonly panelPx: {
        readonly xs: 1.25;
        readonly sm: 2;
        readonly md: 2.5;
    };
    readonly tableMaxHeight: {
        readonly xs: 240;
        readonly sm: 300;
        readonly md: 360;
    };
    readonly tableCellPy: {
        readonly xs: 0.75;
        readonly sm: 1;
        readonly md: 1.25;
    };
    readonly tableCellPx: {
        readonly xs: 1;
        readonly sm: 1.5;
        readonly md: 2;
    };
};
/** Shorter dates on narrow screens so tables stay readable. */
export declare function formatBillingDate(value: string | undefined, compact: boolean): string;
//# sourceMappingURL=billingResponsive.d.ts.map