/* AI added (Phase 10 T04) - Print stylesheet per design-system tokens */
@page {
    size: letter portrait;
    margin: 0.5in;
}

@media print {
    :root {
        --mkz-bg: #ffffff;
        --mkz-surface: #ffffff;
        --mkz-panel: #ffffff;
        --mkz-text: #000000;
        --mkz-text-muted: #333333;
        --mkz-heading: #000000;
        --mkz-border: #888888;
        --mkz-link: #000000;
        --mkz-shadow-card: none;
        --mkz-shadow-card-hover: none;
        --mkz-shadow-modal: none;
        --mkz-shadow-focus: none;
    }

    html,
    html body,
    body,
    body.light-style,
    body.layout-menu-fixed {
        background: var(--mkz-bg) !important;
        background-color: var(--mkz-bg) !important;
        background-image: none !important;
        color: var(--mkz-text) !important;
    }

    body * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html body .card,
    html body .dashboard-widget,
    html body .dashboard-widget-slot-card,
    html body .report-row-span-group,
    html body .radzen-datagrid {
        background: var(--mkz-surface) !important;
        background-color: var(--mkz-surface) !important;
        border-color: var(--mkz-border) !important;
        box-shadow: none !important;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    html body .card-header,
    html body .card-body,
    html body .dashboard-widget-value,
    html body .dashboard-widget-label {
        color: var(--mkz-text) !important;
    }

    .no-print,
    .layout-menu,
    .layout-navbar,
    .navbar,
    .dropdown-menu,
    .widget-resize-handle,
    .dashboard-widget-slot[draggable="True"] .btn-group,
    [data-testid="dashboard-customize-toggle"],
    [data-testid="refresh-stats-button"],
    [data-testid="dashboard-layout-save"],
    [data-testid="dashboard-layout-reset"],
    [data-drillable="true"]::after {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    a {
        color: var(--mkz-link) !important;
        text-decoration: underline;
    }

    a[href]::after {
        color: var(--mkz-text-muted);
        content: " (" attr(href) ")";
        font-size: 0.85em;
    }

    html body,
    body,
    .layout-wrapper,
    .layout-container,
    .content-wrapper,
    [data-testid="dashboard"] {
        background: #ffffff !important;
        background-color: #ffffff !important;
        background-image: none !important;
    }

    html body .card,
    body .card,
    [data-testid="dashboard"] .card,
    [data-testid="dashboard"] .dashboard-widget {
        box-shadow: none !important;
    }
}